npm - superdesk-ui-framework - Versions diffs - 3.0.65 → 3.0.67 - Mend

superdesk-ui-framework 3.0.65 → 3.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (443) hide show

package/dist/superdesk-ui.bundle.js CHANGED Viewed

@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 732);
+/******/ 	return __webpack_require__(__webpack_require__.s = 733);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -2184,7 +2184,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
             try {
                 oldLocale = globalLocale._abbr;
                 aliasedRequire = require;
-                __webpack_require__(347)("./" + name);
+                __webpack_require__(348)("./" + name);
                 getSetGlobalLocale(oldLocale);
             } catch (e) {
                 // mark as not found to avoid repeating expensive file require call causing high CPU
@@ -5862,26 +5862,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerLocaleSettings = exports.DatePickerISO = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.Rotate = exports.AvatarPlaceholder = exports.Avatar = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
 exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.TagInput = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = void 0;
 exports.DragHandle = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeSelect = void 0;
-var HelloWorld_1 = __webpack_require__(294);
+var HelloWorld_1 = __webpack_require__(295);
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
 var Button_1 = __webpack_require__(55);
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
-var Input_1 = __webpack_require__(295);
+var Input_1 = __webpack_require__(296);
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
-var Select_1 = __webpack_require__(296);
+var Select_1 = __webpack_require__(297);
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
 Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return Select_1.Option; } });
-var SelectWithTemplate_1 = __webpack_require__(304);
+var SelectWithTemplate_1 = __webpack_require__(305);
 Object.defineProperty(exports, "SelectWithTemplate", { enumerable: true, get: function () { return SelectWithTemplate_1.SelectWithTemplate; } });
-var WithPagination_1 = __webpack_require__(318);
+var WithPagination_1 = __webpack_require__(319);
 Object.defineProperty(exports, "WithPagination", { enumerable: true, get: function () { return WithPagination_1.WithPagination; } });
-var Popover_1 = __webpack_require__(319);
+var Popover_1 = __webpack_require__(320);
 Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
 var Label_1 = __webpack_require__(36);
 Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
 var Badge_1 = __webpack_require__(45);
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
-var Alert_1 = __webpack_require__(320);
+var Alert_1 = __webpack_require__(321);
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
 var avatar_wrapper_1 = __webpack_require__(46);
 Object.defineProperty(exports, "AvatarWrapper", { enumerable: true, get: function () { return avatar_wrapper_1.AvatarWrapper; } });
@@ -5889,7 +5889,7 @@ var avatar_text_1 = __webpack_require__(92);
 Object.defineProperty(exports, "AvatarContentText", { enumerable: true, get: function () { return avatar_text_1.AvatarContentText; } });
 var avatar_image_1 = __webpack_require__(59);
 Object.defineProperty(exports, "AvatarContentImage", { enumerable: true, get: function () { return avatar_image_1.AvatarContentImage; } });
-var avatar_group_1 = __webpack_require__(321);
+var avatar_group_1 = __webpack_require__(322);
 Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return avatar_group_1.AvatarGroup; } });
 var avatar_1 = __webpack_require__(93);
 Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
@@ -5899,7 +5899,7 @@ var Rotate_1 = __webpack_require__(277);
 Object.defineProperty(exports, "Rotate", { enumerable: true, get: function () { return Rotate_1.Rotate; } });
 var IconButton_1 = __webpack_require__(48);
 Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
-var IconLabel_1 = __webpack_require__(346);
+var IconLabel_1 = __webpack_require__(347);
 Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
 var Tooltip_1 = __webpack_require__(41);
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -5915,52 +5915,52 @@ var DatePicker_3 = __webpack_require__(70);
 Object.defineProperty(exports, "DatePickerLocaleSettings", { enumerable: true, get: function () { return DatePicker_3.DatePickerLocaleSettings; } });
 var TimePicker_1 = __webpack_require__(278);
 Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
-var FormLabel_1 = __webpack_require__(377);
+var FormLabel_1 = __webpack_require__(378);
 Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
-var Switch_1 = __webpack_require__(378);
+var Switch_1 = __webpack_require__(379);
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
-var SwitchGroup_1 = __webpack_require__(379);
+var SwitchGroup_1 = __webpack_require__(380);
 Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
 var ButtonGroup_1 = __webpack_require__(250);
 Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
 var Loader_1 = __webpack_require__(74);
 Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
-var RadioGroup_1 = __webpack_require__(380);
+var RadioGroup_1 = __webpack_require__(381);
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
-var Checkbox_1 = __webpack_require__(381);
+var Checkbox_1 = __webpack_require__(382);
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
-var RadioButtonGroup_1 = __webpack_require__(382);
+var RadioButtonGroup_1 = __webpack_require__(383);
 Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return RadioButtonGroup_1.RadioButtonGroup; } });
-var CheckboxButton_1 = __webpack_require__(383);
+var CheckboxButton_1 = __webpack_require__(384);
 Object.defineProperty(exports, "CheckboxButton", { enumerable: true, get: function () { return CheckboxButton_1.CheckboxButton; } });
-var CheckGroup_1 = __webpack_require__(384);
+var CheckGroup_1 = __webpack_require__(385);
 Object.defineProperty(exports, "CheckGroup", { enumerable: true, get: function () { return CheckGroup_1.CheckGroup; } });
-var CheckButtonGroup_1 = __webpack_require__(385);
+var CheckButtonGroup_1 = __webpack_require__(386);
 Object.defineProperty(exports, "CheckButtonGroup", { enumerable: true, get: function () { return CheckButtonGroup_1.CheckButtonGroup; } });
-var NavButton_1 = __webpack_require__(386);
+var NavButton_1 = __webpack_require__(387);
 Object.defineProperty(exports, "NavButton", { enumerable: true, get: function () { return NavButton_1.NavButton; } });
-var TabList_1 = __webpack_require__(387);
+var TabList_1 = __webpack_require__(388);
 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__(388);
+var LeftMenu_1 = __webpack_require__(389);
 Object.defineProperty(exports, "LeftMenu", { enumerable: true, get: function () { return LeftMenu_1.LeftMenu; } });
-var SubNav_1 = __webpack_require__(405);
+var SubNav_1 = __webpack_require__(406);
 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__(406);
+var SlidingToolbar_1 = __webpack_require__(407);
 Object.defineProperty(exports, "SlidingToolbar", { enumerable: true, get: function () { return SlidingToolbar_1.SlidingToolbar; } });
-var StrechBar_1 = __webpack_require__(407);
+var StrechBar_1 = __webpack_require__(408);
 Object.defineProperty(exports, "StrechBar", { enumerable: true, get: function () { return StrechBar_1.StrechBar; } });
-var PropsList_1 = __webpack_require__(408);
+var PropsList_1 = __webpack_require__(409);
 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__(7);
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
-var Divider_1 = __webpack_require__(409);
+var Divider_1 = __webpack_require__(410);
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
-var ContentDivider_1 = __webpack_require__(410);
+var ContentDivider_1 = __webpack_require__(411);
 Object.defineProperty(exports, "ContentDivider", { enumerable: true, get: function () { return ContentDivider_1.ContentDivider; } });
-var HeadingText_1 = __webpack_require__(411);
+var HeadingText_1 = __webpack_require__(412);
 Object.defineProperty(exports, "HeadingText", { enumerable: true, get: function () { return HeadingText_1.HeadingText; } });
 var DropdownFirst_1 = __webpack_require__(49);
 Object.defineProperty(exports, "DropdownFirst", { enumerable: true, get: function () { return DropdownFirst_1.DropdownFirst; } });
@@ -5972,26 +5972,26 @@ var DropdownFirst_4 = __webpack_require__(49);
 Object.defineProperty(exports, "DropdownDivider", { enumerable: true, get: function () { return DropdownFirst_4.DropdownDivider; } });
 var Dropdown_1 = __webpack_require__(254);
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
-var Tag_1 = __webpack_require__(412);
+var Tag_1 = __webpack_require__(413);
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
 var TagInput_1 = __webpack_require__(279);
 Object.defineProperty(exports, "TagInput", { enumerable: true, get: function () { return TagInput_1.TagInput; } });
-var TabCustom_1 = __webpack_require__(415);
+var TabCustom_1 = __webpack_require__(416);
 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__(416);
+var EmptyState_1 = __webpack_require__(417);
 Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.EmptyState; } });
-var Autocomplete_1 = __webpack_require__(425);
+var Autocomplete_1 = __webpack_require__(426);
 Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return Autocomplete_1.Autocomplete; } });
-var DonutChart_1 = __webpack_require__(429);
+var DonutChart_1 = __webpack_require__(430);
 Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return DonutChart_1.DonutChart; } });
-var Carousel_1 = __webpack_require__(433);
+var Carousel_1 = __webpack_require__(434);
 Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return Carousel_1.Carousel; } });
-var Modal_1 = __webpack_require__(436);
+var Modal_1 = __webpack_require__(437);
 Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
-var GridList_1 = __webpack_require__(439);
+var GridList_1 = __webpack_require__(440);
 Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
 var GridItem_1 = __webpack_require__(76);
 Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
@@ -6007,23 +6007,23 @@ 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__(440);
+var Toast_1 = __webpack_require__(441);
 Object.defineProperty(exports, "toasted", { enumerable: true, get: function () { return Toast_1.toasted; } });
-var Menu_1 = __webpack_require__(444);
+var Menu_1 = __webpack_require__(445);
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
-var Togglebox_1 = __webpack_require__(449);
+var Togglebox_1 = __webpack_require__(450);
 Object.defineProperty(exports, "ToggleBox", { enumerable: true, get: function () { return Togglebox_1.ToggleBox; } });
 var SelectGrid_1 = __webpack_require__(255);
 Object.defineProperty(exports, "SelectGrid", { enumerable: true, get: function () { return SelectGrid_1.SelectGrid; } });
-var IconPicker_1 = __webpack_require__(452);
+var IconPicker_1 = __webpack_require__(453);
 Object.defineProperty(exports, "IconPicker", { enumerable: true, get: function () { return IconPicker_1.IconPicker; } });
-var ThemeSelector_1 = __webpack_require__(453);
+var ThemeSelector_1 = __webpack_require__(454);
 Object.defineProperty(exports, "ThemeSelector", { enumerable: true, get: function () { return ThemeSelector_1.ThemeSelector; } });
-var DropZone_1 = __webpack_require__(454);
+var DropZone_1 = __webpack_require__(455);
 Object.defineProperty(exports, "DropZone", { enumerable: true, get: function () { return DropZone_1.DropZone; } });
-var CreateButton_1 = __webpack_require__(455);
+var CreateButton_1 = __webpack_require__(456);
 Object.defineProperty(exports, "CreateButton", { enumerable: true, get: function () { return CreateButton_1.CreateButton; } });
-var SearchBar_1 = __webpack_require__(456);
+var SearchBar_1 = __webpack_require__(457);
 Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return SearchBar_1.SearchBar; } });
 var WithSizeObserver_1 = __webpack_require__(281);
 Object.defineProperty(exports, "WithSizeObserver", { enumerable: true, get: function () { return WithSizeObserver_1.WithSizeObserver; } });
@@ -6033,16 +6033,16 @@ __exportStar(__webpack_require__(52), exports);
 __exportStar(__webpack_require__(83), exports);
 var Skeleton_1 = __webpack_require__(257);
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
-var ListItemLoader_1 = __webpack_require__(500);
+var ListItemLoader_1 = __webpack_require__(501);
 Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
 var Spinner_1 = __webpack_require__(56);
 Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
 Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return Spinner_1.LoadingOverlay; } });
-var Text_1 = __webpack_require__(501);
+var Text_1 = __webpack_require__(502);
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
-var Time_1 = __webpack_require__(502);
+var Time_1 = __webpack_require__(503);
 Object.defineProperty(exports, "Time", { enumerable: true, get: function () { return Time_1.Time; } });
-var Heading_1 = __webpack_require__(503);
+var Heading_1 = __webpack_require__(504);
 Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return Heading_1.Heading; } });
 var BottomNav_1 = __webpack_require__(282);
 Object.defineProperty(exports, "BottomNav", { enumerable: true, get: function () { return BottomNav_1.BottomNav; } });
@@ -6053,18 +6053,18 @@ 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__(84);
 Object.defineProperty(exports, "ContentListItem", { enumerable: true, get: function () { return ContentList_1.ContentListItem; } });
-var MultiSelect_1 = __webpack_require__(541);
+var MultiSelect_1 = __webpack_require__(542);
 Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
-var ResizablePanels_1 = __webpack_require__(548);
+var ResizablePanels_1 = __webpack_require__(549);
 Object.defineProperty(exports, "ResizablePanels", { enumerable: true, get: function () { return ResizablePanels_1.ResizablePanels; } });
 var WithPopover_1 = __webpack_require__(95);
 Object.defineProperty(exports, "WithPopover", { enumerable: true, get: function () { return WithPopover_1.WithPopover; } });
 var Spacer_1 = __webpack_require__(81);
 Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return Spacer_1.Spacer; } });
 Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return Spacer_1.SpacerBlock; } });
-var ResizeObserverComponent_1 = __webpack_require__(559);
+var ResizeObserverComponent_1 = __webpack_require__(560);
 Object.defineProperty(exports, "ResizeObserverComponent", { enumerable: true, get: function () { return ResizeObserverComponent_1.ResizeObserverComponent; } });
-var DragHandle_1 = __webpack_require__(560);
+var DragHandle_1 = __webpack_require__(561);
 Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
@@ -6085,11 +6085,11 @@ if (process.env.NODE_ENV !== 'production') {
   // By explicitly using `prop-types` you are opting into new development behavior.
   // http://fb.me/prop-types-in-prod
   var throwOnDirectAccess = true;
-  module.exports = __webpack_require__(290)(ReactIs.isElement, throwOnDirectAccess);
+  module.exports = __webpack_require__(291)(ReactIs.isElement, throwOnDirectAccess);
 } else {
   // By explicitly using `prop-types` you are opting into new production behavior.
   // http://fb.me/prop-types-in-prod
-  module.exports = __webpack_require__(293)();
+  module.exports = __webpack_require__(294)();
 }
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
@@ -7349,23 +7349,23 @@ exports.default = DomHandler;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormRowNew = exports.InputNew = exports.InputBase = exports.InputWrapper = exports.FormLabel = exports.FormText = exports.FormItem = exports.FormGroup = exports.FormRow = void 0;
-var FormRow_1 = __webpack_require__(297);
+var FormRow_1 = __webpack_require__(298);
 Object.defineProperty(exports, "FormRow", { enumerable: true, get: function () { return FormRow_1.FormRow; } });
-var FormGroup_1 = __webpack_require__(298);
+var FormGroup_1 = __webpack_require__(299);
 Object.defineProperty(exports, "FormGroup", { enumerable: true, get: function () { return FormGroup_1.FormGroup; } });
-var FormItem_1 = __webpack_require__(299);
+var FormItem_1 = __webpack_require__(300);
 Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
-var FormText_1 = __webpack_require__(300);
+var FormText_1 = __webpack_require__(301);
 Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
 var FormLabel_1 = __webpack_require__(51);
 Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
 var InputWrapper_1 = __webpack_require__(86);
 Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
-var InputBase_1 = __webpack_require__(301);
+var InputBase_1 = __webpack_require__(302);
 Object.defineProperty(exports, "InputBase", { enumerable: true, get: function () { return InputBase_1.InputBase; } });
-var InputNew_1 = __webpack_require__(302);
+var InputNew_1 = __webpack_require__(303);
 Object.defineProperty(exports, "InputNew", { enumerable: true, get: function () { return InputNew_1.InputNew; } });
-var FormRowNew_1 = __webpack_require__(303);
+var FormRowNew_1 = __webpack_require__(304);
 Object.defineProperty(exports, "FormRowNew", { enumerable: true, get: function () { return FormRowNew_1.FormRowNew; } });
@@ -7477,82 +7477,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__(457);
+var Layout_1 = __webpack_require__(458);
 Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
-var LayoutContainer_1 = __webpack_require__(458);
+var LayoutContainer_1 = __webpack_require__(459);
 Object.defineProperty(exports, "LayoutContainer", { enumerable: true, get: function () { return LayoutContainer_1.LayoutContainer; } });
-var HeaderPanel_1 = __webpack_require__(459);
+var HeaderPanel_1 = __webpack_require__(460);
 Object.defineProperty(exports, "HeaderPanel", { enumerable: true, get: function () { return HeaderPanel_1.HeaderPanel; } });
-var MainPanel_1 = __webpack_require__(460);
+var MainPanel_1 = __webpack_require__(461);
 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__(461);
+var LeftPanel_1 = __webpack_require__(462);
 Object.defineProperty(exports, "LeftPanel", { enumerable: true, get: function () { return LeftPanel_1.LeftPanel; } });
-var RightPanel_1 = __webpack_require__(462);
+var RightPanel_1 = __webpack_require__(463);
 Object.defineProperty(exports, "RightPanel", { enumerable: true, get: function () { return RightPanel_1.RightPanel; } });
-var OverlayPanel_1 = __webpack_require__(463);
+var OverlayPanel_1 = __webpack_require__(464);
 Object.defineProperty(exports, "OverlayPanel", { enumerable: true, get: function () { return OverlayPanel_1.OverlayPanel; } });
-var AuthoringContainer_1 = __webpack_require__(464);
+var AuthoringContainer_1 = __webpack_require__(465);
 Object.defineProperty(exports, "AuthoringContainer", { enumerable: true, get: function () { return AuthoringContainer_1.AuthoringContainer; } });
-var ContentSplitter_1 = __webpack_require__(465);
+var ContentSplitter_1 = __webpack_require__(466);
 Object.defineProperty(exports, "ContentSplitter", { enumerable: true, get: function () { return ContentSplitter_1.ContentSplitter; } });
-var PageLayout_1 = __webpack_require__(466);
+var PageLayout_1 = __webpack_require__(467);
 Object.defineProperty(exports, "PageLayout", { enumerable: true, get: function () { return PageLayout_1.PageLayout; } });
-var Container_1 = __webpack_require__(467);
+var Container_1 = __webpack_require__(468);
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return Container_1.Container; } });
-var AuthoringFrameContainer_1 = __webpack_require__(468);
+var AuthoringFrameContainer_1 = __webpack_require__(469);
 Object.defineProperty(exports, "AuthoringFrameContainer", { enumerable: true, get: function () { return AuthoringFrameContainer_1.AuthoringFrameContainer; } });
-var AuthoringFrameMain_1 = __webpack_require__(469);
+var AuthoringFrameMain_1 = __webpack_require__(470);
 Object.defineProperty(exports, "AuthoringFrameMain", { enumerable: true, get: function () { return AuthoringFrameMain_1.AuthoringFrameMain; } });
-var AuthoringFrameNavBar_1 = __webpack_require__(470);
+var AuthoringFrameNavBar_1 = __webpack_require__(471);
 Object.defineProperty(exports, "AuthoringFrameNavBar", { enumerable: true, get: function () { return AuthoringFrameNavBar_1.AuthoringFrameNavBar; } });
-var AuthoringFrameLeftBar_1 = __webpack_require__(471);
+var AuthoringFrameLeftBar_1 = __webpack_require__(472);
 Object.defineProperty(exports, "AuthoringFrameLeftBar", { enumerable: true, get: function () { return AuthoringFrameLeftBar_1.AuthoringFrameLeftBar; } });
-var AuthoringFrameRightBar_1 = __webpack_require__(472);
+var AuthoringFrameRightBar_1 = __webpack_require__(473);
 Object.defineProperty(exports, "AuthoringFrameRightBar", { enumerable: true, get: function () { return AuthoringFrameRightBar_1.AuthoringFrameRightBar; } });
-var AuthoringFrameSidePanel_1 = __webpack_require__(473);
+var AuthoringFrameSidePanel_1 = __webpack_require__(474);
 Object.defineProperty(exports, "AuthoringFrameSidePanel", { enumerable: true, get: function () { return AuthoringFrameSidePanel_1.AuthoringFrameSidePanel; } });
-var AuthoringFrameSidePanelOverlay_1 = __webpack_require__(474);
+var AuthoringFrameSidePanelOverlay_1 = __webpack_require__(475);
 Object.defineProperty(exports, "AuthoringFrameSidePanelOverlay", { enumerable: true, get: function () { return AuthoringFrameSidePanelOverlay_1.AuthoringFrameSidePanelOverlay; } });
-var AuthoringFrameOverlay_1 = __webpack_require__(475);
+var AuthoringFrameOverlay_1 = __webpack_require__(476);
 Object.defineProperty(exports, "AuthoringFrameOverlay", { enumerable: true, get: function () { return AuthoringFrameOverlay_1.AuthoringFrameOverlay; } });
-var AuthoringFrame_1 = __webpack_require__(476);
+var AuthoringFrame_1 = __webpack_require__(477);
 Object.defineProperty(exports, "AuthoringFrame", { enumerable: true, get: function () { return AuthoringFrame_1.AuthoringFrame; } });
-var AuthoringMain_1 = __webpack_require__(477);
+var AuthoringMain_1 = __webpack_require__(478);
 Object.defineProperty(exports, "AuthoringMain", { enumerable: true, get: function () { return AuthoringMain_1.AuthoringMain; } });
-var AuthoringMainContainer_1 = __webpack_require__(478);
+var AuthoringMainContainer_1 = __webpack_require__(479);
 Object.defineProperty(exports, "AuthoringMainContainer", { enumerable: true, get: function () { return AuthoringMainContainer_1.AuthoringMainContainer; } });
-var AuthoringMainToolBar_1 = __webpack_require__(479);
+var AuthoringMainToolBar_1 = __webpack_require__(480);
 Object.defineProperty(exports, "AuthoringMainToolBar", { enumerable: true, get: function () { return AuthoringMainToolBar_1.AuthoringMainToolBar; } });
-var AuthoringMainContent_1 = __webpack_require__(480);
+var AuthoringMainContent_1 = __webpack_require__(481);
 Object.defineProperty(exports, "AuthoringMainContent", { enumerable: true, get: function () { return AuthoringMainContent_1.AuthoringMainContent; } });
-var AuthoringInnerHeader_1 = __webpack_require__(481);
+var AuthoringInnerHeader_1 = __webpack_require__(482);
 Object.defineProperty(exports, "AuthoringInnerHeader", { enumerable: true, get: function () { return AuthoringInnerHeader_1.AuthoringInnerHeader; } });
-var AuthoringInnerBody_1 = __webpack_require__(482);
+var AuthoringInnerBody_1 = __webpack_require__(483);
 Object.defineProperty(exports, "AuthoringInnerBody", { enumerable: true, get: function () { return AuthoringInnerBody_1.AuthoringInnerBody; } });
-var AuthorinInnerSideBar_1 = __webpack_require__(483);
+var AuthorinInnerSideBar_1 = __webpack_require__(484);
 Object.defineProperty(exports, "AuthorinInnerSideBar", { enumerable: true, get: function () { return AuthorinInnerSideBar_1.AuthorinInnerSideBar; } });
-var CoreLayout_1 = __webpack_require__(484);
+var CoreLayout_1 = __webpack_require__(485);
 Object.defineProperty(exports, "CoreLayout", { enumerable: true, get: function () { return CoreLayout_1.CoreLayout; } });
-var CoreLayoutContainer_1 = __webpack_require__(485);
+var CoreLayoutContainer_1 = __webpack_require__(486);
 Object.defineProperty(exports, "CoreLayoutContainer", { enumerable: true, get: function () { return CoreLayoutContainer_1.CoreLayoutContainer; } });
-var CoreLayoutTopMenu_1 = __webpack_require__(486);
+var CoreLayoutTopMenu_1 = __webpack_require__(487);
 Object.defineProperty(exports, "CoreLayoutTopMenu", { enumerable: true, get: function () { return CoreLayoutTopMenu_1.CoreLayoutTopMenu; } });
-var CoreLayoutMain_1 = __webpack_require__(487);
+var CoreLayoutMain_1 = __webpack_require__(488);
 Object.defineProperty(exports, "CoreLayoutMain", { enumerable: true, get: function () { return CoreLayoutMain_1.CoreLayoutMain; } });
-var CoreLayoutSlideInMenu_1 = __webpack_require__(488);
+var CoreLayoutSlideInMenu_1 = __webpack_require__(489);
 Object.defineProperty(exports, "CoreLayoutSlideInMenu", { enumerable: true, get: function () { return CoreLayoutSlideInMenu_1.CoreLayoutSlideInMenu; } });
-var CoreLayoutFooter_1 = __webpack_require__(489);
+var CoreLayoutFooter_1 = __webpack_require__(490);
 Object.defineProperty(exports, "CoreLayoutFooter", { enumerable: true, get: function () { return CoreLayoutFooter_1.CoreLayoutFooter; } });
-var CoreLayoutOverlay_1 = __webpack_require__(490);
+var CoreLayoutOverlay_1 = __webpack_require__(491);
 Object.defineProperty(exports, "CoreLayoutOverlay", { enumerable: true, get: function () { return CoreLayoutOverlay_1.CoreLayoutOverlay; } });
-var HamburgerButton_1 = __webpack_require__(491);
+var HamburgerButton_1 = __webpack_require__(492);
 Object.defineProperty(exports, "HamburgerButton", { enumerable: true, get: function () { return HamburgerButton_1.HamburgerButton; } });
-var BottomBarAction_1 = __webpack_require__(492);
+var BottomBarAction_1 = __webpack_require__(493);
 Object.defineProperty(exports, "BottomBarAction", { enumerable: true, get: function () { return BottomBarAction_1.BottomBarAction; } });
-var MainMenu_1 = __webpack_require__(493);
+var MainMenu_1 = __webpack_require__(494);
 Object.defineProperty(exports, "MainMenu", { enumerable: true, get: function () { return MainMenu_1.MainMenu; } });
-var NotificationPanel_1 = __webpack_require__(494);
+var NotificationPanel_1 = __webpack_require__(495);
 Object.defineProperty(exports, "NotificationPanel", { enumerable: true, get: function () { return NotificationPanel_1.NotificationPanel; } });
@@ -7761,7 +7761,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 var _DomHandler = _interopRequireDefault(__webpack_require__(12));
-var _PrimeReact = _interopRequireDefault(__webpack_require__(309));
+var _PrimeReact = _interopRequireDefault(__webpack_require__(310));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25746,7 +25746,7 @@ function getDocumentElement(element) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _inheritsLoose;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__setPrototypeOf_js__ = __webpack_require__(287);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__setPrototypeOf_js__ = __webpack_require__(288);
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
@@ -25849,11 +25849,11 @@ exports.default = ConnectedOverlayScrollHandler;
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__CSSTransition__ = __webpack_require__(310);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__CSSTransition__ = __webpack_require__(311);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "CSSTransition", function() { return __WEBPACK_IMPORTED_MODULE_0__CSSTransition__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ReplaceTransition__ = __webpack_require__(314);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ReplaceTransition__ = __webpack_require__(315);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "ReplaceTransition", function() { return __WEBPACK_IMPORTED_MODULE_1__ReplaceTransition__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__SwitchTransition__ = __webpack_require__(317);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__SwitchTransition__ = __webpack_require__(318);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "SwitchTransition", function() { return __WEBPACK_IMPORTED_MODULE_2__SwitchTransition__["a"]; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__TransitionGroup__ = __webpack_require__(91);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "TransitionGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__TransitionGroup__["a"]; });
@@ -26131,7 +26131,7 @@ function getBoundingClientRect(element, includeScale) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeName_js__ = __webpack_require__(30);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getComputedStyle_js__ = __webpack_require__(34);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(14);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__isTableElement_js__ = __webpack_require__(325);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__isTableElement_js__ = __webpack_require__(326);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getParentNode_js__ = __webpack_require__(47);
@@ -26214,7 +26214,7 @@ function getVariation(placement) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = detectOverflow;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getClippingRect_js__ = __webpack_require__(328);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getClippingRect_js__ = __webpack_require__(329);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getDocumentElement_js__ = __webpack_require__(25);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_getBoundingClientRect_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__computeOffsets_js__ = __webpack_require__(106);
@@ -26360,7 +26360,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var React = __importStar(__webpack_require__(0));
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
-var tooltip_1 = __webpack_require__(345);
+var tooltip_1 = __webpack_require__(346);
 var Tooltip = function (_a) {
     var appendToBody = _a.appendToBody, children = _a.children, disabled = _a.disabled, otherProps = __rest(_a, ["appendToBody", "children", "disabled"]);
     return disabled
@@ -26456,7 +26456,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__popper_js__ = __webpack_require__(343);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__popper_js__ = __webpack_require__(344);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopper", function() { return __WEBPACK_IMPORTED_MODULE_3__popper_js__["a"]; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__popper_lite_js__ = __webpack_require__(110);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperLite", function() { return __WEBPACK_IMPORTED_MODULE_4__popper_lite_js__["a"]; });
@@ -37427,7 +37427,7 @@ var Badge = /** @class */ (function (_super) {
                 React.createElement("span", { className: classes, style: { backgroundColor: this.props.hexColor }, "data-test-id": "badge-content" }, this.props.text)));
         }
         else {
-            return React.createElement("span", { className: classes, style: { backgroundColor: this.props.hexColor }, "data-test-id": this.props['data-test-id'] }, this.props.text);
+            return (React.createElement("span", { className: classes, style: { backgroundColor: this.props.hexColor }, "data-test-id": this.props['data-test-id'] }, this.props.text));
         }
     };
     return Badge;
@@ -37741,7 +37741,9 @@ var DropdownFirst = function (_a) {
     }
     if (headerFooter) {
         return (React.createElement("div", { className: classes },
-            React.createElement("button", { className: navDropdown ? 'dropdown__toggle navbtn dropdown-toggle' : 'dropdown__toggle nav-btn dropdown-toggle', onClick: isOpen }, icon ?
+            React.createElement("button", { className: navDropdown
+                    ? 'dropdown__toggle navbtn dropdown-toggle'
+                    : 'dropdown__toggle nav-btn dropdown-toggle', onClick: isOpen }, icon ?
                 (React.createElement("i", { className: "icon-" + icon })) :
                 (React.createElement(React.Fragment, null,
                     name,
@@ -37762,7 +37764,9 @@ var DropdownFirst = function (_a) {
         }
         else {
             return (React.createElement("div", { className: classes },
-                React.createElement("button", { className: navDropdown ? 'dropdown__toggle navbtn dropdown-toggle' : 'dropdown__toggle nav-btn dropdown-toggle', onClick: isOpen }, icon ?
+                React.createElement("button", { className: navDropdown
+                        ? 'dropdown__toggle navbtn dropdown-toggle'
+                        : 'dropdown__toggle nav-btn dropdown-toggle', onClick: isOpen }, icon ?
                     (React.createElement("i", { className: "icon-" + icon })) :
                     (React.createElement(React.Fragment, null,
                         name,
@@ -37832,9 +37836,9 @@ exports.DropdownFirst.Footer = exports.DropdownFooter;
 /* WEBPACK VAR INJECTION */(function(process) {
 if (process.env.NODE_ENV === 'production') {
-  module.exports = __webpack_require__(288);
-} else {
   module.exports = __webpack_require__(289);
+} else {
+  module.exports = __webpack_require__(290);
 }
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
@@ -37920,11 +37924,11 @@ exports.FormLabel = FormLabel;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuickNavBar = exports.SideBarTabs = exports.SideBarMenu = void 0;
-var SideBarMenu_1 = __webpack_require__(495);
+var SideBarMenu_1 = __webpack_require__(496);
 Object.defineProperty(exports, "SideBarMenu", { enumerable: true, get: function () { return SideBarMenu_1.SideBarMenu; } });
-var SideBarTabs_1 = __webpack_require__(496);
+var SideBarTabs_1 = __webpack_require__(497);
 Object.defineProperty(exports, "SideBarTabs", { enumerable: true, get: function () { return SideBarTabs_1.SideBarTabs; } });
-var QuickNavBar_1 = __webpack_require__(497);
+var QuickNavBar_1 = __webpack_require__(498);
 Object.defineProperty(exports, "QuickNavBar", { enumerable: true, get: function () { return QuickNavBar_1.QuickNavBar; } });
@@ -39369,17 +39373,17 @@ function popperOffsets(_ref) {
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(334);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(335);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(61);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(104);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_orderModifiers_js__ = __webpack_require__(337);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_debounce_js__ = __webpack_require__(338);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_validateModifiers_js__ = __webpack_require__(339);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_uniqueBy_js__ = __webpack_require__(341);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_orderModifiers_js__ = __webpack_require__(338);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_debounce_js__ = __webpack_require__(339);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_validateModifiers_js__ = __webpack_require__(340);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_uniqueBy_js__ = __webpack_require__(342);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_getBasePlacement_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_mergeByName_js__ = __webpack_require__(342);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_mergeByName_js__ = __webpack_require__(343);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__utils_detectOverflow_js__ = __webpack_require__(40);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__dom_utils_instanceOf_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__enums_js__ = __webpack_require__(11);
@@ -39706,10 +39710,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerISO = exports.DatePicker = void 0;
 var React = __importStar(__webpack_require__(0));
-var addDays_1 = __importDefault(__webpack_require__(348));
-var format_1 = __importDefault(__webpack_require__(349));
+var addDays_1 = __importDefault(__webpack_require__(349));
+var format_1 = __importDefault(__webpack_require__(350));
 var moment_1 = __importDefault(__webpack_require__(1));
-var calendar_1 = __webpack_require__(373);
+var calendar_1 = __webpack_require__(374);
 var lodash_1 = __webpack_require__(21);
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
@@ -39929,7 +39933,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(4));
 var _ClassNames = __webpack_require__(10);
-var _KeyFilter = _interopRequireDefault(__webpack_require__(375));
+var _KeyFilter = _interopRequireDefault(__webpack_require__(376));
 var _Tooltip = __webpack_require__(19);
@@ -40559,7 +40563,7 @@ exports.TableListItem = exports.TableList = void 0;
 var React = __importStar(__webpack_require__(0));
 var react_dom_1 = __importDefault(__webpack_require__(8));
 var classnames_1 = __importDefault(__webpack_require__(2));
-var react_beautiful_dnd_1 = __webpack_require__(516);
+var react_beautiful_dnd_1 = __webpack_require__(517);
 var Tooltip_1 = __webpack_require__(41);
 var Button_1 = __webpack_require__(55);
 var Dropdown_1 = __webpack_require__(254);
@@ -41324,7 +41328,11 @@ var DurationInput = /** @class */ (function (_super) {
         this.setState(stateClone);
     };
     DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
-        if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
+        if (event.key !== 'ArrowRight'
+            && event.key !== 'ArrowLeft'
+            && event.key !== 'ArrowUp'
+            && event.key !== 'ArrowDown'
+            && event.key !== 'Backspace') {
             if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
                 var target = event.target;
                 if (target.value.length >= 2) {
@@ -41424,10 +41432,10 @@ exports.getDurationString = getDurationString;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BoxedListContentRow = exports.BoxedListItem = exports.BoxedList = exports.SimpleListItem = exports.SimpleList = void 0;
-var SimpleList_1 = __webpack_require__(498);
+var SimpleList_1 = __webpack_require__(499);
 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__(499);
+var BoxedList_1 = __webpack_require__(500);
 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; } });
@@ -41523,7 +41531,7 @@ var ContentListItem = /** @class */ (function (_super) {
                 ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
                 : React.createElement("div", { className: "sd-list-item__border" }),
             this.props.itemColum.map(function (item, index) {
-                return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
+                return React.createElement("div", { className: "\n                            sd-list-item__column\n                            ".concat(item.fullwidth && 'sd-list-item__column--grow', "\n                            ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
                     return (item.itemRow.length <= 1
                         ? React.createElement(React.Fragment, { key: i }, e.content)
                         : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
@@ -41944,14 +41952,14 @@ var forceReflow = function forceReflow(node) {
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(22);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_extends__ = __webpack_require__(27);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_assertThisInitialized__ = __webpack_require__(315);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_assertThisInitialized__ = __webpack_require__(316);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(26);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(4);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__TransitionGroupContext__ = __webpack_require__(58);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_ChildMapping__ = __webpack_require__(316);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_ChildMapping__ = __webpack_require__(317);
@@ -42261,7 +42269,8 @@ var Avatar = /** @class */ (function (_super) {
     }
     Avatar.prototype.render = function () {
         var _a = this.props, imageUrl = _a.imageUrl, initials = _a.initials, size = _a.size, statusIndicator = _a.statusIndicator, administratorIndicator = _a.administratorIndicator, icon = _a.icon, displayName = _a.displayName, customContent = _a.customContent;
-        var tooltipCombined = [displayName, this.props.tooltip].filter(function (str) { return (str !== null && str !== void 0 ? str : '').trim().length > 0; }).join('\n');
+        var tooltipCombined = [displayName, this.props.tooltip]
+            .filter(function (str) { return (str !== null && str !== void 0 ? str : '').trim().length > 0; }).join('\n');
         return (React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size, statusIndicator: statusIndicator ? { status: statusIndicator, tooltipText: '' } : undefined, administratorIndicator: administratorIndicator ? { enabled: true, tooltipText: '' } : undefined, icon: icon, isEmpty: false }, (function () {
             if (customContent != null) {
                 return customContent;
@@ -42327,7 +42336,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AvatarPlaceholder = void 0;
 var React = __importStar(__webpack_require__(0));
 var avatar_wrapper_1 = __webpack_require__(46);
-var avatar_action_add_1 = __webpack_require__(323);
+var avatar_action_add_1 = __webpack_require__(324);
 var avatar_image_1 = __webpack_require__(59);
 var AvatarPlaceholder = /** @class */ (function (_super) {
     __extends(AvatarPlaceholder, _super);
@@ -42400,7 +42409,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WithPopover = void 0;
 var React = __importStar(__webpack_require__(0));
-var ShowPopup_1 = __webpack_require__(324);
+var ShowPopup_1 = __webpack_require__(325);
 var WithPopover = /** @class */ (function (_super) {
     __extends(WithPopover, _super);
     function WithPopover(props) {
@@ -42674,11 +42683,11 @@ function expandToHashMap(value, keys) {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getOppositePlacement_js__ = __webpack_require__(326);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getOppositePlacement_js__ = __webpack_require__(327);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getOppositeVariationPlacement_js__ = __webpack_require__(327);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getOppositeVariationPlacement_js__ = __webpack_require__(328);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_detectOverflow_js__ = __webpack_require__(40);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_computeAutoPlacement_js__ = __webpack_require__(332);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_computeAutoPlacement_js__ = __webpack_require__(333);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__enums_js__ = __webpack_require__(11);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_getVariation_js__ = __webpack_require__(39);
@@ -42835,7 +42844,7 @@ function flip(_ref) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = listScrollParents;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(331);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(332);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(47);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(20);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(67);
@@ -43102,7 +43111,7 @@ function offset(_ref2) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(24);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(62);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(333);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(334);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(99);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(61);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
@@ -58846,30 +58855,30 @@ exports.ButtonGroup = ButtonGroup;
 "use strict";
-var _interopRequireDefault = __webpack_require__(389);
+var _interopRequireDefault = __webpack_require__(390);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(__webpack_require__(390));
+var _extends2 = _interopRequireDefault(__webpack_require__(391));
-var _defineProperty2 = _interopRequireDefault(__webpack_require__(391));
+var _defineProperty2 = _interopRequireDefault(__webpack_require__(392));
-var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(392));
+var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(393));
-var _classCallCheck2 = _interopRequireDefault(__webpack_require__(397));
+var _classCallCheck2 = _interopRequireDefault(__webpack_require__(398));
-var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(398));
+var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(399));
-var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(400));
+var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(401));
 var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(253));
-var _createClass2 = _interopRequireDefault(__webpack_require__(401));
+var _createClass2 = _interopRequireDefault(__webpack_require__(402));
-var _inherits2 = _interopRequireDefault(__webpack_require__(402));
+var _inherits2 = _interopRequireDefault(__webpack_require__(403));
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
@@ -58877,7 +58886,7 @@ var _react = _interopRequireDefault(__webpack_require__(0));
 var _classnames = _interopRequireDefault(__webpack_require__(2));
-var _throttle = _interopRequireDefault(__webpack_require__(404));
+var _throttle = _interopRequireDefault(__webpack_require__(405));
 function isEqualArray(a, b) {
   return a.length === b.length && a.every(function (item, index) {
@@ -59396,7 +59405,9 @@ var Dropdown = function (_a) {
             (React.isValidElement(children) ?
                 React.createElement("div", { ref: buttonRef, style: { display: 'content' } }, (function () {
                     var attrs = {
-                        className: children.props.className ? (children.props.className + ' dropdown__toggle dropdown-toggle') : 'dropdown__toggle dropdown-toggle',
+                        className: children.props.className
+                            ? (children.props.className + ' dropdown__toggle dropdown-toggle')
+                            : 'dropdown__toggle dropdown-toggle',
                         'aria-haspopup': "menu",
                         'aria-expanded': open,
                         onClick: toggleDisplay,
@@ -59538,7 +59549,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__(9));
-var overlaypanel_1 = __webpack_require__(450);
+var overlaypanel_1 = __webpack_require__(451);
 var Loader_1 = __webpack_require__(74);
 var SelectGrid = /** @class */ (function (_super) {
     __extends(SelectGrid, _super);
@@ -60015,7 +60026,7 @@ module.exports = isObject;
 /* 259 */
 /***/ (function(module, exports, __webpack_require__) {
-var freeGlobal = __webpack_require__(506);
+var freeGlobal = __webpack_require__(507);
 /** Detect free variable `self`. */
 var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
@@ -60072,7 +60083,7 @@ var getBatch = function getBatch() {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_hoist_non_react_statics___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_hoist_non_react_statics__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(523);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(524);
 /* 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__(78);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(79);
@@ -60571,7 +60582,7 @@ function wrapMapToPropsFunc(mapToProps, methodName) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = verifyPlainObject;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(529);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isPlainObject__ = __webpack_require__(530);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__warning__ = __webpack_require__(266);
@@ -63825,7 +63836,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__(413);
+var chips_1 = __webpack_require__(414);
 var Form_1 = __webpack_require__(13);
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var SelectPreview_1 = __webpack_require__(75);
@@ -63842,7 +63853,7 @@ var TagInput = /** @class */ (function (_super) {
             return (React.createElement(SelectPreview_1.SelectPreview, { kind: { mode: 'multi-select' }, items: this.props.value, getLabel: function (item) { return item; } }));
         }
         return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex },
-            React.createElement(chips_1.Chips, { className: "tags-input--multi-select sd-input__input ".concat(this.props.disabled ? ' tags-input__padding-disabled' : ''), allowDuplicate: false, separator: ",", onChange: function (event) { return onChange(event.value); }, value: value, placeholder: this.props.disabled ? undefined : placeholder, disabled: this.props.disabled })));
+            React.createElement(chips_1.Chips, { className: "\n                        tags-input--multi-select sd-input__input\n                        ".concat(this.props.disabled ? ' tags-input__padding-disabled' : ''), allowDuplicate: false, separator: ",", onChange: function (event) { return onChange(event.value); }, value: value, placeholder: this.props.disabled ? undefined : placeholder, disabled: this.props.disabled })));
     };
     return TagInput;
 }(React.Component));
@@ -64045,7 +64056,10 @@ var BottomNav = /** @class */ (function (_super) {
     BottomNav.prototype.render = function () {
         var _this = this;
         return (React.createElement("ul", { className: 'sd-bottom-nav-list' }, this.props.items.map(function (item, index) {
-            return (React.createElement("li", { key: index, className: 'sd-bottom-nav-list__item' + (item['active'] ? ' sd-bottom-nav-list__item--active' : (index === _this.state.index ? ' sd-bottom-nav-list__item--active' : '')) },
+            return (React.createElement("li", { key: index, className: 'sd-bottom-nav-list__item'
+                    + (item['active']
+                        ? ' sd-bottom-nav-list__item--active'
+                        : (index === _this.state.index ? ' sd-bottom-nav-list__item--active' : '')) },
                 React.createElement("a", { className: 'sd-bottom-nav-list__item-title', onClick: function (event) {
                         _this.handleClick(index);
                         item.onClick(event);
@@ -64123,16 +64137,16 @@ var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(7);
 var Loader_1 = __webpack_require__(74);
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
-var debounce_1 = __importDefault(__webpack_require__(504));
+var debounce_1 = __importDefault(__webpack_require__(505));
 var Form_1 = __webpack_require__(13);
 var core_1 = __webpack_require__(42);
 var lodash_1 = __webpack_require__(21);
 var Label_1 = __webpack_require__(36);
 var SelectPreview_1 = __webpack_require__(75);
-var TreeSelectPill_1 = __webpack_require__(515);
+var TreeSelectPill_1 = __webpack_require__(516);
 var TreeSelectItem_1 = __webpack_require__(284);
 var KeyboardNavigation_1 = __webpack_require__(285);
-var react_dom_1 = __webpack_require__(8);
+var WithPortal_1 = __webpack_require__(286);
 var TreeSelect = /** @class */ (function (_super) {
     __extends(TreeSelect, _super);
     function TreeSelect(props) {
@@ -64155,7 +64169,10 @@ var TreeSelect = /** @class */ (function (_super) {
             if ((((_a = _this.dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) !== true)
                 && (((_b = _this.treeSelectRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target)) !== true)
                 && _this.state.openDropdown) {
-                _this.setState({ openDropdown: false });
+                _this.setState({
+                    openDropdown: false,
+                    searchFieldValue: '',
+                });
             }
         };
         _this.onKeyDown = function (e) {
@@ -64172,10 +64189,19 @@ var TreeSelect = /** @class */ (function (_super) {
                 }
             }
         };
+        _this.onPressEsc = function (event) {
+            if (event.key === 'Escape' && _this.state.openDropdown) {
+                _this.setState({
+                    openDropdown: false,
+                    searchFieldValue: '',
+                });
+            }
+        };
         _this.componentDidMount = function () {
             _this.recursion(_this.state.options);
             document.addEventListener("mousedown", _this.onMouseDown);
             document.addEventListener("keydown", _this.onKeyDown);
+            document.addEventListener("keydown", _this.onPressEsc);
         };
         _this.debounceFn = (0, debounce_1.default)(_this.handleDebounce, 500);
         _this.state = {
@@ -64203,6 +64229,7 @@ var TreeSelect = /** @class */ (function (_super) {
         _this.toggleMenu = _this.toggleMenu.bind(_this);
         _this.onMouseDown = _this.onMouseDown.bind(_this);
         _this.onKeyDown = _this.onKeyDown.bind(_this);
+        _this.onPressEsc = _this.onPressEsc.bind(_this);
         _this.dropdownRef = React.createRef();
         _this.ref = React.createRef();
         _this.inputRef = React.createRef();
@@ -64215,6 +64242,7 @@ var TreeSelect = /** @class */ (function (_super) {
     TreeSelect.prototype.componentWillUnmount = function () {
         document.removeEventListener("mousedown", this.onMouseDown);
         document.removeEventListener("keydown", this.onKeyDown);
+        document.addEventListener("keydown", this.onPressEsc);
     };
     TreeSelect.prototype.componentDidUpdate = function (prevProps, prevState) {
         var _a, _b;
@@ -64241,17 +64269,9 @@ var TreeSelect = /** @class */ (function (_super) {
         var _this = this;
         var _a, _b;
         if (this.state.openDropdown) {
-            if (this.openDropdownRef.current && this.dropdownRef.current) {
-                this.popperInstance = (0, core_1.createPopper)(this.openDropdownRef.current, this.dropdownRef.current, {
+            if (this.treeSelectRef.current && this.dropdownRef.current) {
+                this.popperInstance = (0, core_1.createPopper)(this.treeSelectRef.current, this.dropdownRef.current, {
                     placement: 'bottom-start',
-                    modifiers: [
-                        {
-                            name: 'offset',
-                            options: {
-                                offset: [-4, 4],
-                            },
-                        },
-                    ],
                 });
             }
             (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', function (e) {
@@ -64569,13 +64589,16 @@ var TreeSelect = /** @class */ (function (_super) {
                     }, items: this.state.value, valueTemplate: this.props.valueTemplate, getLabel: this.props.getLabel }));
         }
         return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, fullWidth: (_a = this.props.inputWidth === '100%') !== null && _a !== void 0 ? _a : false, "data-test-id": this.props['data-test-id'] },
-            React.createElement("div", { className: "tags-input sd-input__input tags-input--".concat(this.props.allowMultiple ? 'multi-select' : 'single-select'), ref: this.treeSelectRef, "data-test-id": this.props.allowMultiple ? undefined : 'open-popover' }, this.props.allowMultiple
+            React.createElement("div", { className: "\n                        tags-input sd-input__input\n                        tags-input--".concat(this.props.allowMultiple ? 'multi-select' : 'single-select'), ref: this.treeSelectRef, "data-test-id": this.props.allowMultiple ? undefined : 'open-popover' }, this.props.allowMultiple
                 ? React.createElement("div", { className: "tags-input__tags" },
                     this.props.readOnly
-                        || React.createElement("button", { ref: this.openDropdownRef, className: "tags-input__add-button ".concat(this.props.disabled ? 'tags-input__add-button--disabled' : ''), onClick: function (e) {
+                        || React.createElement("button", { ref: this.openDropdownRef, className: "\n                                        tags-input__add-button\n                                        ".concat(this.props.disabled ? 'tags-input__add-button--disabled' : ''), onClick: function (e) {
                                 e.stopPropagation();
                                 if (!_this.props.disabled) {
-                                    _this.setState({ openDropdown: !_this.state.openDropdown });
+                                    _this.setState({
+                                        openDropdown: !_this.state.openDropdown,
+                                        searchFieldValue: '',
+                                    });
                                 }
                             }, "data-test-id": "open-popover" },
                             React.createElement("i", { className: "icon-plus-large" })),
@@ -64625,68 +64648,67 @@ var TreeSelect = /** @class */ (function (_super) {
                             : (React.createElement(Wrapper, null,
                                 React.createElement("span", null, _this.props.getLabel(item)))));
                     }))),
-            (0, react_dom_1.createPortal)(this.state.openDropdown
-                && React.createElement("div", { "data-test-id": "tree-select-popover" },
-                    React.createElement("div", { className: "autocomplete autocomplete--multi-select"
-                            + (this.props.popoverWidth === 'medium' ? ' autocomplete--fixed-width' : ''), style: {
-                            zIndex: this.props.zIndex,
-                            width: (_b = this.treeSelectRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth,
-                        }, ref: this.dropdownRef },
-                        React.createElement("div", { className: 'autocomplete__header' },
+            React.createElement(WithPortal_1.WithPortal, { active: this.state.openDropdown, "data-test-id": "tree-select-popover" },
+                React.createElement("div", { className: "autocomplete autocomplete--multi-select"
+                        + (this.props.width === 'medium' ? ' autocomplete--fixed-width' : ''), style: {
+                        zIndex: this.props.zIndex,
+                        width: (_b = this.treeSelectRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth,
+                    }, ref: this.dropdownRef },
+                    React.createElement("div", { className: 'autocomplete__header' },
+                        React.createElement("div", { className: "autocomplete__icon", onClick: function () {
+                                _this.backButton();
+                            } },
+                            React.createElement(Icon_1.Icon, { name: "search", className: "search" })),
+                        React.createElement("div", { className: 'autocomplete__filter' },
+                            React.createElement("input", { className: "autocomplete__input", type: "text", placeholder: this.props.searchPlaceholder, ref: this.inputRef, value: this.state.searchFieldValue, onChange: function (event) {
+                                    var _a, _b;
+                                    if (_this.props.kind === 'synchronous') {
+                                        _this.setState({ searchFieldValue: event.target.value });
+                                        (_a = _this.popperInstance) === null || _a === void 0 ? void 0 : _a.update();
+                                    }
+                                    else if (_this.props.kind === 'asynchronous') {
+                                        if (_this.ICancelFn) {
+                                            _this.ICancelFn();
+                                        }
+                                        _this.setState({ searchFieldValue: event.target.value, options: [] });
+                                        (_b = _this.popperInstance) === null || _b === void 0 ? void 0 : _b.update();
+                                        _this.debounceFn();
+                                    }
+                                    else {
+                                        return;
+                                    }
+                                }, "data-test-id": "filter-input" }))),
+                    (this.state.activeTree.length > 0 && this.state.buttonValue != null)
+                        && React.createElement("div", { className: 'autocomplete__category-header' },
                             React.createElement("div", { className: "autocomplete__icon", onClick: function () {
                                     _this.backButton();
                                 } },
-                                React.createElement(Icon_1.Icon, { name: "search", className: "search" })),
+                                React.createElement(Icon_1.Icon, { name: "arrow-left", className: "arrow-left" })),
                             React.createElement("div", { className: 'autocomplete__filter' },
-                                React.createElement("input", { className: "autocomplete__input", type: "text", placeholder: this.props.searchPlaceholder, ref: this.inputRef, value: this.state.searchFieldValue, onChange: function (event) {
-                                        var _a, _b;
-                                        if (_this.props.kind === 'synchronous') {
-                                            _this.setState({ searchFieldValue: event.target.value });
-                                            (_a = _this.popperInstance) === null || _a === void 0 ? void 0 : _a.update();
-                                        }
-                                        else if (_this.props.kind === 'asynchronous') {
-                                            if (_this.ICancelFn) {
-                                                _this.ICancelFn();
-                                            }
-                                            _this.setState({ searchFieldValue: event.target.value, options: [] });
-                                            (_b = _this.popperInstance) === null || _b === void 0 ? void 0 : _b.update();
-                                            _this.debounceFn();
-                                        }
-                                        else {
-                                            return;
-                                        }
-                                    }, "data-test-id": "filter-input" }))),
-                        (this.state.activeTree.length > 0 && this.state.buttonValue != null)
-                            && React.createElement("div", { className: 'autocomplete__category-header' },
-                                React.createElement("div", { className: "autocomplete__icon", onClick: function () {
-                                        _this.backButton();
-                                    } },
-                                    React.createElement(Icon_1.Icon, { name: "arrow-left", className: "arrow-left" })),
-                                React.createElement("div", { className: 'autocomplete__filter' },
-                                    React.createElement("button", { className: 'autocomplete__category-title' }, this.props.optionTemplate
-                                        ? this.props.optionTemplate(this.state.buttonValue.value)
-                                        : this.props.getLabel(this.state.buttonValue.value)),
-                                    this.props.selectBranchWithChildren
-                                        && this.branchButton(this.state.buttonValue))),
-                        this.state.loading
-                            ? React.createElement("ul", { className: "suggestion-list--loader" },
-                                React.createElement(Loader_1.Loader, { overlay: true }))
-                            : this.state.searchFieldValue === ''
-                                ? this.props.getOptions
-                                    ? React.createElement("ul", { className: "suggestion-list suggestion-list--multi-select", ref: this.ref, "data-test-id": "options" }, this.state.options.map(function (option, i) {
-                                        var selectedItem = _this.state.value.some(function (obj) {
-                                            return _this.props.getId(obj) === _this.props.getId(option.value);
-                                        });
-                                        return (React.createElement(TreeSelectItem_1.TreeSelectItem, { key: i, option: option, handleTree: _this.handleTree, selectedItem: selectedItem, allowMultiple: _this.props.allowMultiple, getBorderColor: _this.props.getBorderColor, getBackgroundColor: _this.props.getBackgroundColor, getId: _this.props.getId, optionTemplate: _this.props.optionTemplate, getLabel: _this.props.getLabel, onKeyDown: function () { return _this.setState({
-                                                buttonTarget: __spreadArray(__spreadArray([], _this.state.buttonTarget, true), [
-                                                    _this.props.getId(option.value),
-                                                ], false),
-                                            }); } }));
-                                    }))
-                                    : null
-                                : React.createElement("ul", { className: "suggestion-list suggestion-list--multi-select", ref: this.ref }, this.filteredItem(this.props.singleLevelSearch
-                                    ? this.state.options
-                                    : this.state.filterArr)))), document.body)));
+                                React.createElement("button", { className: 'autocomplete__category-title' }, this.props.optionTemplate
+                                    ? this.props.optionTemplate(this.state.buttonValue.value)
+                                    : this.props.getLabel(this.state.buttonValue.value)),
+                                this.props.selectBranchWithChildren
+                                    && this.branchButton(this.state.buttonValue))),
+                    this.state.loading
+                        ? React.createElement("ul", { className: "suggestion-list--loader" },
+                            React.createElement(Loader_1.Loader, { overlay: true }))
+                        : this.state.searchFieldValue === ''
+                            ? this.props.getOptions
+                                ? React.createElement("ul", { className: "suggestion-list suggestion-list--multi-select", ref: this.ref, "data-test-id": "options" }, this.state.options.map(function (option, i) {
+                                    var selectedItem = _this.state.value.some(function (obj) {
+                                        return _this.props.getId(obj) === _this.props.getId(option.value);
+                                    });
+                                    return (React.createElement(TreeSelectItem_1.TreeSelectItem, { key: i, option: option, handleTree: _this.handleTree, selectedItem: selectedItem, allowMultiple: _this.props.allowMultiple, getBorderColor: _this.props.getBorderColor, getBackgroundColor: _this.props.getBackgroundColor, getId: _this.props.getId, optionTemplate: _this.props.optionTemplate, getLabel: _this.props.getLabel, onKeyDown: function () { return _this.setState({
+                                            buttonTarget: __spreadArray(__spreadArray([], _this.state.buttonTarget, true), [
+                                                _this.props.getId(option.value),
+                                            ], false),
+                                        }); } }));
+                                }))
+                                : null
+                            : React.createElement("ul", { className: "suggestion-list suggestion-list--multi-select", ref: this.ref }, this.filteredItem(this.props.singleLevelSearch
+                                ? this.state.options
+                                : this.state.filterArr))))));
     };
     return TreeSelect;
 }(React.Component));
@@ -64865,8 +64887,84 @@ exports.keyboardNavigation = keyboardNavigation;
 /***/ }),
-/* 286 */,
-/* 287 */
+/* 286 */
+/***/ (function(module, exports, __webpack_require__) {
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithPortal = exports.findParent = void 0;
+var React = __importStar(__webpack_require__(0));
+var react_dom_1 = __webpack_require__(8);
+function findParent(element) {
+    var _a;
+    var dataTheme = element;
+    while (dataTheme != null && (dataTheme === null || dataTheme === void 0 ? void 0 : dataTheme.getAttribute('data-theme')) == null) {
+        dataTheme = (_a = dataTheme.parentElement) !== null && _a !== void 0 ? _a : null;
+    }
+    return dataTheme;
+}
+exports.findParent = findParent;
+var WithPortal = /** @class */ (function (_super) {
+    __extends(WithPortal, _super);
+    function WithPortal(props) {
+        var _this = _super.call(this, props) || this;
+        _this.ref = React.createRef();
+        return _this;
+    }
+    WithPortal.prototype.componentDidMount = function () {
+        var _a, _b;
+        this.dataTheme = (_b = (_a = findParent(this.ref.current)) === null || _a === void 0 ? void 0 : _a.getAttribute('data-theme')) !== null && _b !== void 0 ? _b : undefined;
+    };
+    WithPortal.prototype.render = function () {
+        return (React.createElement("div", { ref: this.ref }, this.props.active && ((0, react_dom_1.createPortal)(React.createElement("div", { "data-theme": this.dataTheme, "data-test-id": this.props['data-test-id'] }, this.props.children), document.body))));
+    };
+    return WithPortal;
+}(React.Component));
+exports.WithPortal = WithPortal;
+/***/ }),
+/* 287 */,
+/* 288 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -64881,7 +64979,7 @@ function _setPrototypeOf(o, p) {
 }
 /***/ }),
-/* 288 */
+/* 289 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -64903,7 +65001,7 @@ exports.isValidElementType=function(a){return"string"===typeof a||"function"===t
 /***/ }),
-/* 289 */
+/* 290 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -65092,7 +65190,7 @@ exports.typeOf = typeOf;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 /***/ }),
-/* 290 */
+/* 291 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -65106,11 +65204,11 @@ exports.typeOf = typeOf;
 var ReactIs = __webpack_require__(50);
-var assign = __webpack_require__(291);
+var assign = __webpack_require__(292);
 var ReactPropTypesSecret = __webpack_require__(54);
 var has = __webpack_require__(85);
-var checkPropTypes = __webpack_require__(292);
+var checkPropTypes = __webpack_require__(293);
 var printWarning = function() {};
@@ -65710,7 +65808,7 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 /***/ }),
-/* 291 */
+/* 292 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -65807,7 +65905,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
 /***/ }),
-/* 292 */
+/* 293 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -65918,7 +66016,7 @@ module.exports = checkPropTypes;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 /***/ }),
-/* 293 */
+/* 294 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -65990,7 +66088,7 @@ module.exports = function() {
 /***/ }),
-/* 294 */
+/* 295 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66051,7 +66149,7 @@ exports.HelloWorld = HelloWorld;
 /***/ }),
-/* 295 */
+/* 296 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66133,7 +66231,7 @@ exports.Input = Input;
 /***/ }),
-/* 296 */
+/* 297 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66220,7 +66318,7 @@ exports.Option = Option;
 /***/ }),
-/* 297 */
+/* 298 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66295,7 +66393,7 @@ exports.FormRow = FormRow;
 /***/ }),
-/* 298 */
+/* 299 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66369,7 +66467,7 @@ exports.FormGroup = FormGroup;
 /***/ }),
-/* 299 */
+/* 300 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66436,7 +66534,7 @@ exports.FormItem = FormItem;
 /***/ }),
-/* 300 */
+/* 301 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66496,7 +66594,7 @@ exports.FormText = FormText;
 /***/ }),
-/* 301 */
+/* 302 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66594,7 +66692,7 @@ exports.InputBase = InputBase;
 /***/ }),
-/* 302 */
+/* 303 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66681,7 +66779,7 @@ exports.InputNew = InputNew;
 /***/ }),
-/* 303 */
+/* 304 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66759,7 +66857,7 @@ exports.FormRowNew = FormRowNew;
 /***/ }),
-/* 304 */
+/* 305 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66808,7 +66906,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectWithTemplate = void 0;
 var React = __importStar(__webpack_require__(0));
-var dropdown_1 = __webpack_require__(305);
+var dropdown_1 = __webpack_require__(306);
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
 var labelKey = 'label';
@@ -66884,16 +66982,16 @@ exports.SelectWithTemplate = SelectWithTemplate;
 /***/ }),
-/* 305 */
+/* 306 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(306);
+module.exports = __webpack_require__(307);
 /***/ }),
-/* 306 */
+/* 307 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -66918,9 +67016,9 @@ var _FilterUtils = _interopRequireDefault(__webpack_require__(87));
 var _ClassNames = __webpack_require__(10);
-var _DropdownPanel = __webpack_require__(307);
+var _DropdownPanel = __webpack_require__(308);
-var _DropdownItem = __webpack_require__(308);
+var _DropdownItem = __webpack_require__(309);
 var _Tooltip = __webpack_require__(19);
@@ -68002,7 +68100,7 @@ _defineProperty(Dropdown, "propTypes", {
 });
 /***/ }),
-/* 307 */
+/* 308 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -68125,7 +68223,7 @@ _defineProperty(DropdownPanel, "propTypes", {
 });
 /***/ }),
-/* 308 */
+/* 309 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -68245,7 +68343,7 @@ _defineProperty(DropdownItem, "propTypes", {
 });
 /***/ }),
-/* 309 */
+/* 310 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -68269,7 +68367,7 @@ exports.default = PrimeReact;
 _defineProperty(PrimeReact, "ripple", false);
 /***/ }),
-/* 310 */
+/* 311 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -68278,8 +68376,8 @@ _defineProperty(PrimeReact, "ripple", false);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(26);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(4);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_dom_helpers_addClass__ = __webpack_require__(311);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_dom_helpers_removeClass__ = __webpack_require__(313);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_dom_helpers_addClass__ = __webpack_require__(312);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_dom_helpers_removeClass__ = __webpack_require__(314);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Transition__ = __webpack_require__(57);
@@ -68700,12 +68798,12 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? Object(__WEBPA
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 311 */
+/* 312 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = addClass;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__hasClass__ = __webpack_require__(312);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__hasClass__ = __webpack_require__(313);
 /**
  * Adds a CSS class to a given element.
@@ -68719,7 +68817,7 @@ function addClass(element, className) {
 }
 /***/ }),
-/* 312 */
+/* 313 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -68736,7 +68834,7 @@ function hasClass(element, className) {
 }
 /***/ }),
-/* 313 */
+/* 314 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -68763,7 +68861,7 @@ function removeClass(element, className) {
 }
 /***/ }),
-/* 314 */
+/* 315 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -68915,7 +69013,7 @@ ReplaceTransition.propTypes = process.env.NODE_ENV !== "production" ? {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 315 */
+/* 316 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -68929,7 +69027,7 @@ function _assertThisInitialized(self) {
 }
 /***/ }),
-/* 316 */
+/* 317 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -69081,7 +69179,7 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
 }
 /***/ }),
-/* 317 */
+/* 318 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -69353,7 +69451,7 @@ SwitchTransition.defaultProps = {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 318 */
+/* 319 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -69551,7 +69649,7 @@ exports.WithPagination = WithPagination;
 /***/ }),
