superdesk-ui-framework 3.0.0-rc12 → 3.0.0

package/dist/superdesk-ui.bundle.js

@@ -5769,7 +5769,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
 
 })));
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(50)(module)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(51)(module)))
 
 /***/ }),
 /* 2 */
@@ -5860,7 +5860,7 @@ exports.TableListItem = exports.TableList = exports.TreeSelect = exports.BottomN
 exports.MultiSelect = exports.ContentListItem = void 0;
 var HelloWorld_1 = __webpack_require__(278);
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
-var Button_1 = __webpack_require__(52);
+var Button_1 = __webpack_require__(53);
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
 var Input_1 = __webpack_require__(279);
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
@@ -5871,35 +5871,35 @@ var SelectWithTemplate_1 = __webpack_require__(289);
 Object.defineProperty(exports, "SelectWithTemplate", { enumerable: true, get: function () { return SelectWithTemplate_1.SelectWithTemplate; } });
 var Popover_1 = __webpack_require__(303);
 Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
-var Label_1 = __webpack_require__(86);
+var Label_1 = __webpack_require__(87);
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
-var Badge_1 = __webpack_require__(42);
+var Badge_1 = __webpack_require__(43);
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
 var Alert_1 = __webpack_require__(304);
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
-var Avatar_1 = __webpack_require__(43);
+var Avatar_1 = __webpack_require__(44);
 Object.defineProperty(exports, "AvatarWrapper", { enumerable: true, get: function () { return Avatar_1.AvatarWrapper; } });
-var Avatar_2 = __webpack_require__(43);
+var Avatar_2 = __webpack_require__(44);
 Object.defineProperty(exports, "AvatarContentText", { enumerable: true, get: function () { return Avatar_2.AvatarContentText; } });
-var Avatar_3 = __webpack_require__(43);
+var Avatar_3 = __webpack_require__(44);
 Object.defineProperty(exports, "AvatarContentImage", { enumerable: true, get: function () { return Avatar_3.AvatarContentImage; } });
-var Avatar_4 = __webpack_require__(43);
+var Avatar_4 = __webpack_require__(44);
 Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return Avatar_4.AvatarGroup; } });
-var IconButton_1 = __webpack_require__(44);
+var IconButton_1 = __webpack_require__(45);
 Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
 var IconLabel_1 = __webpack_require__(306);
 Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
 var Tooltip_1 = __webpack_require__(36);
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
-var DurationInput_1 = __webpack_require__(77);
+var DurationInput_1 = __webpack_require__(78);
 Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
-var DurationInput_2 = __webpack_require__(77);
+var DurationInput_2 = __webpack_require__(78);
 Object.defineProperty(exports, "getDurationString", { enumerable: true, get: function () { return DurationInput_2.getDurationString; } });
-var DatePicker_1 = __webpack_require__(56);
+var DatePicker_1 = __webpack_require__(57);
 Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
-var DatePicker_2 = __webpack_require__(56);
+var DatePicker_2 = __webpack_require__(57);
 Object.defineProperty(exports, "DatePickerISO", { enumerable: true, get: function () { return DatePicker_2.DatePickerISO; } });
-var DatePicker_3 = __webpack_require__(56);
+var DatePicker_3 = __webpack_require__(57);
 Object.defineProperty(exports, "DatePickerLocaleSettings", { enumerable: true, get: function () { return DatePicker_3.DatePickerLocaleSettings; } });
 var TimePicker_1 = __webpack_require__(265);
 Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
@@ -5911,7 +5911,7 @@ var SwitchGroup_1 = __webpack_require__(339);
 Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
 var ButtonGroup_1 = __webpack_require__(340);
 Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
-var Loader_1 = __webpack_require__(60);
+var Loader_1 = __webpack_require__(61);
 Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
 var RadioGroup_1 = __webpack_require__(341);
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
@@ -5950,15 +5950,15 @@ var ContentDivider_1 = __webpack_require__(371);
 Object.defineProperty(exports, "ContentDivider", { enumerable: true, get: function () { return ContentDivider_1.ContentDivider; } });
 var HeadingText_1 = __webpack_require__(372);
 Object.defineProperty(exports, "HeadingText", { enumerable: true, get: function () { return HeadingText_1.HeadingText; } });
-var DropdownFirst_1 = __webpack_require__(45);
+var DropdownFirst_1 = __webpack_require__(46);
 Object.defineProperty(exports, "DropdownFirst", { enumerable: true, get: function () { return DropdownFirst_1.DropdownFirst; } });
-var DropdownFirst_2 = __webpack_require__(45);
+var DropdownFirst_2 = __webpack_require__(46);
 Object.defineProperty(exports, "DropdownItem", { enumerable: true, get: function () { return DropdownFirst_2.DropdownItem; } });
-var DropdownFirst_3 = __webpack_require__(45);
+var DropdownFirst_3 = __webpack_require__(46);
 Object.defineProperty(exports, "DropdownLabel", { enumerable: true, get: function () { return DropdownFirst_3.DropdownLabel; } });
-var DropdownFirst_4 = __webpack_require__(45);
+var DropdownFirst_4 = __webpack_require__(46);
 Object.defineProperty(exports, "DropdownDivider", { enumerable: true, get: function () { return DropdownFirst_4.DropdownDivider; } });
-var Dropdown_1 = __webpack_require__(229);
+var Dropdown_1 = __webpack_require__(230);
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
 var Tag_1 = __webpack_require__(392);
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
@@ -5983,7 +5983,7 @@ var TagInputTest_1 = __webpack_require__(417);
 Object.defineProperty(exports, "TagInputTest", { enumerable: true, get: function () { return TagInputTest_1.TagInputTest; } });
 var GridList_1 = __webpack_require__(418);
 Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
-var GridItem_1 = __webpack_require__(72);
+var GridItem_1 = __webpack_require__(73);
 Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
 Object.defineProperty(exports, "GridItemContent", { enumerable: true, get: function () { return GridItem_1.GridItemContent; } });
 Object.defineProperty(exports, "GridItemMedia", { enumerable: true, get: function () { return GridItem_1.GridItemMedia; } });
@@ -6003,7 +6003,7 @@ var Menu_1 = __webpack_require__(423);
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
 var Togglebox_1 = __webpack_require__(428);
 Object.defineProperty(exports, "ToggleBox", { enumerable: true, get: function () { return Togglebox_1.ToggleBox; } });
-var SelectGrid_1 = __webpack_require__(246);
+var SelectGrid_1 = __webpack_require__(247);
 Object.defineProperty(exports, "SelectGrid", { enumerable: true, get: function () { return SelectGrid_1.SelectGrid; } });
 var IconPicker_1 = __webpack_require__(431);
 Object.defineProperty(exports, "IconPicker", { enumerable: true, get: function () { return IconPicker_1.IconPicker; } });
@@ -6018,14 +6018,14 @@ Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function ()
 var WithSizeObserver_1 = __webpack_require__(267);
 Object.defineProperty(exports, "WithSizeObserver", { enumerable: true, get: function () { return WithSizeObserver_1.WithSizeObserver; } });
 __exportStar(__webpack_require__(16), exports);
-__exportStar(__webpack_require__(14), exports);
-__exportStar(__webpack_require__(73), exports);
-__exportStar(__webpack_require__(78), exports);
-var Skeleton_1 = __webpack_require__(248);
+__exportStar(__webpack_require__(13), exports);
+__exportStar(__webpack_require__(50), exports);
+__exportStar(__webpack_require__(79), exports);
+var Skeleton_1 = __webpack_require__(249);
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
 var ListItemLoader_1 = __webpack_require__(479);
 Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
-var Spinner_1 = __webpack_require__(53);
+var Spinner_1 = __webpack_require__(54);
 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__(480);
@@ -6038,10 +6038,10 @@ var BottomNav_1 = __webpack_require__(268);
 Object.defineProperty(exports, "BottomNav", { enumerable: true, get: function () { return BottomNav_1.BottomNav; } });
 var TreeSelect_1 = __webpack_require__(269);
 Object.defineProperty(exports, "TreeSelect", { enumerable: true, get: function () { return TreeSelect_1.TreeSelect; } });
-var TableList_1 = __webpack_require__(79);
+var TableList_1 = __webpack_require__(74);
 Object.defineProperty(exports, "TableList", { enumerable: true, get: function () { return TableList_1.TableList; } });
 Object.defineProperty(exports, "TableListItem", { enumerable: true, get: function () { return TableList_1.TableListItem; } });
-var ContentList_1 = __webpack_require__(260);
+var ContentList_1 = __webpack_require__(80);
 Object.defineProperty(exports, "ContentListItem", { enumerable: true, get: function () { return ContentList_1.ContentListItem; } });
 var MultiSelect_1 = __webpack_require__(519);
 Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
@@ -7318,6 +7318,34 @@ exports.default = DomHandler;
 
 /***/ }),
 /* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormRowNew = exports.InputNew = exports.InputBase = exports.InputWrapper = exports.FormLabel = exports.FormText = exports.FormItem = exports.FormGroup = exports.FormRow = void 0;
+var FormRow_1 = __webpack_require__(280);
+Object.defineProperty(exports, "FormRow", { enumerable: true, get: function () { return FormRow_1.FormRow; } });
+var FormGroup_1 = __webpack_require__(281);
+Object.defineProperty(exports, "FormGroup", { enumerable: true, get: function () { return FormGroup_1.FormGroup; } });
+var FormItem_1 = __webpack_require__(282);
+Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
+var FormText_1 = __webpack_require__(283);
+Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
+var FormLabel_1 = __webpack_require__(49);
+Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
+var InputWrapper_1 = __webpack_require__(284);
+Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
+var InputBase_1 = __webpack_require__(285);
+Object.defineProperty(exports, "InputBase", { enumerable: true, get: function () { return InputBase_1.InputBase; } });
+var InputNew_1 = __webpack_require__(286);
+Object.defineProperty(exports, "InputNew", { enumerable: true, get: function () { return InputNew_1.InputNew; } });
+var FormRowNew_1 = __webpack_require__(287);
+Object.defineProperty(exports, "FormRowNew", { enumerable: true, get: function () { return FormRowNew_1.FormRowNew; } });
+
+
+/***/ }),
+/* 14 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7349,34 +7377,6 @@ function isShadowRoot(node) {
 
 
 
-/***/ }),
-/* 14 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormRowNew = exports.InputNew = exports.InputBase = exports.InputWrapper = exports.FormLabel = exports.FormText = exports.FormItem = exports.FormGroup = exports.FormRow = void 0;
-var FormRow_1 = __webpack_require__(280);
-Object.defineProperty(exports, "FormRow", { enumerable: true, get: function () { return FormRow_1.FormRow; } });
-var FormGroup_1 = __webpack_require__(281);
-Object.defineProperty(exports, "FormGroup", { enumerable: true, get: function () { return FormGroup_1.FormGroup; } });
-var FormItem_1 = __webpack_require__(282);
-Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
-var FormText_1 = __webpack_require__(283);
-Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
-var FormLabel_1 = __webpack_require__(49);
-Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
-var InputWrapper_1 = __webpack_require__(284);
-Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
-var InputBase_1 = __webpack_require__(285);
-Object.defineProperty(exports, "InputBase", { enumerable: true, get: function () { return InputBase_1.InputBase; } });
-var InputNew_1 = __webpack_require__(286);
-Object.defineProperty(exports, "InputNew", { enumerable: true, get: function () { return InputNew_1.InputNew; } });
-var FormRowNew_1 = __webpack_require__(287);
-Object.defineProperty(exports, "FormRowNew", { enumerable: true, get: function () { return FormRowNew_1.FormRowNew; } });
-
-
 /***/ }),
 /* 15 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -7445,7 +7445,7 @@ function toDate(argument) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NotificationPanel = exports.MainMenu = exports.BottomBarAction = exports.HamburgerButton = exports.CoreLayoutOverlay = exports.CoreLayoutFooter = exports.CoreLayoutSlideInMenu = exports.CoreLayoutMain = exports.CoreLayoutTopMenu = exports.CoreLayoutContainer = exports.CoreLayout = exports.AuthorinInnerSideBar = exports.AuthoringInnerBody = exports.AuthoringInnerHeader = exports.AuthoringMainContent = exports.AuthoringMainToolBar = exports.AuthoringMainContainer = exports.AuthoringMain = exports.AuthoringFrame = exports.AuthoringFrameOverlay = exports.AuthoringFrameSidePanelOverlay = exports.AuthoringFrameSidePanel = exports.AuthoringFrameRightBar = exports.AuthoringFrameLeftBar = exports.AuthoringFrameNavBar = exports.AuthoringFrameMain = exports.AuthoringFrameContainer = exports.Container = exports.PageLayout = exports.ContentSplitter = exports.AuthoringContainer = exports.OverlayPanel = exports.RightPanel = exports.LeftPanel = exports.IMainPanelProps = exports.MainPanel = exports.HeaderPanel = exports.LayoutContainer = exports.Layout = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = exports.PanelContentBlock = exports.PanelContent = exports.PanelHeader = exports.Panel = void 0;
-var Panel_1 = __webpack_require__(247);
+var Panel_1 = __webpack_require__(248);
 Object.defineProperty(exports, "Panel", { enumerable: true, get: function () { return Panel_1.Panel; } });
 Object.defineProperty(exports, "PanelHeader", { enumerable: true, get: function () { return Panel_1.PanelHeader; } });
 Object.defineProperty(exports, "PanelContent", { enumerable: true, get: function () { return Panel_1.PanelContent; } });
@@ -8490,7 +8490,7 @@ function getBasePlacement(placement) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentElement;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__instanceOf_js__ = __webpack_require__(14);
 
 function getDocumentElement(element) {
   // $FlowFixMe[incompatible-return]: assume body is always available
@@ -8613,11 +8613,11 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "ReplaceTransition", function() { return __WEBPACK_IMPORTED_MODULE_1__ReplaceTransition__["a"]; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__SwitchTransition__ = __webpack_require__(302);
 /* 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__(85);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__TransitionGroup__ = __webpack_require__(86);
 /* 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__(54);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Transition__ = __webpack_require__(55);
 /* 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__(82);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(83);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "config", function() { return __WEBPACK_IMPORTED_MODULE_5__config__["a"]; });
 
 
@@ -25901,7 +25901,7 @@ if (process.env.NODE_ENV !== 'production') {
   }
 }.call(this));
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(50)(module)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(51)(module)))
 
 /***/ }),
 /* 34 */
@@ -26065,7 +26065,7 @@ var TooltipAppended = function (_a) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getBoundingClientRect;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__instanceOf_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_math_js__ = __webpack_require__(31);
 
 
@@ -26113,9 +26113,9 @@ function getBoundingClientRect(element, includeScale) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeName_js__ = __webpack_require__(30);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getComputedStyle_js__ = __webpack_require__(34);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__isTableElement_js__ = __webpack_require__(373);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getParentNode_js__ = __webpack_require__(46);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getParentNode_js__ = __webpack_require__(47);
 
 
 
@@ -26200,12 +26200,12 @@ function getVariation(placement) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getClippingRect_js__ = __webpack_require__(376);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getDocumentElement_js__ = __webpack_require__(24);
 /* 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__(240);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__rectToClientRect_js__ = __webpack_require__(239);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__computeOffsets_js__ = __webpack_require__(241);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__rectToClientRect_js__ = __webpack_require__(240);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__enums_js__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_instanceOf_js__ = __webpack_require__(13);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__mergePaddingObject_js__ = __webpack_require__(234);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__expandToHashMap_js__ = __webpack_require__(236);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_instanceOf_js__ = __webpack_require__(14);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__mergePaddingObject_js__ = __webpack_require__(235);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__expandToHashMap_js__ = __webpack_require__(237);
 
 
 
@@ -26271,7 +26271,8 @@ function detectOverflow(state, options) {
 }
 
 /***/ }),
-/* 41 */
+/* 41 */,
+/* 42 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -37159,7 +37160,7 @@ return jQuery;
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37232,7 +37233,7 @@ exports.Badge = Badge;
 
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37355,7 +37356,7 @@ exports.AvatarWrapper = AvatarWrapper;
 
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37428,7 +37429,7 @@ exports.IconButton = IconButton;
 
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37621,14 +37622,14 @@ exports.DropdownFirst.Footer = exports.DropdownFooter;
 
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getParentNode;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(30);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(14);
 
 
 
@@ -37650,7 +37651,6 @@ function getParentNode(element) {
 }
 
 /***/ }),
-/* 47 */,
 /* 48 */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -37736,6 +37736,22 @@ exports.FormLabel = FormLabel;
 
 /***/ }),
 /* 50 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickNavBar = exports.SideBarTabs = exports.SideBarMenu = void 0;
+var SideBarMenu_1 = __webpack_require__(474);
+Object.defineProperty(exports, "SideBarMenu", { enumerable: true, get: function () { return SideBarMenu_1.SideBarMenu; } });
+var SideBarTabs_1 = __webpack_require__(475);
+Object.defineProperty(exports, "SideBarTabs", { enumerable: true, get: function () { return SideBarTabs_1.SideBarTabs; } });
+var QuickNavBar_1 = __webpack_require__(476);
+Object.defineProperty(exports, "QuickNavBar", { enumerable: true, get: function () { return QuickNavBar_1.QuickNavBar; } });
+
+
+/***/ }),
+/* 51 */
 /***/ (function(module, exports) {
 
 module.exports = function(module) {
@@ -37763,7 +37779,7 @@ module.exports = function(module) {
 
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37782,7 +37798,7 @@ module.exports = ReactPropTypesSecret;
 
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37829,7 +37845,7 @@ 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__(53);
+var Spinner_1 = __webpack_require__(54);
 var Button = /** @class */ (function (_super) {
     __extends(Button, _super);
     function Button() {
@@ -37860,7 +37876,7 @@ exports.Button = Button;
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -37938,7 +37954,7 @@ exports.Spinner = Spinner;
 
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -37955,10 +37971,10 @@ exports.Spinner = Spinner;
 /* 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___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_dom__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(82);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_PropTypes__ = __webpack_require__(83);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__TransitionGroupContext__ = __webpack_require__(55);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_reflow__ = __webpack_require__(84);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(83);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_PropTypes__ = __webpack_require__(84);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__TransitionGroupContext__ = __webpack_require__(56);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_reflow__ = __webpack_require__(85);
 
 
 
@@ -38587,7 +38603,7 @@ Transition.EXITING = EXITING;
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 55 */
+/* 56 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -38597,7 +38613,7 @@ Transition.EXITING = EXITING;
 /* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext(null));
 
 /***/ }),
-/* 56 */
+/* 57 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -38659,7 +38675,7 @@ var calendar_1 = __webpack_require__(333);
 var lodash_1 = __webpack_require__(33);
 // import classNames from 'classnames';
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
-var Form_1 = __webpack_require__(14);
+var Form_1 = __webpack_require__(13);
 var internalPrimereactClassnames = {
     overlayVisible: 'p-input-overlay-visible',
 };
@@ -38742,9 +38758,9 @@ var DatePicker = /** @class */ (function (_super) {
                         // updating internal state so a user can continue typing and enter a valid value
                         _this.setState({ value: event.value, valid: false });
                     }
-                }, locale: locale, dateFormat: this.props.dateFormat.replace('YYYY', 'yy').replace('MM', 'mm').replace('DD', 'dd'), showIcon: true, icon: "icon-calendar", headerTemplate: function () { return _this.props.shortcuts == null ? null : (React.createElement("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between', marginBottom: 10 } }, _this.props.shortcuts.map(function (_a, i) {
+                }, locale: locale, dateFormat: this.props.dateFormat.replace('YYYY', 'yy').replace('MM', 'mm').replace('DD', 'dd'), showIcon: true, icon: "icon-calendar", headerTemplate: function () { return _this.props.headerButtonBar == null ? null : (React.createElement("div", { className: "datepicker-header-toolbar" }, _this.props.headerButtonBar.map(function (_a, i) {
                     var label = _a.label, days = _a.days;
-                    return (React.createElement("button", { key: i, className: "btn btn--hollow btn--small", onClick: function () {
+                    return (React.createElement("button", { key: i, className: "btn btn--small", onClick: function () {
                             _this.props.onChange((0, addDays_1.default)(new Date(), days));
                             if (_this.instance != null && typeof _this.instance.hideOverlay === 'function') {
                                 _this.instance.hideOverlay();
@@ -38779,7 +38795,7 @@ var DatePickerISO = /** @class */ (function (_super) {
                 else {
                     _this.props.onChange((0, format_1.default)(value, 'yyyy-MM-dd'));
                 }
-            }, disabled: this.props.disabled, shortcuts: this.props.shortcuts, dateFormat: this.props.dateFormat, locale: this.props.locale, inlineLabel: this.props.inlineLabel, required: this.props.required, fullWidth: this.props.fullWidth, invalid: this.props.invalid, labelHidden: this.props.labelHidden, tabindex: this.props.tabindex, label: this.props.label, info: this.props.info, error: this.props.error }));
+            }, disabled: this.props.disabled, headerButtonBar: this.props.headerButtonBar, dateFormat: this.props.dateFormat, locale: this.props.locale, inlineLabel: this.props.inlineLabel, required: this.props.required, fullWidth: this.props.fullWidth, invalid: this.props.invalid, labelHidden: this.props.labelHidden, tabindex: this.props.tabindex, label: this.props.label, info: this.props.info, error: this.props.error }));
     };
     return DatePickerISO;
 }(React.PureComponent));
@@ -38787,7 +38803,7 @@ exports.DatePickerISO = DatePickerISO;
 
 
 /***/ }),
-/* 57 */
+/* 58 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -38811,7 +38827,7 @@ function startOfUTCISOWeek(dirtyDate) {
 }
 
 /***/ }),
-/* 58 */
+/* 59 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -38846,7 +38862,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
 }
 
 /***/ }),
-/* 59 */
+/* 60 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -39026,7 +39042,7 @@ _defineProperty(InputText, "propTypes", {
 });
 
 /***/ }),
-/* 60 */
+/* 61 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -39087,7 +39103,7 @@ exports.Loader = Loader;
 
 
 /***/ }),
-/* 61 */
+/* 62 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -39117,7 +39133,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "write", function() { return __WEBPACK_IMPORTED_MODULE_0__enums_js__["x"]; });
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "afterWrite", function() { return __WEBPACK_IMPORTED_MODULE_0__enums_js__["c"]; });
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "modifierPhases", function() { return __WEBPACK_IMPORTED_MODULE_0__enums_js__["n"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__ = __webpack_require__(230);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__ = __webpack_require__(231);
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "applyStyles", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["a"]; });
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "arrow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["b"]; });
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "computeStyles", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["c"]; });
@@ -39127,13 +39143,13 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "offset", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["g"]; });
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "popperOffsets", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["h"]; });
 /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "preventOverflow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["i"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(71);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(72);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__popper_js__ = __webpack_require__(391);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopper", function() { return __WEBPACK_IMPORTED_MODULE_3__popper_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__popper_lite_js__ = __webpack_require__(244);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__popper_lite_js__ = __webpack_require__(245);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperLite", function() { return __WEBPACK_IMPORTED_MODULE_4__popper_lite_js__["a"]; });
 
  // eslint-disable-next-line import/no-unused-modules
@@ -39145,12 +39161,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 
 
 /***/ }),
-/* 62 */
+/* 63 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getNodeName_js__ = __webpack_require__(30);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_instanceOf_js__ = __webpack_require__(14);
 
  // This modifier takes the styles prepared by the `computeStyles` modifier
 // and applies them to the HTMLElements such as popper and arrow
@@ -39237,7 +39253,7 @@ function effect(_ref2) {
 });
 
 /***/ }),
-/* 63 */
+/* 64 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -39270,7 +39286,7 @@ function getLayoutRect(element) {
 }
 
 /***/ }),
-/* 64 */
+/* 65 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -39280,7 +39296,7 @@ function getMainAxisFromPlacement(placement) {
 }
 
 /***/ }),
-/* 65 */
+/* 66 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -39477,7 +39493,7 @@ function computeStyles(_ref5) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 66 */
+/* 67 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -39533,14 +39549,14 @@ function effect(_ref) {
 });
 
 /***/ }),
-/* 67 */
+/* 68 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(68);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(69);
 
 
 
@@ -39556,7 +39572,7 @@ function getWindowScrollBarX(element) {
 }
 
 /***/ }),
-/* 68 */
+/* 69 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -39574,7 +39590,7 @@ function getWindowScroll(node) {
 }
 
 /***/ }),
-/* 69 */
+/* 70 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -39592,11 +39608,11 @@ function isScrollParent(element) {
 }
 
 /***/ }),
-/* 70 */
+/* 71 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_computeOffsets_js__ = __webpack_require__(240);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_computeOffsets_js__ = __webpack_require__(241);
 
 
 function popperOffsets(_ref) {
@@ -39624,15 +39640,15 @@ function popperOffsets(_ref) {
 });
 
 /***/ }),
-/* 71 */
+/* 72 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(382);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(238);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(64);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(239);
 /* 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__(385);
@@ -39642,7 +39658,7 @@ function popperOffsets(_ref) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_getBasePlacement_js__ = __webpack_require__(23);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_mergeByName_js__ = __webpack_require__(390);
 /* 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__(13);
+/* 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"]; });
 
@@ -39907,7 +39923,7 @@ var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line i
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 72 */
+/* 73 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -40129,28 +40145,267 @@ exports.default = GridItem;
 
 
 /***/ }),
-/* 73 */
+/* 74 */
 /***/ (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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.QuickNavBar = exports.SideBarTabs = exports.SideBarMenu = void 0;
-var SideBarMenu_1 = __webpack_require__(474);
-Object.defineProperty(exports, "SideBarMenu", { enumerable: true, get: function () { return SideBarMenu_1.SideBarMenu; } });
-var SideBarTabs_1 = __webpack_require__(475);
-Object.defineProperty(exports, "SideBarTabs", { enumerable: true, get: function () { return SideBarTabs_1.SideBarTabs; } });
-var QuickNavBar_1 = __webpack_require__(476);
-Object.defineProperty(exports, "QuickNavBar", { enumerable: true, get: function () { return QuickNavBar_1.QuickNavBar; } });
+exports.TableListItem = exports.TableList = void 0;
+var React = __importStar(__webpack_require__(0));
+var classnames_1 = __importDefault(__webpack_require__(2));
+var react_beautiful_dnd_1 = __webpack_require__(494);
+var Tooltip_1 = __webpack_require__(36);
+var Button_1 = __webpack_require__(53);
+var Dropdown_1 = __webpack_require__(230);
+var react_dom_1 = __importDefault(__webpack_require__(7));
+var reorder = function (list, startIndex, endIndex) {
+    var result = Array.from(list);
+    var removed = result.splice(startIndex, 1)[0];
+    result.splice(endIndex, 0, removed);
+    return result;
+};
+var TableList = /** @class */ (function (_super) {
+    __extends(TableList, _super);
+    function TableList(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            items: [],
+        };
+        _this.onDragEnd = _this.onDragEnd.bind(_this);
+        _this.dropDown = _this.dropDown.bind(_this);
+        return _this;
+    }
+    TableList.prototype.componentDidMount = function () {
+        if (this.props.array) {
+            this.setState({ items: this.props.array });
+        }
+    };
+    TableList.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.array) {
+            if (prevProps.array !== this.props.array) {
+                this.setState({
+                    items: this.props.array,
+                });
+            }
+        }
+    };
+    TableList.prototype.onDragEnd = function (result) {
+        if (!result.destination) {
+            return;
+        }
+        var items = reorder(this.state.items, result.source.index, result.destination.index);
+        this.setState({
+            items: items,
+        });
+        return this.props.onDrag ?
+            this.props.onDrag(result.source.index, result.destination.index) : null;
+    };
+    TableList.prototype.dropDown = function () {
+        return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
+            React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } })));
+    };
+    TableList.prototype.render = function () {
+        var _a;
+        var _this = this;
+        var classes = (0, classnames_1.default)('', (_a = {
+                'table-list': !this.props.addItem,
+                'table-list--read-only': this.props.readOnly
+            },
+            _a["".concat(this.props.className)] = this.props.className,
+            _a));
+        return (this.state.items.length > 0
+            ? this.props.dragAndDrop
+                ? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
+                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: 'list', className: classes, ref: provided.innerRef }, provided.droppableProps),
+                        _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, snapshot) { return (_this.props.append
+                            ? React.createElement(PortalItem, { provided: provided2, snapshot: snapshot, item: item, index: index, dragAndDrop: _this.props.dragAndDrop, showDragHandle: _this.props.showDragHandle, addItem: _this.props.addItem, onAddItem: function () { return _this.props.onAddItem
+                                    && _this.props.onAddItem(index, item); }, itemsDropdown: function () { return _this.props.itemsDropdown
+                                    ? _this.props.itemsDropdown(index)
+                                    : []; } })
+                            : React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
+                                React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
+                                        ? item.onDoubleClick
+                                        : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
+                                        ? _this.props.itemsDropdown(index)
+                                        : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
+                                        && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
+                        provided.placeholder,
+                        (_this.props.addItem && !_this.props.readOnly) &&
+                            React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                                React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
+                                    React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
+                : React.createElement("div", { role: 'list', className: classes },
+                    this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
+                            ? item.onDoubleClick
+                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
+                            && _this.props.onAddItem(index, item); } })); }),
+                    (this.props.addItem && !this.props.readOnly) &&
+                        React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                            React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
+                                React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
+            : (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
+                React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                    React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
+                        React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
+                : null);
+    };
+    return TableList;
+}(React.PureComponent));
+exports.TableList = TableList;
+var TableListItem = /** @class */ (function (_super) {
+    __extends(TableListItem, _super);
+    function TableListItem() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.delay = 200;
+        _this.prevent = false;
+        _this.onSingleClick = function () {
+            var selection = window.getSelection();
+            _this.timer = setTimeout(function () {
+                if (!_this.prevent && _this.props.onClick && selection) {
+                    if (_this.props.dragAndDrop) {
+                        _this.props.onClick();
+                    }
+                    else {
+                        if (selection.toString().length < 1) {
+                            _this.props.onClick();
+                        }
+                    }
+                }
+            }, _this.delay);
+        };
+        _this.onDoubleClick = function () {
+            clearTimeout(_this.timer);
+            _this.prevent = true;
+            if (_this.props.onDoubleClick) {
+                _this.props.onDoubleClick();
+            }
+            setTimeout(function () {
+                _this.prevent = false;
+            }, _this.delay);
+        };
+        _this.onActionMenuClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        };
+        return _this;
+    }
+    TableListItem.prototype.render = function () {
+        var _this = this;
+        var classes = (0, classnames_1.default)('table-list__item', {
+            'table-list__item--clickable': this.props.onClick,
+            'table-list__item--draggable': this.props.dragAndDrop,
+            'table-list__item--locked': this.props.locked,
+            'table-list__item--position-locked': this.props.positionLocked,
+            'table-list__item--drag-handles-always': !this.props.showDragHandle,
+            'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
+        });
+        return (this.props.addItem ?
+            React.createElement("div", { className: 'table-list__item-container' },
+                React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
+                    React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
+                    React.createElement("div", { className: 'table-list__item-content' },
+                        React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
+                        React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
+                        React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
+                    this.props.action &&
+                        React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
+                React.createElement("div", { className: 'table-list__add-bar-container' },
+                    React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
+                        React.createElement("div", { className: 'table-list__add-bar' },
+                            React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
+                                React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
+            : React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
+                React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
+                React.createElement("div", { className: 'table-list__item-content' },
+                    React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
+                    React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
+                    React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
+                this.props.action &&
+                    React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)));
+    };
+    return TableListItem;
+}(React.PureComponent));
+exports.TableListItem = TableListItem;
+var PortalItem = /** @class */ (function (_super) {
+    __extends(PortalItem, _super);
+    function PortalItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PortalItem.prototype.render = function () {
+        var _this = this;
+        var provided = this.props.provided;
+        var snapshot = this.props.snapshot;
+        var usePortal = snapshot.isDragging;
+        var child = (React.createElement("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
+            React.createElement(TableListItem, { dragAndDrop: this.props.dragAndDrop, start: this.props.item.start, center: this.props.item.center, end: this.props.item.end, action: this.props.item.action, onClick: this.props.item.onClick ? this.props.item.onClick : undefined, onDoubleClick: this.props.item.onDoubleClick
+                    ? this.props.item.onDoubleClick
+                    : undefined, addItem: this.props.addItem, itemsDropdown: this.props.itemsDropdown, hexColor: this.props.item.hexColor, locked: this.props.item.locked, positionLocked: this.props.item.positionLocked, onAddItem: function () { return _this.props.onAddItem; }, showDragHandle: this.props.showDragHandle })));
+        if (!usePortal) {
+            return child;
+        }
+        // if dragging - put the item in a portal
+        return react_dom_1.default.createPortal(child, document.body);
+    };
+    return PortalItem;
+}(React.PureComponent));
 
 
 /***/ }),
-/* 74 */
+/* 75 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = createSubscription;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__batch__ = __webpack_require__(252);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__batch__ = __webpack_require__(253);
  // encapsulates the subscription logic for connecting a component to the redux store, as
 // well as nesting subscriptions of descendant components, so that we can ensure the
 // ancestor components re-render before descendants
@@ -40279,7 +40534,7 @@ function createSubscription(store, parentSub) {
 }
 
 /***/ }),
-/* 75 */
+/* 76 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -40298,7 +40553,7 @@ function createSubscription(store, parentSub) {
 var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? __WEBPACK_IMPORTED_MODULE_0_react__["useLayoutEffect"] : __WEBPACK_IMPORTED_MODULE_0_react__["useEffect"];
 
 /***/ }),
-/* 76 */
+/* 77 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -40322,7 +40577,7 @@ function invariant(condition, message) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 77 */
+/* 78 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -40370,7 +40625,7 @@ var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
 var moment_1 = __importDefault(__webpack_require__(1));
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
-var Form_1 = __webpack_require__(14);
+var Form_1 = __webpack_require__(13);
 var DurationInput = /** @class */ (function (_super) {
     __extends(DurationInput, _super);
     function DurationInput(props) {
@@ -40693,7 +40948,7 @@ exports.getDurationString = getDurationString;
 
 
 /***/ }),
-/* 78 */
+/* 79 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -40710,7 +40965,7 @@ Object.defineProperty(exports, "BoxedListContentRow", { enumerable: true, get: f
 
 
 /***/ }),
-/* 79 */
+/* 80 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -40730,17 +40985,6 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -40764,118 +41008,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableListItem = exports.TableList = void 0;
+exports.ContentListItem = exports.ContentList = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_beautiful_dnd_1 = __webpack_require__(494);
-var Tooltip_1 = __webpack_require__(36);
-var Button_1 = __webpack_require__(52);
-var Dropdown_1 = __webpack_require__(229);
-var react_dom_1 = __importDefault(__webpack_require__(7));
-var reorder = function (list, startIndex, endIndex) {
-    var result = Array.from(list);
-    var removed = result.splice(startIndex, 1)[0];
-    result.splice(endIndex, 0, removed);
-    return result;
-};
-var TableList = /** @class */ (function (_super) {
-    __extends(TableList, _super);
-    function TableList(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            items: [],
-        };
-        _this.onDragEnd = _this.onDragEnd.bind(_this);
-        _this.dropDown = _this.dropDown.bind(_this);
-        return _this;
-    }
-    TableList.prototype.componentDidMount = function () {
-        if (this.props.array) {
-            this.setState({ items: this.props.array });
-        }
-    };
-    TableList.prototype.componentDidUpdate = function (prevProps) {
-        if (this.props.array) {
-            if (prevProps.array !== this.props.array) {
-                this.setState({
-                    items: this.props.array,
-                });
-            }
-        }
-    };
-    TableList.prototype.onDragEnd = function (result) {
-        if (!result.destination) {
-            return;
-        }
-        var items = reorder(this.state.items, result.source.index, result.destination.index);
-        this.setState({
-            items: items,
-        });
-        return this.props.onDrag ?
-            this.props.onDrag(result.source.index, result.destination.index) : null;
-    };
-    TableList.prototype.dropDown = function () {
-        return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
-            React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } })));
-    };
-    TableList.prototype.render = function () {
-        var _a;
-        var _this = this;
-        var classes = (0, classnames_1.default)('', (_a = {
-                'table-list': !this.props.addItem,
-                'table-list--read-only': this.props.readOnly
-            },
-            _a["".concat(this.props.className)] = this.props.className,
-            _a));
-        return (this.state.items.length > 0
-            ? this.props.dragAndDrop
-                ? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
-                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: 'list', className: classes, ref: provided.innerRef }, provided.droppableProps),
-                        _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, snapshot) { return (_this.props.append
-                            ? React.createElement(PortalItem, { provided: provided2, snapshot: snapshot, item: item, index: index, dragAndDrop: _this.props.dragAndDrop, showDragHandle: _this.props.showDragHandle, addItem: _this.props.addItem, onAddItem: function () { return _this.props.onAddItem
-                                    && _this.props.onAddItem(index, item); }, itemsDropdown: function () { return _this.props.itemsDropdown
-                                    ? _this.props.itemsDropdown(index)
-                                    : []; } })
-                            : React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
-                                React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
-                                        ? item.onDoubleClick
-                                        : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
-                                        ? _this.props.itemsDropdown(index)
-                                        : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
-                                        && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
-                        provided.placeholder,
-                        (_this.props.addItem && !_this.props.readOnly) &&
-                            React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
-                                React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
-                                    React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
-                : React.createElement("div", { role: 'list', className: classes },
-                    this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
-                            ? item.onDoubleClick
-                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
-                            && _this.props.onAddItem(index, item); } })); }),
-                    (this.props.addItem && !this.props.readOnly) &&
-                        React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
-                            React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
-                                React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
-            : (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
-                React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
-                    React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
-                        React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
-                : null);
-    };
-    return TableList;
-}(React.PureComponent));
-exports.TableList = TableList;
-var TableListItem = /** @class */ (function (_super) {
-    __extends(TableListItem, _super);
-    function TableListItem() {
+var ContentListItem = /** @class */ (function (_super) {
+    __extends(ContentListItem, _super);
+    function ContentListItem() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.delay = 200;
         _this.prevent = false;
         _this.onSingleClick = function () {
+            var selection = window.getSelection();
             _this.timer = setTimeout(function () {
-                if (!_this.prevent) {
-                    if (_this.props.onClick) {
+                if (!_this.prevent && _this.props.onClick && selection) {
+                    if (selection.toString().length < 1) {
                         _this.props.onClick();
                     }
                 }
@@ -40897,74 +41043,54 @@ var TableListItem = /** @class */ (function (_super) {
         };
         return _this;
     }
-    TableListItem.prototype.render = function () {
-        var _this = this;
-        var classes = (0, classnames_1.default)('table-list__item', {
-            'table-list__item--clickable': this.props.onClick,
-            'table-list__item--draggable': this.props.dragAndDrop,
-            'table-list__item--locked': this.props.locked,
-            'table-list__item--position-locked': this.props.positionLocked,
-            'table-list__item--drag-handles-always': !this.props.showDragHandle,
-            'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
+    ContentListItem.prototype.render = function () {
+        var classes = (0, classnames_1.default)('sd-list-item sd-shadow--z1', {
+            'sd-list-item--activated': this.props.activated,
+            'sd-list-item--selected': this.props.selected,
+            'fetched': this.props.archived,
+            'actioning': this.props.loading,
         });
-        return (this.props.addItem ?
-            React.createElement("div", { className: 'table-list__item-container' },
-                React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
-                    React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
-                    React.createElement("div", { className: 'table-list__item-content' },
-                        React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
-                        React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
-                        React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
-                    this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
-                React.createElement("div", { className: 'table-list__add-bar-container' },
-                    React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
-                        React.createElement("div", { className: 'table-list__add-bar' },
-                            React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
-                                React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
-            : React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
-                React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
-                React.createElement("div", { className: 'table-list__item-content' },
-                    React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
-                    React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
-                    React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
-                this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)));
+        return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
+            this.props.locked
+                ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
+                : React.createElement("div", { className: "sd-list-item__border" }),
+            this.props.itemColum.map(function (item, index) {
+                return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
+                    return (item.itemRow.length <= 1
+                        ? React.createElement(React.Fragment, { key: i }, e.content)
+                        : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
+                }));
+            }),
+            React.createElement("div", { className: "sd-list-item__action-menu", onClick: this.onActionMenuClick }, this.props.action)));
     };
-    return TableListItem;
+    return ContentListItem;
 }(React.PureComponent));
-exports.TableListItem = TableListItem;
-var PortalItem = /** @class */ (function (_super) {
-    __extends(PortalItem, _super);
-    function PortalItem() {
+exports.ContentListItem = ContentListItem;
+var ContentList = /** @class */ (function (_super) {
+    __extends(ContentList, _super);
+    function ContentList() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    PortalItem.prototype.render = function () {
-        var _this = this;
-        var provided = this.props.provided;
-        var snapshot = this.props.snapshot;
-        var usePortal = snapshot.isDragging;
-        var child = (React.createElement("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
-            React.createElement(TableListItem, { dragAndDrop: this.props.dragAndDrop, start: this.props.item.start, center: this.props.item.center, end: this.props.item.end, action: this.props.item.action, onClick: this.props.item.onClick ? this.props.item.onClick : undefined, onDoubleClick: this.props.item.onDoubleClick
-                    ? this.props.item.onDoubleClick
-                    : undefined, addItem: this.props.addItem, itemsDropdown: this.props.itemsDropdown, hexColor: this.props.item.hexColor, locked: this.props.item.locked, positionLocked: this.props.item.positionLocked, onAddItem: function () { return _this.props.onAddItem; }, showDragHandle: this.props.showDragHandle })));
-        if (!usePortal) {
-            return child;
-        }
-        // if dragging - put the item in a portal
-        return react_dom_1.default.createPortal(child, document.body);
+    ContentList.prototype.render = function () {
+        var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
+        return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
+            return React.createElement(ContentListItem, { key: index, itemColum: item.itemColum, locked: item.locked, action: item.action, loading: item.loading, activated: item.activated, selected: item.selected, archived: item.archived, onClick: item.onClick, onDoubleClick: item.onDoubleClick });
+        })));
     };
-    return PortalItem;
+    return ContentList;
 }(React.PureComponent));
+exports.ContentList = ContentList;
 
 
 /***/ }),
-/* 80 */
+/* 81 */
 /***/ (function(module, exports) {
 
 module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
 
 
 /***/ }),
-/* 81 */
+/* 82 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -41196,7 +41322,7 @@ var FilterUtils = /*#__PURE__*/function () {
 exports.default = FilterUtils;
 
 /***/ }),
-/* 82 */
+/* 83 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -41205,7 +41331,7 @@ exports.default = FilterUtils;
 });
 
 /***/ }),
-/* 83 */
+/* 84 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -41234,7 +41360,7 @@ var classNamesShape = process.env.NODE_ENV !== 'production' ? __WEBPACK_IMPORTED
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 84 */
+/* 85 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -41244,7 +41370,7 @@ var forceReflow = function forceReflow(node) {
 };
 
 /***/ }),
-/* 85 */
+/* 86 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -41256,7 +41382,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__(55);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__TransitionGroupContext__ = __webpack_require__(56);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_ChildMapping__ = __webpack_require__(301);
 
 
@@ -41450,7 +41576,7 @@ TransitionGroup.defaultProps = defaultProps;
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 86 */
+/* 87 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -41555,7 +41681,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 87 */
+/* 88 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -41642,7 +41768,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 88 */
+/* 89 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -41847,7 +41973,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 89 */
+/* 90 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42019,7 +42145,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 90 */
+/* 91 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42090,7 +42216,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 91 */
+/* 92 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42277,7 +42403,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 92 */
+/* 93 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42349,7 +42475,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 93 */
+/* 94 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42470,7 +42596,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 94 */
+/* 95 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42541,7 +42667,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 95 */
+/* 96 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42659,7 +42785,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 96 */
+/* 97 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42817,7 +42943,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 97 */
+/* 98 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42920,7 +43046,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 98 */
+/* 99 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -42987,7 +43113,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 99 */
+/* 100 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -43122,7 +43248,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 100 */
+/* 101 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -43267,7 +43393,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 101 */
+/* 102 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -43407,7 +43533,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 102 */
+/* 103 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -43591,7 +43717,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 103 */
+/* 104 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -43757,7 +43883,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 104 */
+/* 105 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -43873,7 +43999,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 105 */
+/* 106 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44069,7 +44195,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 106 */
+/* 107 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44148,7 +44274,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 107 */
+/* 108 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44262,7 +44388,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 108 */
+/* 109 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44331,7 +44457,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 109 */
+/* 110 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44425,7 +44551,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 110 */
+/* 111 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44520,7 +44646,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 111 */
+/* 112 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44612,7 +44738,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 112 */
+/* 113 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44718,7 +44844,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 113 */
+/* 114 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44840,7 +44966,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 114 */
+/* 115 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -44924,7 +45050,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 115 */
+/* 116 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45004,7 +45130,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 116 */
+/* 117 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45088,7 +45214,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 117 */
+/* 118 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45172,7 +45298,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 118 */
+/* 119 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45252,7 +45378,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 119 */
+/* 120 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45336,7 +45462,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 120 */
+/* 121 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45420,7 +45546,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 121 */
+/* 122 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45504,7 +45630,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 122 */
+/* 123 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45588,7 +45714,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 123 */
+/* 124 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45714,7 +45840,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 124 */
+/* 125 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45838,7 +45964,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 125 */
+/* 126 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -45964,7 +46090,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 126 */
+/* 127 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46090,7 +46216,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 127 */
+/* 128 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46184,7 +46310,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 128 */
+/* 129 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46265,7 +46391,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 129 */
+/* 130 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46394,7 +46520,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 130 */
+/* 131 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46534,7 +46660,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 131 */
+/* 132 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46608,7 +46734,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 132 */
+/* 133 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46681,7 +46807,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 133 */
+/* 134 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46805,7 +46931,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 134 */
+/* 135 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46891,7 +47017,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 135 */
+/* 136 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -46981,7 +47107,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 136 */
+/* 137 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -47072,7 +47198,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 137 */
+/* 138 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -47183,7 +47309,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 138 */
+/* 139 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -47294,7 +47420,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 139 */
+/* 140 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -47385,7 +47511,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 140 */
+/* 141 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -47527,7 +47653,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 141 */
+/* 142 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -47667,7 +47793,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 142 */
+/* 143 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -47805,7 +47931,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 143 */
+/* 144 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -47915,7 +48041,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 144 */
+/* 145 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -48099,7 +48225,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 145 */
+/* 146 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -48271,7 +48397,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 146 */
+/* 147 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -48405,7 +48531,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 147 */
+/* 148 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -48515,7 +48641,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 148 */
+/* 149 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -48607,7 +48733,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 149 */
+/* 150 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -48763,7 +48889,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 150 */
+/* 151 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -48885,7 +49011,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 151 */
+/* 152 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -48965,7 +49091,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 152 */
+/* 153 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -49129,7 +49255,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 153 */
+/* 154 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -49221,7 +49347,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 154 */
+/* 155 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -49329,7 +49455,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 155 */
+/* 156 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -49427,7 +49553,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 156 */
+/* 157 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -49546,7 +49672,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 157 */
+/* 158 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -49686,7 +49812,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 158 */
+/* 159 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -49777,7 +49903,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 159 */
+/* 160 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -49911,7 +50037,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 160 */
+/* 161 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50011,7 +50137,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 161 */
+/* 162 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50164,7 +50290,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 162 */
+/* 163 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50246,7 +50372,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 163 */
+/* 164 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50387,7 +50513,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 164 */
+/* 165 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50497,7 +50623,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 165 */
+/* 166 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50630,7 +50756,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 166 */
+/* 167 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50706,7 +50832,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 167 */
+/* 168 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50808,7 +50934,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 168 */
+/* 169 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -50906,7 +51032,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 169 */
+/* 170 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51022,7 +51148,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 170 */
+/* 171 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51241,7 +51367,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 171 */
+/* 172 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51332,7 +51458,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 172 */
+/* 173 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51424,7 +51550,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 173 */
+/* 174 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51496,7 +51622,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 174 */
+/* 175 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51603,7 +51729,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 175 */
+/* 176 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51679,7 +51805,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 176 */
+/* 177 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51816,7 +51942,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 177 */
+/* 178 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -51936,7 +52062,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 178 */
+/* 179 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52054,7 +52180,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 179 */
+/* 180 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52129,7 +52255,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 180 */
+/* 181 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52230,7 +52356,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 181 */
+/* 182 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52368,7 +52494,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 182 */
+/* 183 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52524,7 +52650,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 183 */
+/* 184 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52603,7 +52729,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 184 */
+/* 185 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52677,7 +52803,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 185 */
+/* 186 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52769,7 +52895,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 186 */
+/* 187 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -52998,7 +53124,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 187 */
+/* 188 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -53095,7 +53221,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 188 */
+/* 189 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -53168,7 +53294,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 189 */
+/* 190 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -53253,7 +53379,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 190 */
+/* 191 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -53414,7 +53540,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 191 */
+/* 192 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -53601,7 +53727,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 192 */
+/* 193 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -53682,7 +53808,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 193 */
+/* 194 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -53827,7 +53953,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 194 */
+/* 195 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -53970,7 +54096,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 195 */
+/* 196 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54070,7 +54196,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 196 */
+/* 197 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54154,7 +54280,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 197 */
+/* 198 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54225,7 +54351,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 198 */
+/* 199 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54372,7 +54498,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 199 */
+/* 200 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54476,7 +54602,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 200 */
+/* 201 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54560,7 +54686,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 201 */
+/* 202 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54693,7 +54819,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 202 */
+/* 203 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54774,7 +54900,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 203 */
+/* 204 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54881,7 +55007,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 204 */
+/* 205 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -54954,7 +55080,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 205 */
+/* 206 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55094,7 +55220,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 206 */
+/* 207 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55216,7 +55342,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 207 */
+/* 208 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55321,7 +55447,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 208 */
+/* 209 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55391,7 +55517,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 209 */
+/* 210 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55461,7 +55587,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 210 */
+/* 211 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55588,7 +55714,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 211 */
+/* 212 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55771,7 +55897,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 212 */
+/* 213 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55869,7 +55995,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 213 */
+/* 214 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -55936,7 +56062,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 214 */
+/* 215 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -56006,7 +56132,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 215 */
+/* 216 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -56102,7 +56228,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 216 */
+/* 217 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -56191,7 +56317,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 217 */
+/* 218 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -56260,7 +56386,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 218 */
+/* 219 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -56396,7 +56522,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 219 */
+/* 220 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -56513,7 +56639,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 220 */
+/* 221 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -56629,7 +56755,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 221 */
+/* 222 */
 /***/ (function(module, exports, __webpack_require__) {
 
 //! moment.js locale configuration
@@ -56744,7 +56870,7 @@ exports.getTextColor = getTextColor;
 
 
 /***/ }),
-/* 222 */
+/* 223 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -56761,13 +56887,13 @@ function addLeadingZeros(number, targetLength) {
 }
 
 /***/ }),
-/* 223 */
+/* 224 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
 
  // This function will be a part of public API when UTC function will be implemented.
 // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -56798,14 +56924,14 @@ function getUTCISOWeekYear(dirtyDate) {
 }
 
 /***/ }),
-/* 224 */
+/* 225 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(29);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__toDate_index_js__ = __webpack_require__(15);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(59);
 
 
  // This function will be a part of public API when UTC function will be implemented.
@@ -56847,7 +56973,7 @@ function getUTCWeekYear(dirtyDate, dirtyOptions) {
 }
 
 /***/ }),
-/* 225 */
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -57041,7 +57167,7 @@ _defineProperty(Button, "propTypes", {
 });
 
 /***/ }),
-/* 226 */
+/* 227 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -57066,7 +57192,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(359
 
 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(361));
 
-var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(228));
+var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(229));
 
 var _createClass2 = _interopRequireDefault(__webpack_require__(362));
 
@@ -57387,7 +57513,7 @@ function (_React$Component) {
 exports.default = Scrollspy;
 
 /***/ }),
-/* 227 */
+/* 228 */
 /***/ (function(module, exports) {
 
 function _arrayLikeToArray(arr, len) {
@@ -57403,7 +57529,7 @@ function _arrayLikeToArray(arr, len) {
 module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 228 */
+/* 229 */
 /***/ (function(module, exports) {
 
 function _assertThisInitialized(self) {
@@ -57417,7 +57543,7 @@ function _assertThisInitialized(self) {
 module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 229 */
+/* 230 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -57445,7 +57571,7 @@ 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__(61);
+var core_1 = __webpack_require__(62);
 var react_id_generator_1 = __webpack_require__(8);
 var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
 var Dropdown = function (_a) {
@@ -57682,27 +57808,27 @@ var DropdownItemWithSubmenu = function (_a) {
 
 
 /***/ }),
-/* 230 */
+/* 231 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(62);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(63);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(231);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(232);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__arrow_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(65);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(66);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(66);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(67);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(237);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(238);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hide_js__ = __webpack_require__(241);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hide_js__ = __webpack_require__(242);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(242);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(243);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__offset_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(70);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(71);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(243);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(244);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
 
 
@@ -57715,20 +57841,20 @@ var DropdownItemWithSubmenu = function (_a) {
 
 
 /***/ }),
-/* 231 */
+/* 232 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(23);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(232);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(64);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(233);
 /* 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__(64);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(233);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(234);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(236);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(65);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(234);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(235);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(237);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__enums_js__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__dom_utils_instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__dom_utils_instanceOf_js__ = __webpack_require__(14);
 
 
 
@@ -57833,12 +57959,12 @@ function effect(_ref2) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 232 */
+/* 233 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = contains;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__instanceOf_js__ = __webpack_require__(14);
 
 function contains(parent, child) {
   var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
@@ -57864,7 +57990,7 @@ function contains(parent, child) {
 }
 
 /***/ }),
-/* 233 */
+/* 234 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -57881,19 +58007,19 @@ function withinMaxClamp(min, value, max) {
 }
 
 /***/ }),
-/* 234 */
+/* 235 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = mergePaddingObject;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getFreshSideObject_js__ = __webpack_require__(235);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getFreshSideObject_js__ = __webpack_require__(236);
 
 function mergePaddingObject(paddingObject) {
   return Object.assign({}, Object(__WEBPACK_IMPORTED_MODULE_0__getFreshSideObject_js__["a" /* default */])(), paddingObject);
 }
 
 /***/ }),
-/* 235 */
+/* 236 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -57908,7 +58034,7 @@ function getFreshSideObject() {
 }
 
 /***/ }),
-/* 236 */
+/* 237 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -57921,7 +58047,7 @@ function expandToHashMap(value, keys) {
 }
 
 /***/ }),
-/* 237 */
+/* 238 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -58081,15 +58207,15 @@ function flip(_ref) {
 });
 
 /***/ }),
-/* 238 */
+/* 239 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = listScrollParents;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(379);
-/* 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__(19);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(69);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(70);
 
 
 
@@ -58118,7 +58244,7 @@ function listScrollParents(element, list) {
 }
 
 /***/ }),
-/* 239 */
+/* 240 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -58133,14 +58259,14 @@ function rectToClientRect(rect) {
 }
 
 /***/ }),
-/* 240 */
+/* 241 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(23);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(64);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(65);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
 
 
@@ -58214,7 +58340,7 @@ function computeOffsets(_ref) {
 }
 
 /***/ }),
-/* 241 */
+/* 242 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -58283,7 +58409,7 @@ function hide(_ref) {
 });
 
 /***/ }),
-/* 242 */
+/* 243 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -58346,20 +58472,20 @@ function offset(_ref2) {
 });
 
 /***/ }),
-/* 243 */
+/* 244 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(23);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(64);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(65);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(381);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(233);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(234);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(64);
 /* 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__(235);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_getFreshSideObject_js__ = __webpack_require__(236);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_math_js__ = __webpack_require__(31);
 
 
@@ -58505,17 +58631,17 @@ function preventOverflow(_ref) {
 });
 
 /***/ }),
-/* 244 */
+/* 245 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
 /* unused harmony export defaultModifiers */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(71);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(66);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(70);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(65);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(62);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(72);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(67);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(71);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(66);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(63);
 /* unused harmony reexport popperGenerator */
 /* unused harmony reexport detectOverflow */
 
@@ -58531,7 +58657,7 @@ var createPopper = /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_0__createPopper
 
 
 /***/ }),
-/* 245 */
+/* 246 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -58540,7 +58666,7 @@ var createPopper = /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_0__createPopper
 module.exports = __webpack_require__(404);
 
 /***/ }),
-/* 246 */
+/* 247 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -58587,7 +58713,7 @@ exports.SelectGrid = void 0;
 var React = __importStar(__webpack_require__(0));
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
 var overlaypanel_1 = __webpack_require__(429);
-var Loader_1 = __webpack_require__(60);
+var Loader_1 = __webpack_require__(61);
 var SelectGrid = /** @class */ (function (_super) {
     __extends(SelectGrid, _super);
     function SelectGrid(props) {
@@ -58747,7 +58873,7 @@ exports.SelectGrid = SelectGrid;
 
 
 /***/ }),
-/* 247 */
+/* 248 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -58793,8 +58919,8 @@ 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 Icon_1 = __webpack_require__(9);
-var IconButton_1 = __webpack_require__(44);
-var Spinner_1 = __webpack_require__(53);
+var IconButton_1 = __webpack_require__(45);
+var Spinner_1 = __webpack_require__(54);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var Panel = /** @class */ (function (_super) {
     __extends(Panel, _super);
@@ -58922,7 +59048,7 @@ exports.PanelTools = PanelTools;
 
 
 /***/ }),
-/* 248 */
+/* 249 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -59005,7 +59131,7 @@ exports.Skeleton = Skeleton;
 
 
 /***/ }),
-/* 249 */
+/* 250 */
 /***/ (function(module, exports) {
 
 /**
@@ -59042,7 +59168,7 @@ module.exports = isObject;
 
 
 /***/ }),
-/* 250 */
+/* 251 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var freeGlobal = __webpack_require__(485);
@@ -59057,10 +59183,10 @@ module.exports = root;
 
 
 /***/ }),
-/* 251 */
+/* 252 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var root = __webpack_require__(250);
+var root = __webpack_require__(251);
 
 /** Built-in value references. */
 var Symbol = root.Symbol;
@@ -59069,7 +59195,7 @@ module.exports = Symbol;
 
 
 /***/ }),
-/* 252 */
+/* 253 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -59091,7 +59217,7 @@ var getBatch = function getBatch() {
 };
 
 /***/ }),
-/* 253 */
+/* 254 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -59104,8 +59230,8 @@ var getBatch = function getBatch() {
 /* 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__(501);
 /* 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__(74);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(75);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(75);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(76);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(32);
 
 
@@ -59487,7 +59613,7 @@ _ref) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 254 */
+/* 255 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -59521,14 +59647,14 @@ function shallowEqual(objA, objB) {
 }
 
 /***/ }),
-/* 255 */
+/* 256 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["a"] = wrapMapToPropsConstant;
 /* unused harmony export getDependsOnOwnProps */
 /* harmony export (immutable) */ __webpack_exports__["b"] = wrapMapToPropsFunc;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_verifyPlainObject__ = __webpack_require__(256);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_verifyPlainObject__ = __webpack_require__(257);
 
 function wrapMapToPropsConstant(getConstant) {
   return function initConstantSelector(dispatch, options) {
@@ -59596,13 +59722,13 @@ function wrapMapToPropsFunc(mapToProps, methodName) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
 /***/ }),
-/* 256 */
+/* 257 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = verifyPlainObject;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(507);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(257);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(258);
 
 
 function verifyPlainObject(value, displayName, methodName) {
@@ -59612,7 +59738,7 @@ function verifyPlainObject(value, displayName, methodName) {
 }
 
 /***/ }),
-/* 257 */
+/* 258 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -59643,7 +59769,7 @@ function warning(message) {
 }
 
 /***/ }),
-/* 258 */
+/* 259 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -59652,7 +59778,7 @@ function warning(message) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(32);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__useReduxContext__ = __webpack_require__(259);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__useReduxContext__ = __webpack_require__(260);
 
 
 
@@ -59697,7 +59823,7 @@ function createStoreHook(context) {
 var useStore = /*#__PURE__*/createStoreHook();
 
 /***/ }),
-/* 259 */
+/* 260 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -59735,123 +59861,6 @@ function useReduxContext() {
 }
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
 
-/***/ }),
-/* 260 */
-/***/ (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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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.ContentListItem = exports.ContentList = void 0;
-var React = __importStar(__webpack_require__(0));
-var classnames_1 = __importDefault(__webpack_require__(2));
-var ContentListItem = /** @class */ (function (_super) {
-    __extends(ContentListItem, _super);
-    function ContentListItem() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.delay = 200;
-        _this.prevent = false;
-        _this.onSingleClick = function () {
-            _this.timer = setTimeout(function () {
-                if (!_this.prevent) {
-                    if (_this.props.onClick) {
-                        _this.props.onClick();
-                    }
-                }
-            }, _this.delay);
-        };
-        _this.onDoubleClick = function () {
-            clearTimeout(_this.timer);
-            _this.prevent = true;
-            if (_this.props.onDoubleClick) {
-                _this.props.onDoubleClick();
-            }
-            setTimeout(function () {
-                _this.prevent = false;
-            }, _this.delay);
-        };
-        _this.onActionMenuClick = function (event) {
-            event.preventDefault();
-            event.stopPropagation();
-        };
-        return _this;
-    }
-    ContentListItem.prototype.render = function () {
-        var classes = (0, classnames_1.default)('sd-list-item sd-shadow--z1', {
-            'sd-list-item--activated': this.props.activated,
-            'sd-list-item--selected': this.props.selected,
-            'fetched': this.props.archived,
-            'actioning': this.props.loading,
-        });
-        return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
-            this.props.locked
-                ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
-                : React.createElement("div", { className: "sd-list-item__border" }),
-            this.props.itemColum.map(function (item, index) {
-                return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
-                    return (item.itemRow.length <= 1
-                        ? React.createElement(React.Fragment, { key: i }, e.content)
-                        : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
-                }));
-            }),
-            React.createElement("div", { className: "sd-list-item__action-menu", onClick: this.onActionMenuClick }, this.props.action)));
-    };
-    return ContentListItem;
-}(React.PureComponent));
-exports.ContentListItem = ContentListItem;
-var ContentList = /** @class */ (function (_super) {
-    __extends(ContentList, _super);
-    function ContentList() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ContentList.prototype.render = function () {
-        var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
-        return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
-            return React.createElement(ContentListItem, { key: index, itemColum: item.itemColum, locked: item.locked, action: item.action, loading: item.loading, activated: item.activated, selected: item.selected, archived: item.archived, onClick: item.onClick, onDoubleClick: item.onDoubleClick });
-        })));
-    };
-    return ContentList;
-}(React.PureComponent));
-exports.ContentList = ContentList;
-
-
 /***/ }),
 /* 261 */,
 /* 262 */
@@ -62758,7 +62767,7 @@ 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 Form_1 = __webpack_require__(14);
+var Form_1 = __webpack_require__(13);
 var TimePicker = /** @class */ (function (_super) {
     __extends(TimePicker, _super);
     function TimePicker() {
@@ -62783,7 +62792,7 @@ exports.TimePicker = TimePicker;
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
-module.exports = {"icon":"photo, video, map-marker, slideshow, text, file, calendar, composite, audio, stream, ingest, archive, time, pin, expand, ascending, descending, th, grid-view, th-list, list-view, pencil, lock, retweet, unspike, fullscreen, fetch-as, search, star, star-empty, multi-star, th-large, grid-view-large, ok, zoom-in, zoom-out, signal, filter-large, trash, user, download, upload, repeat, refresh, list-alt, plus-large, picture, question-sign, info-sign, plus-sign, minus-sign, remove-sign, share-alt, exclamation-sign, eye-open, copy, comment, warning-sign, adjust, folder-close, folder-open, download-alt, tasks, globe, link, expand-thin, assign, dots, dots-vertical, backward-thin, forward-thin, chevron-left-thin, chevron-right-thin, switches, plus-small, minus-small, close-small, post, external, chevron-up-thin, chevron-down-thin, pick, revert, package-plus, list-plus, envelope, heart, home, print, font, bold, italic, underline, strikethrough, align-left, align-center, align-right, align-justify, unordered-list, indent-left, indent-right, ban-circle, bell, random, settings, package-create, list-menu, new-doc, edit-line, calendar-list, collapse, broadcast, broadcast-create, kill, graphic, close-thick, move, takes-package, highlight-package, preview-mode, unlocked, code, cut, paste, arrow-left, arrow-right, info-large, help-large, attachment, attachment-large, table, ordered-list, heading-1, heading-2, heading-3, heading-4, heading-5, heading-6, quote, multiedit, phone, mobile, twitter, facebook, linked-in, twitter-circle, facebook-circle, linked-in-circle, recurring, paragraph, suggestion, event, kanban-view, subscript, superscript, clear-format, preformatted, crop, flip-horizontal, flip-vertical, rotate-right, rotate-left, business, paywall, analytics, amp, undo, redo, instagram, play, stop, pause, fast_rewind, fast_forward, skip_previous, skip_next, add-image, add-gallery, text-format, to-uppercase, to-lowercase, arrow-small, clear-all, rundown, photo-cancel, video-cancel, text-cancel, file-cancel, audio-cancel, list-alt-cancel, post-cancel"};
+module.exports = {"icon":"photo, video, map-marker, slideshow, text, file, calendar, composite, audio, stream, ingest, archive, time, pin, expand, ascending, descending, th, grid-view, th-list, list-view, pencil, lock, retweet, unspike, fullscreen, fetch-as, search, star, star-empty, multi-star, th-large, grid-view-large, ok, zoom-in, zoom-out, signal, filter-large, trash, user, download, upload, repeat, refresh, list-alt, plus-large, picture, question-sign, info-sign, plus-sign, minus-sign, remove-sign, share-alt, exclamation-sign, eye-open, copy, comment, warning-sign, adjust, folder-close, folder-open, download-alt, tasks, globe, link, expand-thin, assign, dots, dots-vertical, backward-thin, forward-thin, chevron-left-thin, chevron-right-thin, switches, plus-small, minus-small, close-small, post, external, chevron-up-thin, chevron-down-thin, pick, revert, package-plus, list-plus, envelope, heart, home, print, font, bold, italic, underline, strikethrough, align-left, align-center, align-right, align-justify, unordered-list, indent-left, indent-right, ban-circle, bell, random, settings, package-create, list-menu, new-doc, edit-line, calendar-list, collapse, broadcast, broadcast-create, kill, graphic, close-thick, move, takes-package, highlight-package, preview-mode, unlocked, code, cut, paste, arrow-left, arrow-right, info-large, help-large, attachment, attachment-large, table, ordered-list, heading-1, heading-2, heading-3, heading-4, heading-5, heading-6, quote, multiedit, phone, mobile, twitter, facebook, linked-in, twitter-circle, facebook-circle, linked-in-circle, recurring, paragraph, suggestion, event, kanban-view, subscript, superscript, clear-format, preformatted, crop, flip-horizontal, flip-vertical, rotate-right, rotate-left, business, paywall, analytics, amp, undo, redo, instagram, play, stop, pause, fast_rewind, fast_forward, skip_previous, skip_next, add-image, add-gallery, text-format, to-uppercase, to-lowercase, arrow-small, clear-all, rundown, photo-cancel, video-cancel, text-cancel, file-cancel, audio-cancel, list-alt-cancel, post-cancel, text-block"};
 
 /***/ }),
 /* 267 */
@@ -62931,7 +62940,7 @@ 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__(44);
+var IconButton_1 = __webpack_require__(45);
 var lodash_1 = __webpack_require__(33);
 var BottomNav = /** @class */ (function (_super) {
     __extends(BottomNav, _super);
@@ -63038,13 +63047,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeSelect = void 0;
 var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(9);
-var Loader_1 = __webpack_require__(60);
+var Loader_1 = __webpack_require__(61);
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
 var debounce_1 = __importDefault(__webpack_require__(483));
-var Form_1 = __webpack_require__(14);
-var core_1 = __webpack_require__(61);
+var Form_1 = __webpack_require__(13);
+var core_1 = __webpack_require__(62);
 var lodash_1 = __webpack_require__(33);
-var Label_1 = __webpack_require__(86);
+var Label_1 = __webpack_require__(87);
 var TreeSelect = /** @class */ (function (_super) {
     __extends(TreeSelect, _super);
     function TreeSelect(props) {
@@ -63754,8 +63763,8 @@ exports.typeOf = typeOf;
 var ReactIs = __webpack_require__(48);
 var assign = __webpack_require__(275);
 
-var ReactPropTypesSecret = __webpack_require__(51);
-var has = __webpack_require__(80);
+var ReactPropTypesSecret = __webpack_require__(52);
+var has = __webpack_require__(81);
 var checkPropTypes = __webpack_require__(276);
 
 var printWarning = function() {};
@@ -64469,9 +64478,9 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
 var printWarning = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret = __webpack_require__(51);
+  var ReactPropTypesSecret = __webpack_require__(52);
   var loggedTypeFailures = {};
-  var has = __webpack_require__(80);
+  var has = __webpack_require__(81);
 
   printWarning = function(text) {
     var message = 'Warning: ' + text;
@@ -64577,7 +64586,7 @@ module.exports = checkPropTypes;
 
 
 
-var ReactPropTypesSecret = __webpack_require__(51);
+var ReactPropTypesSecret = __webpack_require__(52);
 
 function emptyFunction() {}
 function emptyFunctionWithReset() {}
@@ -64740,7 +64749,7 @@ exports.Input = void 0;
 var React = __importStar(__webpack_require__(0));
 // import classNames from 'classnames';
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
-var Form_1 = __webpack_require__(14);
+var Form_1 = __webpack_require__(13);
 var Input = /** @class */ (function (_super) {
     __extends(Input, _super);
     function Input(props) {
@@ -65280,7 +65289,7 @@ 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 _1 = __webpack_require__(14);
+var _1 = __webpack_require__(13);
 var InputNew = /** @class */ (function (_super) {
     __extends(InputNew, _super);
     function InputNew(props) {
@@ -65437,7 +65446,7 @@ exports.Option = exports.Select = void 0;
 var React = __importStar(__webpack_require__(0));
 // import classNames from 'classnames';
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
-var Form_1 = __webpack_require__(14);
+var Form_1 = __webpack_require__(13);
 var Select = /** @class */ (function (_super) {
     __extends(Select, _super);
     function Select(props) {
@@ -65524,7 +65533,7 @@ var React = __importStar(__webpack_require__(0));
 var dropdown_1 = __webpack_require__(290);
 // import classNames from 'classnames';
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
-var Form_1 = __webpack_require__(14);
+var Form_1 = __webpack_require__(13);
 var labelKey = 'label';
 var SelectWithTemplate = /** @class */ (function (_super) {
     __extends(SelectWithTemplate, _super);
@@ -65622,7 +65631,7 @@ var _DomHandler = _interopRequireDefault(__webpack_require__(12));
 
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(17));
 
-var _FilterUtils = _interopRequireDefault(__webpack_require__(81));
+var _FilterUtils = _interopRequireDefault(__webpack_require__(82));
 
 var _ClassNames = __webpack_require__(10);
 
@@ -66990,9 +66999,9 @@ _defineProperty(PrimeReact, "ripple", false);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_dom_helpers_removeClass__ = __webpack_require__(298);
 /* 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__(54);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_PropTypes__ = __webpack_require__(83);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_reflow__ = __webpack_require__(84);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Transition__ = __webpack_require__(55);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_PropTypes__ = __webpack_require__(84);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_reflow__ = __webpack_require__(85);
 
 
 
@@ -67483,7 +67492,7 @@ function removeClass(element, className) {
 /* 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___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_dom__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__TransitionGroup__ = __webpack_require__(85);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__TransitionGroup__ = __webpack_require__(86);
 
 
 
@@ -67799,8 +67808,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__(5);
 /* 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__(54);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TransitionGroupContext__ = __webpack_require__(55);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Transition__ = __webpack_require__(55);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__TransitionGroupContext__ = __webpack_require__(56);
 
 
 var _leaveRenders, _enterRenders;
@@ -68312,276 +68321,276 @@ exports.IconLabel = IconLabel;
 /***/ (function(module, exports, __webpack_require__) {
 
 var map = {
-	"./af": 87,
-	"./af.js": 87,
-	"./ar": 88,
-	"./ar-dz": 89,
-	"./ar-dz.js": 89,
-	"./ar-kw": 90,
-	"./ar-kw.js": 90,
-	"./ar-ly": 91,
-	"./ar-ly.js": 91,
-	"./ar-ma": 92,
-	"./ar-ma.js": 92,
-	"./ar-sa": 93,
-	"./ar-sa.js": 93,
-	"./ar-tn": 94,
-	"./ar-tn.js": 94,
-	"./ar.js": 88,
-	"./az": 95,
-	"./az.js": 95,
-	"./be": 96,
-	"./be.js": 96,
-	"./bg": 97,
-	"./bg.js": 97,
-	"./bm": 98,
-	"./bm.js": 98,
-	"./bn": 99,
-	"./bn-bd": 100,
-	"./bn-bd.js": 100,
-	"./bn.js": 99,
-	"./bo": 101,
-	"./bo.js": 101,
-	"./br": 102,
-	"./br.js": 102,
-	"./bs": 103,
-	"./bs.js": 103,
-	"./ca": 104,
-	"./ca.js": 104,
-	"./cs": 105,
-	"./cs.js": 105,
-	"./cv": 106,
-	"./cv.js": 106,
-	"./cy": 107,
-	"./cy.js": 107,
-	"./da": 108,
-	"./da.js": 108,
-	"./de": 109,
-	"./de-at": 110,
-	"./de-at.js": 110,
-	"./de-ch": 111,
-	"./de-ch.js": 111,
-	"./de.js": 109,
-	"./dv": 112,
-	"./dv.js": 112,
-	"./el": 113,
-	"./el.js": 113,
-	"./en-au": 114,
-	"./en-au.js": 114,
-	"./en-ca": 115,
-	"./en-ca.js": 115,
-	"./en-gb": 116,
-	"./en-gb.js": 116,
-	"./en-ie": 117,
-	"./en-ie.js": 117,
-	"./en-il": 118,
-	"./en-il.js": 118,
-	"./en-in": 119,
-	"./en-in.js": 119,
-	"./en-nz": 120,
-	"./en-nz.js": 120,
-	"./en-sg": 121,
-	"./en-sg.js": 121,
-	"./eo": 122,
-	"./eo.js": 122,
-	"./es": 123,
-	"./es-do": 124,
-	"./es-do.js": 124,
-	"./es-mx": 125,
-	"./es-mx.js": 125,
-	"./es-us": 126,
-	"./es-us.js": 126,
-	"./es.js": 123,
-	"./et": 127,
-	"./et.js": 127,
-	"./eu": 128,
-	"./eu.js": 128,
-	"./fa": 129,
-	"./fa.js": 129,
-	"./fi": 130,
-	"./fi.js": 130,
-	"./fil": 131,
-	"./fil.js": 131,
-	"./fo": 132,
-	"./fo.js": 132,
-	"./fr": 133,
-	"./fr-ca": 134,
-	"./fr-ca.js": 134,
-	"./fr-ch": 135,
-	"./fr-ch.js": 135,
-	"./fr.js": 133,
-	"./fy": 136,
-	"./fy.js": 136,
-	"./ga": 137,
-	"./ga.js": 137,
-	"./gd": 138,
-	"./gd.js": 138,
-	"./gl": 139,
-	"./gl.js": 139,
-	"./gom-deva": 140,
-	"./gom-deva.js": 140,
-	"./gom-latn": 141,
-	"./gom-latn.js": 141,
-	"./gu": 142,
-	"./gu.js": 142,
-	"./he": 143,
-	"./he.js": 143,
-	"./hi": 144,
-	"./hi.js": 144,
-	"./hr": 145,
-	"./hr.js": 145,
-	"./hu": 146,
-	"./hu.js": 146,
-	"./hy-am": 147,
-	"./hy-am.js": 147,
-	"./id": 148,
-	"./id.js": 148,
-	"./is": 149,
-	"./is.js": 149,
-	"./it": 150,
-	"./it-ch": 151,
-	"./it-ch.js": 151,
-	"./it.js": 150,
-	"./ja": 152,
-	"./ja.js": 152,
-	"./jv": 153,
-	"./jv.js": 153,
-	"./ka": 154,
-	"./ka.js": 154,
-	"./kk": 155,
-	"./kk.js": 155,
-	"./km": 156,
-	"./km.js": 156,
-	"./kn": 157,
-	"./kn.js": 157,
-	"./ko": 158,
-	"./ko.js": 158,
-	"./ku": 159,
-	"./ku.js": 159,
-	"./ky": 160,
-	"./ky.js": 160,
-	"./lb": 161,
-	"./lb.js": 161,
-	"./lo": 162,
-	"./lo.js": 162,
-	"./lt": 163,
-	"./lt.js": 163,
-	"./lv": 164,
-	"./lv.js": 164,
-	"./me": 165,
-	"./me.js": 165,
-	"./mi": 166,
-	"./mi.js": 166,
-	"./mk": 167,
-	"./mk.js": 167,
-	"./ml": 168,
-	"./ml.js": 168,
-	"./mn": 169,
-	"./mn.js": 169,
-	"./mr": 170,
-	"./mr.js": 170,
-	"./ms": 171,
-	"./ms-my": 172,
-	"./ms-my.js": 172,
-	"./ms.js": 171,
-	"./mt": 173,
-	"./mt.js": 173,
-	"./my": 174,
-	"./my.js": 174,
-	"./nb": 175,
-	"./nb.js": 175,
-	"./ne": 176,
-	"./ne.js": 176,
-	"./nl": 177,
-	"./nl-be": 178,
-	"./nl-be.js": 178,
-	"./nl.js": 177,
-	"./nn": 179,
-	"./nn.js": 179,
-	"./oc-lnc": 180,
-	"./oc-lnc.js": 180,
-	"./pa-in": 181,
-	"./pa-in.js": 181,
-	"./pl": 182,
-	"./pl.js": 182,
-	"./pt": 183,
-	"./pt-br": 184,
-	"./pt-br.js": 184,
-	"./pt.js": 183,
-	"./ro": 185,
-	"./ro.js": 185,
-	"./ru": 186,
-	"./ru.js": 186,
-	"./sd": 187,
-	"./sd.js": 187,
-	"./se": 188,
-	"./se.js": 188,
-	"./si": 189,
-	"./si.js": 189,
-	"./sk": 190,
-	"./sk.js": 190,
-	"./sl": 191,
-	"./sl.js": 191,
-	"./sq": 192,
-	"./sq.js": 192,
-	"./sr": 193,
-	"./sr-cyrl": 194,
-	"./sr-cyrl.js": 194,
-	"./sr.js": 193,
-	"./ss": 195,
-	"./ss.js": 195,
-	"./sv": 196,
-	"./sv.js": 196,
-	"./sw": 197,
-	"./sw.js": 197,
-	"./ta": 198,
-	"./ta.js": 198,
-	"./te": 199,
-	"./te.js": 199,
-	"./tet": 200,
-	"./tet.js": 200,
-	"./tg": 201,
-	"./tg.js": 201,
-	"./th": 202,
-	"./th.js": 202,
-	"./tk": 203,
-	"./tk.js": 203,
-	"./tl-ph": 204,
-	"./tl-ph.js": 204,
-	"./tlh": 205,
-	"./tlh.js": 205,
-	"./tr": 206,
-	"./tr.js": 206,
-	"./tzl": 207,
-	"./tzl.js": 207,
-	"./tzm": 208,
-	"./tzm-latn": 209,
-	"./tzm-latn.js": 209,
-	"./tzm.js": 208,
-	"./ug-cn": 210,
-	"./ug-cn.js": 210,
-	"./uk": 211,
-	"./uk.js": 211,
-	"./ur": 212,
-	"./ur.js": 212,
-	"./uz": 213,
-	"./uz-latn": 214,
-	"./uz-latn.js": 214,
-	"./uz.js": 213,
-	"./vi": 215,
-	"./vi.js": 215,
-	"./x-pseudo": 216,
-	"./x-pseudo.js": 216,
-	"./yo": 217,
-	"./yo.js": 217,
-	"./zh-cn": 218,
-	"./zh-cn.js": 218,
-	"./zh-hk": 219,
-	"./zh-hk.js": 219,
-	"./zh-mo": 220,
-	"./zh-mo.js": 220,
-	"./zh-tw": 221,
-	"./zh-tw.js": 221
+	"./af": 88,
+	"./af.js": 88,
+	"./ar": 89,
+	"./ar-dz": 90,
+	"./ar-dz.js": 90,
+	"./ar-kw": 91,
+	"./ar-kw.js": 91,
+	"./ar-ly": 92,
+	"./ar-ly.js": 92,
+	"./ar-ma": 93,
+	"./ar-ma.js": 93,
+	"./ar-sa": 94,
+	"./ar-sa.js": 94,
+	"./ar-tn": 95,
+	"./ar-tn.js": 95,
+	"./ar.js": 89,
+	"./az": 96,
+	"./az.js": 96,
+	"./be": 97,
+	"./be.js": 97,
+	"./bg": 98,
+	"./bg.js": 98,
+	"./bm": 99,
+	"./bm.js": 99,
+	"./bn": 100,
+	"./bn-bd": 101,
+	"./bn-bd.js": 101,
+	"./bn.js": 100,
+	"./bo": 102,
+	"./bo.js": 102,
+	"./br": 103,
+	"./br.js": 103,
+	"./bs": 104,
+	"./bs.js": 104,
+	"./ca": 105,
+	"./ca.js": 105,
+	"./cs": 106,
+	"./cs.js": 106,
+	"./cv": 107,
+	"./cv.js": 107,
+	"./cy": 108,
+	"./cy.js": 108,
+	"./da": 109,
+	"./da.js": 109,
+	"./de": 110,
+	"./de-at": 111,
+	"./de-at.js": 111,
+	"./de-ch": 112,
+	"./de-ch.js": 112,
+	"./de.js": 110,
+	"./dv": 113,
+	"./dv.js": 113,
+	"./el": 114,
+	"./el.js": 114,
+	"./en-au": 115,
+	"./en-au.js": 115,
+	"./en-ca": 116,
+	"./en-ca.js": 116,
+	"./en-gb": 117,
+	"./en-gb.js": 117,
+	"./en-ie": 118,
+	"./en-ie.js": 118,
+	"./en-il": 119,
+	"./en-il.js": 119,
+	"./en-in": 120,
+	"./en-in.js": 120,
+	"./en-nz": 121,
+	"./en-nz.js": 121,
+	"./en-sg": 122,
+	"./en-sg.js": 122,
+	"./eo": 123,
+	"./eo.js": 123,
+	"./es": 124,
+	"./es-do": 125,
+	"./es-do.js": 125,
+	"./es-mx": 126,
+	"./es-mx.js": 126,
+	"./es-us": 127,
+	"./es-us.js": 127,
+	"./es.js": 124,
+	"./et": 128,
+	"./et.js": 128,
+	"./eu": 129,
+	"./eu.js": 129,
+	"./fa": 130,
+	"./fa.js": 130,
+	"./fi": 131,
+	"./fi.js": 131,
+	"./fil": 132,
+	"./fil.js": 132,
+	"./fo": 133,
+	"./fo.js": 133,
+	"./fr": 134,
+	"./fr-ca": 135,
+	"./fr-ca.js": 135,
+	"./fr-ch": 136,
+	"./fr-ch.js": 136,
+	"./fr.js": 134,
+	"./fy": 137,
+	"./fy.js": 137,
+	"./ga": 138,
+	"./ga.js": 138,
+	"./gd": 139,
+	"./gd.js": 139,
+	"./gl": 140,
+	"./gl.js": 140,
+	"./gom-deva": 141,
+	"./gom-deva.js": 141,
+	"./gom-latn": 142,
+	"./gom-latn.js": 142,
+	"./gu": 143,
+	"./gu.js": 143,
+	"./he": 144,
+	"./he.js": 144,
+	"./hi": 145,
+	"./hi.js": 145,
+	"./hr": 146,
+	"./hr.js": 146,
+	"./hu": 147,
+	"./hu.js": 147,
+	"./hy-am": 148,
+	"./hy-am.js": 148,
+	"./id": 149,
+	"./id.js": 149,
+	"./is": 150,
+	"./is.js": 150,
+	"./it": 151,
+	"./it-ch": 152,
+	"./it-ch.js": 152,
+	"./it.js": 151,
+	"./ja": 153,
+	"./ja.js": 153,
+	"./jv": 154,
+	"./jv.js": 154,
+	"./ka": 155,
+	"./ka.js": 155,
+	"./kk": 156,
+	"./kk.js": 156,
+	"./km": 157,
+	"./km.js": 157,
+	"./kn": 158,
+	"./kn.js": 158,
+	"./ko": 159,
+	"./ko.js": 159,
+	"./ku": 160,
+	"./ku.js": 160,
+	"./ky": 161,
+	"./ky.js": 161,
+	"./lb": 162,
+	"./lb.js": 162,
+	"./lo": 163,
+	"./lo.js": 163,
+	"./lt": 164,
+	"./lt.js": 164,
+	"./lv": 165,
+	"./lv.js": 165,
+	"./me": 166,
+	"./me.js": 166,
+	"./mi": 167,
+	"./mi.js": 167,
+	"./mk": 168,
+	"./mk.js": 168,
+	"./ml": 169,
+	"./ml.js": 169,
+	"./mn": 170,
+	"./mn.js": 170,
+	"./mr": 171,
+	"./mr.js": 171,
+	"./ms": 172,
+	"./ms-my": 173,
+	"./ms-my.js": 173,
+	"./ms.js": 172,
+	"./mt": 174,
+	"./mt.js": 174,
+	"./my": 175,
+	"./my.js": 175,
+	"./nb": 176,
+	"./nb.js": 176,
+	"./ne": 177,
+	"./ne.js": 177,
+	"./nl": 178,
+	"./nl-be": 179,
+	"./nl-be.js": 179,
+	"./nl.js": 178,
+	"./nn": 180,
+	"./nn.js": 180,
+	"./oc-lnc": 181,
+	"./oc-lnc.js": 181,
+	"./pa-in": 182,
+	"./pa-in.js": 182,
+	"./pl": 183,
+	"./pl.js": 183,
+	"./pt": 184,
+	"./pt-br": 185,
+	"./pt-br.js": 185,
+	"./pt.js": 184,
+	"./ro": 186,
+	"./ro.js": 186,
+	"./ru": 187,
+	"./ru.js": 187,
+	"./sd": 188,
+	"./sd.js": 188,
+	"./se": 189,
+	"./se.js": 189,
+	"./si": 190,
+	"./si.js": 190,
+	"./sk": 191,
+	"./sk.js": 191,
+	"./sl": 192,
+	"./sl.js": 192,
+	"./sq": 193,
+	"./sq.js": 193,
+	"./sr": 194,
+	"./sr-cyrl": 195,
+	"./sr-cyrl.js": 195,
+	"./sr.js": 194,
+	"./ss": 196,
+	"./ss.js": 196,
+	"./sv": 197,
+	"./sv.js": 197,
+	"./sw": 198,
+	"./sw.js": 198,
+	"./ta": 199,
+	"./ta.js": 199,
+	"./te": 200,
+	"./te.js": 200,
+	"./tet": 201,
+	"./tet.js": 201,
+	"./tg": 202,
+	"./tg.js": 202,
+	"./th": 203,
+	"./th.js": 203,
+	"./tk": 204,
+	"./tk.js": 204,
+	"./tl-ph": 205,
+	"./tl-ph.js": 205,
+	"./tlh": 206,
+	"./tlh.js": 206,
+	"./tr": 207,
+	"./tr.js": 207,
+	"./tzl": 208,
+	"./tzl.js": 208,
+	"./tzm": 209,
+	"./tzm-latn": 210,
+	"./tzm-latn.js": 210,
+	"./tzm.js": 209,
+	"./ug-cn": 211,
+	"./ug-cn.js": 211,
+	"./uk": 212,
+	"./uk.js": 212,
+	"./ur": 213,
+	"./ur.js": 213,
+	"./uz": 214,
+	"./uz-latn": 215,
+	"./uz-latn.js": 215,
+	"./uz.js": 214,
+	"./vi": 216,
+	"./vi.js": 216,
+	"./x-pseudo": 217,
+	"./x-pseudo.js": 217,
+	"./yo": 218,
+	"./yo.js": 218,
+	"./zh-cn": 219,
+	"./zh-cn.js": 219,
+	"./zh-hk": 220,
+	"./zh-hk.js": 220,
+	"./zh-mo": 221,
+	"./zh-mo.js": 221,
+	"./zh-tw": 222,
+	"./zh-tw.js": 222
 };
 function webpackContext(req) {
 	return __webpack_require__(webpackContextResolve(req));
@@ -69840,10 +69849,10 @@ function addMilliseconds(dirtyDate, dirtyAmount) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lightFormatters_index_js__ = __webpack_require__(324);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__lib_getUTCDayOfYear_index_js__ = __webpack_require__(325);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__lib_getUTCISOWeek_index_js__ = __webpack_require__(326);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__lib_getUTCISOWeekYear_index_js__ = __webpack_require__(223);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__lib_getUTCISOWeekYear_index_js__ = __webpack_require__(224);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__lib_getUTCWeek_index_js__ = __webpack_require__(328);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__lib_getUTCWeekYear_index_js__ = __webpack_require__(224);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__addLeadingZeros_index_js__ = __webpack_require__(222);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__lib_getUTCWeekYear_index_js__ = __webpack_require__(225);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__addLeadingZeros_index_js__ = __webpack_require__(223);
 
 
 
@@ -70706,7 +70715,7 @@ function formatTimezone(offset, dirtyDelimiter) {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__addLeadingZeros_index_js__ = __webpack_require__(222);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__addLeadingZeros_index_js__ = __webpack_require__(223);
 
 /*
  * |     | Unit                           |     | Unit                           |
@@ -70822,7 +70831,7 @@ function getUTCDayOfYear(dirtyDate) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(327);
 
 
@@ -70849,8 +70858,8 @@ function getUTCISOWeek(dirtyDate) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(223);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(224);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
 
  // This function will be a part of public API when UTC function will be implemented.
 // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -70875,7 +70884,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(58);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(59);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(329);
 
 
@@ -70903,8 +70912,8 @@ function getUTCWeek(dirtyDate, options) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(29);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(224);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(225);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(59);
 
 
  // This function will be a part of public API when UTC function will be implemented.
@@ -71112,9 +71121,9 @@ var _reactDom = _interopRequireDefault(__webpack_require__(7));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(5));
 
-var _InputText = __webpack_require__(59);
+var _InputText = __webpack_require__(60);
 
-var _Button = __webpack_require__(225);
+var _Button = __webpack_require__(226);
 
 var _CalendarPanel = __webpack_require__(336);
 
@@ -75504,7 +75513,7 @@ 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__(42);
+var Badge_1 = __webpack_require__(43);
 var NavButton = /** @class */ (function (_super) {
     __extends(NavButton, _super);
     function NavButton() {
@@ -75688,7 +75697,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LeftMenu = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_scrollspy_1 = __importDefault(__webpack_require__(226));
+var react_scrollspy_1 = __importDefault(__webpack_require__(227));
 var LeftMenu = /** @class */ (function (_super) {
     __extends(LeftMenu, _super);
     function LeftMenu(props) {
@@ -75844,7 +75853,7 @@ module.exports = _toConsumableArray, module.exports.__esModule = true, module.ex
 /* 354 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var arrayLikeToArray = __webpack_require__(227);
+var arrayLikeToArray = __webpack_require__(228);
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return arrayLikeToArray(arr);
@@ -75866,7 +75875,7 @@ module.exports = _iterableToArray, module.exports.__esModule = true, module.expo
 /* 356 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var arrayLikeToArray = __webpack_require__(227);
+var arrayLikeToArray = __webpack_require__(228);
 
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
@@ -75907,7 +75916,7 @@ module.exports = _classCallCheck, module.exports.__esModule = true, module.expor
 
 var _typeof = __webpack_require__(360)["default"];
 
-var assertThisInitialized = __webpack_require__(228);
+var assertThisInitialized = __webpack_require__(229);
 
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
@@ -76602,16 +76611,16 @@ function getOppositeVariationPlacement(placement) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getViewportRect_js__ = __webpack_require__(377);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getDocumentRect_js__ = __webpack_require__(378);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__listScrollParents_js__ = __webpack_require__(238);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__listScrollParents_js__ = __webpack_require__(239);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getOffsetParent_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(24);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__getComputedStyle_js__ = __webpack_require__(34);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__instanceOf_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__getBoundingClientRect_js__ = __webpack_require__(37);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__getParentNode_js__ = __webpack_require__(46);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__contains_js__ = __webpack_require__(232);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__getParentNode_js__ = __webpack_require__(47);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__contains_js__ = __webpack_require__(233);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__getNodeName_js__ = __webpack_require__(30);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils_rectToClientRect_js__ = __webpack_require__(239);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils_rectToClientRect_js__ = __webpack_require__(240);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__utils_math_js__ = __webpack_require__(31);
 
 
@@ -76692,7 +76701,7 @@ function getClippingRect(element, boundary, rootBoundary) {
 /* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(67);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(68);
 
 
 
@@ -76742,8 +76751,8 @@ function getViewportRect(element) {
 /* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(24);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(34);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(67);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(68);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(68);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(69);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(31);
 
 
@@ -76781,10 +76790,10 @@ 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_1__isScrollParent_js__ = __webpack_require__(69);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(47);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(70);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(30);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(14);
 
 
 
@@ -76880,10 +76889,10 @@ function getAltAxis(axis) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(383);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(30);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(67);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(14);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(68);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(69);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(70);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(31);
 
 
@@ -76950,9 +76959,9 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(68);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(69);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(384);
 
 
@@ -77205,21 +77214,21 @@ function mergeByName(modifiers) {
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
 /* unused harmony export defaultModifiers */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(71);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(66);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(70);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(65);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(62);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(242);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(237);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(243);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__modifiers_arrow_js__ = __webpack_require__(231);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__modifiers_hide_js__ = __webpack_require__(241);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(72);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(67);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(71);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(66);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(63);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(243);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(238);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(244);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__modifiers_arrow_js__ = __webpack_require__(232);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__modifiers_hide_js__ = __webpack_require__(242);
 /* unused harmony reexport popperGenerator */
 /* unused harmony reexport detectOverflow */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__popper_lite_js__ = __webpack_require__(244);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__popper_lite_js__ = __webpack_require__(245);
 /* unused harmony reexport createPopperLite */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__modifiers_index_js__ = __webpack_require__(230);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__modifiers_index_js__ = __webpack_require__(231);
 /* unused harmony namespace reexport */
 
 
@@ -77571,7 +77580,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
 var React = __importStar(__webpack_require__(0));
-var autocomplete_1 = __webpack_require__(245);
+var autocomplete_1 = __webpack_require__(246);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
 var Autocomplete = /** @class */ (function (_super) {
@@ -77706,9 +77715,9 @@ var _propTypes = _interopRequireDefault(__webpack_require__(5));
 
 var _reactDom = _interopRequireDefault(__webpack_require__(7));
 
-var _InputText = __webpack_require__(59);
+var _InputText = __webpack_require__(60);
 
-var _Button = __webpack_require__(225);
+var _Button = __webpack_require__(226);
 
 var _DomHandler = _interopRequireDefault(__webpack_require__(12));
 
@@ -95243,7 +95252,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Carousel = void 0;
 var React = __importStar(__webpack_require__(0));
 var carousel_1 = __webpack_require__(411);
-var Badge_1 = __webpack_require__(42);
+var Badge_1 = __webpack_require__(43);
 var Carousel = /** @class */ (function (_super) {
     __extends(Carousel, _super);
     function Carousel() {
@@ -96161,13 +96170,13 @@ var Modal = /** @class */ (function (_super) {
         var _a;
         var classes = (0, classnames_1.default)((_a = {},
             _a["p-dialog-content--".concat(this.props.size)] = this.props.size,
-            _a['p-dialog-content--default'] = this.props.contentBg === undefined,
-            _a["p-dialog-content--".concat(this.props.contentBg)] = this.props.contentBg,
+            _a['p-dialog-content-bg--default'] = this.props.contentBg === undefined,
+            _a["p-dialog-content-bg--".concat(this.props.contentBg)] = this.props.contentBg,
             _a['p-dialog-content--s-padding'] = this.props.contentPadding === undefined,
             _a["p-dialog-content--".concat(this.props.contentPadding)] = this.props.contentPadding,
             _a), this.props.className);
         return (React.createElement("div", { style: { display: 'content' }, "data-theme": this.props.theme !== 'dark' ? null : 'dark-ui' },
-            React.createElement(dialog_1.Dialog, { id: this.props.id, visible: this.props.visible, header: this.props.headerTemplate, footer: this.props.footerTemplate, closeOnEscape: this.props.closeOnEscape, maximized: this.props.maximized, contentClassName: classes, onShow: this.props.onShow, onHide: this.props.onHide, zIndex: this.props.zIndex }, this.props.children)));
+            React.createElement(dialog_1.Dialog, { id: this.props.id, visible: this.props.visible, header: this.props.headerTemplate, footer: this.props.footerTemplate, closeOnEscape: this.props.closeOnEscape, maximized: this.props.maximized, maximizable: this.props.maximizable, contentClassName: classes, onShow: this.props.onShow, onHide: this.props.onHide, zIndex: this.props.zIndex, position: this.props.position && this.props.position }, this.props.children)));
     };
     return Modal;
 }(React.Component));
@@ -96763,7 +96772,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagInput = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var core_1 = __webpack_require__(61);
+var core_1 = __webpack_require__(62);
 var lodash_1 = __webpack_require__(33);
 var TagInput = function (_a) {
     var items = _a.items, label = _a.label, freetype = _a.freetype;
@@ -96990,7 +96999,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagInputTest = void 0;
 var React = __importStar(__webpack_require__(0));
-var autocomplete_1 = __webpack_require__(245);
+var autocomplete_1 = __webpack_require__(246);
 var TagInputTest = /** @class */ (function (_super) {
     __extends(TagInputTest, _super);
     function TagInputTest(props) {
@@ -98821,9 +98830,9 @@ exports.IconPicker = void 0;
 var React = __importStar(__webpack_require__(0));
 // @ts-ignore
 var iconFont = __importStar(__webpack_require__(266));
-var Button_1 = __webpack_require__(52);
+var Button_1 = __webpack_require__(53);
 var Icon_1 = __webpack_require__(9);
-var SelectGrid_1 = __webpack_require__(246);
+var SelectGrid_1 = __webpack_require__(247);
 var IconPicker = /** @class */ (function (_super) {
     __extends(IconPicker, _super);
     function IconPicker(props) {
@@ -101170,7 +101179,7 @@ var CoreLayout = /** @class */ (function (_super) {
         return (React.createElement(_1.CoreLayoutContainer, null,
             this.props.slideInMenu && (React.createElement(_1.CoreLayoutSlideInMenu, { menuId: this.props.menuId, menuOpen: this.props.menuOpen }, this.props.slideInMenu)),
             this.props.topMenu && (React.createElement(_1.CoreLayoutTopMenu, { buttonAnimation: this.props.buttonAnimation, heading: this.props.heading, onClick: this.props.onClick, active: this.props.active, ariaControls: this.props.ariaControls }, this.props.topMenu)),
-            React.createElement(_1.CoreLayoutMain, { editorFullWidth: this.props.editorFullWidth }, this.props.children),
+            React.createElement(_1.CoreLayoutMain, { editorFullWidth: this.props.editorFullWidth, openPanel: this.props.openPanel }, this.props.children),
             this.props.footer && (React.createElement(_1.CoreLayoutFooter, null, this.props.footer)),
             this.props.overlay && (React.createElement(_1.CoreLayoutOverlay, null, this.props.overlay))));
     };
@@ -101352,7 +101361,7 @@ var CoreLayoutMain = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-content sd-content-wrapper', {
             'sd-content-wrapper--editor-full': this.props.editorFullWidth,
         });
-        return (React.createElement("section", { id: this.props.id, className: classes }, this.props.children));
+        return (React.createElement("section", { id: this.props.id, className: classes + (this.props.openPanel ? ' sd-content-wrapper--editor-full' : '') }, this.props.children));
     };
     return CoreLayoutMain;
 }(React.PureComponent));
@@ -101829,7 +101838,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__(44);
+var IconButton_1 = __webpack_require__(45);
 var NotificationPanelContainer = /** @class */ (function (_super) {
     __extends(NotificationPanelContainer, _super);
     function NotificationPanelContainer() {
@@ -101950,8 +101959,10 @@ var SideBarMenu = /** @class */ (function (_super) {
         _this.state = {
             index: -1,
             closeIndex: -1,
+            hover: _this.props.hover ? _this.props.hover : false,
         };
         _this.handleClick = _this.handleClick.bind(_this);
+        _this.handleArrows = _this.handleArrows.bind(_this);
         return _this;
     }
     SideBarMenu.prototype.handleClick = function (indexNumber) {
@@ -101964,6 +101975,11 @@ var SideBarMenu = /** @class */ (function (_super) {
             });
         }
     };
+    SideBarMenu.prototype.handleArrows = function () {
+        this.setState({
+            hover: !this.state.hover,
+        });
+    };
     SideBarMenu.prototype.render = function () {
         var _this = this;
         return (React.createElement("div", { className: 'sd-sidebar-menu sd-content-wrapper__left-tabs' },
@@ -101972,8 +101988,18 @@ var SideBarMenu = /** @class */ (function (_super) {
                     return (React.createElement("li", { key: index, className: 'sd-sidebar-menu__spacer' }));
                 }
                 else {
-                    return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right' },
-                        React.createElement("a", { className: 'sd-sidebar-menu__btn' + (index === _this.state.closeIndex ? ' sd-sidebar-menu__btn--closed ' : '') + (item['active'] ? ' sd-sidebar-menu__btn--active' : (index === _this.state.index ? ' sd-sidebar-menu__btn--active' : '')), onClick: function () { return _this.handleClick(index); } },
+                    return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right', className: item.hover ? 'authoring-active__item' : '' },
+                        React.createElement("a", { className: 'sd-sidebar-menu__btn'
+                                + (_this.state.hover ? ' sd-sidebar-menu__btn--closed ' : '')
+                                + (item['active'] ? ' sd-sidebar-menu__btn--active' : (index === _this.state.index ? ' sd-sidebar-menu__btn--active' : '')), onClick: function () {
+                                _this.handleClick(index);
+                                if (item.hover) {
+                                    _this.handleArrows();
+                                    if (item.onCLick) {
+                                        item.onCLick();
+                                    }
+                                }
+                            } },
                             React.createElement("span", { className: 'sd-sidebar-menu__main-icon ' },
                                 React.createElement(Icon_1.Icon, { size: item['size'], name: item['icon'] })),
                             React.createElement("i", { className: 'sd-sidebar-menu__helper-icon big-icon--chevron-left' }))));
@@ -102029,7 +102055,7 @@ 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__(42);
+var Badge_1 = __webpack_require__(43);
 var SideBarTabs = /** @class */ (function (_super) {
     __extends(SideBarTabs, _super);
     function SideBarTabs(props) {
@@ -102136,7 +102162,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuickNavBar = void 0;
 var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(9);
-var react_scrollspy_1 = __importDefault(__webpack_require__(226));
+var react_scrollspy_1 = __importDefault(__webpack_require__(227));
 var QuickNavBar = /** @class */ (function (_super) {
     __extends(QuickNavBar, _super);
     function QuickNavBar(props) {
@@ -102501,7 +102527,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItemLoader = void 0;
 var React = __importStar(__webpack_require__(0));
-var Skeleton_1 = __webpack_require__(248);
+var Skeleton_1 = __webpack_require__(249);
 var ListItemLoader = /** @class */ (function (_super) {
     __extends(ListItemLoader, _super);
     function ListItemLoader() {
@@ -102765,7 +102791,7 @@ exports.Heading = Heading;
 /* 483 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var isObject = __webpack_require__(249),
+var isObject = __webpack_require__(250),
     now = __webpack_require__(484),
     toNumber = __webpack_require__(486);
 
@@ -102962,7 +102988,7 @@ module.exports = debounce;
 /* 484 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var root = __webpack_require__(250);
+var root = __webpack_require__(251);
 
 /**
  * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -103003,7 +103029,7 @@ module.exports = freeGlobal;
 /***/ (function(module, exports, __webpack_require__) {
 
 var baseTrim = __webpack_require__(487),
-    isObject = __webpack_require__(249),
+    isObject = __webpack_require__(250),
     isSymbol = __webpack_require__(489);
 
 /** Used as references for various `Number` constants. */
@@ -103157,7 +103183,7 @@ module.exports = isSymbol;
 /* 490 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var Symbol = __webpack_require__(251),
+var Symbol = __webpack_require__(252),
     getRawTag = __webpack_require__(491),
     objectToString = __webpack_require__(492);
 
@@ -103191,7 +103217,7 @@ module.exports = baseGetTag;
 /* 491 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var Symbol = __webpack_require__(251);
+var Symbol = __webpack_require__(252);
 
 /** Used for built-in method references. */
 var objectProto = Object.prototype;
@@ -112641,7 +112667,7 @@ function _defineProperty(obj, key, value) {
 /* 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__(514);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_batch__ = __webpack_require__(252);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_batch__ = __webpack_require__(253);
 /* unused harmony reexport batch */
 
 
@@ -112657,13 +112683,13 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(500);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(253);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(254);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(32);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(504);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(512);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(513);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__hooks_useStore__ = __webpack_require__(258);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_shallowEqual__ = __webpack_require__(254);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__hooks_useStore__ = __webpack_require__(259);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_shallowEqual__ = __webpack_require__(255);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__components_Provider__["a"]; });
 /* unused harmony reexport connectAdvanced */
 /* unused harmony reexport ReactReduxContext */
@@ -112695,8 +112721,8 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(5);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(32);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(74);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(75);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(75);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(76);
 
 
 
@@ -113030,8 +113056,8 @@ exports.typeOf = typeOf;
 /* unused harmony export createConnect */
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__ = __webpack_require__(26);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(20);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(253);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(254);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(254);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(255);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(505);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(508);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(509);
@@ -113145,7 +113171,7 @@ function createConnect(_temp) {
 /* unused harmony export whenMapDispatchToPropsIsMissing */
 /* unused harmony export whenMapDispatchToPropsIsObject */
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_bindActionCreators__ = __webpack_require__(506);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(255);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(256);
 
 
 function whenMapDispatchToPropsIsFunction(mapDispatchToProps) {
@@ -113221,7 +113247,7 @@ function isPlainObject(obj) {
 "use strict";
 /* unused harmony export whenMapStateToPropsIsFunction */
 /* unused harmony export whenMapStateToPropsIsMissing */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__ = __webpack_require__(255);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__ = __webpack_require__(256);
 
 function whenMapStateToPropsIsFunction(mapStateToProps) {
   return typeof mapStateToProps === 'function' ? Object(__WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__["b" /* wrapMapToPropsFunc */])(mapStateToProps, 'mapStateToProps') : undefined;
@@ -113243,7 +113269,7 @@ function whenMapStateToPropsIsMissing(mapStateToProps) {
 /* unused harmony export whenMergePropsIsFunction */
 /* unused harmony export whenMergePropsIsOmitted */
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__ = __webpack_require__(26);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_verifyPlainObject__ = __webpack_require__(256);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_verifyPlainObject__ = __webpack_require__(257);
 
 
 function defaultMergeProps(stateProps, dispatchProps, ownProps) {
@@ -113388,7 +113414,7 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = verifySubselectors;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_warning__ = __webpack_require__(257);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_warning__ = __webpack_require__(258);
 
 
 function verify(selector, methodName, displayName) {
@@ -113415,7 +113441,7 @@ function verifySubselectors(mapStateToProps, mapDispatchToProps, mergeProps, dis
 /* unused harmony export createDispatchHook */
 /* unused harmony export useDispatch */
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Context__ = __webpack_require__(32);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useStore__ = __webpack_require__(258);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useStore__ = __webpack_require__(259);
 
 
 /**
@@ -113469,9 +113495,9 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
 /* unused harmony export useSelector */
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(259);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(74);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(75);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(260);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(75);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(76);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(32);
 
 
@@ -113715,7 +113741,7 @@ var useCallback = useCallbackOne;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return offset; });
 /* unused harmony export shrink */
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return withScroll; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(76);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(77);
 
 
 var getRect = function getRect(_ref) {
@@ -114017,7 +114043,7 @@ var React = __importStar(__webpack_require__(0));
 var multiselect_1 = __webpack_require__(520);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var react_id_generator_1 = __importDefault(__webpack_require__(8));
-var Form_1 = __webpack_require__(14);
+var Form_1 = __webpack_require__(13);
 var MultiSelect = /** @class */ (function (_super) {
     __extends(MultiSelect, _super);
     function MultiSelect(props) {
@@ -114080,7 +114106,7 @@ var _Tooltip = __webpack_require__(21);
 
 var _DomHandler = _interopRequireDefault(__webpack_require__(12));
 
-var _FilterUtils = _interopRequireDefault(__webpack_require__(81));
+var _FilterUtils = _interopRequireDefault(__webpack_require__(82));
 
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(17));
 
@@ -115012,7 +115038,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(5));
 
-var _InputText = __webpack_require__(59);
+var _InputText = __webpack_require__(60);
 
 var _Checkbox = __webpack_require__(523);
 
@@ -115666,7 +115692,8 @@ _defineProperty(MultiSelectPanel, "propTypes", {
 
 /***/ }),
 /* 526 */,
-/* 527 */
+/* 527 */,
+/* 528 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -115846,7 +115873,6 @@ function reactToAngular1(component) {
 }
 
 /***/ }),
-/* 528 */,
 /* 529 */,
 /* 530 */,
 /* 531 */,
@@ -115873,7 +115899,7 @@ var _propTypes = __webpack_require__(5);
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _reactToAngular = __webpack_require__(527);
+var _reactToAngular = __webpack_require__(528);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -115979,7 +116005,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Positioner = undefined;
 
-var _reactToAngular = __webpack_require__(527);
+var _reactToAngular = __webpack_require__(528);
 
 var _Positioner2 = __webpack_require__(263);
 
@@ -116186,7 +116212,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__(527);
+var _reactToAngular = __webpack_require__(528);
 
 Object.defineProperty(exports, 'reactToAngular1', {
     enumerable: true,
@@ -120209,7 +120235,7 @@ function sdDropdownAppendToBody($window, $timeout) {
 }
 
 angular.module("superdesk-ui.dropdown", []).directive("dropdown", sdDropdown).directive("dropdownAppendToBody", sdDropdownAppendToBody);
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(41)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(42)))
 
 /***/ }),
 /* 711 */
@@ -120759,7 +120785,7 @@ angular.module('superdesk-ui.searchHandler', []).directive('sdSearchHandler', Se
 /* 722 */
 /***/ (function(module, exports) {
 
-module.exports = "<div class=\"flat-searchbar\" ng-class=\"{extended: extended}\">\n    <div class=\"search-handler\" ng-class=\"{'search-handler--left-border': borderleft}\">\n        <label for=\"search-input\" class=\"trigger-icon\" ng-click=\"extended = !extended\"><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";
+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";
 
 /***/ }),
 /* 723 */
@@ -120821,7 +120847,7 @@ function sdCircularProgress() {
 }
 
 angular.module('superdesk-ui.circularProgress', []).directive('sdCircularProgress', sdCircularProgress);
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(41)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(42)))
 
 /***/ }),
 /* 724 */
@@ -120929,7 +120955,7 @@ __webpack_require__(728);
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
-module.exports = {"icon":"photo, video, map-marker, slideshow, text, file, calendar, composite, audio, stream, ingest, archive, time, pin, expand, ascending, descending, th, grid-view, th-list, list-view, pencil, lock, retweet, unspike, fullscreen, fetch-as, search, star, star-empty, multi-star, th-large, grid-view-large, ok, zoom-in, zoom-out, signal, filter-large, trash, user, download, upload, repeat, refresh, list-alt, plus-large, picture, question-sign, info-sign, plus-sign, minus-sign, remove-sign, share-alt, exclamation-sign, eye-open, copy, comment, warning-sign, adjust, folder-close, folder-open, download-alt, tasks, globe, link, expand-thin, assign, dots, dots-vertical, backward-thin, forward-thin, chevron-left-thin, chevron-right-thin, switches, plus-small, minus-small, close-small, post, external, chevron-up-thin, chevron-down-thin, pick, revert, package-plus, list-plus, envelope, heart, home, print, font, bold, italic, underline, strikethrough, align-left, align-center, align-right, align-justify, unordered-list, indent-left, indent-right, ban-circle, bell, random, settings, package-create, list-menu, new-doc, edit-line, calendar-list, collapse, broadcast, broadcast-create, kill, graphic, close-thick, move, takes-package, highlight-package, preview-mode, unlocked, code, cut, paste, arrow-left, arrow-right, info-large, help-large, attachment, attachment-large, table, ordered-list, heading-1, heading-2, heading-3, heading-4, heading-5, heading-6, quote, multiedit, phone, mobile, twitter, facebook, linked-in, twitter-circle, facebook-circle, linked-in-circle, recurring, paragraph, suggestion, event, kanban-view, subscript, superscript, clear-format, preformatted, crop, flip-horizontal, flip-vertical, rotate-right, rotate-left, business, paywall, analytics, amp, undo, redo, instagram, play, stop, pause, fast_rewind, fast_forward, skip_previous, skip_next, add-image, add-gallery, text-format, to-uppercase, to-lowercase, arrow-small, clear-all, rundown, photo-cancel, video-cancel, text-cancel, file-cancel, audio-cancel, list-alt-cancel, post-cancel"};
+module.exports = {"icon":"photo, video, map-marker, slideshow, text, file, calendar, composite, audio, stream, ingest, archive, time, pin, expand, ascending, descending, th, grid-view, th-list, list-view, pencil, lock, retweet, unspike, fullscreen, fetch-as, search, star, star-empty, multi-star, th-large, grid-view-large, ok, zoom-in, zoom-out, signal, filter-large, trash, user, download, upload, repeat, refresh, list-alt, plus-large, picture, question-sign, info-sign, plus-sign, minus-sign, remove-sign, share-alt, exclamation-sign, eye-open, copy, comment, warning-sign, adjust, folder-close, folder-open, download-alt, tasks, globe, link, expand-thin, assign, dots, dots-vertical, backward-thin, forward-thin, chevron-left-thin, chevron-right-thin, switches, plus-small, minus-small, close-small, post, external, chevron-up-thin, chevron-down-thin, pick, revert, package-plus, list-plus, envelope, heart, home, print, font, bold, italic, underline, strikethrough, align-left, align-center, align-right, align-justify, unordered-list, indent-left, indent-right, ban-circle, bell, random, settings, package-create, list-menu, new-doc, edit-line, calendar-list, collapse, broadcast, broadcast-create, kill, graphic, close-thick, move, takes-package, highlight-package, preview-mode, unlocked, code, cut, paste, arrow-left, arrow-right, info-large, help-large, attachment, attachment-large, table, ordered-list, heading-1, heading-2, heading-3, heading-4, heading-5, heading-6, quote, multiedit, phone, mobile, twitter, facebook, linked-in, twitter-circle, facebook-circle, linked-in-circle, recurring, paragraph, suggestion, event, kanban-view, subscript, superscript, clear-format, preformatted, crop, flip-horizontal, flip-vertical, rotate-right, rotate-left, business, paywall, analytics, amp, undo, redo, instagram, play, stop, pause, fast_rewind, fast_forward, skip_previous, skip_next, add-image, add-gallery, text-format, to-uppercase, to-lowercase, arrow-small, clear-all, rundown, photo-cancel, video-cancel, text-cancel, file-cancel, audio-cancel, list-alt-cancel, post-cancel, text-block"};
 
 /***/ })
 /******/ ]);