superdesk-ui-framework 3.0.41 → 3.0.43

package/app/styles/variables/_colors.scss

@@ -1,5 +1,4 @@
 // variables/colors.scss
-// -------------------------------------------------------------------------
 
 // Refernce Colours
 // $ref-color-primary:         hsla(198, 50%, 50%, 1);
@@ -27,70 +26,67 @@
 // $ref-color-light-grey--07:  hsl(214, 13%, 65%);
 // $ref-color-light-grey--08:  hsl(214, 13%, 60%);
 
-///// ==============
+///// =====================================================================
 
+$sd-colour-interactive: var(--sd-colour-interactive);
+$sd-colour--focus-shadow: var(--sd-colour-interactive--alpha-40);
 
-$sd-colour-interactive:                     var(--sd-colour-interactive);
-$sd-colour--focus-shadow:                   var(--sd-colour-interactive--alpha-40);
+$mainListBackGround: var(--sd-colour-panel-bg--100);
+$subnav-background: var(--sd-colour-panel-bg--100);
+$subnav-background-darker: var(--sd-colour-panel-bg--200);
 
-$mainListBackGround:                        var(--sd-colour-panel-bg--100);
-$subnav-background:                         var(--sd-colour-panel-bg--100);
-$subnav-background-darker:                  var(--sd-colour-panel-bg--200);
-
-$subnav-background-blue-grey:               var(--color-subnav-bg--blueGrey-00);
-$subnav-background-blue-grey-darker:        var(--color-subnav-bg--blueGrey-10);
-$subnav-background-dark-blue-grey:          var(--color-subnav-bg--blueGrey-10);
-$subnav-background-darkUi:                  var(--color-subnav-bg--00);
+$subnav-background-blue-grey: var(--color-subnav-bg--blueGrey-00);
+$subnav-background-blue-grey-darker: var(--color-subnav-bg--blueGrey-10);
+$subnav-background-dark-blue-grey: var(--color-subnav-bg--blueGrey-10);
+$subnav-background-darkUi: var(--color-subnav-bg--00);
 
 // NEWLY DEFINED COLOURS
 // =========================================================================
-$sd-colour-background__base:                        hsla(0, 0%, 100%, 1);
-$sd-colour-background__panel--default:              hsla(0, 0%, 100%, 1);
-
-$sd-colour-brand__base--supedesk:                   hsla(152, 71%, 40%, 1);
-$sd-colour-brand__base--primary:                    hsla(165, 59%, 49%, 1);
-$sd-colour-brand__base--secondary:                  hsla(185, 33%, 57%, 1);
-
-$sd-colour-text__base:                              var(--color-text);
-$sd-colour-text__base--light:                       var(--color-text-light);
-$sd-colour-text__slugline:                          var(--sd-slugline-color);
+$sd-colour-background__base: hsla(0, 0%, 100%, 1);
+$sd-colour-background__panel--default: hsla(0, 0%, 100%, 1);
 
-$sd-colour-background__sliding-toolbar:             var(--sd-colour-bg__sliding-toolbar);
+$sd-colour-brand__base--supedesk: hsla(152, 71%, 40%, 1);
+$sd-colour-brand__base--primary: hsla(165, 59%, 49%, 1);
+$sd-colour-brand__base--secondary: hsla(185, 33%, 57%, 1);
 
-$sd-colour-background__menu-item:                   transparent;
-$sd-colour-background__menu-item--hover:            var(--sd-colour-interactive--alpha-20);
-$sd-colour-background__menu-item--active:           var(--sd-colour-interactive--alpha-30);
+$sd-colour-text__base: var(--color-text);
+$sd-colour-text__base--light: var(--color-text-light);
+$sd-colour-text__slugline: var(--sd-slugline-color);
 
-$sd-colour-background__button-primary--normal:      var(--sd-colour-interactive);
-$sd-colour-background__button-primary--hover:       var(--sd-colour-interactive--hover);
-$sd-colour-background__button-primary--active:      var(--sd-colour-interactive--active);
+$sd-colour-background__sliding-toolbar: var(--sd-colour-bg__sliding-toolbar);
 
-// =========================================================================
+$sd-colour-background__menu-item: transparent;
+$sd-colour-background__menu-item--hover: var(--sd-colour-interactive--alpha-20);
+$sd-colour-background__menu-item--active: var(--sd-colour-interactive--alpha-30);
 
+$sd-colour-background__button-primary--normal: var(--sd-colour-interactive);
+$sd-colour-background__button-primary--hover: var(--sd-colour-interactive--hover);
+$sd-colour-background__button-primary--active: var(--sd-colour-interactive--active);
 
+// ==========================================================================
 
 // Basic colors
-$sd-blue:               hsla(198, 49%, 58%, 1);
-$sd-blueMedium:         hsla(198, 49%, 47%, 1);
-$sd-blueDark:           hsla(197, 100%, 25%, 1);
-$sd-green:              hsla(152, 71%, 40%, 1);
-
-$green:                 hsla(120, 40%, 46%, 1);
-$red:                   hsla(358, 79%, 50%, 1);
-$yellow:                hsla(45, 100%, 53%, 1);
-$orange:                hsla(35, 100%, 43%, 1);
-$purple:                hsla(291, 64%, 42%, 1);
-
-$black:                 hsl(214, 13%, 0%);
-$grayDarker:            hsl(214, 13%, 13%);
-$grayDark:              hsl(214, 13%, 20%);
-$grayMedium:            hsl(214, 13%, 27%);
-$gray:                  hsl(214, 13%, 40%);
-$grayNeutral:           hsl(214, 13%, 48%);
-$grayText:              hsl(214, 13%, 45%);
-$grayLight:             hsl(214, 13%, 60%);
-$grayLighter:           hsl(214, 13%, 96%);
-$white:                 hsl(214, 13%, 100%);
+$sd-blue: hsla(198, 49%, 58%, 1);
+$sd-blueMedium: hsla(198, 49%, 47%, 1);
+$sd-blueDark: hsla(197, 100%, 25%, 1);
+$sd-green: hsla(152, 71%, 40%, 1);
+
+$green: hsla(120, 40%, 46%, 1);
+$red: hsla(358, 79%, 50%, 1);
+$yellow: hsla(45, 100%, 53%, 1);
+$orange: hsla(35, 100%, 43%, 1);
+$purple: hsla(291, 64%, 42%, 1);
+
+$black: hsl(214, 13%, 0%);
+$grayDarker: hsl(214, 13%, 13%);
+$grayDark: hsl(214, 13%, 20%);
+$grayMedium: hsl(214, 13%, 27%);
+$gray: hsl(214, 13%, 40%);
+$grayNeutral: hsl(214, 13%, 48%);
+$grayText: hsl(214, 13%, 45%);
+$grayLight: hsl(214, 13%, 60%);
+$grayLighter: hsl(214, 13%, 96%);
+$white: hsl(214, 13%, 100%);
 
 // Greys
 // $gray--900:             hsl(214, 13%, 20%);
@@ -106,14 +102,14 @@ $white:                 hsl(214, 13%, 100%);
 // $grey--50:              hsl(214, 13%, 96%);
 
 // Extended colors
-$fernGreen:             hsla(91, 47%, 34%, 1);
-$oldGold:               hsla(48, 100%, 41%, 1);
-$darkOrange:            hsla(31, 100%, 43%, 1);
-$fireBrick:             hsla(7, 100%, 37%, 1);
-$deepPink:              hsla(325, 100%, 45%, 1);
-$darkMagenta:           hsla(300, 100%, 27%, 1);
-$darkViolet:            hsla(280, 100%, 34%, 1);
-$navy:                  hsla(240, 100%, 25%, 1);
+$fernGreen: hsla(91, 47%, 34%, 1);
+$oldGold: hsla(48, 100%, 41%, 1);
+$darkOrange: hsla(31, 100%, 43%, 1);
+$fireBrick: hsla(7, 100%, 37%, 1);
+$deepPink: hsla(325, 100%, 45%, 1);
+$darkMagenta: hsla(300, 100%, 27%, 1);
+$darkViolet: hsla(280, 100%, 34%, 1);
+$navy: hsla(240, 100%, 25%, 1);
 
 // Panel backgrounds
 // $panel-bg--00:          #fff;
@@ -126,76 +122,72 @@ $navy:                  hsla(240, 100%, 25%, 1);
 // Text specific colors
 //Subnav colours
 
-$sd-text:               var(--color-text);
-$sd-text-light:         var(--color-text-light);
-$sd-text-lighter:       var(--color-text-lighter);
-$sd-slugline:           var(--sd-slugline-color);
-$sd-slugline-darkUI:    hsl(196, 19%, 50%);
+$sd-text: var(--color-text);
+$sd-text-light: var(--color-text-light);
+$sd-text-lighter: var(--color-text-lighter);
+$sd-slugline: var(--sd-slugline-color);
+$sd-slugline-darkUI: hsl(196, 19%, 50%);
 
 // Light border color that works well on white and dark backgrounds
 $neutral-border-color: scale-color($grayNeutral, $alpha: -50%);
 
 // Misc
-$avatarBG:                            hsla(168, 31%, 55%, 1);
-$sd-background:                       hsla(0, 0%, 97%, 1);
-$sd-background-darkUI:                hsla(0, 0%, 23%, 1);
-$sd-filters-bg:                       hsla(0, 0%, 93%, 1);
-$sd-filters-darkUI-bg:                hsla(0, 0%, 20%, 1);
+$avatarBG: hsla(168, 31%, 55%, 1);
+$sd-background: hsla(0, 0%, 97%, 1);
+$sd-background-darkUI: hsla(0, 0%, 23%, 1);
+$sd-filters-bg: hsla(0, 0%, 93%, 1);
+$sd-filters-darkUI-bg: hsla(0, 0%, 20%, 1);
 
-$sd-hover:                            hsla(196, 52%, 96%, 1);
-$transparent-gray:                    hsla(0, 0%, 0%, 0.15);
-$transparent-white:                   hsla(0, 0%, 100%, 0.4);
-$sd-inputBorderColor:                 $transparent-gray;
+$sd-hover: hsla(196, 52%, 96%, 1);
+$transparent-gray: hsla(0, 0%, 0%, 0.15);
+$transparent-white: hsla(0, 0%, 100%, 0.4);
+$sd-inputBorderColor: $transparent-gray;
 
-$photoBG-dark:                        hsla(0, 0%, 17%, 1);
-$annotation-color:                    hsla(87, 68%, 61%, 1);
-$comment-color:                       hsla(54, 100%, 72%, 1);
+$photoBG-dark: hsla(0, 0%, 17%, 1);
+$annotation-color: hsla(87, 68%, 61%, 1);
+$comment-color: hsla(54, 100%, 72%, 1);
 
-$sd-inputBorderColor-darkUi:          $transparent-white;
+$sd-inputBorderColor-darkUi: $transparent-white;
 
 //Subnav colours
 
-
-
-
-
 $sd-basic-palette: (
-  default: hsla(214, 13%, 60%, 1),
-  primary: $sd-blue,
-  success: $green,
-  warning: $orange,
-  alert: $red,
-  highlight: $purple,
-  sd-green: $sd-green, 
+	default: hsla(214, 13%, 60%, 1),
+	primary: $sd-blue,
+	success: $green,
+	warning: $orange,
+	alert: $red,
+	highlight: $purple,
+	sd-green: $sd-green,
 );
 
 $sd-extended-palette: (
-  default: $grayDark,
-  primary: $sd-blue,
-  success: $green,
-  warning: $orange,
-  alert: $red,
-  highlight: $purple,
-
-  success2: $fernGreen,
-  yellow2: $oldGold,
-  orange2: $darkOrange,
-  red2: $fireBrick,
-  highlight2: $deepPink,
-  highlight3: $darkMagenta,
-  highlight4: $darkViolet,
-  darkBlue2: $navy,
-  sd-green: $sd-green,
+	default: $grayDark,
+	primary: $sd-blue,
+	success: $green,
+	warning: $orange,
+	alert: $red,
+	highlight: $purple,
+
+	success2: $fernGreen,
+	yellow2: $oldGold,
+	orange2: $darkOrange,
+	red2: $fireBrick,
+	highlight2: $deepPink,
+	highlight3: $darkMagenta,
+	highlight4: $darkViolet,
+	darkBlue2: $navy,
+	sd-green: $sd-green,
 );
 
 $sd-basic-palette-ui-dark: (
-  default: $grayLighter,
-  primary: $sd-blue,
-  success: $green,
-  warning: $orange,
-  alert: $red,
-  highlight: #bf00e0,
-  sd-green: $sd-green,
+	default: $grayLighter,
+	primary: $sd-blue,
+	success: $green,
+	warning: $orange,
+	alert: $red,
+	highlight: #bf00e0,
+	sd-green: $sd-green,
 );
 
 // Dark UI
@@ -207,67 +199,73 @@ $default-color-ui-dark: map-get($sd-basic-palette-ui-dark, default);
 
 // Additional colors with shades -- Material design based
 $baseColors: (
-  red:          hsla(4, 90%, 58%, 1),
-  pink:         hsla(340, 82%, 52%, 1),
-  purple:       hsla(291, 64%, 42%, 1),
-  deep-purple:  hsla(262, 52%, 47%, 1),
-  indigo:       hsla(231, 48%, 48%, 1),
-  blue:         hsla(207, 90%, 54%, 1),
-  light-blue:   hsla(199, 98%, 48%, 1),
-  cyan:         hsla(187, 100%, 42%, 1),
-  teal:         hsla(174, 100%, 29%, 1),
-  green:        hsla(122, 39%, 49%, 1),
-  light-green:  hsla(88, 50%, 53%, 1),
-  lime:         hsla(66, 70%, 54%, 1),
-  yellow:       hsla(54, 100%, 62%, 1),
-  amber:        hsla(45, 100%, 51%, 1),
-  orange:       hsla(36, 100%, 50%, 1),
-  deep-orange:  hsla(14, 100%, 57%, 1),
-  brown:        hsla(16, 25%, 38%, 1),
-  grey:         hsla(0, 0%, 57%, 1),
-  blue-grey:    hsla(200, 18%, 46%, 1)
+	red: hsla(4, 90%, 58%, 1),
+	pink: hsla(340, 82%, 52%, 1),
+	purple: hsla(291, 64%, 42%, 1),
+	deep-purple: hsla(262, 52%, 47%, 1),
+	indigo: hsla(231, 48%, 48%, 1),
+	blue: hsla(207, 90%, 54%, 1),
+	light-blue: hsla(199, 98%, 48%, 1),
+	cyan: hsla(187, 100%, 42%, 1),
+	teal: hsla(174, 100%, 29%, 1),
+	green: hsla(122, 39%, 49%, 1),
+	light-green: hsla(88, 50%, 53%, 1),
+	lime: hsla(66, 70%, 54%, 1),
+	yellow: hsla(54, 100%, 62%, 1),
+	amber: hsla(45, 100%, 51%, 1),
+	orange: hsla(36, 100%, 50%, 1),
+	deep-orange: hsla(14, 100%, 57%, 1),
+	brown: hsla(16, 25%, 38%, 1),
+	grey: hsla(0, 0%, 57%, 1),
+	blue-grey: hsla(200, 18%, 46%, 1)
 );
 
 @function colorMap($baseColors, $variations) {
-  $colors:();
-  
-  @each $color, $value in $baseColors {
-    $maxVar: 36;
-    $mid: $variations / 2;
-    $dist: $mid - 1;
-    $step: $maxVar / $dist;
-    
-    // lighten and darken
-    @for $i from 1 through $dist {
-      $percent: $maxVar - ($step * ($i - 1));
-      $darken: ($variations - $i) * 100;
-      $lighten: $i * 100;
-
-      $colors: map-merge($colors, (
-         #{$color}--#{$lighten}: lighten($value, $percent),
-         #{$color}--#{$darken}:  darken($value, $percent)
-      ));
-    }
-
-    // middle eg 500
-    $colors: map-merge($colors, (#{$color}--50: lighten($value, 38.7)));
-    $colors: map-merge($colors, (#{$color}--#{$variations/2*100}: $value));
-  }
-  @return $colors;
+	$colors: ();
+
+	@each $color,
+	$value in $baseColors {
+		$maxVar: 36;
+		$mid: $variations / 2;
+		$dist: $mid - 1;
+		$step: $maxVar / $dist;
+
+		// lighten and darken
+		@for $i from 1 through $dist {
+			$percent: $maxVar - ($step * ($i - 1));
+			$darken: ($variations - $i) * 100;
+			$lighten: $i * 100;
+
+			$colors: map-merge($colors, (
+				#{$color}--#{$lighten}: lighten($value, $percent),
+				#{$color}--#{$darken}: darken($value, $percent))
+			);
+		}
+
+		// middle eg 500
+		$colors: map-merge($colors, (#{$color}--50: lighten($value, 38.7)));
+		$colors: map-merge($colors, (#{$color}--#{$variations/2*100}: $value));
+	}
+
+	@return $colors;
 }
 
-@each $color, $value in colorMap($baseColors, 10) {
-  .#{$color} { 
-    background-color: $value;
-  }
-  .hollow-#{$color} { 
-    color: $value !important;
-    border-color: $value !important;
-    &:hover{
-      color: $value !important;
-    }
-  }
-  .text-#{$color} { 
-    color: $value;
-  }
-}
+@each $color,
+$value in colorMap($baseColors, 10) {
+	.#{$color} {
+		background-color: $value;
+	}
+
+	.hollow-#{$color} {
+		color: $value !important;
+		border-color: $value !important;
+
+		&:hover {
+			color: $value !important;
+		}
+	}
+
+	.text-#{$color} {
+		color: $value;
+	}
+}

package/app/styles/variables/_typography.scss

@@ -1,5 +1,4 @@
 // variables/typography.scss
-// -----------------------------------------------------
 
 $baseFontSize: 13px;
 $baseFontFamily: "Roboto", Helvetica, Arial, sans-serif;
@@ -9,4 +8,4 @@ $baseLineHeight: 140%;
 $altFontFamily: Georgia, "Times New Roman", Times, serif;
 
 $headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
-$headingsFontWeight: bold;    // instead of browser default, bold
+$headingsFontWeight: bold;    // instead of browser default, bold

package/app-typescript/components/Form/InputWrapper.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import classNames from 'classnames';
 
 export interface IInputCommon {
-    label: string;
+    label?: string;
     info?: string;
     error?: string;
     required?: boolean;

package/app-typescript/components/Menu.tsx

@@ -164,7 +164,7 @@ export class Menu extends React.Component<IProps, {}> {
                             }
                         }}
                         data-test-id="menu"
-                        baseZIndex={this.props.zIndex ?? superdeskTopBarZIndex}
+                        zIndex={this.props.zIndex ?? superdeskTopBarZIndex}
                     />
                 </div>
             </React.Fragment>

package/dist/examples.bundle.css

@@ -12012,19 +12012,20 @@ doc-react-playground {
     padding: 1px;
     z-index: 1;
     opacity: 1 !important; }
-  .icn-mix--2x {
-    font-size: 32px;
-    height: 32px; }
-    .icn-mix--2x .icn-mix__icn {
-      opacity: 0.6;
-      width: 32px;
-      height: 32px;
-      line-height: 32px;
-      font-size: 32px; }
-    .icn-mix--2x .icn-mix__sub-icn {
-      font-size: 1.6rem;
-      inset-inline-end: -0.6rem;
-      inset-block-end: -0.3rem; }
+
+.icn-mix--2x {
+  font-size: 32px;
+  height: 32px; }
+  .icn-mix--2x .icn-mix__icn {
+    opacity: 0.6;
+    width: 32px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 32px; }
+  .icn-mix--2x .icn-mix__sub-icn {
+    font-size: 1.6rem;
+    inset-inline-end: -0.6rem;
+    inset-block-end: -0.3rem; }
 
 .double-size-icn {
   display: inline-block;
@@ -12036,9 +12037,10 @@ doc-react-playground {
     height: 32px;
     line-height: 32px;
     font-size: 32px; }
-  .double-size-icn--light [class^="icon-"],
-  .double-size-icn--light [class*=" icon-"] {
-    opacity: 0.5; }
+
+.double-size-icn--light [class^="icon-"],
+.double-size-icn--light [class*=" icon-"] {
+  opacity: 0.5; }
 
 .subnav .icn-mix__sub-icn {
   background-color: var(--sd-colour-panel-bg--100) !important; }

package/dist/examples.bundle.js

@@ -100368,7 +100368,7 @@ var Menu = /** @class */ (function (_super) {
                         if (firstMenuItem instanceof HTMLElement) {
                             firstMenuItem.focus();
                         }
-                    }, "data-test-id": "menu", baseZIndex: (_a = this.props.zIndex) !== null && _a !== void 0 ? _a : superdeskTopBarZIndex }))));
+                    }, "data-test-id": "menu", zIndex: (_a = this.props.zIndex) !== null && _a !== void 0 ? _a : superdeskTopBarZIndex }))));
     };
     return Menu;
 }(React.Component));
@@ -100579,7 +100579,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
     key: "onEnter",
     value: function onEnter() {
       if (this.props.autoZIndex) {
-        this.container.style.zIndex = String(this.props.baseZIndex + _DomHandler.default.generateZIndex());
+        this.container.style.zIndex = this.props.zIndex;
       }
 
       _DomHandler.default.absolutePosition(this.container, this.target);
@@ -100754,7 +100754,7 @@ _defineProperty(TieredMenu, "defaultProps", {
   style: null,
   className: null,
   autoZIndex: true,
-  baseZIndex: 0,
+  zIndex: 0,
   appendTo: null,
   onShow: null,
   onHide: null
@@ -100767,7 +100767,7 @@ _defineProperty(TieredMenu, "propTypes", {
   style: _propTypes.default.object,
   className: _propTypes.default.string,
   autoZIndex: _propTypes.default.bool,
-  baseZIndex: _propTypes.default.number,
+  zIndex: _propTypes.default.number,
   appendTo: _propTypes.default.any,
   onShow: _propTypes.default.func,
   onHide: _propTypes.default.func,
@@ -118086,7 +118086,6 @@ _defineProperty(MultiSelect, "defaultProps", {
   disabled: false,
   showClear: false,
   filter: false,
-  filterBy: null,
   filterMatchMode: 'contains',
   filterPlaceholder: null,
   filterLocale: undefined,
@@ -118128,7 +118127,6 @@ _defineProperty(MultiSelect, "propTypes", {
   disabled: _propTypes.default.bool,
   showClear: _propTypes.default.bool,
   filter: _propTypes.default.bool,
-  filterBy: _propTypes.default.string,
   filterMatchMode: _propTypes.default.string,
   filterPlaceholder: _propTypes.default.string,
   filterLocale: _propTypes.default.string,
@@ -143244,7 +143242,7 @@ exports.ResizablePanelsDoc = ResizablePanelsDoc;
 /* 686 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"3.0.41","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-10","@superdesk/react-resizable-panels":"0.0.39","@types/enzyme-adapter-react-16":"^1.0.6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","moment":"^2.29.3","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
+module.exports = {"name":"superdesk-ui-framework","version":"3.0.43","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"^5.58.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-12","@superdesk/react-resizable-panels":"0.0.39","@types/enzyme-adapter-react-16":"^1.0.6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","moment":"^2.29.3","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
 
 /***/ }),
 /* 687 */