-/* 319 */
+/* 320 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -69624,7 +69722,7 @@ exports.Popover = Popover;
 /***/ }),
-/* 320 */
+/* 321 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -69725,7 +69823,7 @@ exports.Alert = Alert;
 /***/ }),
-/* 321 */
+/* 322 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -69788,7 +69886,7 @@ var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(2));
 var avatar_1 = __webpack_require__(93);
 var avatar_wrapper_1 = __webpack_require__(46);
-var avatar_number_1 = __webpack_require__(322);
+var avatar_number_1 = __webpack_require__(323);
 var avatar_placeholder_1 = __webpack_require__(94);
 var Spacer_1 = __webpack_require__(81);
 var WithPopover_1 = __webpack_require__(95);
@@ -69864,7 +69962,7 @@ exports.AvatarGroup = AvatarGroup;
 /***/ }),
-/* 322 */
+/* 323 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -69927,7 +70025,7 @@ exports.AvatarContentNumber = AvatarContentNumber;
 /***/ }),
-/* 323 */
+/* 324 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -69993,7 +70091,7 @@ exports.AvatarContentAdd = AvatarContentAdd;
 /***/ }),
-/* 324 */
+/* 325 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -70045,7 +70143,7 @@ var React = __importStar(__webpack_require__(0));
 var react_dom_1 = __importDefault(__webpack_require__(8));
 var core_1 = __webpack_require__(42);
 var lodash_1 = __webpack_require__(21);
-var popper_max_size_modifier_1 = __importDefault(__webpack_require__(344));
+var popper_max_size_modifier_1 = __importDefault(__webpack_require__(345));
 var PopupPositioner = /** @class */ (function (_super) {
     __extends(PopupPositioner, _super);
     function PopupPositioner(props) {
@@ -70158,7 +70256,7 @@ exports.showPopup = showPopup;
 /***/ }),
-/* 325 */
+/* 326 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70170,7 +70268,7 @@ function isTableElement(element) {
 }
 /***/ }),
-/* 326 */
+/* 327 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70188,7 +70286,7 @@ function getOppositePlacement(placement) {
 }
 /***/ }),
-/* 327 */
+/* 328 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70204,14 +70302,14 @@ function getOppositeVariationPlacement(placement) {
 }
 /***/ }),
-/* 328 */
+/* 329 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getClippingRect;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getViewportRect_js__ = __webpack_require__(329);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getDocumentRect_js__ = __webpack_require__(330);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getViewportRect_js__ = __webpack_require__(330);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getDocumentRect_js__ = __webpack_require__(331);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__listScrollParents_js__ = __webpack_require__(104);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getOffsetParent_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(25);
@@ -70295,7 +70393,7 @@ function getClippingRect(element, boundary, rootBoundary) {
 }
 /***/ }),
-/* 329 */
+/* 330 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70345,7 +70443,7 @@ function getViewportRect(element) {
 }
 /***/ }),
-/* 330 */
+/* 331 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70386,7 +70484,7 @@ function getDocumentRect(element) {
 }
 /***/ }),
-/* 331 */
+/* 332 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70413,7 +70511,7 @@ function getScrollParent(node) {
 }
 /***/ }),
-/* 332 */
+/* 333 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70472,7 +70570,7 @@ function computeAutoPlacement(state, options) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 333 */
+/* 334 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70482,13 +70580,13 @@ function getAltAxis(axis) {
 }
 /***/ }),
-/* 334 */
+/* 335 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getCompositeRect;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(335);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(336);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(30);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(65);
@@ -70555,7 +70653,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
 }
 /***/ }),
-/* 335 */
+/* 336 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70563,7 +70661,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(66);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(20);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(14);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(336);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(337);
@@ -70577,7 +70675,7 @@ function getNodeScroll(node) {
 }
 /***/ }),
-/* 336 */
+/* 337 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70590,7 +70688,7 @@ function getHTMLElementScroll(element) {
 }
 /***/ }),
-/* 337 */
+/* 338 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70642,7 +70740,7 @@ function orderModifiers(modifiers) {
 }
 /***/ }),
-/* 338 */
+/* 339 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70664,12 +70762,12 @@ function debounce(fn) {
 }
 /***/ }),
-/* 339 */
+/* 340 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = validateModifiers;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__format_js__ = __webpack_require__(340);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__format_js__ = __webpack_require__(341);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enums_js__ = __webpack_require__(11);
@@ -70754,7 +70852,7 @@ function validateModifiers(modifiers) {
 }
 /***/ }),
-/* 340 */
+/* 341 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70770,7 +70868,7 @@ function format(str) {
 }
 /***/ }),
-/* 341 */
+/* 342 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70788,7 +70886,7 @@ function uniqueBy(arr, fn) {
 }
 /***/ }),
-/* 342 */
+/* 343 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70809,7 +70907,7 @@ function mergeByName(modifiers) {
 }
 /***/ }),
-/* 343 */
+/* 344 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70853,7 +70951,7 @@ var createPopper = /*#__PURE__*/Object(__WEBPACK_IMPORTED_MODULE_0__createPopper
 /***/ }),
-/* 344 */
+/* 345 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -70899,7 +70997,7 @@ var maxSize = {
 /***/ }),
-/* 345 */
+/* 346 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -70908,7 +71006,7 @@ var maxSize = {
 module.exports = __webpack_require__(19);
 /***/ }),
-/* 346 */
+/* 347 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -70984,7 +71082,7 @@ exports.IconLabel = IconLabel;
 /***/ }),
-/* 347 */
+/* 348 */
 /***/ (function(module, exports, __webpack_require__) {
 var map = {
@@ -71273,10 +71371,10 @@ webpackContext.keys = function webpackContextKeys() {
 };
 webpackContext.resolve = webpackContextResolve;
 module.exports = webpackContext;
-webpackContext.id = 347;
+webpackContext.id = 348;
 /***/ }),
-/* 348 */
+/* 349 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -71321,20 +71419,20 @@ function addDays(dirtyDate, dirtyAmount) {
 }
 /***/ }),
-/* 349 */
+/* 350 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony export (immutable) */ __webpack_exports__["default"] = format;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isValid_index_js__ = __webpack_require__(350);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__locale_en_US_index_js__ = __webpack_require__(351);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__subMilliseconds_index_js__ = __webpack_require__(361);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isValid_index_js__ = __webpack_require__(351);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__locale_en_US_index_js__ = __webpack_require__(352);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__subMilliseconds_index_js__ = __webpack_require__(362);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__toDate_index_js__ = __webpack_require__(15);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__lib_format_formatters_index_js__ = __webpack_require__(363);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__lib_format_longFormatters_index_js__ = __webpack_require__(370);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__lib_getTimezoneOffsetInMilliseconds_index_js__ = __webpack_require__(371);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__lib_protectedTokens_index_js__ = __webpack_require__(372);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__lib_format_formatters_index_js__ = __webpack_require__(364);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__lib_format_longFormatters_index_js__ = __webpack_require__(371);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__lib_getTimezoneOffsetInMilliseconds_index_js__ = __webpack_require__(372);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__lib_protectedTokens_index_js__ = __webpack_require__(373);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__lib_toInteger_index_js__ = __webpack_require__(32);
@@ -71770,7 +71868,7 @@ function cleanEscapedString(input) {
 }
 /***/ }),
-/* 350 */
+/* 351 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -71845,15 +71943,15 @@ function isValid(dirtyDate) {
 }
 /***/ }),
-/* 351 */
+/* 352 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_formatDistance_index_js__ = __webpack_require__(352);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__lib_formatLong_index_js__ = __webpack_require__(353);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__lib_formatRelative_index_js__ = __webpack_require__(355);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__lib_localize_index_js__ = __webpack_require__(356);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__lib_match_index_js__ = __webpack_require__(358);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_formatDistance_index_js__ = __webpack_require__(353);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__lib_formatLong_index_js__ = __webpack_require__(354);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__lib_formatRelative_index_js__ = __webpack_require__(356);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__lib_localize_index_js__ = __webpack_require__(357);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__lib_match_index_js__ = __webpack_require__(359);
@@ -71886,7 +71984,7 @@ var locale = {
 /* harmony default export */ __webpack_exports__["a"] = (locale);
 /***/ }),
-/* 352 */
+/* 353 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -71970,11 +72068,11 @@ function formatDistance(token, count, options) {
 }
 /***/ }),
-/* 353 */
+/* 354 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_buildFormatLongFn_index_js__ = __webpack_require__(354);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_buildFormatLongFn_index_js__ = __webpack_require__(355);
 var dateFormats = {
   full: 'EEEE, MMMM do, y',
@@ -72011,7 +72109,7 @@ var formatLong = {
 /* harmony default export */ __webpack_exports__["a"] = (formatLong);
 /***/ }),
-/* 354 */
+/* 355 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -72026,7 +72124,7 @@ function buildFormatLongFn(args) {
 }
 /***/ }),
-/* 355 */
+/* 356 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -72044,11 +72142,11 @@ function formatRelative(token, _date, _baseDate, _options) {
 }
 /***/ }),
-/* 356 */
+/* 357 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_buildLocalizeFn_index_js__ = __webpack_require__(357);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_buildLocalizeFn_index_js__ = __webpack_require__(358);
 var eraValues = {
   narrow: ['B', 'A'],
@@ -72200,7 +72298,7 @@ var localize = {
 /* harmony default export */ __webpack_exports__["a"] = (localize);
 /***/ }),
-/* 357 */
+/* 358 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -72229,12 +72327,12 @@ function buildLocalizeFn(args) {
 }
 /***/ }),
-/* 358 */
+/* 359 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_buildMatchPatternFn_index_js__ = __webpack_require__(359);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__lib_buildMatchFn_index_js__ = __webpack_require__(360);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_buildMatchPatternFn_index_js__ = __webpack_require__(360);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__lib_buildMatchFn_index_js__ = __webpack_require__(361);
 var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
@@ -72335,7 +72433,7 @@ var match = {
 /* harmony default export */ __webpack_exports__["a"] = (match);
 /***/ }),
-/* 359 */
+/* 360 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -72367,7 +72465,7 @@ function buildMatchPatternFn(args) {
 }
 /***/ }),
-/* 360 */
+/* 361 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -72424,13 +72522,13 @@ function findIndex(array, predicate) {
 }
 /***/ }),
-/* 361 */
+/* 362 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = subMilliseconds;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lib_toInteger_index_js__ = __webpack_require__(32);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__addMilliseconds_index_js__ = __webpack_require__(362);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__addMilliseconds_index_js__ = __webpack_require__(363);
 /**
@@ -72466,7 +72564,7 @@ function subMilliseconds(dirtyDate, dirtyAmount) {
 }
 /***/ }),
-/* 362 */
+/* 363 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -72509,15 +72607,15 @@ function addMilliseconds(dirtyDate, dirtyAmount) {
 }
 /***/ }),
-/* 363 */
+/* 364 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lightFormatters_index_js__ = __webpack_require__(364);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__lib_getUTCDayOfYear_index_js__ = __webpack_require__(365);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__lib_getUTCISOWeek_index_js__ = __webpack_require__(366);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__lightFormatters_index_js__ = __webpack_require__(365);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__lib_getUTCDayOfYear_index_js__ = __webpack_require__(366);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__lib_getUTCISOWeek_index_js__ = __webpack_require__(367);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__lib_getUTCISOWeekYear_index_js__ = __webpack_require__(247);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__lib_getUTCWeek_index_js__ = __webpack_require__(368);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__lib_getUTCWeek_index_js__ = __webpack_require__(369);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__lib_getUTCWeekYear_index_js__ = __webpack_require__(248);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__addLeadingZeros_index_js__ = __webpack_require__(246);
@@ -73378,7 +73476,7 @@ function formatTimezone(offset, dirtyDelimiter) {
 /* harmony default export */ __webpack_exports__["a"] = (formatters);
 /***/ }),
-/* 364 */
+/* 365 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -73467,7 +73565,7 @@ var formatters = {
 /* harmony default export */ __webpack_exports__["a"] = (formatters);
 /***/ }),
-/* 365 */
+/* 366 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -73492,14 +73590,14 @@ function getUTCDayOfYear(dirtyDate) {
 }
 /***/ }),
-/* 366 */
+/* 367 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(71);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(367);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(368);
@@ -73520,7 +73618,7 @@ function getUTCISOWeek(dirtyDate) {
 }
 /***/ }),
-/* 367 */
+/* 368 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -73545,14 +73643,14 @@ function startOfUTCISOWeekYear(dirtyDate) {
 }
 /***/ }),
-/* 368 */
+/* 369 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(72);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(369);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(370);
@@ -73573,7 +73671,7 @@ function getUTCWeek(dirtyDate, options) {
 }
 /***/ }),
-/* 369 */
+/* 370 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -73605,7 +73703,7 @@ function startOfUTCWeekYear(dirtyDate, dirtyOptions) {
 }
 /***/ }),
-/* 370 */
+/* 371 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -73707,7 +73805,7 @@ var longFormatters = {
 /* harmony default export */ __webpack_exports__["a"] = (longFormatters);
 /***/ }),
-/* 371 */
+/* 372 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -73734,7 +73832,7 @@ function getTimezoneOffsetInMilliseconds(dirtyDate) {
 }
 /***/ }),
-/* 372 */
+/* 373 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -73762,16 +73860,16 @@ function throwProtectedError(token) {
 }
 /***/ }),
-/* 373 */
+/* 374 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(374);
+module.exports = __webpack_require__(375);
 /***/ }),
-/* 374 */
+/* 375 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -73792,7 +73890,7 @@ var _InputText = __webpack_require__(73);
 var _Button = __webpack_require__(249);
-var _CalendarPanel = __webpack_require__(376);
+var _CalendarPanel = __webpack_require__(377);
 var _DomHandler = _interopRequireDefault(__webpack_require__(12));
@@ -77138,7 +77236,7 @@ _defineProperty(Calendar, "propTypes", {
 });
 /***/ }),
-/* 375 */
+/* 376 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77287,7 +77385,7 @@ _defineProperty(KeyFilter, "SAFARI_KEYS", {
 });
 /***/ }),
-/* 376 */
+/* 377 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77384,7 +77482,7 @@ _defineProperty(CalendarPanel, "propTypes", {
 });
 /***/ }),
-/* 377 */
+/* 378 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77451,7 +77549,7 @@ exports.FormLabel = FormLabel;
 /***/ }),
-/* 378 */
+/* 379 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77547,7 +77645,7 @@ exports.Switch = Switch;
 /***/ }),
-/* 379 */
+/* 380 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77617,7 +77715,7 @@ exports.SwitchGroup = SwitchGroup;
 /***/ }),
-/* 380 */
+/* 381 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77697,7 +77795,7 @@ exports.RadioGroup = RadioGroup;
 /***/ }),
-/* 381 */
+/* 382 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77773,7 +77871,7 @@ exports.Checkbox = Checkbox;
 /***/ }),
-/* 382 */
+/* 383 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77881,7 +77979,7 @@ exports.RadioButtonGroup = RadioButtonGroup;
 /***/ }),
-/* 383 */
+/* 384 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -77959,7 +78057,7 @@ exports.CheckboxButton = CheckboxButton;
 /***/ }),
-/* 384 */
+/* 385 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78027,7 +78125,7 @@ exports.CheckGroup = CheckGroup;
 /***/ }),
-/* 385 */
+/* 386 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78105,7 +78203,7 @@ exports.CheckButtonGroup = CheckButtonGroup;
 /***/ }),
-/* 386 */
+/* 387 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78185,7 +78283,7 @@ exports.NavButton = NavButton;
 /***/ }),
-/* 387 */
+/* 388 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78277,7 +78375,8 @@ var TabList = /** @class */ (function (_super) {
             _a));
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: classes, role: 'tablist' }, this.props.children.map(function (item, index) {
-                return React.createElement("button", { key: index, onClick: function () { return _this.handleChange(index); }, role: 'tab', "aria-selected": _this.state.index === index ? 'true' : 'false', className: 'sd-nav-tabs__tab' + (_this.state.index === index ? ' sd-nav-tabs__tab--active' : '') },
+                return React.createElement("button", { key: index, onClick: function () { return _this.handleChange(index); }, role: 'tab', "aria-selected": _this.state.index === index ? 'true' : 'false', className: 'sd-nav-tabs__tab'
+                        + (_this.state.index === index ? ' sd-nav-tabs__tab--active' : '') },
                     React.createElement("span", null, item.props.label));
             })),
             React.createElement("div", { className: 'sd-nav-tabs__content' +
@@ -78289,7 +78388,7 @@ exports.TabList = TabList;
 /***/ }),
-/* 388 */
+/* 389 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78427,7 +78526,7 @@ exports.LeftMenu = LeftMenu;
 /***/ }),
-/* 389 */
+/* 390 */
 /***/ (function(module, exports) {
 function _interopRequireDefault(obj) {
@@ -78439,7 +78538,7 @@ function _interopRequireDefault(obj) {
 module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 390 */
+/* 391 */
 /***/ (function(module, exports) {
 function _extends() {
@@ -78462,7 +78561,7 @@ function _extends() {
 module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 391 */
+/* 392 */
 /***/ (function(module, exports) {
 function _defineProperty(obj, key, value) {
@@ -78483,16 +78582,16 @@ function _defineProperty(obj, key, value) {
 module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 392 */
+/* 393 */
 /***/ (function(module, exports, __webpack_require__) {
-var arrayWithoutHoles = __webpack_require__(393);
+var arrayWithoutHoles = __webpack_require__(394);
-var iterableToArray = __webpack_require__(394);
+var iterableToArray = __webpack_require__(395);
-var unsupportedIterableToArray = __webpack_require__(395);
+var unsupportedIterableToArray = __webpack_require__(396);
-var nonIterableSpread = __webpack_require__(396);
+var nonIterableSpread = __webpack_require__(397);
 function _toConsumableArray(arr) {
   return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
@@ -78501,7 +78600,7 @@ function _toConsumableArray(arr) {
 module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 393 */
+/* 394 */
 /***/ (function(module, exports, __webpack_require__) {
 var arrayLikeToArray = __webpack_require__(252);
@@ -78513,7 +78612,7 @@ function _arrayWithoutHoles(arr) {
 module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 394 */
+/* 395 */
 /***/ (function(module, exports) {
 function _iterableToArray(iter) {
@@ -78523,7 +78622,7 @@ function _iterableToArray(iter) {
 module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 395 */
+/* 396 */
 /***/ (function(module, exports, __webpack_require__) {
 var arrayLikeToArray = __webpack_require__(252);
@@ -78540,7 +78639,7 @@ function _unsupportedIterableToArray(o, minLen) {
 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 396 */
+/* 397 */
 /***/ (function(module, exports) {
 function _nonIterableSpread() {
@@ -78550,7 +78649,7 @@ function _nonIterableSpread() {
 module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 397 */
+/* 398 */
 /***/ (function(module, exports) {
 function _classCallCheck(instance, Constructor) {
@@ -78562,10 +78661,10 @@ function _classCallCheck(instance, Constructor) {
 module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 398 */
+/* 399 */
 /***/ (function(module, exports, __webpack_require__) {
-var _typeof = __webpack_require__(399)["default"];
+var _typeof = __webpack_require__(400)["default"];
 var assertThisInitialized = __webpack_require__(253);
@@ -78582,7 +78681,7 @@ function _possibleConstructorReturn(self, call) {
 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 399 */
+/* 400 */
 /***/ (function(module, exports) {
 function _typeof(obj) {
@@ -78598,7 +78697,7 @@ function _typeof(obj) {
 module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 400 */
+/* 401 */
 /***/ (function(module, exports) {
 function _getPrototypeOf(o) {
@@ -78611,7 +78710,7 @@ function _getPrototypeOf(o) {
 module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 401 */
+/* 402 */
 /***/ (function(module, exports) {
 function _defineProperties(target, props) {
@@ -78636,10 +78735,10 @@ function _createClass(Constructor, protoProps, staticProps) {
 module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 402 */
+/* 403 */
 /***/ (function(module, exports, __webpack_require__) {
-var setPrototypeOf = __webpack_require__(403);
+var setPrototypeOf = __webpack_require__(404);
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
@@ -78662,7 +78761,7 @@ function _inherits(subClass, superClass) {
 module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 403 */
+/* 404 */
 /***/ (function(module, exports) {
 function _setPrototypeOf(o, p) {
@@ -78676,7 +78775,7 @@ function _setPrototypeOf(o, p) {
 module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
 /***/ }),
-/* 404 */
+/* 405 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78712,7 +78811,7 @@ var _default = throttle;
 exports.default = _default;
 /***/ }),
-/* 405 */
+/* 406 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78804,7 +78903,7 @@ exports.SubNav = SubNav;
 /***/ }),
-/* 406 */
+/* 407 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78874,7 +78973,7 @@ exports.SlidingToolbar = SlidingToolbar;
 /***/ }),
-/* 407 */
+/* 408 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -78934,7 +79033,7 @@ exports.StrechBar = StrechBar;
 /***/ }),
-/* 408 */
+/* 409 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -79019,7 +79118,7 @@ exports.PropsList = PropsList;
 /***/ }),
-/* 409 */
+/* 410 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -79090,7 +79189,7 @@ exports.Divider = Divider;
 /***/ }),
-/* 410 */
+/* 411 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -79171,7 +79270,7 @@ exports.ContentDivider = ContentDivider;
 /***/ }),
-/* 411 */
+/* 412 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -79236,7 +79335,7 @@ exports.HeadingText = HeadingText;
 /***/ }),
-/* 412 */
+/* 413 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -79298,16 +79397,16 @@ exports.Tag = Tag;
 /***/ }),
-/* 413 */
+/* 414 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(414);
+module.exports = __webpack_require__(415);
 /***/ }),
-/* 414 */
+/* 415 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -79745,7 +79844,7 @@ _defineProperty(Chips, "propTypes", {
 });
 /***/ }),
-/* 415 */
+/* 416 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -79816,7 +79915,7 @@ exports.TabPanel = TabPanel;
 /***/ }),
-/* 416 */
+/* 417 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -79878,8 +79977,9 @@ var EmptyState = /** @class */ (function (_super) {
             },
             _a["content-state__image--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
             _a));
-        var image = __webpack_require__(417)("./empty-state--".concat(this.props.size ? this.props.size : 'small', "-").concat(this.props.illustration ? this.props.illustration : '1', ".svg"));
-        return (React.createElement("div", { className: 'content-state--empty-container' + (this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
+        var image = __webpack_require__(418)("./empty-state--".concat(this.props.size ? this.props.size : 'small', "-").concat(this.props.illustration ? this.props.illustration : '1', ".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' },
                 React.createElement("figure", { className: classes },
                     React.createElement("img", { src: image, alt: this.props.illustration })),
@@ -79892,17 +79992,17 @@ exports.EmptyState = EmptyState;
 /***/ }),
-/* 417 */
+/* 418 */
 /***/ (function(module, exports, __webpack_require__) {
 var map = {
-	"./empty-state--large-1.svg": 418,
-	"./empty-state--large-2.svg": 419,
-	"./empty-state--large-3.svg": 420,
-	"./empty-state--large-dashboard.svg": 421,
-	"./empty-state--small-1.svg": 422,
-	"./empty-state--small-2.svg": 423,
-	"./empty-state--small-3.svg": 424
+	"./empty-state--large-1.svg": 419,
+	"./empty-state--large-2.svg": 420,
+	"./empty-state--large-3.svg": 421,
+	"./empty-state--large-dashboard.svg": 422,
+	"./empty-state--small-1.svg": 423,
+	"./empty-state--small-2.svg": 424,
+	"./empty-state--small-3.svg": 425
 };
 function webpackContext(req) {
 	return __webpack_require__(webpackContextResolve(req));
@@ -79918,52 +80018,52 @@ webpackContext.keys = function webpackContextKeys() {
 };
 webpackContext.resolve = webpackContextResolve;
 module.exports = webpackContext;
-webpackContext.id = 417;
+webpackContext.id = 418;
 /***/ }),
-/* 418 */
+/* 419 */
 /***/ (function(module, exports, __webpack_require__) {
 module.exports = __webpack_require__.p + "empty-state--large-1.svg";
 /***/ }),
-/* 419 */
+/* 420 */
 /***/ (function(module, exports, __webpack_require__) {
 module.exports = __webpack_require__.p + "empty-state--large-2.svg";
 /***/ }),
-/* 420 */
+/* 421 */
 /***/ (function(module, exports, __webpack_require__) {
 module.exports = __webpack_require__.p + "empty-state--large-3.svg";
 /***/ }),
-/* 421 */
+/* 422 */
 /***/ (function(module, exports, __webpack_require__) {
 module.exports = __webpack_require__.p + "empty-state--large-dashboard.svg";
 /***/ }),
-/* 422 */
+/* 423 */
 /***/ (function(module, exports, __webpack_require__) {
 module.exports = __webpack_require__.p + "empty-state--small-1.svg";
 /***/ }),
-/* 423 */
+/* 424 */
 /***/ (function(module, exports, __webpack_require__) {
 module.exports = __webpack_require__.p + "empty-state--small-2.svg";
 /***/ }),
-/* 424 */
+/* 425 */
 /***/ (function(module, exports, __webpack_require__) {
 module.exports = __webpack_require__.p + "empty-state--small-3.svg";
 /***/ }),
-/* 425 */
+/* 426 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -80021,7 +80121,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__(426);
+var autocomplete_1 = __webpack_require__(427);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Autocomplete = /** @class */ (function (_super) {
@@ -80111,8 +80211,8 @@ var Autocomplete = /** @class */ (function (_super) {
                 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-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 }); }, onBlur: function () { _this.setState({ focused: false }); }, onChange: function (event) { return _this.handleChange(event); }, onSelect: function (event) { return _this.handleSelect(event); } }),
-                this.props.isSearchField && this.state.selectedItem ?
-                    React.createElement("button", { className: "sd-searchbar__cancel", onClick: function () { return _this.handleInputClear(); } },
+                this.props.isSearchField && this.state.selectedItem
+                    ? React.createElement("button", { className: "sd-searchbar__cancel", onClick: function () { return _this.handleInputClear(); } },
                         React.createElement("i", { className: "icon-remove-sign", "aria-label": "remove-sign" }))
                     : null,
                 !this.props.isSearchField ?
@@ -80138,16 +80238,16 @@ exports.Autocomplete = Autocomplete;
 /***/ }),
-/* 426 */
+/* 427 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(427);
+module.exports = __webpack_require__(428);
 /***/ }),
-/* 427 */
+/* 428 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -80174,7 +80274,7 @@ var _DomHandler = _interopRequireDefault(__webpack_require__(12));
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(17));
-var _AutoCompletePanel = __webpack_require__(428);
+var _AutoCompletePanel = __webpack_require__(429);
 var _ClassNames = __webpack_require__(10);
@@ -81083,7 +81183,7 @@ _defineProperty(AutoComplete, "propTypes", {
 });
 /***/ }),
-/* 428 */
+/* 429 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -81236,7 +81336,7 @@ _defineProperty(AutoCompletePanel, "propTypes", {
 });
 /***/ }),
-/* 429 */
+/* 430 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -81282,7 +81382,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DonutChart = void 0;
 var React = __importStar(__webpack_require__(0));
-var chart_1 = __webpack_require__(430);
+var chart_1 = __webpack_require__(431);
 var DonutChart = /** @class */ (function (_super) {
     __extends(DonutChart, _super);
     function DonutChart() {
@@ -81297,16 +81397,16 @@ exports.DonutChart = DonutChart;
 /***/ }),
-/* 430 */
+/* 431 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(431);
+module.exports = __webpack_require__(432);
 /***/ }),
-/* 431 */
+/* 432 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -81323,7 +81423,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
 var _propTypes = _interopRequireDefault(__webpack_require__(4));
-var ChartJS = _interopRequireWildcard(__webpack_require__(432));
+var ChartJS = _interopRequireWildcard(__webpack_require__(433));
 var _ClassNames = __webpack_require__(10);
@@ -81486,7 +81586,7 @@ _defineProperty(Chart, "propTypes", {
 });
 /***/ }),
-/* 432 */
+/* 433 */
 /***/ (function(module, exports, __webpack_require__) {
 /*!
@@ -97664,7 +97764,7 @@ return src;
 /***/ }),
-/* 433 */
+/* 434 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -97710,7 +97810,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Carousel = void 0;
 var React = __importStar(__webpack_require__(0));
-var carousel_1 = __webpack_require__(434);
+var carousel_1 = __webpack_require__(435);
 var Badge_1 = __webpack_require__(45);
 var Carousel = /** @class */ (function (_super) {
     __extends(Carousel, _super);
@@ -97736,16 +97836,16 @@ exports.Carousel = Carousel;
 /***/ }),
-/* 434 */
+/* 435 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(435);
+module.exports = __webpack_require__(436);
 /***/ }),
-/* 435 */
+/* 436 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -98573,7 +98673,7 @@ _defineProperty(Carousel, "propTypes", {
 });
 /***/ }),
-/* 436 */
+/* 437 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -98622,7 +98722,7 @@ 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__(437);
+var dialog_1 = __webpack_require__(438);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var lodash_1 = __webpack_require__(21);
 var Modal = /** @class */ (function (_super) {
@@ -98637,8 +98737,8 @@ var Modal = /** @class */ (function (_super) {
             _a["p-dialog-content--".concat(this.props.size)] = this.props.size,
             _a['p-dialog-content-bg--default'] = this.props.contentBg === undefined,
             _a["p-dialog-content-bg--".concat(this.props.contentBg)] = this.props.contentBg,
-            _a['p-dialog-content--s-padding'] = this.props.contentPadding === undefined,
-            _a["p-dialog-content--".concat(this.props.contentPadding)] = this.props.contentPadding,
+            _a['p-dialog-content--padding-small'] = this.props.contentPadding === undefined,
+            _a["p-dialog-content--padding-".concat(this.props.contentPadding)] = this.props.contentPadding,
             _a), this.props.className);
         return (React.createElement("div", { style: { display: 'content' }, "data-theme": this.props.theme !== 'dark' ? null : 'dark-ui' },
             React.createElement(dialog_1.Dialog, { id: this.props.id, visible: this.props.visible, header: this.props.headerTemplate, footer: this.props.footerTemplate, closeOnEscape: this.props.closeOnEscape, maximized: this.props.maximized, maximizable: this.props.maximizable, contentClassName: classes, onShow: this.props.onShow, onHide: (_b = this.props.onHide) !== null && _b !== void 0 ? _b : lodash_1.noop, zIndex: this.props.zIndex ? this.props.zIndex : 1000, position: this.props.position, closable: this.props.onHide != null ? true : false }, this.props.children)));
@@ -98649,16 +98749,16 @@ exports.Modal = Modal;
 /***/ }),
-/* 437 */
+/* 438 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(438);
+module.exports = __webpack_require__(439);
 /***/ }),
-/* 438 */
+/* 439 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -99206,7 +99306,7 @@ _defineProperty(Dialog, "propTypes", {
 });
 /***/ }),
-/* 439 */
+/* 440 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -99282,7 +99382,7 @@ exports.GridList = GridList;
 /***/ }),
-/* 440 */
+/* 441 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -99317,7 +99417,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.toasted = void 0;
 var React = __importStar(__webpack_require__(0));
 var ReactDOM = __importStar(__webpack_require__(8));
-var ToastWrapper_1 = __importDefault(__webpack_require__(441));
+var ToastWrapper_1 = __importDefault(__webpack_require__(442));
 var TOAST_ID = "react-toast";
 var Toasted = /** @class */ (function () {
     function Toasted() {
@@ -99362,7 +99462,7 @@ exports.toasted = new Toasted();
 /***/ }),
-/* 441 */
+/* 442 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -99427,7 +99527,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__(442);
+var ToastMessage_1 = __webpack_require__(443);
 var firstState = {
     top: [],
     bottom: [],
@@ -99493,7 +99593,7 @@ exports.default = ToastWrapper;
 /***/ }),
-/* 442 */
+/* 443 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -99527,7 +99627,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__(443));
+var ToastText_1 = __importDefault(__webpack_require__(444));
 var classnames_1 = __importDefault(__webpack_require__(2));
 var ToastMessage = function (_a) {
     var _b;
@@ -99571,7 +99671,7 @@ exports.ToastMessage = ToastMessage;
 /***/ }),
-/* 443 */
+/* 444 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -99624,7 +99724,7 @@ exports.default = ToastText;
 /***/ }),
-/* 444 */
+/* 445 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -99670,8 +99770,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
 var React = __importStar(__webpack_require__(0));
-var tieredmenu_1 = __webpack_require__(445);
-var helpers_1 = __webpack_require__(448);
+var tieredmenu_1 = __webpack_require__(446);
+var helpers_1 = __webpack_require__(449);
 var superdeskTopBarZIndex = 1050;
 function isSeparator(item) {
     return item['separator'] === true;
@@ -99763,16 +99863,16 @@ exports.Menu = Menu;
 /***/ }),
-/* 445 */
+/* 446 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(446);
+module.exports = __webpack_require__(447);
 /***/ }),
-/* 446 */
+/* 447 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -99795,7 +99895,7 @@ var _ClassNames = __webpack_require__(10);
 var _DomHandler = _interopRequireDefault(__webpack_require__(12));
-var _TieredMenuSub = __webpack_require__(447);
+var _TieredMenuSub = __webpack_require__(448);
 var _reactTransitionGroup = __webpack_require__(29);
@@ -100162,7 +100262,7 @@ _defineProperty(TieredMenu, "propTypes", {
 });
 /***/ }),
-/* 447 */
+/* 448 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -100570,7 +100670,7 @@ _defineProperty(TieredMenuSub, "propTypes", {
 });
 /***/ }),
-/* 448 */
+/* 449 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -100584,7 +100684,7 @@ exports.assertNever = assertNever;
 /***/ }),
-/* 449 */
+/* 450 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -100700,16 +100800,16 @@ exports.ToggleBox = ToggleBox;
 /***/ }),
-/* 450 */
+/* 451 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(451);
+module.exports = __webpack_require__(452);
 /***/ }),
-/* 451 */
+/* 452 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101067,7 +101167,7 @@ _defineProperty(OverlayPanel, "propTypes", {
 });
 /***/ }),
-/* 452 */
+/* 453 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101365,7 +101465,7 @@ var getIcons = function (translateFunction) {
 /***/ }),
-/* 453 */
+/* 454 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101490,7 +101590,7 @@ exports.ThemeSelector = ThemeSelector;
 /***/ }),
-/* 454 */
+/* 455 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101596,7 +101696,7 @@ exports.DropZone = DropZone;
 /***/ }),
-/* 455 */
+/* 456 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101675,7 +101775,7 @@ exports.CreateButton = CreateButton;
 /***/ }),
-/* 456 */
+/* 457 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101762,6 +101862,7 @@ var SearchBar = /** @class */ (function (_super) {
             _a['sd-searchbar--boxed'] = this.state.boxed,
             _a));
         return (React.createElement("div", { className: classes, ref: this.inputRef },
+            this.props.children,
             React.createElement("label", { className: "sd-searchbar__icon" }),
             React.createElement("input", { id: "search-input", ref: function (input) { return (input && _this.props.focused) && input.focus(); }, className: "sd-searchbar__input", type: "text", placeholder: this.props.placeholder, value: this.state.inputValue, onKeyPress: function (event) {
                     if (event.key === 'Enter') {
@@ -101799,7 +101900,7 @@ exports.SearchBar = SearchBar;
 /***/ }),
-/* 457 */
+/* 458 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101846,7 +101947,7 @@ exports.Layout = Layout;
 /***/ }),
-/* 458 */
+/* 459 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101906,7 +102007,7 @@ exports.LayoutContainer = LayoutContainer;
 /***/ }),
-/* 459 */
+/* 460 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -101966,7 +102067,7 @@ exports.HeaderPanel = HeaderPanel;
 /***/ }),
-/* 460 */
+/* 461 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102036,7 +102137,7 @@ exports.MainPanel = MainPanel;
 /***/ }),
-/* 461 */
+/* 462 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102103,7 +102204,7 @@ exports.LeftPanel = LeftPanel;
 /***/ }),
-/* 462 */
+/* 463 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102163,7 +102264,7 @@ exports.RightPanel = RightPanel;
 /***/ }),
-/* 463 */
+/* 464 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102225,7 +102326,7 @@ exports.OverlayPanel = OverlayPanel;
 /***/ }),
-/* 464 */
+/* 465 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102296,7 +102397,7 @@ exports.AuthoringContainer = AuthoringContainer;
 /***/ }),
-/* 465 */
+/* 466 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102365,7 +102466,7 @@ exports.ContentSplitter = ContentSplitter;
 /***/ }),
-/* 466 */
+/* 467 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102442,7 +102543,7 @@ exports.PageLayout = PageLayout;
 /***/ }),
-/* 467 */
+/* 468 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102515,7 +102616,7 @@ exports.Container = Container;
 /***/ }),
-/* 468 */
+/* 469 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102575,7 +102676,7 @@ exports.AuthoringFrameContainer = AuthoringFrameContainer;
 /***/ }),
-/* 469 */
+/* 470 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102635,7 +102736,7 @@ exports.AuthoringFrameMain = AuthoringFrameMain;
 /***/ }),
-/* 470 */
+/* 471 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102695,7 +102796,7 @@ exports.AuthoringFrameNavBar = AuthoringFrameNavBar;
 /***/ }),
-/* 471 */
+/* 472 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102755,7 +102856,7 @@ exports.AuthoringFrameLeftBar = AuthoringFrameLeftBar;
 /***/ }),
-/* 472 */
+/* 473 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102826,7 +102927,7 @@ exports.AuthoringFrameRightBar = AuthoringFrameRightBar;
 /***/ }),
-/* 473 */
+/* 474 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102895,7 +102996,7 @@ exports.AuthoringFrameSidePanel = AuthoringFrameSidePanel;
 /***/ }),
-/* 474 */
+/* 475 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -102964,7 +103065,7 @@ exports.AuthoringFrameSidePanelOverlay = AuthoringFrameSidePanelOverlay;
 /***/ }),
-/* 475 */
+/* 476 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103024,7 +103125,7 @@ exports.AuthoringFrameOverlay = AuthoringFrameOverlay;
 /***/ }),
-/* 476 */
+/* 477 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103093,7 +103194,7 @@ exports.AuthoringFrame = AuthoringFrame;
 /***/ }),
-/* 477 */
+/* 478 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103159,7 +103260,7 @@ exports.AuthoringMain = AuthoringMain;
 /***/ }),
-/* 478 */
+/* 479 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103219,7 +103320,7 @@ exports.AuthoringMainContainer = AuthoringMainContainer;
 /***/ }),
-/* 479 */
+/* 480 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103286,7 +103387,7 @@ exports.AuthoringMainToolBar = AuthoringMainToolBar;
 /***/ }),
-/* 480 */
+/* 481 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103346,7 +103447,7 @@ exports.AuthoringMainContent = AuthoringMainContent;
 /***/ }),
-/* 481 */
+/* 482 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103425,7 +103526,7 @@ exports.AuthoringInnerHeader = AuthoringInnerHeader;
 /***/ }),
-/* 482 */
+/* 483 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103491,7 +103592,7 @@ exports.AuthoringInnerBody = AuthoringInnerBody;
 /***/ }),
-/* 483 */
+/* 484 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103551,7 +103652,7 @@ exports.AuthorinInnerSideBar = AuthorinInnerSideBar;
 /***/ }),
-/* 484 */
+/* 485 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103617,7 +103718,7 @@ exports.CoreLayout = CoreLayout;
 /***/ }),
-/* 485 */
+/* 486 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103677,7 +103778,7 @@ exports.CoreLayoutContainer = CoreLayoutContainer;
 /***/ }),
-/* 486 */
+/* 487 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103742,7 +103843,7 @@ exports.CoreLayoutTopMenu = CoreLayoutTopMenu;
 /***/ }),
-/* 487 */
+/* 488 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103809,7 +103910,7 @@ exports.CoreLayoutMain = CoreLayoutMain;
 /***/ }),
-/* 488 */
+/* 489 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103878,7 +103979,7 @@ exports.CoreLayoutSlideInMenu = CoreLayoutSlideInMenu;
 /***/ }),
-/* 489 */
+/* 490 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103938,7 +104039,7 @@ exports.CoreLayoutFooter = CoreLayoutFooter;
 /***/ }),
-/* 490 */
+/* 491 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -103998,7 +104099,7 @@ exports.CoreLayoutOverlay = CoreLayoutOverlay;
 /***/ }),
-/* 491 */
+/* 492 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104072,7 +104173,7 @@ exports.HamburgerButton = HamburgerButton;
 /***/ }),
-/* 492 */
+/* 493 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104142,7 +104243,7 @@ exports.BottomBarAction = BottomBarAction;
 /***/ }),
-/* 493 */
+/* 494 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104256,7 +104357,7 @@ exports.default = MainMenu;
 /***/ }),
-/* 494 */
+/* 495 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104377,7 +104478,7 @@ exports.default = NotificationPanel;
 /***/ }),
-/* 495 */
+/* 496 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104463,7 +104564,9 @@ var SideBarMenu = /** @class */ (function (_super) {
                     return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right', className: item.hover ? 'authoring-active__item' : '' },
                         React.createElement("a", { className: 'sd-sidebar-menu__btn'
                                 + (_this.state.hover ? ' sd-sidebar-menu__btn--closed ' : '')
-                                + (item['active'] ? ' sd-sidebar-menu__btn--active' : (index === _this.state.index ? ' sd-sidebar-menu__btn--active' : '')), onClick: function () {
+                                + (item['active']
+                                    ? ' sd-sidebar-menu__btn--active'
+                                    : (index === _this.state.index ? ' sd-sidebar-menu__btn--active' : '')), onClick: function () {
                                 _this.handleClick(index);
                                 if (item.hover) {
                                     _this.handleArrows();
@@ -104484,7 +104587,7 @@ exports.SideBarMenu = SideBarMenu;
 /***/ }),
-/* 496 */
+/* 497 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104581,7 +104684,7 @@ exports.SideBarTabs = SideBarTabs;
 /***/ }),
-/* 497 */
+/* 498 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104698,7 +104801,8 @@ var QuickNavBar = /** @class */ (function (_super) {
                 }
                 else {
                     return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right' },
-                        React.createElement("a", { role: 'button', "aria-label": item['tooltip'], className: 'sd-quickbar__btn' + (index === _this.state.index ? ' sd-quickbar__btn--active' : ''), onClick: function () { return _this.handleClick(item, index, event); } },
+                        React.createElement("a", { role: 'button', "aria-label": item['tooltip'], className: 'sd-quickbar__btn'
+                                + (index === _this.state.index ? ' sd-quickbar__btn--active' : ''), onClick: function () { return _this.handleClick(item, index, event); } },
                             React.createElement(Icon_1.Icon, { size: 'small', name: item['icon'] }))));
                 }
             }))));
@@ -104709,7 +104813,7 @@ exports.QuickNavBar = QuickNavBar;
 /***/ }),
-/* 498 */
+/* 499 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104800,7 +104904,7 @@ exports.SimpleList = SimpleList;
 /***/ }),
-/* 499 */
+/* 500 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -104971,7 +105075,7 @@ exports.BoxedList = BoxedList;
 /***/ }),
-/* 500 */
+/* 501 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -105046,7 +105150,7 @@ exports.ListItemLoader = ListItemLoader;
 /***/ }),
-/* 501 */
+/* 502 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -105124,7 +105228,7 @@ exports.Text = Text;
 /***/ }),
-/* 502 */
+/* 503 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -105200,7 +105304,7 @@ exports.Time = Time;
 /***/ }),
-/* 503 */
+/* 504 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -105290,12 +105394,12 @@ exports.Heading = Heading;
 /***/ }),
-/* 504 */
+/* 505 */
 /***/ (function(module, exports, __webpack_require__) {
 var isObject = __webpack_require__(258),
-    now = __webpack_require__(505),
-    toNumber = __webpack_require__(507);
+    now = __webpack_require__(506),
+    toNumber = __webpack_require__(508);
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -105487,7 +105591,7 @@ module.exports = debounce;
 /***/ }),
-/* 505 */
+/* 506 */
 /***/ (function(module, exports, __webpack_require__) {
 var root = __webpack_require__(259);
@@ -105516,7 +105620,7 @@ module.exports = now;
 /***/ }),
-/* 506 */
+/* 507 */
 /***/ (function(module, exports, __webpack_require__) {
 /* WEBPACK VAR INJECTION */(function(global) {/** Detect free variable `global` from Node.js. */
@@ -105527,12 +105631,12 @@ module.exports = freeGlobal;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35)))
 /***/ }),
-/* 507 */
+/* 508 */
 /***/ (function(module, exports, __webpack_require__) {
-var baseTrim = __webpack_require__(508),
+var baseTrim = __webpack_require__(509),
     isObject = __webpack_require__(258),
-    isSymbol = __webpack_require__(510);
+    isSymbol = __webpack_require__(511);
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
@@ -105597,10 +105701,10 @@ module.exports = toNumber;
 /***/ }),
-/* 508 */
+/* 509 */
 /***/ (function(module, exports, __webpack_require__) {
-var trimmedEndIndex = __webpack_require__(509);
+var trimmedEndIndex = __webpack_require__(510);
 /** Used to match leading whitespace. */
 var reTrimStart = /^\s+/;
@@ -105622,7 +105726,7 @@ module.exports = baseTrim;
 /***/ }),
-/* 509 */
+/* 510 */
 /***/ (function(module, exports) {
 /** Used to match a single whitespace character. */
@@ -105647,11 +105751,11 @@ module.exports = trimmedEndIndex;
 /***/ }),
-/* 510 */
+/* 511 */
 /***/ (function(module, exports, __webpack_require__) {
-var baseGetTag = __webpack_require__(511),
-    isObjectLike = __webpack_require__(514);
+var baseGetTag = __webpack_require__(512),
+    isObjectLike = __webpack_require__(515);
 /** `Object#toString` result references. */
 var symbolTag = '[object Symbol]';
@@ -105682,12 +105786,12 @@ module.exports = isSymbol;
 /***/ }),
-/* 511 */
+/* 512 */
 /***/ (function(module, exports, __webpack_require__) {
 var Symbol = __webpack_require__(260),
-    getRawTag = __webpack_require__(512),
-    objectToString = __webpack_require__(513);
+    getRawTag = __webpack_require__(513),
+    objectToString = __webpack_require__(514);
 /** `Object#toString` result references. */
 var nullTag = '[object Null]',
@@ -105716,7 +105820,7 @@ module.exports = baseGetTag;
 /***/ }),
-/* 512 */
+/* 513 */
 /***/ (function(module, exports, __webpack_require__) {
 var Symbol = __webpack_require__(260);
@@ -105768,7 +105872,7 @@ module.exports = getRawTag;
 /***/ }),
-/* 513 */
+/* 514 */
 /***/ (function(module, exports) {
 /** Used for built-in method references. */
@@ -105796,7 +105900,7 @@ module.exports = objectToString;
 /***/ }),
-/* 514 */
+/* 515 */
 /***/ (function(module, exports) {
 /**
@@ -105831,7 +105935,7 @@ module.exports = isObjectLike;
 /***/ }),
-/* 515 */
+/* 516 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -105909,7 +106013,7 @@ exports.TreeSelectPill = TreeSelectPill;
 /***/ }),
-/* 516 */
+/* 517 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -105925,12 +106029,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__(26);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__babel_runtime_helpers_esm_extends__ = __webpack_require__(27);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_redux__ = __webpack_require__(517);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_redux__ = __webpack_require__(520);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_use_memo_one__ = __webpack_require__(537);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_css_box_model__ = __webpack_require__(538);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_memoize_one__ = __webpack_require__(539);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_raf_schd__ = __webpack_require__(540);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_redux__ = __webpack_require__(518);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_redux__ = __webpack_require__(521);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_use_memo_one__ = __webpack_require__(538);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_css_box_model__ = __webpack_require__(539);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_memoize_one__ = __webpack_require__(540);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_raf_schd__ = __webpack_require__(541);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom__ = __webpack_require__(8);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_react_dom__);
@@ -114451,7 +114555,7 @@ ConnectedDroppable.defaultProps = defaultProps;
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 517 */
+/* 518 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -114462,7 +114566,7 @@ ConnectedDroppable.defaultProps = defaultProps;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return compose; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return createStore; });
 /* unused harmony export legacy_createStore */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectSpread2__ = __webpack_require__(518);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectSpread2__ = __webpack_require__(519);
 /**
@@ -115183,12 +115287,12 @@ if (process.env.NODE_ENV !== 'production' && typeof isCrushed.name === 'string'
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 518 */
+/* 519 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _objectSpread2;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__ = __webpack_require__(519);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__ = __webpack_require__(520);
 function ownKeys(object, enumerableOnly) {
@@ -115218,7 +115322,7 @@ function _objectSpread2(target) {
 }
 /***/ }),
-/* 519 */
+/* 520 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -115239,14 +115343,14 @@ function _defineProperty(obj, key, value) {
 }
 /***/ }),
-/* 520 */
+/* 521 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__exports__ = __webpack_require__(521);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__exports__ = __webpack_require__(522);
 /* 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__(536);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_reactBatchedUpdates__ = __webpack_require__(537);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_batch__ = __webpack_require__(261);
 /* unused harmony reexport batch */
@@ -115258,16 +115362,16 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 /***/ }),
-/* 521 */
+/* 522 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(522);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(523);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(262);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(33);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(526);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(534);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(535);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(527);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(535);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(536);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__hooks_useStore__ = __webpack_require__(267);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_shallowEqual__ = __webpack_require__(263);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__components_Provider__["a"]; });
@@ -115292,7 +115396,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 /***/ }),
-/* 522 */
+/* 523 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -115359,22 +115463,22 @@ if (process.env.NODE_ENV !== 'production') {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 523 */
+/* 524 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {
 if (process.env.NODE_ENV === 'production') {
-  module.exports = __webpack_require__(524);
-} else {
   module.exports = __webpack_require__(525);
+} else {
+  module.exports = __webpack_require__(526);
 }
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 /***/ }),
-/* 524 */
+/* 525 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -115395,7 +115499,7 @@ exports.typeOf=y;
 /***/ }),
-/* 525 */
+/* 526 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -115629,7 +115733,7 @@ exports.typeOf = typeOf;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))
 /***/ }),
-/* 526 */
+/* 527 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -115638,10 +115742,10 @@ exports.typeOf = typeOf;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(22);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(262);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(263);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(527);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(530);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(531);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(532);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(528);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(531);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(532);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(533);
 var _excluded = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
@@ -115743,14 +115847,14 @@ function createConnect(_temp) {
 /* harmony default export */ __webpack_exports__["a"] = (createConnect());
 /***/ }),
-/* 527 */
+/* 528 */
 /***/ (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__(528);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_bindActionCreators__ = __webpack_require__(529);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(264);
@@ -115772,7 +115876,7 @@ function whenMapDispatchToPropsIsObject(mapDispatchToProps) {
 /* harmony default export */ __webpack_exports__["a"] = ([whenMapDispatchToPropsIsFunction, whenMapDispatchToPropsIsMissing, whenMapDispatchToPropsIsObject]);
 /***/ }),
-/* 528 */
+/* 529 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -115798,7 +115902,7 @@ function bindActionCreators(actionCreators, dispatch) {
 }
 /***/ }),
-/* 529 */
+/* 530 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -115821,7 +115925,7 @@ function isPlainObject(obj) {
 }
 /***/ }),
-/* 530 */
+/* 531 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -115840,7 +115944,7 @@ function whenMapStateToPropsIsMissing(mapStateToProps) {
 /* harmony default export */ __webpack_exports__["a"] = ([whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing]);
 /***/ }),
-/* 531 */
+/* 532 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -115889,7 +115993,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 532 */
+/* 533 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -115897,7 +116001,7 @@ function whenMergePropsIsOmitted(mergeProps) {
 /* unused harmony export pureFinalPropsSelectorFactory */
 /* harmony export (immutable) */ __webpack_exports__["a"] = finalPropsSelectorFactory;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(22);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(533);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(534);
 var _excluded = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
@@ -115989,7 +116093,7 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 533 */
+/* 534 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -116014,7 +116118,7 @@ function verifySubselectors(mapStateToProps, mapDispatchToProps, mergeProps, dis
 }
 /***/ }),
-/* 534 */
+/* 535 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -116067,7 +116171,7 @@ function createDispatchHook(context) {
 var useDispatch = /*#__PURE__*/createDispatchHook();
 /***/ }),
-/* 535 */
+/* 536 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -116240,7 +116344,7 @@ var useSelector = /*#__PURE__*/createSelectorHook();
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 536 */
+/* 537 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -116251,7 +116355,7 @@ var useSelector = /*#__PURE__*/createSelectorHook();
 /***/ }),
-/* 537 */
+/* 538 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -116309,7 +116413,7 @@ var useCallback = useCallbackOne;
 /***/ }),
-/* 538 */
+/* 539 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -116478,7 +116582,7 @@ var getBox = function getBox(el) {
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))
 /***/ }),
-/* 539 */
+/* 540 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -116534,7 +116638,7 @@ function memoizeOne(resultFn, isEqual) {
 /***/ }),
-/* 540 */
+/* 541 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -116575,7 +116679,7 @@ var rafSchd = function rafSchd(fn) {
 /***/ }),
-/* 541 */
+/* 542 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -116624,7 +116728,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__(542);
+var multiselect_1 = __webpack_require__(543);
 var classnames_1 = __importDefault(__webpack_require__(2));
 var react_id_generator_1 = __importDefault(__webpack_require__(9));
 var Form_1 = __webpack_require__(13);
@@ -116663,16 +116767,16 @@ exports.MultiSelect = MultiSelect;
 /***/ }),
-/* 542 */
+/* 543 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-module.exports = __webpack_require__(543);
+module.exports = __webpack_require__(544);
 /***/ }),
-/* 543 */
+/* 544 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -116701,11 +116805,11 @@ var _FilterUtils = _interopRequireDefault(__webpack_require__(87));
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(17));
-var _MultiSelectHeader = __webpack_require__(544);
+var _MultiSelectHeader = __webpack_require__(545);
-var _MultiSelectItem = __webpack_require__(546);
+var _MultiSelectItem = __webpack_require__(547);
-var _MultiSelectPanel = __webpack_require__(547);
+var _MultiSelectPanel = __webpack_require__(548);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(23));
@@ -117616,7 +117720,7 @@ _defineProperty(MultiSelect, "propTypes", {
 });
 /***/ }),
-/* 544 */
+/* 545 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -117635,7 +117739,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(4));
 var _InputText = __webpack_require__(73);
-var _Checkbox = __webpack_require__(545);
+var _Checkbox = __webpack_require__(546);
 var _Ripple = __webpack_require__(18);
@@ -117770,7 +117874,7 @@ _defineProperty(MultiSelectHeader, "propTypes", {
 });
 /***/ }),
-/* 545 */
+/* 546 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -118020,7 +118124,7 @@ _defineProperty(Checkbox, "propTypes", {
 });
 /***/ }),
-/* 546 */
+/* 547 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -118165,7 +118269,7 @@ _defineProperty(MultiSelectItem, "propTypes", {
 });
 /***/ }),
-/* 547 */
+/* 548 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -118286,7 +118390,7 @@ _defineProperty(MultiSelectPanel, "propTypes", {
 });
 /***/ }),
-/* 548 */
+/* 549 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -118343,7 +118447,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizablePanels = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_resizable_panels_1 = __webpack_require__(549);
+var react_resizable_panels_1 = __webpack_require__(550);
 /**
  Features:
  * No absolute positioning is used
@@ -118394,7 +118498,7 @@ exports.ResizablePanels = ResizablePanels;
 /***/ }),
-/* 549 */
+/* 550 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -118402,12 +118506,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__(550);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(552);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(551);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(553);
 /* 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__(553);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(556);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(554);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(557);
@@ -119567,12 +119671,12 @@ $6ebc1e3786ab631d$export$8829ecf6b6b15484.displayName = "PanelResizeHandle";
 /***/ }),
-/* 550 */
+/* 551 */
 /***/ (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__(551);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(552);
 function _objectSpread(target) {
@@ -119595,7 +119699,7 @@ function _objectSpread(target) {
 }
 /***/ }),
-/* 551 */
+/* 552 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -119617,7 +119721,7 @@ function _defineProperty(obj, key, value) {
 /***/ }),
-/* 552 */
+/* 553 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -119654,14 +119758,14 @@ function _objectSpreadProps(target, source) {
 }
 /***/ }),
-/* 553 */
+/* 554 */
 /***/ (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__(554);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(555);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(270);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(555);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(556);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(271);
@@ -119674,7 +119778,7 @@ function _slicedToArray(arr, i) {
 /***/ }),
-/* 554 */
+/* 555 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -119685,7 +119789,7 @@ function _arrayWithHoles(arr) {
 /***/ }),
-/* 555 */
+/* 556 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -119696,14 +119800,14 @@ function _nonIterableRest() {
 /***/ }),
-/* 556 */
+/* 557 */
 /***/ (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__(557);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(558);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(270);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(558);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(559);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(271);
@@ -119716,7 +119820,7 @@ function _toConsumableArray(arr) {
 /***/ }),
-/* 557 */
+/* 558 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -119730,7 +119834,7 @@ function _arrayWithoutHoles(arr) {
 /***/ }),
-/* 558 */
+/* 559 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -119741,7 +119845,7 @@ function _nonIterableSpread() {
 /***/ }),
-/* 559 */
+/* 560 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -119805,7 +119909,7 @@ exports.ResizeObserverComponent = ResizeObserverComponent;
 /***/ }),
-/* 560 */
+/* 561 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -119854,8 +119958,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DragHandle = void 0;
 var React = __importStar(__webpack_require__(0));
-__webpack_require__(561);
-var dots_svg_1 = __importDefault(__webpack_require__(562));
+__webpack_require__(562);
+var dots_svg_1 = __importDefault(__webpack_require__(563));
 var DragHandle = /** @class */ (function (_super) {
     __extends(DragHandle, _super);
     function DragHandle() {
@@ -119871,21 +119975,21 @@ exports.DragHandle = DragHandle;
 /***/ }),
-/* 561 */
+/* 562 */
 /***/ (function(module, exports) {
 // removed by extract-text-webpack-plugin
 /***/ }),
-/* 562 */
+/* 563 */
 /***/ (function(module, exports, __webpack_require__) {
 module.exports = __webpack_require__.p + "dots.svg";
 /***/ }),
-/* 563 */,
 /* 564 */,
-/* 565 */
+/* 565 */,
+/* 566 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -120065,12 +120169,12 @@ function reactToAngular1(component) {
 }
 /***/ }),
-/* 566 */,
 /* 567 */,
 /* 568 */,
 /* 569 */,
 /* 570 */,
-/* 571 */
+/* 571 */,
+/* 572 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -120091,7 +120195,7 @@ var _propTypes = __webpack_require__(4);
 var _propTypes2 = _interopRequireDefault(_propTypes);
-var _reactToAngular = __webpack_require__(565);
+var _reactToAngular = __webpack_require__(566);
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -120186,7 +120290,7 @@ ToggleBoxNext.propTypes = {
 angular.module('superdesk-ui.toggleBoxNext', []).component('toggleBoxNext', (0, _reactToAngular.reactToAngular1)(ToggleBoxNext, ['mode', 'title', 'style', 'isOpen']));
 /***/ }),
-/* 572 */
+/* 573 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -120197,7 +120301,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Positioner = undefined;
-var _reactToAngular = __webpack_require__(565);
+var _reactToAngular = __webpack_require__(566);
 var _Positioner2 = __webpack_require__(275);
@@ -120238,7 +120342,6 @@ angular.module('superdesk-ui.positioner', []).component('sdPositioner', (0, _rea
 */
 /***/ }),
-/* 573 */,
 /* 574 */,
 /* 575 */,
 /* 576 */,
@@ -120397,7 +120500,8 @@ angular.module('superdesk-ui.positioner', []).component('sdPositioner', (0, _rea
 /* 729 */,
 /* 730 */,
 /* 731 */,
-/* 732 */
+/* 732 */,
+/* 733 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -120408,7 +120512,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ContentDivider = exports.Carousel = exports.Popover = exports.Dropdown = exports.NotificationToast = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNav = exports.Menu = exports.toasted = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButton = exports.CheckBox = exports.RadioGroup = exports.Loader = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerISO = exports.DatePicker = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.ButtonGroup = exports.Button = exports.HelloWorld = exports.Positioner = exports.ToggleBoxNext = exports.reactToAngular1 = undefined;
-var _reactToAngular = __webpack_require__(565);
+var _reactToAngular = __webpack_require__(566);
 Object.defineProperty(exports, 'reactToAngular1', {
     enumerable: true,
@@ -120417,7 +120521,7 @@ Object.defineProperty(exports, 'reactToAngular1', {
     }
 });
-var _toggleBoxNext = __webpack_require__(571);
+var _toggleBoxNext = __webpack_require__(572);
 Object.defineProperty(exports, 'ToggleBoxNext', {
     enumerable: true,
@@ -120426,7 +120530,7 @@ Object.defineProperty(exports, 'ToggleBoxNext', {
     }
 });
-var _positioner = __webpack_require__(572);
+var _positioner = __webpack_require__(573);
 Object.defineProperty(exports, 'Positioner', {
     enumerable: true,
@@ -120684,53 +120788,53 @@ Object.defineProperty(exports, 'ContentDivider', {
     }
 });
-__webpack_require__(733);
+__webpack_require__(734);
-__webpack_require__(768);
+__webpack_require__(769);
 exports.default = angular.module('superdesk-ui', ['superdesk-ui.helper', 'superdesk-ui.carousel', 'superdesk-ui.wizard', 'superdesk-ui.dropdown', 'superdesk-ui.positioner', 'superdesk-ui.modals', 'superdesk-ui.switch', 'superdesk-ui.check', 'superdesk-ui.circularProgress', 'superdesk-ui.toggleBox', 'superdesk-ui.toggleBoxNext', 'superdesk-ui.tags', 'superdesk-ui.lineInput', 'superdesk-ui.searchHandler', 'superdesk-ui.splitter', 'superdesk-ui.mediaQuery']);
 /***/ }),
-/* 733 */
+/* 734 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-__webpack_require__(734);
-__webpack_require__(748);
+__webpack_require__(735);
-__webpack_require__(750);
+__webpack_require__(749);
 __webpack_require__(751);
-__webpack_require__(572);
 __webpack_require__(752);
+__webpack_require__(573);
 __webpack_require__(753);
 __webpack_require__(754);
-__webpack_require__(571);
 __webpack_require__(755);
-__webpack_require__(758);
+__webpack_require__(572);
+__webpack_require__(756);
-__webpack_require__(760);
+__webpack_require__(759);
-__webpack_require__(762);
+__webpack_require__(761);
-__webpack_require__(764);
+__webpack_require__(763);
-__webpack_require__(766);
+__webpack_require__(765);
 __webpack_require__(767);
+__webpack_require__(768);
 /***/ }),
-/* 734 */
+/* 735 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -120740,22 +120844,22 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
-__webpack_require__(735);
 __webpack_require__(736);
-__webpack_require__(742);
+__webpack_require__(737);
 __webpack_require__(743);
-__webpack_require__(746);
+__webpack_require__(744);
 __webpack_require__(747);
+__webpack_require__(748);
 exports.default = angular.module('superdesk-ui.helper', ['superdesk-ui.helper.dropdown', 'superdesk-ui.helper.modal', 'superdesk-ui.helper.datepicker', 'superdesk-ui.helper.ngTagsInput']);
 /***/ }),
-/* 735 */
+/* 736 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -120972,7 +121076,7 @@ angular.module('superdesk-ui.helper.dateparser', []).service('dateParser', ['$lo
 }]);
 /***/ }),
-/* 736 */
+/* 737 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -121191,7 +121295,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(737),
+        template: __webpack_require__(738),
         scope: {
             datepickerMode: '=?',
             dateDisabled: '&',
@@ -121213,7 +121317,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(738),
+        template: __webpack_require__(739),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             scope.showWeeks = ctrl.showWeeks;
@@ -121332,7 +121436,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(739),
+        template: __webpack_require__(740),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             ctrl.step = { years: 1 };
@@ -121389,7 +121493,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(740),
+        template: __webpack_require__(741),
         require: '^datepicker',
         link: function link(scope, element, attrs, ctrl) {
             var range = ctrl.yearRange;
@@ -121756,42 +121860,42 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         restrict: 'EA',
         replace: true,
         transclude: true,
-        template: __webpack_require__(741)
+        template: __webpack_require__(742)
     };
 });
 /***/ }),
-/* 737 */
+/* 738 */
 /***/ (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>";
 /***/ }),
-/* 738 */
+/* 739 */
 /***/ (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";
 /***/ }),
-/* 739 */
+/* 740 */
 /***/ (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";
 /***/ }),
-/* 740 */
+/* 741 */
 /***/ (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";
 /***/ }),
-/* 741 */
+/* 742 */
 /***/ (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";
 /***/ }),
-/* 742 */
+/* 743 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -122134,7 +122238,7 @@ angular.module('superdesk-ui.helper.dropdown', ['superdesk-ui.helper.position'])
 });
 /***/ }),
-/* 743 */
+/* 744 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -122201,7 +122305,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
     return {
         restrict: 'EA',
         replace: true,
-        template: __webpack_require__(744),
+        template: __webpack_require__(745),
         compile: function compile(tElement, tAttrs) {
             tElement.addClass(tAttrs.backdropClass);
             return linkFn;
@@ -122228,7 +122332,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__(745),
+        template: __webpack_require__(746),
         link: function link(scope, element, attrs) {
             element.addClass(attrs.windowClass || '');
             scope.size = attrs.size;
@@ -122605,19 +122709,19 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
 });
 /***/ }),
-/* 744 */
+/* 745 */
 /***/ (function(module, exports) {
 module.exports = "<div class=\"modal__backdrop fade in\"></div>";
 /***/ }),
-/* 745 */
+/* 746 */
 /***/ (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";
 /***/ }),
-/* 746 */
+/* 747 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -122780,7 +122884,7 @@ angular.module('superdesk-ui.helper.position', [])
 }]);
 /***/ }),
-/* 747 */
+/* 748 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124006,7 +124110,7 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
 })();
 /***/ }),
-/* 748 */
+/* 749 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124023,7 +124127,7 @@ function CarouselDirective() {
             finish: '&',
             model: '='
         },
-        template: __webpack_require__(749),
+        template: __webpack_require__(750),
         transclude: true,
         controllerAs: 'ctrl',
         controller: ['$scope', '$document', function ($scope, $document) {
@@ -124145,13 +124249,13 @@ function CarouselStepDirective() {
 angular.module('superdesk-ui.carousel', []).directive('sdCarousel', CarouselDirective).directive('sdCarouselStep', CarouselStepDirective);
 /***/ }),
-/* 749 */
+/* 750 */
 /***/ (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>";
 /***/ }),
-/* 750 */
+/* 751 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124254,7 +124358,7 @@ function sdCheck($parse) {
 angular.module('superdesk-ui.check', []).directive('sdCheck', sdCheck);
 /***/ }),
-/* 751 */
+/* 752 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124434,7 +124538,7 @@ angular.module("superdesk-ui.dropdown", []).directive("dropdown", sdDropdown).di
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(44)))
 /***/ }),
-/* 752 */
+/* 753 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124522,7 +124626,7 @@ function sdModal($document, $rootScope) {
 angular.module('superdesk-ui.modals', []).directive('sdModal', sdModal);
 /***/ }),
-/* 753 */
+/* 754 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124607,7 +124711,7 @@ function sdSwitch() {
 angular.module('superdesk-ui.switch', []).directive('sdSwitch', sdSwitch);
 /***/ }),
-/* 754 */
+/* 755 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124645,7 +124749,7 @@ function ToggleBoxDirective() {
 angular.module('superdesk-ui.toggleBox', []).directive('sdToggleBox', ToggleBoxDirective);
 /***/ }),
-/* 755 */
+/* 756 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124680,7 +124784,7 @@ function WizardHandlerFactory() {
 WizardDirective.$inject = [];
 function WizardDirective() {
     return {
-        template: __webpack_require__(756),
+        template: __webpack_require__(757),
         scope: {
             currentStep: '=',
             finish: '&',
@@ -124784,7 +124888,7 @@ function WizardDirective() {
 WizardStepDirective.$inject = [];
 function WizardStepDirective() {
     return {
-        template: __webpack_require__(757),
+        template: __webpack_require__(758),
         scope: {
             title: '@',
             code: '@',
@@ -124802,19 +124906,19 @@ function WizardStepDirective() {
 angular.module('superdesk-ui.wizard', []).factory('WizardHandler', WizardHandlerFactory).directive('sdWizard', WizardDirective).directive('sdWizardStep', WizardStepDirective);
 /***/ }),
-/* 756 */
+/* 757 */
 /***/ (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>";
 /***/ }),
-/* 757 */
+/* 758 */
 /***/ (function(module, exports) {
 module.exports = "<div ng-show=\"selected\" class=\"modal-screen\" ng-transclude></div>\r\n";
 /***/ }),
-/* 758 */
+/* 759 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124843,7 +124947,7 @@ function TagInputDirective($q) {
             maxResultsToShow: '='
         },
         require: '?ngModel',
-        template: __webpack_require__(759),
+        template: __webpack_require__(760),
         link: function link(scope) {
             scope.loadTags = function (query) {
                 return $q(function (resolve, reject) {
@@ -124861,13 +124965,13 @@ function TagInputDirective($q) {
 angular.module('superdesk-ui.tags', []).directive('sdTagInput', TagInputDirective);
 /***/ }),
-/* 759 */
+/* 760 */
 /***/ (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";
 /***/ }),
-/* 760 */
+/* 761 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124884,7 +124988,7 @@ module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</
  */
 function LineInputDirective() {
     return {
-        template: __webpack_require__(761),
+        template: __webpack_require__(762),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -124926,13 +125030,13 @@ function LineInputDirective() {
 angular.module('superdesk-ui.lineInput', []).directive('sdLineInput', LineInputDirective);
 /***/ }),
-/* 761 */
+/* 762 */
 /***/ (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";
 /***/ }),
-/* 762 */
+/* 763 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -124952,7 +125056,7 @@ module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark
  */
 function SearchHandlerDirective() {
     return {
-        template: __webpack_require__(763),
+        template: __webpack_require__(764),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -124978,13 +125082,13 @@ function SearchHandlerDirective() {
 angular.module('superdesk-ui.searchHandler', []).directive('sdSearchHandler', SearchHandlerDirective);
 /***/ }),
-/* 763 */
+/* 764 */
 /***/ (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";
 /***/ }),
-/* 764 */
+/* 765 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -125000,7 +125104,7 @@ function sdCircularProgress() {
             error: '=',
             counter: '='
         },
-        template: __webpack_require__(765),
+        template: __webpack_require__(766),
         link: function link(scope, element) {
             var elem = $(element).find('.progress-svg');
@@ -125046,13 +125150,13 @@ angular.module('superdesk-ui.circularProgress', []).directive('sdCircularProgres
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(44)))
 /***/ }),
-/* 765 */
+/* 766 */
 /***/ (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>";
 /***/ }),
-/* 766 */
+/* 767 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -125097,7 +125201,7 @@ function SplitterDirective($window) {
 angular.module('superdesk-ui.splitter', []).directive('sdSplitter', SplitterDirective);
 /***/ }),
-/* 767 */
+/* 768 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
@@ -125138,16 +125242,16 @@ function MediaQuery($window) {
 angular.module('superdesk-ui.mediaQuery', []).directive('sdMediaQuery', MediaQuery);
 /***/ }),
-/* 768 */
+/* 769 */
 /***/ (function(module, exports, __webpack_require__) {
 "use strict";
-__webpack_require__(769);
+__webpack_require__(770);
 /***/ }),
-/* 769 */
+/* 770 */
 /***/ (function(module, exports) {
 // removed by extract-text-webpack-plugin