@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/molecules/videoCardList/videoCardList.story.js CHANGED
@@ -1,669 +1,454 @@
1
1
  "use strict";
2
2
 
3
- var _react = require("react");
4
-
5
- var _react2 = _interopRequireDefault(_react);
6
-
7
- var _react3 = require("@storybook/react");
8
-
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _react2 = require("@storybook/react");
9
6
  var _storyHelpers = require("../../_helpers/story-helpers");
10
-
11
7
  var _components = require("../../components");
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
-
15
- (0, _react3.storiesOf)("VideoCardList").add("default", function () {
16
- return _react2.default.createElement(
17
- _storyHelpers.Example,
18
- null,
19
- _react2.default.createElement(
20
- "div",
21
- { style: { marginBottom: "20px" } },
22
- _react2.default.createElement(
23
- _components.VideoCardList,
24
- null,
25
- _react2.default.createElement(
26
- _components.VideoCard,
27
- {
28
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
29
- videoPlay: true,
30
- width: "100%",
31
- size: "large",
32
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
33
- return console.log("onVideoThumbnailClick():", e);
34
- },
35
- onVideoDetailClick: function onVideoDetailClick(e) {
36
- return console.log("onVideoDetailClick():", e);
37
- },
38
- onCardClick: function onCardClick(e) {
39
- return console.log("onCardClick():", e);
40
- },
41
- radius: 0
42
- },
43
- _react2.default.createElement(
44
- "div",
45
- { style: { padding: "5px" } },
46
- _react2.default.createElement(
47
- "div",
48
- { className: "title" },
49
- "title is here"
50
- ),
51
- _react2.default.createElement(
52
- "div",
53
- { className: "sub-title" },
54
- "sub-title is here"
55
- ),
56
- _react2.default.createElement(
57
- "div",
58
- { className: "extra-details" },
59
- "other-details is here"
60
- )
61
- )
62
- ),
63
- _react2.default.createElement(
64
- _components.VideoCard,
65
- {
66
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
67
- videoPlay: true,
68
- width: "100%",
69
- size: "large",
70
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
71
- return console.log("onVideoThumbnailClick():", e);
72
- },
73
- onVideoDetailClick: function onVideoDetailClick(e) {
74
- return console.log("onVideoDetailClick():", e);
75
- },
76
- onCardClick: function onCardClick(e) {
77
- return console.log("onCardClick():", e);
78
- },
79
- radius: 0
80
- },
81
- _react2.default.createElement(
82
- "div",
83
- { style: { padding: "5px" } },
84
- _react2.default.createElement(
85
- "div",
86
- { className: "title" },
87
- "title is here"
88
- ),
89
- _react2.default.createElement(
90
- "div",
91
- { className: "sub-title" },
92
- "sub-title is here"
93
- ),
94
- _react2.default.createElement(
95
- "div",
96
- { className: "extra-details" },
97
- "other-details is here"
98
- )
99
- )
100
- ),
101
- _react2.default.createElement(
102
- _components.VideoCard,
103
- {
104
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
105
- videoPlay: true,
106
- width: "100%",
107
- size: "large",
108
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
109
- return console.log("onVideoThumbnailClick():", e);
110
- },
111
- onVideoDetailClick: function onVideoDetailClick(e) {
112
- return console.log("onVideoDetailClick():", e);
113
- },
114
- onCardClick: function onCardClick(e) {
115
- return console.log("onCardClick():", e);
116
- },
117
- radius: 0
118
- },
119
- _react2.default.createElement(
120
- "div",
121
- { style: { padding: "5px" } },
122
- _react2.default.createElement(
123
- "div",
124
- { className: "title" },
125
- "title is here"
126
- ),
127
- _react2.default.createElement(
128
- "div",
129
- { className: "sub-title" },
130
- "sub-title is here"
131
- ),
132
- _react2.default.createElement(
133
- "div",
134
- { className: "extra-details" },
135
- "other-details is here"
136
- )
137
- )
138
- )
139
- )
140
- ),
141
- _react2.default.createElement(
142
- "div",
143
- { style: { marginBottom: "20px" } },
144
- _react2.default.createElement(
145
- _components.VideoCardList,
146
- { display: "x" },
147
- _react2.default.createElement(
148
- _components.VideoCard,
149
- {
150
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
151
- videoPlay: true,
152
- width: "100%",
153
- size: "large",
154
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
155
- return console.log("onVideoThumbnailClick():", e);
156
- },
157
- onVideoDetailClick: function onVideoDetailClick(e) {
158
- return console.log("onVideoDetailClick():", e);
159
- },
160
- onCardClick: function onCardClick(e) {
161
- return console.log("onCardClick():", e);
162
- },
163
- radius: 0
164
- },
165
- _react2.default.createElement(
166
- "div",
167
- { style: { padding: "5px" } },
168
- _react2.default.createElement(
169
- "div",
170
- { className: "title" },
171
- "title is here"
172
- ),
173
- _react2.default.createElement(
174
- "div",
175
- { className: "sub-title" },
176
- "sub-title is here"
177
- ),
178
- _react2.default.createElement(
179
- "div",
180
- { className: "extra-details" },
181
- "other-details is here"
182
- )
183
- )
184
- ),
185
- _react2.default.createElement(
186
- _components.VideoCard,
187
- {
188
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
189
- videoPlay: true,
190
- width: "100%",
191
- size: "large",
192
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
193
- return console.log("onVideoThumbnailClick():", e);
194
- },
195
- onVideoDetailClick: function onVideoDetailClick(e) {
196
- return console.log("onVideoDetailClick():", e);
197
- },
198
- onCardClick: function onCardClick(e) {
199
- return console.log("onCardClick():", e);
200
- },
201
- radius: 0
202
- },
203
- _react2.default.createElement(
204
- "div",
205
- { style: { padding: "5px" } },
206
- _react2.default.createElement(
207
- "div",
208
- { className: "title" },
209
- "title is here"
210
- ),
211
- _react2.default.createElement(
212
- "div",
213
- { className: "sub-title" },
214
- "sub-title is here"
215
- ),
216
- _react2.default.createElement(
217
- "div",
218
- { className: "extra-details" },
219
- "other-details is here"
220
- )
221
- )
222
- ),
223
- _react2.default.createElement(
224
- _components.VideoCard,
225
- {
226
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
227
- videoPlay: true,
228
- width: "100%",
229
- size: "large",
230
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
231
- return console.log("onVideoThumbnailClick():", e);
232
- },
233
- onVideoDetailClick: function onVideoDetailClick(e) {
234
- return console.log("onVideoDetailClick():", e);
235
- },
236
- onCardClick: function onCardClick(e) {
237
- return console.log("onCardClick():", e);
238
- },
239
- radius: 0
240
- },
241
- _react2.default.createElement(
242
- "div",
243
- { style: { padding: "5px" } },
244
- _react2.default.createElement(
245
- "div",
246
- { className: "title" },
247
- "title is here"
248
- ),
249
- _react2.default.createElement(
250
- "div",
251
- { className: "sub-title" },
252
- "sub-title is here"
253
- ),
254
- _react2.default.createElement(
255
- "div",
256
- { className: "extra-details" },
257
- "other-details is here"
258
- )
259
- )
260
- ),
261
- _react2.default.createElement(
262
- _components.VideoCard,
263
- {
264
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
265
- videoPlay: true,
266
- width: "100%",
267
- size: "large",
268
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
269
- return console.log("onVideoThumbnailClick():", e);
270
- },
271
- onVideoDetailClick: function onVideoDetailClick(e) {
272
- return console.log("onVideoDetailClick():", e);
273
- },
274
- onCardClick: function onCardClick(e) {
275
- return console.log("onCardClick():", e);
276
- },
277
- radius: 0
278
- },
279
- _react2.default.createElement(
280
- "div",
281
- { style: { padding: "5px" } },
282
- _react2.default.createElement(
283
- "div",
284
- { className: "title" },
285
- "title is here"
286
- ),
287
- _react2.default.createElement(
288
- "div",
289
- { className: "sub-title" },
290
- "sub-title is here"
291
- ),
292
- _react2.default.createElement(
293
- "div",
294
- { className: "extra-details" },
295
- "other-details is here"
296
- )
297
- )
298
- )
299
- )
300
- ),
301
- _react2.default.createElement(
302
- "div",
303
- null,
304
- _react2.default.createElement(
305
- _components.VideoCardList,
306
- { display: "grid" },
307
- _react2.default.createElement(
308
- _components.VideoCard,
309
- {
310
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
311
- videoPlay: true,
312
- width: "100%",
313
- size: "large",
314
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
315
- return console.log("onVideoThumbnailClick():", e);
316
- },
317
- onVideoDetailClick: function onVideoDetailClick(e) {
318
- return console.log("onVideoDetailClick():", e);
319
- },
320
- onCardClick: function onCardClick(e) {
321
- return console.log("onCardClick():", e);
322
- },
323
- radius: 0
324
- },
325
- _react2.default.createElement(
326
- "div",
327
- { style: { padding: "5px" } },
328
- _react2.default.createElement(
329
- "div",
330
- { className: "title" },
331
- "title is here"
332
- ),
333
- _react2.default.createElement(
334
- "div",
335
- { className: "sub-title" },
336
- "sub-title is here"
337
- ),
338
- _react2.default.createElement(
339
- "div",
340
- { className: "extra-details" },
341
- "other-details is here"
342
- )
343
- )
344
- ),
345
- _react2.default.createElement(
346
- _components.VideoCard,
347
- {
348
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
349
- videoPlay: true,
350
- width: "100%",
351
- size: "large",
352
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
353
- return console.log("onVideoThumbnailClick():", e);
354
- },
355
- onVideoDetailClick: function onVideoDetailClick(e) {
356
- return console.log("onVideoDetailClick():", e);
357
- },
358
- onCardClick: function onCardClick(e) {
359
- return console.log("onCardClick():", e);
360
- },
361
- radius: 0
362
- },
363
- _react2.default.createElement(
364
- "div",
365
- { style: { padding: "5px" } },
366
- _react2.default.createElement(
367
- "div",
368
- { className: "title" },
369
- "title is here"
370
- ),
371
- _react2.default.createElement(
372
- "div",
373
- { className: "sub-title" },
374
- "sub-title is here"
375
- ),
376
- _react2.default.createElement(
377
- "div",
378
- { className: "extra-details" },
379
- "other-details is here"
380
- )
381
- )
382
- ),
383
- _react2.default.createElement(
384
- _components.VideoCard,
385
- {
386
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
387
- videoPlay: true,
388
- width: "100%",
389
- size: "large",
390
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
391
- return console.log("onVideoThumbnailClick():", e);
392
- },
393
- onVideoDetailClick: function onVideoDetailClick(e) {
394
- return console.log("onVideoDetailClick():", e);
395
- },
396
- onCardClick: function onCardClick(e) {
397
- return console.log("onCardClick():", e);
398
- },
399
- radius: 0
400
- },
401
- _react2.default.createElement(
402
- "div",
403
- { style: { padding: "5px" } },
404
- _react2.default.createElement(
405
- "div",
406
- { className: "title" },
407
- "title is here"
408
- ),
409
- _react2.default.createElement(
410
- "div",
411
- { className: "sub-title" },
412
- "sub-title is here"
413
- ),
414
- _react2.default.createElement(
415
- "div",
416
- { className: "extra-details" },
417
- "other-details is here"
418
- )
419
- )
420
- ),
421
- _react2.default.createElement(
422
- _components.VideoCard,
423
- {
424
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
425
- videoPlay: true,
426
- width: "100%",
427
- size: "large",
428
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
429
- return console.log("onVideoThumbnailClick():", e);
430
- },
431
- onVideoDetailClick: function onVideoDetailClick(e) {
432
- return console.log("onVideoDetailClick():", e);
433
- },
434
- onCardClick: function onCardClick(e) {
435
- return console.log("onCardClick():", e);
436
- },
437
- radius: 0
438
- },
439
- _react2.default.createElement(
440
- "div",
441
- { style: { padding: "5px" } },
442
- _react2.default.createElement(
443
- "div",
444
- { className: "title" },
445
- "title isrfrfrf here"
446
- ),
447
- _react2.default.createElement(
448
- "div",
449
- { className: "sub-title" },
450
- "sub-title is here"
451
- ),
452
- _react2.default.createElement(
453
- "div",
454
- { className: "extra-details" },
455
- "other-details is here"
456
- )
457
- )
458
- ),
459
- _react2.default.createElement(
460
- _components.VideoCard,
461
- {
462
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
463
- videoPlay: true,
464
- width: "100%",
465
- size: "large",
466
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
467
- return console.log("onVideoThumbnailClick():", e);
468
- },
469
- onVideoDetailClick: function onVideoDetailClick(e) {
470
- return console.log("onVideoDetailClick():", e);
471
- },
472
- onCardClick: function onCardClick(e) {
473
- return console.log("onCardClick():", e);
474
- },
475
- radius: 0
476
- },
477
- _react2.default.createElement(
478
- "div",
479
- { style: { padding: "5px" } },
480
- _react2.default.createElement(
481
- "div",
482
- { className: "title" },
483
- "title is here"
484
- ),
485
- _react2.default.createElement(
486
- "div",
487
- { className: "sub-title" },
488
- "sub-title is here"
489
- ),
490
- _react2.default.createElement(
491
- "div",
492
- { className: "extra-details" },
493
- "other-details is here"
494
- )
495
- )
496
- ),
497
- _react2.default.createElement(
498
- _components.VideoCard,
499
- {
500
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
501
- videoPlay: true,
502
- width: "100%",
503
- size: "large",
504
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
505
- return console.log("onVideoThumbnailClick():", e);
506
- },
507
- onVideoDetailClick: function onVideoDetailClick(e) {
508
- return console.log("onVideoDetailClick():", e);
509
- },
510
- onCardClick: function onCardClick(e) {
511
- return console.log("onCardClick():", e);
512
- },
513
- radius: 0
514
- },
515
- _react2.default.createElement(
516
- "div",
517
- { style: { padding: "5px" } },
518
- _react2.default.createElement(
519
- "div",
520
- { className: "title" },
521
- "title is here"
522
- ),
523
- _react2.default.createElement(
524
- "div",
525
- { className: "sub-title" },
526
- "sub-title is here"
527
- ),
528
- _react2.default.createElement(
529
- "div",
530
- { className: "extra-details" },
531
- "other-details is here"
532
- )
533
- )
534
- ),
535
- _react2.default.createElement(
536
- _components.VideoCard,
537
- {
538
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
539
- videoPlay: true,
540
- width: "100%",
541
- size: "large",
542
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
543
- return console.log("onVideoThumbnailClick():", e);
544
- },
545
- onVideoDetailClick: function onVideoDetailClick(e) {
546
- return console.log("onVideoDetailClick():", e);
547
- },
548
- onCardClick: function onCardClick(e) {
549
- return console.log("onCardClick():", e);
550
- },
551
- radius: 0
552
- },
553
- _react2.default.createElement(
554
- "div",
555
- { style: { padding: "5px" } },
556
- _react2.default.createElement(
557
- "div",
558
- { className: "title" },
559
- "title frfrf fvrfhere"
560
- ),
561
- _react2.default.createElement(
562
- "div",
563
- { className: "sub-title" },
564
- "sub-title is here"
565
- ),
566
- _react2.default.createElement(
567
- "div",
568
- { className: "extra-details" },
569
- "other-details is here"
570
- )
571
- )
572
- )
573
- )
574
- ),
575
- _react2.default.createElement(
576
- "div",
577
- null,
578
- _react2.default.createElement(
579
- _components.VideoCardList,
580
- { display: "grid" },
581
- _react2.default.createElement(_components.VideoCard, {
582
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
583
- videoPlay: true,
584
- width: "100%",
585
- size: "large",
586
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
587
- return console.log("onVideoThumbnailClick():", e);
588
- },
589
- onVideoDetailClick: function onVideoDetailClick(e) {
590
- return console.log("onVideoDetailClick():", e);
591
- },
592
- onCardClick: function onCardClick(e) {
593
- return console.log("onCardClick():", e);
594
- },
595
- radius: 0,
596
- dateTime: "28, Oct 2018"
597
- }),
598
- _react2.default.createElement(_components.VideoCard, {
599
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
600
- videoPlay: true,
601
- width: "100%",
602
- size: "large",
603
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
604
- return console.log("onVideoThumbnailClick():", e);
605
- },
606
- onVideoDetailClick: function onVideoDetailClick(e) {
607
- return console.log("onVideoDetailClick():", e);
608
- },
609
- onCardClick: function onCardClick(e) {
610
- return console.log("onCardClick():", e);
611
- },
612
- radius: 0,
613
- dateTime: "28, Oct 2018"
614
- }),
615
- _react2.default.createElement(_components.VideoCard, {
616
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
617
- videoPlay: true,
618
- width: "100%",
619
- size: "large",
620
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
621
- return console.log("onVideoThumbnailClick():", e);
622
- },
623
- onVideoDetailClick: function onVideoDetailClick(e) {
624
- return console.log("onVideoDetailClick():", e);
625
- },
626
- onCardClick: function onCardClick(e) {
627
- return console.log("onCardClick():", e);
628
- },
629
- radius: 0,
630
- dateTime: "28, Oct 2018"
631
- }),
632
- _react2.default.createElement(_components.VideoCard, {
633
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
634
- videoPlay: true,
635
- width: "100%",
636
- size: "large",
637
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
638
- return console.log("onVideoThumbnailClick():", e);
639
- },
640
- onVideoDetailClick: function onVideoDetailClick(e) {
641
- return console.log("onVideoDetailClick():", e);
642
- },
643
- onCardClick: function onCardClick(e) {
644
- return console.log("onCardClick():", e);
645
- },
646
- radius: 0,
647
- dateTime: "28, Oct 2018"
648
- }),
649
- _react2.default.createElement(_components.VideoCard, {
650
- thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
651
- videoPlay: true,
652
- width: "100%",
653
- size: "large",
654
- onVideoThumbnailClick: function onVideoThumbnailClick(e) {
655
- return console.log("onVideoThumbnailClick():", e);
656
- },
657
- onVideoDetailClick: function onVideoDetailClick(e) {
658
- return console.log("onVideoDetailClick():", e);
659
- },
660
- onCardClick: function onCardClick(e) {
661
- return console.log("onCardClick():", e);
662
- },
663
- radius: 0,
664
- dateTime: "28, Oct 2018"
665
- })
666
- )
667
- )
668
- );
8
+ (0, _react2.storiesOf)("VideoCardList").add("default", function () {
9
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, null, /*#__PURE__*/_react["default"].createElement("div", {
10
+ style: {
11
+ marginBottom: "20px"
12
+ }
13
+ }, /*#__PURE__*/_react["default"].createElement(_components.VideoCardList, null, /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
14
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
15
+ videoPlay: true,
16
+ width: "100%",
17
+ size: "large",
18
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
19
+ return console.log("onVideoThumbnailClick():", e);
20
+ },
21
+ onVideoDetailClick: function onVideoDetailClick(e) {
22
+ return console.log("onVideoDetailClick():", e);
23
+ },
24
+ onCardClick: function onCardClick(e) {
25
+ return console.log("onCardClick():", e);
26
+ },
27
+ radius: 0
28
+ }, /*#__PURE__*/_react["default"].createElement("div", {
29
+ style: {
30
+ padding: "5px"
31
+ }
32
+ }, /*#__PURE__*/_react["default"].createElement("div", {
33
+ className: "title"
34
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
35
+ className: "sub-title"
36
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
37
+ className: "extra-details"
38
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
39
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
40
+ videoPlay: true,
41
+ width: "100%",
42
+ size: "large",
43
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
44
+ return console.log("onVideoThumbnailClick():", e);
45
+ },
46
+ onVideoDetailClick: function onVideoDetailClick(e) {
47
+ return console.log("onVideoDetailClick():", e);
48
+ },
49
+ onCardClick: function onCardClick(e) {
50
+ return console.log("onCardClick():", e);
51
+ },
52
+ radius: 0
53
+ }, /*#__PURE__*/_react["default"].createElement("div", {
54
+ style: {
55
+ padding: "5px"
56
+ }
57
+ }, /*#__PURE__*/_react["default"].createElement("div", {
58
+ className: "title"
59
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
60
+ className: "sub-title"
61
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
62
+ className: "extra-details"
63
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
64
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
65
+ videoPlay: true,
66
+ width: "100%",
67
+ size: "large",
68
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
69
+ return console.log("onVideoThumbnailClick():", e);
70
+ },
71
+ onVideoDetailClick: function onVideoDetailClick(e) {
72
+ return console.log("onVideoDetailClick():", e);
73
+ },
74
+ onCardClick: function onCardClick(e) {
75
+ return console.log("onCardClick():", e);
76
+ },
77
+ radius: 0
78
+ }, /*#__PURE__*/_react["default"].createElement("div", {
79
+ style: {
80
+ padding: "5px"
81
+ }
82
+ }, /*#__PURE__*/_react["default"].createElement("div", {
83
+ className: "title"
84
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
85
+ className: "sub-title"
86
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
87
+ className: "extra-details"
88
+ }, "other-details is here"))))), /*#__PURE__*/_react["default"].createElement("div", {
89
+ style: {
90
+ marginBottom: "20px"
91
+ }
92
+ }, /*#__PURE__*/_react["default"].createElement(_components.VideoCardList, {
93
+ display: "x"
94
+ }, /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
95
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
96
+ videoPlay: true,
97
+ width: "100%",
98
+ size: "large",
99
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
100
+ return console.log("onVideoThumbnailClick():", e);
101
+ },
102
+ onVideoDetailClick: function onVideoDetailClick(e) {
103
+ return console.log("onVideoDetailClick():", e);
104
+ },
105
+ onCardClick: function onCardClick(e) {
106
+ return console.log("onCardClick():", e);
107
+ },
108
+ radius: 0
109
+ }, /*#__PURE__*/_react["default"].createElement("div", {
110
+ style: {
111
+ padding: "5px"
112
+ }
113
+ }, /*#__PURE__*/_react["default"].createElement("div", {
114
+ className: "title"
115
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
116
+ className: "sub-title"
117
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
118
+ className: "extra-details"
119
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
120
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
121
+ videoPlay: true,
122
+ width: "100%",
123
+ size: "large",
124
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
125
+ return console.log("onVideoThumbnailClick():", e);
126
+ },
127
+ onVideoDetailClick: function onVideoDetailClick(e) {
128
+ return console.log("onVideoDetailClick():", e);
129
+ },
130
+ onCardClick: function onCardClick(e) {
131
+ return console.log("onCardClick():", e);
132
+ },
133
+ radius: 0
134
+ }, /*#__PURE__*/_react["default"].createElement("div", {
135
+ style: {
136
+ padding: "5px"
137
+ }
138
+ }, /*#__PURE__*/_react["default"].createElement("div", {
139
+ className: "title"
140
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
141
+ className: "sub-title"
142
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
143
+ className: "extra-details"
144
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
145
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
146
+ videoPlay: true,
147
+ width: "100%",
148
+ size: "large",
149
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
150
+ return console.log("onVideoThumbnailClick():", e);
151
+ },
152
+ onVideoDetailClick: function onVideoDetailClick(e) {
153
+ return console.log("onVideoDetailClick():", e);
154
+ },
155
+ onCardClick: function onCardClick(e) {
156
+ return console.log("onCardClick():", e);
157
+ },
158
+ radius: 0
159
+ }, /*#__PURE__*/_react["default"].createElement("div", {
160
+ style: {
161
+ padding: "5px"
162
+ }
163
+ }, /*#__PURE__*/_react["default"].createElement("div", {
164
+ className: "title"
165
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
166
+ className: "sub-title"
167
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
168
+ className: "extra-details"
169
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
170
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
171
+ videoPlay: true,
172
+ width: "100%",
173
+ size: "large",
174
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
175
+ return console.log("onVideoThumbnailClick():", e);
176
+ },
177
+ onVideoDetailClick: function onVideoDetailClick(e) {
178
+ return console.log("onVideoDetailClick():", e);
179
+ },
180
+ onCardClick: function onCardClick(e) {
181
+ return console.log("onCardClick():", e);
182
+ },
183
+ radius: 0
184
+ }, /*#__PURE__*/_react["default"].createElement("div", {
185
+ style: {
186
+ padding: "5px"
187
+ }
188
+ }, /*#__PURE__*/_react["default"].createElement("div", {
189
+ className: "title"
190
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
191
+ className: "sub-title"
192
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
193
+ className: "extra-details"
194
+ }, "other-details is here"))))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_components.VideoCardList, {
195
+ display: "grid"
196
+ }, /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
197
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
198
+ videoPlay: true,
199
+ width: "100%",
200
+ size: "large",
201
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
202
+ return console.log("onVideoThumbnailClick():", e);
203
+ },
204
+ onVideoDetailClick: function onVideoDetailClick(e) {
205
+ return console.log("onVideoDetailClick():", e);
206
+ },
207
+ onCardClick: function onCardClick(e) {
208
+ return console.log("onCardClick():", e);
209
+ },
210
+ radius: 0
211
+ }, /*#__PURE__*/_react["default"].createElement("div", {
212
+ style: {
213
+ padding: "5px"
214
+ }
215
+ }, /*#__PURE__*/_react["default"].createElement("div", {
216
+ className: "title"
217
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
218
+ className: "sub-title"
219
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
220
+ className: "extra-details"
221
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
222
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
223
+ videoPlay: true,
224
+ width: "100%",
225
+ size: "large",
226
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
227
+ return console.log("onVideoThumbnailClick():", e);
228
+ },
229
+ onVideoDetailClick: function onVideoDetailClick(e) {
230
+ return console.log("onVideoDetailClick():", e);
231
+ },
232
+ onCardClick: function onCardClick(e) {
233
+ return console.log("onCardClick():", e);
234
+ },
235
+ radius: 0
236
+ }, /*#__PURE__*/_react["default"].createElement("div", {
237
+ style: {
238
+ padding: "5px"
239
+ }
240
+ }, /*#__PURE__*/_react["default"].createElement("div", {
241
+ className: "title"
242
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
243
+ className: "sub-title"
244
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
245
+ className: "extra-details"
246
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
247
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
248
+ videoPlay: true,
249
+ width: "100%",
250
+ size: "large",
251
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
252
+ return console.log("onVideoThumbnailClick():", e);
253
+ },
254
+ onVideoDetailClick: function onVideoDetailClick(e) {
255
+ return console.log("onVideoDetailClick():", e);
256
+ },
257
+ onCardClick: function onCardClick(e) {
258
+ return console.log("onCardClick():", e);
259
+ },
260
+ radius: 0
261
+ }, /*#__PURE__*/_react["default"].createElement("div", {
262
+ style: {
263
+ padding: "5px"
264
+ }
265
+ }, /*#__PURE__*/_react["default"].createElement("div", {
266
+ className: "title"
267
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
268
+ className: "sub-title"
269
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
270
+ className: "extra-details"
271
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
272
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
273
+ videoPlay: true,
274
+ width: "100%",
275
+ size: "large",
276
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
277
+ return console.log("onVideoThumbnailClick():", e);
278
+ },
279
+ onVideoDetailClick: function onVideoDetailClick(e) {
280
+ return console.log("onVideoDetailClick():", e);
281
+ },
282
+ onCardClick: function onCardClick(e) {
283
+ return console.log("onCardClick():", e);
284
+ },
285
+ radius: 0
286
+ }, /*#__PURE__*/_react["default"].createElement("div", {
287
+ style: {
288
+ padding: "5px"
289
+ }
290
+ }, /*#__PURE__*/_react["default"].createElement("div", {
291
+ className: "title"
292
+ }, "title isrfrfrf here"), /*#__PURE__*/_react["default"].createElement("div", {
293
+ className: "sub-title"
294
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
295
+ className: "extra-details"
296
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
297
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
298
+ videoPlay: true,
299
+ width: "100%",
300
+ size: "large",
301
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
302
+ return console.log("onVideoThumbnailClick():", e);
303
+ },
304
+ onVideoDetailClick: function onVideoDetailClick(e) {
305
+ return console.log("onVideoDetailClick():", e);
306
+ },
307
+ onCardClick: function onCardClick(e) {
308
+ return console.log("onCardClick():", e);
309
+ },
310
+ radius: 0
311
+ }, /*#__PURE__*/_react["default"].createElement("div", {
312
+ style: {
313
+ padding: "5px"
314
+ }
315
+ }, /*#__PURE__*/_react["default"].createElement("div", {
316
+ className: "title"
317
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
318
+ className: "sub-title"
319
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
320
+ className: "extra-details"
321
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
322
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
323
+ videoPlay: true,
324
+ width: "100%",
325
+ size: "large",
326
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
327
+ return console.log("onVideoThumbnailClick():", e);
328
+ },
329
+ onVideoDetailClick: function onVideoDetailClick(e) {
330
+ return console.log("onVideoDetailClick():", e);
331
+ },
332
+ onCardClick: function onCardClick(e) {
333
+ return console.log("onCardClick():", e);
334
+ },
335
+ radius: 0
336
+ }, /*#__PURE__*/_react["default"].createElement("div", {
337
+ style: {
338
+ padding: "5px"
339
+ }
340
+ }, /*#__PURE__*/_react["default"].createElement("div", {
341
+ className: "title"
342
+ }, "title is here"), /*#__PURE__*/_react["default"].createElement("div", {
343
+ className: "sub-title"
344
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
345
+ className: "extra-details"
346
+ }, "other-details is here"))), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
347
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
348
+ videoPlay: true,
349
+ width: "100%",
350
+ size: "large",
351
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
352
+ return console.log("onVideoThumbnailClick():", e);
353
+ },
354
+ onVideoDetailClick: function onVideoDetailClick(e) {
355
+ return console.log("onVideoDetailClick():", e);
356
+ },
357
+ onCardClick: function onCardClick(e) {
358
+ return console.log("onCardClick():", e);
359
+ },
360
+ radius: 0
361
+ }, /*#__PURE__*/_react["default"].createElement("div", {
362
+ style: {
363
+ padding: "5px"
364
+ }
365
+ }, /*#__PURE__*/_react["default"].createElement("div", {
366
+ className: "title"
367
+ }, "title frfrf fvrfhere"), /*#__PURE__*/_react["default"].createElement("div", {
368
+ className: "sub-title"
369
+ }, "sub-title is here"), /*#__PURE__*/_react["default"].createElement("div", {
370
+ className: "extra-details"
371
+ }, "other-details is here"))))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_components.VideoCardList, {
372
+ display: "grid"
373
+ }, /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
374
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
375
+ videoPlay: true,
376
+ width: "100%",
377
+ size: "large",
378
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
379
+ return console.log("onVideoThumbnailClick():", e);
380
+ },
381
+ onVideoDetailClick: function onVideoDetailClick(e) {
382
+ return console.log("onVideoDetailClick():", e);
383
+ },
384
+ onCardClick: function onCardClick(e) {
385
+ return console.log("onCardClick():", e);
386
+ },
387
+ radius: 0,
388
+ dateTime: "28, Oct 2018"
389
+ }), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
390
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
391
+ videoPlay: true,
392
+ width: "100%",
393
+ size: "large",
394
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
395
+ return console.log("onVideoThumbnailClick():", e);
396
+ },
397
+ onVideoDetailClick: function onVideoDetailClick(e) {
398
+ return console.log("onVideoDetailClick():", e);
399
+ },
400
+ onCardClick: function onCardClick(e) {
401
+ return console.log("onCardClick():", e);
402
+ },
403
+ radius: 0,
404
+ dateTime: "28, Oct 2018"
405
+ }), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
406
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
407
+ videoPlay: true,
408
+ width: "100%",
409
+ size: "large",
410
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
411
+ return console.log("onVideoThumbnailClick():", e);
412
+ },
413
+ onVideoDetailClick: function onVideoDetailClick(e) {
414
+ return console.log("onVideoDetailClick():", e);
415
+ },
416
+ onCardClick: function onCardClick(e) {
417
+ return console.log("onCardClick():", e);
418
+ },
419
+ radius: 0,
420
+ dateTime: "28, Oct 2018"
421
+ }), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
422
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
423
+ videoPlay: true,
424
+ width: "100%",
425
+ size: "large",
426
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
427
+ return console.log("onVideoThumbnailClick():", e);
428
+ },
429
+ onVideoDetailClick: function onVideoDetailClick(e) {
430
+ return console.log("onVideoDetailClick():", e);
431
+ },
432
+ onCardClick: function onCardClick(e) {
433
+ return console.log("onCardClick():", e);
434
+ },
435
+ radius: 0,
436
+ dateTime: "28, Oct 2018"
437
+ }), /*#__PURE__*/_react["default"].createElement(_components.VideoCard, {
438
+ thumbnail: "https://tassets.desynova.com/img/topaz-logo.png",
439
+ videoPlay: true,
440
+ width: "100%",
441
+ size: "large",
442
+ onVideoThumbnailClick: function onVideoThumbnailClick(e) {
443
+ return console.log("onVideoThumbnailClick():", e);
444
+ },
445
+ onVideoDetailClick: function onVideoDetailClick(e) {
446
+ return console.log("onVideoDetailClick():", e);
447
+ },
448
+ onCardClick: function onCardClick(e) {
449
+ return console.log("onCardClick():", e);
450
+ },
451
+ radius: 0,
452
+ dateTime: "28, Oct 2018"
453
+ }))));
669
454
  });