@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
@@ -1,17 +1,10 @@
1
- 'use strict';
2
-
3
- var _react = require('react');
4
-
5
- var _react2 = _interopRequireDefault(_react);
6
-
7
- var _react3 = require('@storybook/react');
8
-
9
- var _storyHelpers = require('../../_helpers/story-helpers');
10
-
11
- var _components = require('../../components');
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
+ "use strict";
14
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _react2 = require("@storybook/react");
6
+ var _storyHelpers = require("../../_helpers/story-helpers");
7
+ var _components = require("../../components");
15
8
  var dataOld = {
16
9
  page_no: 1,
17
10
  total_entries: 4,
@@ -45,17 +38,18 @@ var dataOld = {
45
38
  title: 'Reporter',
46
39
  field: 'reporter_profile',
47
40
  type: 'avatar'
48
- // {
49
- // "title": "Ingest Status",
50
- // "field": "trans_status",
51
- // "type": "string"
52
- // },
53
- // {
54
- // "title": "Actions",
55
- // "field": "actions",
56
- // "type": "actionIcon"
57
- // }
58
- }],
41
+ }
42
+ // {
43
+ // "title": "Ingest Status",
44
+ // "field": "trans_status",
45
+ // "type": "string"
46
+ // },
47
+ // {
48
+ // "title": "Actions",
49
+ // "field": "actions",
50
+ // "type": "actionIcon"
51
+ // }
52
+ ],
59
53
  rows: [{
60
54
  filename: 'Rupee_US_dollar_conversion_rate',
61
55
  extension: 'MP4',
@@ -130,7 +124,6 @@ var dataOld = {
130
124
  actions: ['play', 'archieve', 'restore', 'delete']
131
125
  }]
132
126
  };
133
-
134
127
  var data = {
135
128
  page_no: 1,
136
129
  total_entries: 4,
@@ -261,7 +254,6 @@ var data = {
261
254
  field: 'batch_creation',
262
255
  type: 'datetime'
263
256
  }],
264
-
265
257
  rows: [{
266
258
  language: 'Hindi',
267
259
  status: 'In Progress',
@@ -271,97 +263,91 @@ var data = {
271
263
  }],
272
264
  table_title: 'Review History'
273
265
  };
274
-
275
- (0, _react3.storiesOf)('Table').add('default', function () {
276
- return _react2.default.createElement(
277
- _storyHelpers.Example,
278
- { title: 'default' },
279
- _react2.default.createElement(
280
- _components.Table,
281
- {
282
- theme: 'dark',
283
- items: data.rows,
284
- showSearchBox: true,
285
- showTableHeader: false,
286
- searchValue: '',
287
- tableTitle: 'Reports'
288
- //videoPlayBtn={true}
289
- , showActions: true,
290
- maxShowNoOfColumns: data.columns.extra_column_elements.no_of_active_columns
291
- // selectable={true}
292
- , commonActions: data.columns.common_elements,
293
- commonActionClickHandler: function commonActionClickHandler(actionItem, e) {
294
- console.log('actionClickHandler:::', actionItem, e);
295
- },
296
- actionClickHandler: function actionClickHandler(actionItem, e) {
297
- console.log('actionClickHandler:::', actionItem, e);
298
- },
299
- onToggleExtraDetails: function onToggleExtraDetails(e, index) {
300
- console.log('callback func : onToggleExtraDetails() ', index);
301
- },
302
- onVideoPlayClick: function onVideoPlayClick(e, index, obj) {
303
- console.log('callback func : onVideoPlayClick() ', index, obj);
304
- }
305
- // selectable
306
- , rowSelectionChange: function rowSelectionChange(selectedRows) {
307
- console.log('rowSelectionChange::::', selectedRows);
308
- }
309
- // tableLoading={true}
310
- , tableLoading: false,
311
- actionLable: {
312
- play: 'Play',
313
- subtitle: 'Subtitle',
314
- clipping: 'Clipping',
315
- subtitle_request: 'Request Subtitle',
316
- clipping_request: 'tv',
317
- comment: 'Comment',
318
- reply: 'Reply',
319
- ingest_delete: 'Delete',
320
- tagging_ingest: 'Tagging',
321
- tagging: 'Tagging',
322
- tagging_request: 'Request Tagging',
323
- archive_ingest: 'Archive',
324
- archive: 'Archive',
325
- archive_request: 'Request Archive',
326
- restore_ingest: 'Restore',
327
- restore: 'Restore',
328
- restore_request: 'Request Restore',
329
- assign: 'Assign',
330
- dubbing_assign: 'Assign',
331
- restore_assign: 'Assign',
332
- tagging_assign: 'Assign',
333
- archive_assign: 'Assign',
334
- snp_edit_assign: 'Assign',
335
- qc: 'QC',
336
- editprocess_initiate: 'Initiate Edit Process',
337
- assign_box_id: 'Assign Box ID',
338
- initiate_tx_master: 'Initiate TX Master',
339
- snp_edit: 'S&P',
340
- pgm_edit: 'PGM'
341
- },
342
- rowSelectedActions: _react2.default.createElement(
343
- 'div',
344
- {
345
- style: {
346
- position: 'relative',
347
- height: '100%',
348
- width: '100%'
349
- }
350
- },
351
- _react2.default.createElement(
352
- 'span',
353
- null,
354
- 'Hello!!!!'
355
- )
356
- )
357
- },
358
- data.columns.column_elements.sort(function (a, b) {
359
- return a.index - b.index;
360
- }).map(function (item) {
361
- return _react2.default.createElement(_components.Table.Column, { type: item.type, field: item.field, title: item.title, key: item.index });
362
- })
363
- )
364
- );
266
+ (0, _react2.storiesOf)('Table').add('default', function () {
267
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
268
+ title: "default"
269
+ }, /*#__PURE__*/_react["default"].createElement(_components.Table, {
270
+ theme: 'dark',
271
+ items: data.rows,
272
+ showSearchBox: true,
273
+ showTableHeader: false,
274
+ searchValue: "",
275
+ tableTitle: "Reports"
276
+ //videoPlayBtn={true}
277
+ ,
278
+ showActions: true,
279
+ maxShowNoOfColumns: data.columns.extra_column_elements.no_of_active_columns
280
+ // selectable={true}
281
+ ,
282
+ commonActions: data.columns.common_elements,
283
+ commonActionClickHandler: function commonActionClickHandler(actionItem, e) {
284
+ console.log('actionClickHandler:::', actionItem, e);
285
+ },
286
+ actionClickHandler: function actionClickHandler(actionItem, e) {
287
+ console.log('actionClickHandler:::', actionItem, e);
288
+ },
289
+ onToggleExtraDetails: function onToggleExtraDetails(e, index) {
290
+ console.log('callback func : onToggleExtraDetails() ', index);
291
+ },
292
+ onVideoPlayClick: function onVideoPlayClick(e, index, obj) {
293
+ console.log('callback func : onVideoPlayClick() ', index, obj);
294
+ }
295
+ // selectable
296
+ ,
297
+ rowSelectionChange: function rowSelectionChange(selectedRows) {
298
+ console.log('rowSelectionChange::::', selectedRows);
299
+ }
300
+ // tableLoading={true}
301
+ ,
302
+ tableLoading: false,
303
+ actionLable: {
304
+ play: 'Play',
305
+ subtitle: 'Subtitle',
306
+ clipping: 'Clipping',
307
+ subtitle_request: 'Request Subtitle',
308
+ clipping_request: 'tv',
309
+ comment: 'Comment',
310
+ reply: 'Reply',
311
+ ingest_delete: 'Delete',
312
+ tagging_ingest: 'Tagging',
313
+ tagging: 'Tagging',
314
+ tagging_request: 'Request Tagging',
315
+ archive_ingest: 'Archive',
316
+ archive: 'Archive',
317
+ archive_request: 'Request Archive',
318
+ restore_ingest: 'Restore',
319
+ restore: 'Restore',
320
+ restore_request: 'Request Restore',
321
+ assign: 'Assign',
322
+ dubbing_assign: 'Assign',
323
+ restore_assign: 'Assign',
324
+ tagging_assign: 'Assign',
325
+ archive_assign: 'Assign',
326
+ snp_edit_assign: 'Assign',
327
+ qc: 'QC',
328
+ editprocess_initiate: 'Initiate Edit Process',
329
+ assign_box_id: 'Assign Box ID',
330
+ initiate_tx_master: 'Initiate TX Master',
331
+ snp_edit: 'S&P',
332
+ pgm_edit: 'PGM'
333
+ },
334
+ rowSelectedActions: /*#__PURE__*/_react["default"].createElement("div", {
335
+ style: {
336
+ position: 'relative',
337
+ height: '100%',
338
+ width: '100%'
339
+ }
340
+ }, /*#__PURE__*/_react["default"].createElement("span", null, "Hello!!!!"))
341
+ }, data.columns.column_elements.sort(function (a, b) {
342
+ return a.index - b.index;
343
+ }).map(function (item) {
344
+ return /*#__PURE__*/_react["default"].createElement(_components.Table.Column, {
345
+ type: item.type,
346
+ field: item.field,
347
+ title: item.title,
348
+ key: item.index
349
+ });
350
+ })));
365
351
  });
366
352
 
367
353
  // storiesOf('Table').add('dark', () => (
@@ -382,192 +368,176 @@ var data = {
382
368
  // </Example>
383
369
  // ))
384
370
 
385
- (0, _react3.storiesOf)('Table').add('light-theme', function () {
386
- return _react2.default.createElement(
387
- _storyHelpers.Example,
388
- { title: 'default' },
389
- _react2.default.createElement(
390
- _components.Table,
391
- {
392
- theme: 'light',
393
- items: data.rows,
394
- showSearchBox: true,
395
- showTableHeader: false,
396
- searchValue: '',
397
- tableTitle: 'Reports'
398
- //videoPlayBtn={true}
399
- , showActions: true,
400
- maxShowNoOfColumns: data.columns.extra_column_elements.no_of_active_columns
401
- // selectable={true}
402
- , commonActions: data.columns.common_elements,
403
- commonActionClickHandler: function commonActionClickHandler(actionItem, e) {
404
- console.log('actionClickHandler:::', actionItem, e);
405
- },
406
- actionClickHandler: function actionClickHandler(actionItem, e) {
407
- console.log('actionClickHandler:::', actionItem, e);
408
- },
409
- onToggleExtraDetails: function onToggleExtraDetails(e, index) {
410
- console.log('callback func : onToggleExtraDetails() ', index);
411
- },
412
- onVideoPlayClick: function onVideoPlayClick(e, index, obj) {
413
- console.log('callback func : onVideoPlayClick() ', index, obj);
414
- }
415
- // selectable
416
- , rowSelectionChange: function rowSelectionChange(selectedRows) {
417
- console.log('rowSelectionChange::::', selectedRows);
418
- }
419
- // tableLoading={true}
420
- , tableLoading: false,
421
- actionLable: {
422
- play: 'Play',
423
- subtitle: 'Subtitle',
424
- clipping: 'Clipping',
425
- subtitle_request: 'Request Subtitle',
426
- clipping_request: 'tv',
427
- comment: 'Comment',
428
- reply: 'Reply',
429
- ingest_delete: 'Delete',
430
- tagging_ingest: 'Tagging',
431
- tagging: 'Tagging',
432
- tagging_request: 'Request Tagging',
433
- archive_ingest: 'Archive',
434
- archive: 'Archive',
435
- archive_request: 'Request Archive',
436
- restore_ingest: 'Restore',
437
- restore: 'Restore',
438
- restore_request: 'Request Restore',
439
- assign: 'Assign',
440
- dubbing_assign: 'Assign',
441
- restore_assign: 'Assign',
442
- tagging_assign: 'Assign',
443
- archive_assign: 'Assign',
444
- snp_edit_assign: 'Assign',
445
- qc: 'QC',
446
- editprocess_initiate: 'Initiate Edit Process',
447
- assign_box_id: 'Assign Box ID',
448
- initiate_tx_master: 'Initiate TX Master',
449
- snp_edit: 'S&P',
450
- pgm_edit: 'PGM'
451
- },
452
- rowSelectedActions: _react2.default.createElement(
453
- 'div',
454
- {
455
- style: {
456
- position: 'relative',
457
- height: '100%',
458
- width: '100%'
459
- }
460
- },
461
- _react2.default.createElement(
462
- 'span',
463
- null,
464
- 'Hello!!!!'
465
- )
466
- )
467
- },
468
- data.columns.column_elements.sort(function (a, b) {
469
- return a.index - b.index;
470
- }).map(function (item) {
471
- return _react2.default.createElement(_components.Table.Column, { type: item.type, field: item.field, title: item.title, key: item.index });
472
- })
473
- )
474
- );
371
+ (0, _react2.storiesOf)('Table').add('light-theme', function () {
372
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
373
+ title: "default"
374
+ }, /*#__PURE__*/_react["default"].createElement(_components.Table, {
375
+ theme: 'light',
376
+ items: data.rows,
377
+ showSearchBox: true,
378
+ showTableHeader: false,
379
+ searchValue: "",
380
+ tableTitle: "Reports"
381
+ //videoPlayBtn={true}
382
+ ,
383
+ showActions: true,
384
+ maxShowNoOfColumns: data.columns.extra_column_elements.no_of_active_columns
385
+ // selectable={true}
386
+ ,
387
+ commonActions: data.columns.common_elements,
388
+ commonActionClickHandler: function commonActionClickHandler(actionItem, e) {
389
+ console.log('actionClickHandler:::', actionItem, e);
390
+ },
391
+ actionClickHandler: function actionClickHandler(actionItem, e) {
392
+ console.log('actionClickHandler:::', actionItem, e);
393
+ },
394
+ onToggleExtraDetails: function onToggleExtraDetails(e, index) {
395
+ console.log('callback func : onToggleExtraDetails() ', index);
396
+ },
397
+ onVideoPlayClick: function onVideoPlayClick(e, index, obj) {
398
+ console.log('callback func : onVideoPlayClick() ', index, obj);
399
+ }
400
+ // selectable
401
+ ,
402
+ rowSelectionChange: function rowSelectionChange(selectedRows) {
403
+ console.log('rowSelectionChange::::', selectedRows);
404
+ }
405
+ // tableLoading={true}
406
+ ,
407
+ tableLoading: false,
408
+ actionLable: {
409
+ play: 'Play',
410
+ subtitle: 'Subtitle',
411
+ clipping: 'Clipping',
412
+ subtitle_request: 'Request Subtitle',
413
+ clipping_request: 'tv',
414
+ comment: 'Comment',
415
+ reply: 'Reply',
416
+ ingest_delete: 'Delete',
417
+ tagging_ingest: 'Tagging',
418
+ tagging: 'Tagging',
419
+ tagging_request: 'Request Tagging',
420
+ archive_ingest: 'Archive',
421
+ archive: 'Archive',
422
+ archive_request: 'Request Archive',
423
+ restore_ingest: 'Restore',
424
+ restore: 'Restore',
425
+ restore_request: 'Request Restore',
426
+ assign: 'Assign',
427
+ dubbing_assign: 'Assign',
428
+ restore_assign: 'Assign',
429
+ tagging_assign: 'Assign',
430
+ archive_assign: 'Assign',
431
+ snp_edit_assign: 'Assign',
432
+ qc: 'QC',
433
+ editprocess_initiate: 'Initiate Edit Process',
434
+ assign_box_id: 'Assign Box ID',
435
+ initiate_tx_master: 'Initiate TX Master',
436
+ snp_edit: 'S&P',
437
+ pgm_edit: 'PGM'
438
+ },
439
+ rowSelectedActions: /*#__PURE__*/_react["default"].createElement("div", {
440
+ style: {
441
+ position: 'relative',
442
+ height: '100%',
443
+ width: '100%'
444
+ }
445
+ }, /*#__PURE__*/_react["default"].createElement("span", null, "Hello!!!!"))
446
+ }, data.columns.column_elements.sort(function (a, b) {
447
+ return a.index - b.index;
448
+ }).map(function (item) {
449
+ return /*#__PURE__*/_react["default"].createElement(_components.Table.Column, {
450
+ type: item.type,
451
+ field: item.field,
452
+ title: item.title,
453
+ key: item.index
454
+ });
455
+ })));
475
456
  });
476
-
477
- (0, _react3.storiesOf)('Table').add('nexc theme', function () {
478
- return _react2.default.createElement(
479
- _storyHelpers.Example,
480
- { title: 'default' },
481
- _react2.default.createElement(
482
- _components.Table,
483
- {
484
- theme: 'nexc',
485
- items: data.rows,
486
- showSearchBox: true,
487
- showTableHeader: false,
488
- searchValue: '',
489
- tableTitle: 'Reports'
490
- //videoPlayBtn={true}
491
- , showActions: true,
492
- maxShowNoOfColumns: data.columns.extra_column_elements.no_of_active_columns
493
- // selectable={true}
494
- , commonActions: data.columns.common_elements,
495
- commonActionClickHandler: function commonActionClickHandler(actionItem, e) {
496
- console.log('actionClickHandler:::', actionItem, e);
497
- },
498
- actionClickHandler: function actionClickHandler(actionItem, e) {
499
- console.log('actionClickHandler:::', actionItem, e);
500
- },
501
- onToggleExtraDetails: function onToggleExtraDetails(e, index) {
502
- console.log('callback func : onToggleExtraDetails() ', index);
503
- },
504
- onVideoPlayClick: function onVideoPlayClick(e, index, obj) {
505
- console.log('callback func : onVideoPlayClick() ', index, obj);
506
- }
507
- // selectable
508
- , rowSelectionChange: function rowSelectionChange(selectedRows) {
509
- console.log('rowSelectionChange::::', selectedRows);
510
- }
511
- // tableLoading={true}
512
- , tableLoading: false,
513
- actionLable: {
514
- play: 'Play',
515
- subtitle: 'Subtitle',
516
- clipping: 'Clipping',
517
- subtitle_request: 'Request Subtitle',
518
- clipping_request: 'tv',
519
- comment: 'Comment',
520
- reply: 'Reply',
521
- ingest_delete: 'Delete',
522
- tagging_ingest: 'Tagging',
523
- tagging: 'Tagging',
524
- tagging_request: 'Request Tagging',
525
- archive_ingest: 'Archive',
526
- archive: 'Archive',
527
- archive_request: 'Request Archive',
528
- restore_ingest: 'Restore',
529
- restore: 'Restore',
530
- restore_request: 'Request Restore',
531
- assign: 'Assign',
532
- dubbing_assign: 'Assign',
533
- restore_assign: 'Assign',
534
- tagging_assign: 'Assign',
535
- archive_assign: 'Assign',
536
- snp_edit_assign: 'Assign',
537
- qc: 'QC',
538
- editprocess_initiate: 'Initiate Edit Process',
539
- assign_box_id: 'Assign Box ID',
540
- initiate_tx_master: 'Initiate TX Master',
541
- snp_edit: 'S&P',
542
- pgm_edit: 'PGM'
543
- },
544
- rowSelectedActions: _react2.default.createElement(
545
- 'div',
546
- {
547
- style: {
548
- position: 'relative',
549
- height: '100%',
550
- width: '100%'
551
- }
552
- },
553
- _react2.default.createElement(
554
- 'span',
555
- null,
556
- 'Hello!!!!'
557
- )
558
- )
559
- },
560
- data.columns.column_elements.sort(function (a, b) {
561
- return a.index - b.index;
562
- }).map(function (item) {
563
- return _react2.default.createElement(_components.Table.Column, {
564
- theme: 'nexc',
565
- type: item.type,
566
- field: item.field,
567
- title: item.title,
568
- key: item.index
569
- });
570
- })
571
- )
572
- );
457
+ (0, _react2.storiesOf)('Table').add('nexc theme', function () {
458
+ return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
459
+ title: "default"
460
+ }, /*#__PURE__*/_react["default"].createElement(_components.Table, {
461
+ theme: 'nexc',
462
+ items: data.rows,
463
+ showSearchBox: true,
464
+ showTableHeader: false,
465
+ searchValue: "",
466
+ tableTitle: "Reports"
467
+ //videoPlayBtn={true}
468
+ ,
469
+ showActions: true,
470
+ maxShowNoOfColumns: data.columns.extra_column_elements.no_of_active_columns
471
+ // selectable={true}
472
+ ,
473
+ commonActions: data.columns.common_elements,
474
+ commonActionClickHandler: function commonActionClickHandler(actionItem, e) {
475
+ console.log('actionClickHandler:::', actionItem, e);
476
+ },
477
+ actionClickHandler: function actionClickHandler(actionItem, e) {
478
+ console.log('actionClickHandler:::', actionItem, e);
479
+ },
480
+ onToggleExtraDetails: function onToggleExtraDetails(e, index) {
481
+ console.log('callback func : onToggleExtraDetails() ', index);
482
+ },
483
+ onVideoPlayClick: function onVideoPlayClick(e, index, obj) {
484
+ console.log('callback func : onVideoPlayClick() ', index, obj);
485
+ }
486
+ // selectable
487
+ ,
488
+ rowSelectionChange: function rowSelectionChange(selectedRows) {
489
+ console.log('rowSelectionChange::::', selectedRows);
490
+ }
491
+ // tableLoading={true}
492
+ ,
493
+ tableLoading: false,
494
+ actionLable: {
495
+ play: 'Play',
496
+ subtitle: 'Subtitle',
497
+ clipping: 'Clipping',
498
+ subtitle_request: 'Request Subtitle',
499
+ clipping_request: 'tv',
500
+ comment: 'Comment',
501
+ reply: 'Reply',
502
+ ingest_delete: 'Delete',
503
+ tagging_ingest: 'Tagging',
504
+ tagging: 'Tagging',
505
+ tagging_request: 'Request Tagging',
506
+ archive_ingest: 'Archive',
507
+ archive: 'Archive',
508
+ archive_request: 'Request Archive',
509
+ restore_ingest: 'Restore',
510
+ restore: 'Restore',
511
+ restore_request: 'Request Restore',
512
+ assign: 'Assign',
513
+ dubbing_assign: 'Assign',
514
+ restore_assign: 'Assign',
515
+ tagging_assign: 'Assign',
516
+ archive_assign: 'Assign',
517
+ snp_edit_assign: 'Assign',
518
+ qc: 'QC',
519
+ editprocess_initiate: 'Initiate Edit Process',
520
+ assign_box_id: 'Assign Box ID',
521
+ initiate_tx_master: 'Initiate TX Master',
522
+ snp_edit: 'S&P',
523
+ pgm_edit: 'PGM'
524
+ },
525
+ rowSelectedActions: /*#__PURE__*/_react["default"].createElement("div", {
526
+ style: {
527
+ position: 'relative',
528
+ height: '100%',
529
+ width: '100%'
530
+ }
531
+ }, /*#__PURE__*/_react["default"].createElement("span", null, "Hello!!!!"))
532
+ }, data.columns.column_elements.sort(function (a, b) {
533
+ return a.index - b.index;
534
+ }).map(function (item) {
535
+ return /*#__PURE__*/_react["default"].createElement(_components.Table.Column, {
536
+ theme: 'nexc',
537
+ type: item.type,
538
+ field: item.field,
539
+ title: item.title,
540
+ key: item.index
541
+ });
542
+ })));
573
543
  });
@@ -1,13 +1,9 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
-
7
- var _tabs = require("./tabs");
8
-
9
- var _tabs2 = _interopRequireDefault(_tabs);
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
13
- exports.default = _tabs2.default;
7
+ exports["default"] = void 0;
8
+ var _tabs = _interopRequireDefault(require("./tabs"));
9
+ var _default = exports["default"] = _tabs["default"];