superdesk-ui-framework 3.0.43 → 3.0.45

package/dist/superdesk-ui.bundle.js

@@ -7,7 +7,7 @@
 		var a = typeof exports === 'object' ? factory(require("react"), require("react-dom")) : factory(root["react"], root["react-dom"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_7__) {
+})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_8__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 726);
+/******/ 	return __webpack_require__(__webpack_require__.s = 728);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -5769,7 +5769,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
 
 })));
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(52)(module)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(53)(module)))
 
 /***/ }),
 /* 2 */
@@ -5864,7 +5864,7 @@ exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.Load
 exports.DragHandle = exports.SpacerBlock = exports.Spacer = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeSelect = void 0;
 var HelloWorld_1 = __webpack_require__(292);
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
-var Button_1 = __webpack_require__(54);
+var Button_1 = __webpack_require__(55);
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
 var Input_1 = __webpack_require__(293);
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
@@ -5877,13 +5877,13 @@ var WithPagination_1 = __webpack_require__(316);
 Object.defineProperty(exports, "WithPagination", { enumerable: true, get: function () { return WithPagination_1.WithPagination; } });
 var Popover_1 = __webpack_require__(317);
 Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
-var Label_1 = __webpack_require__(58);
+var Label_1 = __webpack_require__(36);
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
-var Badge_1 = __webpack_require__(43);
+var Badge_1 = __webpack_require__(44);
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
 var Alert_1 = __webpack_require__(318);
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
-var avatar_wrapper_1 = __webpack_require__(44);
+var avatar_wrapper_1 = __webpack_require__(45);
 Object.defineProperty(exports, "AvatarWrapper", { enumerable: true, get: function () { return avatar_wrapper_1.AvatarWrapper; } });
 var avatar_text_1 = __webpack_require__(91);
 Object.defineProperty(exports, "AvatarContentText", { enumerable: true, get: function () { return avatar_text_1.AvatarContentText; } });
@@ -5897,11 +5897,11 @@ var avatar_placeholder_1 = __webpack_require__(94);
 Object.defineProperty(exports, "AvatarPlaceholder", { enumerable: true, get: function () { return avatar_placeholder_1.AvatarPlaceholder; } });
 var Rotate_1 = __webpack_require__(277);
 Object.defineProperty(exports, "Rotate", { enumerable: true, get: function () { return Rotate_1.Rotate; } });
-var IconButton_1 = __webpack_require__(47);
+var IconButton_1 = __webpack_require__(48);
 Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
 var IconLabel_1 = __webpack_require__(344);
 Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
-var Tooltip_1 = __webpack_require__(40);
+var Tooltip_1 = __webpack_require__(41);
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
 var DurationInput_1 = __webpack_require__(81);
 Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
@@ -5954,7 +5954,7 @@ Object.defineProperty(exports, "StrechBar", { enumerable: true, get: function ()
 var PropsList_1 = __webpack_require__(406);
 Object.defineProperty(exports, "PropsList", { enumerable: true, get: function () { return PropsList_1.PropsList; } });
 Object.defineProperty(exports, "Prop", { enumerable: true, get: function () { return PropsList_1.Prop; } });
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
 var Divider_1 = __webpack_require__(407);
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
@@ -5962,13 +5962,13 @@ var ContentDivider_1 = __webpack_require__(408);
 Object.defineProperty(exports, "ContentDivider", { enumerable: true, get: function () { return ContentDivider_1.ContentDivider; } });
 var HeadingText_1 = __webpack_require__(409);
 Object.defineProperty(exports, "HeadingText", { enumerable: true, get: function () { return HeadingText_1.HeadingText; } });
-var DropdownFirst_1 = __webpack_require__(48);
+var DropdownFirst_1 = __webpack_require__(49);
 Object.defineProperty(exports, "DropdownFirst", { enumerable: true, get: function () { return DropdownFirst_1.DropdownFirst; } });
-var DropdownFirst_2 = __webpack_require__(48);
+var DropdownFirst_2 = __webpack_require__(49);
 Object.defineProperty(exports, "DropdownItem", { enumerable: true, get: function () { return DropdownFirst_2.DropdownItem; } });
-var DropdownFirst_3 = __webpack_require__(48);
+var DropdownFirst_3 = __webpack_require__(49);
 Object.defineProperty(exports, "DropdownLabel", { enumerable: true, get: function () { return DropdownFirst_3.DropdownLabel; } });
-var DropdownFirst_4 = __webpack_require__(48);
+var DropdownFirst_4 = __webpack_require__(49);
 Object.defineProperty(exports, "DropdownDivider", { enumerable: true, get: function () { return DropdownFirst_4.DropdownDivider; } });
 var Dropdown_1 = __webpack_require__(254);
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
@@ -6029,13 +6029,13 @@ var WithSizeObserver_1 = __webpack_require__(281);
 Object.defineProperty(exports, "WithSizeObserver", { enumerable: true, get: function () { return WithSizeObserver_1.WithSizeObserver; } });
 __exportStar(__webpack_require__(16), exports);
 __exportStar(__webpack_require__(13), exports);
-__exportStar(__webpack_require__(51), exports);
+__exportStar(__webpack_require__(52), exports);
 __exportStar(__webpack_require__(82), exports);
 var Skeleton_1 = __webpack_require__(257);
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
 var ListItemLoader_1 = __webpack_require__(498);
 Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
-var Spinner_1 = __webpack_require__(55);
+var Spinner_1 = __webpack_require__(56);
 Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
 Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return Spinner_1.LoadingOverlay; } });
 var Text_1 = __webpack_require__(499);
@@ -6053,16 +6053,16 @@ Object.defineProperty(exports, "TableList", { enumerable: true, get: function ()
 Object.defineProperty(exports, "TableListItem", { enumerable: true, get: function () { return TableList_1.TableListItem; } });
 var ContentList_1 = __webpack_require__(83);
 Object.defineProperty(exports, "ContentListItem", { enumerable: true, get: function () { return ContentList_1.ContentListItem; } });
-var MultiSelect_1 = __webpack_require__(538);
+var MultiSelect_1 = __webpack_require__(540);
 Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
-var ResizablePanels_1 = __webpack_require__(545);
+var ResizablePanels_1 = __webpack_require__(547);
 Object.defineProperty(exports, "ResizablePanels", { enumerable: true, get: function () { return ResizablePanels_1.ResizablePanels; } });
 var WithPopover_1 = __webpack_require__(95);
 Object.defineProperty(exports, "WithPopover", { enumerable: true, get: function () { return WithPopover_1.WithPopover; } });
 var Spacer_1 = __webpack_require__(80);
 Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return Spacer_1.Spacer; } });
 Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return Spacer_1.SpacerBlock; } });
-var DragHandle_1 = __webpack_require__(556);
+var DragHandle_1 = __webpack_require__(558);
 Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
 
 
@@ -6078,7 +6078,7 @@ Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function (
  */
 
 if (process.env.NODE_ENV !== 'production') {
-  var ReactIs = __webpack_require__(49);
+  var ReactIs = __webpack_require__(50);
 
   // By explicitly using `prop-types` you are opting into new development behavior.
   // http://fb.me/prop-types-in-prod
@@ -6285,78 +6285,6 @@ process.umask = function() { return 0; };
 /***/ }),
 /* 6 */,
 /* 7 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_7__;
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = __webpack_require__(0);
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var globalPrefix = "id";
-var lastId = 0;
-function nextId(localPrefix) {
-  lastId++;
-  return "".concat(localPrefix || globalPrefix).concat(lastId);
-}
-var resetId = function resetId() {
-  lastId = 0;
-};
-var setPrefix = function setPrefix(newPrefix) {
-  globalPrefix = newPrefix;
-};
-
-var getIds = function getIds(count, prefix) {
-  var ids = [];
-
-  for (var i = 0; i < count; i++) {
-    ids.push(nextId(prefix));
-  }
-
-  return ids;
-};
-
-function usePrevious(value) {
-  var ref = React__default['default'].useRef();
-  React__default['default'].useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-}
-
-function useId() {
-  var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  var prefix = arguments.length > 1 ? arguments[1] : undefined;
-  var idsListRef = React__default['default'].useRef([]);
-  var prevCount = usePrevious(count);
-  var prevPrefix = usePrevious(prefix);
-
-  if (count !== prevCount || prevPrefix !== prefix) {
-    idsListRef.current = getIds(count, prefix);
-  }
-
-  return idsListRef.current;
-}
-
-exports['default'] = nextId;
-exports.resetId = resetId;
-exports.setPrefix = setPrefix;
-exports.useId = useId;
-
-
-/***/ }),
-/* 9 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -6426,6 +6354,78 @@ var Icon = /** @class */ (function (_super) {
 exports.Icon = Icon;
 
 
+/***/ }),
+/* 8 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = __webpack_require__(0);
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var globalPrefix = "id";
+var lastId = 0;
+function nextId(localPrefix) {
+  lastId++;
+  return "".concat(localPrefix || globalPrefix).concat(lastId);
+}
+var resetId = function resetId() {
+  lastId = 0;
+};
+var setPrefix = function setPrefix(newPrefix) {
+  globalPrefix = newPrefix;
+};
+
+var getIds = function getIds(count, prefix) {
+  var ids = [];
+
+  for (var i = 0; i < count; i++) {
+    ids.push(nextId(prefix));
+  }
+
+  return ids;
+};
+
+function usePrevious(value) {
+  var ref = React__default['default'].useRef();
+  React__default['default'].useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}
+
+function useId() {
+  var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  var prefix = arguments.length > 1 ? arguments[1] : undefined;
+  var idsListRef = React__default['default'].useRef([]);
+  var prevCount = usePrevious(count);
+  var prevPrefix = usePrevious(prefix);
+
+  if (count !== prevCount || prevPrefix !== prefix) {
+    idsListRef.current = getIds(count, prefix);
+  }
+
+  return idsListRef.current;
+}
+
+exports['default'] = nextId;
+exports.resetId = resetId;
+exports.setPrefix = setPrefix;
+exports.useId = useId;
+
+
 /***/ }),
 /* 10 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -7355,7 +7355,7 @@ var FormItem_1 = __webpack_require__(297);
 Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
 var FormText_1 = __webpack_require__(298);
 Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
-var FormLabel_1 = __webpack_require__(50);
+var FormLabel_1 = __webpack_require__(51);
 Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
 var InputWrapper_1 = __webpack_require__(85);
 Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
@@ -7911,7 +7911,7 @@ exports.Tooltip = void 0;
 
 var _react = _interopRequireWildcard(__webpack_require__(0));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
@@ -25670,7 +25670,7 @@ function getWindow(node) {
   }
 }.call(this));
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(52)(module)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(53)(module)))
 
 /***/ }),
 /* 22 */
@@ -25855,7 +25855,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "SwitchTransition", function() { return __WEBPACK_IMPORTED_MODULE_2__SwitchTransition__["a"]; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__TransitionGroup__ = __webpack_require__(90);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "TransitionGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__TransitionGroup__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Transition__ = __webpack_require__(56);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Transition__ = __webpack_require__(57);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Transition", function() { return __WEBPACK_IMPORTED_MODULE_4__Transition__["d"]; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(87);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "config", function() { return __WEBPACK_IMPORTED_MODULE_5__config__["a"]; });
@@ -25967,6 +25967,115 @@ module.exports = g;
 
 /***/ }),
 /* 36 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTextColor = exports.Label = void 0;
+var React = __importStar(__webpack_require__(0));
+var classnames_1 = __importDefault(__webpack_require__(2));
+var Label = /** @class */ (function (_super) {
+    __extends(Label, _super);
+    function Label() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Label.prototype.render = function () {
+        var _a;
+        var classes = (0, classnames_1.default)('label', (_a = {},
+            _a["label--".concat(this.props.size)] = this.props.size !== 'normal' && this.props.size !== undefined,
+            _a['label--no-transform'] = this.props.noTransform,
+            _a["label--".concat(this.props.type)] = this.props.type !== undefined && !this.props.color,
+            _a["".concat(this.props.color)] = this.props.color !== undefined && !this.props.type && !this.props.style,
+            _a["label--".concat(this.props.style)] = this.props.style !== 'filled' && this.props.style !== undefined,
+            _a["hollow-".concat(this.props.color)] = this.props.color && this.props.style === 'hollow',
+            _a));
+        if (this.props.link || this.props.onClick) {
+            if (this.props.style === 'hollow') {
+                return (React.createElement("a", { className: classes, href: this.props.link, onClick: this.props.onClick, style: { color: this.props.hexColor, borderColor: this.props.hexColor } }, this.props.text));
+            }
+            else if (this.props.style === 'translucent') {
+                return (React.createElement("a", { className: classes, href: this.props.link, onClick: this.props.onClick, style: { color: this.props.hexColor, backgroundColor: "".concat(this.props.hexColor, "33") } }, this.props.text));
+            }
+            else {
+                return (React.createElement("a", { className: classes, href: this.props.link, onClick: this.props.onClick, style: { backgroundColor: this.props.hexColor } }, this.props.text));
+            }
+        }
+        else {
+            if (this.props.style === 'hollow') {
+                return (React.createElement("span", { className: classes, style: { color: this.props.hexColor, borderColor: this.props.hexColor } }, this.props.text));
+            }
+            else if (this.props.style === 'translucent') {
+                return (React.createElement("span", { className: classes, style: { color: this.props.hexColor, backgroundColor: "".concat(this.props.hexColor, "33") } }, this.props.text));
+            }
+            else {
+                return (React.createElement("span", { className: classes, style: this.props.hexColor
+                        ? { backgroundColor: this.props.hexColor, color: getTextColor(this.props.hexColor) }
+                        : undefined }, this.props.text));
+            }
+        }
+    };
+    return Label;
+}(React.PureComponent));
+exports.Label = Label;
+function getTextColor(backgroundColor) {
+    if (backgroundColor) {
+        var r = parseInt(backgroundColor.substr(1, 2), 16);
+        var g = parseInt(backgroundColor.substr(3, 2), 16);
+        var b = parseInt(backgroundColor.substr(5, 2), 16);
+        var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
+        return (yiq >= 128) ? 'black' : 'white';
+    }
+    else {
+        return;
+    }
+}
+exports.getTextColor = getTextColor;
+
+
+/***/ }),
+/* 37 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26011,7 +26120,7 @@ function getBoundingClientRect(element, includeScale) {
 }
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26021,7 +26130,7 @@ function getBoundingClientRect(element, includeScale) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getComputedStyle_js__ = __webpack_require__(34);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__isTableElement_js__ = __webpack_require__(323);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getParentNode_js__ = __webpack_require__(46);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getParentNode_js__ = __webpack_require__(47);
 
 
 
@@ -26088,7 +26197,7 @@ function getOffsetParent(element) {
 }
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26098,14 +26207,14 @@ function getVariation(placement) {
 }
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = detectOverflow;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getClippingRect_js__ = __webpack_require__(326);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getDocumentElement_js__ = __webpack_require__(25);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_getBoundingClientRect_js__ = __webpack_require__(36);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_getBoundingClientRect_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__computeOffsets_js__ = __webpack_require__(106);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__rectToClientRect_js__ = __webpack_require__(105);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__enums_js__ = __webpack_require__(11);
@@ -26177,7 +26286,7 @@ function detectOverflow(state, options) {
 }
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -26248,7 +26357,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var tooltip_1 = __webpack_require__(343);
 var Tooltip = function (_a) {
     var appendToBody = _a.appendToBody, children = _a.children, disabled = _a.disabled, otherProps = __rest(_a, ["appendToBody", "children", "disabled"]);
@@ -26301,8 +26410,8 @@ var TooltipAppended = function (_a) {
 
 
 /***/ }),
-/* 41 */,
-/* 42 */
+/* 42 */,
+/* 43 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -37190,7 +37299,7 @@ return jQuery;
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37267,7 +37376,7 @@ exports.Badge = Badge;
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37317,7 +37426,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarWrapper = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 /**
  * @deprecated use AvatarV2
  */
@@ -37353,7 +37462,7 @@ exports.AvatarWrapper = AvatarWrapper;
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -37411,7 +37520,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -37440,7 +37549,7 @@ function getParentNode(element) {
 }
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37489,8 +37598,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconButton = void 0;
 var React = __importStar(__webpack_require__(0));
-var Icon_1 = __webpack_require__(9);
-var Tooltip_1 = __webpack_require__(40);
+var Icon_1 = __webpack_require__(7);
+var Tooltip_1 = __webpack_require__(41);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var IconButton = /** @class */ (function (_super) {
     __extends(IconButton, _super);
@@ -37517,7 +37626,7 @@ exports.IconButton = IconButton;
 
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37714,7 +37823,7 @@ exports.DropdownFirst.Footer = exports.DropdownFooter;
 
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37729,7 +37838,7 @@ if (process.env.NODE_ENV === 'production') {
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37802,7 +37911,7 @@ exports.FormLabel = FormLabel;
 
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37818,7 +37927,7 @@ Object.defineProperty(exports, "QuickNavBar", { enumerable: true, get: function
 
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (function(module, exports) {
 
 module.exports = function(module) {
@@ -37846,7 +37955,7 @@ module.exports = function(module) {
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37865,7 +37974,7 @@ module.exports = ReactPropTypesSecret;
 
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37915,8 +38024,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
-var Spinner_1 = __webpack_require__(55);
+var Icon_1 = __webpack_require__(7);
+var Spinner_1 = __webpack_require__(56);
 var Button = /** @class */ (function (_super) {
     __extends(Button, _super);
     function Button() {
@@ -37947,7 +38056,7 @@ exports.Button = Button;
 
 
 /***/ }),
-/* 55 */
+/* 56 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -38029,7 +38138,7 @@ exports.Spinner = Spinner;
 
 
 /***/ }),
-/* 56 */
+/* 57 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -38044,11 +38153,11 @@ exports.Spinner = Spinner;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom__ = __webpack_require__(7);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom__ = __webpack_require__(8);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_dom__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(87);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_PropTypes__ = __webpack_require__(88);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__TransitionGroupContext__ = __webpack_require__(57);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__TransitionGroupContext__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_reflow__ = __webpack_require__(89);
 
 
@@ -38678,7 +38787,7 @@ Transition.EXITING = EXITING;
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 57 */
+/* 58 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -38687,115 +38796,6 @@ Transition.EXITING = EXITING;
 
 /* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext(null));
 
-/***/ }),
-/* 58 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTextColor = exports.Label = void 0;
-var React = __importStar(__webpack_require__(0));
-var classnames_1 = __importDefault(__webpack_require__(2));
-var Label = /** @class */ (function (_super) {
-    __extends(Label, _super);
-    function Label() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Label.prototype.render = function () {
-        var _a;
-        var classes = (0, classnames_1.default)('label', (_a = {},
-            _a["label--".concat(this.props.size)] = this.props.size !== 'normal' && this.props.size !== undefined,
-            _a['label--no-transform'] = this.props.noTransform,
-            _a["label--".concat(this.props.type)] = this.props.type !== undefined && !this.props.color,
-            _a["".concat(this.props.color)] = this.props.color !== undefined && !this.props.type && !this.props.style,
-            _a["label--".concat(this.props.style)] = this.props.style !== 'filled' && this.props.style !== undefined,
-            _a["hollow-".concat(this.props.color)] = this.props.color && this.props.style === 'hollow',
-            _a));
-        if (this.props.link || this.props.onClick) {
-            if (this.props.style === 'hollow') {
-                return (React.createElement("a", { className: classes, href: this.props.link, onClick: this.props.onClick, style: { color: this.props.hexColor, borderColor: this.props.hexColor } }, this.props.text));
-            }
-            else if (this.props.style === 'translucent') {
-                return (React.createElement("a", { className: classes, href: this.props.link, onClick: this.props.onClick, style: { color: this.props.hexColor, backgroundColor: "".concat(this.props.hexColor, "33") } }, this.props.text));
-            }
-            else {
-                return (React.createElement("a", { className: classes, href: this.props.link, onClick: this.props.onClick, style: { backgroundColor: this.props.hexColor } }, this.props.text));
-            }
-        }
-        else {
-            if (this.props.style === 'hollow') {
-                return (React.createElement("span", { className: classes, style: { color: this.props.hexColor, borderColor: this.props.hexColor } }, this.props.text));
-            }
-            else if (this.props.style === 'translucent') {
-                return (React.createElement("span", { className: classes, style: { color: this.props.hexColor, backgroundColor: "".concat(this.props.hexColor, "33") } }, this.props.text));
-            }
-            else {
-                return (React.createElement("span", { className: classes, style: this.props.hexColor
-                        ? { backgroundColor: this.props.hexColor, color: getTextColor(this.props.hexColor) }
-                        : undefined }, this.props.text));
-            }
-        }
-    };
-    return Label;
-}(React.PureComponent));
-exports.Label = Label;
-function getTextColor(backgroundColor) {
-    if (backgroundColor) {
-        var r = parseInt(backgroundColor.substr(1, 2), 16);
-        var g = parseInt(backgroundColor.substr(3, 2), 16);
-        var b = parseInt(backgroundColor.substr(5, 2), 16);
-        var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
-        return (yiq >= 128) ? 'black' : 'white';
-    }
-    else {
-        return;
-    }
-}
-exports.getTextColor = getTextColor;
-
-
 /***/ }),
 /* 59 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -38894,7 +38894,7 @@ function effect(_ref2) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getLayoutRect;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(36);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
  // Returns the layout rect of an element relative to its offsetParent. Layout
 // means it doesn't take into account transforms.
 
@@ -38938,12 +38938,12 @@ function getMainAxisFromPlacement(placement) {
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {/* unused harmony export mapToStyles */
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getOffsetParent_js__ = __webpack_require__(37);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_getWindow_js__ = __webpack_require__(20);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getDocumentElement_js__ = __webpack_require__(25);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_getBasePlacement_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_getVariation_js__ = __webpack_require__(38);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_getVariation_js__ = __webpack_require__(39);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(31);
 
 
@@ -39190,7 +39190,7 @@ function effect(_ref) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(36);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(25);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(65);
 
@@ -39285,7 +39285,7 @@ function popperOffsets(_ref) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(332);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(60);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(104);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(37);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_orderModifiers_js__ = __webpack_require__(335);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_debounce_js__ = __webpack_require__(336);
@@ -39293,7 +39293,7 @@ function popperOffsets(_ref) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_uniqueBy_js__ = __webpack_require__(339);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_getBasePlacement_js__ = __webpack_require__(24);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_mergeByName_js__ = __webpack_require__(340);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__utils_detectOverflow_js__ = __webpack_require__(39);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__utils_detectOverflow_js__ = __webpack_require__(40);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__dom_utils_instanceOf_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__enums_js__ = __webpack_require__(11);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_11__utils_detectOverflow_js__["a"]; });
@@ -39624,7 +39624,7 @@ var format_1 = __importDefault(__webpack_require__(347));
 var moment_1 = __importDefault(__webpack_require__(1));
 var calendar_1 = __webpack_require__(371);
 var lodash_1 = __webpack_require__(21);
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
 var internalPrimereactClassnames = {
     overlayVisible: 'p-input-overlay-visible',
@@ -40114,7 +40114,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectPreview = void 0;
 var classnames_1 = __importDefault(__webpack_require__(2));
 var React = __importStar(__webpack_require__(0));
-var Label_1 = __webpack_require__(58);
+var Label_1 = __webpack_require__(36);
 var SelectPreview = /** @class */ (function (_super) {
     __extends(SelectPreview, _super);
     function SelectPreview() {
@@ -40466,11 +40466,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableListItem = exports.TableList = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_dom_1 = __importDefault(__webpack_require__(7));
+var react_dom_1 = __importDefault(__webpack_require__(8));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_beautiful_dnd_1 = __webpack_require__(513);
-var Tooltip_1 = __webpack_require__(40);
-var Button_1 = __webpack_require__(54);
+var react_beautiful_dnd_1 = __webpack_require__(515);
+var Tooltip_1 = __webpack_require__(41);
+var Button_1 = __webpack_require__(55);
 var Dropdown_1 = __webpack_require__(254);
 var SingleAndDoubleClickFunction_1 = __webpack_require__(269);
 var reorder = function (list, startIndex, endIndex) {
@@ -40991,7 +40991,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDurationString = exports.DurationInput = void 0;
 var React = __importStar(__webpack_require__(0));
 var moment_1 = __importDefault(__webpack_require__(1));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
 var DurationInput = /** @class */ (function (_super) {
     __extends(DurationInput, _super);
@@ -41859,7 +41859,7 @@ var forceReflow = function forceReflow(node) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__TransitionGroupContext__ = __webpack_require__(57);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__TransitionGroupContext__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_ChildMapping__ = __webpack_require__(314);
 
 
@@ -42230,7 +42230,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Avatar = void 0;
 var React = __importStar(__webpack_require__(0));
 var avatar_image_1 = __webpack_require__(92);
-var avatar_wrapper_1 = __webpack_require__(44);
+var avatar_wrapper_1 = __webpack_require__(45);
 var avatar_text_1 = __webpack_require__(91);
 var Avatar = /** @class */ (function (_super) {
     __extends(Avatar, _super);
@@ -42295,7 +42295,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarPlaceholder = void 0;
 var React = __importStar(__webpack_require__(0));
-var avatar_wrapper_1 = __webpack_require__(44);
+var avatar_wrapper_1 = __webpack_require__(45);
 var avatar_action_add_1 = __webpack_require__(321);
 var AvatarPlaceholder = /** @class */ (function (_super) {
     __extends(AvatarPlaceholder, _super);
@@ -42430,7 +42430,7 @@ exports.WithPopover = WithPopover;
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(24);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(60);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(98);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(37);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(61);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(99);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(100);
@@ -42636,10 +42636,10 @@ function expandToHashMap(value, keys) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getOppositePlacement_js__ = __webpack_require__(324);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(24);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getOppositeVariationPlacement_js__ = __webpack_require__(325);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_detectOverflow_js__ = __webpack_require__(39);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_detectOverflow_js__ = __webpack_require__(40);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_computeAutoPlacement_js__ = __webpack_require__(330);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__enums_js__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_getVariation_js__ = __webpack_require__(38);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_getVariation_js__ = __webpack_require__(39);
 
 
 
@@ -42795,7 +42795,7 @@ function flip(_ref) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = listScrollParents;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(329);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(46);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(47);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(20);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(66);
 
@@ -42847,7 +42847,7 @@ function rectToClientRect(rect) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(38);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(61);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
 
@@ -42927,7 +42927,7 @@ function computeOffsets(_ref) {
 
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_detectOverflow_js__ = __webpack_require__(39);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_detectOverflow_js__ = __webpack_require__(40);
 
 
 
@@ -43064,9 +43064,9 @@ function offset(_ref2) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(331);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(99);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(60);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(37);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(39);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(38);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(40);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(39);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_getFreshSideObject_js__ = __webpack_require__(101);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_math_js__ = __webpack_require__(31);
 
@@ -59206,9 +59206,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
 var React = __importStar(__webpack_require__(0));
-var ReactDOM = __importStar(__webpack_require__(7));
-var core_1 = __webpack_require__(45);
-var react_id_generator_1 = __webpack_require__(8);
+var ReactDOM = __importStar(__webpack_require__(8));
+var core_1 = __webpack_require__(46);
+var react_id_generator_1 = __webpack_require__(9);
 var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
 var Dropdown = function (_a) {
     var items = _a.items, header = _a.header, footer = _a.footer, children = _a.children, append = _a.append, align = _a.align, zIndex = _a.zIndex, onChange = _a.onChange;
@@ -59496,7 +59496,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectGrid = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var overlaypanel_1 = __webpack_require__(448);
 var Loader_1 = __webpack_require__(73);
 var SelectGrid = /** @class */ (function (_super) {
@@ -59707,8 +59707,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = exports.PanelContentBlock = exports.PanelContent = exports.PanelHeader = exports.Panel = void 0;
 var React = __importStar(__webpack_require__(0));
-var IconButton_1 = __webpack_require__(47);
-var Spinner_1 = __webpack_require__(55);
+var IconButton_1 = __webpack_require__(48);
+var Spinner_1 = __webpack_require__(56);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var ButtonGroup_1 = __webpack_require__(250);
 var Panel = /** @class */ (function (_super) {
@@ -60024,7 +60024,7 @@ var getBatch = function getBatch() {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_hoist_non_react_statics___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_hoist_non_react_statics__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(520);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(522);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(77);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(78);
@@ -60523,7 +60523,7 @@ function wrapMapToPropsFunc(mapToProps, methodName) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = verifyPlainObject;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(526);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(528);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(266);
 
 
@@ -60735,7 +60735,7 @@ function _arrayLikeToArray(arr, len) {
 "use strict";
 
 
-var reactIs = __webpack_require__(49);
+var reactIs = __webpack_require__(50);
 
 /**
  * Copyright 2015, Yahoo! Inc.
@@ -60896,7 +60896,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Positioner = void 0;
 var React = __importStar(__webpack_require__(0));
-var ReactDOM = __importStar(__webpack_require__(7));
+var ReactDOM = __importStar(__webpack_require__(8));
 var _popper = __importStar(__webpack_require__(276));
 var Popper = _popper.default;
 var eventCloseOthers = 'superdesk-ui-framework.positioner.closeOthers';
@@ -63702,7 +63702,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePicker = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
 var TimePicker = /** @class */ (function (_super) {
     __extends(TimePicker, _super);
@@ -63779,7 +63779,7 @@ exports.TagInput = void 0;
 var React = __importStar(__webpack_require__(0));
 var chips_1 = __webpack_require__(411);
 var Form_1 = __webpack_require__(13);
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var SelectPreview_1 = __webpack_require__(74);
 var TagInput = /** @class */ (function (_super) {
     __extends(TagInput, _super);
@@ -63961,8 +63961,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BottomNav = void 0;
 var React = __importStar(__webpack_require__(0));
-var Icon_1 = __webpack_require__(9);
-var IconButton_1 = __webpack_require__(47);
+var Icon_1 = __webpack_require__(7);
+var IconButton_1 = __webpack_require__(48);
 var lodash_1 = __webpack_require__(21);
 var BottomNav = /** @class */ (function (_super) {
     __extends(BottomNav, _super);
@@ -64072,15 +64072,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeSelect = void 0;
 var React = __importStar(__webpack_require__(0));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var Loader_1 = __webpack_require__(73);
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var debounce_1 = __importDefault(__webpack_require__(502));
 var Form_1 = __webpack_require__(13);
-var core_1 = __webpack_require__(45);
+var core_1 = __webpack_require__(46);
 var lodash_1 = __webpack_require__(21);
-var Label_1 = __webpack_require__(58);
+var Label_1 = __webpack_require__(36);
 var SelectPreview_1 = __webpack_require__(74);
+var TreeSelectPill_1 = __webpack_require__(513);
+var TreeSelectItem_1 = __webpack_require__(514);
 var TreeSelect = /** @class */ (function (_super) {
     __extends(TreeSelect, _super);
     function TreeSelect(props) {
@@ -64099,21 +64101,20 @@ var TreeSelect = /** @class */ (function (_super) {
             (_a = _this.categoryButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         };
         _this.onMouseDown = function (event) {
-            var _a, _b;
-            if ((((_a = _this.dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) !== true)
-                && (((_b = _this.openDropdownRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target)) !== true)) {
+            var _a;
+            if ((((_a = _this.treeSelectRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) !== true)
+                && _this.state.openDropdown) {
                 _this.setState({ openDropdown: false });
             }
         };
         _this.onKeyDown = function (e) {
             if (_this.state.openDropdown && _this.ref.current) {
                 keyboardNavigation(e, _this.ref.current, _this.categoryButtonRef.current ? _this.buttonFocus : _this.inputFocus);
-                if (e.key === 'Backspace') {
+                if (e.key === 'Backspace' && _this.state.activeTree.length > 0) {
                     _this.backButton();
-                    _this.backButtonValue();
-                    var buttonTarget = _this.state.buttonTarget;
-                    var className = "".concat(buttonTarget.pop(), "-focus");
-                    if (className != null) {
+                    var lastElement = _this.state.buttonTarget.pop();
+                    if (lastElement != null) {
+                        var className = (0, TreeSelectItem_1.getPrefixedItemId)(lastElement);
                         var element = document.getElementsByClassName(className)[0];
                         element.focus();
                     }
@@ -64125,34 +64126,25 @@ var TreeSelect = /** @class */ (function (_super) {
             document.addEventListener("mousedown", _this.onMouseDown);
             document.addEventListener("keydown", _this.onKeyDown);
         };
-        _this.backButtonValue = function () {
-            var item = _this.state.buttonTree.pop();
-            if (item != null) {
-                _this.setState({
-                    buttonValue: item,
-                });
-            }
-        };
         _this.debounceFn = (0, debounce_1.default)(_this.handleDebounce, 500);
         _this.state = {
             value: _this.props.value ? _this.props.value : [],
             options: _this.props.getOptions ? _this.props.getOptions() : [],
             firstBranchOptions: _this.props.getOptions ? _this.props.getOptions() : [],
+            searchFieldValue: '',
             activeTree: [],
             filterArr: [],
-            searchFieldValue: '',
             buttonTree: [],
+            buttonTarget: [],
             buttonValue: null,
             buttonMouseEvent: false,
             openDropdown: false,
             loading: false,
-            buttonTarget: [],
         };
         _this.removeClick = _this.removeClick.bind(_this);
         _this.handleMultiLevel = _this.handleMultiLevel.bind(_this);
         _this.backButton = _this.backButton.bind(_this);
         _this.handleButton = _this.handleButton.bind(_this);
-        _this.backButtonValue = _this.backButtonValue.bind(_this);
         _this.handleTree = _this.handleTree.bind(_this);
         _this.filteredItem = _this.filteredItem.bind(_this);
         _this.branchButton = _this.branchButton.bind(_this);
@@ -64165,6 +64157,7 @@ var TreeSelect = /** @class */ (function (_super) {
         _this.inputRef = React.createRef();
         _this.categoryButtonRef = React.createRef();
         _this.openDropdownRef = React.createRef();
+        _this.treeSelectRef = React.createRef();
         _this.popperInstance = null;
         return _this;
     }
@@ -64305,42 +64298,38 @@ var TreeSelect = /** @class */ (function (_super) {
     TreeSelect.prototype.handleBranchValue = function (event, item) {
         var _this = this;
         if (this.props.allowMultiple) {
-            if (this.props.selectBranchWithChildren) {
-                var checkItem = this.state.value.find(function (valueItem) {
-                    return _this.props.getId(valueItem) === _this.props.getId(item.value);
+            var checkItem = this.state.value.find(function (valueItem) {
+                return _this.props.getId(valueItem) === _this.props.getId(item.value);
+            });
+            if (!checkItem) {
+                this.setState({ value: __spreadArray(__spreadArray([], this.state.value, true), [item.value], false) });
+            }
+            if (!event.ctrlKey) {
+                this.setState({
+                    options: this.state.firstBranchOptions,
+                    activeTree: [],
+                    buttonTarget: [],
+                    openDropdown: false,
                 });
-                if (!checkItem) {
-                    this.setState({ value: __spreadArray(__spreadArray([], this.state.value, true), [item.value], false) });
-                }
-                if (!event.ctrlKey) {
-                    this.setState({
-                        options: this.state.firstBranchOptions,
-                        activeTree: [],
-                        buttonTarget: [],
-                        openDropdown: false,
-                    });
-                }
-                this.setState({ buttonMouseEvent: false });
             }
+            this.setState({ buttonMouseEvent: false });
         }
         else {
-            if (this.props.selectBranchWithChildren) {
-                var checkItem = this.state.value.find(function (valueItem) {
-                    return _this.props.getId(valueItem) === _this.props.getId(item.value);
+            var checkItem = this.state.value.find(function (valueItem) {
+                return _this.props.getId(valueItem) === _this.props.getId(item.value);
+            });
+            if (!checkItem) {
+                this.setState({ value: [item.value] });
+            }
+            if (!event.ctrlKey) {
+                this.setState({
+                    options: this.state.firstBranchOptions,
+                    activeTree: [],
+                    buttonTarget: [],
+                    openDropdown: false,
                 });
-                if (!checkItem) {
-                    this.setState({ value: [item.value] });
-                }
-                if (!event.ctrlKey) {
-                    this.setState({
-                        options: this.state.firstBranchOptions,
-                        activeTree: [],
-                        buttonTarget: [],
-                        openDropdown: false,
-                    });
-                }
-                this.setState({ buttonMouseEvent: false });
             }
+            this.setState({ buttonMouseEvent: false });
         }
     };
     TreeSelect.prototype.handleTree = function (event, option) {
@@ -64400,6 +64389,12 @@ var TreeSelect = /** @class */ (function (_super) {
                 options: items,
             });
         }
+        var item = this.state.buttonTree.pop();
+        if (item != null) {
+            this.setState({
+                buttonValue: item,
+            });
+        }
     };
     TreeSelect.prototype.recursion = function (arr) {
         var _this = this;
@@ -64416,7 +64411,8 @@ var TreeSelect = /** @class */ (function (_super) {
             var filteredArr = arr.filter(function (item) {
                 if (_this.state.searchFieldValue) {
                     if (_this.props.getLabel(item.value)
-                        .toLowerCase().includes(_this.state.searchFieldValue.toLowerCase())) {
+                        .toLowerCase()
+                        .includes(_this.state.searchFieldValue.toLowerCase())) {
                         return item.value;
                     }
                     else {
@@ -64428,38 +64424,16 @@ var TreeSelect = /** @class */ (function (_super) {
                 }
             });
             if (filteredArr.length === 0) {
-                return React.createElement("li", { className: "suggestion-item--nothing-found" }, "Nothing fonud");
+                return React.createElement("li", { className: "suggestion-item--nothing-found" }, "Nothing found");
             }
             else {
                 return filteredArr.map(function (option, i) {
                     var selectedItem = _this.state.value.some(function (obj) {
                         return _this.props.getId(obj) === _this.props.getId(option.value);
                     });
-                    return (React.createElement("li", { key: i, className: "suggestion-item suggestion-item--multi-select", onClick: function (event) {
-                            _this.setState({
-                                searchFieldValue: '',
-                            }),
-                                event.preventDefault();
-                            event.stopPropagation();
-                            _this.handleTree(event, option);
-                        } },
-                        React.createElement("button", { className: "suggestion-item--btn" },
-                            _this.props.getBorderColor
-                                && React.createElement("div", { className: "item-border", style: {
-                                        backgroundColor: _this.props.getBorderColor(option.value),
-                                    } }),
-                            React.createElement("span", { className: 'suggestion-item--bgcolor'
-                                    + (selectedItem ? ' suggestion-item--disabled' : ''), style: _this.props.getBackgroundColor
-                                    ? {
-                                        backgroundColor: _this.props.getBackgroundColor(option.value),
-                                        color: (0, Label_1.getTextColor)(_this.props.getBackgroundColor(option.value)),
-                                    }
-                                    : undefined }, _this.props.optionTemplate
-                                ? _this.props.optionTemplate(option.value)
-                                : _this.props.getLabel(option.value)),
-                            option.children
-                                && React.createElement("span", { className: "suggestion-item__icon" },
-                                    React.createElement(Icon_1.Icon, { name: "chevron-right-thin" })))));
+                    return (React.createElement(TreeSelectItem_1.TreeSelectItem, { key: i, option: option, handleTree: _this.handleTree, selectedItem: selectedItem, allowMultiple: _this.props.allowMultiple, getBorderColor: _this.props.getBorderColor, getBackgroundColor: _this.props.getBackgroundColor, getId: _this.props.getId, optionTemplate: _this.props.optionTemplate, getLabel: _this.props.getLabel, onClick: function () { return _this.setState({
+                            searchFieldValue: '',
+                        }); } }));
                 });
             }
         }
@@ -64468,13 +64442,12 @@ var TreeSelect = /** @class */ (function (_super) {
                 var selectedItem = _this.state.value.some(function (obj) {
                     return _this.props.getId(obj) === _this.props.getId(item.value);
                 });
-                return (React.createElement("li", { key: i, className: "suggestion-item suggestion-item--multi-select", onClick: function (event) {
+                return (React.createElement("li", { key: i, className: 'suggestion-item suggestion-item--multi-select', onClick: function (event) {
                         _this.handleValue(event, item);
                     } },
                     React.createElement("button", { className: "suggestion-item--btn" }, _this.props.optionTemplate
                         ? _this.props.optionTemplate(item.value)
-                        : React.createElement("span", { className: selectedItem
-                                ? 'suggestion-item--disabled' : undefined }, _this.props.getLabel(item.value)))));
+                        : (React.createElement("span", { className: selectedItem ? 'suggestion-item--disabled' : undefined }, _this.props.getLabel(item.value))))));
             });
         }
         else {
@@ -64506,11 +64479,10 @@ var TreeSelect = /** @class */ (function (_super) {
             return _this.props.getId(obj) === _this.props.getId(buttonValue.value);
         });
         if (!selectedButton) {
-            return React.createElement("button", { className: 'autocomplete__button' + (this.props.selectBranchWithChildren ? ' autocomplete__button--multi-select' : ''), ref: this.categoryButtonRef, onMouseOver: function () { return _this.setState({ buttonMouseEvent: true }); }, onMouseOut: function () { return _this.setState({ buttonMouseEvent: false }); }, onClick: function (event) { return _this.handleBranchValue(event, buttonValue); } }, "Choose entire category");
+            return (React.createElement("button", { className: 'autocomplete__button autocomplete__button--multi-select', ref: this.categoryButtonRef, onMouseOver: function () { return _this.setState({ buttonMouseEvent: true }); }, onMouseOut: function () { return _this.setState({ buttonMouseEvent: false }); }, onClick: function (event) { return _this.handleBranchValue(event, buttonValue); } }, "Choose entire category"));
         }
         else {
-            return React.createElement("button", { className: 'autocomplete__button'
-                    + (this.props.selectBranchWithChildren ? ' autocomplete__button--multi-select' : '') + ' autocomplete__button--disabled' }, "Category selected");
+            return (React.createElement("button", { className: 'autocomplete__button autocomplete__button--multi-select autocomplete__button--disabled' }, "Category selected"));
         }
     };
     TreeSelect.prototype.handleDebounce = function () {
@@ -64543,11 +64515,12 @@ var TreeSelect = /** @class */ (function (_super) {
                     }, items: this.state.value, valueTemplate: this.props.valueTemplate, getLabel: this.props.getLabel }));
         }
         return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex },
-            React.createElement("div", { className: "tags-input sd-input__input tags-input--".concat(this.props.allowMultiple ? 'multi-select' : 'single-select') },
+            React.createElement("div", { className: "tags-input sd-input__input tags-input--".concat(this.props.allowMultiple ? 'multi-select' : 'single-select'), ref: this.treeSelectRef },
                 this.props.allowMultiple
                     ? React.createElement("div", { className: "tags-input__tags" },
                         this.props.readOnly
-                            || React.createElement("button", { ref: this.openDropdownRef, className: "tags-input__add-button ".concat(this.props.disabled ? 'tags-input__add-button--disabled' : ''), onClick: function () {
+                            || React.createElement("button", { ref: this.openDropdownRef, className: "tags-input__add-button ".concat(this.props.disabled ? 'tags-input__add-button--disabled' : ''), onClick: function (e) {
+                                    e.stopPropagation();
                                     if (!_this.props.disabled) {
                                         _this.setState({ openDropdown: !_this.state.openDropdown });
                                     }
@@ -64556,35 +64529,26 @@ var TreeSelect = /** @class */ (function (_super) {
                         React.createElement("ul", { className: "tags-input__tag-list" }, this.state.value.map(function (item, i) {
                             var Wrapper = function (_a) {
                                 var backgroundColor = _a.backgroundColor, children = _a.children;
-                                return (React.createElement("li", { className: "tags-input__tag-item tags-input__tag-item--multi-select"
-                                        + (_this.props.readOnly ? ' tags-input__tag-item--readonly' : ''), onClick: function () { return (!_this.props.readOnly && !_this.props.disabled)
-                                        && _this.removeClick(i); }, style: _this.props.valueTemplate
-                                        ? { backgroundColor: backgroundColor }
-                                        : _this.props.getBackgroundColor
-                                            && { backgroundColor: _this.props.getBackgroundColor(item) } },
-                                    React.createElement("span", { className: "tags-input__helper-box", style: { color: backgroundColor
-                                                ? (0, Label_1.getTextColor)(backgroundColor)
-                                                : _this.props.getBackgroundColor
-                                                    && (0, Label_1.getTextColor)(_this.props.getBackgroundColor(item)),
-                                        } },
-                                        children,
-                                        !_this.props.readOnly
-                                            && React.createElement("span", { className: "tags-input__remove-button" },
-                                                React.createElement(Icon_1.Icon, { name: "close-small" })))));
+                                return (React.createElement(TreeSelectPill_1.TreeSelectPill, { item: item, readOnly: _this.props.readOnly, disabled: _this.props.disabled, valueTemplate: _this.props.valueTemplate, backgroundColor: backgroundColor, onRemove: function () { return _this.removeClick(i); }, getBackgroundColor: _this.props.getBackgroundColor }, children));
                             };
                             return (React.createElement(React.Fragment, { key: i }, _this.props.valueTemplate
                                 ? _this.props.valueTemplate(item, Wrapper)
-                                : React.createElement(Wrapper, null,
-                                    React.createElement("span", null, _this.props.getLabel(item)))));
+                                : (React.createElement(Wrapper, null,
+                                    React.createElement("span", null, _this.props.getLabel(item))))));
                         })),
                         this.state.value.length > 0
                             ? (this.props.readOnly || this.props.disabled)
-                                || React.createElement("button", { className: "tags-input__remove-value", style: { position: 'relative', bottom: '2px' }, onClick: function () { return _this.setState({ value: [] }); } },
+                                || React.createElement("button", { className: "tags-input__remove-value", style: { position: 'relative', bottom: '2px' }, onClick: function (e) {
+                                        e.stopPropagation();
+                                        _this.setState({ value: [] });
+                                    } },
                                     React.createElement(Icon_1.Icon, { name: 'remove-sign' }))
                             : null)
                     : React.createElement("div", { className: "tags-input__tags" },
                         this.props.readOnly
-                            || React.createElement("button", { className: "tags-input__overlay-button", ref: this.openDropdownRef, onClick: function () { return _this.setState({ openDropdown: !_this.state.openDropdown }); } }),
+                            || React.createElement("button", { className: "tags-input__overlay-button", ref: this.openDropdownRef, onClick: function () {
+                                    _this.setState({ openDropdown: !_this.state.openDropdown });
+                                } }),
                         this.state.value.length < 1
                             && React.createElement("span", { className: 'tags-input__single-item'
                                     + (this.props.readOnly ? ' tags-input__tag-item--readonly' : '') },
@@ -64598,7 +64562,7 @@ var TreeSelect = /** @class */ (function (_super) {
                                         && React.createElement("div", { className: "item-border item-border-selected", style: borderColor
                                                 ? { backgroundColor: borderColor }
                                                 : { backgroundColor: _this.props.getBorderColor(item) } }),
-                                    React.createElement("span", { style: { color: backgroundColor && (0, Label_1.getTextColor)(backgroundColor) }, className: "tags-input__helper-box" },
+                                    React.createElement("span", { className: "tags-input__helper-box", style: { color: backgroundColor && (0, Label_1.getTextColor)(backgroundColor) } },
                                         React.createElement("span", { className: backgroundColor && "tags-input__tag-item", style: { backgroundColor: backgroundColor, margin: 0 } }, children),
                                         _this.props.readOnly
                                             || React.createElement("span", { className: "tags-input__remove-button" },
@@ -64606,15 +64570,14 @@ var TreeSelect = /** @class */ (function (_super) {
                             };
                             return React.createElement(React.Fragment, { key: i }, _this.props.valueTemplate
                                 ? _this.props.valueTemplate(item, Wrapper)
-                                : React.createElement(Wrapper, null,
-                                    React.createElement("span", null, _this.props.getLabel(item))));
+                                : (React.createElement(Wrapper, null,
+                                    React.createElement("span", null, _this.props.getLabel(item)))));
                         })),
                 this.state.openDropdown
                     && React.createElement("div", { className: "autocomplete autocomplete--multi-select"
                             + (this.props.width === 'medium' ? ' autocomplete--fixed-width' : ''), style: { zIndex: this.props.zIndex }, ref: this.dropdownRef },
                         React.createElement("div", { className: 'autocomplete__header' },
                             React.createElement("div", { className: "autocomplete__icon", onClick: function () {
-                                    _this.backButtonValue();
                                     _this.backButton();
                                 } },
                                 React.createElement(Icon_1.Icon, { name: "search", className: "search" })),
@@ -64640,7 +64603,6 @@ var TreeSelect = /** @class */ (function (_super) {
                         (this.state.activeTree.length > 0 && this.state.buttonValue != null)
                             && React.createElement("div", { className: 'autocomplete__category-header' },
                                 React.createElement("div", { className: "autocomplete__icon", onClick: function () {
-                                        _this.backButtonValue();
                                         _this.backButton();
                                     } },
                                     React.createElement(Icon_1.Icon, { name: "arrow-left", className: "arrow-left" })),
@@ -64659,40 +64621,16 @@ var TreeSelect = /** @class */ (function (_super) {
                                         var selectedItem = _this.state.value.some(function (obj) {
                                             return _this.props.getId(obj) === _this.props.getId(option.value);
                                         });
-                                        return (React.createElement("li", { key: i, className: "suggestion-item suggestion-item--multi-select", onClick: function (event) {
-                                                event.preventDefault();
-                                                event.stopPropagation();
-                                                _this.handleTree(event, option);
-                                            } },
-                                            React.createElement("button", { className: "suggestion-item--btn ".concat(_this.props.getId(option.value), "-focus"), onKeyDown: function (event) {
-                                                    if (event.key === 'Enter' && option.children) {
-                                                        _this.setState({
-                                                            buttonTarget: __spreadArray(__spreadArray([], _this.state.buttonTarget, true), [
-                                                                _this.props.getId(option.value),
-                                                            ], false),
-                                                        });
-                                                    }
-                                                } },
-                                                (_this.props.getBorderColor && !_this.props.allowMultiple)
-                                                    && React.createElement("div", { className: "item-border", style: {
-                                                            backgroundColor: _this.props.getBorderColor(option.value),
-                                                        } }),
-                                                React.createElement("span", { className: 'suggestion-item--bgcolor'
-                                                        + (selectedItem ? ' suggestion-item--disabled' : ''), style: (_this.props.getBackgroundColor && option.value)
-                                                        ? {
-                                                            backgroundColor: _this.props.getBackgroundColor(option.value),
-                                                            color: (0, Label_1.getTextColor)(_this.props.getBackgroundColor(option.value)),
-                                                        }
-                                                        : undefined }, _this.props.optionTemplate
-                                                    ? _this.props.optionTemplate(option.value)
-                                                    : _this.props.getLabel(option.value)),
-                                                option.children
-                                                    && React.createElement("span", { className: "suggestion-item__icon" },
-                                                        React.createElement(Icon_1.Icon, { name: "chevron-right-thin" })))));
+                                        return (React.createElement(TreeSelectItem_1.TreeSelectItem, { key: i, option: option, handleTree: _this.handleTree, selectedItem: selectedItem, allowMultiple: _this.props.allowMultiple, getBorderColor: _this.props.getBorderColor, getBackgroundColor: _this.props.getBackgroundColor, getId: _this.props.getId, optionTemplate: _this.props.optionTemplate, getLabel: _this.props.getLabel, onKeyDown: function () { return _this.setState({
+                                                buttonTarget: __spreadArray(__spreadArray([], _this.state.buttonTarget, true), [
+                                                    _this.props.getId(option.value),
+                                                ], false),
+                                            }); } }));
                                     }))
                                     : null
                                 : React.createElement("ul", { className: "suggestion-list suggestion-list--multi-select", ref: this.ref }, this.filteredItem(this.props.singleLevelSearch
-                                    ? this.state.options : this.state.filterArr))))));
+                                    ? this.state.options
+                                    : this.state.filterArr))))));
     };
     return TreeSelect;
 }(React.Component));
@@ -64991,10 +64929,10 @@ exports.typeOf = typeOf;
 
 
 
-var ReactIs = __webpack_require__(49);
+var ReactIs = __webpack_require__(50);
 var assign = __webpack_require__(289);
 
-var ReactPropTypesSecret = __webpack_require__(53);
+var ReactPropTypesSecret = __webpack_require__(54);
 var has = __webpack_require__(84);
 var checkPropTypes = __webpack_require__(290);
 
@@ -65709,7 +65647,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
 var printWarning = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret = __webpack_require__(53);
+  var ReactPropTypesSecret = __webpack_require__(54);
   var loggedTypeFailures = {};
   var has = __webpack_require__(84);
 
@@ -65817,7 +65755,7 @@ module.exports = checkPropTypes;
 
 
 
-var ReactPropTypesSecret = __webpack_require__(53);
+var ReactPropTypesSecret = __webpack_require__(54);
 
 function emptyFunction() {}
 function emptyFunctionWithReset() {}
@@ -65986,7 +65924,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var InputWrapper_1 = __webpack_require__(85);
 var Input = /** @class */ (function (_super) {
     __extends(Input, _super);
@@ -66068,7 +66006,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Option = exports.Select = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
 var Select = /** @class */ (function (_super) {
     __extends(Select, _super);
@@ -66529,7 +66467,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputNew = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var _1 = __webpack_require__(13);
 var InputNew = /** @class */ (function (_super) {
     __extends(InputNew, _super);
@@ -66695,7 +66633,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectWithTemplate = void 0;
 var React = __importStar(__webpack_require__(0));
 var dropdown_1 = __webpack_require__(303);
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
 var labelKey = 'label';
 var SelectWithTemplate = /** @class */ (function (_super) {
@@ -67899,7 +67837,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _ClassNames = __webpack_require__(10);
 
@@ -68162,7 +68100,7 @@ _defineProperty(PrimeReact, "ripple", false);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_dom_helpers_removeClass__ = __webpack_require__(311);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Transition__ = __webpack_require__(56);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Transition__ = __webpack_require__(57);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_PropTypes__ = __webpack_require__(88);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_reflow__ = __webpack_require__(89);
 
@@ -68653,7 +68591,7 @@ function removeClass(element, className) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom__ = __webpack_require__(7);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom__ = __webpack_require__(8);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_dom__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__TransitionGroup__ = __webpack_require__(90);
 
@@ -68971,8 +68909,8 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(4);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Transition__ = __webpack_require__(56);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TransitionGroupContext__ = __webpack_require__(57);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Transition__ = __webpack_require__(57);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TransitionGroupContext__ = __webpack_require__(58);
 
 
 var _leaveRenders, _enterRenders;
@@ -69288,7 +69226,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WithPagination = exports.getPagination = void 0;
 var React = __importStar(__webpack_require__(0));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 function getPagination(currentPage, totalPages) {
     if (currentPage <= 0 || totalPages <= 0 || currentPage > totalPages) {
         return [];
@@ -69554,7 +69492,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var Alert = /** @class */ (function (_super) {
     __extends(Alert, _super);
     function Alert(props) {
@@ -69667,7 +69605,7 @@ exports.AvatarGroup = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
 var avatar_1 = __webpack_require__(93);
-var avatar_wrapper_1 = __webpack_require__(44);
+var avatar_wrapper_1 = __webpack_require__(45);
 var avatar_number_1 = __webpack_require__(320);
 var avatar_placeholder_1 = __webpack_require__(94);
 var Spacer_1 = __webpack_require__(80);
@@ -69922,8 +69860,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.showPopup = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_dom_1 = __importDefault(__webpack_require__(7));
-var core_1 = __webpack_require__(45);
+var react_dom_1 = __importDefault(__webpack_require__(8));
+var core_1 = __webpack_require__(46);
 var lodash_1 = __webpack_require__(21);
 var popper_max_size_modifier_1 = __importDefault(__webpack_require__(342));
 var PopupPositioner = /** @class */ (function (_super) {
@@ -70093,12 +70031,12 @@ function getOppositeVariationPlacement(placement) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getViewportRect_js__ = __webpack_require__(327);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getDocumentRect_js__ = __webpack_require__(328);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__listScrollParents_js__ = __webpack_require__(104);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getOffsetParent_js__ = __webpack_require__(37);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getOffsetParent_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(25);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__getComputedStyle_js__ = __webpack_require__(34);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__instanceOf_js__ = __webpack_require__(14);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__getBoundingClientRect_js__ = __webpack_require__(36);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__getParentNode_js__ = __webpack_require__(46);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__getBoundingClientRect_js__ = __webpack_require__(37);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__getParentNode_js__ = __webpack_require__(47);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__contains_js__ = __webpack_require__(98);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__getNodeName_js__ = __webpack_require__(30);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils_rectToClientRect_js__ = __webpack_require__(105);
@@ -70271,7 +70209,7 @@ function getDocumentRect(element) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(46);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(47);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(66);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(30);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(14);
@@ -70298,9 +70236,9 @@ function getScrollParent(node) {
 
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["a"] = computeAutoPlacement;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getVariation_js__ = __webpack_require__(38);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getVariation_js__ = __webpack_require__(39);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enums_js__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__detectOverflow_js__ = __webpack_require__(39);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__detectOverflow_js__ = __webpack_require__(40);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getBasePlacement_js__ = __webpack_require__(24);
 
 
@@ -70367,7 +70305,7 @@ function getAltAxis(axis) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getCompositeRect;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(36);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(333);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(30);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(14);
@@ -70738,7 +70676,7 @@ var createPopper = /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_0__createPopper
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__popperjs_core__ = __webpack_require__(45);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__popperjs_core__ = __webpack_require__(46);
 
 
 var maxSize = {
@@ -70838,7 +70776,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconLabel = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var IconLabel = /** @class */ (function (_super) {
     __extends(IconLabel, _super);
     function IconLabel() {
@@ -73664,7 +73602,7 @@ exports.Calendar = void 0;
 
 var _react = _interopRequireWildcard(__webpack_require__(0));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
@@ -77184,7 +77122,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -77381,8 +77319,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
-var Tooltip_1 = __webpack_require__(40);
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
+var Tooltip_1 = __webpack_require__(41);
 var Switch = /** @class */ (function (_super) {
     __extends(Switch, _super);
     function Switch(props) {
@@ -77547,7 +77485,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroup = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var RadioGroup = /** @class */ (function (_super) {
     __extends(RadioGroup, _super);
     function RadioGroup(props) {
@@ -77626,7 +77564,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Checkbox = /** @class */ (function (_super) {
     __extends(Checkbox, _super);
     function Checkbox(props) {
@@ -77703,8 +77641,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButtonGroup = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
-var FormLabel_1 = __webpack_require__(50);
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
+var FormLabel_1 = __webpack_require__(51);
 var RadioButtonGroup = /** @class */ (function (_super) {
     __extends(RadioButtonGroup, _super);
     function RadioButtonGroup(props) {
@@ -77804,7 +77742,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxButton = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var CheckboxButton = /** @class */ (function (_super) {
     __extends(CheckboxButton, _super);
     function CheckboxButton(props) {
@@ -77951,7 +77889,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckButtonGroup = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var FormLabel_1 = __webpack_require__(50);
+var FormLabel_1 = __webpack_require__(51);
 var CheckButtonGroup = /** @class */ (function (_super) {
     __extends(CheckButtonGroup, _super);
     function CheckButtonGroup() {
@@ -78029,8 +77967,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavButton = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
-var Badge_1 = __webpack_require__(43);
+var Icon_1 = __webpack_require__(7);
+var Badge_1 = __webpack_require__(44);
 var NavButton = /** @class */ (function (_super) {
     __extends(NavButton, _super);
     function NavButton() {
@@ -79897,7 +79835,7 @@ exports.Autocomplete = void 0;
 var React = __importStar(__webpack_require__(0));
 var autocomplete_1 = __webpack_require__(424);
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Autocomplete = /** @class */ (function (_super) {
     __extends(Autocomplete, _super);
     function Autocomplete(props) {
@@ -80038,7 +79976,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _InputText = __webpack_require__(72);
 
@@ -80974,7 +80912,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(17));
 
@@ -97585,7 +97523,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Carousel = void 0;
 var React = __importStar(__webpack_require__(0));
 var carousel_1 = __webpack_require__(432);
-var Badge_1 = __webpack_require__(43);
+var Badge_1 = __webpack_require__(44);
 var Carousel = /** @class */ (function (_super) {
     __extends(Carousel, _super);
     function Carousel() {
@@ -98547,7 +98485,7 @@ exports.Dialog = void 0;
 
 var _react = _interopRequireWildcard(__webpack_require__(0));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
@@ -99190,7 +99128,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toasted = void 0;
 var React = __importStar(__webpack_require__(0));
-var ReactDOM = __importStar(__webpack_require__(7));
+var ReactDOM = __importStar(__webpack_require__(8));
 var ToastWrapper_1 = __importDefault(__webpack_require__(439));
 var TOAST_ID = "react-toast";
 var Toasted = /** @class */ (function () {
@@ -99475,7 +99413,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(__webpack_require__(0));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var ToastText = function (_a) {
     var id = _a.id, title = _a.title, icon = _a.icon, onClose = _a.onClose;
     var ref = React.useRef(null);
@@ -99546,7 +99484,7 @@ exports.Menu = void 0;
 var React = __importStar(__webpack_require__(0));
 var tieredmenu_1 = __webpack_require__(443);
 var helpers_1 = __webpack_require__(446);
-var superdeskTopBarZIndex = 1030;
+var superdeskTopBarZIndex = 1050;
 function isSeparator(item) {
     return item['separator'] === true;
 }
@@ -99661,7 +99599,7 @@ exports.TieredMenu = exports.LocationRetrieved = void 0;
 
 var _react = _interopRequireWildcard(__webpack_require__(0));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
@@ -100508,7 +100446,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleBox = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 /**
  * @ngdoc react
  * @name ToggleBox
@@ -100600,7 +100538,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _ClassNames = __webpack_require__(10);
 
@@ -100998,8 +100936,8 @@ exports.IconPicker = void 0;
 var React = __importStar(__webpack_require__(0));
 // @ts-ignore
 var iconFont = __importStar(__webpack_require__(280));
-var Button_1 = __webpack_require__(54);
-var Icon_1 = __webpack_require__(9);
+var Button_1 = __webpack_require__(55);
+var Icon_1 = __webpack_require__(7);
 var SelectGrid_1 = __webpack_require__(255);
 var IconPicker = /** @class */ (function (_super) {
     __extends(IconPicker, _super);
@@ -101289,7 +101227,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeSelector = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var ThemeSelector = /** @class */ (function (_super) {
     __extends(ThemeSelector, _super);
     function ThemeSelector(props) {
@@ -101414,7 +101352,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropZone = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var DropZone = /** @class */ (function (_super) {
     __extends(DropZone, _super);
     function DropZone(props) {
@@ -101520,8 +101458,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateButton = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
-var Tooltip_1 = __webpack_require__(40);
+var Icon_1 = __webpack_require__(7);
+var Tooltip_1 = __webpack_require__(41);
 var CreateButton = /** @class */ (function (_super) {
     __extends(CreateButton, _super);
     function CreateButton() {
@@ -101599,7 +101537,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchBar = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var SearchBar = /** @class */ (function (_super) {
     __extends(SearchBar, _super);
     function SearchBar(props) {
@@ -103270,7 +103208,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthoringInnerHeader = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var AuthoringInnerHeader = /** @class */ (function (_super) {
     __extends(AuthoringInnerHeader, _super);
     function AuthoringInnerHeader(props) {
@@ -103996,7 +103934,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BottomBarAction = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var BottomBarAction = /** @class */ (function (_super) {
     __extends(BottomBarAction, _super);
     function BottomBarAction() {
@@ -104180,7 +104118,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NotificationPanelFooter = exports.NotificationPanelContent = exports.NotificationPanelHeader = exports.NotificationPanelContainer = exports.NotificationPanel = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var IconButton_1 = __webpack_require__(47);
+var IconButton_1 = __webpack_require__(48);
 var NotificationPanelContainer = /** @class */ (function (_super) {
     __extends(NotificationPanelContainer, _super);
     function NotificationPanelContainer() {
@@ -104297,7 +104235,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideBarMenu = void 0;
 var React = __importStar(__webpack_require__(0));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var SideBarMenu = /** @class */ (function (_super) {
     __extends(SideBarMenu, _super);
     function SideBarMenu(props) {
@@ -104407,8 +104345,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideBarTabs = void 0;
 var React = __importStar(__webpack_require__(0));
-var Icon_1 = __webpack_require__(9);
-var Badge_1 = __webpack_require__(43);
+var Icon_1 = __webpack_require__(7);
+var Badge_1 = __webpack_require__(44);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var SideBarTabs = /** @class */ (function (_super) {
     __extends(SideBarTabs, _super);
@@ -104513,7 +104451,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuickNavBar = void 0;
 var React = __importStar(__webpack_require__(0));
-var Icon_1 = __webpack_require__(9);
+var Icon_1 = __webpack_require__(7);
 var react_scrollspy_1 = __importDefault(__webpack_require__(251));
 var QuickNavBar = /** @class */ (function (_super) {
     __extends(QuickNavBar, _super);
@@ -105706,6 +105644,181 @@ module.exports = isObjectLike;
 
 /***/ }),
 /* 513 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeSelectPill = void 0;
+var React = __importStar(__webpack_require__(0));
+var Icon_1 = __webpack_require__(7);
+var Label_1 = __webpack_require__(36);
+var TreeSelectPill = /** @class */ (function (_super) {
+    __extends(TreeSelectPill, _super);
+    function TreeSelectPill() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TreeSelectPill.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("li", { className: "tags-input__tag-item tags-input__tag-item--multi-select"
+                + (this.props.readOnly ? ' tags-input__tag-item--readonly' : ''), onClick: function () { return (!_this.props.readOnly && !_this.props.disabled)
+                && _this.props.onRemove(); }, style: this.props.valueTemplate
+                ? { backgroundColor: this.props.backgroundColor }
+                : this.props.getBackgroundColor
+                    && { backgroundColor: this.props.getBackgroundColor(this.props.item) } },
+            React.createElement("span", { className: "tags-input__helper-box", style: {
+                    color: this.props.backgroundColor
+                        ? (0, Label_1.getTextColor)(this.props.backgroundColor)
+                        : this.props.getBackgroundColor
+                            && (0, Label_1.getTextColor)(this.props.getBackgroundColor(this.props.item)),
+                } },
+                this.props.children,
+                !this.props.readOnly
+                    && React.createElement("span", { className: "tags-input__remove-button" },
+                        React.createElement(Icon_1.Icon, { name: "close-small" })))));
+    };
+    return TreeSelectPill;
+}(React.Component));
+exports.TreeSelectPill = TreeSelectPill;
+
+
+/***/ }),
+/* 514 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeSelectItem = exports.getPrefixedItemId = void 0;
+var React = __importStar(__webpack_require__(0));
+var Icon_1 = __webpack_require__(7);
+var Label_1 = __webpack_require__(36);
+function getPrefixedItemId(id) {
+    return id + '-focus';
+}
+exports.getPrefixedItemId = getPrefixedItemId;
+var TreeSelectItem = /** @class */ (function (_super) {
+    __extends(TreeSelectItem, _super);
+    function TreeSelectItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TreeSelectItem.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("li", { className: 'suggestion-item suggestion-item--multi-select', onClick: function (event) {
+                var _a, _b;
+                (_b = (_a = _this.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
+                event.preventDefault();
+                event.stopPropagation();
+                _this.props.handleTree(event, _this.props.option);
+            } },
+            React.createElement("button", { 
+                // the className is generated in order to focus the element later
+                className: "suggestion-item--btn ".concat(getPrefixedItemId(this.props.getId(this.props.option.value))), onKeyDown: function (event) {
+                    var _a, _b;
+                    if (event.key === 'Enter' && _this.props.option.children) {
+                        (_b = (_a = _this.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    }
+                } },
+                (this.props.getBorderColor && !this.props.allowMultiple)
+                    && React.createElement("div", { className: "item-border", style: {
+                            backgroundColor: this.props.getBorderColor(this.props.option.value),
+                        } }),
+                React.createElement("span", { className: 'suggestion-item--bgcolor'
+                        + (this.props.selectedItem ? ' suggestion-item--disabled' : ''), style: (this.props.getBackgroundColor && this.props.option.value)
+                        ? {
+                            backgroundColor: this.props.getBackgroundColor(this.props.option.value),
+                            color: (0, Label_1.getTextColor)(this.props.getBackgroundColor(this.props.option.value)),
+                        }
+                        : undefined }, this.props.optionTemplate
+                    ? this.props.optionTemplate(this.props.option.value)
+                    : this.props.getLabel(this.props.option.value)),
+                this.props.option.children
+                    && React.createElement("span", { className: "suggestion-item__icon" },
+                        React.createElement(Icon_1.Icon, { name: "chevron-right-thin" })))));
+    };
+    return TreeSelectItem;
+}(React.Component));
+exports.TreeSelectItem = TreeSelectItem;
+
+
+/***/ }),
+/* 515 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -105721,13 +105834,13 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(26);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_extends__ = __webpack_require__(27);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_redux__ = __webpack_require__(514);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_redux__ = __webpack_require__(517);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_use_memo_one__ = __webpack_require__(534);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_css_box_model__ = __webpack_require__(535);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_memoize_one__ = __webpack_require__(536);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_raf_schd__ = __webpack_require__(537);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom__ = __webpack_require__(7);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_redux__ = __webpack_require__(516);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_redux__ = __webpack_require__(519);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_use_memo_one__ = __webpack_require__(536);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_css_box_model__ = __webpack_require__(537);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_memoize_one__ = __webpack_require__(538);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_raf_schd__ = __webpack_require__(539);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom__ = __webpack_require__(8);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_react_dom__);
 
 
@@ -114247,7 +114360,7 @@ ConnectedDroppable.defaultProps = defaultProps;
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 514 */
+/* 516 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -114258,7 +114371,7 @@ ConnectedDroppable.defaultProps = defaultProps;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return compose; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return createStore; });
 /* unused harmony export legacy_createStore */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectSpread2__ = __webpack_require__(515);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectSpread2__ = __webpack_require__(517);
 
 
 /**
@@ -114979,12 +115092,12 @@ if (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string'
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 515 */
+/* 517 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _objectSpread2;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__ = __webpack_require__(516);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__ = __webpack_require__(518);
 
 
 function ownKeys(object, enumerableOnly) {
@@ -115014,7 +115127,7 @@ function _objectSpread2(target) {
 }
 
 /***/ }),
-/* 516 */
+/* 518 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115035,14 +115148,14 @@ function _defineProperty(obj, key, value) {
 }
 
 /***/ }),
-/* 517 */
+/* 519 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__exports__ = __webpack_require__(518);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__exports__ = __webpack_require__(520);
 /* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__exports__["a"]; });
 /* harmony namespace reexport (by used) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_0__exports__["b"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_reactBatchedUpdates__ = __webpack_require__(533);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_reactBatchedUpdates__ = __webpack_require__(535);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_batch__ = __webpack_require__(261);
 /* unused harmony reexport batch */
 
@@ -115054,16 +115167,16 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 
 
 /***/ }),
-/* 518 */
+/* 520 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(519);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(521);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(262);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(33);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(523);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(531);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(532);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(525);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(533);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(534);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__hooks_useStore__ = __webpack_require__(267);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_shallowEqual__ = __webpack_require__(263);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__components_Provider__["a"]; });
@@ -115088,7 +115201,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 
 
 /***/ }),
-/* 519 */
+/* 521 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115155,22 +115268,22 @@ if (process.env.NODE_ENV !== 'production') {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 520 */
+/* 522 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = __webpack_require__(521);
+  module.exports = __webpack_require__(523);
 } else {
-  module.exports = __webpack_require__(522);
+  module.exports = __webpack_require__(524);
 }
 
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 
 /***/ }),
-/* 521 */
+/* 523 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -115191,7 +115304,7 @@ exports.typeOf=y;
 
 
 /***/ }),
-/* 522 */
+/* 524 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -115425,7 +115538,7 @@ exports.typeOf = typeOf;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 
 /***/ }),
-/* 523 */
+/* 525 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115434,10 +115547,10 @@ exports.typeOf = typeOf;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(22);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(262);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(263);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(524);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(527);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(528);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(529);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(526);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(529);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(530);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(531);
 
 
 var _excluded = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
@@ -115539,14 +115652,14 @@ function createConnect(_temp) {
 /* harmony default export */ __webpack_exports__["a"] = (createConnect());
 
 /***/ }),
-/* 524 */
+/* 526 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* unused harmony export whenMapDispatchToPropsIsFunction */
 /* unused harmony export whenMapDispatchToPropsIsMissing */
 /* unused harmony export whenMapDispatchToPropsIsObject */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_bindActionCreators__ = __webpack_require__(525);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_bindActionCreators__ = __webpack_require__(527);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(264);
 
 
@@ -115568,7 +115681,7 @@ function whenMapDispatchToPropsIsObject(mapDispatchToProps) {
 /* harmony default export */ __webpack_exports__["a"] = ([whenMapDispatchToPropsIsFunction, whenMapDispatchToPropsIsMissing, whenMapDispatchToPropsIsObject]);
 
 /***/ }),
-/* 525 */
+/* 527 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115594,7 +115707,7 @@ function bindActionCreators(actionCreators, dispatch) {
 }
 
 /***/ }),
-/* 526 */
+/* 528 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115617,7 +115730,7 @@ function isPlainObject(obj) {
 }
 
 /***/ }),
-/* 527 */
+/* 529 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115636,7 +115749,7 @@ function whenMapStateToPropsIsMissing(mapStateToProps) {
 /* harmony default export */ __webpack_exports__["a"] = ([whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing]);
 
 /***/ }),
-/* 528 */
+/* 530 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115685,7 +115798,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 529 */
+/* 531 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115693,7 +115806,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 /* unused harmony export pureFinalPropsSelectorFactory */
 /* harmony export (immutable) */ __webpack_exports__["a"] = finalPropsSelectorFactory;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(22);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(530);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(532);
 
 var _excluded = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
 
@@ -115785,7 +115898,7 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 530 */
+/* 532 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115810,7 +115923,7 @@ function verifySubselectors(mapStateToProps, mapDispatchToProps, mergeProps, dis
 }
 
 /***/ }),
-/* 531 */
+/* 533 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -115863,7 +115976,7 @@ function createDispatchHook(context) {
 var useDispatch = /*#__PURE__*/createDispatchHook();
 
 /***/ }),
-/* 532 */
+/* 534 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116036,18 +116149,18 @@ var useSelector = /*#__PURE__*/createSelectorHook();
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 533 */
+/* 535 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_dom__ = __webpack_require__(7);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_dom__ = __webpack_require__(8);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react_dom__);
 /* harmony reexport (binding) */ if(__webpack_require__.o(__WEBPACK_IMPORTED_MODULE_0_react_dom__, "unstable_batchedUpdates")) __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_dom__["unstable_batchedUpdates"]; });
 /* eslint-disable import/no-unresolved */
 
 
 /***/ }),
-/* 534 */
+/* 536 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116105,7 +116218,7 @@ var useCallback = useCallbackOne;
 
 
 /***/ }),
-/* 535 */
+/* 537 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116274,7 +116387,7 @@ var getBox = function getBox(el) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 
 /***/ }),
-/* 536 */
+/* 538 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116330,7 +116443,7 @@ function memoizeOne(resultFn, isEqual) {
 
 
 /***/ }),
-/* 537 */
+/* 539 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -116371,7 +116484,7 @@ var rafSchd = function rafSchd(fn) {
 
 
 /***/ }),
-/* 538 */
+/* 540 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -116420,9 +116533,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiSelect = void 0;
 var React = __importStar(__webpack_require__(0));
-var multiselect_1 = __webpack_require__(539);
+var multiselect_1 = __webpack_require__(541);
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_id_generator_1 = __importDefault(__webpack_require__(8));
+var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
 var SelectPreview_1 = __webpack_require__(74);
 var MultiSelect = /** @class */ (function (_super) {
@@ -116459,16 +116572,16 @@ exports.MultiSelect = MultiSelect;
 
 
 /***/ }),
-/* 539 */
+/* 541 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(540);
+module.exports = __webpack_require__(542);
 
 /***/ }),
-/* 540 */
+/* 542 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -116497,11 +116610,11 @@ var _FilterUtils = _interopRequireDefault(__webpack_require__(86));
 
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(17));
 
-var _MultiSelectHeader = __webpack_require__(541);
+var _MultiSelectHeader = __webpack_require__(543);
 
-var _MultiSelectItem = __webpack_require__(543);
+var _MultiSelectItem = __webpack_require__(545);
 
-var _MultiSelectPanel = __webpack_require__(544);
+var _MultiSelectPanel = __webpack_require__(546);
 
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(23));
 
@@ -117412,7 +117525,7 @@ _defineProperty(MultiSelect, "propTypes", {
 });
 
 /***/ }),
-/* 541 */
+/* 543 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -117431,7 +117544,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
 var _InputText = __webpack_require__(72);
 
-var _Checkbox = __webpack_require__(542);
+var _Checkbox = __webpack_require__(544);
 
 var _Ripple = __webpack_require__(18);
 
@@ -117566,7 +117679,7 @@ _defineProperty(MultiSelectHeader, "propTypes", {
 });
 
 /***/ }),
-/* 542 */
+/* 544 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -117816,7 +117929,7 @@ _defineProperty(Checkbox, "propTypes", {
 });
 
 /***/ }),
-/* 543 */
+/* 545 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -117961,7 +118074,7 @@ _defineProperty(MultiSelectItem, "propTypes", {
 });
 
 /***/ }),
-/* 544 */
+/* 546 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -117978,7 +118091,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(7));
+var _reactDom = _interopRequireDefault(__webpack_require__(8));
 
 var _ClassNames = __webpack_require__(10);
 
@@ -118082,7 +118195,7 @@ _defineProperty(MultiSelectPanel, "propTypes", {
 });
 
 /***/ }),
-/* 545 */
+/* 547 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -118139,7 +118252,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizablePanels = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_resizable_panels_1 = __webpack_require__(546);
+var react_resizable_panels_1 = __webpack_require__(548);
 /**
  Features:
  * No absolute positioning is used
@@ -118190,7 +118303,7 @@ exports.ResizablePanels = ResizablePanels;
 
 
 /***/ }),
-/* 546 */
+/* 548 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -118198,12 +118311,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Panel", function() { return $68ce93498c99866c$export$2ddb90ad54e5f587; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelGroup", function() { return $d6da68d748ce761b$export$1d05749f6f573bb; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelResizeHandle", function() { return $6ebc1e3786ab631d$export$8829ecf6b6b15484; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(547);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(549);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(549);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(551);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(550);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(553);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(552);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(555);
 
 
 
@@ -119363,12 +119476,12 @@ $6ebc1e3786ab631d$export$8829ecf6b6b15484.displayName = "PanelResizeHandle";
 
 
 /***/ }),
-/* 547 */
+/* 549 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _objectSpread;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(548);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(550);
 
 
 function _objectSpread(target) {
@@ -119391,7 +119504,7 @@ function _objectSpread(target) {
 }
 
 /***/ }),
-/* 548 */
+/* 550 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119413,7 +119526,7 @@ function _defineProperty(obj, key, value) {
 
 
 /***/ }),
-/* 549 */
+/* 551 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119450,14 +119563,14 @@ function _objectSpreadProps(target, source) {
 }
 
 /***/ }),
-/* 550 */
+/* 552 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _slicedToArray;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(551);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(553);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(270);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(552);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(554);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(271);
 
 
@@ -119470,7 +119583,7 @@ function _slicedToArray(arr, i) {
 
 
 /***/ }),
-/* 551 */
+/* 553 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119481,7 +119594,7 @@ function _arrayWithHoles(arr) {
 
 
 /***/ }),
-/* 552 */
+/* 554 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119492,14 +119605,14 @@ function _nonIterableRest() {
 
 
 /***/ }),
-/* 553 */
+/* 555 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _toConsumableArray;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(554);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(556);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(270);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(555);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(557);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(271);
 
 
@@ -119512,7 +119625,7 @@ function _toConsumableArray(arr) {
 
 
 /***/ }),
-/* 554 */
+/* 556 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119526,7 +119639,7 @@ function _arrayWithoutHoles(arr) {
 
 
 /***/ }),
-/* 555 */
+/* 557 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -119537,7 +119650,7 @@ function _nonIterableSpread() {
 
 
 /***/ }),
-/* 556 */
+/* 558 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -119586,8 +119699,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DragHandle = void 0;
 var React = __importStar(__webpack_require__(0));
-__webpack_require__(557);
-var dots_svg_1 = __importDefault(__webpack_require__(558));
+__webpack_require__(559);
+var dots_svg_1 = __importDefault(__webpack_require__(560));
 var DragHandle = /** @class */ (function (_super) {
     __extends(DragHandle, _super);
     function DragHandle() {
@@ -119603,21 +119716,21 @@ exports.DragHandle = DragHandle;
 
 
 /***/ }),
-/* 557 */
+/* 559 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
-/* 558 */
+/* 560 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "dots.svg";
 
 /***/ }),
-/* 559 */,
-/* 560 */,
-/* 561 */
+/* 561 */,
+/* 562 */,
+/* 563 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -119637,7 +119750,7 @@ var _react = __webpack_require__(0);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(7);
+var _reactDom = __webpack_require__(8);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
@@ -119797,12 +119910,12 @@ function reactToAngular1(component) {
 }
 
 /***/ }),
-/* 562 */,
-/* 563 */,
 /* 564 */,
 /* 565 */,
 /* 566 */,
-/* 567 */
+/* 567 */,
+/* 568 */,
+/* 569 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -119823,7 +119936,7 @@ var _propTypes = __webpack_require__(4);
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _reactToAngular = __webpack_require__(561);
+var _reactToAngular = __webpack_require__(563);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -119918,7 +120031,7 @@ ToggleBoxNext.propTypes = {
 angular.module('superdesk-ui.toggleBoxNext', []).component('toggleBoxNext', (0, _reactToAngular.reactToAngular1)(ToggleBoxNext, ['mode', 'title', 'style', 'isOpen']));
 
 /***/ }),
-/* 568 */
+/* 570 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -119929,7 +120042,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Positioner = undefined;
 
-var _reactToAngular = __webpack_require__(561);
+var _reactToAngular = __webpack_require__(563);
 
 var _Positioner2 = __webpack_require__(275);
 
@@ -119970,8 +120083,6 @@ angular.module('superdesk-ui.positioner', []).component('sdPositioner', (0, _rea
 */
 
 /***/ }),
-/* 569 */,
-/* 570 */,
 /* 571 */,
 /* 572 */,
 /* 573 */,
@@ -120127,7 +120238,9 @@ angular.module('superdesk-ui.positioner', []).component('sdPositioner', (0, _rea
 /* 723 */,
 /* 724 */,
 /* 725 */,
-/* 726 */
+/* 726 */,
+/* 727 */,
+/* 728 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120138,7 +120251,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ContentDivider = exports.Carousel = exports.Popover = exports.Dropdown = exports.NotificationToast = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNav = exports.Menu = exports.toasted = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButton = exports.CheckBox = exports.RadioGroup = exports.Loader = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerISO = exports.DatePicker = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.ButtonGroup = exports.Button = exports.HelloWorld = exports.Positioner = exports.ToggleBoxNext = exports.reactToAngular1 = undefined;
 
-var _reactToAngular = __webpack_require__(561);
+var _reactToAngular = __webpack_require__(563);
 
 Object.defineProperty(exports, 'reactToAngular1', {
     enumerable: true,
@@ -120147,7 +120260,7 @@ Object.defineProperty(exports, 'reactToAngular1', {
     }
 });
 
-var _toggleBoxNext = __webpack_require__(567);
+var _toggleBoxNext = __webpack_require__(569);
 
 Object.defineProperty(exports, 'ToggleBoxNext', {
     enumerable: true,
@@ -120156,7 +120269,7 @@ Object.defineProperty(exports, 'ToggleBoxNext', {
     }
 });
 
-var _positioner = __webpack_require__(568);
+var _positioner = __webpack_require__(570);
 
 Object.defineProperty(exports, 'Positioner', {
     enumerable: true,
@@ -120414,40 +120527,38 @@ Object.defineProperty(exports, 'ContentDivider', {
     }
 });
 
-__webpack_require__(727);
+__webpack_require__(729);
 
-__webpack_require__(762);
+__webpack_require__(764);
 
 exports.default = angular.module('superdesk-ui', ['superdesk-ui.helper', 'superdesk-ui.carousel', 'superdesk-ui.wizard', 'superdesk-ui.dropdown', 'superdesk-ui.positioner', 'superdesk-ui.modals', 'superdesk-ui.switch', 'superdesk-ui.check', 'superdesk-ui.circularProgress', 'superdesk-ui.toggleBox', 'superdesk-ui.toggleBoxNext', 'superdesk-ui.tags', 'superdesk-ui.lineInput', 'superdesk-ui.searchHandler', 'superdesk-ui.splitter', 'superdesk-ui.mediaQuery']);
 
 /***/ }),
-/* 727 */
+/* 729 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-__webpack_require__(728);
-
-__webpack_require__(742);
+__webpack_require__(730);
 
 __webpack_require__(744);
 
-__webpack_require__(745);
-
-__webpack_require__(568);
-
 __webpack_require__(746);
 
 __webpack_require__(747);
 
-__webpack_require__(748);
+__webpack_require__(570);
 
-__webpack_require__(567);
+__webpack_require__(748);
 
 __webpack_require__(749);
 
-__webpack_require__(752);
+__webpack_require__(750);
+
+__webpack_require__(569);
+
+__webpack_require__(751);
 
 __webpack_require__(754);
 
@@ -120457,10 +120568,12 @@ __webpack_require__(758);
 
 __webpack_require__(760);
 
-__webpack_require__(761);
+__webpack_require__(762);
+
+__webpack_require__(763);
 
 /***/ }),
-/* 728 */
+/* 730 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120470,22 +120583,22 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 
-__webpack_require__(729);
+__webpack_require__(731);
 
-__webpack_require__(730);
+__webpack_require__(732);
 
-__webpack_require__(736);
+__webpack_require__(738);
 
-__webpack_require__(737);
+__webpack_require__(739);
 
-__webpack_require__(740);
+__webpack_require__(742);
 
-__webpack_require__(741);
+__webpack_require__(743);
 
 exports.default = angular.module('superdesk-ui.helper', ['superdesk-ui.helper.dropdown', 'superdesk-ui.helper.modal', 'superdesk-ui.helper.datepicker', 'superdesk-ui.helper.ngTagsInput']);
 
 /***/ }),
-/* 729 */
+/* 731 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120702,7 +120815,7 @@ angular.module('superdesk-ui.helper.dateparser', []).service('dateParser', ['$lo
 }]);
 
 /***/ }),
-/* 730 */
+/* 732 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -120921,7 +121034,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(731),
+        template: __webpack_require__(733),
         scope: {
             datepickerMode: '=?',
             dateDisabled: '&',
@@ -120943,7 +121056,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(732),
+        template: __webpack_require__(734),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             scope.showWeeks = ctrl.showWeeks;
@@ -121062,7 +121175,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(733),
+        template: __webpack_require__(735),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             ctrl.step = { years: 1 };
@@ -121119,7 +121232,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(734),
+        template: __webpack_require__(736),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             var range = ctrl.yearRange;
@@ -121486,42 +121599,42 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         restrict: 'EA',
         replace: true,
         transclude: true,
-        template: __webpack_require__(735)
+        template: __webpack_require__(737)
     };
 });
 
 /***/ }),
-/* 731 */
+/* 733 */
 /***/ (function(module, exports) {
 
 module.exports = "<div ng-switch=\"datepickerMode\" role=\"application\" ng-keydown=\"keydown($event)\">\n  <daypicker ng-switch-when=\"day\" tabindex=\"0\"></daypicker>\n  <monthpicker ng-switch-when=\"month\" tabindex=\"0\"></monthpicker>\n  <yearpicker ng-switch-when=\"year\" tabindex=\"0\"></yearpicker>\n</div>";
 
 /***/ }),
-/* 732 */
+/* 734 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th colspan=\"{{::5 + showWeeks}}\"><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n    <tr>\n      <th ng-if=\"showWeeks\" class=\"text-center\"></th>\n      <th ng-repeat=\"label in ::labels track by $index\" class=\"text-center\"><small aria-label=\"{{::label.full}}\">{{::label.abbr}}</small></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-if=\"showWeeks\" class=\"text-center h6\"><em>{{ weekNumbers[$index] }}</em></td>\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\" ng-class=\"::dt.customClass\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default btn-sm\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-muted': dt.secondary, 'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 733 */
+/* 735 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\" ng-class=\"::dt.customClass\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 734 */
+/* 736 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th colspan=\"3\"><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 735 */
+/* 737 */
 /***/ (function(module, exports) {
 
 module.exports = "<ul class=\"dropdown-menu\" ng-if=\"isOpen\" style=\"display: block\" ng-style=\"{top: position.top+'px', left: position.left+'px'}\" ng-keydown=\"keydown($event)\" ng-click=\"$event.stopPropagation()\">\n\t<li ng-transclude></li>\n\t<li ng-if=\"showButtonBar\" style=\"padding:10px 9px 2px\">\n\t\t<span class=\"btn-group pull-left\">\n\t\t\t<button type=\"button\" class=\"btn btn-sm btn-info\" ng-click=\"select('today')\">{{ getText('current') }}</button>\n\t\t\t<button type=\"button\" class=\"btn btn-sm btn-danger\" ng-click=\"select(null)\">{{ getText('clear') }}</button>\n\t\t</span>\n\t\t<button type=\"button\" class=\"btn btn-sm btn-success pull-right\" ng-click=\"close()\">{{ getText('close') }}</button>\n\t</li>\n</ul>\n";
 
 /***/ }),
-/* 736 */
+/* 738 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -121864,7 +121977,7 @@ angular.module('superdesk-ui.helper.dropdown', ['superdesk-ui.helper.position'])
 });
 
 /***/ }),
-/* 737 */
+/* 739 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -121931,7 +122044,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(738),
+        template: __webpack_require__(740),
         compile: function compile(tElement, tAttrs) {
             tElement.addClass(tAttrs.backdropClass);
             return linkFn;
@@ -121958,7 +122071,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
         //            templateUrl: function templateUrl(tElement, tAttrs) {
         //                return tAttrs.templateUrl || '../app/template/window.html';
         //            },
-        template: __webpack_require__(739),
+        template: __webpack_require__(741),
         link: function link(scope, element, attrs) {
             element.addClass(attrs.windowClass || '');
             scope.size = attrs.size;
@@ -122335,19 +122448,19 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
 });
 
 /***/ }),
-/* 738 */
+/* 740 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"modal__backdrop fade in\"></div>";
 
 /***/ }),
-/* 739 */
+/* 741 */
 /***/ (function(module, exports) {
 
 module.exports = "<div modal-render=\"{{$isRendered}}\" tabindex=\"-1\" role=\"dialog\" class=\"modal\"\n     modal-animation-class=\"fade\"\n     modal-in-class=\"in\"\n     ng-style=\"{'z-index': 1050 + index * 10, display: 'block'}\"\n     ng-class=\"size ? 'modal--' + size : ''\">\n    <div class=\"modal__dialog\">\n        <div class=\"modal__content\" modal-transclude></div>\n    </div>\n</div>\n";
 
 /***/ }),
-/* 740 */
+/* 742 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -122510,7 +122623,7 @@ angular.module('superdesk-ui.helper.position', [])
 }]);
 
 /***/ }),
-/* 741 */
+/* 743 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -123736,7 +123849,7 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
 })();
 
 /***/ }),
-/* 742 */
+/* 744 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -123753,7 +123866,7 @@ function CarouselDirective() {
             finish: '&',
             model: '='
         },
-        template: __webpack_require__(743),
+        template: __webpack_require__(745),
         transclude: true,
         controllerAs: 'ctrl',
         controller: ['$scope', '$document', function ($scope, $document) {
@@ -123875,13 +123988,13 @@ function CarouselStepDirective() {
 angular.module('superdesk-ui.carousel', []).directive('sdCarousel', CarouselDirective).directive('sdCarouselStep', CarouselStepDirective);
 
 /***/ }),
-/* 743 */
+/* 745 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"sd-carousel__backdrop\"></div>\n<div class=\"sd-carousel\">\n    <div class=\"sd-carousel__dialog\">\n        <div class=\"sd-carousel__content\" ng-transclude></div>\n        <a class=\"sd-carousel__nav-button sd-carousel__nav-button--prev\" ng-click=\"ctrl.previous()\" ng-hide=\"pageIndex === 0\"></a>\n        <a class=\"sd-carousel__nav-button\" ng-click=\"pageIndex === steps.length-1 ? ctrl.finish() : ctrl.next()\" ng-class=\"pageIndex === steps.length-1 ? 'sd-carousel__nav-button--end' : 'sd-carousel__nav-button--next'\"></a>\n        <div class=\"sd-carousel__page-indication-bar\">\n            <span ng-repeat=\"step in steps\" \n                  class=\"sd-carousel__page-indicator\" \n                  ng-class=\"{'sd-carousel__page-indicator--selected': step.selected}\"\n                  ng-click=\"goTo(step)\">\n            </span>\n        </div>\n    </div>\n</div>";
 
 /***/ }),
-/* 744 */
+/* 746 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -123984,7 +124097,7 @@ function sdCheck($parse) {
 angular.module('superdesk-ui.check', []).directive('sdCheck', sdCheck);
 
 /***/ }),
-/* 745 */
+/* 747 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124161,10 +124274,10 @@ function sdDropdownAppendToBody($window, $timeout) {
 }
 
 angular.module("superdesk-ui.dropdown", []).directive("dropdown", sdDropdown).directive("dropdownAppendToBody", sdDropdownAppendToBody);
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(42)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(43)))
 
 /***/ }),
-/* 746 */
+/* 748 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124252,7 +124365,7 @@ function sdModal($document, $rootScope) {
 angular.module('superdesk-ui.modals', []).directive('sdModal', sdModal);
 
 /***/ }),
-/* 747 */
+/* 749 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124337,7 +124450,7 @@ function sdSwitch() {
 angular.module('superdesk-ui.switch', []).directive('sdSwitch', sdSwitch);
 
 /***/ }),
-/* 748 */
+/* 750 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124375,7 +124488,7 @@ function ToggleBoxDirective() {
 angular.module('superdesk-ui.toggleBox', []).directive('sdToggleBox', ToggleBoxDirective);
 
 /***/ }),
-/* 749 */
+/* 751 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124410,7 +124523,7 @@ function WizardHandlerFactory() {
 WizardDirective.$inject = [];
 function WizardDirective() {
     return {
-        template: __webpack_require__(750),
+        template: __webpack_require__(752),
         scope: {
             currentStep: '=',
             finish: '&',
@@ -124514,7 +124627,7 @@ function WizardDirective() {
 WizardStepDirective.$inject = [];
 function WizardStepDirective() {
     return {
-        template: __webpack_require__(751),
+        template: __webpack_require__(753),
         scope: {
             title: '@',
             code: '@',
@@ -124532,19 +124645,19 @@ function WizardStepDirective() {
 angular.module('superdesk-ui.wizard', []).factory('WizardHandler', WizardHandlerFactory).directive('sdWizard', WizardDirective).directive('sdWizardStep', WizardStepDirective);
 
 /***/ }),
-/* 750 */
+/* 752 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"modal__body-header\">\n    <ul class=\"nav-tabs\">\n        <li ng-repeat=\"step in steps\" ng-class=\"{'nav-tabs__tab--active': step.selected}\" class=\"nav-tabs__tab\">\n            <button\n                ng-click=\"goTo(step)\"\n                ng-disabled=\"step.disabled\"\n                ng-hide=\"step.hide\"\n                class=\"nav-tabs__link\"\n                data-test-id=\"wizard--{{step.title}}\"\n            >\n                {{ step.title}}\n            </button>\n        </li>\n    </ul>\n</div>\n<div class=\"modal__body-content\" ng-transclude></div>";
 
 /***/ }),
-/* 751 */
+/* 753 */
 /***/ (function(module, exports) {
 
 module.exports = "<div ng-show=\"selected\" class=\"modal-screen\" ng-transclude></div>\r\n";
 
 /***/ }),
-/* 752 */
+/* 754 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124573,7 +124686,7 @@ function TagInputDirective($q) {
             maxResultsToShow: '='
         },
         require: '?ngModel',
-        template: __webpack_require__(753),
+        template: __webpack_require__(755),
         link: function link(scope) {
             scope.loadTags = function (query) {
                 return $q(function (resolve, reject) {
@@ -124591,13 +124704,13 @@ function TagInputDirective($q) {
 angular.module('superdesk-ui.tags', []).directive('sdTagInput', TagInputDirective);
 
 /***/ }),
-/* 753 */
+/* 755 */
 /***/ (function(module, exports) {
 
 module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</label>\n<tags-input ng-model=\"model\"\n    add-from-autocomplete-only=\"{{items ? !freetext : false}}\"\n    show-button=\"{{!!items}}\"\n    display-property=\"{{field}}\"\n    key-property=\"{{keyProperty}}\"\n    use-strings=\"{{!field}}\"\n    ng-required=\"required\"\n    on-tag-added=\"onChange($tag)\"\n    on-tag-removed=\"onChange($tag)\"\n    replace-spaces-with-dashes=\"{{replaceSpacesWithDashes}}\"\n    min-length=\"{{minLength}}\"\n    max-length=\"{{maxLength}}\"\n    max-tags=\"{{maxTags}}\"\n    max-items=\"{{maxItems}}\"\n    boxed={{boxed}}\n    placeholder=\"{{placeholder}}\">\n\n    <auto-complete ng-if=\"items\"\n        source=\"loadTags($query)\"\n        load-on-empty=\"true\"\n        min-length=\"{{minLength}}\"\n        display-property=\"{{field}}\"\n        key-property=\"{{keyProperty}}\"\n        max-results-to-show=\"{{maxResultsToShow}}\">\n    </auto-complete>\n</tags-input>\n";
 
 /***/ }),
-/* 754 */
+/* 756 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124614,7 +124727,7 @@ module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</
  */
 function LineInputDirective() {
     return {
-        template: __webpack_require__(755),
+        template: __webpack_require__(757),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -124656,13 +124769,13 @@ function LineInputDirective() {
 angular.module('superdesk-ui.lineInput', []).directive('sdLineInput', LineInputDirective);
 
 /***/ }),
-/* 755 */
+/* 757 */
 /***/ (function(module, exports) {
 
 module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark-ui': dark, 'sd-line-input--boxed': boxed, 'sd-line-input--required': required}\">\n    <label class=\"sd-line-input__label\" translate>{{label}}</label>\n\n    <input class=\"sd-line-input__input\" type=\"text\" ng-model=\"modelFixed.value\" ng-change=\"update(modelFixed.value)\" ng-blur=\"onblur()\" ng-disabled=\"disabled\" placeholder=\"{{placeholder}}\" ng-if=\"!transclude && !textarea\">\n\n    <textarea class=\"sd-line-input__input\"\n        ng-model=\"modelFixed.value\"\n        ng-change=\"update(modelFixed.value)\"\n        ng-blur=\"onblur()\"\n        ng-disabled=\"disabled\"\n        placeholder=\"{{placeholder}}\"\n        ng-if=\"textarea\"\n        sd-auto-height>\n    </textarea>\n\n    <ng-transclude></ng-transclude>\n    <div class=\"sd-line-input__char-count\" ng-if=\"maxlength\" sd-character-count data-item=\"modelFixed.value\" data-limit=\"maxlength\" data-html=\"true\"></div>\n</div>\n";
 
 /***/ }),
-/* 756 */
+/* 758 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124682,7 +124795,7 @@ module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark
  */
 function SearchHandlerDirective() {
     return {
-        template: __webpack_require__(757),
+        template: __webpack_require__(759),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -124708,13 +124821,13 @@ function SearchHandlerDirective() {
 angular.module('superdesk-ui.searchHandler', []).directive('sdSearchHandler', SearchHandlerDirective);
 
 /***/ }),
-/* 757 */
+/* 759 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"flat-searchbar extended\">\n    <div class=\"search-handler\" ng-class=\"{'search-handler--left-border': borderleft}\">\n        <label for=\"search-input\" class=\"trigger-icon\"><i class=\"icon-search\"></i></label>\n        <input id=\"search-input\" type=\"text\" placeholder=\"{{ :: label || 'Search' }}\" ng-model=\"model\" ng-model-options=\"{debounce: debounce}\">\n        <button class=\"search-close\" ng-if=\"model.length\" ng-click=\"clearInput()\" ng-class=\"{visible: model.length}\"><i class=\"icon-remove-sign\"></i></button>\n\n        <button class=\"search-close\" ng-if=\"button && model.length\" ng-click=\"\" ng-class=\"{visible: button && model.length}\">\n            <i class=\"big-icon--chevron-right\"></i>\n        </button>\n    </div>\n</div>\n";
 
 /***/ }),
-/* 758 */
+/* 760 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124730,7 +124843,7 @@ function sdCircularProgress() {
             error: '=',
             counter: '='
         },
-        template: __webpack_require__(759),
+        template: __webpack_require__(761),
         link: function link(scope, element) {
             var elem = $(element).find('.progress-svg');
 
@@ -124773,16 +124886,16 @@ function sdCircularProgress() {
 }
 
 angular.module('superdesk-ui.circularProgress', []).directive('sdCircularProgress', sdCircularProgress);
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(42)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(43)))
 
 /***/ }),
-/* 759 */
+/* 761 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"progress-bar-container\">\n    <div  class=\"progress-done\" ng-class=\"{'progress-done--completed': status === 'completed', 'progress-done--error': status === 'error'}\">\n        <i class=\"icon-ok\" ng-hide=\"status === 'error'\"></i>\n        <i class=\"icon-close-small\" ng-hide=\"status === 'completed'\"></i>\n    </div>\n    <span class=\"progress-text\" ng-if=\"counter\">{{value}}<em>%</em></span>\n    <svg class=\"progress-svg\">\n        <circle ng-attr-r=\"{{radius}}\" ng-attr-cx=\"50%\" ng-attr-cy=\"50%\"></circle>\n        <circle class=\"progressbar\" ng-attr-r=\"{{radius}}\" ng-attr-cx=\"50%\" ng-attr-cy=\"50%\" ng-style=\"{'stroke-dashoffset': dashOffset, 'stroke-dasharray': circumference}\"></circle>\n    </svg>\n</div>";
 
 /***/ }),
-/* 760 */
+/* 762 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124827,7 +124940,7 @@ function SplitterDirective($window) {
 angular.module('superdesk-ui.splitter', []).directive('sdSplitter', SplitterDirective);
 
 /***/ }),
-/* 761 */
+/* 763 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -124868,16 +124981,16 @@ function MediaQuery($window) {
 angular.module('superdesk-ui.mediaQuery', []).directive('sdMediaQuery', MediaQuery);
 
 /***/ }),
-/* 762 */
+/* 764 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-__webpack_require__(763);
+__webpack_require__(765);
 
 /***/ }),
-/* 763 */
+/* 765 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin