superdesk-ui-framework 5.0.2 → 5.0.4

package/dist/superdesk-ui.bundle.js

@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 1092);
+/******/ 	return __webpack_require__(__webpack_require__.s = 1093);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -6017,7 +6017,7 @@ var IconButton_1 = __webpack_require__(71);
 Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
 var IconLabel_1 = __webpack_require__(710);
 Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
-var Tooltip_1 = __webpack_require__(49);
+var Tooltip_1 = __webpack_require__(50);
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
 var DurationInput_1 = __webpack_require__(142);
 Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
@@ -6033,52 +6033,52 @@ var TimePicker_1 = __webpack_require__(143);
 Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
 var TimePickerV2_1 = __webpack_require__(408);
 Object.defineProperty(exports, "TimePickerV2", { enumerable: true, get: function () { return TimePickerV2_1.TimePickerV2; } });
-var FormLabel_1 = __webpack_require__(723);
+var FormLabel_1 = __webpack_require__(724);
 Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
-var Switch_1 = __webpack_require__(724);
+var Switch_1 = __webpack_require__(725);
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
-var SwitchGroup_1 = __webpack_require__(725);
+var SwitchGroup_1 = __webpack_require__(726);
 Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
 var ButtonGroup_1 = __webpack_require__(144);
 Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
 var Loader_1 = __webpack_require__(134);
 Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
-var RadioGroup_1 = __webpack_require__(726);
+var RadioGroup_1 = __webpack_require__(727);
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
-var Checkbox_1 = __webpack_require__(727);
+var Checkbox_1 = __webpack_require__(728);
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
 var RadioButtonGroup_1 = __webpack_require__(373);
 Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return RadioButtonGroup_1.RadioButtonGroup; } });
-var CheckboxButton_1 = __webpack_require__(728);
+var CheckboxButton_1 = __webpack_require__(729);
 Object.defineProperty(exports, "CheckboxButton", { enumerable: true, get: function () { return CheckboxButton_1.CheckboxButton; } });
-var CheckGroup_1 = __webpack_require__(729);
+var CheckGroup_1 = __webpack_require__(730);
 Object.defineProperty(exports, "CheckGroup", { enumerable: true, get: function () { return CheckGroup_1.CheckGroup; } });
-var CheckButtonGroup_1 = __webpack_require__(730);
+var CheckButtonGroup_1 = __webpack_require__(731);
 Object.defineProperty(exports, "CheckButtonGroup", { enumerable: true, get: function () { return CheckButtonGroup_1.CheckButtonGroup; } });
-var NavButton_1 = __webpack_require__(731);
+var NavButton_1 = __webpack_require__(732);
 Object.defineProperty(exports, "NavButton", { enumerable: true, get: function () { return NavButton_1.NavButton; } });
-var TabList_1 = __webpack_require__(732);
+var TabList_1 = __webpack_require__(733);
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return TabList_1.Tab; } });
 Object.defineProperty(exports, "TabList", { enumerable: true, get: function () { return TabList_1.TabList; } });
-var LeftMenu_1 = __webpack_require__(733);
+var LeftMenu_1 = __webpack_require__(734);
 Object.defineProperty(exports, "LeftMenu", { enumerable: true, get: function () { return LeftMenu_1.LeftMenu; } });
-var SubNav_1 = __webpack_require__(750);
+var SubNav_1 = __webpack_require__(751);
 Object.defineProperty(exports, "SubNav", { enumerable: true, get: function () { return SubNav_1.SubNav; } });
 Object.defineProperty(exports, "SubNavDivider", { enumerable: true, get: function () { return SubNav_1.SubNavDivider; } });
-var SlidingToolbar_1 = __webpack_require__(751);
+var SlidingToolbar_1 = __webpack_require__(752);
 Object.defineProperty(exports, "SlidingToolbar", { enumerable: true, get: function () { return SlidingToolbar_1.SlidingToolbar; } });
-var StrechBar_1 = __webpack_require__(752);
+var StrechBar_1 = __webpack_require__(753);
 Object.defineProperty(exports, "StrechBar", { enumerable: true, get: function () { return StrechBar_1.StrechBar; } });
-var PropsList_1 = __webpack_require__(753);
+var PropsList_1 = __webpack_require__(754);
 Object.defineProperty(exports, "PropsList", { enumerable: true, get: function () { return PropsList_1.PropsList; } });
 Object.defineProperty(exports, "Prop", { enumerable: true, get: function () { return PropsList_1.Prop; } });
 var Icon_1 = __webpack_require__(14);
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
-var Divider_1 = __webpack_require__(754);
+var Divider_1 = __webpack_require__(755);
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
 var ContentDivider_1 = __webpack_require__(372);
 Object.defineProperty(exports, "ContentDivider", { enumerable: true, get: function () { return ContentDivider_1.ContentDivider; } });
-var HeadingText_1 = __webpack_require__(755);
+var HeadingText_1 = __webpack_require__(756);
 Object.defineProperty(exports, "HeadingText", { enumerable: true, get: function () { return HeadingText_1.HeadingText; } });
 var DropdownFirst_1 = __webpack_require__(88);
 Object.defineProperty(exports, "DropdownFirst", { enumerable: true, get: function () { return DropdownFirst_1.DropdownFirst; } });
@@ -6090,26 +6090,26 @@ var DropdownFirst_4 = __webpack_require__(88);
 Object.defineProperty(exports, "DropdownDivider", { enumerable: true, get: function () { return DropdownFirst_4.DropdownDivider; } });
 var Dropdown_1 = __webpack_require__(377);
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
-var Tag_1 = __webpack_require__(756);
+var Tag_1 = __webpack_require__(757);
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
 var TagInput_1 = __webpack_require__(409);
 Object.defineProperty(exports, "TagInput", { enumerable: true, get: function () { return TagInput_1.TagInput; } });
-var TabCustom_1 = __webpack_require__(759);
+var TabCustom_1 = __webpack_require__(760);
 Object.defineProperty(exports, "TabLabel", { enumerable: true, get: function () { return TabCustom_1.TabLabel; } });
 Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return TabCustom_1.TabPanel; } });
 Object.defineProperty(exports, "TabContent", { enumerable: true, get: function () { return TabCustom_1.TabContent; } });
 Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return TabCustom_1.Tabs; } });
-var EmptyState_1 = __webpack_require__(760);
+var EmptyState_1 = __webpack_require__(761);
 Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.EmptyState; } });
-var Autocomplete_1 = __webpack_require__(769);
+var Autocomplete_1 = __webpack_require__(770);
 Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return Autocomplete_1.Autocomplete; } });
-var DonutChart_1 = __webpack_require__(773);
+var DonutChart_1 = __webpack_require__(774);
 Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return DonutChart_1.DonutChart; } });
-var Carousel_1 = __webpack_require__(777);
+var Carousel_1 = __webpack_require__(778);
 Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return Carousel_1.Carousel; } });
-var Modal_1 = __webpack_require__(780);
+var Modal_1 = __webpack_require__(781);
 Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
-var GridList_1 = __webpack_require__(783);
+var GridList_1 = __webpack_require__(784);
 Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
 var GridItem_1 = __webpack_require__(137);
 Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
@@ -6125,29 +6125,29 @@ Object.defineProperty(exports, "GridItemFooterBlock", { enumerable: true, get: f
 Object.defineProperty(exports, "GridItemFooterActions", { enumerable: true, get: function () { return GridItem_1.GridItemFooterActions; } });
 Object.defineProperty(exports, "GridItemTopActions", { enumerable: true, get: function () { return GridItem_1.GridItemTopActions; } });
 Object.defineProperty(exports, "GridItemCheckWrapper", { enumerable: true, get: function () { return GridItem_1.GridItemCheckWrapper; } });
-var Toast_1 = __webpack_require__(784);
+var Toast_1 = __webpack_require__(785);
 Object.defineProperty(exports, "toasted", { enumerable: true, get: function () { return Toast_1.toasted; } });
-var Menu_1 = __webpack_require__(788);
+var Menu_1 = __webpack_require__(789);
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
 var index_1 = __webpack_require__(410);
 Object.defineProperty(exports, "ToggleBox", { enumerable: true, get: function () { return index_1.ToggleBox; } });
 var SelectGrid_1 = __webpack_require__(379);
 Object.defineProperty(exports, "SelectGrid", { enumerable: true, get: function () { return SelectGrid_1.SelectGrid; } });
-var IconPicker_1 = __webpack_require__(796);
+var IconPicker_1 = __webpack_require__(797);
 Object.defineProperty(exports, "IconPicker", { enumerable: true, get: function () { return IconPicker_1.IconPicker; } });
-var ThemeSelector_1 = __webpack_require__(797);
+var ThemeSelector_1 = __webpack_require__(798);
 Object.defineProperty(exports, "ThemeSelector", { enumerable: true, get: function () { return ThemeSelector_1.ThemeSelector; } });
-var DropZone_1 = __webpack_require__(798);
+var DropZone_1 = __webpack_require__(799);
 Object.defineProperty(exports, "DropZone", { enumerable: true, get: function () { return DropZone_1.DropZone; } });
-var CreateButton_1 = __webpack_require__(799);
+var CreateButton_1 = __webpack_require__(800);
 Object.defineProperty(exports, "CreateButton", { enumerable: true, get: function () { return CreateButton_1.CreateButton; } });
-var SearchBar_1 = __webpack_require__(800);
+var SearchBar_1 = __webpack_require__(801);
 Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return SearchBar_1.SearchBar; } });
 var WithSizeObserver_1 = __webpack_require__(411);
 Object.defineProperty(exports, "WithSizeObserver", { enumerable: true, get: function () { return WithSizeObserver_1.WithSizeObserver; } });
-var SvgIconIllustration_1 = __webpack_require__(801);
+var SvgIconIllustration_1 = __webpack_require__(802);
 Object.defineProperty(exports, "SvgIconIllustration", { enumerable: true, get: function () { return SvgIconIllustration_1.SvgIconIllustration; } });
-var IllustrationButton_1 = __webpack_require__(802);
+var IllustrationButton_1 = __webpack_require__(803);
 Object.defineProperty(exports, "IllustrationButton", { enumerable: true, get: function () { return IllustrationButton_1.IllustrationButton; } });
 __exportStar(__webpack_require__(26), exports);
 __exportStar(__webpack_require__(18), exports);
@@ -6155,16 +6155,16 @@ __exportStar(__webpack_require__(92), exports);
 __exportStar(__webpack_require__(145), exports);
 var Skeleton_1 = __webpack_require__(381);
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
-var ListItemLoader_1 = __webpack_require__(846);
+var ListItemLoader_1 = __webpack_require__(847);
 Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
 var Spinner_1 = __webpack_require__(94);
 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__(847);
+var Text_1 = __webpack_require__(848);
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
-var Time_1 = __webpack_require__(848);
+var Time_1 = __webpack_require__(849);
 Object.defineProperty(exports, "Time", { enumerable: true, get: function () { return Time_1.Time; } });
-var Heading_1 = __webpack_require__(849);
+var Heading_1 = __webpack_require__(850);
 Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return Heading_1.Heading; } });
 var BottomNav_1 = __webpack_require__(412);
 Object.defineProperty(exports, "BottomNav", { enumerable: true, get: function () { return BottomNav_1.BottomNav; } });
@@ -6177,19 +6177,19 @@ Object.defineProperty(exports, "TableList", { enumerable: true, get: function ()
 Object.defineProperty(exports, "TableListItem", { enumerable: true, get: function () { return TableList_1.TableListItem; } });
 var ContentList_1 = __webpack_require__(146);
 Object.defineProperty(exports, "ContentListItem", { enumerable: true, get: function () { return ContentList_1.ContentListItem; } });
-var MultiSelect_1 = __webpack_require__(886);
+var MultiSelect_1 = __webpack_require__(887);
 Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
-var ResizablePanels_1 = __webpack_require__(893);
+var ResizablePanels_1 = __webpack_require__(894);
 Object.defineProperty(exports, "ResizablePanels", { enumerable: true, get: function () { return ResizablePanels_1.ResizablePanels; } });
 var WithPopover_1 = __webpack_require__(95);
 Object.defineProperty(exports, "WithPopover", { enumerable: true, get: function () { return WithPopover_1.WithPopover; } });
 var ShowPopup_1 = __webpack_require__(96);
 Object.defineProperty(exports, "PopupPositioner", { enumerable: true, get: function () { return ShowPopup_1.PopupPositioner; } });
 Object.defineProperty(exports, "showPopup", { enumerable: true, get: function () { return ShowPopup_1.showPopup; } });
-var common_1 = __webpack_require__(55);
+var common_1 = __webpack_require__(49);
 Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return common_1.Spacer; } });
 Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return common_1.SpacerBlock; } });
-var ResizeObserverComponent_1 = __webpack_require__(904);
+var ResizeObserverComponent_1 = __webpack_require__(905);
 Object.defineProperty(exports, "ResizeObserverComponent", { enumerable: true, get: function () { return ResizeObserverComponent_1.ResizeObserverComponent; } });
 var DragHandleDots_1 = __webpack_require__(378);
 Object.defineProperty(exports, "DragHandleDots", { enumerable: true, get: function () { return DragHandleDots_1.DragHandleDots; } });
@@ -6199,7 +6199,7 @@ var CalendarWeekDayItem_1 = __webpack_require__(415);
 Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
 Object.defineProperty(exports, "WeeklyCalendarGrid", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGrid; } });
 Object.defineProperty(exports, "WeeklyCalendarGridItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGridItem; } });
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });
 var localization_1 = __webpack_require__(371);
 Object.defineProperty(exports, "setupLocalization", { enumerable: true, get: function () { return localization_1.setupLocalization; } });
@@ -7946,36 +7946,6 @@ function isShadowRoot(node) {
 /* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.assertNever = assertNever;
-exports.nameof = nameof;
-exports.getTextColor = getTextColor;
-function assertNever(x) {
-    throw new Error('Unexpected object: ' + x);
-}
-function nameof(name) {
-    return name.toString();
-}
-function getTextColor(backgroundColor) {
-    if (backgroundColor) {
-        var r = parseInt(backgroundColor.substr(1, 2), 16);
-        var g = parseInt(backgroundColor.substr(3, 2), 16);
-        var b = parseInt(backgroundColor.substr(5, 2), 16);
-        var yiq = (r * 299 + g * 587 + b * 114) / 1000;
-        return yiq >= 128 ? 'black' : 'white';
-    }
-    else {
-        return;
-    }
-}
-
-
-/***/ }),
-/* 25 */
-/***/ (function(module, exports, __webpack_require__) {
-
 /* WEBPACK VAR INJECTION */(function(global, module) {var __WEBPACK_AMD_DEFINE_RESULT__;/**
  * @license
  * Lodash <https://lodash.com/>
@@ -25189,6 +25159,36 @@ function getTextColor(backgroundColor) {
 
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(56), __webpack_require__(73)(module)))
 
+/***/ }),
+/* 25 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.assertNever = assertNever;
+exports.nameof = nameof;
+exports.getTextColor = getTextColor;
+function assertNever(x) {
+    throw new Error('Unexpected object: ' + x);
+}
+function nameof(name) {
+    return name.toString();
+}
+function getTextColor(backgroundColor) {
+    if (backgroundColor) {
+        var r = parseInt(backgroundColor.substr(1, 2), 16);
+        var g = parseInt(backgroundColor.substr(3, 2), 16);
+        var b = parseInt(backgroundColor.substr(5, 2), 16);
+        var yiq = (r * 299 + g * 587 + b * 114) / 1000;
+        return yiq >= 128 ? 'black' : 'white';
+    }
+    else {
+        return;
+    }
+}
+
+
 /***/ }),
 /* 26 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -25204,82 +25204,82 @@ Object.defineProperty(exports, "PanelContent", { enumerable: true, get: function
 Object.defineProperty(exports, "PanelContentBlock", { enumerable: true, get: function () { return Panel_1.PanelContentBlock; } });
 Object.defineProperty(exports, "PanelFooter", { enumerable: true, get: function () { return Panel_1.PanelFooter; } });
 Object.defineProperty(exports, "PanelHeaderSlidingToolbar", { enumerable: true, get: function () { return Panel_1.PanelHeaderSlidingToolbar; } });
-var Layout_1 = __webpack_require__(803);
+var Layout_1 = __webpack_require__(804);
 Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
-var LayoutContainer_1 = __webpack_require__(804);
+var LayoutContainer_1 = __webpack_require__(805);
 Object.defineProperty(exports, "LayoutContainer", { enumerable: true, get: function () { return LayoutContainer_1.LayoutContainer; } });
-var HeaderPanel_1 = __webpack_require__(805);
+var HeaderPanel_1 = __webpack_require__(806);
 Object.defineProperty(exports, "HeaderPanel", { enumerable: true, get: function () { return HeaderPanel_1.HeaderPanel; } });
-var MainPanel_1 = __webpack_require__(806);
+var MainPanel_1 = __webpack_require__(807);
 Object.defineProperty(exports, "MainPanel", { enumerable: true, get: function () { return MainPanel_1.MainPanel; } });
 Object.defineProperty(exports, "IMainPanelProps", { enumerable: true, get: function () { return MainPanel_1.IMainPanelProps; } });
-var LeftPanel_1 = __webpack_require__(807);
+var LeftPanel_1 = __webpack_require__(808);
 Object.defineProperty(exports, "LeftPanel", { enumerable: true, get: function () { return LeftPanel_1.LeftPanel; } });
-var RightPanel_1 = __webpack_require__(808);
+var RightPanel_1 = __webpack_require__(809);
 Object.defineProperty(exports, "RightPanel", { enumerable: true, get: function () { return RightPanel_1.RightPanel; } });
-var OverlayPanel_1 = __webpack_require__(809);
+var OverlayPanel_1 = __webpack_require__(810);
 Object.defineProperty(exports, "OverlayPanel", { enumerable: true, get: function () { return OverlayPanel_1.OverlayPanel; } });
-var AuthoringContainer_1 = __webpack_require__(810);
+var AuthoringContainer_1 = __webpack_require__(811);
 Object.defineProperty(exports, "AuthoringContainer", { enumerable: true, get: function () { return AuthoringContainer_1.AuthoringContainer; } });
-var ContentSplitter_1 = __webpack_require__(811);
+var ContentSplitter_1 = __webpack_require__(812);
 Object.defineProperty(exports, "ContentSplitter", { enumerable: true, get: function () { return ContentSplitter_1.ContentSplitter; } });
-var PageLayout_1 = __webpack_require__(812);
+var PageLayout_1 = __webpack_require__(813);
 Object.defineProperty(exports, "PageLayout", { enumerable: true, get: function () { return PageLayout_1.PageLayout; } });
-var Container_1 = __webpack_require__(813);
+var Container_1 = __webpack_require__(814);
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return Container_1.Container; } });
-var AuthoringFrameContainer_1 = __webpack_require__(814);
+var AuthoringFrameContainer_1 = __webpack_require__(815);
 Object.defineProperty(exports, "AuthoringFrameContainer", { enumerable: true, get: function () { return AuthoringFrameContainer_1.AuthoringFrameContainer; } });
-var AuthoringFrameMain_1 = __webpack_require__(815);
+var AuthoringFrameMain_1 = __webpack_require__(816);
 Object.defineProperty(exports, "AuthoringFrameMain", { enumerable: true, get: function () { return AuthoringFrameMain_1.AuthoringFrameMain; } });
-var AuthoringFrameNavBar_1 = __webpack_require__(816);
+var AuthoringFrameNavBar_1 = __webpack_require__(817);
 Object.defineProperty(exports, "AuthoringFrameNavBar", { enumerable: true, get: function () { return AuthoringFrameNavBar_1.AuthoringFrameNavBar; } });
-var AuthoringFrameLeftBar_1 = __webpack_require__(817);
+var AuthoringFrameLeftBar_1 = __webpack_require__(818);
 Object.defineProperty(exports, "AuthoringFrameLeftBar", { enumerable: true, get: function () { return AuthoringFrameLeftBar_1.AuthoringFrameLeftBar; } });
-var AuthoringFrameRightBar_1 = __webpack_require__(818);
+var AuthoringFrameRightBar_1 = __webpack_require__(819);
 Object.defineProperty(exports, "AuthoringFrameRightBar", { enumerable: true, get: function () { return AuthoringFrameRightBar_1.AuthoringFrameRightBar; } });
-var AuthoringFrameSidePanel_1 = __webpack_require__(819);
+var AuthoringFrameSidePanel_1 = __webpack_require__(820);
 Object.defineProperty(exports, "AuthoringFrameSidePanel", { enumerable: true, get: function () { return AuthoringFrameSidePanel_1.AuthoringFrameSidePanel; } });
-var AuthoringFrameSidePanelOverlay_1 = __webpack_require__(820);
+var AuthoringFrameSidePanelOverlay_1 = __webpack_require__(821);
 Object.defineProperty(exports, "AuthoringFrameSidePanelOverlay", { enumerable: true, get: function () { return AuthoringFrameSidePanelOverlay_1.AuthoringFrameSidePanelOverlay; } });
-var AuthoringFrameOverlay_1 = __webpack_require__(821);
+var AuthoringFrameOverlay_1 = __webpack_require__(822);
 Object.defineProperty(exports, "AuthoringFrameOverlay", { enumerable: true, get: function () { return AuthoringFrameOverlay_1.AuthoringFrameOverlay; } });
-var AuthoringFrame_1 = __webpack_require__(822);
+var AuthoringFrame_1 = __webpack_require__(823);
 Object.defineProperty(exports, "AuthoringFrame", { enumerable: true, get: function () { return AuthoringFrame_1.AuthoringFrame; } });
-var AuthoringMain_1 = __webpack_require__(823);
+var AuthoringMain_1 = __webpack_require__(824);
 Object.defineProperty(exports, "AuthoringMain", { enumerable: true, get: function () { return AuthoringMain_1.AuthoringMain; } });
-var AuthoringMainContainer_1 = __webpack_require__(824);
+var AuthoringMainContainer_1 = __webpack_require__(825);
 Object.defineProperty(exports, "AuthoringMainContainer", { enumerable: true, get: function () { return AuthoringMainContainer_1.AuthoringMainContainer; } });
-var AuthoringMainToolBar_1 = __webpack_require__(825);
+var AuthoringMainToolBar_1 = __webpack_require__(826);
 Object.defineProperty(exports, "AuthoringMainToolBar", { enumerable: true, get: function () { return AuthoringMainToolBar_1.AuthoringMainToolBar; } });
-var AuthoringMainContent_1 = __webpack_require__(826);
+var AuthoringMainContent_1 = __webpack_require__(827);
 Object.defineProperty(exports, "AuthoringMainContent", { enumerable: true, get: function () { return AuthoringMainContent_1.AuthoringMainContent; } });
-var AuthoringInnerHeader_1 = __webpack_require__(827);
+var AuthoringInnerHeader_1 = __webpack_require__(828);
 Object.defineProperty(exports, "AuthoringInnerHeader", { enumerable: true, get: function () { return AuthoringInnerHeader_1.AuthoringInnerHeader; } });
-var AuthoringInnerBody_1 = __webpack_require__(828);
+var AuthoringInnerBody_1 = __webpack_require__(829);
 Object.defineProperty(exports, "AuthoringInnerBody", { enumerable: true, get: function () { return AuthoringInnerBody_1.AuthoringInnerBody; } });
-var AuthorinInnerSideBar_1 = __webpack_require__(829);
+var AuthorinInnerSideBar_1 = __webpack_require__(830);
 Object.defineProperty(exports, "AuthorinInnerSideBar", { enumerable: true, get: function () { return AuthorinInnerSideBar_1.AuthorinInnerSideBar; } });
-var CoreLayout_1 = __webpack_require__(830);
+var CoreLayout_1 = __webpack_require__(831);
 Object.defineProperty(exports, "CoreLayout", { enumerable: true, get: function () { return CoreLayout_1.CoreLayout; } });
-var CoreLayoutContainer_1 = __webpack_require__(831);
+var CoreLayoutContainer_1 = __webpack_require__(832);
 Object.defineProperty(exports, "CoreLayoutContainer", { enumerable: true, get: function () { return CoreLayoutContainer_1.CoreLayoutContainer; } });
-var CoreLayoutTopMenu_1 = __webpack_require__(832);
+var CoreLayoutTopMenu_1 = __webpack_require__(833);
 Object.defineProperty(exports, "CoreLayoutTopMenu", { enumerable: true, get: function () { return CoreLayoutTopMenu_1.CoreLayoutTopMenu; } });
-var CoreLayoutMain_1 = __webpack_require__(833);
+var CoreLayoutMain_1 = __webpack_require__(834);
 Object.defineProperty(exports, "CoreLayoutMain", { enumerable: true, get: function () { return CoreLayoutMain_1.CoreLayoutMain; } });
-var CoreLayoutSlideInMenu_1 = __webpack_require__(834);
+var CoreLayoutSlideInMenu_1 = __webpack_require__(835);
 Object.defineProperty(exports, "CoreLayoutSlideInMenu", { enumerable: true, get: function () { return CoreLayoutSlideInMenu_1.CoreLayoutSlideInMenu; } });
-var CoreLayoutFooter_1 = __webpack_require__(835);
+var CoreLayoutFooter_1 = __webpack_require__(836);
 Object.defineProperty(exports, "CoreLayoutFooter", { enumerable: true, get: function () { return CoreLayoutFooter_1.CoreLayoutFooter; } });
-var CoreLayoutOverlay_1 = __webpack_require__(836);
+var CoreLayoutOverlay_1 = __webpack_require__(837);
 Object.defineProperty(exports, "CoreLayoutOverlay", { enumerable: true, get: function () { return CoreLayoutOverlay_1.CoreLayoutOverlay; } });
-var HamburgerButton_1 = __webpack_require__(837);
+var HamburgerButton_1 = __webpack_require__(838);
 Object.defineProperty(exports, "HamburgerButton", { enumerable: true, get: function () { return HamburgerButton_1.HamburgerButton; } });
-var BottomBarAction_1 = __webpack_require__(838);
+var BottomBarAction_1 = __webpack_require__(839);
 Object.defineProperty(exports, "BottomBarAction", { enumerable: true, get: function () { return BottomBarAction_1.BottomBarAction; } });
-var MainMenu_1 = __webpack_require__(839);
+var MainMenu_1 = __webpack_require__(840);
 Object.defineProperty(exports, "MainMenu", { enumerable: true, get: function () { return MainMenu_1.MainMenu; } });
-var NotificationPanel_1 = __webpack_require__(840);
+var NotificationPanel_1 = __webpack_require__(841);
 Object.defineProperty(exports, "NotificationPanel", { enumerable: true, get: function () { return NotificationPanel_1.NotificationPanel; } });
 
 
@@ -25854,7 +25854,7 @@ var _reactDom = _interopRequireDefault(__webpack_require__(13));
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
 var _ClassNames = __webpack_require__(16);
 var _DomHandler = _interopRequireDefault(__webpack_require__(22));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(53));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -26605,6 +26605,57 @@ function _inheritsLoose(subClass, superClass) {
 
 "use strict";
 
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(__webpack_require__(474), exports);
+__exportStar(__webpack_require__(226), exports);
+__exportStar(__webpack_require__(227), exports);
+__exportStar(__webpack_require__(231), exports);
+__exportStar(__webpack_require__(669), exports);
+__exportStar(__webpack_require__(670), exports);
+__exportStar(__webpack_require__(671), exports);
+__exportStar(__webpack_require__(672), exports);
+__exportStar(__webpack_require__(234), exports);
+__exportStar(__webpack_require__(230), exports);
+__exportStar(__webpack_require__(690), exports);
+__exportStar(__webpack_require__(691), exports);
+__exportStar(__webpack_require__(692), exports);
+__exportStar(__webpack_require__(693), exports);
+__exportStar(__webpack_require__(229), exports);
+__exportStar(__webpack_require__(228), exports);
+__exportStar(__webpack_require__(694), exports);
+__exportStar(__webpack_require__(695), exports);
+__exportStar(__webpack_require__(696), exports);
+__exportStar(__webpack_require__(697), exports);
+__exportStar(__webpack_require__(698), exports);
+__exportStar(__webpack_require__(702), exports);
+__exportStar(__webpack_require__(703), exports);
+__exportStar(__webpack_require__(704), exports);
+__exportStar(__webpack_require__(705), exports);
+__exportStar(__webpack_require__(706), exports);
+__exportStar(__webpack_require__(708), exports);
+__exportStar(__webpack_require__(709), exports);
+
+
+/***/ }),
+/* 50 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -26667,7 +26718,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var React = __importStar(__webpack_require__(0));
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var TooltipV2_1 = __webpack_require__(423);
 function flowToPlacement(flow) {
     switch (flow) {
@@ -26700,7 +26751,7 @@ var Tooltip = /** @class */ (function (_super) {
             // backwards compatibility for legacy props
             return (React.createElement(TooltipV2_1.TooltipV2, { content: (_a = this.props.text) !== null && _a !== void 0 ? _a : '', placement: flowToPlacement(this.props.flow) }, function (_a) {
                 var attributes = _a.attributes;
-                return (React.createElement("div", __assign({}, attributes, { style: { display: 'inline-flex' } }), _this.props.children));
+                return (React.createElement("div", __assign({}, attributes, { style: { display: 'contents' } }), _this.props.children));
             }));
         }
     };
@@ -26710,7 +26761,7 @@ exports.Tooltip = Tooltip;
 
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26720,7 +26771,7 @@ function getNodeName(element) {
 }
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26732,7 +26783,7 @@ var min = Math.min;
 var round = Math.round;
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -26786,7 +26837,7 @@ var ConnectedOverlayScrollHandler = exports.default = /*#__PURE__*/function () {
 }();
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -26845,7 +26896,7 @@ exports.default = getISOWeekYear;
 
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26862,57 +26913,6 @@ if (process.env.NODE_ENV !== 'production') {
 /* unused harmony default export */ var _unused_webpack_default_export = (ReactReduxContext);
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(7)))
 
-/***/ }),
-/* 55 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(474), exports);
-__exportStar(__webpack_require__(226), exports);
-__exportStar(__webpack_require__(227), exports);
-__exportStar(__webpack_require__(231), exports);
-__exportStar(__webpack_require__(669), exports);
-__exportStar(__webpack_require__(670), exports);
-__exportStar(__webpack_require__(671), exports);
-__exportStar(__webpack_require__(672), exports);
-__exportStar(__webpack_require__(234), exports);
-__exportStar(__webpack_require__(230), exports);
-__exportStar(__webpack_require__(690), exports);
-__exportStar(__webpack_require__(691), exports);
-__exportStar(__webpack_require__(692), exports);
-__exportStar(__webpack_require__(693), exports);
-__exportStar(__webpack_require__(229), exports);
-__exportStar(__webpack_require__(228), exports);
-__exportStar(__webpack_require__(694), exports);
-__exportStar(__webpack_require__(695), exports);
-__exportStar(__webpack_require__(696), exports);
-__exportStar(__webpack_require__(697), exports);
-__exportStar(__webpack_require__(698), exports);
-__exportStar(__webpack_require__(702), exports);
-__exportStar(__webpack_require__(703), exports);
-__exportStar(__webpack_require__(704), exports);
-__exportStar(__webpack_require__(705), exports);
-__exportStar(__webpack_require__(706), exports);
-__exportStar(__webpack_require__(708), exports);
-__exportStar(__webpack_require__(709), exports);
-
-
 /***/ }),
 /* 56 */
 /***/ (function(module, exports) {
@@ -27165,7 +27165,7 @@ var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(3));
 var Icon_1 = __webpack_require__(14);
 var Spinner_1 = __webpack_require__(94);
-var Tooltip_1 = __webpack_require__(49);
+var Tooltip_1 = __webpack_require__(50);
 var Button = /** @class */ (function (_super) {
     __extends(Button, _super);
     function Button() {
@@ -27224,7 +27224,7 @@ var TooltipWrapper = /** @class */ (function (_super) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getBoundingClientRect;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__instanceOf_js__ = __webpack_require__(23);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_math_js__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_math_js__ = __webpack_require__(52);
 
 
 function getBoundingClientRect(element, includeScale) {
@@ -27269,7 +27269,7 @@ function getBoundingClientRect(element, includeScale) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getOffsetParent;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(30);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeName_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeName_js__ = __webpack_require__(51);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getComputedStyle_js__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(23);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__isTableElement_js__ = __webpack_require__(424);
@@ -27536,7 +27536,7 @@ __exportStar(__webpack_require__(205), exports);
 __exportStar(__webpack_require__(526), exports);
 __exportStar(__webpack_require__(206), exports);
 __exportStar(__webpack_require__(125), exports);
-__exportStar(__webpack_require__(53), exports);
+__exportStar(__webpack_require__(54), exports);
 __exportStar(__webpack_require__(527), exports);
 __exportStar(__webpack_require__(528), exports);
 __exportStar(__webpack_require__(529), exports);
@@ -27786,7 +27786,7 @@ exports.default = addMonths;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.startOfISOWeekYear = startOfISOWeekYear;
 var constructFrom_js_1 = __webpack_require__(4);
-var getISOWeekYear_js_1 = __webpack_require__(53);
+var getISOWeekYear_js_1 = __webpack_require__(54);
 var startOfISOWeek_js_1 = __webpack_require__(32);
 /**
  * The {@link startOfISOWeekYear} function options.
@@ -27938,7 +27938,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconButton = void 0;
 var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(14);
-var Tooltip_1 = __webpack_require__(49);
+var Tooltip_1 = __webpack_require__(50);
 var classnames_1 = __importDefault(__webpack_require__(3));
 var IconButton = /** @class */ (function (_super) {
     __extends(IconButton, _super);
@@ -27999,7 +27999,7 @@ module.exports = function(module) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getParentNode;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(51);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(23);
 
@@ -39923,11 +39923,11 @@ exports.FormLabel = FormLabel;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuickNavBar = exports.SideBarTabs = exports.SideBarMenu = void 0;
-var SideBarMenu_1 = __webpack_require__(841);
+var SideBarMenu_1 = __webpack_require__(842);
 Object.defineProperty(exports, "SideBarMenu", { enumerable: true, get: function () { return SideBarMenu_1.SideBarMenu; } });
-var SideBarTabs_1 = __webpack_require__(842);
+var SideBarTabs_1 = __webpack_require__(843);
 Object.defineProperty(exports, "SideBarTabs", { enumerable: true, get: function () { return SideBarTabs_1.SideBarTabs; } });
-var QuickNavBar_1 = __webpack_require__(843);
+var QuickNavBar_1 = __webpack_require__(844);
 Object.defineProperty(exports, "QuickNavBar", { enumerable: true, get: function () { return QuickNavBar_1.QuickNavBar; } });
 
 
@@ -40197,7 +40197,7 @@ exports.showPopup = showPopup;
 var React = __importStar(__webpack_require__(0));
 var react_dom_1 = __importDefault(__webpack_require__(13));
 var core_1 = __webpack_require__(57);
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var popper_max_size_modifier_1 = __importDefault(__webpack_require__(443));
 var zIndex_1 = __webpack_require__(38);
 var padding = 8;
@@ -40375,7 +40375,7 @@ function showPopup(referenceElement, placement, Component, closeOnHoverEnd, onCl
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getNodeName_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getNodeName_js__ = __webpack_require__(51);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_instanceOf_js__ = __webpack_require__(23);
 
  // This modifier takes the styles prepared by the `computeStyles` modifier
@@ -40518,7 +40518,7 @@ function getMainAxisFromPlacement(placement) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_getBasePlacement_js__ = __webpack_require__(36);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_getVariation_js__ = __webpack_require__(65);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(52);
 
 
 
@@ -60154,14 +60154,14 @@ var date_fns_1 = __webpack_require__(67);
 var date_fns_2 = __webpack_require__(67);
 var moment_1 = __importDefault(__webpack_require__(1));
 var calendar_1 = __webpack_require__(712);
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var Form_1 = __webpack_require__(18);
 var Button_1 = __webpack_require__(62);
 var weekstart_1 = __webpack_require__(716);
-var common_1 = __webpack_require__(55);
+var common_1 = __webpack_require__(49);
 var localization_1 = __webpack_require__(371);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var internalPrimereactClassnames = {
     overlayVisible: 'p-input-overlay-visible',
 };
@@ -60713,7 +60713,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectPreview = void 0;
 var classnames_1 = __importDefault(__webpack_require__(3));
 var React = __importStar(__webpack_require__(0));
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var SelectPreview = /** @class */ (function (_super) {
     __extends(SelectPreview, _super);
     function SelectPreview() {
@@ -61241,7 +61241,7 @@ var React = __importStar(__webpack_require__(0));
 var react_dom_1 = __importDefault(__webpack_require__(13));
 var classnames_1 = __importDefault(__webpack_require__(3));
 var react_beautiful_dnd_1 = __webpack_require__(388);
-var Tooltip_1 = __webpack_require__(49);
+var Tooltip_1 = __webpack_require__(50);
 var Button_1 = __webpack_require__(62);
 var Dropdown_1 = __webpack_require__(377);
 var SingleAndDoubleClickFunction_1 = __webpack_require__(397);
@@ -61964,15 +61964,11 @@ var TimePicker = /** @class */ (function (_super) {
             React.createElement("div", { className: "time-picker__input" },
                 React.createElement("input", { style: {
                         cursor: 'pointer',
-                    }, ref: this.timeInputRef, value: (_b = this.props.value) !== null && _b !== void 0 ? _b : '', type: "time", onClick: function (e) {
-                        // don't show default popup
-                        e.preventDefault();
+                    }, ref: this.timeInputRef, value: (_b = this.props.value) !== null && _b !== void 0 ? _b : '', type: "time", onClick: function () {
                         _this.setState({
                             popupOpen: !_this.state.popupOpen,
                         });
                     }, onKeyDown: function (event) {
-                        // don't show default popup
-                        event.preventDefault();
                         if (event.key === ' ') {
                             _this.setState({
                                 popupOpen: !_this.state.popupOpen,
@@ -62096,10 +62092,10 @@ exports.ButtonGroup = ButtonGroup;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BoxedListContentRow = exports.BoxedListItem = exports.BoxedList = exports.SimpleListItem = exports.SimpleList = void 0;
-var SimpleList_1 = __webpack_require__(844);
+var SimpleList_1 = __webpack_require__(845);
 Object.defineProperty(exports, "SimpleList", { enumerable: true, get: function () { return SimpleList_1.SimpleList; } });
 Object.defineProperty(exports, "SimpleListItem", { enumerable: true, get: function () { return SimpleList_1.SimpleListItem; } });
-var BoxedList_1 = __webpack_require__(845);
+var BoxedList_1 = __webpack_require__(846);
 Object.defineProperty(exports, "BoxedList", { enumerable: true, get: function () { return BoxedList_1.BoxedList; } });
 Object.defineProperty(exports, "BoxedListItem", { enumerable: true, get: function () { return BoxedList_1.BoxedListItem; } });
 Object.defineProperty(exports, "BoxedListContentRow", { enumerable: true, get: function () { return BoxedList_1.BoxedListContentRow; } });
@@ -62441,7 +62437,7 @@ function contains(parent, child) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = within;
 /* harmony export (immutable) */ __webpack_exports__["b"] = withinMaxClamp;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__math_js__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__math_js__ = __webpack_require__(52);
 
 function within(min, value, max) {
   return Object(__WEBPACK_IMPORTED_MODULE_0__math_js__["a" /* max */])(min, Object(__WEBPACK_IMPORTED_MODULE_0__math_js__["b" /* min */])(value, max));
@@ -62931,7 +62927,7 @@ function offset(_ref2) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(66);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(65);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_getFreshSideObject_js__ = __webpack_require__(154);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_math_js__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_math_js__ = __webpack_require__(52);
 
 
 
@@ -63198,7 +63194,8 @@ var InputWrapper = /** @class */ (function (_super) {
             'sd-input__label--boxed': this.props.boxedLable,
         });
         return (React.createElement("div", { className: classes, "data-test-id": this.props['data-test-id'] },
-            React.createElement("label", { className: labelClasses, htmlFor: this.props.htmlId, id: this.props.htmlId + 'label', tabIndex: this.props.tabindex === undefined ? undefined : -1 }, this.props.label),
+            React.createElement("label", { className: labelClasses, htmlFor: this.props.htmlId, id: this.props.htmlId + 'label', tabIndex: this.props.tabindex === undefined ? undefined : -1 },
+                React.createElement("span", null, this.props.label)),
             React.createElement("div", { className: "sd-input__input-container" }, this.props.children),
             this.props.maxLength && (React.createElement("div", { className: "sd-input__char-count" }, (_e = this.props.value) === null || _e === void 0 ? void 0 :
                 _e.toString().length,
@@ -64155,7 +64152,7 @@ exports.default = addHours;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addISOWeekYears = addISOWeekYears;
-var getISOWeekYear_js_1 = __webpack_require__(53);
+var getISOWeekYear_js_1 = __webpack_require__(54);
 var setISOWeekYear_js_1 = __webpack_require__(179);
 /**
  * The {@link addISOWeekYears} function options.
@@ -64555,7 +64552,7 @@ exports.default = isDate;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.differenceInCalendarISOWeekYears = differenceInCalendarISOWeekYears;
 var normalizeDates_js_1 = __webpack_require__(12);
-var getISOWeekYear_js_1 = __webpack_require__(53);
+var getISOWeekYear_js_1 = __webpack_require__(54);
 /**
  * The {@link differenceInCalendarISOWeekYears} function options.
  */
@@ -83409,30 +83406,30 @@ exports.RadioButtonGroup = RadioButtonGroup;
 "use strict";
 
 
-var _interopRequireDefault = __webpack_require__(734);
+var _interopRequireDefault = __webpack_require__(735);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(__webpack_require__(735));
+var _extends2 = _interopRequireDefault(__webpack_require__(736));
 
-var _defineProperty2 = _interopRequireDefault(__webpack_require__(736));
+var _defineProperty2 = _interopRequireDefault(__webpack_require__(737));
 
-var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(737));
+var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(738));
 
-var _classCallCheck2 = _interopRequireDefault(__webpack_require__(742));
+var _classCallCheck2 = _interopRequireDefault(__webpack_require__(743));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(743));
+var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(744));
 
-var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(745));
+var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(746));
 
 var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(376));
 
-var _createClass2 = _interopRequireDefault(__webpack_require__(746));
+var _createClass2 = _interopRequireDefault(__webpack_require__(747));
 
-var _inherits2 = _interopRequireDefault(__webpack_require__(747));
+var _inherits2 = _interopRequireDefault(__webpack_require__(748));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
 
@@ -83440,7 +83437,7 @@ var _react = _interopRequireDefault(__webpack_require__(0));
 
 var _classnames = _interopRequireDefault(__webpack_require__(3));
 
-var _throttle = _interopRequireDefault(__webpack_require__(749));
+var _throttle = _interopRequireDefault(__webpack_require__(750));
 
 function isEqualArray(a, b) {
   return a.length === b.length && a.every(function (item, index) {
@@ -84181,7 +84178,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectGrid = void 0;
 var React = __importStar(__webpack_require__(0));
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
-var overlaypanel_1 = __webpack_require__(794);
+var overlaypanel_1 = __webpack_require__(795);
 var Loader_1 = __webpack_require__(134);
 var GRID_COLS = 3;
 var GRID_ROWS = 5;
@@ -84312,7 +84309,8 @@ var SelectGrid = /** @class */ (function (_super) {
         var TriggerTemplate = this.props.triggerTemplate;
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "sd-input sd-input--grid-select", ref: this.buttonContainer, "aria-label": this.props.label, key: this.props.label },
-                React.createElement("label", { className: "sd-input__label" }, this.props.label),
+                React.createElement("label", { className: "sd-input__label" },
+                    React.createElement("span", null, this.props.label)),
                 React.createElement(TriggerTemplate, { onClick: this.mountPopup })),
             React.createElement(overlaypanel_1.OverlayPanel, { onHide: function () {
                     var _a, _b;
@@ -84662,7 +84660,7 @@ module.exports = isObject;
 /* 383 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var freeGlobal = __webpack_require__(852);
+var freeGlobal = __webpack_require__(853);
 
 /** Detect free variable `self`. */
 var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
@@ -84744,7 +84742,7 @@ exports.TreeSelectItem = void 0;
 exports.getPrefixedItemId = getPrefixedItemId;
 var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(14);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 function getPrefixedItemId(id) {
     return id + '-focus';
 }
@@ -84967,12 +84965,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(48);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_extends__ = __webpack_require__(34);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_redux__ = __webpack_require__(862);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_redux__ = __webpack_require__(864);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_use_memo_one__ = __webpack_require__(881);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_css_box_model__ = __webpack_require__(882);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_memoize_one__ = __webpack_require__(883);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_raf_schd__ = __webpack_require__(884);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_redux__ = __webpack_require__(863);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_redux__ = __webpack_require__(865);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_use_memo_one__ = __webpack_require__(882);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_css_box_model__ = __webpack_require__(883);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_memoize_one__ = __webpack_require__(884);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_raf_schd__ = __webpack_require__(885);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom__ = __webpack_require__(13);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_react_dom__);
 
@@ -93526,11 +93524,11 @@ var getBatch = function getBatch() {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_hoist_non_react_statics___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_hoist_non_react_statics__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(867);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(868);
 /* 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__(138);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(139);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(54);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(55);
 
 
 var _excluded = ["getDisplayName", "methodName", "renderCountProp", "shouldHandleStateChanges", "storeKey", "withRef", "forwardRef", "context"],
@@ -94025,7 +94023,7 @@ function wrapMapToPropsFunc(mapToProps, methodName) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = verifyPlainObject;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(873);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(874);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(394);
 
 
@@ -94075,7 +94073,7 @@ function warning(message) {
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useStore; });
 /* 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__(54);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(55);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__useReduxContext__ = __webpack_require__(396);
 
 
@@ -94128,7 +94126,7 @@ var useStore = /*#__PURE__*/createStoreHook();
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["a"] = useReduxContext;
 /* 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__(54);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(55);
 
 
 /**
@@ -94470,7 +94468,7 @@ var PopperWrapper = /** @class */ (function (_super) {
                 if (w != null) {
                     _this.wrapper = w;
                 }
-            }, tabIndex: 0, role: "dialog", "aria-labelledby": "popoverTitle", onKeyDown: function (event) {
+            }, tabIndex: 0, role: "dialog", "data-theme": this.props.theme, "aria-labelledby": "popoverTitle", onKeyDown: function (event) {
                 if (event.key === 'Escape') {
                     event.preventDefault();
                     _this.props.close();
@@ -97340,7 +97338,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePickerV2 = void 0;
 var React = __importStar(__webpack_require__(0));
 var Form_1 = __webpack_require__(18);
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var TimePickerV2 = /** @class */ (function (_super) {
     __extends(TimePickerV2, _super);
     function TimePickerV2(props) {
@@ -97548,7 +97546,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagInput = void 0;
 var React = __importStar(__webpack_require__(0));
-var chips_1 = __webpack_require__(757);
+var chips_1 = __webpack_require__(758);
 var Form_1 = __webpack_require__(18);
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var SelectPreview_1 = __webpack_require__(136);
@@ -97640,8 +97638,8 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleBox = void 0;
 var React = __importStar(__webpack_require__(0));
-var SimpleToggleBox_1 = __webpack_require__(792);
-var CustomHeaderToggleBox_1 = __webpack_require__(793);
+var SimpleToggleBox_1 = __webpack_require__(793);
+var CustomHeaderToggleBox_1 = __webpack_require__(794);
 var ToggleBox = /** @class */ (function (_super) {
     __extends(ToggleBox, _super);
     function ToggleBox() {
@@ -97833,7 +97831,7 @@ exports.BottomNav = void 0;
 var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(14);
 var IconButton_1 = __webpack_require__(71);
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var BottomNav = /** @class */ (function (_super) {
     __extends(BottomNav, _super);
     function BottomNav(props) {
@@ -97970,20 +97968,20 @@ var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(14);
 var Loader_1 = __webpack_require__(134);
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
-var debounce_1 = __importDefault(__webpack_require__(850));
+var debounce_1 = __importDefault(__webpack_require__(851));
 var Form_1 = __webpack_require__(18);
 var core_1 = __webpack_require__(57);
-var lodash_1 = __webpack_require__(25);
-var helpers_1 = __webpack_require__(24);
+var lodash_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var SelectPreview_1 = __webpack_require__(136);
-var TreeSelectPill_1 = __webpack_require__(861);
+var TreeSelectPill_1 = __webpack_require__(862);
 var TreeSelectItem_1 = __webpack_require__(385);
 var KeyboardNavigation_1 = __webpack_require__(386);
 var WithPortal_1 = __webpack_require__(387);
 var react_beautiful_dnd_1 = __webpack_require__(388);
 var zIndex_1 = __webpack_require__(38);
-var common_1 = __webpack_require__(55);
-var translations_1 = __webpack_require__(885);
+var common_1 = __webpack_require__(49);
+var translations_1 = __webpack_require__(886);
 var TreeSelect = /** @class */ (function (_super) {
     __extends(TreeSelect, _super);
     function TreeSelect(props) {
@@ -98662,7 +98660,7 @@ var core_1 = __webpack_require__(57);
 var TreeSelectItem_1 = __webpack_require__(385);
 var KeyboardNavigation_1 = __webpack_require__(386);
 var WithPortal_1 = __webpack_require__(387);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var zIndex_1 = __webpack_require__(38);
 function nodeHasChildren(item) {
     return item[(0, helpers_1.nameof)('children')] != null;
@@ -100338,23 +100336,15 @@ var TooltipV2 = /** @class */ (function (_super) {
         var _this = this;
         var _a;
         return (React.createElement(WithPopover_1.WithPopover, { placement: (_a = this.props.placement) !== null && _a !== void 0 ? _a : 'top', component: function () {
-                return (React.createElement("div", { "data-theme": "dark-ui" },
-                    React.createElement("div", { style: {
-                            background: 'var(--color-bg-100)',
-                            color: 'var(--color-text)',
-                            borderRadius: 'var(--b-radius--medium)',
-                            paddingInline: 'var(--space--0-5)',
-                            fontSize: 'var(--text-size-x-small)',
-                            margin: 2,
-                        } }, (function () {
-                        if (typeof _this.props.content === 'string') {
-                            return React.createElement("span", null, _this.props.content);
-                        }
-                        else {
-                            var Component = _this.props.content;
-                            return React.createElement(Component, null);
-                        }
-                    })())));
+                return (React.createElement("div", { className: "tooltip" }, (function () {
+                    if (typeof _this.props.content === 'string') {
+                        return React.createElement("span", null, _this.props.content);
+                    }
+                    else {
+                        var Component = _this.props.content;
+                        return React.createElement(Component, null);
+                    }
+                })()));
             } }, function (toggle) {
             var attributes = {
                 onMouseOver: function (event) {
@@ -100368,7 +100358,7 @@ var TooltipV2 = /** @class */ (function (_super) {
                 return _this.props.children({ attributes: attributes });
             }
             else {
-                return (React.createElement("span", __assign({}, attributes, { style: { display: 'inline-flex' } }), _this.props.children));
+                return (React.createElement("span", __assign({}, attributes, { style: { display: 'contents' } }), _this.props.children));
             }
         }));
     };
@@ -100383,7 +100373,7 @@ exports.TooltipV2 = TooltipV2;
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = isTableElement;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(51);
 
 function isTableElement(element) {
   return ['table', 'td', 'th'].indexOf(Object(__WEBPACK_IMPORTED_MODULE_0__getNodeName_js__["a" /* default */])(element)) >= 0;
@@ -100440,9 +100430,9 @@ function getOppositeVariationPlacement(placement) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__getBoundingClientRect_js__ = __webpack_require__(63);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__getParentNode_js__ = __webpack_require__(74);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__contains_js__ = __webpack_require__(151);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__getNodeName_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__getNodeName_js__ = __webpack_require__(51);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils_rectToClientRect_js__ = __webpack_require__(158);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__utils_math_js__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__utils_math_js__ = __webpack_require__(52);
 
 
 
@@ -100574,7 +100564,7 @@ function getViewportRect(element) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(102);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(103);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(52);
 
 
 
@@ -100613,7 +100603,7 @@ function getDocumentRect(element) {
 /* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(74);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(104);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(51);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(23);
 
 
@@ -100709,12 +100699,12 @@ function getAltAxis(axis) {
 /* harmony export (immutable) */ __webpack_exports__["a"] = getCompositeRect;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(63);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(434);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(51);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(23);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(102);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(104);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(52);
 
 
 
@@ -101190,7 +101180,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeadlessButton = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(3));
-var Tooltip_1 = __webpack_require__(49);
+var Tooltip_1 = __webpack_require__(50);
 var HeadlessButton = /** @class */ (function (_super) {
     __extends(HeadlessButton, _super);
     function HeadlessButton() {
@@ -102192,7 +102182,7 @@ var _DropdownItem = __webpack_require__(458);
 var _Tooltip = __webpack_require__(39);
 var _reactTransitionGroup = __webpack_require__(40);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(53));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -104711,7 +104701,7 @@ var Popover = /** @class */ (function (_super) {
     Popover.prototype.render = function () {
         var _this = this;
         var _a, _b;
-        return (React.createElement(_Positioner_1.Positioner, { triggerSelector: this.props.triggerSelector, placement: (_a = this.props.placement) !== null && _a !== void 0 ? _a : 'auto', className: "sd-popover" },
+        return (React.createElement(_Positioner_1.Positioner, { triggerSelector: this.props.triggerSelector, theme: this.props.theme, placement: (_a = this.props.placement) !== null && _a !== void 0 ? _a : 'auto', className: "sd-popover" },
             React.createElement("div", { className: "sd-popover__header" },
                 React.createElement("h4", { className: "sd-popover__title", tabIndex: 0, id: "popoverTitle" }, this.props.title),
                 ((_b = this.props.displayCloseButton) !== null && _b !== void 0 ? _b : true) && (React.createElement("button", { className: "icn-btn icn-btn--small sd-popover__close", tabIndex: 0, "aria-label": 'Close dialog', onClick: function () {
@@ -104789,7 +104779,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(3));
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var Label = /** @class */ (function (_super) {
     __extends(Label, _super);
     function Label() {
@@ -105023,7 +105013,7 @@ var avatar_1 = __webpack_require__(171);
 var avatar_wrapper_1 = __webpack_require__(76);
 var avatar_number_1 = __webpack_require__(472);
 var avatar_placeholder_1 = __webpack_require__(172);
-var common_1 = __webpack_require__(55);
+var common_1 = __webpack_require__(49);
 var WithPopover_1 = __webpack_require__(95);
 function isAvatar(item) {
     return item['kind'] == null;
@@ -106557,7 +106547,7 @@ exports.default = endOfISOWeek;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.endOfISOWeekYear = endOfISOWeekYear;
 var constructFrom_js_1 = __webpack_require__(4);
-var getISOWeekYear_js_1 = __webpack_require__(53);
+var getISOWeekYear_js_1 = __webpack_require__(54);
 var startOfISOWeek_js_1 = __webpack_require__(32);
 /**
  * The {@link endOfISOWeekYear} function options.
@@ -107542,7 +107532,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatters = void 0;
 var getDayOfYear_js_1 = __webpack_require__(196);
 var getISOWeek_js_1 = __webpack_require__(125);
-var getISOWeekYear_js_1 = __webpack_require__(53);
+var getISOWeekYear_js_1 = __webpack_require__(54);
 var getWeek_js_1 = __webpack_require__(126);
 var getWeekYear_js_1 = __webpack_require__(84);
 var addLeadingZeros_js_1 = __webpack_require__(61);
@@ -114040,7 +114030,7 @@ exports.default = lastDayOfISOWeek;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.lastDayOfISOWeekYear = lastDayOfISOWeekYear;
 var constructFrom_js_1 = __webpack_require__(4);
-var getISOWeekYear_js_1 = __webpack_require__(53);
+var getISOWeekYear_js_1 = __webpack_require__(54);
 var startOfISOWeek_js_1 = __webpack_require__(32);
 /**
  * The {@link lastDayOfISOWeekYear} function options.
@@ -127142,7 +127132,7 @@ var _Tooltip = __webpack_require__(39);
 var _reactTransitionGroup = __webpack_require__(40);
 var _Ripple = __webpack_require__(28);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(53));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -130748,13 +130738,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateTimePicker = void 0;
 var React = __importStar(__webpack_require__(0));
 var DatePicker_1 = __webpack_require__(132);
-var common_1 = __webpack_require__(55);
-var lodash_1 = __webpack_require__(25);
+var common_1 = __webpack_require__(49);
+var lodash_1 = __webpack_require__(24);
 var TimePicker_1 = __webpack_require__(143);
 var Form_1 = __webpack_require__(18);
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var date_fns_1 = __webpack_require__(67);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var Button_1 = __webpack_require__(62);
 var DateTimePicker = /** @class */ (function (_super) {
     __extends(DateTimePicker, _super);
@@ -130886,6 +130876,17 @@ 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;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -130921,108 +130922,128 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePickerPopover = void 0;
+exports.convert12HourTo24Hour = convert12HourTo24Hour;
+exports.convert24HourTo12Hour = convert24HourTo12Hour;
+exports.toInternalState = toInternalState;
 var React = __importStar(__webpack_require__(0));
-var common_1 = __webpack_require__(55);
+var common_1 = __webpack_require__(49);
 var ContentDivider_1 = __webpack_require__(372);
 var RadioButtonGroup_1 = __webpack_require__(373);
 var time_1 = __webpack_require__(722);
-var helpers_1 = __webpack_require__(24);
-var TimeValueHolder = /** @class */ (function (_super) {
-    __extends(TimeValueHolder, _super);
-    function TimeValueHolder(props) {
-        var _this = _super.call(this, props) || this;
-        _this.spanEl = React.createRef();
-        return _this;
+var TimeValueHolder_1 = __webpack_require__(723);
+function convert12HourTo24Hour(hour, period) {
+    if (period === 'am' && hour === 12) {
+        return 0; // midnight
     }
-    TimeValueHolder.prototype.scrollToValue = function () {
-        var _a;
-        (_a = this.spanEl.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'start', behavior: 'smooth' });
-    };
-    TimeValueHolder.prototype.render = function () {
-        var _a;
-        return (React.createElement("span", { ref: this.props.isActive ? this.spanEl : undefined, onClick: this.props.onClick, className: (0, common_1.classnames)('p-1 time-unit', {
-                'time-unit-highlight': (_a = this.props.isActive) !== null && _a !== void 0 ? _a : false,
-            }) }, this.props.value));
-    };
-    return TimeValueHolder;
-}(React.PureComponent));
-function parseUnitOfTime(unit, value, is12HourFormat) {
-    var _a = (value !== null && value !== void 0 ? value : '').split(':'), hour = _a[0], minutes = _a[1], seconds = _a[2];
-    var valueForUnit = (function () {
-        if (unit === 'hours') {
-            /**
-             * Hour value is always in 24-hour format, so we need to adjust it
-             * to 12-hour if needed.
-             */
+    if (period === 'pm' && hour !== 12) {
+        return hour + 12; // PM and not 12
+    }
+    return hour; // For 12PM, 1-11AM
+}
+function convert24HourTo12Hour(hour) {
+    var remainder = hour % 12;
+    return remainder === 0 ? 12 : remainder;
+}
+function isAm(hours) {
+    return hours < 12;
+}
+function toInternalState(timeStr) {
+    if (timeStr == null || (timeStr !== null && timeStr !== void 0 ? timeStr : '').trim().length < 1) {
+        return {
+            hours: null,
+            minutes: null,
+            seconds: null,
+            period: null,
+        };
+    }
+    var _a = timeStr.split(':'), hours = _a[0], minutes = _a[1], seconds = _a[2];
+    var secondsDefault = hours != null && minutes != null ? '00' : null;
+    return {
+        hours: (function () {
+            if (hours == null) {
+                return null;
+            }
             if (is12HourFormat) {
-                return hour === '00' ? '12' : hour;
+                return convert24HourTo12Hour(parseInt(hours, 10)).toString().padStart(2, '0');
             }
             else {
-                return hour;
+                return hours;
             }
-        }
-        else if (unit === 'minutes') {
-            return minutes;
-        }
-        else if (unit === 'seconds') {
-            return seconds;
-        }
-        else {
-            (0, helpers_1.assertNever)(unit);
-        }
-    })();
-    var valueParsed = is12HourFormat && unit === 'hours' && valueForUnit !== '12'
-        ? parseInt(valueForUnit, 10) % 12
-        : parseInt(valueForUnit, 10);
-    return (0, time_1.padValue)(valueParsed);
+        })(),
+        minutes: minutes !== null && minutes !== void 0 ? minutes : null,
+        seconds: seconds !== null && seconds !== void 0 ? seconds : secondsDefault,
+        period: hours == null ? null : isAm(parseInt(hours, 10)) ? 'am' : 'pm',
+    };
 }
+var is12HourFormat = (function () {
+    var hour = new Date().toLocaleTimeString([]);
+    return hour.includes('AM') || hour.includes('PM');
+})();
 var TimePickerPopover = /** @class */ (function (_super) {
     __extends(TimePickerPopover, _super);
     function TimePickerPopover(props) {
         var _this = _super.call(this, props) || this;
         _this.inputRefs = [React.createRef(), React.createRef(), React.createRef()];
         _this.handleChange = _this.handleChange.bind(_this);
-        var hour = new Date().toLocaleTimeString([]);
-        _this.is12HourFormat = hour.includes('AM') || hour.includes('PM');
+        _this.scrollToValues = _this.scrollToValues.bind(_this);
+        _this.state = toInternalState(props.value);
         return _this;
     }
-    TimePickerPopover.prototype.handleChange = function (unit, value) {
-        var fallbackDate = new Date();
-        var _a = this.props.value == null
-            ? [
-                (0, time_1.padValue)(fallbackDate.getHours()),
-                (0, time_1.padValue)(fallbackDate.getMinutes()),
-                (0, time_1.padValue)(fallbackDate.getSeconds()),
-            ]
-            : this.props.value.split(':'), hour = _a[0], minutes = _a[1], seconds = _a[2];
-        var nextValue = '';
-        if (unit === 'hours') {
-            nextValue = "".concat(value, ":").concat(minutes);
-        }
-        else if (unit === 'minutes') {
-            nextValue = "".concat(hour, ":").concat(value);
-        }
-        else if (unit === 'seconds') {
-            nextValue = "".concat(hour, ":").concat(minutes, ":").concat(value);
-        }
-        else {
-            (0, helpers_1.assertNever)(unit);
-        }
-        if (this.props.allowSeconds && unit !== 'seconds') {
-            nextValue += ":".concat(seconds);
-        }
-        this.props.onChange(nextValue);
+    TimePickerPopover.prototype.handleChange = function (nextState) {
+        var _this = this;
+        this.setState(nextState, function () {
+            var timeParts = [];
+            if (_this.state.hours == null) {
+                return;
+            }
+            if (is12HourFormat) {
+                if (_this.state.period == null) {
+                    return;
+                }
+                timeParts.push(convert12HourTo24Hour(parseInt(_this.state.hours, 10), _this.state.period)
+                    .toString()
+                    .padStart(2, '0'));
+            }
+            else {
+                timeParts.push(_this.state.hours);
+            }
+            if (_this.state.minutes == null) {
+                return;
+            }
+            else {
+                timeParts.push(_this.state.minutes);
+            }
+            if (_this.props.allowSeconds) {
+                if (_this.state.seconds == null) {
+                    return;
+                }
+                else {
+                    timeParts.push(_this.state.seconds);
+                }
+            }
+            _this.props.onChange(timeParts.join(':'));
+        });
     };
-    TimePickerPopover.prototype.componentDidMount = function () {
+    TimePickerPopover.prototype.scrollToValues = function () {
         this.inputRefs.forEach(function (unitOfTime) { var _a, _b; return (_b = (_a = unitOfTime === null || unitOfTime === void 0 ? void 0 : unitOfTime.current) === null || _a === void 0 ? void 0 : _a.scrollToValue) === null || _b === void 0 ? void 0 : _b.call(_a); });
     };
+    TimePickerPopover.prototype.componentDidMount = function () {
+        this.scrollToValues();
+    };
+    TimePickerPopover.prototype.componentDidUpdate = function (prevProps) {
+        var _this = this;
+        if (this.props.value !== prevProps.value) {
+            this.setState(toInternalState(this.props.value), function () {
+                _this.scrollToValues();
+            });
+        }
+    };
     TimePickerPopover.prototype.render = function () {
         var _this = this;
-        var _a;
         var styleForColumnOfUnit = {
             maxHeight: 190,
             overflowY: 'auto',
-            scrollbarWidth: 'none',
+            scrollbarWidth: 'thin',
             marginTop: 'var(--gap-1)',
             scrollBehavior: 'smooth',
         };
@@ -131035,58 +131056,36 @@ var TimePickerPopover = /** @class */ (function (_super) {
                 } },
                 this.props.headerTemplate && (React.createElement("div", { className: "px-1-5 py-1", style: { borderBottom: '1px solid var(--color-line-x-light)' } }, this.props.headerTemplate)),
                 React.createElement(common_1.Spacer, { h: true, gap: "4", noWrap: true, justifyContent: "center", alignItems: "start", style: { paddingInline: 'var(--gap-1)' } },
-                    React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('hours', this.is12HourFormat).map(function (hour) {
-                        var isActiveHour = hour === parseUnitOfTime('hours', _this.props.value, _this.is12HourFormat);
-                        return (React.createElement(TimeValueHolder, { key: hour, ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
-                                _this.handleChange('hours', hour);
+                    React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('hours', is12HourFormat).map(function (hour) {
+                        var isActiveHour = hour === _this.state.hours;
+                        return (React.createElement(TimeValueHolder_1.TimeValueHolder, { key: hour, ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
+                                _this.handleChange(__assign(__assign({}, _this.state), { hours: hour }));
                             }, isActive: isActiveHour, value: hour }));
                     })),
                     React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
-                    React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('minutes', this.is12HourFormat).map(function (minute) {
-                        var isActiveMinute = minute === parseUnitOfTime('minutes', _this.props.value, _this.is12HourFormat);
-                        return (React.createElement(TimeValueHolder, { key: minute, ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
-                                _this.handleChange('minutes', minute);
+                    React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('minutes', is12HourFormat).map(function (minute) {
+                        var isActiveMinute = minute === _this.state.minutes;
+                        return (React.createElement(TimeValueHolder_1.TimeValueHolder, { key: minute, ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
+                                _this.handleChange(__assign(__assign({}, _this.state), { minutes: minute }));
                             } }));
                     })),
                     this.props.allowSeconds && (React.createElement(React.Fragment, null,
                         React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
-                        React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('seconds', this.is12HourFormat).map(function (second) {
-                            var isActiveMinute = second ===
-                                parseUnitOfTime('seconds', _this.props.value, _this.is12HourFormat);
-                            return (React.createElement(TimeValueHolder, { key: second, ref: isActiveMinute ? _this.inputRefs[2] : undefined, onClick: function () {
-                                    _this.handleChange('seconds', second);
-                                }, isActive: isActiveMinute, value: second }));
+                        React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('seconds', is12HourFormat).map(function (second) {
+                            var isActiveSecond = second === _this.state.seconds;
+                            return (React.createElement(TimeValueHolder_1.TimeValueHolder, { key: second, ref: isActiveSecond ? _this.inputRefs[2] : undefined, onClick: function () {
+                                    _this.handleChange(__assign(__assign({}, _this.state), { seconds: second }));
+                                }, isActive: isActiveSecond, value: second }));
                         })))),
-                    this.is12HourFormat && (React.createElement("div", { style: {
+                    is12HourFormat && (React.createElement("div", { style: {
                             marginTop: 'var(--gap-1)',
                         } },
                         React.createElement(RadioButtonGroup_1.RadioButtonGroup, { onChange: function (nextValue) {
-                                var _a;
-                                var _b = ((_a = _this.props.value) !== null && _a !== void 0 ? _a : '').split(':'), hour = _b[0], minutes = _b[1], seconds = _b[2];
-                                if (nextValue === 'PM') {
-                                    var newValue = "".concat((0, time_1.padValue)(parseInt(hour, 10) + 12), ":").concat(minutes);
-                                    if (_this.props.allowSeconds) {
-                                        newValue += ":".concat(seconds);
-                                    }
-                                    _this.props.onChange(newValue);
-                                }
-                                else {
-                                    var newValue = "".concat((0, time_1.padValue)(parseInt(hour, 10) - 12), ":").concat(minutes);
-                                    if (_this.props.allowSeconds) {
-                                        newValue += ":".concat(seconds);
-                                    }
-                                    _this.props.onChange(newValue);
-                                }
+                                _this.handleChange(__assign(__assign({}, _this.state), { period: nextValue }));
                             }, options: [
-                                {
-                                    label: 'AM',
-                                    value: 'AM',
-                                },
-                                {
-                                    label: 'PM',
-                                    value: 'PM',
-                                },
-                            ], value: parseInt(((_a = this.props.value) !== null && _a !== void 0 ? _a : '').split(':')[0], 10) < 12 ? 'AM' : 'PM' })))),
+                                { label: 'AM', value: 'am' },
+                                { label: 'PM', value: 'pm' },
+                            ], value: this.state.period == null ? '' : this.state.period })))),
                 this.props.footerTemplate && (React.createElement("div", { className: "px-1-5 py-1", style: { borderTop: '1px solid var(--color-line-x-light)' } }, this.props.footerTemplate)))));
     };
     return TimePickerPopover;
@@ -131112,7 +131111,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOptionsForTimeUnit = getOptionsForTimeUnit;
 exports.padValue = padValue;
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 function getOptionsForTimeUnit(timeUnit, is12HourFormat, disabledOptions) {
     var format12HourArr = __spreadArray([12], (0, lodash_1.range)(1, 12), true);
     var timeUnitArray = (function () {
@@ -131143,6 +131142,86 @@ function padValue(value) {
 
 "use strict";
 
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimeValueHolder = void 0;
+var React = __importStar(__webpack_require__(0));
+var common_1 = __webpack_require__(49);
+var TimeValueHolder = /** @class */ (function (_super) {
+    __extends(TimeValueHolder, _super);
+    function TimeValueHolder(props) {
+        var _this = _super.call(this, props) || this;
+        _this.spanEl = React.createRef();
+        return _this;
+    }
+    TimeValueHolder.prototype.scrollToValue = function () {
+        var _a;
+        (_a = this.spanEl.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'start', behavior: 'smooth' });
+    };
+    TimeValueHolder.prototype.render = function () {
+        var _a;
+        return (React.createElement("span", { ref: this.props.isActive ? this.spanEl : undefined, onClick: this.props.onClick, className: (0, common_1.classnames)('p-1 time-unit', {
+                'time-unit-highlight': (_a = this.props.isActive) !== null && _a !== void 0 ? _a : false,
+            }) }, this.props.value));
+    };
+    return TimeValueHolder;
+}(React.PureComponent));
+exports.TimeValueHolder = TimeValueHolder;
+
+
+/***/ }),
+/* 724 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -131222,7 +131301,7 @@ exports.FormLabel = FormLabel;
 
 
 /***/ }),
-/* 724 */
+/* 725 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131283,7 +131362,7 @@ exports.Switch = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(3));
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
-var Tooltip_1 = __webpack_require__(49);
+var Tooltip_1 = __webpack_require__(50);
 var Switch = /** @class */ (function (_super) {
     __extends(Switch, _super);
     function Switch(props) {
@@ -131326,7 +131405,7 @@ exports.Switch = Switch;
 
 
 /***/ }),
-/* 725 */
+/* 726 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131406,7 +131485,7 @@ exports.SwitchGroup = SwitchGroup;
 
 
 /***/ }),
-/* 726 */
+/* 727 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131496,7 +131575,7 @@ exports.RadioGroup = RadioGroup;
 
 
 /***/ }),
-/* 727 */
+/* 728 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131582,7 +131661,7 @@ exports.Checkbox = Checkbox;
 
 
 /***/ }),
-/* 728 */
+/* 729 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131668,7 +131747,7 @@ exports.CheckboxButton = CheckboxButton;
 
 
 /***/ }),
-/* 729 */
+/* 730 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131746,7 +131825,7 @@ exports.CheckGroup = CheckGroup;
 
 
 /***/ }),
-/* 730 */
+/* 731 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131831,7 +131910,7 @@ exports.CheckButtonGroup = CheckButtonGroup;
 
 
 /***/ }),
-/* 731 */
+/* 732 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -131919,7 +131998,7 @@ exports.NavButton = NavButton;
 
 
 /***/ }),
-/* 732 */
+/* 733 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132030,7 +132109,7 @@ exports.TabList = TabList;
 
 
 /***/ }),
-/* 733 */
+/* 734 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132176,7 +132255,7 @@ exports.LeftMenu = LeftMenu;
 
 
 /***/ }),
-/* 734 */
+/* 735 */
 /***/ (function(module, exports) {
 
 function _interopRequireDefault(obj) {
@@ -132188,7 +132267,7 @@ function _interopRequireDefault(obj) {
 module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 735 */
+/* 736 */
 /***/ (function(module, exports) {
 
 function _extends() {
@@ -132211,7 +132290,7 @@ function _extends() {
 module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 736 */
+/* 737 */
 /***/ (function(module, exports) {
 
 function _defineProperty(obj, key, value) {
@@ -132232,16 +132311,16 @@ function _defineProperty(obj, key, value) {
 module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 737 */
+/* 738 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var arrayWithoutHoles = __webpack_require__(738);
+var arrayWithoutHoles = __webpack_require__(739);
 
-var iterableToArray = __webpack_require__(739);
+var iterableToArray = __webpack_require__(740);
 
-var unsupportedIterableToArray = __webpack_require__(740);
+var unsupportedIterableToArray = __webpack_require__(741);
 
-var nonIterableSpread = __webpack_require__(741);
+var nonIterableSpread = __webpack_require__(742);
 
 function _toConsumableArray(arr) {
   return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
@@ -132250,7 +132329,7 @@ function _toConsumableArray(arr) {
 module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 738 */
+/* 739 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var arrayLikeToArray = __webpack_require__(375);
@@ -132262,7 +132341,7 @@ function _arrayWithoutHoles(arr) {
 module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 739 */
+/* 740 */
 /***/ (function(module, exports) {
 
 function _iterableToArray(iter) {
@@ -132272,7 +132351,7 @@ function _iterableToArray(iter) {
 module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 740 */
+/* 741 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var arrayLikeToArray = __webpack_require__(375);
@@ -132289,7 +132368,7 @@ function _unsupportedIterableToArray(o, minLen) {
 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 741 */
+/* 742 */
 /***/ (function(module, exports) {
 
 function _nonIterableSpread() {
@@ -132299,7 +132378,7 @@ function _nonIterableSpread() {
 module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 742 */
+/* 743 */
 /***/ (function(module, exports) {
 
 function _classCallCheck(instance, Constructor) {
@@ -132311,10 +132390,10 @@ function _classCallCheck(instance, Constructor) {
 module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 743 */
+/* 744 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var _typeof = __webpack_require__(744)["default"];
+var _typeof = __webpack_require__(745)["default"];
 
 var assertThisInitialized = __webpack_require__(376);
 
@@ -132331,7 +132410,7 @@ function _possibleConstructorReturn(self, call) {
 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 744 */
+/* 745 */
 /***/ (function(module, exports) {
 
 function _typeof(obj) {
@@ -132347,7 +132426,7 @@ function _typeof(obj) {
 module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 745 */
+/* 746 */
 /***/ (function(module, exports) {
 
 function _getPrototypeOf(o) {
@@ -132360,7 +132439,7 @@ function _getPrototypeOf(o) {
 module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 746 */
+/* 747 */
 /***/ (function(module, exports) {
 
 function _defineProperties(target, props) {
@@ -132385,10 +132464,10 @@ function _createClass(Constructor, protoProps, staticProps) {
 module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 747 */
+/* 748 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var setPrototypeOf = __webpack_require__(748);
+var setPrototypeOf = __webpack_require__(749);
 
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
@@ -132411,7 +132490,7 @@ function _inherits(subClass, superClass) {
 module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 748 */
+/* 749 */
 /***/ (function(module, exports) {
 
 function _setPrototypeOf(o, p) {
@@ -132425,7 +132504,7 @@ function _setPrototypeOf(o, p) {
 module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 749 */
+/* 750 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132461,7 +132540,7 @@ var _default = throttle;
 exports.default = _default;
 
 /***/ }),
-/* 750 */
+/* 751 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132560,7 +132639,7 @@ exports.SubNav = SubNav;
 
 
 /***/ }),
-/* 751 */
+/* 752 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132640,7 +132719,7 @@ exports.SlidingToolbar = SlidingToolbar;
 
 
 /***/ }),
-/* 752 */
+/* 753 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132710,7 +132789,7 @@ exports.StrechBar = StrechBar;
 
 
 /***/ }),
-/* 753 */
+/* 754 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132805,7 +132884,7 @@ exports.PropsList = PropsList;
 
 
 /***/ }),
-/* 754 */
+/* 755 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132886,7 +132965,7 @@ exports.Divider = Divider;
 
 
 /***/ }),
-/* 755 */
+/* 756 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -132960,7 +133039,7 @@ exports.HeadingText = HeadingText;
 
 
 /***/ }),
-/* 756 */
+/* 757 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -133033,16 +133112,16 @@ exports.Tag = Tag;
 
 
 /***/ }),
-/* 757 */
+/* 758 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(758);
+module.exports = __webpack_require__(759);
 
 /***/ }),
-/* 758 */
+/* 759 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -133419,7 +133498,7 @@ _defineProperty(Chips, "propTypes", {
 });
 
 /***/ }),
-/* 759 */
+/* 760 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -133502,7 +133581,7 @@ exports.TabPanel = TabPanel;
 
 
 /***/ }),
-/* 760 */
+/* 761 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -133577,7 +133656,7 @@ var EmptyState = /** @class */ (function (_super) {
             _a));
         var size = (_b = this.props.size) !== null && _b !== void 0 ? _b : 'small';
         var illustration = (_c = this.props.illustration) !== null && _c !== void 0 ? _c : '1';
-        var image = __webpack_require__(761)("./empty-state--".concat(size, "-").concat(illustration, ".svg"));
+        var image = __webpack_require__(762)("./empty-state--".concat(size, "-").concat(illustration, ".svg"));
         return (React.createElement("div", { className: 'content-state--empty-container' +
                 (this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
             React.createElement("div", { className: "content-state__empty-info" },
@@ -133592,17 +133671,17 @@ exports.EmptyState = EmptyState;
 
 
 /***/ }),
-/* 761 */
+/* 762 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var map = {
-	"./empty-state--large-1.svg": 762,
-	"./empty-state--large-2.svg": 763,
-	"./empty-state--large-3.svg": 764,
-	"./empty-state--large-dashboard.svg": 765,
-	"./empty-state--small-1.svg": 766,
-	"./empty-state--small-2.svg": 767,
-	"./empty-state--small-3.svg": 768
+	"./empty-state--large-1.svg": 763,
+	"./empty-state--large-2.svg": 764,
+	"./empty-state--large-3.svg": 765,
+	"./empty-state--large-dashboard.svg": 766,
+	"./empty-state--small-1.svg": 767,
+	"./empty-state--small-2.svg": 768,
+	"./empty-state--small-3.svg": 769
 };
 function webpackContext(req) {
 	return __webpack_require__(webpackContextResolve(req));
@@ -133618,52 +133697,52 @@ webpackContext.keys = function webpackContextKeys() {
 };
 webpackContext.resolve = webpackContextResolve;
 module.exports = webpackContext;
-webpackContext.id = 761;
+webpackContext.id = 762;
 
 /***/ }),
-/* 762 */
+/* 763 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--large-1.svg";
 
 /***/ }),
-/* 763 */
+/* 764 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--large-2.svg";
 
 /***/ }),
-/* 764 */
+/* 765 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--large-3.svg";
 
 /***/ }),
-/* 765 */
+/* 766 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--large-dashboard.svg";
 
 /***/ }),
-/* 766 */
+/* 767 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--small-1.svg";
 
 /***/ }),
-/* 767 */
+/* 768 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--small-2.svg";
 
 /***/ }),
-/* 768 */
+/* 769 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--small-3.svg";
 
 /***/ }),
-/* 769 */
+/* 770 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -133731,7 +133810,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__(770);
+var autocomplete_1 = __webpack_require__(771);
 var classnames_1 = __importDefault(__webpack_require__(3));
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var Autocomplete = /** @class */ (function (_super) {
@@ -133817,7 +133896,8 @@ var Autocomplete = /** @class */ (function (_super) {
         }
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: classes },
-                this.props.label && !this.props.isSearchField ? (React.createElement("label", { className: "sd-input__label", htmlFor: this.htmlId }, this.props.label)) : null,
+                this.props.label && !this.props.isSearchField ? (React.createElement("label", { className: "sd-input__label", htmlFor: this.htmlId },
+                    React.createElement("span", null, this.props.label))) : null,
                 this.props.label && this.props.isSearchField ? (React.createElement("label", { className: "sd-searchbar__icon", htmlFor: this.htmlId, "aria-label": this.props.label })) : null,
                 React.createElement(autocomplete_1.AutoComplete, { id: this.htmlId, inputClassName: inputFieldClass, value: this.state.selectedItem, placeholder: this.props.placeholder, suggestions: this.state.filteredItems, completeMethod: this.searchItem, itemTemplate: this.props.listItemTemplate, field: this.props.keyValue, disabled: this.props.disabled, minLength: this.props.minLength ? this.props.minLength : 1, onFocus: function () {
                         _this.setState({ focused: true });
@@ -133839,16 +133919,16 @@ exports.Autocomplete = Autocomplete;
 
 
 /***/ }),
-/* 770 */
+/* 771 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(771);
+module.exports = __webpack_require__(772);
 
 /***/ }),
-/* 771 */
+/* 772 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -133865,12 +133945,12 @@ var _InputText = __webpack_require__(133);
 var _Button = __webpack_require__(370);
 var _DomHandler = _interopRequireDefault(__webpack_require__(22));
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(27));
-var _AutoCompletePanel = __webpack_require__(772);
+var _AutoCompletePanel = __webpack_require__(773);
 var _ClassNames = __webpack_require__(16);
 var _Tooltip = __webpack_require__(39);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
 var _reactTransitionGroup = __webpack_require__(40);
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(53));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -134675,7 +134755,7 @@ _defineProperty(AutoComplete, "propTypes", {
 });
 
 /***/ }),
-/* 772 */
+/* 773 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134789,7 +134869,7 @@ _defineProperty(AutoCompletePanel, "propTypes", {
 });
 
 /***/ }),
-/* 773 */
+/* 774 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134845,7 +134925,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DonutChart = void 0;
 var React = __importStar(__webpack_require__(0));
-var chart_1 = __webpack_require__(774);
+var chart_1 = __webpack_require__(775);
 var DonutChart = /** @class */ (function (_super) {
     __extends(DonutChart, _super);
     function DonutChart() {
@@ -134860,16 +134940,16 @@ exports.DonutChart = DonutChart;
 
 
 /***/ }),
-/* 774 */
+/* 775 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(775);
+module.exports = __webpack_require__(776);
 
 /***/ }),
-/* 775 */
+/* 776 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134881,7 +134961,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Chart = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(0));
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
-var ChartJS = _interopRequireWildcard(__webpack_require__(776));
+var ChartJS = _interopRequireWildcard(__webpack_require__(777));
 var _ClassNames = __webpack_require__(16);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -135018,7 +135098,7 @@ _defineProperty(Chart, "propTypes", {
 });
 
 /***/ }),
-/* 776 */
+/* 777 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
@@ -151196,7 +151276,7 @@ return src;
 
 
 /***/ }),
-/* 777 */
+/* 778 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -151252,7 +151332,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Carousel = void 0;
 var React = __importStar(__webpack_require__(0));
-var carousel_1 = __webpack_require__(778);
+var carousel_1 = __webpack_require__(779);
 var Badge_1 = __webpack_require__(75);
 var Carousel = /** @class */ (function (_super) {
     __extends(Carousel, _super);
@@ -151278,16 +151358,16 @@ exports.Carousel = Carousel;
 
 
 /***/ }),
-/* 778 */
+/* 779 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(779);
+module.exports = __webpack_require__(780);
 
 /***/ }),
-/* 779 */
+/* 780 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -152004,7 +152084,7 @@ _defineProperty(Carousel, "propTypes", {
 });
 
 /***/ }),
-/* 780 */
+/* 781 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -152063,9 +152143,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 var React = __importStar(__webpack_require__(0));
-var dialog_1 = __webpack_require__(781);
+var dialog_1 = __webpack_require__(782);
 var classnames_1 = __importDefault(__webpack_require__(3));
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var zIndex_1 = __webpack_require__(38);
 var Modal = /** @class */ (function (_super) {
     __extends(Modal, _super);
@@ -152092,16 +152172,16 @@ exports.Modal = Modal;
 
 
 /***/ }),
-/* 781 */
+/* 782 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(782);
+module.exports = __webpack_require__(783);
 
 /***/ }),
-/* 782 */
+/* 783 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -152583,7 +152663,7 @@ _defineProperty(Dialog, "propTypes", {
 });
 
 /***/ }),
-/* 783 */
+/* 784 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -152669,7 +152749,7 @@ exports.GridList = GridList;
 
 
 /***/ }),
-/* 784 */
+/* 785 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -152714,7 +152794,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.toasted = void 0;
 var React = __importStar(__webpack_require__(0));
 var ReactDOM = __importStar(__webpack_require__(13));
-var ToastWrapper_1 = __importDefault(__webpack_require__(785));
+var ToastWrapper_1 = __importDefault(__webpack_require__(786));
 var TOAST_ID = 'react-toast';
 var Toasted = /** @class */ (function () {
     function Toasted() {
@@ -152759,7 +152839,7 @@ exports.toasted = new Toasted();
 
 
 /***/ }),
-/* 785 */
+/* 786 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -152834,7 +152914,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(__webpack_require__(0));
-var ToastMessage_1 = __webpack_require__(786);
+var ToastMessage_1 = __webpack_require__(787);
 var firstState = {
     top: [],
     bottom: [],
@@ -152898,7 +152978,7 @@ exports.default = ToastWrapper;
 
 
 /***/ }),
-/* 786 */
+/* 787 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -152942,7 +153022,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastMessage = void 0;
 var React = __importStar(__webpack_require__(0));
-var ToastText_1 = __importDefault(__webpack_require__(787));
+var ToastText_1 = __importDefault(__webpack_require__(788));
 var classnames_1 = __importDefault(__webpack_require__(3));
 var ToastMessage = function (_a) {
     var _b;
@@ -152986,7 +153066,7 @@ exports.ToastMessage = ToastMessage;
 
 
 /***/ }),
-/* 787 */
+/* 788 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -153046,7 +153126,7 @@ exports.default = ToastText;
 
 
 /***/ }),
-/* 788 */
+/* 789 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -153102,8 +153182,8 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
 var React = __importStar(__webpack_require__(0));
-var tieredmenu_1 = __webpack_require__(789);
-var helpers_1 = __webpack_require__(24);
+var tieredmenu_1 = __webpack_require__(790);
+var helpers_1 = __webpack_require__(25);
 var zIndex_1 = __webpack_require__(38);
 function isSeparator(item) {
     return item['separator'] === true;
@@ -153196,16 +153276,16 @@ exports.Menu = Menu;
 
 
 /***/ }),
-/* 789 */
+/* 790 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(790);
+module.exports = __webpack_require__(791);
 
 /***/ }),
-/* 790 */
+/* 791 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -153221,10 +153301,10 @@ var _reactDom = _interopRequireDefault(__webpack_require__(13));
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
 var _ClassNames = __webpack_require__(16);
 var _DomHandler = _interopRequireDefault(__webpack_require__(22));
-var _TieredMenuSub = __webpack_require__(791);
+var _TieredMenuSub = __webpack_require__(792);
 var _reactTransitionGroup = __webpack_require__(40);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(53));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -153532,7 +153612,7 @@ _defineProperty(TieredMenu, "propTypes", {
 });
 
 /***/ }),
-/* 791 */
+/* 792 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -153882,7 +153962,7 @@ _defineProperty(TieredMenuSub, "propTypes", {
 });
 
 /***/ }),
-/* 792 */
+/* 793 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -154033,7 +154113,7 @@ exports.SimpleToggleBox = SimpleToggleBox;
 
 
 /***/ }),
-/* 793 */
+/* 794 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -154173,16 +154253,16 @@ exports.CustomHeaderToggleBox = CustomHeaderToggleBox;
 
 
 /***/ }),
-/* 794 */
+/* 795 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(795);
+module.exports = __webpack_require__(796);
 
 /***/ }),
-/* 795 */
+/* 796 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -154200,7 +154280,7 @@ var _DomHandler = _interopRequireDefault(__webpack_require__(22));
 var _reactTransitionGroup = __webpack_require__(40);
 var _Ripple = __webpack_require__(28);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(53));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -154484,7 +154564,7 @@ _defineProperty(OverlayPanel, "propTypes", {
 });
 
 /***/ }),
-/* 796 */
+/* 797 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -154794,7 +154874,7 @@ var getIcons = function (translateFunction) {
 
 
 /***/ }),
-/* 797 */
+/* 798 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -154929,7 +155009,7 @@ exports.ThemeSelector = ThemeSelector;
 
 
 /***/ }),
-/* 798 */
+/* 799 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155043,7 +155123,7 @@ exports.DropZone = DropZone;
 
 
 /***/ }),
-/* 799 */
+/* 800 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155104,7 +155184,7 @@ exports.CreateButton = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(3));
 var Icon_1 = __webpack_require__(14);
-var Tooltip_1 = __webpack_require__(49);
+var Tooltip_1 = __webpack_require__(50);
 var CreateButton = /** @class */ (function (_super) {
     __extends(CreateButton, _super);
     function CreateButton() {
@@ -155132,7 +155212,7 @@ exports.CreateButton = CreateButton;
 
 
 /***/ }),
-/* 800 */
+/* 801 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155265,7 +155345,7 @@ exports.SearchBar = SearchBar;
 
 
 /***/ }),
-/* 801 */
+/* 802 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155481,7 +155561,7 @@ exports.SvgIconIllustration = SvgIconIllustration;
 
 
 /***/ }),
-/* 802 */
+/* 803 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155560,7 +155640,7 @@ exports.IllustrationButton = IllustrationButton;
 
 
 /***/ }),
-/* 803 */
+/* 804 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155617,7 +155697,7 @@ exports.Layout = Layout;
 
 
 /***/ }),
-/* 804 */
+/* 805 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155694,7 +155774,7 @@ exports.LayoutContainer = LayoutContainer;
 
 
 /***/ }),
-/* 805 */
+/* 806 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155764,7 +155844,7 @@ exports.HeaderPanel = HeaderPanel;
 
 
 /***/ }),
-/* 806 */
+/* 807 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155844,7 +155924,7 @@ exports.MainPanel = MainPanel;
 
 
 /***/ }),
-/* 807 */
+/* 808 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155921,7 +156001,7 @@ exports.LeftPanel = LeftPanel;
 
 
 /***/ }),
-/* 808 */
+/* 809 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155991,7 +156071,7 @@ exports.RightPanel = RightPanel;
 
 
 /***/ }),
-/* 809 */
+/* 810 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156063,7 +156143,7 @@ exports.OverlayPanel = OverlayPanel;
 
 
 /***/ }),
-/* 810 */
+/* 811 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156148,7 +156228,7 @@ exports.AuthoringContainer = AuthoringContainer;
 
 
 /***/ }),
-/* 811 */
+/* 812 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156228,7 +156308,7 @@ exports.ContentSplitter = ContentSplitter;
 
 
 /***/ }),
-/* 812 */
+/* 813 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156315,7 +156395,7 @@ exports.PageLayout = PageLayout;
 
 
 /***/ }),
-/* 813 */
+/* 814 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156398,7 +156478,7 @@ exports.Container = Container;
 
 
 /***/ }),
-/* 814 */
+/* 815 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156468,7 +156548,7 @@ exports.AuthoringFrameContainer = AuthoringFrameContainer;
 
 
 /***/ }),
-/* 815 */
+/* 816 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156538,7 +156618,7 @@ exports.AuthoringFrameMain = AuthoringFrameMain;
 
 
 /***/ }),
-/* 816 */
+/* 817 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156608,7 +156688,7 @@ exports.AuthoringFrameNavBar = AuthoringFrameNavBar;
 
 
 /***/ }),
-/* 817 */
+/* 818 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156678,7 +156758,7 @@ exports.AuthoringFrameLeftBar = AuthoringFrameLeftBar;
 
 
 /***/ }),
-/* 818 */
+/* 819 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156759,7 +156839,7 @@ exports.AuthoringFrameRightBar = AuthoringFrameRightBar;
 
 
 /***/ }),
-/* 819 */
+/* 820 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156838,7 +156918,7 @@ exports.AuthoringFrameSidePanel = AuthoringFrameSidePanel;
 
 
 /***/ }),
-/* 820 */
+/* 821 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156917,7 +156997,7 @@ exports.AuthoringFrameSidePanelOverlay = AuthoringFrameSidePanelOverlay;
 
 
 /***/ }),
-/* 821 */
+/* 822 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156987,7 +157067,7 @@ exports.AuthoringFrameOverlay = AuthoringFrameOverlay;
 
 
 /***/ }),
-/* 822 */
+/* 823 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157066,7 +157146,7 @@ exports.AuthoringFrame = AuthoringFrame;
 
 
 /***/ }),
-/* 823 */
+/* 824 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157142,7 +157222,7 @@ exports.AuthoringMain = AuthoringMain;
 
 
 /***/ }),
-/* 824 */
+/* 825 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157212,7 +157292,7 @@ exports.AuthoringMainContainer = AuthoringMainContainer;
 
 
 /***/ }),
-/* 825 */
+/* 826 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157289,7 +157369,7 @@ exports.AuthoringMainToolBar = AuthoringMainToolBar;
 
 
 /***/ }),
-/* 826 */
+/* 827 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157359,7 +157439,7 @@ exports.AuthoringMainContent = AuthoringMainContent;
 
 
 /***/ }),
-/* 827 */
+/* 828 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157454,7 +157534,7 @@ exports.AuthoringInnerHeader = AuthoringInnerHeader;
 
 
 /***/ }),
-/* 828 */
+/* 829 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157530,7 +157610,7 @@ exports.AuthoringInnerBody = AuthoringInnerBody;
 
 
 /***/ }),
-/* 829 */
+/* 830 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157600,7 +157680,7 @@ exports.AuthorinInnerSideBar = AuthorinInnerSideBar;
 
 
 /***/ }),
-/* 830 */
+/* 831 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157676,7 +157756,7 @@ exports.CoreLayout = CoreLayout;
 
 
 /***/ }),
-/* 831 */
+/* 832 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157746,7 +157826,7 @@ exports.CoreLayoutContainer = CoreLayoutContainer;
 
 
 /***/ }),
-/* 832 */
+/* 833 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157821,7 +157901,7 @@ exports.CoreLayoutTopMenu = CoreLayoutTopMenu;
 
 
 /***/ }),
-/* 833 */
+/* 834 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157898,7 +157978,7 @@ exports.CoreLayoutMain = CoreLayoutMain;
 
 
 /***/ }),
-/* 834 */
+/* 835 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157977,7 +158057,7 @@ exports.CoreLayoutSlideInMenu = CoreLayoutSlideInMenu;
 
 
 /***/ }),
-/* 835 */
+/* 836 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158047,7 +158127,7 @@ exports.CoreLayoutFooter = CoreLayoutFooter;
 
 
 /***/ }),
-/* 836 */
+/* 837 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158117,7 +158197,7 @@ exports.CoreLayoutOverlay = CoreLayoutOverlay;
 
 
 /***/ }),
-/* 837 */
+/* 838 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158201,7 +158281,7 @@ exports.HamburgerButton = HamburgerButton;
 
 
 /***/ }),
-/* 838 */
+/* 839 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158281,7 +158361,7 @@ exports.BottomBarAction = BottomBarAction;
 
 
 /***/ }),
-/* 839 */
+/* 840 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158403,7 +158483,7 @@ exports.default = MainMenu;
 
 
 /***/ }),
-/* 840 */
+/* 841 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158534,7 +158614,7 @@ exports.default = NotificationPanel;
 
 
 /***/ }),
-/* 841 */
+/* 842 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158655,7 +158735,7 @@ exports.SideBarMenu = SideBarMenu;
 
 
 /***/ }),
-/* 842 */
+/* 843 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158764,7 +158844,7 @@ exports.SideBarTabs = SideBarTabs;
 
 
 /***/ }),
-/* 843 */
+/* 844 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158900,7 +158980,7 @@ exports.QuickNavBar = QuickNavBar;
 
 
 /***/ }),
-/* 844 */
+/* 845 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159002,7 +159082,7 @@ exports.SimpleList = SimpleList;
 
 
 /***/ }),
-/* 845 */
+/* 846 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159184,7 +159264,7 @@ exports.BoxedList = BoxedList;
 
 
 /***/ }),
-/* 846 */
+/* 847 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159269,7 +159349,7 @@ exports.ListItemLoader = ListItemLoader;
 
 
 /***/ }),
-/* 847 */
+/* 848 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159361,7 +159441,7 @@ exports.Text = Text;
 
 
 /***/ }),
-/* 848 */
+/* 849 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159447,7 +159527,7 @@ exports.Time = Time;
 
 
 /***/ }),
-/* 849 */
+/* 850 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159547,12 +159627,12 @@ exports.Heading = Heading;
 
 
 /***/ }),
-/* 850 */
+/* 851 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var isObject = __webpack_require__(382),
-    now = __webpack_require__(851),
-    toNumber = __webpack_require__(853);
+    now = __webpack_require__(852),
+    toNumber = __webpack_require__(854);
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -159744,7 +159824,7 @@ module.exports = debounce;
 
 
 /***/ }),
-/* 851 */
+/* 852 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var root = __webpack_require__(383);
@@ -159773,7 +159853,7 @@ module.exports = now;
 
 
 /***/ }),
-/* 852 */
+/* 853 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */
@@ -159784,12 +159864,12 @@ module.exports = freeGlobal;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(56)))
 
 /***/ }),
-/* 853 */
+/* 854 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var baseTrim = __webpack_require__(854),
+var baseTrim = __webpack_require__(855),
     isObject = __webpack_require__(382),
-    isSymbol = __webpack_require__(856);
+    isSymbol = __webpack_require__(857);
 
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
@@ -159854,10 +159934,10 @@ module.exports = toNumber;
 
 
 /***/ }),
-/* 854 */
+/* 855 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var trimmedEndIndex = __webpack_require__(855);
+var trimmedEndIndex = __webpack_require__(856);
 
 /** Used to match leading whitespace. */
 var reTrimStart = /^\s+/;
@@ -159879,7 +159959,7 @@ module.exports = baseTrim;
 
 
 /***/ }),
-/* 855 */
+/* 856 */
 /***/ (function(module, exports) {
 
 /** Used to match a single whitespace character. */
@@ -159904,11 +159984,11 @@ module.exports = trimmedEndIndex;
 
 
 /***/ }),
-/* 856 */
+/* 857 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var baseGetTag = __webpack_require__(857),
-    isObjectLike = __webpack_require__(860);
+var baseGetTag = __webpack_require__(858),
+    isObjectLike = __webpack_require__(861);
 
 /** `Object#toString` result references. */
 var symbolTag = '[object Symbol]';
@@ -159939,12 +160019,12 @@ module.exports = isSymbol;
 
 
 /***/ }),
-/* 857 */
+/* 858 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Symbol = __webpack_require__(384),
-    getRawTag = __webpack_require__(858),
-    objectToString = __webpack_require__(859);
+    getRawTag = __webpack_require__(859),
+    objectToString = __webpack_require__(860);
 
 /** `Object#toString` result references. */
 var nullTag = '[object Null]',
@@ -159973,7 +160053,7 @@ module.exports = baseGetTag;
 
 
 /***/ }),
-/* 858 */
+/* 859 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Symbol = __webpack_require__(384);
@@ -160025,7 +160105,7 @@ module.exports = getRawTag;
 
 
 /***/ }),
-/* 859 */
+/* 860 */
 /***/ (function(module, exports) {
 
 /** Used for built-in method references. */
@@ -160053,7 +160133,7 @@ module.exports = objectToString;
 
 
 /***/ }),
-/* 860 */
+/* 861 */
 /***/ (function(module, exports) {
 
 /**
@@ -160088,7 +160168,7 @@ module.exports = isObjectLike;
 
 
 /***/ }),
-/* 861 */
+/* 862 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160150,7 +160230,7 @@ var classnames_1 = __importDefault(__webpack_require__(3));
 var React = __importStar(__webpack_require__(0));
 var DragHandle_1 = __webpack_require__(135);
 var Icon_1 = __webpack_require__(14);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var TreeSelectPill = /** @class */ (function (_super) {
     __extends(TreeSelectPill, _super);
     function TreeSelectPill() {
@@ -160184,7 +160264,7 @@ exports.TreeSelectPill = TreeSelectPill;
 
 
 /***/ }),
-/* 862 */
+/* 863 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -160195,7 +160275,7 @@ exports.TreeSelectPill = TreeSelectPill;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return compose; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return createStore; });
 /* unused harmony export legacy_createStore */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectSpread2__ = __webpack_require__(863);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectSpread2__ = __webpack_require__(864);
 
 
 /**
@@ -160916,7 +160996,7 @@ if (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string'
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(7)))
 
 /***/ }),
-/* 863 */
+/* 864 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -160951,14 +161031,14 @@ function _objectSpread2(target) {
 }
 
 /***/ }),
-/* 864 */
+/* 865 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__exports__ = __webpack_require__(865);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__exports__ = __webpack_require__(866);
 /* 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__(880);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_reactBatchedUpdates__ = __webpack_require__(881);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_batch__ = __webpack_require__(389);
 /* unused harmony reexport batch */
 
@@ -160970,16 +161050,16 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 
 
 /***/ }),
-/* 865 */
+/* 866 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(866);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(867);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(390);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(54);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(870);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(878);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(879);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(55);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(871);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(879);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(880);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__hooks_useStore__ = __webpack_require__(395);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_shallowEqual__ = __webpack_require__(391);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__components_Provider__["a"]; });
@@ -161004,7 +161084,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 
 
 /***/ }),
-/* 866 */
+/* 867 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161012,7 +161092,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(8);
 /* 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__(54);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(55);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(138);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(139);
 
@@ -161071,22 +161151,22 @@ if (process.env.NODE_ENV !== 'production') {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(7)))
 
 /***/ }),
-/* 867 */
+/* 868 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = __webpack_require__(868);
-} else {
   module.exports = __webpack_require__(869);
+} else {
+  module.exports = __webpack_require__(870);
 }
 
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(7)))
 
 /***/ }),
-/* 868 */
+/* 869 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161107,7 +161187,7 @@ exports.typeOf=y;
 
 
 /***/ }),
-/* 869 */
+/* 870 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161341,7 +161421,7 @@ exports.typeOf = typeOf;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(7)))
 
 /***/ }),
-/* 870 */
+/* 871 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161350,10 +161430,10 @@ exports.typeOf = typeOf;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(35);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(390);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(391);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(871);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(874);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(875);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(876);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(872);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(875);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(876);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(877);
 
 
 var _excluded = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
@@ -161455,14 +161535,14 @@ function createConnect(_temp) {
 /* harmony default export */ __webpack_exports__["a"] = (createConnect());
 
 /***/ }),
-/* 871 */
+/* 872 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* unused harmony export whenMapDispatchToPropsIsFunction */
 /* unused harmony export whenMapDispatchToPropsIsMissing */
 /* unused harmony export whenMapDispatchToPropsIsObject */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_bindActionCreators__ = __webpack_require__(872);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_bindActionCreators__ = __webpack_require__(873);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(392);
 
 
@@ -161484,7 +161564,7 @@ function whenMapDispatchToPropsIsObject(mapDispatchToProps) {
 /* harmony default export */ __webpack_exports__["a"] = ([whenMapDispatchToPropsIsFunction, whenMapDispatchToPropsIsMissing, whenMapDispatchToPropsIsObject]);
 
 /***/ }),
-/* 872 */
+/* 873 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161510,7 +161590,7 @@ function bindActionCreators(actionCreators, dispatch) {
 }
 
 /***/ }),
-/* 873 */
+/* 874 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161533,7 +161613,7 @@ function isPlainObject(obj) {
 }
 
 /***/ }),
-/* 874 */
+/* 875 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161552,7 +161632,7 @@ function whenMapStateToPropsIsMissing(mapStateToProps) {
 /* harmony default export */ __webpack_exports__["a"] = ([whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing]);
 
 /***/ }),
-/* 875 */
+/* 876 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161601,7 +161681,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(7)))
 
 /***/ }),
-/* 876 */
+/* 877 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161609,7 +161689,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 /* unused harmony export pureFinalPropsSelectorFactory */
 /* harmony export (immutable) */ __webpack_exports__["a"] = finalPropsSelectorFactory;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(35);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(877);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(878);
 
 var _excluded = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
 
@@ -161701,7 +161781,7 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(7)))
 
 /***/ }),
-/* 877 */
+/* 878 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161726,13 +161806,13 @@ function verifySubselectors(mapStateToProps, mapDispatchToProps, mergeProps, dis
 }
 
 /***/ }),
-/* 878 */
+/* 879 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* unused harmony export createDispatchHook */
 /* unused harmony export useDispatch */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Context__ = __webpack_require__(54);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Context__ = __webpack_require__(55);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useStore__ = __webpack_require__(395);
 
 
@@ -161779,7 +161859,7 @@ function createDispatchHook(context) {
 var useDispatch = /*#__PURE__*/createDispatchHook();
 
 /***/ }),
-/* 879 */
+/* 880 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161790,7 +161870,7 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(396);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(138);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(139);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(54);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(55);
 
 
 
@@ -161952,7 +162032,7 @@ var useSelector = /*#__PURE__*/createSelectorHook();
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(7)))
 
 /***/ }),
-/* 880 */
+/* 881 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -161963,7 +162043,7 @@ var useSelector = /*#__PURE__*/createSelectorHook();
 
 
 /***/ }),
-/* 881 */
+/* 882 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -162021,7 +162101,7 @@ var useCallback = useCallbackOne;
 
 
 /***/ }),
-/* 882 */
+/* 883 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -162190,7 +162270,7 @@ var getBox = function getBox(el) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(7)))
 
 /***/ }),
-/* 883 */
+/* 884 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -162246,7 +162326,7 @@ function memoizeOne(resultFn, isEqual) {
 
 
 /***/ }),
-/* 884 */
+/* 885 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -162287,7 +162367,7 @@ var rafSchd = function rafSchd(fn) {
 
 
 /***/ }),
-/* 885 */
+/* 886 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -162315,7 +162395,7 @@ function gettext(str) {
 
 
 /***/ }),
-/* 886 */
+/* 887 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -162374,7 +162454,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiSelect = void 0;
 var React = __importStar(__webpack_require__(0));
-var multiselect_1 = __webpack_require__(887);
+var multiselect_1 = __webpack_require__(888);
 var classnames_1 = __importDefault(__webpack_require__(3));
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var Form_1 = __webpack_require__(18);
@@ -162415,16 +162495,16 @@ exports.MultiSelect = MultiSelect;
 
 
 /***/ }),
-/* 887 */
+/* 888 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(888);
+module.exports = __webpack_require__(889);
 
 /***/ }),
-/* 888 */
+/* 889 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -162442,11 +162522,11 @@ var _Tooltip = __webpack_require__(39);
 var _DomHandler = _interopRequireDefault(__webpack_require__(22));
 var _FilterUtils = _interopRequireDefault(__webpack_require__(165));
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(27));
-var _MultiSelectHeader = __webpack_require__(889);
-var _MultiSelectItem = __webpack_require__(891);
-var _MultiSelectPanel = __webpack_require__(892);
+var _MultiSelectHeader = __webpack_require__(890);
+var _MultiSelectItem = __webpack_require__(892);
+var _MultiSelectPanel = __webpack_require__(893);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(53));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -163266,7 +163346,7 @@ _defineProperty(MultiSelect, "propTypes", {
 });
 
 /***/ }),
-/* 889 */
+/* 890 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163279,7 +163359,7 @@ exports.MultiSelectHeader = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(0));
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
 var _InputText = __webpack_require__(133);
-var _Checkbox = __webpack_require__(890);
+var _Checkbox = __webpack_require__(891);
 var _Ripple = __webpack_require__(28);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -163388,7 +163468,7 @@ _defineProperty(MultiSelectHeader, "propTypes", {
 });
 
 /***/ }),
-/* 890 */
+/* 891 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163606,7 +163686,7 @@ _defineProperty(Checkbox, "propTypes", {
 });
 
 /***/ }),
-/* 891 */
+/* 892 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163719,7 +163799,7 @@ _defineProperty(MultiSelectItem, "propTypes", {
 });
 
 /***/ }),
-/* 892 */
+/* 893 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163809,7 +163889,7 @@ _defineProperty(MultiSelectPanel, "propTypes", {
 });
 
 /***/ }),
-/* 893 */
+/* 894 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163876,7 +163956,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizablePanels = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_resizable_panels_1 = __webpack_require__(894);
+var react_resizable_panels_1 = __webpack_require__(895);
 /**
  Features:
  * No absolute positioning is used
@@ -163925,7 +164005,7 @@ exports.ResizablePanels = ResizablePanels;
 
 
 /***/ }),
-/* 894 */
+/* 895 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -163933,12 +164013,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Panel", function() { return $68ce93498c99866c$export$2ddb90ad54e5f587; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelGroup", function() { return $d6da68d748ce761b$export$1d05749f6f573bb; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelResizeHandle", function() { return $6ebc1e3786ab631d$export$8829ecf6b6b15484; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(895);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(897);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(896);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(898);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(898);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(901);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(899);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(902);
 
 
 
@@ -165098,12 +165178,12 @@ $6ebc1e3786ab631d$export$8829ecf6b6b15484.displayName = "PanelResizeHandle";
 
 
 /***/ }),
-/* 895 */
+/* 896 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _objectSpread;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(896);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(897);
 
 
 function _objectSpread(target) {
@@ -165126,7 +165206,7 @@ function _objectSpread(target) {
 }
 
 /***/ }),
-/* 896 */
+/* 897 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165148,7 +165228,7 @@ function _defineProperty(obj, key, value) {
 
 
 /***/ }),
-/* 897 */
+/* 898 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165185,14 +165265,14 @@ function _objectSpreadProps(target, source) {
 }
 
 /***/ }),
-/* 898 */
+/* 899 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _slicedToArray;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(899);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(900);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(398);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(900);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(901);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(399);
 
 
@@ -165205,7 +165285,7 @@ function _slicedToArray(arr, i) {
 
 
 /***/ }),
-/* 899 */
+/* 900 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165216,7 +165296,7 @@ function _arrayWithHoles(arr) {
 
 
 /***/ }),
-/* 900 */
+/* 901 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165227,14 +165307,14 @@ function _nonIterableRest() {
 
 
 /***/ }),
-/* 901 */
+/* 902 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _toConsumableArray;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(902);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(903);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(398);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(903);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(904);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(399);
 
 
@@ -165247,7 +165327,7 @@ function _toConsumableArray(arr) {
 
 
 /***/ }),
-/* 902 */
+/* 903 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165261,7 +165341,7 @@ function _arrayWithoutHoles(arr) {
 
 
 /***/ }),
-/* 903 */
+/* 904 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165272,7 +165352,7 @@ function _nonIterableSpread() {
 
 
 /***/ }),
-/* 904 */
+/* 905 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165334,9 +165414,9 @@ exports.ResizeObserverComponent = ResizeObserverComponent;
 
 
 /***/ }),
-/* 905 */,
 /* 906 */,
-/* 907 */
+/* 907 */,
+/* 908 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165480,12 +165560,12 @@ function reactToAngular1(component, bindings, dependenciesToInject, wrapperStyle
 
 
 /***/ }),
-/* 908 */,
 /* 909 */,
 /* 910 */,
 /* 911 */,
 /* 912 */,
-/* 913 */
+/* 913 */,
+/* 914 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165494,7 +165574,7 @@ function reactToAngular1(component, bindings, dependenciesToInject, wrapperStyle
 /* eslint-disable eqeqeq */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Positioner = void 0;
-var react_to_angular_1_1 = __webpack_require__(907);
+var react_to_angular_1_1 = __webpack_require__(908);
 var _Positioner_1 = __webpack_require__(404);
 exports.Positioner = _Positioner_1.Positioner;
 // one event listener;
@@ -165528,7 +165608,7 @@ angular.module('superdesk-ui.positioner', [])
 
 
 /***/ }),
-/* 914 */
+/* 915 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165555,7 +165635,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleBoxNext = void 0;
 var react_1 = __importDefault(__webpack_require__(0));
 var prop_types_1 = __importDefault(__webpack_require__(8));
-var react_to_angular_1_1 = __webpack_require__(907);
+var react_to_angular_1_1 = __webpack_require__(908);
 var ToggleBoxNext = /** @class */ (function (_super) {
     __extends(ToggleBoxNext, _super);
     function ToggleBoxNext(props) {
@@ -165604,7 +165684,6 @@ angular.module('superdesk-ui.toggleBoxNext', [])
 
 
 /***/ }),
-/* 915 */,
 /* 916 */,
 /* 917 */,
 /* 918 */,
@@ -165781,7 +165860,8 @@ angular.module('superdesk-ui.toggleBoxNext', [])
 /* 1089 */,
 /* 1090 */,
 /* 1091 */,
-/* 1092 */
+/* 1092 */,
+/* 1093 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165802,13 +165882,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Positioner = exports.ToggleBoxNext = exports.reactToAngular1 = void 0;
-__webpack_require__(1093);
-__webpack_require__(1128);
-var react_to_angular_1_1 = __webpack_require__(907);
+__webpack_require__(1094);
+__webpack_require__(1129);
+var react_to_angular_1_1 = __webpack_require__(908);
 Object.defineProperty(exports, "reactToAngular1", { enumerable: true, get: function () { return react_to_angular_1_1.reactToAngular1; } });
-var toggleBoxNext_1 = __webpack_require__(914);
+var toggleBoxNext_1 = __webpack_require__(915);
 Object.defineProperty(exports, "ToggleBoxNext", { enumerable: true, get: function () { return toggleBoxNext_1.ToggleBoxNext; } });
-var positioner_1 = __webpack_require__(913);
+var positioner_1 = __webpack_require__(914);
 Object.defineProperty(exports, "Positioner", { enumerable: true, get: function () { return positioner_1.Positioner; } });
 // TypeScript exports
 __exportStar(__webpack_require__(5), exports);
@@ -165833,43 +165913,43 @@ exports.default = angular.module('superdesk-ui', [
 
 
 /***/ }),
-/* 1093 */
+/* 1094 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-__webpack_require__(1094);
-__webpack_require__(1108);
-__webpack_require__(1110);
+__webpack_require__(1095);
+__webpack_require__(1109);
 __webpack_require__(1111);
-__webpack_require__(913);
 __webpack_require__(1112);
+__webpack_require__(914);
 __webpack_require__(1113);
 __webpack_require__(1114);
-__webpack_require__(914);
 __webpack_require__(1115);
-__webpack_require__(1118);
-__webpack_require__(1120);
-__webpack_require__(1122);
-__webpack_require__(1124);
-__webpack_require__(1126);
+__webpack_require__(915);
+__webpack_require__(1116);
+__webpack_require__(1119);
+__webpack_require__(1121);
+__webpack_require__(1123);
+__webpack_require__(1125);
 __webpack_require__(1127);
+__webpack_require__(1128);
 
 
 /***/ }),
-/* 1094 */
+/* 1095 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-__webpack_require__(1095);
 __webpack_require__(1096);
-__webpack_require__(1102);
+__webpack_require__(1097);
 __webpack_require__(1103);
-__webpack_require__(1106);
+__webpack_require__(1104);
 __webpack_require__(1107);
+__webpack_require__(1108);
 exports.default = angular.module('superdesk-ui.helper', [
     'superdesk-ui.helper.dropdown',
     'superdesk-ui.helper.modal',
@@ -165879,7 +165959,7 @@ exports.default = angular.module('superdesk-ui.helper', [
 
 
 /***/ }),
-/* 1095 */
+/* 1096 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -166070,7 +166150,7 @@ angular.module('superdesk-ui.helper.dateparser', []).service('dateParser', ['$lo
 
 
 /***/ }),
-/* 1096 */
+/* 1097 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -166256,7 +166336,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     .directive('datepicker', function () { return ({
     restrict: 'EA',
     replace: true,
-    template: __webpack_require__(1097),
+    template: __webpack_require__(1098),
     scope: {
         datepickerMode: '=?',
         dateDisabled: '&',
@@ -166276,7 +166356,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         return {
             restrict: 'EA',
             replace: true,
-            template: __webpack_require__(1098),
+            template: __webpack_require__(1099),
             require: '^datepicker',
             link: function link(scope, element, attrs, ctrl) {
                 scope.showWeeks = ctrl.showWeeks;
@@ -166372,7 +166452,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         return {
             restrict: 'EA',
             replace: true,
-            template: __webpack_require__(1099),
+            template: __webpack_require__(1100),
             require: '^datepicker',
             link: function link(scope, element, attrs, ctrl) {
                 ctrl.step = { years: 1 };
@@ -166426,7 +166506,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         return {
             restrict: 'EA',
             replace: true,
-            template: __webpack_require__(1100),
+            template: __webpack_require__(1101),
             require: '^datepicker',
             link: function link(scope, element, attrs, ctrl) {
                 var range = ctrl.yearRange;
@@ -166750,42 +166830,42 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     restrict: 'EA',
     replace: true,
     transclude: true,
-    template: __webpack_require__(1101)
+    template: __webpack_require__(1102)
 }); });
 
 
 /***/ }),
-/* 1097 */
+/* 1098 */
 /***/ (function(module, exports) {
 
 module.exports = "<div ng-switch=\"datepickerMode\" role=\"application\" ng-keydown=\"keydown($event)\">\n  <daypicker ng-switch-when=\"day\" tabindex=\"0\"></daypicker>\n  <monthpicker ng-switch-when=\"month\" tabindex=\"0\"></monthpicker>\n  <yearpicker ng-switch-when=\"year\" tabindex=\"0\"></yearpicker>\n</div>";
 
 /***/ }),
-/* 1098 */
+/* 1099 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th colspan=\"{{::5 + showWeeks}}\"><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n    <tr>\n      <th ng-if=\"showWeeks\" class=\"text-center\"></th>\n      <th ng-repeat=\"label in ::labels track by $index\" class=\"text-center\"><small aria-label=\"{{::label.full}}\">{{::label.abbr}}</small></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-if=\"showWeeks\" class=\"text-center h6\"><em>{{ weekNumbers[$index] }}</em></td>\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\" ng-class=\"::dt.customClass\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default btn-sm\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-muted': dt.secondary, 'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 1099 */
+/* 1100 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\" ng-class=\"::dt.customClass\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 1100 */
+/* 1101 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th colspan=\"3\"><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 1101 */
+/* 1102 */
 /***/ (function(module, exports) {
 
 module.exports = "<ul class=\"dropdown-menu\" ng-if=\"isOpen\" style=\"display: block\" ng-style=\"{top: position.top+'px', left: position.left+'px'}\" ng-keydown=\"keydown($event)\" ng-click=\"$event.stopPropagation()\">\n\t<li ng-transclude></li>\n\t<li ng-if=\"showButtonBar\" style=\"padding:10px 9px 2px\">\n\t\t<span class=\"btn-group pull-left\">\n\t\t\t<button type=\"button\" class=\"btn btn-sm btn-info\" ng-click=\"select('today')\">{{ getText('current') }}</button>\n\t\t\t<button type=\"button\" class=\"btn btn-sm btn-danger\" ng-click=\"select(null)\">{{ getText('clear') }}</button>\n\t\t</span>\n\t\t<button type=\"button\" class=\"btn btn-sm btn-success pull-right\" ng-click=\"close()\">{{ getText('close') }}</button>\n\t</li>\n</ul>\n";
 
 /***/ }),
-/* 1102 */
+/* 1103 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -166942,6 +167022,14 @@ angular.module('superdesk-ui.helper.dropdown', ['superdesk-ui.helper.position'])
                 self.dropdownMenu.css(css);
             }
             $animate[isOpen ? 'addClass' : 'removeClass'](self.$element, openClass).then(function () {
+                // NOTE: this checks whether there is at least one dropdown open - not only this instance
+                var legacyAngularDropdownOpen = document.querySelector('.dropdown.open') != null;
+                if (legacyAngularDropdownOpen) {
+                    document.body.classList.add('legacyAngularDropdownOpen');
+                }
+                else {
+                    document.body.classList.remove('legacyAngularDropdownOpen');
+                }
                 if (angular.isDefined(isOpen) && isOpen !== wasOpen) {
                     toggleInvoker($scope, { open: !!isOpen });
                 }
@@ -167069,7 +167157,7 @@ angular.module('superdesk-ui.helper.dropdown', ['superdesk-ui.helper.position'])
 
 
 /***/ }),
-/* 1103 */
+/* 1104 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -167128,7 +167216,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
         return {
             restrict: 'EA',
             replace: true,
-            template: __webpack_require__(1104),
+            template: __webpack_require__(1105),
             compile: function compile(tElement, tAttrs) {
                 tElement.addClass(tAttrs.backdropClass);
                 return linkFn;
@@ -167155,7 +167243,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
             //            templateUrl: function templateUrl(tElement, tAttrs) {
             //                return tAttrs.templateUrl || '../app/template/window.html';
             //            },
-            template: __webpack_require__(1105),
+            template: __webpack_require__(1106),
             link: function link(scope, element, attrs) {
                 element.addClass(attrs.windowClass || '');
                 scope.size = attrs.size;
@@ -167495,19 +167583,19 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
 
 
 /***/ }),
-/* 1104 */
+/* 1105 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"modal__backdrop fade in\"></div>";
 
 /***/ }),
-/* 1105 */
+/* 1106 */
 /***/ (function(module, exports) {
 
 module.exports = "<div modal-render=\"{{$isRendered}}\" tabindex=\"-1\" role=\"dialog\" class=\"modal\"\n     modal-animation-class=\"fade\"\n     modal-in-class=\"in\"\n     ng-style=\"{'z-index': 1050 + index * 10, display: 'block'}\"\n     ng-class=\"size ? 'modal--' + size : ''\">\n    <div class=\"modal__dialog\">\n        <div class=\"modal__content\" modal-transclude></div>\n    </div>\n</div>\n";
 
 /***/ }),
-/* 1106 */
+/* 1107 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -167651,7 +167739,7 @@ angular.module('superdesk-ui.helper.position', [])
 
 
 /***/ }),
-/* 1107 */
+/* 1108 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -168722,7 +168810,7 @@ var popper_js_1 = __importDefault(__webpack_require__(405));
 
 
 /***/ }),
-/* 1108 */
+/* 1109 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -168737,7 +168825,7 @@ function CarouselDirective() {
             finish: '&',
             model: '='
         },
-        template: __webpack_require__(1109),
+        template: __webpack_require__(1110),
         transclude: true,
         controllerAs: 'ctrl',
         controller: ['$scope', '$document',
@@ -168853,13 +168941,13 @@ angular.module('superdesk-ui.carousel', [])
 
 
 /***/ }),
-/* 1109 */
+/* 1110 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"sd-carousel__backdrop\"></div>\n<div class=\"sd-carousel\">\n    <div class=\"sd-carousel__dialog\">\n        <div class=\"sd-carousel__content\" ng-transclude></div>\n        <a class=\"sd-carousel__nav-button sd-carousel__nav-button--prev\" ng-click=\"ctrl.previous()\" ng-hide=\"pageIndex === 0\"></a>\n        <a class=\"sd-carousel__nav-button\" ng-click=\"pageIndex === steps.length-1 ? ctrl.finish() : ctrl.next()\" ng-class=\"pageIndex === steps.length-1 ? 'sd-carousel__nav-button--end' : 'sd-carousel__nav-button--next'\"></a>\n        <div class=\"sd-carousel__page-indication-bar\">\n            <span ng-repeat=\"step in steps\" \n                  class=\"sd-carousel__page-indicator\" \n                  ng-class=\"{'sd-carousel__page-indicator--selected': step.selected}\"\n                  ng-click=\"goTo(step)\">\n            </span>\n        </div>\n    </div>\n</div>";
 
 /***/ }),
-/* 1110 */
+/* 1111 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -168944,7 +169032,7 @@ angular.module('superdesk-ui.check', [])
 
 
 /***/ }),
-/* 1111 */
+/* 1112 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169154,7 +169242,7 @@ angular
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(89)))
 
 /***/ }),
-/* 1112 */
+/* 1113 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169230,7 +169318,7 @@ angular.module('superdesk-ui.modals', [])
 
 
 /***/ }),
-/* 1113 */
+/* 1114 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169307,7 +169395,7 @@ angular.module('superdesk-ui.switch', [])
 
 
 /***/ }),
-/* 1114 */
+/* 1115 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169344,7 +169432,7 @@ angular.module('superdesk-ui.toggleBox', [])
 
 
 /***/ }),
-/* 1115 */
+/* 1116 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169370,7 +169458,7 @@ function WizardHandlerFactory() {
 WizardDirective.$inject = [];
 function WizardDirective() {
     return {
-        template: __webpack_require__(1116),
+        template: __webpack_require__(1117),
         scope: {
             currentStep: '=',
             finish: '&',
@@ -169462,7 +169550,7 @@ function WizardDirective() {
 WizardStepDirective.$inject = [];
 function WizardStepDirective() {
     return {
-        template: __webpack_require__(1117),
+        template: __webpack_require__(1118),
         scope: {
             title: '@',
             code: '@',
@@ -169483,19 +169571,19 @@ angular.module('superdesk-ui.wizard', [])
 
 
 /***/ }),
-/* 1116 */
+/* 1117 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"modal__body-header\">\n    <ul class=\"nav-tabs\">\n        <li ng-repeat=\"step in steps\" ng-class=\"{'nav-tabs__tab--active': step.selected}\" class=\"nav-tabs__tab\">\n            <button\n                ng-click=\"goTo(step)\"\n                ng-disabled=\"step.disabled\"\n                ng-hide=\"step.hide\"\n                class=\"nav-tabs__link\"\n                data-test-id=\"wizard--{{step.title}}\"\n            >\n                {{ step.title}}\n            </button>\n        </li>\n    </ul>\n</div>\n<div class=\"modal__body-content\" ng-transclude></div>";
 
 /***/ }),
-/* 1117 */
+/* 1118 */
 /***/ (function(module, exports) {
 
 module.exports = "<div ng-show=\"selected\" class=\"modal-screen\" ng-transclude></div>\r\n";
 
 /***/ }),
-/* 1118 */
+/* 1119 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169522,7 +169610,7 @@ function TagInputDirective($q) {
             maxResultsToShow: '=',
         },
         require: '?ngModel',
-        template: __webpack_require__(1119),
+        template: __webpack_require__(1120),
         link: function (scope) {
             scope.loadTags = function (query) { return $q(function (resolve, reject) {
                 var res = scope.items.filter(function (el) {
@@ -169540,13 +169628,13 @@ angular.module('superdesk-ui.tags', [])
 
 
 /***/ }),
-/* 1119 */
+/* 1120 */
 /***/ (function(module, exports) {
 
 module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</label>\n<tags-input ng-model=\"model\"\n    add-from-autocomplete-only=\"{{items ? !freetext : false}}\"\n    show-button=\"{{!!items}}\"\n    display-property=\"{{field}}\"\n    key-property=\"{{keyProperty}}\"\n    use-strings=\"{{!field}}\"\n    ng-required=\"required\"\n    on-tag-added=\"onChange($tag)\"\n    on-tag-removed=\"onChange($tag)\"\n    replace-spaces-with-dashes=\"{{replaceSpacesWithDashes}}\"\n    min-length=\"{{minLength}}\"\n    max-length=\"{{maxLength}}\"\n    max-tags=\"{{maxTags}}\"\n    max-items=\"{{maxItems}}\"\n    boxed={{boxed}}\n    placeholder=\"{{placeholder}}\">\n\n    <auto-complete ng-if=\"items\"\n        source=\"loadTags($query)\"\n        load-on-empty=\"true\"\n        min-length=\"{{minLength}}\"\n        display-property=\"{{field}}\"\n        key-property=\"{{keyProperty}}\"\n        max-results-to-show=\"{{maxResultsToShow}}\">\n    </auto-complete>\n</tags-input>\n";
 
 /***/ }),
-/* 1120 */
+/* 1121 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169561,7 +169649,7 @@ module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</
  */
 function LineInputDirective() {
     return {
-        template: __webpack_require__(1121),
+        template: __webpack_require__(1122),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -169603,13 +169691,13 @@ angular.module('superdesk-ui.lineInput', [])
 
 
 /***/ }),
-/* 1121 */
+/* 1122 */
 /***/ (function(module, exports) {
 
 module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark-ui': dark, 'sd-line-input--boxed': boxed, 'sd-line-input--required': required}\">\n    <label class=\"sd-line-input__label\" translate>{{label}}</label>\n\n    <input class=\"sd-line-input__input\" type=\"text\" ng-model=\"modelFixed.value\" ng-change=\"update(modelFixed.value)\" ng-blur=\"onblur()\" ng-disabled=\"disabled\" placeholder=\"{{placeholder}}\" ng-if=\"!transclude && !textarea\">\n\n    <textarea class=\"sd-line-input__input\"\n        ng-model=\"modelFixed.value\"\n        ng-change=\"update(modelFixed.value)\"\n        ng-blur=\"onblur()\"\n        ng-disabled=\"disabled\"\n        placeholder=\"{{placeholder}}\"\n        ng-if=\"textarea\"\n        sd-auto-height>\n    </textarea>\n\n    <ng-transclude></ng-transclude>\n    <div class=\"sd-line-input__char-count\" ng-if=\"maxlength\" sd-character-count data-item=\"modelFixed.value\" data-limit=\"maxlength\" data-html=\"true\"></div>\n</div>\n";
 
 /***/ }),
-/* 1122 */
+/* 1123 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169627,7 +169715,7 @@ module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark
  */
 function SearchHandlerDirective() {
     return {
-        template: __webpack_require__(1123),
+        template: __webpack_require__(1124),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -169654,13 +169742,13 @@ angular.module('superdesk-ui.searchHandler', [])
 
 
 /***/ }),
-/* 1123 */
+/* 1124 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"flat-searchbar extended\">\n    <div class=\"search-handler\" ng-class=\"{'search-handler--left-border': borderleft}\">\n        <label for=\"search-input\" class=\"trigger-icon\"><i class=\"icon-search\"></i></label>\n        <input id=\"search-input\" type=\"text\" placeholder=\"{{ :: label || 'Search' }}\" ng-model=\"model\" ng-model-options=\"{debounce: debounce}\">\n        <button class=\"search-close\" ng-if=\"model.length\" ng-click=\"clearInput()\" ng-class=\"{visible: model.length}\"><i class=\"icon-remove-sign\"></i></button>\n\n        <button class=\"search-close\" ng-if=\"button && model.length\" ng-click=\"\" ng-class=\"{visible: button && model.length}\">\n            <i class=\"big-icon--chevron-right\"></i>\n        </button>\n    </div>\n</div>\n";
 
 /***/ }),
-/* 1124 */
+/* 1125 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169674,7 +169762,7 @@ function sdCircularProgress() {
             error: '=',
             counter: '='
         },
-        template: __webpack_require__(1125),
+        template: __webpack_require__(1126),
         link: function (scope, element) {
             var elem = $(element).find('.progress-svg');
             var width = elem.outerWidth();
@@ -169718,13 +169806,13 @@ angular.module('superdesk-ui.circularProgress', [])
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(89)))
 
 /***/ }),
-/* 1125 */
+/* 1126 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"progress-bar-container\">\n    <div  class=\"progress-done\" ng-class=\"{'progress-done--completed': status === 'completed', 'progress-done--error': status === 'error'}\">\n        <i class=\"icon-ok\" ng-hide=\"status === 'error'\"></i>\n        <i class=\"icon-close-small\" ng-hide=\"status === 'completed'\"></i>\n    </div>\n    <span class=\"progress-text\" ng-if=\"counter\">{{value}}<em>%</em></span>\n    <svg class=\"progress-svg\">\n        <circle ng-attr-r=\"{{radius}}\" ng-attr-cx=\"50%\" ng-attr-cy=\"50%\"></circle>\n        <circle class=\"progressbar\" ng-attr-r=\"{{radius}}\" ng-attr-cx=\"50%\" ng-attr-cy=\"50%\" ng-style=\"{'stroke-dashoffset': dashOffset, 'stroke-dasharray': circumference}\"></circle>\n    </svg>\n</div>";
 
 /***/ }),
-/* 1126 */
+/* 1127 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169761,7 +169849,7 @@ angular.module('superdesk-ui.splitter', [])
 
 
 /***/ }),
-/* 1127 */
+/* 1128 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169797,17 +169885,17 @@ angular.module('superdesk-ui.mediaQuery', [])
 
 
 /***/ }),
-/* 1128 */
+/* 1129 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-__webpack_require__(1129);
+__webpack_require__(1130);
 
 
 /***/ }),
-/* 1129 */
+/* 1130 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin