@desynova-digital/components 8.19.63 → 9.0.1

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 (80) hide show
  1. package/atoms/avatar/avatar.js +1 -1
  2. package/atoms/avatar/avatar.story.js +46 -14
  3. package/atoms/badge/badge.js +13 -13
  4. package/atoms/badge/badge.story.js +91 -29
  5. package/atoms/button/button.js +81 -85
  6. package/atoms/button/button.story.js +342 -2
  7. package/atoms/card/card.js +43 -39
  8. package/atoms/card/card.story.js +74 -48
  9. package/atoms/cardStack/cardStack.js +182 -155
  10. package/atoms/cardStack/cardStack.story.js +131 -18
  11. package/atoms/cardV2/cardV2.js +23 -23
  12. package/atoms/cardV2/cardV2.story.js +196 -45
  13. package/atoms/cardV2/content.js +109 -87
  14. package/atoms/cardV2/thumbnail.js +85 -72
  15. package/atoms/cardV2/timeline.js +119 -107
  16. package/atoms/checkbox/checkbox.js +41 -32
  17. package/atoms/checkbox/checkbox.story.js +220 -99
  18. package/atoms/customSelect/customSelect.story.js +820 -582
  19. package/atoms/datePicker/datePicker.js +77 -83
  20. package/atoms/datePicker/datePicker.story.js +167 -1
  21. package/atoms/dateTime/dateTime.story.js +26 -1
  22. package/atoms/draftInputText/draftInputText.js +358 -0
  23. package/atoms/draftInputText/draftInputText.story.js +251 -0
  24. package/atoms/draftInputText/index.js +13 -0
  25. package/atoms/dropdown/dropdown.story.js +146 -18
  26. package/atoms/dropdownList/dropdownList.story.js +1598 -1091
  27. package/atoms/graphs/barGraph/barGraph.js +143 -130
  28. package/atoms/graphs/barGraph/barGraph.story.js +74 -40
  29. package/atoms/graphs/circleDonut/circleDonut.story.js +374 -220
  30. package/atoms/graphs/circleGraph/circleGraph.js +84 -80
  31. package/atoms/graphs/circleGraph/circleGraph.story.js +38 -26
  32. package/atoms/graphs/circleNested/circleNested.story.js +98 -103
  33. package/atoms/graphs/pieChart/pieChart.story.js +160 -81
  34. package/atoms/graphs/verticalBarGraph/verticalBarGraph.story.js +30 -28
  35. package/atoms/icon/icon.story.js +220 -163
  36. package/atoms/inputText/inputText.js +52 -49
  37. package/atoms/label/label.js +29 -29
  38. package/atoms/label/label.story.js +42 -30
  39. package/atoms/loader/CircleLoader.js +13 -4
  40. package/atoms/loader/CircleLoader.jsx +10 -4
  41. package/atoms/loader/ThreeDotLoader.js +8 -4
  42. package/atoms/loader/ThreeDotLoader.jsx +4 -4
  43. package/atoms/loader/loader.js +29 -30
  44. package/atoms/loader/loader.story.js +38 -23
  45. package/atoms/loader/spinningLoader.js +7 -4
  46. package/atoms/loader/spinningLoader.jsx +5 -5
  47. package/atoms/popup/popup.js +11 -11
  48. package/atoms/popup/popup.story.js +36 -4
  49. package/atoms/radio/radio.story.js +140 -2
  50. package/atoms/sideBar/sidebar.js +19 -5
  51. package/atoms/sideBar/sidebar.jsx +13 -8
  52. package/atoms/switch/switch.js +72 -66
  53. package/atoms/switch/switch.story.js +323 -78
  54. package/atoms/tag/tag.js +39 -39
  55. package/atoms/tag/tag.story.js +83 -2
  56. package/atoms/textarea/textarea.js +36 -34
  57. package/atoms/timeCodeInput/timCodeInput.story.js +10 -9
  58. package/atoms/timeCodeInput/timeCodeInput.js +108 -100
  59. package/atoms/timer/timer.js +127 -126
  60. package/atoms/toast/toast.js +24 -14
  61. package/atoms/toast/toast.story.js +22 -0
  62. package/atoms/videoCard/videoCard.js +226 -203
  63. package/atoms/videoCard/videoCard.story.js +547 -186
  64. package/components.js +69 -66
  65. package/index.js +5 -4
  66. package/molecules/carousel/carousel.js +55 -67
  67. package/molecules/filter/filter.js +133 -106
  68. package/molecules/filter/filter.story.js +215 -173
  69. package/molecules/graphCard/graphCard.js +34 -24
  70. package/molecules/graphCard/graphCard.story.js +169 -82
  71. package/molecules/graphDetailCard/graphDetailCard.js +207 -182
  72. package/molecules/pageHeader/pageHeader.js +3 -2
  73. package/molecules/pageHeader/pageHeader.story.js +40 -18
  74. package/molecules/pagination/pagination.js +66 -14
  75. package/molecules/pagination/pagination.story.js +24 -2
  76. package/molecules/table/table.js +368 -316
  77. package/molecules/table/table.story.js +404 -208
  78. package/molecules/tabs/tabs.js +15 -6
  79. package/molecules/tabs/tabs.story.js +26 -0
  80. package/package.json +2 -2
@@ -1,348 +1,350 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- var _react = require("react");
3
+ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
4
+
5
+ var _react = require('react');
4
6
 
5
7
  var _react2 = _interopRequireDefault(_react);
6
8
 
7
- var _react3 = require("@storybook/react");
9
+ var _react3 = require('@storybook/react');
8
10
 
9
- var _storyHelpers = require("../../_helpers/story-helpers");
11
+ var _storyHelpers = require('../../_helpers/story-helpers');
10
12
 
11
- var _components = require("../../components");
13
+ var _components = require('../../components');
12
14
 
13
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
16
 
15
- var img_thumbnail = "https://tassets.desynova.com/img/topaz-logo.png";
17
+ var img_thumbnail = 'https://tassets.desynova.com/img/topaz-logo.png';
16
18
 
17
- (0, _react3.storiesOf)("VideoCard").add("appearance-light", function () {
19
+ (0, _react3.storiesOf)('VideoCard').add('appearance-light', function () {
18
20
  return _react2.default.createElement(
19
21
  _storyHelpers.Example,
20
- { title: "Appearances Light", background: "default" },
22
+ { title: 'Appearances Light', background: 'default' },
21
23
  _react2.default.createElement(
22
24
  _storyHelpers.Stack,
23
25
  null,
24
26
  _react2.default.createElement(
25
- "div",
26
- { style: { display: "block", width: "40%" } },
27
+ 'div',
28
+ { style: { display: 'block', width: '40%' } },
27
29
  _react2.default.createElement(
28
- "div",
29
- { style: { display: "block", marginBottom: "20px" } },
30
+ 'div',
31
+ { style: { display: 'block', marginBottom: '20px' } },
30
32
  _react2.default.createElement(
31
- "div",
33
+ 'div',
32
34
  null,
33
35
  _react2.default.createElement(
34
- "p",
36
+ 'p',
35
37
  null,
36
- "type1"
38
+ 'type1'
37
39
  ),
38
40
  _react2.default.createElement(_components.VideoCard, {
39
41
  requested_by: {
40
- name: "Ashutosh Narkhede",
41
- email: "",
42
- user_image: ""
42
+ name: 'Ashutosh Narkhede',
43
+ email: '',
44
+ user_image: ''
43
45
  },
44
46
  requested_on: 1542544501148,
45
- h1: "Analysis On CBI Corruption Story",
46
- h2: "S2 E4",
47
- taskType: "snp_edit",
48
- extension: "mp4",
49
- location: "Banglore",
50
- actions: ["play", "archive"],
51
- thumbnail: "" + img_thumbnail,
47
+ h1: 'Analysis On CBI Corruption Story',
48
+ h2: 'S2 E4',
49
+ taskType: 'snp_edit',
50
+ extension: 'mp4',
51
+ location: 'Banglore',
52
+ actions: ['play', 'archive'],
53
+ thumbnail: '' + img_thumbnail,
52
54
  width: 280,
53
55
  height: 250,
54
- display_type: "type1",
55
- gradient: "grad1",
56
- id: "a0001",
57
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
58
- default_action: "play",
56
+ display_type: 'type1',
57
+ gradient: 'grad1',
58
+ id: 'a0001',
59
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
60
+ default_action: 'play',
59
61
  info: _react2.default.createElement(
60
62
  _react2.default.Fragment,
61
63
  null,
62
64
  _react2.default.createElement(
63
- "div",
64
- { className: "title" },
65
+ 'div',
66
+ { className: 'title' },
65
67
  _react2.default.createElement(
66
- "p",
68
+ 'p',
67
69
  null,
68
- "Brief"
70
+ 'Brief'
69
71
  ),
70
72
  _react2.default.createElement(
71
- "p",
73
+ 'p',
72
74
  null,
73
- "This is a Brief"
75
+ 'This is a Brief'
74
76
  )
75
77
  )
76
78
  ),
77
- assetStatus: "REJECTED",
79
+ assetStatus: 'REJECTED',
78
80
  moreActions: [{
79
- name: "Upload",
80
- field: "upload",
81
- icon: "upload"
81
+ name: 'Upload',
82
+ field: 'upload',
83
+ icon: 'upload'
82
84
  }, {
83
- name: "Download",
84
- field: "download",
85
- icon: "download"
85
+ name: 'Download',
86
+ field: 'download',
87
+ icon: 'download'
86
88
  }],
87
89
  actionClickHandler: function actionClickHandler(id, action) {
88
- console.log("ACTION CLICK :", id, action);
90
+ console.log('ACTION CLICK :', id, action);
89
91
  }
90
92
  }),
91
93
  _react2.default.createElement(
92
- "p",
94
+ 'p',
93
95
  null,
94
- "type1"
96
+ 'type1'
95
97
  ),
96
98
  _react2.default.createElement(_components.VideoCard, {
97
99
  requested_by: {
98
- name: "Ashutosh Narkhede",
99
- email: "",
100
- user_image: ""
100
+ name: 'Ashutosh Narkhede',
101
+ email: '',
102
+ user_image: ''
101
103
  },
102
104
  requested_on: 1542544501148,
103
- h1: "Analysis On CBI Corruption Story",
104
- h2: "S2 E5",
105
- taskType: "pgm_edit",
106
- extension: "mp4",
107
- location: "Banglore",
108
- actions: ["play", "archive"],
109
- thumbnail: "" + img_thumbnail,
105
+ h1: 'Analysis On CBI Corruption Story',
106
+ h2: 'S2 E5',
107
+ taskType: 'pgm_edit',
108
+ extension: 'mp4',
109
+ location: 'Banglore',
110
+ actions: ['play', 'archive'],
111
+ thumbnail: '' + img_thumbnail,
110
112
  width: 280,
111
113
  height: 250,
112
- display_type: "type1",
113
- id: "a0001",
114
+ display_type: 'type1',
115
+ id: 'a0001',
114
116
  info: _react2.default.createElement(
115
117
  _react2.default.Fragment,
116
118
  null,
117
119
  _react2.default.createElement(
118
- "div",
119
- { className: "title" },
120
+ 'div',
121
+ { className: 'title' },
120
122
  _react2.default.createElement(
121
- "p",
123
+ 'p',
122
124
  null,
123
- "Brief"
125
+ 'Brief'
124
126
  ),
125
127
  _react2.default.createElement(
126
- "p",
128
+ 'p',
127
129
  null,
128
- "This is a Brief"
130
+ 'This is a Brief'
129
131
  )
130
132
  )
131
133
  ),
132
- assetStatus: "Review",
133
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
134
- default_action: "play",
134
+ assetStatus: 'Review',
135
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
136
+ default_action: 'play',
135
137
  actionClickHandler: function actionClickHandler(id, action) {
136
- console.log("ACTION CLICK :", id, action);
138
+ console.log('ACTION CLICK :', id, action);
137
139
  }
138
140
  })
139
141
  ),
140
142
  _react2.default.createElement(_components.VideoCard, {
141
143
  requested_by: {
142
- name: "Ashutosh Narkhede",
143
- email: "",
144
- user_image: ""
144
+ name: 'Ashutosh Narkhede',
145
+ email: '',
146
+ user_image: ''
145
147
  },
146
148
  requested_on: 1542544501148,
147
- h1: "Analysis On CBI Corruption Story",
148
- h2: "S2 E5",
149
- taskType: "pgm_edit",
150
- extension: "mp4",
151
- location: "Banglore",
152
- actions: ["play", "archive"],
153
- thumbnail: "" + img_thumbnail,
149
+ h1: 'Analysis On CBI Corruption Story',
150
+ h2: 'S2 E5',
151
+ taskType: 'pgm_edit',
152
+ extension: 'mp4',
153
+ location: 'Banglore',
154
+ actions: ['play', 'archive'],
155
+ thumbnail: '' + img_thumbnail,
154
156
  width: 280,
155
157
  height: 250,
156
- display_type: "type1",
158
+ display_type: 'type1',
157
159
  isDisabled: true,
158
- uploadStatus: "Verifying",
159
- id: "a0001",
160
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
161
- default_action: "play",
160
+ uploadStatus: 'Verifying',
161
+ id: 'a0001',
162
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
163
+ default_action: 'play',
162
164
  actionClickHandler: function actionClickHandler(id, action) {
163
- console.log("ACTION CLICK :", id, action);
165
+ console.log('ACTION CLICK :', id, action);
164
166
  }
165
167
  }),
166
168
  _react2.default.createElement(
167
- "div",
168
- { style: { marginTop: "30px" } },
169
+ 'div',
170
+ { style: { marginTop: '30px' } },
169
171
  _react2.default.createElement(
170
- "p",
172
+ 'p',
171
173
  null,
172
- "type1"
174
+ 'type1'
173
175
  ),
174
176
  _react2.default.createElement(_components.VideoCard, {
175
- h1: "Analysis On CBI Corruption Story",
176
- h2: "S1 E6",
177
- h3: "18:00",
178
- h4: "20:00",
179
- thumbnail: "" + img_thumbnail,
180
- display_type: "type1",
181
- id: "a0002",
182
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
183
- default_action: "play",
177
+ h1: 'Analysis On CBI Corruption Story',
178
+ h2: 'S1 E6',
179
+ h3: '18:00',
180
+ h4: '20:00',
181
+ thumbnail: '' + img_thumbnail,
182
+ display_type: 'type1',
183
+ id: 'a0002',
184
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
185
+ default_action: 'play',
184
186
  actionClickHandler: function actionClickHandler(id, action) {
185
- console.log("ACTION CLICK :", id, action);
187
+ console.log('ACTION CLICK :', id, action);
186
188
  }
187
189
  })
188
190
  ),
189
191
  _react2.default.createElement(
190
- "div",
191
- { style: { marginTop: "30px" } },
192
+ 'div',
193
+ { style: { marginTop: '30px' } },
192
194
  _react2.default.createElement(
193
- "p",
195
+ 'p',
194
196
  null,
195
- "type2"
197
+ 'type2'
196
198
  ),
197
199
  _react2.default.createElement(_components.VideoCard, {
198
- h1: "Analysis On CBI Corruption Story",
199
- h2: "AH357829",
200
- assetStatus: "In Progress",
201
- thumbnail: "" + img_thumbnail,
202
- display_type: "type2",
203
- id: "a0002",
204
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
205
- default_action: "play",
200
+ h1: 'Analysis On CBI Corruption Story',
201
+ h2: 'AH357829',
202
+ assetStatus: 'In Progress',
203
+ thumbnail: '' + img_thumbnail,
204
+ display_type: 'type2',
205
+ id: 'a0002',
206
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
207
+ default_action: 'play',
206
208
  actionClickHandler: function actionClickHandler(id, action) {
207
- console.log("ACTION CLICK :", id, action);
209
+ console.log('ACTION CLICK :', id, action);
208
210
  }
209
211
  })
210
212
  ),
211
213
  _react2.default.createElement(
212
- "div",
213
- { style: { marginTop: "30px" } },
214
+ 'div',
215
+ { style: { marginTop: '30px' } },
214
216
  _react2.default.createElement(
215
- "p",
217
+ 'p',
216
218
  null,
217
- "type2"
219
+ 'type2'
218
220
  ),
219
221
  _react2.default.createElement(_components.VideoCard, {
220
- h1: "Analysis On CBI Corruption Story",
221
- h2: "AH357829",
222
- assetStatus: "APPROVED",
223
- thumbnail: "" + img_thumbnail,
224
- display_type: "type2",
225
- id: "a0002",
226
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
227
- default_action: "play",
222
+ h1: 'Analysis On CBI Corruption Story',
223
+ h2: 'AH357829',
224
+ assetStatus: 'APPROVED',
225
+ thumbnail: '' + img_thumbnail,
226
+ display_type: 'type2',
227
+ id: 'a0002',
228
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
229
+ default_action: 'play',
228
230
  actionClickHandler: function actionClickHandler(id, action) {
229
- console.log("ACTION CLICK :", id, action);
231
+ console.log('ACTION CLICK :', id, action);
230
232
  }
231
233
  })
232
234
  ),
233
235
  _react2.default.createElement(
234
- "div",
235
- { style: { marginTop: "30px" } },
236
+ 'div',
237
+ { style: { marginTop: '30px' } },
236
238
  _react2.default.createElement(
237
- "p",
239
+ 'p',
238
240
  null,
239
- "type2"
241
+ 'type2'
240
242
  ),
241
243
  _react2.default.createElement(_components.VideoCard, {
242
- h1: "Analysis On CBI Corruption Story",
243
- h2: "AH357829",
244
- assetStatus: "REJECTED",
245
- thumbnail: "" + img_thumbnail,
246
- display_type: "type2",
247
- id: "a0002",
248
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
249
- default_action: "play",
244
+ h1: 'Analysis On CBI Corruption Story',
245
+ h2: 'AH357829',
246
+ assetStatus: 'REJECTED',
247
+ thumbnail: '' + img_thumbnail,
248
+ display_type: 'type2',
249
+ id: 'a0002',
250
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
251
+ default_action: 'play',
250
252
  actionClickHandler: function actionClickHandler(id, action) {
251
- console.log("ACTION CLICK :", id, action);
253
+ console.log('ACTION CLICK :', id, action);
252
254
  }
253
255
  })
254
256
  ),
255
257
  _react2.default.createElement(
256
- "div",
257
- { style: { marginTop: "30px" } },
258
+ 'div',
259
+ { style: { marginTop: '30px' } },
258
260
  _react2.default.createElement(
259
- "p",
261
+ 'p',
260
262
  null,
261
- "type3"
263
+ 'type3'
262
264
  ),
263
265
  _react2.default.createElement(_components.VideoCard, {
264
- h1: "Analysis On CBI Corruption Story",
265
- thumbnail: "" + img_thumbnail,
266
+ h1: 'Analysis On CBI Corruption Story',
267
+ thumbnail: '' + img_thumbnail,
266
268
  width: 180,
267
269
  height: 250,
268
- display_type: "type3",
269
- id: "a0003",
270
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
271
- default_action: "play",
270
+ display_type: 'type3',
271
+ id: 'a0003',
272
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
273
+ default_action: 'play',
272
274
  actionClickHandler: function actionClickHandler(id, action) {
273
- console.log("ACTION CLICK :", id, action);
275
+ console.log('ACTION CLICK :', id, action);
274
276
  }
275
277
  })
276
278
  ),
277
279
  _react2.default.createElement(
278
- "p",
280
+ 'p',
279
281
  null,
280
- "type4"
282
+ 'type4'
281
283
  ),
282
284
  _react2.default.createElement(
283
- "div",
284
- { style: { marginTop: "30px" } },
285
+ 'div',
286
+ { style: { marginTop: '30px' } },
285
287
  _react2.default.createElement(_components.VideoCard, {
286
- main_title: "Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story",
287
- sub_title: "Ep. 4",
288
- thumbnail: "" + img_thumbnail,
288
+ main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
289
+ sub_title: 'Ep. 4',
290
+ thumbnail: '' + img_thumbnail,
289
291
  creation: 1540624616000,
290
292
  width: 400,
291
293
  //height:250,
292
- display_type: "type4",
293
- display_size: "large",
294
- id: "a0004",
295
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
296
- default_action: "play",
294
+ display_type: 'type4',
295
+ display_size: 'large',
296
+ id: 'a0004',
297
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
298
+ default_action: 'play',
297
299
  actionClickHandler: function actionClickHandler(id, action) {
298
- console.log("ACTION CLICK :", id, action);
300
+ console.log('ACTION CLICK :', id, action);
299
301
  }
300
302
  })
301
303
  ),
302
304
  _react2.default.createElement(
303
- "div",
304
- { style: { marginTop: "30px" } },
305
+ 'div',
306
+ { style: { marginTop: '30px' } },
305
307
  _react2.default.createElement(
306
- "p",
308
+ 'p',
307
309
  null,
308
- "type4"
310
+ 'type4'
309
311
  ),
310
312
  _react2.default.createElement(_components.VideoCard, {
311
- main_title: "Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story",
312
- thumbnail: "" + img_thumbnail,
313
+ main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
314
+ thumbnail: '' + img_thumbnail,
313
315
  creation: 1540624616000,
314
316
  width: 270,
315
317
  //height:250,
316
- display_type: "type4",
317
- display_size: "small",
318
- id: "a0005",
319
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
320
- default_action: "play",
318
+ display_type: 'type4',
319
+ display_size: 'small',
320
+ id: 'a0005',
321
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
322
+ default_action: 'play',
321
323
  actionClickHandler: function actionClickHandler(id, action) {
322
- console.log("ACTION CLICK :", id, action);
324
+ console.log('ACTION CLICK :', id, action);
323
325
  }
324
326
  })
325
327
  ),
326
328
  _react2.default.createElement(
327
- "div",
328
- { style: { marginTop: "30px" } },
329
+ 'div',
330
+ { style: { marginTop: '30px' } },
329
331
  _react2.default.createElement(
330
- "p",
332
+ 'p',
331
333
  null,
332
- "type4"
334
+ 'type4'
333
335
  ),
334
336
  _react2.default.createElement(_components.VideoCard, {
335
- main_title: "Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story",
336
- thumbnail: "" + img_thumbnail,
337
+ main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
338
+ thumbnail: '' + img_thumbnail,
337
339
  creation: 1540624616000,
338
340
  width: 125,
339
- display_type: "type4",
340
- display_size: "thumbnail",
341
- id: "a0006",
342
- iframeURL: "https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png",
343
- default_action: "play",
341
+ display_type: 'type4',
342
+ display_size: 'thumbnail',
343
+ id: 'a0006',
344
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
345
+ default_action: 'play',
344
346
  actionClickHandler: function actionClickHandler(id, action) {
345
- console.log("ACTION CLICK :", id, action);
347
+ console.log('ACTION CLICK :', id, action);
346
348
  }
347
349
  })
348
350
  )
@@ -360,4 +362,363 @@ var img_thumbnail = "https://tassets.desynova.com/img/topaz-logo.png";
360
362
  // <Card theme="dark">Dark Theme</Card>
361
363
  // </Stack>
362
364
  // </Example>
363
- // ))
365
+ // ))
366
+ (0, _react3.storiesOf)('VideoCard').add('nexc', function () {
367
+ return _react2.default.createElement(
368
+ _storyHelpers.Example,
369
+ { title: 'Appearances Light', background: 'default' },
370
+ _react2.default.createElement(
371
+ _storyHelpers.Stack,
372
+ null,
373
+ _react2.default.createElement(
374
+ 'div',
375
+ { style: { display: 'block', width: '40%' } },
376
+ _react2.default.createElement(
377
+ 'div',
378
+ { style: { display: 'block', marginBottom: '20px' } },
379
+ _react2.default.createElement(
380
+ 'div',
381
+ null,
382
+ _react2.default.createElement(
383
+ 'p',
384
+ null,
385
+ 'type1'
386
+ ),
387
+ _react2.default.createElement(_components.VideoCard, _extends({
388
+ theme: 'nexc'
389
+ }, {
390
+ requested_by: {
391
+ name: 'Ashutosh Narkhede',
392
+ email: '',
393
+ user_image: ''
394
+ },
395
+ requested_on: 1542544501148,
396
+ h1: 'Analysis On CBI Corruption Story',
397
+ h2: 'S2 E4',
398
+ taskType: 'snp_edit',
399
+ extension: 'mp4',
400
+ location: 'Banglore',
401
+ actions: ['play', 'archive'],
402
+ thumbnail: '' + img_thumbnail,
403
+ width: 280,
404
+ height: 250,
405
+ display_type: 'type1',
406
+ gradient: 'grad1',
407
+ id: 'a0001',
408
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
409
+ default_action: 'play',
410
+ info: _react2.default.createElement(
411
+ _react2.default.Fragment,
412
+ null,
413
+ _react2.default.createElement(
414
+ 'div',
415
+ { className: 'title' },
416
+ _react2.default.createElement(
417
+ 'p',
418
+ null,
419
+ 'Brief'
420
+ ),
421
+ _react2.default.createElement(
422
+ 'p',
423
+ null,
424
+ 'This is a Brief'
425
+ )
426
+ )
427
+ ),
428
+ assetStatus: 'REJECTED',
429
+ moreActions: [{
430
+ name: 'Upload',
431
+ field: 'upload',
432
+ icon: 'upload'
433
+ }, {
434
+ name: 'Download',
435
+ field: 'download',
436
+ icon: 'download'
437
+ }],
438
+ actionClickHandler: function actionClickHandler(id, action) {
439
+ console.log('ACTION CLICK :', id, action);
440
+ }
441
+ })),
442
+ _react2.default.createElement(
443
+ 'p',
444
+ null,
445
+ 'type1'
446
+ ),
447
+ _react2.default.createElement(_components.VideoCard, _extends({
448
+ theme: 'nexc'
449
+ }, {
450
+ requested_by: {
451
+ name: 'Ashutosh Narkhede',
452
+ email: '',
453
+ user_image: ''
454
+ },
455
+ requested_on: 1542544501148,
456
+ h1: 'Analysis On CBI Corruption Story',
457
+ h2: 'S2 E5',
458
+ taskType: 'pgm_edit',
459
+ extension: 'mp4',
460
+ location: 'Banglore',
461
+ actions: ['play', 'archive'],
462
+ thumbnail: '' + img_thumbnail,
463
+ width: 280,
464
+ height: 250,
465
+ display_type: 'type1',
466
+ id: 'a0001',
467
+ info: _react2.default.createElement(
468
+ _react2.default.Fragment,
469
+ null,
470
+ _react2.default.createElement(
471
+ 'div',
472
+ { className: 'title' },
473
+ _react2.default.createElement(
474
+ 'p',
475
+ null,
476
+ 'Brief'
477
+ ),
478
+ _react2.default.createElement(
479
+ 'p',
480
+ null,
481
+ 'This is a Brief'
482
+ )
483
+ )
484
+ ),
485
+ assetStatus: 'Review',
486
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
487
+ default_action: 'play',
488
+ actionClickHandler: function actionClickHandler(id, action) {
489
+ console.log('ACTION CLICK :', id, action);
490
+ }
491
+ }))
492
+ ),
493
+ _react2.default.createElement(_components.VideoCard, _extends({
494
+ theme: 'nexc'
495
+ }, {
496
+ requested_by: {
497
+ name: 'Ashutosh Narkhede',
498
+ email: '',
499
+ user_image: ''
500
+ },
501
+ requested_on: 1542544501148,
502
+ h1: 'Analysis On CBI Corruption Story',
503
+ h2: 'S2 E5',
504
+ taskType: 'pgm_edit',
505
+ extension: 'mp4',
506
+ location: 'Banglore',
507
+ actions: ['play', 'archive'],
508
+ thumbnail: '' + img_thumbnail,
509
+ width: 280,
510
+ height: 250,
511
+ display_type: 'type1',
512
+ isDisabled: true,
513
+ uploadStatus: 'Verifying',
514
+ id: 'a0001',
515
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
516
+ default_action: 'play',
517
+ actionClickHandler: function actionClickHandler(id, action) {
518
+ console.log('ACTION CLICK :', id, action);
519
+ }
520
+ })),
521
+ _react2.default.createElement(
522
+ 'div',
523
+ { style: { marginTop: '30px' } },
524
+ _react2.default.createElement(
525
+ 'p',
526
+ null,
527
+ 'type1'
528
+ ),
529
+ _react2.default.createElement(_components.VideoCard, _extends({
530
+ theme: 'nexc'
531
+ }, {
532
+ h1: 'Analysis On CBI Corruption Story',
533
+ h2: 'S1 E6',
534
+ h3: '18:00',
535
+ h4: '20:00',
536
+ thumbnail: '' + img_thumbnail,
537
+ display_type: 'type1',
538
+ id: 'a0002',
539
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
540
+ default_action: 'play',
541
+ actionClickHandler: function actionClickHandler(id, action) {
542
+ console.log('ACTION CLICK :', id, action);
543
+ }
544
+ }))
545
+ ),
546
+ _react2.default.createElement(
547
+ 'div',
548
+ { style: { marginTop: '30px' } },
549
+ _react2.default.createElement(
550
+ 'p',
551
+ null,
552
+ 'type2'
553
+ ),
554
+ _react2.default.createElement(_components.VideoCard, _extends({
555
+ theme: 'nexc'
556
+ }, {
557
+ h1: 'Analysis On CBI Corruption Story',
558
+ h2: 'AH357829',
559
+ assetStatus: 'In Progress',
560
+ thumbnail: '' + img_thumbnail,
561
+ display_type: 'type2',
562
+ id: 'a0002',
563
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
564
+ default_action: 'play',
565
+ actionClickHandler: function actionClickHandler(id, action) {
566
+ console.log('ACTION CLICK :', id, action);
567
+ }
568
+ }))
569
+ ),
570
+ _react2.default.createElement(
571
+ 'div',
572
+ { style: { marginTop: '30px' } },
573
+ _react2.default.createElement(
574
+ 'p',
575
+ null,
576
+ 'type2'
577
+ ),
578
+ _react2.default.createElement(_components.VideoCard, _extends({
579
+ theme: 'nexc'
580
+ }, {
581
+ h1: 'Analysis On CBI Corruption Story',
582
+ h2: 'AH357829',
583
+ assetStatus: 'APPROVED',
584
+ thumbnail: '' + img_thumbnail,
585
+ display_type: 'type2',
586
+ id: 'a0002',
587
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
588
+ default_action: 'play',
589
+ actionClickHandler: function actionClickHandler(id, action) {
590
+ console.log('ACTION CLICK :', id, action);
591
+ }
592
+ }))
593
+ ),
594
+ _react2.default.createElement(
595
+ 'div',
596
+ { style: { marginTop: '30px' } },
597
+ _react2.default.createElement(
598
+ 'p',
599
+ null,
600
+ 'type2'
601
+ ),
602
+ _react2.default.createElement(_components.VideoCard, _extends({
603
+ theme: 'nexc'
604
+ }, {
605
+ h1: 'Analysis On CBI Corruption Story',
606
+ h2: 'AH357829',
607
+ assetStatus: 'REJECTED',
608
+ thumbnail: '' + img_thumbnail,
609
+ display_type: 'type2',
610
+ id: 'a0002',
611
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
612
+ default_action: 'play',
613
+ actionClickHandler: function actionClickHandler(id, action) {
614
+ console.log('ACTION CLICK :', id, action);
615
+ }
616
+ }))
617
+ ),
618
+ _react2.default.createElement(
619
+ 'div',
620
+ { style: { marginTop: '30px' } },
621
+ _react2.default.createElement(
622
+ 'p',
623
+ null,
624
+ 'type3'
625
+ ),
626
+ _react2.default.createElement(_components.VideoCard, _extends({
627
+ theme: 'nexc'
628
+ }, {
629
+ h1: 'Analysis On CBI Corruption Story',
630
+ thumbnail: '' + img_thumbnail,
631
+ width: 180,
632
+ height: 250,
633
+ display_type: 'type3',
634
+ id: 'a0003',
635
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
636
+ default_action: 'play',
637
+ actionClickHandler: function actionClickHandler(id, action) {
638
+ console.log('ACTION CLICK :', id, action);
639
+ }
640
+ }))
641
+ ),
642
+ _react2.default.createElement(
643
+ 'p',
644
+ null,
645
+ 'type4'
646
+ ),
647
+ _react2.default.createElement(
648
+ 'div',
649
+ { style: { marginTop: '30px' } },
650
+ _react2.default.createElement(_components.VideoCard, _extends({
651
+ theme: 'nexc'
652
+ }, {
653
+ main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
654
+ sub_title: 'Ep. 4',
655
+ thumbnail: '' + img_thumbnail,
656
+ creation: 1540624616000,
657
+ width: 400,
658
+ //height:250,
659
+ display_type: 'type4',
660
+ display_size: 'large',
661
+ id: 'a0004',
662
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
663
+ default_action: 'play',
664
+ actionClickHandler: function actionClickHandler(id, action) {
665
+ console.log('ACTION CLICK :', id, action);
666
+ }
667
+ }))
668
+ ),
669
+ _react2.default.createElement(
670
+ 'div',
671
+ { style: { marginTop: '30px' } },
672
+ _react2.default.createElement(
673
+ 'p',
674
+ null,
675
+ 'type4'
676
+ ),
677
+ _react2.default.createElement(_components.VideoCard, _extends({
678
+ theme: 'nexc'
679
+ }, {
680
+ main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
681
+ thumbnail: '' + img_thumbnail,
682
+ creation: 1540624616000,
683
+ width: 270,
684
+ //height:250,
685
+ display_type: 'type4',
686
+ display_size: 'small',
687
+ id: 'a0005',
688
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
689
+ default_action: 'play',
690
+ actionClickHandler: function actionClickHandler(id, action) {
691
+ console.log('ACTION CLICK :', id, action);
692
+ }
693
+ }))
694
+ ),
695
+ _react2.default.createElement(
696
+ 'div',
697
+ { style: { marginTop: '30px' } },
698
+ _react2.default.createElement(
699
+ 'p',
700
+ null,
701
+ 'type4'
702
+ ),
703
+ _react2.default.createElement(_components.VideoCard, _extends({
704
+ theme: 'nexc'
705
+ }, {
706
+ main_title: 'Analysis On CBI Corruption Story On CBI Corruption Story On CBI Corruption Story',
707
+ thumbnail: '' + img_thumbnail,
708
+ creation: 1540624616000,
709
+ width: 125,
710
+ display_type: 'type4',
711
+ display_size: 'thumbnail',
712
+ id: 'a0006',
713
+ iframeURL: 'https://cthumbnailsans.contido.io/FG_Kaduthuruthi_Protest_DS_310519_v1_ANN119_453929993.png',
714
+ default_action: 'play',
715
+ actionClickHandler: function actionClickHandler(id, action) {
716
+ console.log('ACTION CLICK :', id, action);
717
+ }
718
+ }))
719
+ )
720
+ )
721
+ )
722
+ )
723
+ );
724
+ });