superdesk-ui-framework 3.0.66 → 3.0.68

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 (78) hide show
  1. package/app/styles/components/_list-item.scss +22 -11
  2. package/app-typescript/components/Autocomplete.tsx +9 -3
  3. package/app-typescript/components/Badge.tsx +16 -2
  4. package/app-typescript/components/Dropdown.tsx +3 -1
  5. package/app-typescript/components/DropdownFirst.tsx +14 -2
  6. package/app-typescript/components/DurationInput.tsx +19 -4
  7. package/app-typescript/components/EmptyState.tsx +11 -2
  8. package/app-typescript/components/Layouts/Panel.tsx +12 -1
  9. package/app-typescript/components/Lists/ContentList.tsx +5 -1
  10. package/app-typescript/components/Modal.tsx +10 -1
  11. package/app-typescript/components/Navigation/BottomNav.tsx +9 -2
  12. package/app-typescript/components/Navigation/QuickNavBar.tsx +10 -2
  13. package/app-typescript/components/Navigation/SideBarMenu.tsx +9 -4
  14. package/app-typescript/components/SidebarMenu.tsx +8 -1
  15. package/app-typescript/components/TabList.tsx +5 -1
  16. package/app-typescript/components/TagInput.tsx +4 -1
  17. package/app-typescript/components/ThemeSelector.tsx +13 -2
  18. package/app-typescript/components/TreeMenu.tsx +127 -122
  19. package/app-typescript/components/TreeSelect/TreeSelect.tsx +157 -141
  20. package/app-typescript/components/WithPortal.tsx +49 -0
  21. package/app-typescript/components/avatar/avatar-image.tsx +2 -0
  22. package/app-typescript/components/avatar/avatar.tsx +2 -1
  23. package/dist/examples.bundle.js +1446 -1318
  24. package/dist/playgrounds/planning.html +121 -43
  25. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +398 -385
  26. package/dist/playgrounds/react-playgrounds/EditorTest.tsx +359 -365
  27. package/dist/playgrounds/react-playgrounds/FirstPlayground.tsx +33 -33
  28. package/dist/playgrounds/react-playgrounds/Multiedit.tsx +227 -231
  29. package/dist/playgrounds/react-playgrounds/PageLayoutTest.tsx +41 -38
  30. package/dist/playgrounds/react-playgrounds/PersonalProfile.tsx +76 -96
  31. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +73 -101
  32. package/dist/playgrounds/react-playgrounds/Rundowns.tsx +788 -729
  33. package/dist/playgrounds/react-playgrounds/SamsPlayground.tsx +35 -26
  34. package/dist/playgrounds/react-playgrounds/TestGround.tsx +99 -128
  35. package/dist/playgrounds/react-playgrounds/UiPlayground.tsx +40 -25
  36. package/dist/playgrounds/react-playgrounds/components/GraphicButton.tsx +6 -5
  37. package/dist/playgrounds/react-playgrounds/components/Layout.tsx +0 -2
  38. package/dist/playgrounds/react-playgrounds/components/SearchBar.tsx +16 -9
  39. package/dist/playgrounds/react-playgrounds/tsconfig.json +4 -0
  40. package/dist/superdesk-ui.bundle.css +24 -14
  41. package/dist/superdesk-ui.bundle.js +830 -727
  42. package/dist/vendor.bundle.js +14 -14
  43. package/examples/pages/playgrounds/planning.html +121 -43
  44. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +398 -385
  45. package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +359 -365
  46. package/examples/pages/playgrounds/react-playgrounds/FirstPlayground.tsx +33 -33
  47. package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +227 -231
  48. package/examples/pages/playgrounds/react-playgrounds/PageLayoutTest.tsx +41 -38
  49. package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx +76 -96
  50. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +73 -101
  51. package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +788 -729
  52. package/examples/pages/playgrounds/react-playgrounds/SamsPlayground.tsx +35 -26
  53. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +99 -128
  54. package/examples/pages/playgrounds/react-playgrounds/UiPlayground.tsx +40 -25
  55. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButton.tsx +6 -5
  56. package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +0 -2
  57. package/examples/pages/playgrounds/react-playgrounds/components/SearchBar.tsx +16 -9
  58. package/examples/pages/playgrounds/react-playgrounds/tsconfig.json +4 -0
  59. package/package.json +3 -2
  60. package/react/components/Autocomplete.js +2 -2
  61. package/react/components/Badge.js +1 -1
  62. package/react/components/Dropdown.js +3 -1
  63. package/react/components/DropdownFirst.js +6 -2
  64. package/react/components/DurationInput.js +5 -1
  65. package/react/components/EmptyState.js +2 -1
  66. package/react/components/Lists/ContentList.js +1 -1
  67. package/react/components/Navigation/BottomNav.js +4 -1
  68. package/react/components/Navigation/QuickNavBar.js +2 -1
  69. package/react/components/Navigation/SideBarMenu.js +3 -1
  70. package/react/components/TabList.js +2 -1
  71. package/react/components/TagInput.js +1 -1
  72. package/react/components/TreeSelect/TreeSelect.d.ts +3 -2
  73. package/react/components/TreeSelect/TreeSelect.js +81 -73
  74. package/react/components/WithPortal.d.ts +14 -0
  75. package/react/components/WithPortal.js +69 -0
  76. package/react/components/avatar/avatar.js +2 -1
  77. /package/dist/playgrounds/dummy-data/{items.js → items.ts} +0 -0
  78. /package/examples/pages/playgrounds/dummy-data/{items.js → items.ts} +0 -0
package/dist/vendor.bundle.js CHANGED
@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
70
70
  /******/ __webpack_require__.p = "";
71
71
  /******/
72
72
  /******/ // Load entry module and return exports
73
- /******/ return __webpack_require__(__webpack_require__.s = 573);
73
+ /******/ return __webpack_require__(__webpack_require__.s = 574);
74
74
  /******/ })
75
75
  /************************************************************************/
76
76
  /******/ ({
@@ -28246,7 +28246,7 @@ module.exports = function(module) {
28246
28246
 
28247
28247
  /***/ }),
28248
28248
 
28249
- /***/ 573:
28249
+ /***/ 574:
28250
28250
  /***/ (function(module, exports, __webpack_require__) {
28251
28251
 
28252
28252
  "use strict";
@@ -28256,11 +28256,11 @@ __webpack_require__(21);
28256
28256
 
28257
28257
  __webpack_require__(44);
28258
28258
 
28259
- __webpack_require__(574);
28259
+ __webpack_require__(575);
28260
28260
 
28261
- __webpack_require__(576);
28261
+ __webpack_require__(577);
28262
28262
 
28263
- __webpack_require__(578);
28263
+ __webpack_require__(579);
28264
28264
 
28265
28265
  __webpack_require__(0);
28266
28266
 
@@ -28268,7 +28268,7 @@ __webpack_require__(8);
28268
28268
 
28269
28269
  /***/ }),
28270
28270
 
28271
- /***/ 574:
28271
+ /***/ 575:
28272
28272
  /***/ (function(module, exports, __webpack_require__) {
28273
28273
 
28274
28274
  var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -28292,7 +28292,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
28292
28292
  if ( true ) {
28293
28293
 
28294
28294
  // AMD. Register as an anonymous module.
28295
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(44), __webpack_require__(575) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
28295
+ !(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(44), __webpack_require__(576) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
28296
28296
  __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
28297
28297
  (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
28298
28298
  __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -29030,7 +29030,7 @@ return $.widget;
29030
29030
 
29031
29031
  /***/ }),
29032
29032
 
29033
- /***/ 575:
29033
+ /***/ 576:
29034
29034
  /***/ (function(module, exports, __webpack_require__) {
29035
29035
 
29036
29036
  var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;( function( factory ) {
@@ -29060,16 +29060,16 @@ return $.ui.version = "1.13.0";
29060
29060
 
29061
29061
  /***/ }),
29062
29062
 
29063
- /***/ 576:
29063
+ /***/ 577:
29064
29064
  /***/ (function(module, exports, __webpack_require__) {
29065
29065
 
29066
- __webpack_require__(577);
29066
+ __webpack_require__(578);
29067
29067
  module.exports = angular;
29068
29068
 
29069
29069
 
29070
29070
  /***/ }),
29071
29071
 
29072
- /***/ 577:
29072
+ /***/ 578:
29073
29073
  /***/ (function(module, exports, __webpack_require__) {
29074
29074
 
29075
29075
  /* WEBPACK VAR INJECTION */(function(__webpack_provided_window_dot_jQuery) {/**
@@ -65676,16 +65676,16 @@ $provide.value("$locale", {
65676
65676
 
65677
65677
  /***/ }),
65678
65678
 
65679
- /***/ 578:
65679
+ /***/ 579:
65680
65680
  /***/ (function(module, exports, __webpack_require__) {
65681
65681
 
65682
- __webpack_require__(579);
65682
+ __webpack_require__(580);
65683
65683
  module.exports = 'ngAnimate';
65684
65684
 
65685
65685
 
65686
65686
  /***/ }),
65687
65687
 
65688
- /***/ 579:
65688
+ /***/ 580:
65689
65689
  /***/ (function(module, exports) {
65690
65690
 
65691
65691
  /**
package/examples/pages/playgrounds/planning.html CHANGED
@@ -297,7 +297,7 @@
297
297
  <time title="March 22, 2017 11:08 AM">12:50, 15.09.2017</time>
298
298
  </div>
299
299
  <div class="sd-list-item__row" ng-show="planningType === 'events-planning'">
300
- <span class="sd-overflow-ellipsis sd-list-item--element-grow"> <a class="text-link" ng-click="openNested = !openNested; leftPreviewOpen = false"><i class="icon-calendar"></i>(2) <span ng-show="openNested">Hide planning items</span><span ng-show="!openNested">Show planning items</span></a></span>
300
+ <span class="sd-overflow-ellipsis sd-list-item--element-grow"> <a class="text-link" ng-click="openNested = !openNested; leftPreviewOpen = false"><i class="icon-calendar"></i>(5) <span ng-show="openNested">Hide planning items</span><span ng-show="!openNested">Show planning items</span></a></span>
301
301
  </div>
302
302
  </div>
303
303
  <div class="sd-list-item__action-menu">
@@ -337,56 +337,134 @@
337
337
  </div>
338
338
  <!-- Nested items -->
339
339
  <div class="sd-list-item-nested__childs sd-shadow--z1" ng-show="planningType === 'events-planning'">
340
- <!-- Child 1 -->
341
- <div class="sd-list-item">
342
- <div class="sd-list-item__border"></div>
343
- <div class="sd-list-item__column">
344
- <i class="icon-calendar icon--light-blue"></i>
345
- </div>
346
- <div class="sd-list-item__column">
347
- <span class="badge badge--light">&nbsp;</span>
348
- </div>
349
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
350
- <div class="sd-list-item__row">
351
- <i class="icon-text sd-list-item__inline-icon"></i><i class="icon-photo sd-list-item__inline-icon"></i>
352
- <span class="label label--hollow">Draft</span>
353
- <span class="sd-overflow-ellipsis sd-list-item--element-grow">
354
- <span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Molestie consequatvel illum dolore eu feugiat nulla facilisis.</span>
355
- </span>
356
- <time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
340
+ <!-- <div class="sd-list-item-nested__childs-inner"> -->
341
+ <!-- Child 1 -->
342
+ <div class="sd-list-item">
343
+ <div class="sd-list-item__border"></div>
344
+ <div class="sd-list-item__column">
345
+ <i class="icon-calendar icon--light-blue"></i>
357
346
  </div>
358
- </div>
359
- <div class="sd-list-item__action-menu">
360
- <button class="icn-btn">
361
- <i class="icon-dots-vertical"></i>
362
- </button>
363
- </div>
364
- </div>
365
- <!-- Child 2 -->
366
- <div class="sd-list-item">
367
- <div class="sd-list-item__border"></div>
368
- <div class="sd-list-item__column">
369
- <i class="icon-calendar icon--light-blue"></i>
370
- </div>
371
- <div class="sd-list-item__column">
372
- <span class="badge badge--success">P</span>
373
- </div>
374
- <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
347
+ <div class="sd-list-item__column">
348
+ <span class="badge badge--light">&nbsp;</span>
349
+ </div>
350
+ <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
375
351
  <div class="sd-list-item__row">
376
- <i class="icon-text sd-list-item__inline-icon"></i>
377
- <span class="label label--success label--hollow">Scheduled</span>
352
+ <i class="icon-text sd-list-item__inline-icon"></i><i class="icon-photo sd-list-item__inline-icon"></i>
353
+ <span class="label label--hollow">Draft</span>
378
354
  <span class="sd-overflow-ellipsis sd-list-item--element-grow">
379
- <span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
355
+ <span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Molestie consequatvel illum dolore eu feugiat nulla facilisis.</span>
380
356
  </span>
381
357
  <time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
382
358
  </div>
383
359
  </div>
384
- <div class="sd-list-item__action-menu">
385
- <button class="icn-btn">
386
- <i class="icon-dots-vertical"></i>
387
- </button>
360
+ <div class="sd-list-item__action-menu">
361
+ <button class="icn-btn">
362
+ <i class="icon-dots-vertical"></i>
363
+ </button>
364
+ </div>
388
365
  </div>
389
- </div>
366
+ <!-- Child 2 -->
367
+ <div class="sd-list-item">
368
+ <div class="sd-list-item__border"></div>
369
+ <div class="sd-list-item__column">
370
+ <i class="icon-calendar icon--light-blue"></i>
371
+ </div>
372
+ <div class="sd-list-item__column">
373
+ <span class="badge badge--success">P</span>
374
+ </div>
375
+ <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
376
+ <div class="sd-list-item__row">
377
+ <i class="icon-text sd-list-item__inline-icon"></i>
378
+ <span class="label label--success label--hollow">Scheduled</span>
379
+ <span class="sd-overflow-ellipsis sd-list-item--element-grow">
380
+ <span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
381
+ </span>
382
+ <time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
383
+ </div>
384
+ </div>
385
+ <div class="sd-list-item__action-menu">
386
+ <button class="icn-btn">
387
+ <i class="icon-dots-vertical"></i>
388
+ </button>
389
+ </div>
390
+ </div>
391
+ <!-- Child 3 -->
392
+ <div class="sd-list-item">
393
+ <div class="sd-list-item__border"></div>
394
+ <div class="sd-list-item__column">
395
+ <i class="icon-calendar icon--light-blue"></i>
396
+ </div>
397
+ <div class="sd-list-item__column">
398
+ <span class="badge badge--success">P</span>
399
+ </div>
400
+ <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
401
+ <div class="sd-list-item__row">
402
+ <i class="icon-text sd-list-item__inline-icon"></i>
403
+ <span class="label label--success label--hollow">Scheduled</span>
404
+ <span class="sd-overflow-ellipsis sd-list-item--element-grow">
405
+ <span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
406
+ </span>
407
+ <time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
408
+ </div>
409
+ </div>
410
+ <div class="sd-list-item__action-menu">
411
+ <button class="icn-btn">
412
+ <i class="icon-dots-vertical"></i>
413
+ </button>
414
+ </div>
415
+ </div>
416
+ <!-- Child 4 -->
417
+ <div class="sd-list-item">
418
+ <div class="sd-list-item__border"></div>
419
+ <div class="sd-list-item__column">
420
+ <i class="icon-calendar icon--light-blue"></i>
421
+ </div>
422
+ <div class="sd-list-item__column">
423
+ <span class="badge badge--success">P</span>
424
+ </div>
425
+ <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
426
+ <div class="sd-list-item__row">
427
+ <i class="icon-text sd-list-item__inline-icon"></i>
428
+ <span class="label label--success label--hollow">Scheduled</span>
429
+ <span class="sd-overflow-ellipsis sd-list-item--element-grow">
430
+ <span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
431
+ </span>
432
+ <time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
433
+ </div>
434
+ </div>
435
+ <div class="sd-list-item__action-menu">
436
+ <button class="icn-btn">
437
+ <i class="icon-dots-vertical"></i>
438
+ </button>
439
+ </div>
440
+ </div>
441
+ <!-- Child 5 -->
442
+ <div class="sd-list-item">
443
+ <div class="sd-list-item__border"></div>
444
+ <div class="sd-list-item__column">
445
+ <i class="icon-calendar icon--light-blue"></i>
446
+ </div>
447
+ <div class="sd-list-item__column">
448
+ <span class="badge badge--success">P</span>
449
+ </div>
450
+ <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">
451
+ <div class="sd-list-item__row">
452
+ <i class="icon-text sd-list-item__inline-icon"></i>
453
+ <span class="label label--success label--hollow">Scheduled</span>
454
+ <span class="sd-overflow-ellipsis sd-list-item--element-grow">
455
+ <span class="sd-list-item__slugline">Lipsum Ipsum</span><span class="sd-list-item__text-label">agenda:</span><span class="sd-overflow-ellipsis sd-list-item__text-strong sd-list-item__element-rm-10">Daily agenda</span><span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</span>
456
+ </span>
457
+ <time title="March 22, 2017 11:08 AM">13:00–14:00, 15.09.2017</time>
458
+ </div>
459
+ </div>
460
+ <div class="sd-list-item__action-menu">
461
+ <button class="icn-btn">
462
+ <i class="icon-dots-vertical"></i>
463
+ </button>
464
+ </div>
465
+ </div>
466
+ <!-- </div> -->
467
+
390
468
  </div>
391
469
  <!-- END nested items -->
392
470
  </div>