@desynova-digital/components 9.0.20 → 9.0.22

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