@livetiles/reach-components-react 0.3.87 → 0.3.89
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.
- package/de.async.esm.esm.js +5 -4
- package/en.async.esm.esm.js +1 -0
- package/es.async.esm.esm.js +1 -0
- package/fr.async.esm.esm.js +1 -0
- package/index.esm2.js +27 -22
- package/index.umd.js +43 -29
- package/it.async.esm.esm.js +1 -0
- package/ja.async.esm.esm.js +1 -0
- package/package.json +1 -1
- package/tr.async.esm.esm.js +1 -0
- package/zh-CN.async.esm.esm.js +1 -0
- package/zh-TW.async.esm.esm.js +1 -0
package/index.esm2.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as jsx$1, Fragment, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import require$$0$6 from 'events';
|
|
3
3
|
import * as React$d from 'react';
|
|
4
4
|
import React__default, { useContext, createContext, useMemo, useRef as useRef$1, useEffect as useEffect$1, useState as useState$2, useCallback, useReducer, Children, isValidElement, cloneElement, Component, lazy as lazy$1, Suspense, forwardRef, createElement as createElement$a, useLayoutEffect, useImperativeHandle, Fragment as Fragment$1 } from 'react';
|
|
5
|
-
import { PersonaInitialsColor, MessageBarType, loadTheme, IconButton as IconButton$1, Link as Link$3, MessageBar, ActionButton as ActionButton$1, TextField, PrimaryButton, DefaultButton, Icon, Image as Image$1, Spinner as Spinner$1, Toggle, ChoiceGroup as ChoiceGroup$1, Persona, Checkbox, Label as Label$2, Dropdown as Dropdown$1, ProgressIndicator, Shimmer, ShimmerElementsGroup, ShimmerElementType, DirectionalHint, PersonaSize,
|
|
5
|
+
import { PersonaInitialsColor, MessageBarType, loadTheme, IconButton as IconButton$1, Link as Link$3, MessageBar, ActionButton as ActionButton$1, TextField, PrimaryButton, DefaultButton, Icon, Image as Image$1, Spinner as Spinner$1, Toggle, ChoiceGroup as ChoiceGroup$1, TooltipHost as TooltipHost$1, Persona, Checkbox, Label as Label$2, Dropdown as Dropdown$1, ProgressIndicator, Shimmer, ShimmerElementsGroup, ShimmerElementType, DirectionalHint, PersonaSize, DialogType, Dialog as Dialog$1, DialogFooter, SelectionMode, NormalPeoplePicker, FocusTrapCallout, SpinnerSize, SearchBox as SearchBox$1, ResponsiveMode, ImageFit, Layer as Layer$1, initializeIcons, Breadcrumb, CommandBarButton, DatePicker, DayOfWeek } from 'office-ui-fabric-react';
|
|
6
6
|
import * as ReactRouterDom from 'react-router-dom';
|
|
7
7
|
import { useHistory, useRouteMatch, useLocation as useLocation$1, Link as Link$4, NavLink, MemoryRouter, Switch, Route } from 'react-router-dom';
|
|
8
8
|
import require$$0$7 from 'react-is';
|
|
@@ -48409,10 +48409,15 @@ var applyFocusStyle = function applyFocusStyle(input) {
|
|
|
48409
48409
|
};
|
|
48410
48410
|
|
|
48411
48411
|
var templateObject_1$4$3;
|
|
48412
|
-
|
|
48412
|
+
|
|
48413
|
+
var SafariScrollbarStyle = function SafariScrollbarStyle(isHorizontal) {
|
|
48414
|
+
return css$2(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n &::-webkit-scrollbar {\n display: inherit;\n ", "\n }\n\n &:hover::-webkit-scrollbar {\n ", "\n width: ", ";\n }\n\n &:hover::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);\n border-radius: 8px;\n -webkit-border-radius: 8px;\n }\n\n &:hover::-webkit-scrollbar-thumb {\n -webkit-border-radius: 10px;\n border-radius: 10px;\n background: rgba(100, 100, 100, 0.8);\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\n }\n"], ["\n &::-webkit-scrollbar {\n display: inherit;\n ", "\n }\n\n &:hover::-webkit-scrollbar {\n ", "\n width: ", ";\n }\n\n &:hover::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);\n border-radius: 8px;\n -webkit-border-radius: 8px;\n }\n\n &:hover::-webkit-scrollbar-thumb {\n -webkit-border-radius: 10px;\n border-radius: 10px;\n background: rgba(100, 100, 100, 0.8);\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\n }\n"])), isHorizontal && 'height: 10px;', isHorizontal && 'height: 10px;', isHorizontal ? '100%' : '10px');
|
|
48415
|
+
};
|
|
48416
|
+
|
|
48417
|
+
var GlobalStyles = createGlobalStyle(templateObject_2$2$3 || (templateObject_2$2$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n\n .browser-name-safari {\n .lt-reach-force-safari-h-scrollbar {\n ", "\n }\n\n .lt-reach-force-safari-v-scrollbar {\n ", "\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n\n .browser-name-safari {\n .lt-reach-force-safari-h-scrollbar {\n ", "\n }\n\n .lt-reach-force-safari-v-scrollbar {\n ", "\n }\n }\n"])), function (p) {
|
|
48413
48418
|
return p.theme.textColors.default;
|
|
48414
|
-
});
|
|
48415
|
-
var templateObject_1$3$3;
|
|
48419
|
+
}, SafariScrollbarStyle(true), SafariScrollbarStyle());
|
|
48420
|
+
var templateObject_1$3$3, templateObject_2$2$3;
|
|
48416
48421
|
var reachClassNames = classNames(getBrowserInfoClassnames(), 'lt-reach');
|
|
48417
48422
|
var SortDirection;
|
|
48418
48423
|
|
|
@@ -77478,7 +77483,7 @@ var domIterables$1={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRec
|
|
|
77478
77483
|
if(CollectionPrototype$2[ITERATOR$3$1]!==ArrayValues$1)try{createNonEnumerableProperty$1$1(CollectionPrototype$2,ITERATOR$3$1,ArrayValues$1);}catch(error){CollectionPrototype$2[ITERATOR$3$1]=ArrayValues$1;}if(!CollectionPrototype$2[TO_STRING_TAG$2$1]){createNonEnumerableProperty$1$1(CollectionPrototype$2,TO_STRING_TAG$2$1,COLLECTION_NAME$1);}if(DOMIterables$1[COLLECTION_NAME$1])for(var METHOD_NAME$1 in ArrayIteratorMethods$1){// some Chrome versions have non-configurable methods on DOMTokenList
|
|
77479
77484
|
if(CollectionPrototype$2[METHOD_NAME$1]!==ArrayIteratorMethods$1[METHOD_NAME$1])try{createNonEnumerableProperty$1$1(CollectionPrototype$2,METHOD_NAME$1,ArrayIteratorMethods$1[METHOD_NAME$1]);}catch(error){CollectionPrototype$2[METHOD_NAME$1]=ArrayIteratorMethods$1[METHOD_NAME$1];}}}}var Tooltip=function Tooltip(props){var formatMessage=useIntl().formatMessage;return jsx$1(TooltipHost$1,__assign$1({},props,{// the className shouldn't be applied to this element directly, but instead to the host
|
|
77480
77485
|
// using the hostClassName property
|
|
77481
|
-
className:undefined,role:props.role,onClick:props.onClick,hostClassName:props.className,content:!props.resourceKey&&!props.text?null:props.text||formatMessage({id:props.resourceKey},props.values||{}),calloutProps:{calloutWidth:props.width,hidden:props.hidden}},{children:props.children}),void 0);};var HighlightBubble=function HighlightBubble(style){return css$2(templateObject_5$e$1||(templateObject_5$e$1=__makeTemplateObject$1(["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "],["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "])),(style===null||style===void 0?void 0:style.backgroundColor)?css$2(templateObject_1$1e$1||(templateObject_1$1e$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),style.backgroundColor):css$2(templateObject_2$L$1||(templateObject_2$L$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),defaultPageBackgroundColor),(style===null||style===void 0?void 0:style.color)?css$2(templateObject_3$v$1||(templateObject_3$v$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),style.color):css$2(templateObject_4$i$1||(templateObject_4$i$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.textColors.default;}),spacingXxs,spacingS,spacingM);};var templateObject_1$1e$1,templateObject_2$L$1,templateObject_3$v$1,templateObject_4$i$1,templateObject_5$e$1;var EditorHighlight=function EditorHighlight(_a){var tooltipResourceKey=_a.tooltipResourceKey,className=_a.className,props=__rest$1(_a,["tooltipResourceKey","className"]);return jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey,className:className},{children:jsx$1(EditorHighlightBubble,__assign$1({},props,{"data-highlight-bubble":true}),void 0)}),void 0);};var EditorHighlightBubble=_styled.div.withConfig({displayName:"EditorHighlight__EditorHighlightBubble",componentId:"sc-1d6ahk1-0"})(templateObject_1$1d$1||(templateObject_1$1d$1=__makeTemplateObject$1(["\n ",";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ","px ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ","px;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"],["\n ",";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ","px ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ","px;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"])),HighlightBubble(),spacingXs,spacingM-5,fontSizeSmall,function(_a){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});_styled.div.withConfig({displayName:"EditorHighlight__ChannelsEditorBubbleHost",componentId:"sc-1d6ahk1-1"})(templateObject_2$K$1||(templateObject_2$K$1=__makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"],["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"])),function(_a){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});var templateObject_1$1d$1,templateObject_2$K$1;var EditorSettingsDialog=function EditorSettingsDialog(_a){var showDialog=_a.showDialog,onClose=_a.onClose,onClosed=_a.onClosed,handleSave=_a.handleSave,titleResource=_a.titleResource,disableSave=_a.disableSave,saveButtonResourceId=_a.saveButtonResourceId,children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxs(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true,onDismissed:onClosed},dialogContentProps:{type:DialogType.normal,title:formatMessage({id:titleResource})},onDismiss:onClose},{children:[jsx$1(Host$A$1,__assign$1({className:className},{children:children}),void 0),jsxs(DialogFooter,{children:[jsx$1(DefaultButton,__assign$1({onClick:onClose,"data-button":"cancel"},{children:jsx$1(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsx$1(PrimaryButton,__assign$1({disabled:disableSave,onClick:handleSave,"data-button":"save"},{children:jsx$1(FormattedMessage$1,{id:saveButtonResourceId||'Generic.Save'},void 0)}),void 0)]},void 0)]}),void 0);};var Host$A$1=_styled.div.withConfig({displayName:"EditorSettingsDialog__Host",componentId:"sc-132lfuo-0"})(templateObject_1$1c$1||(templateObject_1$1c$1=__makeTemplateObject$1(["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ","px;\n }\n"],["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ","px;\n }\n"])),spacingM);var EditorSettingsDialogWithFixedWidth=_styled(EditorSettingsDialog).withConfig({displayName:"EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",componentId:"sc-132lfuo-1"})(templateObject_2$J$1||(templateObject_2$J$1=__makeTemplateObject$1(["\n width: 360px;\n"],["\n width: 360px;\n"])));var templateObject_1$1c$1,templateObject_2$J$1;var IconButton=_styled(IconButton$1).withConfig({displayName:"IconButton",componentId:"sc-1mokw5y-0"})(templateObject_1$1b$1||(templateObject_1$1b$1=__makeTemplateObject$1(["\n && {\n &:not([disabled]) {\n color: ",";\n i {\n color: inherit;\n }\n }\n }\n"],["\n && {\n &:not([disabled]) {\n color: ",";\n i {\n color: inherit;\n }\n }\n }\n"])),function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$1b$1;var GutterToggle=function GutterToggle(_a){var checked=_a.checked,readOnly=_a.readOnly,onChange=_a.onChange,className=_a.className,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,ariaLabelResourceKey=_a.ariaLabelResourceKey;var formatMessage=useIntl().formatMessage;var name=checked?activeIconName||iconName||'CheckboxComposite':iconName||'Checkbox';return jsx$1(Host$z$1,__assign$1({className:className},{children:!readOnly?jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:jsx$1(ToggleIcon,{iconProps:{iconName:name},onClick:function(){return onChange(!checked);},ariaLabel:ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):null},void 0)}),void 0):jsx$1(Spacer,{},void 0)}),void 0);};var Host$z$1=_styled.div.withConfig({displayName:"GutterToggle__Host",componentId:"sc-1aya63j-0"})(templateObject_1$1a$1||(templateObject_1$1a$1=__makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"],["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));var ToggleIcon=_styled(IconButton).withConfig({displayName:"GutterToggle__ToggleIcon",componentId:"sc-1aya63j-1"})(templateObject_2$I$1||(templateObject_2$I$1=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ","px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ","px;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n font-size: ","px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ","px;\n }\n }\n"])),fontSizeMedium,fontSizeMedium+2);var Spacer=_styled.div.withConfig({displayName:"GutterToggle__Spacer",componentId:"sc-1aya63j-2"})(templateObject_3$u$1||(templateObject_3$u$1=__makeTemplateObject$1(["\n width: 22px;\n"],["\n width: 22px;\n"])));var templateObject_1$1a$1,templateObject_2$I$1,templateObject_3$u$1;var LinkStyle$1=css$2(templateObject_1$19$1||(templateObject_1$19$1=__makeTemplateObject$1(["\n color: ",";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ",";\n }\n"],["\n color: ",";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ",";\n }\n"])),function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.accent;});var ExternalLink$2=_styled(Link$3).withConfig({displayName:"Link__ExternalLink",componentId:"sc-5x4ijx-0"})(templateObject_2$H$1||(templateObject_2$H$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var Link=_styled(Link$4).withConfig({displayName:"Link",componentId:"sc-5x4ijx-1"})(templateObject_3$t$1||(templateObject_3$t$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var templateObject_1$19$1,templateObject_2$H$1,templateObject_3$t$1;var NotificationBar=function NotificationBar(){var hideNotification=useNotificationContext().hideNotification;var _a=useContext(NotificationBarContext),isNotificationBarVisible=_a.isNotificationBarVisible,state=__rest$1(_a,["isNotificationBarVisible"]);var formatMessage=useIntl().formatMessage;var hasMessage=state.messageId||state.text;if(!isNotificationBarVisible){return null;}return jsx$1(Host$y$1,__assign$1({className:"notification-wrapper","data-notification-bar":true},{children:jsx$1(StyledMessageBar,__assign$1({messageBarType:state.messageBarType,className:state.className,actions:state.actions,onDismiss:function(){return hideNotification();},isMultiline:false,dismissButtonAriaLabel:formatMessage({id:'AriaLabel.closeNotificationBarButton'})},{children:hasMessage&&jsx$1(Tooltip,__assign$1({text:state.text,resourceKey:state.messageId,values:state.messageValues},{children:state.text||jsx$1(FormattedMessage$1,{id:state.messageId,values:state.messageValues||{}},void 0)}),void 0)}),void 0)}),void 0);};var Host$y$1=_styled.div.withConfig({displayName:"NotificationBar__Host",componentId:"sc-17dep9g-0"})(templateObject_1$18$1||(templateObject_1$18$1=__makeTemplateObject$1(["\n display: block;\n position: relative;\n z-index: 101;\n"],["\n display: block;\n position: relative;\n z-index: 101;\n"])));var StyledMessageBar=_styled(MessageBar).withConfig({displayName:"NotificationBar__StyledMessageBar",componentId:"sc-17dep9g-1"})(templateObject_2$G$1||(templateObject_2$G$1=__makeTemplateObject$1(["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ","px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ","px;\n }\n\n .ms-MessageBar-icon {\n font-size: ","px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ","px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ","px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ","px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ","px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ","px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ","px;\n font-weight: bold;\n }\n }\n }\n"],["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ","px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ","px;\n }\n\n .ms-MessageBar-icon {\n font-size: ","px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ","px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ","px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ","px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ","px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ","px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ","px;\n font-weight: bold;\n }\n }\n }\n"])),fontSizeMedium+2,fontSizeNormal,fontSizeMedium,fontSizeMedium,fontSizeNormal,fontSizeMedium,fontSizeSmall,spacingL,fontSizeMedium+2);var templateObject_1$18$1,templateObject_2$G$1;var PeoplePicker=function PeoplePicker(props){var _a;var formatMessage=useIntl().formatMessage;var features=useFeatures();var user=useCurrentUser();var _b=useAccountApi(),searchAccounts=_b.searchAccounts,getUserAvatarUrl=_b.getUserAvatarUrl;var inputRef=useRef$1();var windowSize=useWindowSize$2();useEffect$1(function(){if(props.autoFocus&&inputRef&&inputRef.current){setTimeout(function(){inputRef.current.focus();});}},[inputRef,props.autoFocus]);var hasMultipleDirectories=((_a=user.subscription.directories)===null||_a===void 0?void 0:_a.length)>1;var isMulti=!props.selectionMode||props.selectionMode===SelectionMode.multiple;var selectedItems=props.selectedItems||[];var doInitialSearchOnlyLocal=hasMultipleDirectories;var pickerProps={defaultSelectedItems:(props.defaultSelectedItems||[]).map(function(a){return toPersona(a);}),resolveDelay:500,onResolveSuggestions:function(search){return resolveAccounts(search,doInitialSearchOnlyLocal);},onGetMoreResults:function(search){return resolveAccounts(search,false);},getTextFromItem:function(persona){return persona.text;},onChange:function(items){return handleChange(items);},pickerSuggestionsProps:{noResultsFoundText:formatMessage({id:'Generic.noResultsFound'}),searchForMoreText:doInitialSearchOnlyLocal&&!props.localOnly?formatMessage({id:'Generic.searchInDirectories'}):undefined,suggestionsContainerAriaLabel:formatMessage({id:'AriaLabel.peoplePicker.suggestionsContainer'})},disabled:props.disabled,pickerCalloutProps:{calloutMaxWidth:windowSize.width<maxScreenSize.small?300:0,className:'lt-reach-picker-callout'},inputProps:{id:props.inputId,required:props.required,'aria-required':props.required,'aria-label':props.inputAriaLabelResourceKey?formatMessage({id:props.inputAriaLabelResourceKey}):null},removeButtonAriaLabel:formatMessage({id:'AriaLabel.removeUserButton'})};if(props.onEmptyInputFocus){// only set onEmptyInputFocus if it's specified via props.
|
|
77486
|
+
className:undefined,role:props.role,onClick:props.onClick,hostClassName:props.className,content:!props.resourceKey&&!props.text?null:props.text||formatMessage({id:props.resourceKey},props.values||{}),calloutProps:{calloutWidth:props.width,hidden:props.hidden}},{children:props.children}),void 0);};var HighlightBubble=function HighlightBubble(style){return css$2(templateObject_5$e$1||(templateObject_5$e$1=__makeTemplateObject$1(["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "],["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "])),(style===null||style===void 0?void 0:style.backgroundColor)?css$2(templateObject_1$1e$1||(templateObject_1$1e$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),style.backgroundColor):css$2(templateObject_2$M$1||(templateObject_2$M$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),defaultPageBackgroundColor),(style===null||style===void 0?void 0:style.color)?css$2(templateObject_3$w$1||(templateObject_3$w$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),style.color):css$2(templateObject_4$j$1||(templateObject_4$j$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.textColors.default;}),spacingXxs,spacingS,spacingM);};var templateObject_1$1e$1,templateObject_2$M$1,templateObject_3$w$1,templateObject_4$j$1,templateObject_5$e$1;var EditorHighlight=function EditorHighlight(_a){var tooltipResourceKey=_a.tooltipResourceKey,className=_a.className,props=__rest$1(_a,["tooltipResourceKey","className"]);return jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey,className:className},{children:jsx$1(EditorHighlightBubble,__assign$1({},props,{"data-highlight-bubble":true}),void 0)}),void 0);};var EditorHighlightBubble=_styled.div.withConfig({displayName:"EditorHighlight__EditorHighlightBubble",componentId:"sc-1d6ahk1-0"})(templateObject_1$1d$1||(templateObject_1$1d$1=__makeTemplateObject$1(["\n ",";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ","px ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ","px;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"],["\n ",";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ","px ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ","px;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"])),HighlightBubble(),spacingXs,spacingM-5,fontSizeSmall,function(_a){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});_styled.div.withConfig({displayName:"EditorHighlight__ChannelsEditorBubbleHost",componentId:"sc-1d6ahk1-1"})(templateObject_2$L$1||(templateObject_2$L$1=__makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"],["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"])),function(_a){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});var templateObject_1$1d$1,templateObject_2$L$1;var EditorSettingsDialog=function EditorSettingsDialog(_a){var showDialog=_a.showDialog,onClose=_a.onClose,onClosed=_a.onClosed,handleSave=_a.handleSave,titleResource=_a.titleResource,disableSave=_a.disableSave,saveButtonResourceId=_a.saveButtonResourceId,children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxs(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true,onDismissed:onClosed},dialogContentProps:{type:DialogType.normal,title:formatMessage({id:titleResource})},onDismiss:onClose},{children:[jsx$1(Host$A$1,__assign$1({className:className},{children:children}),void 0),jsxs(DialogFooter,{children:[jsx$1(DefaultButton,__assign$1({onClick:onClose,"data-button":"cancel"},{children:jsx$1(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsx$1(PrimaryButton,__assign$1({disabled:disableSave,onClick:handleSave,"data-button":"save"},{children:jsx$1(FormattedMessage$1,{id:saveButtonResourceId||'Generic.Save'},void 0)}),void 0)]},void 0)]}),void 0);};var Host$A$1=_styled.div.withConfig({displayName:"EditorSettingsDialog__Host",componentId:"sc-132lfuo-0"})(templateObject_1$1c$1||(templateObject_1$1c$1=__makeTemplateObject$1(["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ","px;\n }\n"],["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ","px;\n }\n"])),spacingM);var EditorSettingsDialogWithFixedWidth=_styled(EditorSettingsDialog).withConfig({displayName:"EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",componentId:"sc-132lfuo-1"})(templateObject_2$K$1||(templateObject_2$K$1=__makeTemplateObject$1(["\n width: 360px;\n"],["\n width: 360px;\n"])));var templateObject_1$1c$1,templateObject_2$K$1;var IconButton=_styled(IconButton$1).withConfig({displayName:"IconButton",componentId:"sc-1mokw5y-0"})(templateObject_1$1b$1||(templateObject_1$1b$1=__makeTemplateObject$1(["\n && {\n &:not([disabled]) {\n color: ",";\n i {\n color: inherit;\n }\n }\n }\n"],["\n && {\n &:not([disabled]) {\n color: ",";\n i {\n color: inherit;\n }\n }\n }\n"])),function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$1b$1;var GutterToggle=function GutterToggle(_a){var checked=_a.checked,readOnly=_a.readOnly,onChange=_a.onChange,className=_a.className,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,ariaLabelResourceKey=_a.ariaLabelResourceKey;var formatMessage=useIntl().formatMessage;var name=checked?activeIconName||iconName||'CheckboxComposite':iconName||'Checkbox';return jsx$1(Host$z$1,__assign$1({className:className},{children:!readOnly?jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:jsx$1(ToggleIcon,{iconProps:{iconName:name},onClick:function(){return onChange(!checked);},ariaLabel:ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):null},void 0)}),void 0):jsx$1(Spacer,{},void 0)}),void 0);};var Host$z$1=_styled.div.withConfig({displayName:"GutterToggle__Host",componentId:"sc-1aya63j-0"})(templateObject_1$1a$1||(templateObject_1$1a$1=__makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"],["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));var ToggleIcon=_styled(IconButton).withConfig({displayName:"GutterToggle__ToggleIcon",componentId:"sc-1aya63j-1"})(templateObject_2$J$1||(templateObject_2$J$1=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ","px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ","px;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n font-size: ","px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ","px;\n }\n }\n"])),fontSizeMedium,fontSizeMedium+2);var Spacer=_styled.div.withConfig({displayName:"GutterToggle__Spacer",componentId:"sc-1aya63j-2"})(templateObject_3$v$1||(templateObject_3$v$1=__makeTemplateObject$1(["\n width: 22px;\n"],["\n width: 22px;\n"])));var templateObject_1$1a$1,templateObject_2$J$1,templateObject_3$v$1;var LinkStyle$1=css$2(templateObject_1$19$1||(templateObject_1$19$1=__makeTemplateObject$1(["\n color: ",";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ",";\n }\n"],["\n color: ",";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ",";\n }\n"])),function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.accent;});var ExternalLink$2=_styled(Link$3).withConfig({displayName:"Link__ExternalLink",componentId:"sc-5x4ijx-0"})(templateObject_2$I$1||(templateObject_2$I$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var Link=_styled(Link$4).withConfig({displayName:"Link",componentId:"sc-5x4ijx-1"})(templateObject_3$u$1||(templateObject_3$u$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var templateObject_1$19$1,templateObject_2$I$1,templateObject_3$u$1;var NotificationBar=function NotificationBar(){var hideNotification=useNotificationContext().hideNotification;var _a=useContext(NotificationBarContext),isNotificationBarVisible=_a.isNotificationBarVisible,state=__rest$1(_a,["isNotificationBarVisible"]);var formatMessage=useIntl().formatMessage;var hasMessage=state.messageId||state.text;if(!isNotificationBarVisible){return null;}return jsx$1(Host$y$1,__assign$1({className:"notification-wrapper","data-notification-bar":true},{children:jsx$1(StyledMessageBar,__assign$1({messageBarType:state.messageBarType,className:state.className,actions:state.actions,onDismiss:function(){return hideNotification();},isMultiline:false,dismissButtonAriaLabel:formatMessage({id:'AriaLabel.closeNotificationBarButton'})},{children:hasMessage&&jsx$1(Tooltip,__assign$1({text:state.text,resourceKey:state.messageId,values:state.messageValues},{children:state.text||jsx$1(FormattedMessage$1,{id:state.messageId,values:state.messageValues||{}},void 0)}),void 0)}),void 0)}),void 0);};var Host$y$1=_styled.div.withConfig({displayName:"NotificationBar__Host",componentId:"sc-17dep9g-0"})(templateObject_1$18$1||(templateObject_1$18$1=__makeTemplateObject$1(["\n display: block;\n position: relative;\n z-index: 101;\n"],["\n display: block;\n position: relative;\n z-index: 101;\n"])));var StyledMessageBar=_styled(MessageBar).withConfig({displayName:"NotificationBar__StyledMessageBar",componentId:"sc-17dep9g-1"})(templateObject_2$H$1||(templateObject_2$H$1=__makeTemplateObject$1(["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ","px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ","px;\n }\n\n .ms-MessageBar-icon {\n font-size: ","px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ","px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ","px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ","px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ","px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ","px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ","px;\n font-weight: bold;\n }\n }\n }\n"],["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ","px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ","px;\n }\n\n .ms-MessageBar-icon {\n font-size: ","px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ","px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ","px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ","px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ","px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ","px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ","px;\n font-weight: bold;\n }\n }\n }\n"])),fontSizeMedium+2,fontSizeNormal,fontSizeMedium,fontSizeMedium,fontSizeNormal,fontSizeMedium,fontSizeSmall,spacingL,fontSizeMedium+2);var templateObject_1$18$1,templateObject_2$H$1;var PeoplePicker=function PeoplePicker(props){var _a;var formatMessage=useIntl().formatMessage;var features=useFeatures();var user=useCurrentUser();var _b=useAccountApi(),searchAccounts=_b.searchAccounts,getUserAvatarUrl=_b.getUserAvatarUrl;var inputRef=useRef$1();var windowSize=useWindowSize$2();useEffect$1(function(){if(props.autoFocus&&inputRef&&inputRef.current){setTimeout(function(){inputRef.current.focus();});}},[inputRef,props.autoFocus]);var hasMultipleDirectories=((_a=user.subscription.directories)===null||_a===void 0?void 0:_a.length)>1;var isMulti=!props.selectionMode||props.selectionMode===SelectionMode.multiple;var selectedItems=props.selectedItems||[];var doInitialSearchOnlyLocal=hasMultipleDirectories;var pickerProps={defaultSelectedItems:(props.defaultSelectedItems||[]).map(function(a){return toPersona(a);}),resolveDelay:500,onResolveSuggestions:function(search){return resolveAccounts(search,doInitialSearchOnlyLocal);},onGetMoreResults:function(search){return resolveAccounts(search,false);},getTextFromItem:function(persona){return persona.text;},onChange:function(items){return handleChange(items);},pickerSuggestionsProps:{noResultsFoundText:formatMessage({id:'Generic.noResultsFound'}),searchForMoreText:doInitialSearchOnlyLocal&&!props.localOnly?formatMessage({id:'Generic.searchInDirectories'}):undefined,suggestionsContainerAriaLabel:formatMessage({id:'AriaLabel.peoplePicker.suggestionsContainer'})},disabled:props.disabled,pickerCalloutProps:{calloutMaxWidth:windowSize.width<maxScreenSize.small?300:0,className:'lt-reach-picker-callout'},inputProps:{id:props.inputId,required:props.required,'aria-required':props.required,'aria-label':props.inputAriaLabelResourceKey?formatMessage({id:props.inputAriaLabelResourceKey}):null},removeButtonAriaLabel:formatMessage({id:'AriaLabel.removeUserButton'})};if(props.onEmptyInputFocus){// only set onEmptyInputFocus if it's specified via props.
|
|
77482
77487
|
// Otherwise an empty result popup will be shown on focus.
|
|
77483
77488
|
pickerProps.onEmptyResolveSuggestions=function(){return prepareEmptyInputFocusItems(props.onEmptyInputFocus());};}if(props.placeholderStringResourceKey&&selectedItems.length===0){pickerProps.inputProps.placeholder=formatMessage({id:props.placeholderStringResourceKey});}if(props.selectedItems){pickerProps.selectedItems=selectedItems.map(function(a){return toPersona(a);});}return jsx$1(Container$1$1,__assign$1({className:classNames(props.className,'people-picker')},{children:jsx$1(NormalPeoplePicker,__assign$1({},pickerProps,{componentRef:inputRef,itemLimit:!isMulti?1:undefined}),void 0)}),void 0);function handleChange(selection){var updatedPeople=selection.map(function(p){return toAccount(p);});if(props.onChange){props.onChange(updatedPeople);}}function toPersona(account){var mail=isHiddenMail(account.mail)?null:account.mail;var upn=isHiddenMail(account.userPrincipalName)?null:account.userPrincipalName;var initials=getInitials(account.displayName||account.mail||account.userPrincipalName);var accountIdentifier=account.type===AccountType.User?upn:account.type===AccountType.Group?mail:null;var result={id:account.id,tokenUniqueId:account.tokenUniqueId,tenantId:account.tenantId,userPrincipalName:account.userPrincipalName,text:account.displayName||account.mail,secondaryText:(accountIdentifier||'')+(mail&&mail!==accountIdentifier?" ("+mail+")":''),tertiaryText:mail,imageInitials:initials,initialsColor:getPersonaInitialsColor(initials),key:accountIdentifier,accountType:account.type,authenticationType:account.authenticationType};if(features.avatars){getUserAvatarUrl(account.userPrincipalName).subscribe(function(url){return result.imageUrl=url;});}return result;}function toAccount(persona){return {id:persona.id,tokenUniqueId:persona.tokenUniqueId,tenantId:persona.tenantId,displayName:persona.text,userPrincipalName:persona.accountType!==AccountType.Group?persona.userPrincipalName:null,mail:isHiddenMail(persona.tertiaryText)?null:persona.tertiaryText,type:persona.accountType,authenticationType:persona.authenticationType};}function prepareEmptyInputFocusItems(accounts){if(isArray$3$1(accounts)){return excludeSelectedItems(accounts).map(toPersona);}return accounts.then(function(items){return excludeSelectedItems(items).map(toPersona);});}function resolveAccounts(search,localOnly){return __awaiter$1(this,void 0,void 0,function(){var emailAsAccount,result,items;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!search&&search.length===0){return [2/*return*/,[]];}emailAsAccount=props.allowMailItems&&isValidEmail(search)&&{mail:search,userPrincipalName:search,displayName:search,type:AccountType.User};_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,searchAccounts({search:search,type:props.accountType,includePendingInvitationUsers:props.includePendingInvitationUsers,includePendingRegistrationUsers:props.includePendingRegistrationUsers,localOnly:props.localOnly||localOnly})];case 2:result=_a.sent();if(emailAsAccount&&result.every(function(a){return !haveSameUpnOrMail(a,emailAsAccount);})){result.push(emailAsAccount);}if(props.additionalSearch){items=props.additionalSearch(search);if(items){result=result.concat(items);}}return [2/*return*/,excludeSelectedItems(result).map(toPersona)];case 3:_a.sent();return [2/*return*/,emailAsAccount&&[emailAsAccount].map(toPersona)];case 4:return [2/*return*/];}});});}function haveSameUpnOrMail(a,emailAsAccount){return (a.userPrincipalName||'').toLowerCase()===emailAsAccount.userPrincipalName.toLowerCase()||(a.mail||'').toLowerCase()===emailAsAccount.mail.toLowerCase();}function excludeSelectedItems(suggestions){if(!props.selectedItems&&!props.defaultSelectedItems&&!props.excludedItems){return suggestions;}var excludedItems=(props.excludedItems||[]).concat(props.selectedItems||props.defaultSelectedItems||[]);return suggestions.filter(function(s){return excludedItems.every(function(i){return !isSameAccount(i,s);});});}};function isSameAccount(a,b){if(a.id&&b.id){return a.id===b.id;}if(a.tokenUniqueId&&b.tokenUniqueId){return a.tokenUniqueId===b.tokenUniqueId;}return a.userPrincipalName===b.userPrincipalName;}function isArray$3$1(accounts){return typeof accounts.length!=='undefined';}var Container$1$1=_styled.div.withConfig({displayName:"PeoplePicker__Container",componentId:"sc-1if6guq-0"})(templateObject_1$17$1||(templateObject_1$17$1=__makeTemplateObject$1(["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"],["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"])));var templateObject_1$17$1;var $$5$1=_export$1;var getOwnPropertyDescriptor$1$1=objectGetOwnPropertyDescriptor$1.f;var toLength$5$1=toLength$8$1;var notARegExp$3=notARegexp$2;var requireObjectCoercible$5$1=requireObjectCoercible$9$1;var correctIsRegExpLogic$3=correctIsRegexpLogic$2;var nativeStartsWith$1=''.startsWith;var min$2$1=Math.min;var CORRECT_IS_REGEXP_LOGIC$1=correctIsRegExpLogic$3('startsWith');// https://github.com/zloirock/core-js/pull/702
|
|
77484
77489
|
var MDN_POLYFILL_BUG$1=!CORRECT_IS_REGEXP_LOGIC$1&&!!function(){var descriptor=getOwnPropertyDescriptor$1$1(String.prototype,'startsWith');return descriptor&&!descriptor.writable;}();// `String.prototype.startsWith` method
|
|
@@ -77488,7 +77493,7 @@ $$5$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG$1&&!CORRECT_IS_REGEXP
|
|
|
77488
77493
|
var regexpFlags$1$2=function(){var that=anObject$8$1(this);var result='';if(that.global)result+='g';if(that.ignoreCase)result+='i';if(that.multiline)result+='m';if(that.dotAll)result+='s';if(that.unicode)result+='u';if(that.sticky)result+='y';return result;};var redefine$4$1=redefine$7$1.exports;var anObject$7$1=anObject$e$1;var fails$7$1=fails$h$1;var flags$2=regexpFlags$1$2;var TO_STRING$2='toString';var RegExpPrototype$1$1=RegExp.prototype;var nativeToString$2=RegExpPrototype$1$1[TO_STRING$2];var NOT_GENERIC$2=fails$7$1(function(){return nativeToString$2.call({source:'a',flags:'b'})!='/a/b';});// FF44- RegExp#toString has a wrong name
|
|
77489
77494
|
var INCORRECT_NAME$2=nativeToString$2.name!=TO_STRING$2;// `RegExp.prototype.toString` method
|
|
77490
77495
|
// https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring
|
|
77491
|
-
if(NOT_GENERIC$2||INCORRECT_NAME$2){redefine$4$1(RegExp.prototype,TO_STRING$2,function toString(){var R=anObject$7$1(this);var p=String(R.source);var rf=R.flags;var f=String(rf===undefined&&R instanceof RegExp&&!('flags'in RegExpPrototype$1$1)?flags$2.call(R):rf);return '/'+p+'/'+f;},{unsafe:true});}var AttachedMediaDownloadLink=function AttachedMediaDownloadLink(_a){var fileName=_a.fileName,url=_a.url;return jsx$1(Host$x$1,__assign$1({href:url,target:"_blank",download:fileName,onMouseDown:function(e){return e.preventDefault();}},{children:jsx$1("span",{children:fileName},void 0)}),void 0);};var Host$x$1=_styled.a.withConfig({displayName:"AttachedMediaDownloadLink__Host",componentId:"sc-8hqs4q-0"})(templateObject_1$16$1||(templateObject_1$16$1=__makeTemplateObject$1(["\n margin-bottom: ","px;\n &&& {\n width: 100%;\n display: block;\n color: ",";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ","px;\n }\n"],["\n margin-bottom: ","px;\n &&& {\n width: 100%;\n display: block;\n color: ",";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.accent;},spacingS);var templateObject_1$16$1;var AudioFile=function AudioFile(_a){var fileName=_a.fileName,url=_a.url;if(!url){return null;}return jsxs(Host$w$1,{children:[jsx$1(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxs("audio",__assign$1({controls:true,title:fileName,controlsList:"nodownload"},{children:[jsx$1("source",{src:url,type:"audio/mpeg"},void 0),jsx$1(FormattedMessage$1,{id:"Generic.audioReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isAudioFile(fileName){var fileType=lite.getType(fileName);return fileType&&fileType.toString().startsWith('audio/');}var Host$w$1=_styled.div.withConfig({displayName:"AudioFile__Host",componentId:"sc-wq9avv-0"})(templateObject_1$15$1||(templateObject_1$15$1=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var templateObject_1$15$1;_styled.div.withConfig({displayName:"GroupedListItemStyles__GroupedListItemHost",componentId:"sc-upeq9r-0"})(templateObject_1$14$1||(templateObject_1$14$1=__makeTemplateObject$1(["\n margin-top: ","px;\n &:first-child {\n margin-top: ","px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"],["\n margin-top: ","px;\n &:first-child {\n margin-top: ","px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"])),spacingL,spacingS);_styled.h2.withConfig({displayName:"GroupedListItemStyles__GroupedListItemTitle",componentId:"sc-upeq9r-1"})(templateObject_2$
|
|
77496
|
+
if(NOT_GENERIC$2||INCORRECT_NAME$2){redefine$4$1(RegExp.prototype,TO_STRING$2,function toString(){var R=anObject$7$1(this);var p=String(R.source);var rf=R.flags;var f=String(rf===undefined&&R instanceof RegExp&&!('flags'in RegExpPrototype$1$1)?flags$2.call(R):rf);return '/'+p+'/'+f;},{unsafe:true});}var AttachedMediaDownloadLink=function AttachedMediaDownloadLink(_a){var fileName=_a.fileName,url=_a.url;return jsx$1(Host$x$1,__assign$1({href:url,target:"_blank",download:fileName,onMouseDown:function(e){return e.preventDefault();}},{children:jsx$1("span",{children:fileName},void 0)}),void 0);};var Host$x$1=_styled.a.withConfig({displayName:"AttachedMediaDownloadLink__Host",componentId:"sc-8hqs4q-0"})(templateObject_1$16$1||(templateObject_1$16$1=__makeTemplateObject$1(["\n margin-bottom: ","px;\n &&& {\n width: 100%;\n display: block;\n color: ",";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ","px;\n }\n"],["\n margin-bottom: ","px;\n &&& {\n width: 100%;\n display: block;\n color: ",";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.accent;},spacingS);var templateObject_1$16$1;var AudioFile=function AudioFile(_a){var fileName=_a.fileName,url=_a.url;if(!url){return null;}return jsxs(Host$w$1,{children:[jsx$1(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxs("audio",__assign$1({controls:true,title:fileName,controlsList:"nodownload"},{children:[jsx$1("source",{src:url,type:"audio/mpeg"},void 0),jsx$1(FormattedMessage$1,{id:"Generic.audioReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isAudioFile(fileName){var fileType=lite.getType(fileName);return fileType&&fileType.toString().startsWith('audio/');}var Host$w$1=_styled.div.withConfig({displayName:"AudioFile__Host",componentId:"sc-wq9avv-0"})(templateObject_1$15$1||(templateObject_1$15$1=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var templateObject_1$15$1;_styled.div.withConfig({displayName:"GroupedListItemStyles__GroupedListItemHost",componentId:"sc-upeq9r-0"})(templateObject_1$14$1||(templateObject_1$14$1=__makeTemplateObject$1(["\n margin-top: ","px;\n &:first-child {\n margin-top: ","px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"],["\n margin-top: ","px;\n &:first-child {\n margin-top: ","px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"])),spacingL,spacingS);_styled.h2.withConfig({displayName:"GroupedListItemStyles__GroupedListItemTitle",componentId:"sc-upeq9r-1"})(templateObject_2$G$1||(templateObject_2$G$1=__makeTemplateObject$1(["\n margin: ","px 0 ","px 0;\n font-weight: normal;\n font-size: ","px;\n color: ",";\n"],["\n margin: ","px 0 ","px 0;\n font-weight: normal;\n font-size: ","px;\n color: ",";\n"])),spacingL,spacingL,fontSizeMedium+2,function(p){return p.theme.textColors.default;});var templateObject_1$14$1,templateObject_2$G$1;var AttachmentHost=function AttachmentHost(_a){var children=_a.children,deleteButton=_a.deleteButton,domIdentifier=_a.domIdentifier,backgroundColor=_a.backgroundColor,className=_a.className;return jsxs(Host$v$1,__assign$1({className:className},{children:[deleteButton&&jsx$1(ButtonHost,{children:deleteButton},void 0),jsx$1(Inner$2$2,__assign$1({"data-attachment":domIdentifier,backgroundColor:backgroundColor},{children:children}),void 0)]}),void 0);};var Inner$2$2=_styled.div.withConfig({displayName:"AttachmentHost__Inner",componentId:"sc-mjwmvo-0"})(templateObject_1$13$1||(templateObject_1$13$1=__makeTemplateObject$1(["\n width: auto;\n border-radius: ","px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ","\n"],["\n width: auto;\n border-radius: ","px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ","\n"])),attachmentRoundedCornerSize,function(p){return p.backgroundColor?"background-color: "+p.backgroundColor+";":"background-color: "+p.theme.palette.white+";";});var ButtonHost=_styled.div.withConfig({displayName:"AttachmentHost__ButtonHost",componentId:"sc-mjwmvo-1"})(templateObject_2$F$1||(templateObject_2$F$1=__makeTemplateObject$1(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ",";\n border-top-right-radius: ","px;\n border-bottom-left-radius: ","px;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ",";\n border-top-right-radius: ","px;\n border-bottom-left-radius: ","px;\n"])),function(p){return p.theme.palette.white;},attachmentRoundedCornerSize-1,attachmentRoundedCornerSize);var Host$v$1=_styled.div.withConfig({displayName:"AttachmentHost__Host",componentId:"sc-mjwmvo-2"})(templateObject_3$t$1||(templateObject_3$t$1=__makeTemplateObject$1(["\n position: relative;\n width: 100%;\n margin-top: ","px;\n"],["\n position: relative;\n width: 100%;\n margin-top: ","px;\n"])),spacingM);var templateObject_1$13$1,templateObject_2$F$1,templateObject_3$t$1;var ActionButton=_styled(ActionButton$1).withConfig({displayName:"ActionButton",componentId:"sc-hmhuj9-0"})(templateObject_1$12$1||(templateObject_1$12$1=__makeTemplateObject$1(["\n &&:not([disabled]) {\n color: ",";\n\n i {\n color: ",";\n }\n }\n"],["\n &&:not([disabled]) {\n color: ",";\n\n i {\n color: ",";\n }\n }\n"])),function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;},function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$12$1;var regexpStickyHelpers$2={};var fails$6$1=fails$h$1;// babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
|
|
77492
77497
|
// so we use an intermediate function.
|
|
77493
77498
|
function RE$2(s,f){return RegExp(s,f);}regexpStickyHelpers$2.UNSUPPORTED_Y=fails$6$1(function(){// babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
|
|
77494
77499
|
var re=RE$2('a','y');re.lastIndex=2;return re.exec('abcd')!=null;});regexpStickyHelpers$2.BROKEN_CARET=fails$6$1(function(){// https://bugzilla.mozilla.org/show_bug.cgi?id=773687
|
|
@@ -77634,8 +77639,8 @@ resolve:function resolve(x){return promiseResolve$2(this,x);}});$$3$1({target:PR
|
|
|
77634
77639
|
all:function all(iterable){var C=this;var capability=newPromiseCapability$3(C);var resolve=capability.resolve;var reject=capability.reject;var result=perform$2(function(){var $promiseResolve=aFunction$2$1(C.resolve);var values=[];var counter=0;var remaining=1;iterate$3(iterable,function(promise){var index=counter++;var alreadyCalled=false;values.push(undefined);remaining++;$promiseResolve.call(C,promise).then(function(value){if(alreadyCalled)return;alreadyCalled=true;values[index]=value;--remaining||resolve(values);},reject);});--remaining||resolve(values);});if(result.error)reject(result.value);return capability.promise;},// `Promise.race` method
|
|
77635
77640
|
// https://tc39.github.io/ecma262/#sec-promise.race
|
|
77636
77641
|
race:function race(iterable){var C=this;var capability=newPromiseCapability$3(C);var reject=capability.reject;var result=perform$2(function(){var $promiseResolve=aFunction$2$1(C.resolve);iterate$3(iterable,function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject);});});if(result.error)reject(result.value);return capability.promise;}});var smallScreenSpacing=spacingS;var smallMaxContentWidth=minScreenSize.small-spacingX;var mediumMaxContentWidth=minScreenSize.medium-spacingX;_styled.div.withConfig({displayName:"ListItemsContainer",componentId:"sc-1ml8hli-0"})(templateObject_1$11$1||(templateObject_1$11$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ","px;\n }\n\n @media all and (max-width: ","px) {\n max-width: calc(100vw - ","px);\n margin-left: ","px;\n margin-right: ","px;\n }\n\n @media all and (min-width: ","px) {\n margin: 0 auto;\n\n > * {\n margin-top: ","px;\n }\n\n max-width: ","px;\n }\n\n @media all and (min-width: ","px) {\n max-width: ","px;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ","px;\n }\n\n @media all and (max-width: ","px) {\n max-width: calc(100vw - ","px);\n margin-left: ","px;\n margin-right: ","px;\n }\n\n @media all and (min-width: ","px) {\n margin: 0 auto;\n\n > * {\n margin-top: ","px;\n }\n\n max-width: ","px;\n }\n\n @media all and (min-width: ","px) {\n max-width: ","px;\n }\n"])),spacingS,maxScreenSize.small,spacingM,smallScreenSpacing,smallScreenSpacing,minScreenSize.small,spacingM,smallMaxContentWidth,minScreenSize.medium,mediumMaxContentWidth);var templateObject_1$11$1;function getGoogleMapsSearchLink(name){if(!name){return null;}return "https://www.google.com/maps/search/?api=1&"+queryString.stringify({query:name});}function getExternalContentUrl(item,language){var _a;if(!item.useExternalContent){return null;}var content=item.contents[language];if((content===null||content===void 0?void 0:content.active)&&(content===null||content===void 0?void 0:content.externalUrl)){return content.externalUrl;}return (_a=Object.values(item.contents).find(function(v){return v.active&&v.externalUrl;}))===null||_a===void 0?void 0:_a.externalUrl;}var DefaultSubscriptionName='LiveTiles Reach';function getSubscriptionName(subscription){if(subscription===null||subscription===void 0?void 0:subscription.subscriptionName){return subscription.subscriptionName;}if(subscription===null||subscription===void 0?void 0:subscription.company){return subscription.company;}return DefaultSubscriptionName;}// https://stackoverflow.com/a/13653180
|
|
77637
|
-
var LeftBannerWrapper=_styled.div.withConfig({displayName:"Utils__LeftBannerWrapper",componentId:"sc-1qatfzk-0"})(templateObject_2$
|
|
77638
|
-
var templateObject_1$10$1,templateObject_2$
|
|
77642
|
+
var LeftBannerWrapper=_styled.div.withConfig({displayName:"Utils__LeftBannerWrapper",componentId:"sc-1qatfzk-0"})(templateObject_2$E$1||(templateObject_2$E$1=__makeTemplateObject$1(["\n width: 100%;\n height: calc(\n ((100vw - ","px * 2) * (1 / ","))\n );\n ","\n\n @media (min-width: ","px) {\n height: calc((","px * (1 / ",")));\n }\n\n @media (min-width: ","px) {\n width: ","px;\n height: 100%;\n }\n\n .video-view-container {\n height: 100%;\n }\n"],["\n width: 100%;\n height: calc(\n ((100vw - ","px * 2) * (1 / ","))\n );\n ","\n\n @media (min-width: ","px) {\n height: calc((","px * (1 / ",")));\n }\n\n @media (min-width: ","px) {\n width: ","px;\n height: 100%;\n }\n\n .video-view-container {\n height: 100%;\n }\n"])),smallScreenSpacing,bannerAspectRatio,function(p){return p.showPlaceholder&&css$2(templateObject_1$10$1||(templateObject_1$10$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.accent);},minScreenSize.small,smallMaxContentWidth,bannerAspectRatio,minScreenSize.medium,function(p){return p.defaultWidth?p.defaultWidth:250;});// react router dom path matcher stops at the next '/' (slash) character
|
|
77643
|
+
var templateObject_1$10$1,templateObject_2$E$1;_styled.div.withConfig({displayName:"AvailableSubscriptionList__Host",componentId:"sc-113n7q9-0"})(templateObject_1$$$1||(templateObject_1$$$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));_styled(ActionButton).withConfig({displayName:"AvailableSubscriptionList__SubscriptionButton",componentId:"sc-113n7q9-1"})(templateObject_2$D$1||(templateObject_2$D$1=__makeTemplateObject$1(["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ",";\n }\n"],["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ",";\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$$$1,templateObject_2$D$1;var Callout=function Callout(_a){var children=_a.children,props=__rest$1(_a,["children"]);return jsx$1(FocusTrapCallout,__assign$1({},props,{className:classNames(reachClassNames,'lt-reach-callout',props===null||props===void 0?void 0:props.className),focusTrapProps:{isClickableOutsideFocusTrap:true}},{children:children}),void 0);};_styled.span.withConfig({displayName:"ConfirmDeleteDialog__LinePreserverSpan",componentId:"sc-1ybmivq-0"})(templateObject_1$_$1||(templateObject_1$_$1=__makeTemplateObject$1(["\n white-space: pre-line;\n"],["\n white-space: pre-line;\n"])));_styled(TextField).withConfig({displayName:"ConfirmDeleteDialog__StyledTextField",componentId:"sc-1ybmivq-1"})(templateObject_2$C$1||(templateObject_2$C$1=__makeTemplateObject$1(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);_styled(PrimaryButton).withConfig({displayName:"ConfirmDeleteDialog__DeleteButton",componentId:"sc-1ybmivq-2"})(templateObject_3$s$1||(templateObject_3$s$1=__makeTemplateObject$1(["\n &&:not([disabled]) {\n background-color: ",";\n border-color: ",";\n\n &:hover {\n background-color: ",";\n border-color: ",";\n }\n }\n"],["\n &&:not([disabled]) {\n background-color: ",";\n border-color: ",";\n\n &:hover {\n background-color: ",";\n border-color: ",";\n }\n }\n"])),function(p){return p.theme.palette.red;},function(p){return p.theme.palette.red;},function(p){return p.theme.palette.redDark;},function(p){return p.theme.palette.redDark;});var templateObject_1$_$1,templateObject_2$C$1,templateObject_3$s$1;var ConfirmDialog=function ConfirmDialog(_a){var showDialog=_a.showDialog,titleResourceKey=_a.titleResourceKey,titleResourceValues=_a.titleResourceValues,infoResourceKey=_a.infoResourceKey,infoResourceValues=_a.infoResourceValues,onConfirm=_a.onConfirm,onClose=_a.onClose;var formatMessage=useIntl().formatMessage;var accent=useContext(ThemeContext$1).theme.palette.accent;return jsx$1(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true},dialogContentProps:{type:DialogType.normal,subText:infoResourceKey?formatMessage({id:infoResourceKey},infoResourceValues):'',title:formatMessage({id:titleResourceKey},titleResourceValues),titleProps:{style:{color:accent}}},onDismiss:onClose},{children:jsxs(DialogFooter,{children:[jsx$1(DefaultButton,__assign$1({onClick:onClose,"data-cancel-button":true},{children:jsx$1(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsx$1(PrimaryButton,__assign$1({"data-ok-button":true,onClick:handleConfirm},{children:jsx$1(FormattedMessage$1,{id:"Generic.Ok"},void 0)}),void 0)]},void 0)}),void 0);function handleConfirm(){onConfirm===null||onConfirm===void 0?void 0:onConfirm();onClose===null||onClose===void 0?void 0:onClose();}};_styled.div.withConfig({displayName:"ConfirmResetDialog__Host",componentId:"sc-akcggz-0"})(templateObject_1$Z$1||(templateObject_1$Z$1=__makeTemplateObject$1(["\n max-width: 600px;\n"],["\n max-width: 600px;\n"])));var templateObject_1$Z$1;var RelativeDateTime=function RelativeDateTime(_a){var absoluteValue=_a.value;var language=useContext(ResourceContext).language;var _b=selectUnit(absoluteValue),value=_b.value,unit=_b.unit;// we have to create a new IntlProvider instance here,
|
|
77639
77644
|
// because the locale can be different from the language,
|
|
77640
77645
|
// however the relative time (e.g. "10 seconds ago") should still be displayed
|
|
77641
77646
|
// depending on the language and not the locale
|
|
@@ -77647,7 +77652,7 @@ var FAILS_ON_UNDEFINED$1=fails$2$2(function(){test$4.sort(undefined);});// V8 bu
|
|
|
77647
77652
|
var FAILS_ON_NULL$1=fails$2$2(function(){test$4.sort(null);});// Old WebKit
|
|
77648
77653
|
var STRICT_METHOD$2=arrayMethodIsStrict$3('sort');var FORCED$4=FAILS_ON_UNDEFINED$1||!FAILS_ON_NULL$1||!STRICT_METHOD$2;// `Array.prototype.sort` method
|
|
77649
77654
|
// https://tc39.github.io/ecma262/#sec-array.prototype.sort
|
|
77650
|
-
$$2$2({target:'Array',proto:true,forced:FORCED$4},{sort:function sort(comparefn){return comparefn===undefined?nativeSort$1.call(toObject$2$1(this)):nativeSort$1.call(toObject$2$1(this),aFunction$1$1(comparefn));}});_styled.div.withConfig({displayName:"FieldTranslationEditor__Host",componentId:"sc-1s8zb6d-0"})(templateObject_1$U$1||(templateObject_1$U$1=__makeTemplateObject$1(["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"],["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"])));_styled.div.withConfig({displayName:"FieldTranslationEditor__TranslationField",componentId:"sc-1s8zb6d-1"})(templateObject_2$
|
|
77655
|
+
$$2$2({target:'Array',proto:true,forced:FORCED$4},{sort:function sort(comparefn){return comparefn===undefined?nativeSort$1.call(toObject$2$1(this)):nativeSort$1.call(toObject$2$1(this),aFunction$1$1(comparefn));}});_styled.div.withConfig({displayName:"FieldTranslationEditor__Host",componentId:"sc-1s8zb6d-0"})(templateObject_1$U$1||(templateObject_1$U$1=__makeTemplateObject$1(["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"],["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"])));_styled.div.withConfig({displayName:"FieldTranslationEditor__TranslationField",componentId:"sc-1s8zb6d-1"})(templateObject_2$B$1||(templateObject_2$B$1=__makeTemplateObject$1(["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"],["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"])));_styled(TextField).withConfig({displayName:"FieldTranslationEditor__StyledTextField",componentId:"sc-1s8zb6d-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n margin-top: 5px;\n flex: 1 1 auto;\n"],["\n margin-top: 5px;\n flex: 1 1 auto;\n"])));_styled.div.withConfig({displayName:"FieldTranslationEditor__Header",componentId:"sc-1s8zb6d-3"})(templateObject_4$i$1||(templateObject_4$i$1=__makeTemplateObject$1(["\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n padding-top: 10px;\n"],["\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n padding-top: 10px;\n"])));_styled.div.withConfig({displayName:"FieldTranslationEditor__Buttons",componentId:"sc-1s8zb6d-4"})(templateObject_5$d$1||(templateObject_5$d$1=__makeTemplateObject$1(["\n display: flex;\n"],["\n display: flex;\n"])));var templateObject_1$U$1,templateObject_2$B$1,templateObject_3$r$1,templateObject_4$i$1,templateObject_5$d$1;var Spinner=function Spinner(props){var _a=useState$2(props.delay==null),isVisible=_a[0],setIsVisible=_a[1];useEffect$1(function(){if(!props.delay==null){return undefined;}var timeoutHandle=setTimeout(function(){return setIsVisible(true);},props.delay);return function(){return clearTimeout(timeoutHandle);};},[props.delay]);if(!isVisible){return null;}return jsx$1(Host$p$1,__assign$1({className:props.className},{children:jsx$1(Spinner$1,__assign$1({},props,{className:""}),void 0)}),void 0);};var Host$p$1=_styled.div.withConfig({displayName:"Spinner__Host",componentId:"sc-1wroad6-0"})(templateObject_1$T$1||(templateObject_1$T$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"])));var templateObject_1$T$1;var fixRegExpWellKnownSymbolLogic$5=fixRegexpWellKnownSymbolLogic$2;var isRegExp$6=isRegexp$2;var anObject$j=anObject$e$1;var requireObjectCoercible$1$2=requireObjectCoercible$9$1;var speciesConstructor$3=speciesConstructor$2$1;var advanceStringIndex$5=advanceStringIndex$2$1;var toLength$2$1=toLength$8$1;var callRegExpExec$1=regexpExecAbstract$2;var regexpExec$5=regexpExec$3$1;var fails$1$2=fails$h$1;var arrayPush$1=[].push;var min=Math.min;var MAX_UINT32$1=0xFFFFFFFF;// babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
|
|
77651
77656
|
var SUPPORTS_Y$1=!fails$1$2(function(){return !RegExp(MAX_UINT32$1,'y');});// @@split logic
|
|
77652
77657
|
fixRegExpWellKnownSymbolLogic$5('split',2,function(SPLIT,nativeSplit,maybeCallNative){var internalSplit;if('abbc'.split(/(b)*/)[1]=='c'||'test'.split(/(?:)/,-1).length!=4||'ab'.split(/(?:ab)*/).length!=2||'.'.split(/(.?)(.?)/).length!=4||'.'.split(/()()/).length>1||''.split(/.?/).length){// based on es5-shim implementation, need to rework it
|
|
77653
77658
|
internalSplit=function(separator,limit){var string=String(requireObjectCoercible$1$2(this));var lim=limit===undefined?MAX_UINT32$1:limit>>>0;if(lim===0)return [];if(separator===undefined)return [string];// If `separator` is not a regex, use native split
|
|
@@ -77671,18 +77676,18 @@ var splitter=new C(SUPPORTS_Y$1?rx:'^(?:'+rx.source+')',flags);var lim=limit===u
|
|
|
77671
77676
|
var src=browserInfo.name==='safari'?url+"#t=0.1":url;return jsxs("div",{children:[jsx$1(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxs("video",__assign$1({preload:"metadata",controls:true,title:fileName,width:"auto",height:"auto"},{children:[jsx$1("source",{src:src,type:"video/mp4"},void 0),jsx$1(FormattedMessage$1,{id:"Generic.videoReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isVideoFile(fileName){var _a;var os=env.deviceInfo.operatingSystem;var isApple=os==='mac';var fileType=(_a=lite.getType(fileName))===null||_a===void 0?void 0:_a.toString();if(!fileType){return false;}if(fileType.startsWith(VideoMimeTypes.mp4)){return true;}return isApple?fileType.startsWith(VideoMimeTypes.quicktime):fileType.startsWith(VideoMimeTypes.webm);}var CardBorderInline=function CardBorderInline(xRadius,yRadius){var xShadow=xRadius/2;var yShadow=yRadius/2;var radius=Math.abs(xRadius)+Math.abs(yRadius);return "\n box-shadow: "+xShadow+"px "+yShadow+"px "+radius+"px grey;\n ";};var InputPlaceholder=function InputPlaceholder(content){return "\n &:-moz-placeholder {\n "+content+";\n }\n &::-moz-placeholder {\n "+content+";\n }\n &:-ms-input-placeholder {\n "+content+";\n }\n &::-webkit-input-placeholder {\n "+content+";\n }\n ";};var LineClamp=function LineClamp(lines,fontSize,lineHeight){return css$2(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n display: block;\n display: -webkit-box;\n max-height: ","px;\n font-size: ","px;\n line-height: ",";\n -webkit-line-clamp: ",";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "],["\n display: block;\n display: -webkit-box;\n max-height: ","px;\n font-size: ","px;\n line-height: ",";\n -webkit-line-clamp: ",";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "])),fontSize*lineHeight*lines,fontSize,lineHeight,lines);};function getImageSize(url){var image=new Image();var promise=new Promise(function(resolve){image.onload=function(e){var i=e.currentTarget;resolve({width:i.width,height:i.height});};});image.src=url;return promise;}function getFileIcon(filename){if(isAudioFile(filename)){return 'MusicInCollectionFill';}if(isVideoFile(filename)){return 'Video';}var extension=filename===null||filename===void 0?void 0:filename.split('.').pop().toLowerCase();return getFileIconByExtension(extension);}function getIconColor(fileIcon){switch(fileIcon){case'WordDocument':return '#1C5FC0';case'ExcelDocument':return '#138147';case'PowerPointDocument':return '#CA4B27';case'VisioDocument':return '#1C5FBF';case'PDF':return '#CF1700';default:return '#000';}}function getFileIconByExtension(extension){switch(extension===null||extension===void 0?void 0:extension.toLowerCase()){case'vsdx':return 'VisioDocument';case'rar':case'zip':case'7z':return 'ZipFolder';case'pdf':return 'PDF';case'doc':case'docx':return 'WordDocument';case'xls':case'xlsx':case'csv':return 'ExcelDocument';case'ppt':case'pptx':case'potx':case'ppsx':return 'PowerPointDocument';case'mp4':case'webm':case'mpeg':case'avi':case'ogv':return 'Video';case'aac':case'mp3':case'oga':case'opus':case'wav':case'weba':return 'MusicInCollectionFill';case'bmp':case'gif':case'ico':case'jpeg':case'jpg':case'png':case'svg':case'tif':case'webp':return 'FileImage';default:return 'Page';}}var templateObject_1$S$1;function useFileAccessTokenApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var identifier=useContext(SubscriptionIdContext).identifier;var env=useEnvironmentConfig();var subscriptionId=identifier===null||identifier===void 0?void 0:identifier.id;return useMemo(function(){return {exchangeShortLivedToken:exchangeShortLivedToken,getPublishableItemShortLivedToken:getPublishableItemShortLivedToken,createDownloadClickHandler:createDownloadClickHandler};// Creates a click handler that is safe to be used on iOS.
|
|
77672
77677
|
// iOS does not allow async onClick handler that open a new window
|
|
77673
77678
|
// with `window.open(url, '_blank')`
|
|
77674
|
-
function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxs(Fragment,{children:[videoFiles.length>0&&jsx$1(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsx$1(VideoFileItem,{children:jsx$1(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"])));var VideoFilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$z$1||(templateObject_2$z$1=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ","px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ","px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"])),videoAttachmentRoundedCornerSize);var VideoFileItem=_styled.li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$p$1||(templateObject_3$p$1=__makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),spacingS);var FileItem=_styled.li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"],["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxs(Host$o$1,{children:[attachment.isUploadInProgress&&jsx$1(AttachmentOverlay$1,{children:jsx$1(CenteredSpinner$1,{size:SpinnerSize.medium},void 0)},void 0),jsx$1(Inner$1$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsx$1(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxs(FileNameContainer,{children:[jsx$1(WarningIcon$1,{iconName:"Warning"},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxs(FileNameContainer,{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$o$1=_styled.div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$1||(templateObject_5$c$1=__makeTemplateObject$1(["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ",";\n"],["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ",";\n"])),function(p){return p.theme.palette.white;});var DownloadButton$4=_styled(DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$1||(templateObject_6$9$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$1$1=_styled.span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$1||(templateObject_9$4$1=__makeTemplateObject$1(["\n display: inline-flex;\n\n ","\n"],["\n display: inline-flex;\n\n ","\n"])),function(p){return p.takeFullWidth?css$2(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n width: 100%;\n "],["\n width: 100%;\n "]))):css$2(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n width: calc(100% - 34px); // delete button size;\n "],["\n width: calc(100% - 34px); // delete button size;\n "])));});var FileNameContainer=_styled.span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"],["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"])),spacingS);var FileIcon$2=_styled(Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n font-size: 18px;\n"],["\n margin-right: ","px;\n font-size: 18px;\n"])),spacingS);var DeleteButton=_styled(IconButton$1).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"],["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled.span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"],["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"])));var AttachmentOverlay$1=_styled.div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$7||(templateObject_14$7=__makeTemplateObject$1(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var CenteredSpinner$1=_styled(Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$7||(templateObject_15$7=__makeTemplateObject$1(["\n margin-top: auto;\n height: 100%;\n"],["\n margin-top: auto;\n height: 100%;\n"])));var WarningIcon$1=_styled(Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$7||(templateObject_16$7=__makeTemplateObject$1(["\n font-size: 20px;\n color: ",";\n"],["\n font-size: 20px;\n color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$R$1,templateObject_2$z$1,templateObject_3$p$1,templateObject_4$g$1,templateObject_5$c$1,templateObject_6$9$1,templateObject_7$5$2,templateObject_8$5$2,templateObject_9$4$1,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$7,templateObject_15$7,templateObject_16$7;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxs(Fragment,{children:[jsx$1(Styles$2,{},void 0),jsx$1(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=createGlobalStyle(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"],["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));var templateObject_1$Q$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled.nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ","\n"],["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ","\n"])),function(p){return p.positionBottomOnMobile?css$2(templateObject_1$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "],["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "])),minScreenSize.medium,p.offsetTop+20):css$2(templateObject_2$y$1||(templateObject_2$y$1=__makeTemplateObject$1(["\n top: ","px;\n "],["\n top: ","px;\n "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return css$2(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "])),useSecondaryBgColor?css$2(templateObject_4$f$1||(templateObject_4$f$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):css$2(templateObject_5$b$1||(templateObject_5$b$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};createGlobalStyle(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return applyFocusStyle("\n [data-fab] button:focus::after,\n button[data-fab]:focus::after {\n outline-color: "+p.theme.palette.themePrimary+";\n outline-offset: 5px;\n border-radius: 50%;\n }\n ");});_styled(IconButton$1).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n &&& {\n ","\n }\n"],["\n &&& {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled(Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n a,\n a:visited {\n ","\n }\n"],["\n a,\n a:visited {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled.div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"],["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"])),spacingM);_styled(DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"],["\n && {\n margin-left: auto;\n }\n"])));createGlobalStyle(templateObject_12$8||(templateObject_12$8=__makeTemplateObject$1(["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var templateObject_1$P$1,templateObject_2$y$1,templateObject_3$o$1,templateObject_4$f$1,templateObject_5$b$1,templateObject_6$8$2,templateObject_7$4$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$8;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/createElement$a(tagName,{className:className},jsx$1(FormattedMessage$1,{id:id,values:values},void 0));};_styled.div(templateObject_1$O$1||(templateObject_1$O$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ","px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ","px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ","px;\n }\n"])),spacingXs,fontSizeSmall);var templateObject_1$O$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
|
|
77679
|
+
function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxs(Fragment,{children:[videoFiles.length>0&&jsx$1(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsx$1(VideoFileItem,{children:jsx$1(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"])));var VideoFilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ","px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ","px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"])),videoAttachmentRoundedCornerSize);var VideoFileItem=_styled.li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$q$1||(templateObject_3$q$1=__makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),spacingS);var FileItem=_styled.li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"],["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxs(Host$o$1,{children:[attachment.isUploadInProgress&&jsx$1(AttachmentOverlay$1,{children:jsx$1(CenteredSpinner$1,{size:SpinnerSize.medium},void 0)},void 0),jsx$1(Inner$1$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsx$1(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxs(FileNameContainer,{children:[jsx$1(WarningIcon$1,{iconName:"Warning"},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxs(FileNameContainer,{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$o$1=_styled.div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$1||(templateObject_5$c$1=__makeTemplateObject$1(["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ",";\n"],["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ",";\n"])),function(p){return p.theme.palette.white;});var DownloadButton$4=_styled(DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$1||(templateObject_6$9$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$1$1=_styled.span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$1||(templateObject_9$4$1=__makeTemplateObject$1(["\n display: inline-flex;\n\n ","\n"],["\n display: inline-flex;\n\n ","\n"])),function(p){return p.takeFullWidth?css$2(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n width: 100%;\n "],["\n width: 100%;\n "]))):css$2(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n width: calc(100% - 34px); // delete button size;\n "],["\n width: calc(100% - 34px); // delete button size;\n "])));});var FileNameContainer=_styled.span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"],["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"])),spacingS);var FileIcon$2=_styled(Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n font-size: 18px;\n"],["\n margin-right: ","px;\n font-size: 18px;\n"])),spacingS);var DeleteButton=_styled(IconButton$1).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"],["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled.span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"],["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"])));var AttachmentOverlay$1=_styled.div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$7||(templateObject_14$7=__makeTemplateObject$1(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var CenteredSpinner$1=_styled(Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$7||(templateObject_15$7=__makeTemplateObject$1(["\n margin-top: auto;\n height: 100%;\n"],["\n margin-top: auto;\n height: 100%;\n"])));var WarningIcon$1=_styled(Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$7||(templateObject_16$7=__makeTemplateObject$1(["\n font-size: 20px;\n color: ",";\n"],["\n font-size: 20px;\n color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$R$1,templateObject_2$A$1,templateObject_3$q$1,templateObject_4$h$1,templateObject_5$c$1,templateObject_6$9$1,templateObject_7$5$2,templateObject_8$5$2,templateObject_9$4$1,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$7,templateObject_15$7,templateObject_16$7;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxs(Fragment,{children:[jsx$1(Styles$2,{},void 0),jsx$1(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=createGlobalStyle(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"],["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));var templateObject_1$Q$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled.nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$p$1||(templateObject_3$p$1=__makeTemplateObject$1(["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ","\n"],["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ","\n"])),function(p){return p.positionBottomOnMobile?css$2(templateObject_1$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "],["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "])),minScreenSize.medium,p.offsetTop+20):css$2(templateObject_2$z$1||(templateObject_2$z$1=__makeTemplateObject$1(["\n top: ","px;\n "],["\n top: ","px;\n "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return css$2(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "])),useSecondaryBgColor?css$2(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):css$2(templateObject_5$b$1||(templateObject_5$b$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};createGlobalStyle(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return applyFocusStyle("\n [data-fab] button:focus::after,\n button[data-fab]:focus::after {\n outline-color: "+p.theme.palette.themePrimary+";\n outline-offset: 5px;\n border-radius: 50%;\n }\n ");});_styled(IconButton$1).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n &&& {\n ","\n }\n"],["\n &&& {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled(Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n a,\n a:visited {\n ","\n }\n"],["\n a,\n a:visited {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled.div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"],["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"])),spacingM);_styled(DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"],["\n && {\n margin-left: auto;\n }\n"])));createGlobalStyle(templateObject_12$8||(templateObject_12$8=__makeTemplateObject$1(["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var templateObject_1$P$1,templateObject_2$z$1,templateObject_3$p$1,templateObject_4$g$1,templateObject_5$b$1,templateObject_6$8$2,templateObject_7$4$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$8;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/createElement$a(tagName,{className:className},jsx$1(FormattedMessage$1,{id:id,values:values},void 0));};_styled.div(templateObject_1$O$1||(templateObject_1$O$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ","px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ","px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ","px;\n }\n"])),spacingXs,fontSizeSmall);var templateObject_1$O$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
|
|
77675
77680
|
* Repacks the grid layout when a given dependency changes
|
|
77676
77681
|
* It does not repack the grid on the very first run
|
|
77677
77682
|
* @param deps
|
|
77678
77683
|
*/function useGridRepack(deps){var isFirstRun=useRef$1(true);useEffect$1(function(){if(!isFirstRun.current){repack();}isFirstRun.current=false;// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77679
|
-
},deps);}var KeywordTitle=function KeywordTitle(_a){var groupName=_a.groupName,groupId=_a.groupId,keywordName=_a.keywordName,keywordId=_a.keywordId,language=_a.language,underlined=_a.underlined,onClick=_a.onClick,tabIndex=_a.tabIndex;var user=useCurrentUser();var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName,groupName,language);if(onClick){return jsx$1(KeywordButton,__assign$1({onClick:function(){return onClick(keywordId);},tabIndex:tabIndex},{children:jsx$1(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0)}),void 0);}return jsx$1(Keyword,__assign$1({underlined:underlined},{children:displayValue}),void 0);};var GridKeywordTitle=function GridKeywordTitle(_a){var groupId=_a.groupId,keywordName=_a.keywordName;var user=useCurrentUser();var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName);useGridRepack([displayValue]);return jsx$1(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0);};var KeywordButton=_styled(ActionButton).withConfig({displayName:"KeywordTitle__KeywordButton",componentId:"sc-18jcqyr-0"})(templateObject_1$N$1||(templateObject_1$N$1=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var Keyword=_styled.span.withConfig({displayName:"KeywordTitle__Keyword",componentId:"sc-18jcqyr-1"})(templateObject_3$
|
|
77684
|
+
},deps);}var KeywordTitle=function KeywordTitle(_a){var groupName=_a.groupName,groupId=_a.groupId,keywordName=_a.keywordName,keywordId=_a.keywordId,language=_a.language,underlined=_a.underlined,onClick=_a.onClick,tabIndex=_a.tabIndex;var user=useCurrentUser();var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName,groupName,language);if(onClick){return jsx$1(KeywordButton,__assign$1({onClick:function(){return onClick(keywordId);},tabIndex:tabIndex},{children:jsx$1(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0)}),void 0);}return jsx$1(Keyword,__assign$1({underlined:underlined},{children:displayValue}),void 0);};var GridKeywordTitle=function GridKeywordTitle(_a){var groupId=_a.groupId,keywordName=_a.keywordName;var user=useCurrentUser();var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName);useGridRepack([displayValue]);return jsx$1(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0);};var KeywordButton=_styled(ActionButton).withConfig({displayName:"KeywordTitle__KeywordButton",componentId:"sc-18jcqyr-0"})(templateObject_1$N$1||(templateObject_1$N$1=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var Keyword=_styled.span.withConfig({displayName:"KeywordTitle__Keyword",componentId:"sc-18jcqyr-1"})(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.underlined&&css$2(templateObject_2$y$1||(templateObject_2$y$1=__makeTemplateObject$1(["\n text-decoration: underline;\n "],["\n text-decoration: underline;\n "])));});var templateObject_1$N$1,templateObject_2$y$1,templateObject_3$o$1;var Modified=function Modified(_a){var modified=_a.modified;var intl=useIntl();if(!modified){return null;}return jsxs(Host$m$1,__assign$1({className:"ms-fontColor-neutralTertiary"},{children:["\u00A0(",jsx$1(Tooltip,__assign$1({resourceKey:"Generic.wasModifiedTooltip",values:{modified:formatModified()}},{children:jsx$1(FormattedMessage$1,{id:"Generic.wasModified"},void 0)}),void 0),")"]}),void 0);function formatModified(){var date=intl.formatDate(modified,{day:'2-digit',month:'2-digit',year:'numeric'});var time=intl.formatTime(modified);return date+" "+time;}};var Host$m$1=_styled.span(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var templateObject_1$M$1;var FullScreenImageViewer=function FullScreenImageViewer(_a){var images=_a.images,selectedIndex=_a.selectedIndex,hidden=_a.hidden,onClose=_a.onClose,imageUrlResolver=_a.imageUrlResolver;var _b=usePromise$2(getImagesSizes,null,[images]),imageSizes=_b[0],isLoading=_b[1],error=_b[2];if(isLoading||error){return null;}return jsx$1(Layer$1,{children:jsx$1(PhotoSwipeGallery,{images:images.map(function(image,index){return mapPhotoSwipeImage(image,imageSizes[index]);}),selectedIndex:selectedIndex,hidden:hidden,onClose:onClose},void 0)},void 0);function mapPhotoSwipeImage(image,size){var width=Math.min(size.width,2500);var height=Math.trunc(size.height/size.width*width);return {thumbnail:image.previewUrl,large:imageUrlResolver(image.imageId,width,height),width:width,height:height,caption:image.imageTitle};}function getImagesSizes(){return __awaiter$1(this,void 0,void 0,function(){var imageSizesPromises;return __generator$1(this,function(_a){switch(_a.label){case 0:imageSizesPromises=images.map(function(i){if(i.width!=null&&i.height!=null){return Promise.resolve({width:i.width,height:i.height});}return getImageSize(imageUrlResolver(i.imageId,1000));});return [4/*yield*/,Promise.all(imageSizesPromises)];case 1:return [2/*return*/,_a.sent()];}});});}};var PhotoSwipeGallery=function PhotoSwipeGallery(_a){var images=_a.images,hidden=_a.hidden,selectedIndex=_a.selectedIndex,onClose=_a.onClose;var formatMessage=useIntl().formatMessage;var host=useRef$1(null);var initializeGalleryHandle=useRef$1();useEffect$1(function(){if(hidden){return undefined;}// we have to initialize the gallery with a delay
|
|
77680
77685
|
// because if the gallery is initialized to quickly after it had been closed
|
|
77681
77686
|
// because for example a dependency changed (selectedIndex) than the whole page gets unusable
|
|
77682
77687
|
// (mobile app even has to be restarted) and one image just freezes and
|
|
77683
77688
|
// on the console we have errors like this: Uncaught TypeError: Cannot read property 'mouseUsed' of null
|
|
77684
77689
|
var gallery;clearTimeout(initializeGalleryHandle.current);initializeGalleryHandle.current=setTimeout(function(){return gallery=initializeGallery();},200);return function(){return gallery===null||gallery===void 0?void 0:gallery.close();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77685
|
-
},[hidden,selectedIndex]);return jsxs(Fragment,{children:[jsx$1(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsx$1("div",{className:"pswp__bg"},void 0),jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxs("div",__assign$1({className:"pswp__container"},{children:[jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0)]}),void 0),jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsx$1("div",{className:"pswp__counter"},void 0),jsx$1("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__preloader"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__icn"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__cut"},{children:jsx$1("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsx$1("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsx$1("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__caption"},{children:jsx$1("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=createGlobalStyle(templateObject_2$w$1||(templateObject_2$w$1=__makeTemplateObject$1(["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n\n","\n"],["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n\n","\n"])),function(p){return p.enforceArrowVisibility&&css$2(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "],["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "])));});var templateObject_1$L$1,templateObject_2$w$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxs(Host$l$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsx$1("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxs(Fragment,{children:[jsx$1(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsx$1(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsx$1(StyledImage$1,{src:image.previewUrl,imageFit:ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsx$1(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsx$1(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsx$1(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsx$1("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$l$1=_styled.div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$v$1||(templateObject_2$v$1=__makeTemplateObject$1(["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ","\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"],["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ","\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"])),function(p){return p.singleImageWidth&&p.singleImageHeight&&css$2(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ","* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ","px)) {\n padding-bottom: min(\n min(100%, ","px, ","px),\n calc(\n ","*\n min(100%, ","px)\n )\n );\n }\n }\n "],["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ","* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ","px)) {\n padding-bottom: min(\n min(100%, ","px, ","px),\n calc(\n ","*\n min(100%, ","px)\n )\n );\n }\n }\n "])),p.singleImageHeight/p.singleImageWidth,p.singleImageWidth,p.singleImageHeight,p.singleImageWidth,p.singleImageHeight/p.singleImageWidth,p.singleImageWidth);});var SingleImageHost=_styled.a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$e$1||(templateObject_4$e$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_3$m$1||(templateObject_3$m$1=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var Gallery=_styled.div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&css$2(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var ImageItem=_styled.a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$3$2||(templateObject_7$3$2=__makeTemplateObject$1(["\n display: block;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n"],["\n display: block;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n"])));var StyledImage$1=_styled(Image$1).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var MoreIndicator=_styled(DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(templateObject_9$2$2||(templateObject_9$2$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ","px;\n @media (min-width: ","px) {\n font-size: ","px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ","px;\n @media (min-width: ","px) {\n font-size: ","px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"])),fontSizeMedium,minScreenSize.small,fontSizeLarge+3);var templateObject_1$K$1,templateObject_2$v$1,templateObject_3$m$1,templateObject_4$e$1,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$3$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsx$1(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsx$1(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsx$1(Icon,{iconName:icon},void 0)}),void 0);return jsx$1(Host$k$1,__assign$1({className:"tooltip-container"},{children:jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$k$1=_styled.div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$J$1||(templateObject_1$J$1=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var Button$1=_styled(IconButton$1).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$d$2||(templateObject_4$d$2=__makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ",";\n ","\n }\n"],["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ",";\n ","\n }\n"])),function(p){return !p.isActive&&css$2(templateObject_2$u$1||(templateObject_2$u$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&css$2(templateObject_3$l$1||(templateObject_3$l$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &&:hover {\n background-color: ",";\n color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &&:hover {\n background-color: ",";\n color: ",";\n }\n "])),p.theme.palette.themeSecondary,p.theme.textColors.onSecondary,p.theme.palette.themeSecondary,p.theme.textColors.onSecondary);});var StyledLink$2=_styled(Link$4).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n && {\n height: 100%;\n ",";\n }\n"],["\n && {\n height: 100%;\n ",";\n }\n"])),function(p){return css$2(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);});var templateObject_1$J$1,templateObject_2$u$1,templateObject_3$l$1,templateObject_4$d$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
|
|
77690
|
+
},[hidden,selectedIndex]);return jsxs(Fragment,{children:[jsx$1(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsx$1("div",{className:"pswp__bg"},void 0),jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxs("div",__assign$1({className:"pswp__container"},{children:[jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0)]}),void 0),jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsx$1("div",{className:"pswp__counter"},void 0),jsx$1("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__preloader"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__icn"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__cut"},{children:jsx$1("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsx$1("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsx$1("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__caption"},{children:jsx$1("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=createGlobalStyle(templateObject_2$x$1||(templateObject_2$x$1=__makeTemplateObject$1(["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n\n","\n"],["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n\n","\n"])),function(p){return p.enforceArrowVisibility&&css$2(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "],["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "])));});var templateObject_1$L$1,templateObject_2$x$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxs(Host$l$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsx$1("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxs(Fragment,{children:[jsx$1(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsx$1(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsx$1(StyledImage$1,{src:image.previewUrl,imageFit:ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsx$1(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsx$1(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsx$1(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsx$1("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$l$1=_styled.div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$w$1||(templateObject_2$w$1=__makeTemplateObject$1(["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ","\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"],["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ","\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"])),function(p){return p.singleImageWidth&&p.singleImageHeight&&css$2(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ","* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ","px)) {\n padding-bottom: min(\n min(100%, ","px, ","px),\n calc(\n ","*\n min(100%, ","px)\n )\n );\n }\n }\n "],["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ","* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ","px)) {\n padding-bottom: min(\n min(100%, ","px, ","px),\n calc(\n ","*\n min(100%, ","px)\n )\n );\n }\n }\n "])),p.singleImageHeight/p.singleImageWidth,p.singleImageWidth,p.singleImageHeight,p.singleImageWidth,p.singleImageHeight/p.singleImageWidth,p.singleImageWidth);});var SingleImageHost=_styled.a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$1||(templateObject_4$f$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_3$n$1||(templateObject_3$n$1=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var Gallery=_styled.div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&css$2(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var ImageItem=_styled.a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$3$2||(templateObject_7$3$2=__makeTemplateObject$1(["\n display: block;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n"],["\n display: block;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n"])));var StyledImage$1=_styled(Image$1).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var MoreIndicator=_styled(DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(templateObject_9$2$2||(templateObject_9$2$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ","px;\n @media (min-width: ","px) {\n font-size: ","px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ","px;\n @media (min-width: ","px) {\n font-size: ","px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"])),fontSizeMedium,minScreenSize.small,fontSizeLarge+3);var templateObject_1$K$1,templateObject_2$w$1,templateObject_3$n$1,templateObject_4$f$1,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$3$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsx$1(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsx$1(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsx$1(Icon,{iconName:icon},void 0)}),void 0);return jsx$1(Host$k$1,__assign$1({className:"tooltip-container"},{children:jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$k$1=_styled.div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$J$1||(templateObject_1$J$1=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var Button$1=_styled(IconButton$1).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$1||(templateObject_4$e$1=__makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ",";\n ","\n }\n"],["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ",";\n ","\n }\n"])),function(p){return !p.isActive&&css$2(templateObject_2$v$1||(templateObject_2$v$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&css$2(templateObject_3$m$1||(templateObject_3$m$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &&:hover {\n background-color: ",";\n color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &&:hover {\n background-color: ",";\n color: ",";\n }\n "])),p.theme.palette.themeSecondary,p.theme.textColors.onSecondary,p.theme.palette.themeSecondary,p.theme.textColors.onSecondary);});var StyledLink$2=_styled(Link$4).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n && {\n height: 100%;\n ",";\n }\n"],["\n && {\n height: 100%;\n ",";\n }\n"])),function(p){return css$2(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);});var templateObject_1$J$1,templateObject_2$v$1,templateObject_3$m$1,templateObject_4$e$1,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
|
|
77686
77691
|
// eslint-disable-next-line max-len
|
|
77687
77692
|
var whitespaces$2$2='\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';var requireObjectCoercible$e=requireObjectCoercible$9$1;var whitespaces$1$2=whitespaces$2$2;var whitespace$2='['+whitespaces$1$2+']';var ltrim$2=RegExp('^'+whitespace$2+whitespace$2+'*');var rtrim$2=RegExp(whitespace$2+whitespace$2+'*$');// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
|
|
77688
77693
|
var createMethod$5=function(TYPE){return function($this){var string=String(requireObjectCoercible$e($this));if(TYPE&1)string=string.replace(ltrim$2,'');if(TYPE&2)string=string.replace(rtrim$2,'');return string;};};var stringTrim$2={// `String.prototype.{ trimLeft, trimStart }` methods
|
|
@@ -77695,17 +77700,17 @@ trim:createMethod$5(3)};var fails$k=fails$h$1;var whitespaces$5=whitespaces$2$2;
|
|
|
77695
77700
|
// of whitespaces and has a correct name
|
|
77696
77701
|
var stringTrimForced$2=function(METHOD_NAME){return fails$k(function(){return !!whitespaces$5[METHOD_NAME]()||non$2[METHOD_NAME]()!=non$2||whitespaces$5[METHOD_NAME].name!==METHOD_NAME;});};var $$1$2=_export$1;var $trim$2=stringTrim$2.trim;var forcedStringTrimMethod$2=stringTrimForced$2;// `String.prototype.trim` method
|
|
77697
77702
|
// https://tc39.github.io/ecma262/#sec-string.prototype.trim
|
|
77698
|
-
$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsx$1(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsx$1(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsx$1(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsx$1(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsx$1(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsx$1(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=css$2(templateObject_1$I$1||(templateObject_1$I$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"])));var StyledLink$1$1=_styled(TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$
|
|
77703
|
+
$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsx$1(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsx$1(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsx$1(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsx$1(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsx$1(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsx$1(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=css$2(templateObject_1$I$1||(templateObject_1$I$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"])));var StyledLink$1$1=_styled(TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$u$1||(templateObject_2$u$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),LinkStyle$2);var StyledExternalLink=_styled(ExternalLinkHandler).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledExternalLink",componentId:"sc-148nazl-1"})(templateObject_3$l$1||(templateObject_3$l$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),LinkStyle$2);var StyledIconButton$3$1=_styled(IconButton$1).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledIconButton",componentId:"sc-148nazl-2"})(templateObject_5$8$2||(templateObject_5$8$2=__makeTemplateObject$1(["\n border-radius: 0;\n\n ","\n"],["\n border-radius: 0;\n\n ","\n"])),function(p){return p.active&&css$2(templateObject_4$d$2||(templateObject_4$d$2=__makeTemplateObject$1(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),p.theme.palette.themePrimary);});var ToolbarIconButton=_styled(ToolbarIconButtonWithToolTip).withConfig({displayName:"ToolbarIconButtonWithToolTip__ToolbarIconButton",componentId:"sc-148nazl-3"})(templateObject_6$5$2||(templateObject_6$5$2=__makeTemplateObject$1(["\n background-color: transparent;\n &:not([disabled]) {\n color: ",";\n }\n"],["\n background-color: transparent;\n &:not([disabled]) {\n color: ",";\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$I$1,templateObject_2$u$1,templateObject_3$l$1,templateObject_4$d$2,templateObject_5$8$2,templateObject_6$5$2;var Search=function Search(props){var intl=useIntl();var _a=useState$2(null),searchText=_a[0],setSearchText=_a[1];var location=useLocation$1();var textColors=useContext(ThemeContext$1).theme.textColors;var searchInputRef=useRef$1();useEffect$1(function(){addBackButtonListener(handleBack);setTimeout(function(){var _a;return searchInputRef&&((_a=searchInputRef.current)===null||_a===void 0?void 0:_a.focus());});return function(){removeBackButtonListener(handleBack);};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77699
77704
|
},[]);useEffect$1(function(){setSearchText('');// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77700
|
-
},[location.pathname]);return jsxs(Host$j$1,__assign$1({className:classNames('search-field',props.className),useLightTheme:props.useLightTheme},{children:[jsx$1(StyledTextField$2,{className:"search-input",useLightTheme:props.useLightTheme,default:true,value:searchText||props.searchText||'',onChange:function(_,value){return handleChange(value);},onKeyDown:handleKeyDown,autoComplete:"off",autoFocus:true,borderless:true,placeholder:props.placeholder||intl.formatMessage({id:'TopBar.search'}),componentRef:function(input){return searchInputRef.current=input;},ariaLabel:intl.formatMessage({id:'TopBar.search'}),"data-search-input":true},void 0),props.searching&&jsx$1(StyledSpinner$1$1,{className:"search-spinner"},void 0),jsx$1(CancelButton$1,{"data-cancel-search-button":true,iconProps:{iconName:'Cancel'},onClick:function(){var _a;setSearchText(null);(_a=props.onClear)===null||_a===void 0?void 0:_a.call(props);},color:!props.useLightTheme&&textColors.onPrimary},void 0)]}),void 0);function handleKeyDown(event){if(event.key==='Enter'&&props.onExecuteSearch){props.onExecuteSearch(searchText);}if(event.key==='Escape'){handleChange('');}}function handleChange(searchText){var _a;setSearchText(searchText);(_a=props.onChange)===null||_a===void 0?void 0:_a.call(props,searchText);}function handleBack(){if(searchText||props.searchText){handleChange('');return true;}return false;}};var StyledTextField$2=_styled(TextField).withConfig({displayName:"Search__StyledTextField",componentId:"sc-17f35gt-0"})(templateObject_3$
|
|
77705
|
+
},[location.pathname]);return jsxs(Host$j$1,__assign$1({className:classNames('search-field',props.className),useLightTheme:props.useLightTheme},{children:[jsx$1(StyledTextField$2,{className:"search-input",useLightTheme:props.useLightTheme,default:true,value:searchText||props.searchText||'',onChange:function(_,value){return handleChange(value);},onKeyDown:handleKeyDown,autoComplete:"off",autoFocus:true,borderless:true,placeholder:props.placeholder||intl.formatMessage({id:'TopBar.search'}),componentRef:function(input){return searchInputRef.current=input;},ariaLabel:intl.formatMessage({id:'TopBar.search'}),"data-search-input":true},void 0),props.searching&&jsx$1(StyledSpinner$1$1,{className:"search-spinner"},void 0),jsx$1(CancelButton$1,{"data-cancel-search-button":true,iconProps:{iconName:'Cancel'},onClick:function(){var _a;setSearchText(null);(_a=props.onClear)===null||_a===void 0?void 0:_a.call(props);},color:!props.useLightTheme&&textColors.onPrimary},void 0)]}),void 0);function handleKeyDown(event){if(event.key==='Enter'&&props.onExecuteSearch){props.onExecuteSearch(searchText);}if(event.key==='Escape'){handleChange('');}}function handleChange(searchText){var _a;setSearchText(searchText);(_a=props.onChange)===null||_a===void 0?void 0:_a.call(props,searchText);}function handleBack(){if(searchText||props.searchText){handleChange('');return true;}return false;}};var StyledTextField$2=_styled(TextField).withConfig({displayName:"Search__StyledTextField",componentId:"sc-17f35gt-0"})(templateObject_3$k$1||(templateObject_3$k$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.useLightTheme?css$2(templateObject_1$H$1||(templateObject_1$H$1=__makeTemplateObject$1(["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "],["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "])),function(p){return p.theme.textColors.default;},InputPlaceholder("color: "+p.theme.textColors.default)):css$2(templateObject_2$t$1||(templateObject_2$t$1=__makeTemplateObject$1(["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "],["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "])),function(p){return p.theme.textColors.onPrimary;},InputPlaceholder("color: "+p.theme.textColors.onPrimary));});var StyledSpinner$1$1=_styled(Spinner$1).withConfig({displayName:"Search__StyledSpinner",componentId:"sc-17f35gt-1"})(templateObject_4$c$2||(templateObject_4$c$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n padding-right: 8px;\n\n color: ",";\n background-color: ",";\n"],["\n display: flex;\n align-items: center;\n padding-right: 8px;\n\n color: ",";\n background-color: ",";\n"])),function(p){return p.theme.textColors.onPrimary;},function(p){return p.theme.palette.themeDarker;});var Host$j$1=_styled.div.withConfig({displayName:"Search__Host",componentId:"sc-17f35gt-2"})(templateObject_7$2$2||(templateObject_7$2$2=__makeTemplateObject$1(["\n flex: 1 1 auto;\n height: 100%;\n\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n > .ms-TextField {\n flex: 1 1 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n > .ms-TextField-wrapper {\n flex: 1 0 auto;\n\n .ms-TextField-fieldGroup {\n border: none;\n background: none;\n\n > input {\n border: 0;\n height: 100%;\n font-size: 18px;\n\n &::-ms-clear {\n display: none;\n }\n }\n }\n }\n }\n\n input {\n &.ms-TextField-field {\n min-width: 100%;\n width: 30px;\n }\n\n ",";\n }\n\n i {\n display: flex;\n justify-content: space-around;\n flex-flow: row nowrap;\n align-items: center;\n\n margin-right: 1em;\n margin-left: 0.5em;\n cursor: pointer;\n }\n\n button {\n height: 100%;\n margin: 0 4px;\n }\n\n ","\n"],["\n flex: 1 1 auto;\n height: 100%;\n\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n > .ms-TextField {\n flex: 1 1 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n > .ms-TextField-wrapper {\n flex: 1 0 auto;\n\n .ms-TextField-fieldGroup {\n border: none;\n background: none;\n\n > input {\n border: 0;\n height: 100%;\n font-size: 18px;\n\n &::-ms-clear {\n display: none;\n }\n }\n }\n }\n }\n\n input {\n &.ms-TextField-field {\n min-width: 100%;\n width: 30px;\n }\n\n ",";\n }\n\n i {\n display: flex;\n justify-content: space-around;\n flex-flow: row nowrap;\n align-items: center;\n\n margin-right: 1em;\n margin-left: 0.5em;\n cursor: pointer;\n }\n\n button {\n height: 100%;\n margin: 0 4px;\n }\n\n ","\n"])),InputPlaceholder("\n font-size: inherit;\n opacity: 0.5;\n "),function(p){return p.useLightTheme?css$2(templateObject_5$7$2||(templateObject_5$7$2=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),function(p){return p.theme.palette.neutralLighter;}):css$2(templateObject_6$4$2||(templateObject_6$4$2=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),function(p){return p.theme.palette.themeDarker;});});var CancelButton$1=_styled(IconButton).withConfig({displayName:"Search__CancelButton",componentId:"sc-17f35gt-3"})(templateObject_8$2$2||(templateObject_8$2$2=__makeTemplateObject$1(["\n align-self: center;\n"],["\n align-self: center;\n"])));var SearchBox=function SearchBox(_a){var onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged,isToolbarMode=_a.isToolbarMode,onExecuteSearch=_a.onExecuteSearch,onSearchTextChange=_a.onSearchTextChange,searchText=_a.searchText,showSearchBoxInput=_a.showSearchBoxInput,className=_a.className;var _b=useState$2(!!searchText),showSearchInputFieldState=_b[0],setShowSearchInputField=_b[1];var showSearchInputField=showSearchBoxInput||showSearchInputFieldState||!!searchText;// this use effect is required, if the state does not change via a manual toggle
|
|
77701
77706
|
// but instead via a property
|
|
77702
77707
|
useEffect$1(function(){onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(showSearchInputField);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77703
|
-
},[showSearchInputField]);return jsxs(Fragment,{children:[showSearchInputField&&jsx$1(Search,{onChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,searchText:searchText,onClear:function(){onSearchTextChange===null||onSearchTextChange===void 0?void 0:onSearchTextChange('');onToggle(false);},className:className,useLightTheme:isToolbarMode},void 0),!showSearchInputField&&(isToolbarMode?jsx$1(ToolbarIconButton,{iconName:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0):jsx$1(IconHeaderButton,{icon:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search"},void 0))]},void 0);function onToggle(isVisible){setShowSearchInputField(isVisible);onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(isVisible);}};var templateObject_1$H$1,templateObject_2$s$1,templateObject_3$j$1,templateObject_4$b$2,templateObject_5$7$2,templateObject_6$4$2,templateObject_7$2$2,templateObject_8$2$2;var TableSortOrder;(function(TableSortOrder){TableSortOrder["ASC"]="SortUp";TableSortOrder["DESC"]="SortDown";})(TableSortOrder||(TableSortOrder={}));_styled(Icon).withConfig({displayName:"SortableTable__Order",componentId:"sc-6tqdpa-0"})(templateObject_1$G$1||(templateObject_1$G$1=__makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"],["\n position: absolute;\n right: 0;\n"])));_styled.span.withConfig({displayName:"SortableTable__Title",componentId:"sc-6tqdpa-1"})(templateObject_4$a$2||(templateObject_4$a$2=__makeTemplateObject$1(["\n position: relative;\n padding: 0 5px;\n ","\n"],["\n position: relative;\n padding: 0 5px;\n ","\n"])),function(p){return p.orderBy?css$2(templateObject_2$r$1||(templateObject_2$r$1=__makeTemplateObject$1(["\n padding-right: 18px;\n "],["\n padding-right: 18px;\n "]))):css$2(templateObject_3$i$1||(templateObject_3$i$1=__makeTemplateObject$1(["\n padding-left: 18px;\n "],["\n padding-left: 18px;\n "])));});_styled.th.withConfig({displayName:"SortableTable__ColumnHeader",componentId:"sc-6tqdpa-2"})(templateObject_5$6$2||(templateObject_5$6$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"],["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"])),function(_a){var isLoading=_a.isLoading,disableSort=_a.disableSort;return isLoading?'wait':disableSort?'default':'pointer';});_styled.td.withConfig({displayName:"SortableTable__Cell",componentId:"sc-6tqdpa-3"})(templateObject_6$3$2||(templateObject_6$3$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"],["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"])),function(props){return props.noWrap?'nowrap':'';});var Row$1=_styled.tr.withConfig({displayName:"SortableTable__Row",componentId:"sc-6tqdpa-4"})(templateObject_7$1$2||(templateObject_7$1$2=__makeTemplateObject$1(["\n :nth-child(odd) {\n background: ",";\n }\n"],["\n :nth-child(odd) {\n background: ",";\n }\n"])),function(p){return p.theme.palette.neutralLighterAlt;});_styled.table.withConfig({displayName:"SortableTable__Table",componentId:"sc-6tqdpa-5"})(templateObject_8$1$2||(templateObject_8$1$2=__makeTemplateObject$1(["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"],["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?'wait':'default';},Row$1,function(_a){var isLoading=_a.isLoading;return isLoading?'0.6':'1';});_styled(Spinner).withConfig({displayName:"SortableTable__Loading",componentId:"sc-6tqdpa-6"})(templateObject_9$1$2||(templateObject_9$1$2=__makeTemplateObject$1(["\n margin: 80px 0 100px;\n"],["\n margin: 80px 0 100px;\n"])));var templateObject_1$G$1,templateObject_2$r$1,templateObject_3$i$1,templateObject_4$a$2,templateObject_5$6$2,templateObject_6$3$2,templateObject_7$1$2,templateObject_8$1$2,templateObject_9$1$2;var ToggleWithLabel=function ToggleWithLabel(props){return jsx$1(StyledToggle,__assign$1({},props,{"data-toggle-button":true}),void 0);};var StyledToggle=_styled(Toggle).withConfig({displayName:"ToggleWithLabel__StyledToggle",componentId:"sc-lcovfq-0"})(templateObject_1$F$1||(templateObject_1$F$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ",";\n }\n }\n"])),function(p){return p.theme.semanticColors.inputBackgroundCheckedHovered;});var templateObject_1$F$1;var unreadCommentHighlight=css$2(templateObject_1$E$1||(templateObject_1$E$1=__makeTemplateObject$1(["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ",";\n }\n"],["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ",";\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$E$1;function getGroupName(group,user,intl){return group.translations[user.preferredUiLanguage]||group.translations[getPreferredContentLanguage(user)]||group.name||intl.formatMessage({id:'Groups.defaultName'});}_styled.div.withConfig({displayName:"VerificationStatusIcon__Host",componentId:"sc-b3nb8-0"})(templateObject_2$q$1||(templateObject_2$q$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n ","\n"],["\n display: flex;\n align-items: center;\n\n ","\n"])),function(p){return p.isInvalid&&css$2(templateObject_1$D$1||(templateObject_1$D$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.palette.redDark;});});_styled(Icon).withConfig({displayName:"VerificationStatusIcon__StatusIcon",componentId:"sc-b3nb8-1"})(templateObject_3$h$1||(templateObject_3$h$1=__makeTemplateObject$1(["\n margin-right: ","px;\n"],["\n margin-right: ","px;\n"])),spacingS);var templateObject_1$D$1,templateObject_2$q$1,templateObject_3$h$1;var OpacityAnimation=function OpacityAnimation(_a){var enterDuration=_a.enterDuration,leaveDuration=_a.leaveDuration,children=_a.children,style=_a.style,className=_a.className;var hasEnterDuration=!!enterDuration;var hasLeaveDuration=!!leaveDuration;var animationName="common-opacity-animation_"+enterDuration+"_"+leaveDuration;return jsxs(Fragment,{children:[jsx$1(AnimationStyle,{name:animationName,enterDuration:enterDuration,leaveDuration:leaveDuration},void 0),jsx$1(reactAddonsCssTransitionGroup,__assign$1({style:style,className:className,transitionName:animationName,transitionAppear:hasEnterDuration,transitionEnter:hasEnterDuration,transitionLeave:hasLeaveDuration,transitionLeaveTimeout:leaveDuration,transitionAppearTimeout:enterDuration,transitionEnterTimeout:enterDuration},{children:children}),void 0)]},void 0);};var AnimationStyle=createGlobalStyle(templateObject_1$C$1||(templateObject_1$C$1=__makeTemplateObject$1(["\n ."," {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ","ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ","ms ease-in;\n }\n }\n }\n"],["\n ."," {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ","ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ","ms ease-in;\n }\n }\n }\n"])),function(p){return p.name;},function(p){return p.enterDuration;},function(p){return p.leaveDuration;});var templateObject_1$C$1;var AutoTranslateButton=function AutoTranslateButton(_a){var contentLanguageCode=_a.contentLanguageCode,originalContent=_a.originalContent,content=_a.content,onTranslate=_a.onTranslate,onContentChange=_a.onContentChange,tooltipResourceKey=_a.tooltipResourceKey,showLabel=_a.showLabel;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=useState$2(null),autoTranslatedContent=_b[0],setAutoTranslatedContent=_b[1];var _c=useState$2(originalContent===content),isOriginalContent=_c[0],setIsOriginalContent=_c[1];var showError=useNotificationContext().showError;var preferredContentLanguageCode=getPreferredContentLanguage(user);useEffect$1(function(){return setAutoTranslatedContent(null);},[originalContent]);if(!features.automaticTranslation){return null;}var label=formatMessage({id:'Generic.translate'});var shouldShowTranslateButton=contentLanguageCode&&contentLanguageCode!==preferredContentLanguageCode&&allAvailableContentLanguages.includes(preferredContentLanguageCode)&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguageCode);if(!shouldShowTranslateButton){return null;}return jsx$1(Tooltip,__assign$1({resourceKey:isOriginalContent?'Generic.translateTo':tooltipResourceKey,values:{language:formatMessage({id:"Generic.languages."+preferredContentLanguageCode})}},{children:jsx$1(StyledActionButton$3,__assign$1({"aria-label":showLabel?null:label,"data-translate-content-button":true,className:"ms-fontColor-neutralSecondary",iconProps:{iconName:'World'},onClick:handleTranslate},{children:showLabel&&label}),void 0)}),void 0);function handleTranslate(){return __awaiter$1(this,void 0,void 0,function(){var translation;return __generator$1(this,function(_b){switch(_b.label){case 0:if(!isOriginalContent){onContentChange(originalContent);setIsOriginalContent(true);return [2/*return*/];}if(!autoTranslatedContent)return [3/*break*/,1];onContentChange(autoTranslatedContent);setIsOriginalContent(false);return [3/*break*/,4];case 1:_b.trys.push([1,3,,4]);return [4/*yield*/,onTranslate(preferredContentLanguageCode)];case 2:translation=_b.sent();onContentChange(translation);setAutoTranslatedContent(translation);setIsOriginalContent(false);return [3/*break*/,4];case 3:_b.sent();showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var StyledActionButton$3=_styled(ActionButton)(templateObject_1$B$1||(templateObject_1$B$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$B$1;var ChoiceGroup=_styled(ChoiceGroup$1).withConfig({displayName:"ChoiceGroup",componentId:"sc-11bpj01-0"})(templateObject_1$A$1||(templateObject_1$A$1=__makeTemplateObject$1(["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ",";\n }\n }\n }\n"],["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ",";\n }\n }\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$A$1;var CommentActionMenu=function CommentActionMenu(_a){var comment=_a.comment,showEdit=_a.showEdit,showDelete=_a.showDelete,onDelete=_a.onDelete,isEditMode=_a.isEditMode,toggleEditMode=_a.toggleEditMode,originalContent=_a.originalContent,currentContent=_a.currentContent,setContent=_a.setContent,handleTranslate=_a.handleTranslate,showAutoTranslate=_a.showAutoTranslate,onReply=_a.onReply,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var _b=useState$2(false),showMenuButtons=_b[0],setShowMenuButtons=_b[1];var menuButton=useRef$1(null);return jsxs(Fragment,{children:[jsx$1("div",__assign$1({ref:menuButton},{children:jsx$1(MenuButton$1,{"data-menu-button":comment.id,iconProps:{iconName:'MoreVertical'},onClick:function(){return setShowMenuButtons(!showMenuButtons);},ariaLabel:formatMessage({id:'AriaLabel.contextMenuButton'}),disabled:disabled},void 0)}),void 0),showMenuButtons&&jsx$1(StyledCallout$4,__assign$1({"data-context-menu":true,target:menuButton.current,onDismiss:function(){return setShowMenuButtons(false);}},{children:jsxs(Buttons$5,{children:[jsx$1(Tooltip,__assign$1({resourceKey:'Comment.replyButton.tooltip',values:{name:comment.sender.displayName}},{children:jsx$1(StyledActionButton$2,{"data-reply-button":comment.id,iconProps:{iconName:'Reply'},onClick:handleReply,text:formatMessage({id:'Comment.replyButton'})},void 0)}),void 0),showAutoTranslate&&jsx$1(AutoTranslateButton,{"data-auto-translate-button":comment.id,originalContent:originalContent,onContentChange:function(content){setShowMenuButtons(false);setContent(content);},content:currentContent,tooltipResourceKey:"Comment.translate.showOriginal",onTranslate:handleTranslate,contentLanguageCode:comment.contentLanguageCode,showLabel:true},void 0),showEdit&&jsx$1(Tooltip,__assign$1({resourceKey:"Comment.edit.tooltip"},{children:jsx$1(StyledActionButton$2,{"data-edit-button":comment.id,iconProps:{iconName:'Edit'},onClick:function(){toggleEditMode(true);setShowMenuButtons(false);},text:formatMessage({id:'Generic.edit'}),disabled:!comment.id||isEditMode},void 0)}),void 0),showDelete&&jsx$1(Tooltip,__assign$1({resourceKey:"Comment.delete.tooltip"},{children:jsx$1(StyledActionButton$2,{"data-delete-button":comment.id,iconProps:{iconName:'Delete'},onClick:function(){onDelete(comment);setShowMenuButtons(false);},text:formatMessage({id:'Generic.Delete'}),disabled:!comment.id||isEditMode},void 0)}),void 0)]},void 0)}),void 0)]},void 0);function handleReply(){onReply===null||onReply===void 0?void 0:onReply(comment.id,comment.sender);setShowMenuButtons(false);}};var Buttons$5=_styled.div.withConfig({displayName:"CommentActionMenu__Buttons",componentId:"sc-qsk1nc-0"})(templateObject_1$z$1||(templateObject_1$z$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var MenuButton$1=_styled(IconButton).withConfig({displayName:"CommentActionMenu__MenuButton",componentId:"sc-qsk1nc-1"})(templateObject_2$p$1||(templateObject_2$p$1=__makeTemplateObject$1(["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ","px;\n }\n }\n"],["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ","px;\n }\n }\n"])),fontSizeMedium+2);var StyledActionButton$2=_styled(ActionButton).withConfig({displayName:"CommentActionMenu__StyledActionButton",componentId:"sc-qsk1nc-2"})(templateObject_3$g$1||(templateObject_3$g$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var StyledCallout$4=_styled(Callout).withConfig({displayName:"CommentActionMenu__StyledCallout",componentId:"sc-qsk1nc-3"})(templateObject_4$9$2||(templateObject_4$9$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingS);var templateObject_1$z$1,templateObject_2$p$1,templateObject_3$g$1,templateObject_4$9$2;var DeleteAttachmentButton=_styled(IconButton$1).withConfig({displayName:"DeleteAttachmentButton",componentId:"sc-d7hswf-0"})(templateObject_1$y$1||(templateObject_1$y$1=__makeTemplateObject$1(["\n && {\n padding: ","px;\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"],["\n && {\n padding: ","px;\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"])),spacingXs,function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var templateObject_1$y$1;var ToggleAllButtons=function ToggleAllButtons(_a){var toggleAll=_a.toggleAll,className=_a.className;var accent=useContext(ThemeContext$1).theme.palette.accent;return jsxs(Host$h$1,__assign$1({className:className},{children:[jsx$1(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(true);},"data-button-toggle":"selectAll",color:accent},{children:jsx$1(FormattedMessage$1,{id:"Generic.SelectAll"},void 0)}),void 0),jsx$1(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(false);},"data-button-toggle":"clearAll",color:accent},{children:jsx$1(FormattedMessage$1,{id:"Generic.ClearAll"},void 0)}),void 0)]}),void 0);};var Host$h$1=_styled.div.withConfig({displayName:"ToggleAllButtons__Host",componentId:"sc-kbn3b4-0"})(templateObject_1$x$1||(templateObject_1$x$1=__makeTemplateObject$1(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);var StyledButton$1$1=_styled(ActionButton).withConfig({displayName:"ToggleAllButtons__StyledButton",componentId:"sc-kbn3b4-1"})(templateObject_2$o$1||(templateObject_2$o$1=__makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"],["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"])));var templateObject_1$x$1,templateObject_2$o$1;var InternalTopActionButton=function InternalTopActionButton(props){var iconName=props.iconName,textKey=props.textKey,navLinkProps=__rest$1(props,["iconName","textKey"]);return jsxs(NavLink,__assign$1({},navLinkProps,{children:[iconName&&jsx$1(Icon,{iconName:iconName},void 0),jsx$1(FormattedMessage$1,{id:textKey},void 0)]}),void 0);};_styled(InternalTopActionButton).withConfig({displayName:"TopActionButton",componentId:"sc-1lam7c6-0"})(templateObject_1$w$1||(templateObject_1$w$1=__makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ","px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ",";\n }\n\n > i {\n padding-right: 8px;\n }\n"],["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ","px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ",";\n }\n\n > i {\n padding-right: 8px;\n }\n"])),spacingS,function(p){return p.theme.palette.accent;});var templateObject_1$w$1;_styled(IconButton).withConfig({displayName:"HeaderMenuButton__MenuButton",componentId:"sc-170vvq2-0"})(templateObject_1$v$1||(templateObject_1$v$1=__makeTemplateObject$1([""],[""])));var templateObject_1$v$1;var ChannelTitle=function ChannelTitle(_a){var language=_a.language,channelOrName=_a.channel,role=_a.role,className=_a.className;var user=useCurrentUser();var channels=useContext(LazySubscriptionContext).channels;var displayValue=getChannelDisplayName(channels,channelOrName,user,language);return jsx$1(Host$g$2,__assign$1({title:displayValue,className:className,role:role},{children:displayValue}),void 0);};var Host$g$2=_styled.span.withConfig({displayName:"ChannelTitle__Host",componentId:"sc-1lqd4of-0"})(templateObject_1$u$2||(templateObject_1$u$2=__makeTemplateObject$1(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"],["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));var ChannelTitles=function ChannelTitles(_a){var channels=_a.channels,language=_a.language;return jsx$1(Fragment,{children:channels.map(function(c,index){var channelKey=isChannel$1(c)?c.id:c;return jsxs("span",{children:[index>0&&', ',jsx$1(ChannelTitle,{channel:c,language:language},void 0)]},channelKey);})},void 0);};function isChannel$1(value){return value.id!=null;}function getChannelDisplayName(allChannels,channelOrName,user,language){// Render the channel name if the channel details have not been loaded yet.
|
|
77704
|
-
if(allChannels==null&&!isChannel$1(channelOrName)){return channelOrName;}var channel=isChannel$1(channelOrName)?channelOrName:allChannels.find(function(c){return c.name===channelOrName||c.id===channelOrName;})||{name:channelOrName};if(channel==null){return null;}if(!language){language=getPreferredContentLanguage(user);}var translations=channel.translations||allChannels!=null&&allChannels.filter(function(c){return c.id===channel.id;}).map(function(c){return c.translations;})[0]||{};return language&&translations[language]||translations[user.subscription.defaultLanguage]||channel.name;}var templateObject_1$u$2;_styled(ChannelTitle).withConfig({displayName:"ChannelItem__StyledChannelTitle",componentId:"sc-bumcwu-0"})(templateObject_1$t$2||(templateObject_1$t$2=__makeTemplateObject$1(["\n margin-left: ","px;\n flex: 1 1 auto;\n font-size: ",";\n font-weight: bold;\n"],["\n margin-left: ","px;\n flex: 1 1 auto;\n font-size: ",";\n font-weight: bold;\n"])),function(p){return p.applyMargin?'37':'0';},fontSizeLarge);_styled.div.withConfig({displayName:"ChannelItem__Host",componentId:"sc-bumcwu-1"})(templateObject_2$
|
|
77708
|
+
},[showSearchInputField]);return jsxs(Fragment,{children:[showSearchInputField&&jsx$1(Search,{onChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,searchText:searchText,onClear:function(){onSearchTextChange===null||onSearchTextChange===void 0?void 0:onSearchTextChange('');onToggle(false);},className:className,useLightTheme:isToolbarMode},void 0),!showSearchInputField&&(isToolbarMode?jsx$1(ToolbarIconButton,{iconName:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0):jsx$1(IconHeaderButton,{icon:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search"},void 0))]},void 0);function onToggle(isVisible){setShowSearchInputField(isVisible);onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(isVisible);}};var templateObject_1$H$1,templateObject_2$t$1,templateObject_3$k$1,templateObject_4$c$2,templateObject_5$7$2,templateObject_6$4$2,templateObject_7$2$2,templateObject_8$2$2;var TableSortOrder;(function(TableSortOrder){TableSortOrder["ASC"]="SortUp";TableSortOrder["DESC"]="SortDown";})(TableSortOrder||(TableSortOrder={}));_styled(Icon).withConfig({displayName:"SortableTable__Order",componentId:"sc-6tqdpa-0"})(templateObject_1$G$1||(templateObject_1$G$1=__makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"],["\n position: absolute;\n right: 0;\n"])));_styled.span.withConfig({displayName:"SortableTable__Title",componentId:"sc-6tqdpa-1"})(templateObject_4$b$2||(templateObject_4$b$2=__makeTemplateObject$1(["\n position: relative;\n padding: 0 5px;\n ","\n"],["\n position: relative;\n padding: 0 5px;\n ","\n"])),function(p){return p.orderBy?css$2(templateObject_2$s$1||(templateObject_2$s$1=__makeTemplateObject$1(["\n padding-right: 18px;\n "],["\n padding-right: 18px;\n "]))):css$2(templateObject_3$j$1||(templateObject_3$j$1=__makeTemplateObject$1(["\n padding-left: 18px;\n "],["\n padding-left: 18px;\n "])));});_styled.th.withConfig({displayName:"SortableTable__ColumnHeader",componentId:"sc-6tqdpa-2"})(templateObject_5$6$2||(templateObject_5$6$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"],["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"])),function(_a){var isLoading=_a.isLoading,disableSort=_a.disableSort;return isLoading?'wait':disableSort?'default':'pointer';});_styled.td.withConfig({displayName:"SortableTable__Cell",componentId:"sc-6tqdpa-3"})(templateObject_6$3$2||(templateObject_6$3$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"],["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"])),function(props){return props.noWrap?'nowrap':'';});var Row$1=_styled.tr.withConfig({displayName:"SortableTable__Row",componentId:"sc-6tqdpa-4"})(templateObject_7$1$2||(templateObject_7$1$2=__makeTemplateObject$1(["\n :nth-child(odd) {\n background: ",";\n }\n"],["\n :nth-child(odd) {\n background: ",";\n }\n"])),function(p){return p.theme.palette.neutralLighterAlt;});_styled.table.withConfig({displayName:"SortableTable__Table",componentId:"sc-6tqdpa-5"})(templateObject_8$1$2||(templateObject_8$1$2=__makeTemplateObject$1(["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"],["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?'wait':'default';},Row$1,function(_a){var isLoading=_a.isLoading;return isLoading?'0.6':'1';});_styled(Spinner).withConfig({displayName:"SortableTable__Loading",componentId:"sc-6tqdpa-6"})(templateObject_9$1$2||(templateObject_9$1$2=__makeTemplateObject$1(["\n margin: 80px 0 100px;\n"],["\n margin: 80px 0 100px;\n"])));var templateObject_1$G$1,templateObject_2$s$1,templateObject_3$j$1,templateObject_4$b$2,templateObject_5$6$2,templateObject_6$3$2,templateObject_7$1$2,templateObject_8$1$2,templateObject_9$1$2;var ToggleWithLabel=function ToggleWithLabel(props){return jsx$1(StyledToggle,__assign$1({},props,{"data-toggle-button":true}),void 0);};var StyledToggle=_styled(Toggle).withConfig({displayName:"ToggleWithLabel__StyledToggle",componentId:"sc-lcovfq-0"})(templateObject_1$F$1||(templateObject_1$F$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ",";\n }\n }\n"])),function(p){return p.theme.semanticColors.inputBackgroundCheckedHovered;});var templateObject_1$F$1;var unreadCommentHighlight=css$2(templateObject_1$E$1||(templateObject_1$E$1=__makeTemplateObject$1(["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ",";\n }\n"],["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ",";\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$E$1;function getGroupName(group,user,intl){return group.translations[user.preferredUiLanguage]||group.translations[getPreferredContentLanguage(user)]||group.name||intl.formatMessage({id:'Groups.defaultName'});}_styled.div.withConfig({displayName:"VerificationStatusIcon__Host",componentId:"sc-b3nb8-0"})(templateObject_2$r$1||(templateObject_2$r$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n ","\n"],["\n display: flex;\n align-items: center;\n\n ","\n"])),function(p){return p.isInvalid&&css$2(templateObject_1$D$1||(templateObject_1$D$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.palette.redDark;});});_styled(Icon).withConfig({displayName:"VerificationStatusIcon__StatusIcon",componentId:"sc-b3nb8-1"})(templateObject_3$i$1||(templateObject_3$i$1=__makeTemplateObject$1(["\n margin-right: ","px;\n"],["\n margin-right: ","px;\n"])),spacingS);var templateObject_1$D$1,templateObject_2$r$1,templateObject_3$i$1;var OpacityAnimation=function OpacityAnimation(_a){var enterDuration=_a.enterDuration,leaveDuration=_a.leaveDuration,children=_a.children,style=_a.style,className=_a.className;var hasEnterDuration=!!enterDuration;var hasLeaveDuration=!!leaveDuration;var animationName="common-opacity-animation_"+enterDuration+"_"+leaveDuration;return jsxs(Fragment,{children:[jsx$1(AnimationStyle,{name:animationName,enterDuration:enterDuration,leaveDuration:leaveDuration},void 0),jsx$1(reactAddonsCssTransitionGroup,__assign$1({style:style,className:className,transitionName:animationName,transitionAppear:hasEnterDuration,transitionEnter:hasEnterDuration,transitionLeave:hasLeaveDuration,transitionLeaveTimeout:leaveDuration,transitionAppearTimeout:enterDuration,transitionEnterTimeout:enterDuration},{children:children}),void 0)]},void 0);};var AnimationStyle=createGlobalStyle(templateObject_1$C$1||(templateObject_1$C$1=__makeTemplateObject$1(["\n ."," {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ","ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ","ms ease-in;\n }\n }\n }\n"],["\n ."," {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ","ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ","ms ease-in;\n }\n }\n }\n"])),function(p){return p.name;},function(p){return p.enterDuration;},function(p){return p.leaveDuration;});var templateObject_1$C$1;var AutoTranslateButton=function AutoTranslateButton(_a){var contentLanguageCode=_a.contentLanguageCode,originalContent=_a.originalContent,content=_a.content,onTranslate=_a.onTranslate,onContentChange=_a.onContentChange,tooltipResourceKey=_a.tooltipResourceKey,showLabel=_a.showLabel;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=useState$2(null),autoTranslatedContent=_b[0],setAutoTranslatedContent=_b[1];var _c=useState$2(originalContent===content),isOriginalContent=_c[0],setIsOriginalContent=_c[1];var showError=useNotificationContext().showError;var preferredContentLanguageCode=getPreferredContentLanguage(user);useEffect$1(function(){return setAutoTranslatedContent(null);},[originalContent]);if(!features.automaticTranslation){return null;}var label=formatMessage({id:'Generic.translate'});var shouldShowTranslateButton=contentLanguageCode&&contentLanguageCode!==preferredContentLanguageCode&&allAvailableContentLanguages.includes(preferredContentLanguageCode)&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguageCode);if(!shouldShowTranslateButton){return null;}return jsx$1(Tooltip,__assign$1({resourceKey:isOriginalContent?'Generic.translateTo':tooltipResourceKey,values:{language:formatMessage({id:"Generic.languages."+preferredContentLanguageCode})}},{children:jsx$1(StyledActionButton$3,__assign$1({"aria-label":showLabel?null:label,"data-translate-content-button":true,className:"ms-fontColor-neutralSecondary",iconProps:{iconName:'World'},onClick:handleTranslate},{children:showLabel&&label}),void 0)}),void 0);function handleTranslate(){return __awaiter$1(this,void 0,void 0,function(){var translation;return __generator$1(this,function(_b){switch(_b.label){case 0:if(!isOriginalContent){onContentChange(originalContent);setIsOriginalContent(true);return [2/*return*/];}if(!autoTranslatedContent)return [3/*break*/,1];onContentChange(autoTranslatedContent);setIsOriginalContent(false);return [3/*break*/,4];case 1:_b.trys.push([1,3,,4]);return [4/*yield*/,onTranslate(preferredContentLanguageCode)];case 2:translation=_b.sent();onContentChange(translation);setAutoTranslatedContent(translation);setIsOriginalContent(false);return [3/*break*/,4];case 3:_b.sent();showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var StyledActionButton$3=_styled(ActionButton)(templateObject_1$B$1||(templateObject_1$B$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$B$1;var ChoiceGroup=_styled(ChoiceGroup$1).withConfig({displayName:"ChoiceGroup",componentId:"sc-11bpj01-0"})(templateObject_1$A$1||(templateObject_1$A$1=__makeTemplateObject$1(["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ",";\n }\n }\n }\n"],["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ",";\n }\n }\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$A$1;var CommentActionMenu=function CommentActionMenu(_a){var comment=_a.comment,showEdit=_a.showEdit,showDelete=_a.showDelete,onDelete=_a.onDelete,isEditMode=_a.isEditMode,toggleEditMode=_a.toggleEditMode,originalContent=_a.originalContent,currentContent=_a.currentContent,setContent=_a.setContent,handleTranslate=_a.handleTranslate,showAutoTranslate=_a.showAutoTranslate,onReply=_a.onReply,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var _b=useState$2(false),showMenuButtons=_b[0],setShowMenuButtons=_b[1];var menuButton=useRef$1(null);return jsxs(Fragment,{children:[jsx$1("div",__assign$1({ref:menuButton},{children:jsx$1(MenuButton$1,{"data-menu-button":comment.id,iconProps:{iconName:'MoreVertical'},onClick:function(){return setShowMenuButtons(!showMenuButtons);},ariaLabel:formatMessage({id:'AriaLabel.contextMenuButton'}),disabled:disabled},void 0)}),void 0),showMenuButtons&&jsx$1(StyledCallout$4,__assign$1({"data-context-menu":true,target:menuButton.current,onDismiss:function(){return setShowMenuButtons(false);}},{children:jsxs(Buttons$5,{children:[jsx$1(Tooltip,__assign$1({resourceKey:'Comment.replyButton.tooltip',values:{name:comment.sender.displayName}},{children:jsx$1(StyledActionButton$2,{"data-reply-button":comment.id,iconProps:{iconName:'Reply'},onClick:handleReply,text:formatMessage({id:'Comment.replyButton'})},void 0)}),void 0),showAutoTranslate&&jsx$1(AutoTranslateButton,{"data-auto-translate-button":comment.id,originalContent:originalContent,onContentChange:function(content){setShowMenuButtons(false);setContent(content);},content:currentContent,tooltipResourceKey:"Comment.translate.showOriginal",onTranslate:handleTranslate,contentLanguageCode:comment.contentLanguageCode,showLabel:true},void 0),showEdit&&jsx$1(Tooltip,__assign$1({resourceKey:"Comment.edit.tooltip"},{children:jsx$1(StyledActionButton$2,{"data-edit-button":comment.id,iconProps:{iconName:'Edit'},onClick:function(){toggleEditMode(true);setShowMenuButtons(false);},text:formatMessage({id:'Generic.edit'}),disabled:!comment.id||isEditMode},void 0)}),void 0),showDelete&&jsx$1(Tooltip,__assign$1({resourceKey:"Comment.delete.tooltip"},{children:jsx$1(StyledActionButton$2,{"data-delete-button":comment.id,iconProps:{iconName:'Delete'},onClick:function(){onDelete(comment);setShowMenuButtons(false);},text:formatMessage({id:'Generic.Delete'}),disabled:!comment.id||isEditMode},void 0)}),void 0)]},void 0)}),void 0)]},void 0);function handleReply(){onReply===null||onReply===void 0?void 0:onReply(comment.id,comment.sender);setShowMenuButtons(false);}};var Buttons$5=_styled.div.withConfig({displayName:"CommentActionMenu__Buttons",componentId:"sc-qsk1nc-0"})(templateObject_1$z$1||(templateObject_1$z$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var MenuButton$1=_styled(IconButton).withConfig({displayName:"CommentActionMenu__MenuButton",componentId:"sc-qsk1nc-1"})(templateObject_2$q$1||(templateObject_2$q$1=__makeTemplateObject$1(["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ","px;\n }\n }\n"],["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ","px;\n }\n }\n"])),fontSizeMedium+2);var StyledActionButton$2=_styled(ActionButton).withConfig({displayName:"CommentActionMenu__StyledActionButton",componentId:"sc-qsk1nc-2"})(templateObject_3$h$1||(templateObject_3$h$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var StyledCallout$4=_styled(Callout).withConfig({displayName:"CommentActionMenu__StyledCallout",componentId:"sc-qsk1nc-3"})(templateObject_4$a$2||(templateObject_4$a$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingS);var templateObject_1$z$1,templateObject_2$q$1,templateObject_3$h$1,templateObject_4$a$2;var DeleteAttachmentButton=_styled(IconButton$1).withConfig({displayName:"DeleteAttachmentButton",componentId:"sc-d7hswf-0"})(templateObject_1$y$1||(templateObject_1$y$1=__makeTemplateObject$1(["\n && {\n padding: ","px;\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"],["\n && {\n padding: ","px;\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"])),spacingXs,function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var templateObject_1$y$1;var ToggleAllButtons=function ToggleAllButtons(_a){var toggleAll=_a.toggleAll,className=_a.className;var accent=useContext(ThemeContext$1).theme.palette.accent;return jsxs(Host$h$1,__assign$1({className:className},{children:[jsx$1(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(true);},"data-button-toggle":"selectAll",color:accent},{children:jsx$1(FormattedMessage$1,{id:"Generic.SelectAll"},void 0)}),void 0),jsx$1(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(false);},"data-button-toggle":"clearAll",color:accent},{children:jsx$1(FormattedMessage$1,{id:"Generic.ClearAll"},void 0)}),void 0)]}),void 0);};var Host$h$1=_styled.div.withConfig({displayName:"ToggleAllButtons__Host",componentId:"sc-kbn3b4-0"})(templateObject_1$x$1||(templateObject_1$x$1=__makeTemplateObject$1(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);var StyledButton$1$1=_styled(ActionButton).withConfig({displayName:"ToggleAllButtons__StyledButton",componentId:"sc-kbn3b4-1"})(templateObject_2$p$1||(templateObject_2$p$1=__makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"],["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"])));var templateObject_1$x$1,templateObject_2$p$1;var InternalTopActionButton=function InternalTopActionButton(props){var iconName=props.iconName,textKey=props.textKey,navLinkProps=__rest$1(props,["iconName","textKey"]);return jsxs(NavLink,__assign$1({},navLinkProps,{children:[iconName&&jsx$1(Icon,{iconName:iconName},void 0),jsx$1(FormattedMessage$1,{id:textKey},void 0)]}),void 0);};_styled(InternalTopActionButton).withConfig({displayName:"TopActionButton",componentId:"sc-1lam7c6-0"})(templateObject_1$w$1||(templateObject_1$w$1=__makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ","px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ",";\n }\n\n > i {\n padding-right: 8px;\n }\n"],["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ","px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ",";\n }\n\n > i {\n padding-right: 8px;\n }\n"])),spacingS,function(p){return p.theme.palette.accent;});var templateObject_1$w$1;_styled(IconButton).withConfig({displayName:"HeaderMenuButton__MenuButton",componentId:"sc-170vvq2-0"})(templateObject_1$v$1||(templateObject_1$v$1=__makeTemplateObject$1([""],[""])));var templateObject_1$v$1;var ChannelTitle=function ChannelTitle(_a){var language=_a.language,channelOrName=_a.channel,role=_a.role,className=_a.className;var user=useCurrentUser();var channels=useContext(LazySubscriptionContext).channels;var displayValue=getChannelDisplayName(channels,channelOrName,user,language);return jsx$1(Host$g$2,__assign$1({title:displayValue,className:className,role:role},{children:displayValue}),void 0);};var Host$g$2=_styled.span.withConfig({displayName:"ChannelTitle__Host",componentId:"sc-1lqd4of-0"})(templateObject_1$u$2||(templateObject_1$u$2=__makeTemplateObject$1(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"],["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));var ChannelTitles=function ChannelTitles(_a){var channels=_a.channels,language=_a.language;return jsx$1(Fragment,{children:channels.map(function(c,index){var channelKey=isChannel$1(c)?c.id:c;return jsxs("span",{children:[index>0&&', ',jsx$1(ChannelTitle,{channel:c,language:language},void 0)]},channelKey);})},void 0);};function isChannel$1(value){return value.id!=null;}function getChannelDisplayName(allChannels,channelOrName,user,language){// Render the channel name if the channel details have not been loaded yet.
|
|
77709
|
+
if(allChannels==null&&!isChannel$1(channelOrName)){return channelOrName;}var channel=isChannel$1(channelOrName)?channelOrName:allChannels.find(function(c){return c.name===channelOrName||c.id===channelOrName;})||{name:channelOrName};if(channel==null){return null;}if(!language){language=getPreferredContentLanguage(user);}var translations=channel.translations||allChannels!=null&&allChannels.filter(function(c){return c.id===channel.id;}).map(function(c){return c.translations;})[0]||{};return language&&translations[language]||translations[user.subscription.defaultLanguage]||channel.name;}var templateObject_1$u$2;_styled(ChannelTitle).withConfig({displayName:"ChannelItem__StyledChannelTitle",componentId:"sc-bumcwu-0"})(templateObject_1$t$2||(templateObject_1$t$2=__makeTemplateObject$1(["\n margin-left: ","px;\n flex: 1 1 auto;\n font-size: ",";\n font-weight: bold;\n"],["\n margin-left: ","px;\n flex: 1 1 auto;\n font-size: ",";\n font-weight: bold;\n"])),function(p){return p.applyMargin?'37':'0';},fontSizeLarge);_styled.div.withConfig({displayName:"ChannelItem__Host",componentId:"sc-bumcwu-1"})(templateObject_2$o$1||(templateObject_2$o$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ","px ","px;\n\n ","\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ","px;\n }\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ","px ","px;\n\n ","\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ","px;\n }\n }\n"])),spacingS,spacingS+5,CardBorderInline(2,2),fontSizeLarge);_styled(IconButton).withConfig({displayName:"ChannelItem__StyledIconButton",componentId:"sc-bumcwu-2"})(templateObject_3$g$1||(templateObject_3$g$1=__makeTemplateObject$1(["\n i {\n font-size: ","px;\n }\n"],["\n i {\n font-size: ","px;\n }\n"])),fontSizeLarge);var templateObject_1$t$2,templateObject_2$o$1,templateObject_3$g$1;var ChannelList$1=function ChannelList(_a){var channels=_a.channels,language=_a.language,channelStyleDefinition=_a.channelStyleDefinition,_b=_a.visibleChannelsCount,visibleChannelsCount=_b===void 0?3:_b,onChannelClick=_a.onChannelClick,className=_a.className;if(!channels||channels.length===0){return null;}var showMoreIndicator=channels.length>visibleChannelsCount;return jsxs(Host$e$2,__assign$1({className:className,"data-has-more-indicator":showMoreIndicator},{children:[jsx$1(DisplayedChannels,{channels:channels.slice(0,visibleChannelsCount),language:language,channelStyleDefinition:channelStyleDefinition,onChannelClick:onChannelClick},void 0),showMoreIndicator&&jsx$1(AdditionalChannelsIndicator,{channels:channels.slice(visibleChannelsCount),language:language,styleDefinition:channelStyleDefinition,onChannelClick:onChannelClick},void 0)]}),void 0);};var DisplayedChannels=function DisplayedChannels(_a){var channels=_a.channels,language=_a.language,channelStyleDefinition=_a.channelStyleDefinition,onChannelClick=_a.onChannelClick;return jsx$1(ChannelsHost,__assign$1({"data-channels":true},{children:channels.map(function(c){var Title=jsx$1(ChannelTitle,{channel:c,language:language},void 0);if(onChannelClick){return jsx$1(ClickableChannelTitle,__assign$1({bubbleCount:channels.length,backgroundColor:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.backgroundColor,color:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.color,onClick:function(){return onChannelClick(c);},"data-rounded-outline":true},{children:Title}),c);}return jsx$1(StyledChannelTitle$1,__assign$1({bubbleCount:channels.length,backgroundColor:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.backgroundColor,color:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.color},{children:Title}),c);})}),void 0);};var AdditionalChannelsIndicator=function AdditionalChannelsIndicator(_a){var channels=_a.channels,language=_a.language,styleDefinition=_a.styleDefinition,onChannelClick=_a.onChannelClick;var ref=useRef$1();var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];return jsxs(Fragment,{children:[jsx$1(IndicatorHost,__assign$1({ref:ref,backgroundColor:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.backgroundColor,color:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.color},{children:jsx$1(Indicator,__assign$1({onClick:function(){return setShowCallout(true);}},{children:"+"+channels.length}),void 0)}),void 0),showCallout&&jsx$1(StyledCallout$3,__assign$1({target:ref.current,onDismiss:function(){return setShowCallout(false);}},{children:jsx$1(CalloutList,{children:channels.map(function(c){return jsx$1("li",{children:onChannelClick?jsx$1(ActionButton,__assign$1({onClick:function(){return onChannelClick(c);}},{children:jsx$1(ChannelTitle,{channel:c,language:language},void 0)}),void 0):jsx$1(ChannelTitle,{channel:c,language:language},void 0)},c);})},void 0)}),void 0)]},void 0);};var BubbleGap=spacingXs;var IndicatorWidth=50;// We calculate the space available to show the channel bubbles based on the following factors:
|
|
77705
77710
|
// The full width of the container => 100%
|
|
77706
77711
|
// Minus the indicator width which might not be there in the case we have 3 channels or less
|
|
77707
|
-
var Host$e$2=_styled.div(templateObject_1$s$2||(templateObject_1$s$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ","px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"],["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ","px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"])),IndicatorWidth+BubbleGap);var ChannelsHost=_styled.div(templateObject_2$
|
|
77708
|
-
var ClickableChannelTitle=_styled(ActionButton)(templateObject_3$e$2||(templateObject_3$e$2=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var StyledChannelTitle$1=_styled.span(templateObject_4$8$2||(templateObject_4$8$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var BubbleStyle=function BubbleStyle(bubbleCount,backgroundColor,color){return css$2(templateObject_7$n||(templateObject_7$n=__makeTemplateObject$1(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),bubbleCount&&css$2(templateObject_5$5$2||(templateObject_5$5$2=__makeTemplateObject$1(["\n max-width: calc(100% / "," - ","px);\n "],["\n max-width: calc(100% / "," - ","px);\n "])),bubbleCount,BubbleGap),bubbleCount&&bubbleCount>1&&css$2(templateObject_6$2$2||(templateObject_6$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n "],["\n margin-right: ","px;\n "])),BubbleGap),HighlightBubble({backgroundColor:backgroundColor,color:color}));};var IndicatorHost=_styled.div(templateObject_8$l||(templateObject_8$l=__makeTemplateObject$1(["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"],["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"])),BubbleGap,function(p){return HighlightBubble({backgroundColor:p.backgroundColor,color:p.color});});var Indicator=_styled(ActionButton)(templateObject_9$g||(templateObject_9$g=__makeTemplateObject$1(["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"],["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"])));var StyledCallout$3=_styled(Callout)(templateObject_10$e||(templateObject_10$e=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var CalloutList=_styled.ul(templateObject_11$9||(templateObject_11$9=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n"])));var templateObject_1$s$2,templateObject_2$m$1,templateObject_3$e$2,templateObject_4$8$2,templateObject_5$5$2,templateObject_6$2$2,templateObject_7$n,templateObject_8$l,templateObject_9$g,templateObject_10$e,templateObject_11$9;_styled('div').withConfig({displayName:"ChannelSelector__Host",componentId:"sc-2h27u4-0"})(templateObject_1$r$2||(templateObject_1$r$2=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var templateObject_1$r$2;var ClickableChannelTitles=function ClickableChannelTitles(_a){var channels=_a.channels,buildChannelFilterUrl=_a.buildChannelFilterUrl,language=_a.language,channelBackgroundColor=_a.channelBackgroundColor,onClick=_a.onClick,className=_a.className;if(!(channels===null||channels===void 0?void 0:channels.length)){return null;}return jsx$1(Host$c$1,__assign$1({className:className,"data-channels":channels.join(',')},{children:channels.map(function(c){var channelKey=isChannel(c)?c.id:c;var title=jsx$1(ChannelBubble,__assign$1({backgroundColor:channelBackgroundColor},{children:jsx$1(ChannelTitle,{channel:c,language:language},void 0)}),void 0);return jsxs("li",{children:[buildChannelFilterUrl&&jsx$1(ChannelLink,__assign$1({"data-channel":true,to:buildChannelFilterUrl(isChannel(c)?c.name:c),"data-rounded-outline":true},{children:title}),void 0),onClick&&jsx$1(StyledActionButton$1,__assign$1({"data-rounded-outline":true,onClick:function(){return onClick(isChannel(c)?c.name:c);}},{children:title}),void 0),!onClick&&!buildChannelFilterUrl&&jsx$1(ChannelBubbleWrapper,{children:title},void 0)]},channelKey);})}),void 0);};function isChannel(value){return value.id!=null;}var Host$c$1=_styled.ul.withConfig({displayName:"ClickableChannelTitles__Host",componentId:"sc-1a7ny18-0"})(templateObject_1$q$2||(templateObject_1$q$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n span {\n white-space: break-spaces;\n }\n }\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n span {\n white-space: break-spaces;\n }\n }\n }\n"])),fontSizeSmall);var ChannelBubble=_styled.div.withConfig({displayName:"ClickableChannelTitles__ChannelBubble",componentId:"sc-1a7ny18-1"})(templateObject_2$l$1||(templateObject_2$l$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.backgroundColor?HighlightBubble({backgroundColor:p.backgroundColor}):HighlightBubble();});var ChannelLink=_styled(NavLink).withConfig({displayName:"ClickableChannelTitles__ChannelLink",componentId:"sc-1a7ny18-2"})(templateObject_3$d$2||(templateObject_3$d$2=__makeTemplateObject$1(["\n position: relative;\n z-index: 1;\n color: ",";\n display: inline-block;\n margin: 2px ","px 2px 0;\n"],["\n position: relative;\n z-index: 1;\n color: ",";\n display: inline-block;\n margin: 2px ","px 2px 0;\n"])),function(p){return p.theme.textColors.default;},spacingXs);var ChannelBubbleWrapper=_styled.span.withConfig({displayName:"ClickableChannelTitles__ChannelBubbleWrapper",componentId:"sc-1a7ny18-3"})(templateObject_4$7$2||(templateObject_4$7$2=__makeTemplateObject$1(["\n display: block;\n margin: 2px ","px 2px 0;\n"],["\n display: block;\n margin: 2px ","px 2px 0;\n"])),spacingXs);var StyledActionButton$1=_styled(ActionButton).withConfig({displayName:"ClickableChannelTitles__StyledActionButton",componentId:"sc-1a7ny18-4"})(templateObject_5$4$2||(templateObject_5$4$2=__makeTemplateObject$1(["\n && {\n height: auto;\n padding: 0;\n margin: 2px ","px 2px 0;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n margin: 2px ","px 2px 0;\n }\n"])),spacingXs);var templateObject_1$q$2,templateObject_2$l$1,templateObject_3$d$2,templateObject_4$7$2,templateObject_5$4$2;var ToolbarSearch=function ToolbarSearch(_a){var searchText=_a.searchText,onSearchTextChange=_a.onSearchTextChange,onExecuteSearch=_a.onExecuteSearch,onSearchIconClick=_a.onSearchIconClick,onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged;return jsxs(Fragment,{children:[jsx$1(SearchBoxLargeScreen,{children:jsx$1(SearchBox,{searchText:searchText,onSearchTextChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,onSearchInputFieldVisibilityChanged:onSearchInputFieldVisibilityChanged,isToolbarMode:true},void 0)},void 0),jsx$1(SearchIconSmallScreen,{children:jsx$1(ToolbarIconButton,{iconName:"Search",onClick:onSearchIconClick,tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0)},void 0)]},void 0);};var SearchBoxLargeScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchBoxLargeScreen",componentId:"sc-1f480ry-0"})(templateObject_1$p$2||(templateObject_1$p$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var SearchIconSmallScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchIconSmallScreen",componentId:"sc-1f480ry-1"})(templateObject_2$k$1||(templateObject_2$k$1=__makeTemplateObject$1(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),minScreenSize.medium);var templateObject_1$p$2,templateObject_2$k$1;var Toolbar$1=function Toolbar(_a){var leftSide=_a.leftSide,hideLeftSide=_a.hideLeftSide,rightSide=_a.rightSide,hideRightSide=_a.hideRightSide,search=_a.search,className=_a.className,children=_a.children;var _b=useState$2(false),isSearchInputFieldVisible=_b[0],setIsSearchInputFieldVisible=_b[1];return jsxs(Host$b$2,__assign$1({className:className,"data-content-toolbar":true},{children:[jsxs(Row,{children:[leftSide&&!hideLeftSide&&jsx$1(LeftSide$1,{children:leftSide},void 0),(rightSide||search)&&!hideRightSide&&jsxs(RightSide$1,{children:[search&&jsx$1(ToolbarSearch,{searchText:search.searchText,onSearchTextChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,onSearchIconClick:handleSearchIconClick,onSearchInputFieldVisibilityChanged:function(isVisible){return setIsSearchInputFieldVisible(isVisible);}},void 0),rightSide]},void 0)]},void 0),children,search&&isSearchInputFieldVisible&&jsx$1(SearchInputRow,{children:jsx$1(Search,{onClear:handleClearSearch,searchText:search.searchText,onChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,useLightTheme:true},void 0)},void 0)]}),void 0);function handleSearchIconClick(){var shouldShowSearch=!isSearchInputFieldVisible;if(shouldShowSearch){setIsSearchInputFieldVisible(true);}else {handleClearSearch();}}function handleClearSearch(){var _a;(_a=search.onSearchTextChange)===null||_a===void 0?void 0:_a.call(search,'');setIsSearchInputFieldVisible(false);}};var Host$b$2=_styled.div.withConfig({displayName:"Toolbar__Host",componentId:"sc-16ftbxt-0"})(templateObject_1$o$2||(templateObject_1$o$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"])),function(p){return p.theme.palette.white;},spacingXxs);var LeftSide$1=_styled.div.withConfig({displayName:"Toolbar__LeftSide",componentId:"sc-16ftbxt-1"})(templateObject_2$j$2||(templateObject_2$j$2=__makeTemplateObject$1(["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var RightSide$1=_styled.div.withConfig({displayName:"Toolbar__RightSide",componentId:"sc-16ftbxt-2"})(templateObject_3$c$2||(templateObject_3$c$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"])));var Row=_styled.div.withConfig({displayName:"Toolbar__Row",componentId:"sc-16ftbxt-3"})(templateObject_4$6$2||(templateObject_4$6$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var SearchInputRow=_styled.div.withConfig({displayName:"Toolbar__SearchInputRow",componentId:"sc-16ftbxt-4"})(templateObject_5$3$2||(templateObject_5$3$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n display: flex;\n width: 100%;\n @media (min-width: ","px) {\n display: none;\n }\n"])),minScreenSize.medium);var templateObject_1$o$2,templateObject_2$j$2,templateObject_3$c$2,templateObject_4$6$2,templateObject_5$3$2;_styled(Toolbar$1).withConfig({displayName:"ChromelessToolbar__StyledToolbar",componentId:"sc-1vovywb-0"})(templateObject_1$n$2||(templateObject_1$n$2=__makeTemplateObject$1(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingM);createGlobalStyle(templateObject_2$i$2||(templateObject_2$i$2=__makeTemplateObject$1(["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ","px) {\n margin-top: ","px;\n }\n }\n }\n"],["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ","px) {\n margin-top: ","px;\n }\n }\n }\n"])),minScreenSize.large,spacingM);var templateObject_1$n$2,templateObject_2$i$2;// todo: Apply this to all pages and make sure it works in IE
|
|
77712
|
+
var Host$e$2=_styled.div(templateObject_1$s$2||(templateObject_1$s$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ","px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"],["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ","px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"])),IndicatorWidth+BubbleGap);var ChannelsHost=_styled.div(templateObject_2$n$1||(templateObject_2$n$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));// Max channel width: Divide the space by the number of bubbles we need to display minus bubble gap - 6px
|
|
77713
|
+
var ClickableChannelTitle=_styled(ActionButton)(templateObject_3$f$1||(templateObject_3$f$1=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var StyledChannelTitle$1=_styled.span(templateObject_4$9$2||(templateObject_4$9$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var BubbleStyle=function BubbleStyle(bubbleCount,backgroundColor,color){return css$2(templateObject_7$n||(templateObject_7$n=__makeTemplateObject$1(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),bubbleCount&&css$2(templateObject_5$5$2||(templateObject_5$5$2=__makeTemplateObject$1(["\n max-width: calc(100% / "," - ","px);\n "],["\n max-width: calc(100% / "," - ","px);\n "])),bubbleCount,BubbleGap),bubbleCount&&bubbleCount>1&&css$2(templateObject_6$2$2||(templateObject_6$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n "],["\n margin-right: ","px;\n "])),BubbleGap),HighlightBubble({backgroundColor:backgroundColor,color:color}));};var IndicatorHost=_styled.div(templateObject_8$l||(templateObject_8$l=__makeTemplateObject$1(["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"],["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"])),BubbleGap,function(p){return HighlightBubble({backgroundColor:p.backgroundColor,color:p.color});});var Indicator=_styled(ActionButton)(templateObject_9$g||(templateObject_9$g=__makeTemplateObject$1(["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"],["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"])));var StyledCallout$3=_styled(Callout)(templateObject_10$e||(templateObject_10$e=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var CalloutList=_styled.ul(templateObject_11$9||(templateObject_11$9=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n"])));var templateObject_1$s$2,templateObject_2$n$1,templateObject_3$f$1,templateObject_4$9$2,templateObject_5$5$2,templateObject_6$2$2,templateObject_7$n,templateObject_8$l,templateObject_9$g,templateObject_10$e,templateObject_11$9;var ClickableChannelTitles=function ClickableChannelTitles(_a){var channels=_a.channels,buildChannelFilterUrl=_a.buildChannelFilterUrl,language=_a.language,channelBackgroundColor=_a.channelBackgroundColor,onClick=_a.onClick,className=_a.className;if(!(channels===null||channels===void 0?void 0:channels.length)){return null;}return jsx$1(Host$d$1,__assign$1({className:className,"data-channels":channels.join(',')},{children:channels.map(function(c){var channelKey=isChannel(c)?c.id:c;var title=jsx$1(ChannelBubble,__assign$1({backgroundColor:channelBackgroundColor},{children:jsx$1(ChannelTitle,{channel:c,language:language},void 0)}),void 0);return jsxs("li",{children:[buildChannelFilterUrl&&jsx$1(ChannelLink,__assign$1({"data-channel":true,to:buildChannelFilterUrl(isChannel(c)?c.name:c),"data-rounded-outline":true},{children:title}),void 0),onClick&&jsx$1(StyledActionButton$1,__assign$1({"data-rounded-outline":true,onClick:function(){return onClick(isChannel(c)?c.name:c);}},{children:title}),void 0),!onClick&&!buildChannelFilterUrl&&jsx$1(ChannelBubbleWrapper,{children:title},void 0)]},channelKey);})}),void 0);};function isChannel(value){return value.id!=null;}var Host$d$1=_styled.ul.withConfig({displayName:"ClickableChannelTitles__Host",componentId:"sc-1a7ny18-0"})(templateObject_1$r$2||(templateObject_1$r$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n span {\n white-space: break-spaces;\n }\n }\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n span {\n white-space: break-spaces;\n }\n }\n }\n"])),fontSizeSmall);var ChannelBubble=_styled.div.withConfig({displayName:"ClickableChannelTitles__ChannelBubble",componentId:"sc-1a7ny18-1"})(templateObject_2$m$1||(templateObject_2$m$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.backgroundColor?HighlightBubble({backgroundColor:p.backgroundColor}):HighlightBubble();});var ChannelLink=_styled(NavLink).withConfig({displayName:"ClickableChannelTitles__ChannelLink",componentId:"sc-1a7ny18-2"})(templateObject_3$e$2||(templateObject_3$e$2=__makeTemplateObject$1(["\n position: relative;\n z-index: 1;\n color: ",";\n display: inline-block;\n margin: 2px ","px 2px 0;\n"],["\n position: relative;\n z-index: 1;\n color: ",";\n display: inline-block;\n margin: 2px ","px 2px 0;\n"])),function(p){return p.theme.textColors.default;},spacingXs);var ChannelBubbleWrapper=_styled.span.withConfig({displayName:"ClickableChannelTitles__ChannelBubbleWrapper",componentId:"sc-1a7ny18-3"})(templateObject_4$8$2||(templateObject_4$8$2=__makeTemplateObject$1(["\n display: block;\n margin: 2px ","px 2px 0;\n"],["\n display: block;\n margin: 2px ","px 2px 0;\n"])),spacingXs);var StyledActionButton$1=_styled(ActionButton).withConfig({displayName:"ClickableChannelTitles__StyledActionButton",componentId:"sc-1a7ny18-4"})(templateObject_5$4$2||(templateObject_5$4$2=__makeTemplateObject$1(["\n && {\n height: auto;\n padding: 0;\n margin: 2px ","px 2px 0;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n margin: 2px ","px 2px 0;\n }\n"])),spacingXs);var templateObject_1$r$2,templateObject_2$m$1,templateObject_3$e$2,templateObject_4$8$2,templateObject_5$4$2;_styled.div.withConfig({displayName:"ChannelSelector__Host",componentId:"sc-2h27u4-0"})(templateObject_1$q$2||(templateObject_1$q$2=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));_styled(ClickableChannelTitles).withConfig({displayName:"ChannelSelector__Channels",componentId:"sc-2h27u4-1"})(templateObject_2$l$1||(templateObject_2$l$1=__makeTemplateObject$1(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingXs);_styled(TooltipHost$1).withConfig({displayName:"ChannelSelector__StyledTooltip",componentId:"sc-2h27u4-2"})(templateObject_3$d$2||(templateObject_3$d$2=__makeTemplateObject$1(["\n max-width: 300px;\n padding: 0 ","px ","px;\n"],["\n max-width: 300px;\n padding: 0 ","px ","px;\n"])),spacingM,spacingM);_styled(FormattedMessageWithStyle).withConfig({displayName:"ChannelSelector__TooltipTitle",componentId:"sc-2h27u4-3"})(templateObject_4$7$2||(templateObject_4$7$2=__makeTemplateObject$1(["\n font-size: ","px;\n // this needs to be 10px but the channels already have margin top of 6px\n margin-bottom: ","px;\n"],["\n font-size: ","px;\n // this needs to be 10px but the channels already have margin top of 6px\n margin-bottom: ","px;\n"])),fontSizeMedium,spacingS-spacingXs);var templateObject_1$q$2,templateObject_2$l$1,templateObject_3$d$2,templateObject_4$7$2;var ToolbarSearch=function ToolbarSearch(_a){var searchText=_a.searchText,onSearchTextChange=_a.onSearchTextChange,onExecuteSearch=_a.onExecuteSearch,onSearchIconClick=_a.onSearchIconClick,onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged;return jsxs(Fragment,{children:[jsx$1(SearchBoxLargeScreen,{children:jsx$1(SearchBox,{searchText:searchText,onSearchTextChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,onSearchInputFieldVisibilityChanged:onSearchInputFieldVisibilityChanged,isToolbarMode:true},void 0)},void 0),jsx$1(SearchIconSmallScreen,{children:jsx$1(ToolbarIconButton,{iconName:"Search",onClick:onSearchIconClick,tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0)},void 0)]},void 0);};var SearchBoxLargeScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchBoxLargeScreen",componentId:"sc-1f480ry-0"})(templateObject_1$p$2||(templateObject_1$p$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var SearchIconSmallScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchIconSmallScreen",componentId:"sc-1f480ry-1"})(templateObject_2$k$1||(templateObject_2$k$1=__makeTemplateObject$1(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),minScreenSize.medium);var templateObject_1$p$2,templateObject_2$k$1;var Toolbar$1=function Toolbar(_a){var leftSide=_a.leftSide,hideLeftSide=_a.hideLeftSide,rightSide=_a.rightSide,hideRightSide=_a.hideRightSide,search=_a.search,className=_a.className,children=_a.children;var _b=useState$2(false),isSearchInputFieldVisible=_b[0],setIsSearchInputFieldVisible=_b[1];return jsxs(Host$b$2,__assign$1({className:className,"data-content-toolbar":true},{children:[jsxs(Row,{children:[leftSide&&!hideLeftSide&&jsx$1(LeftSide$1,{children:leftSide},void 0),(rightSide||search)&&!hideRightSide&&jsxs(RightSide$1,{children:[search&&jsx$1(ToolbarSearch,{searchText:search.searchText,onSearchTextChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,onSearchIconClick:handleSearchIconClick,onSearchInputFieldVisibilityChanged:function(isVisible){return setIsSearchInputFieldVisible(isVisible);}},void 0),rightSide]},void 0)]},void 0),children,search&&isSearchInputFieldVisible&&jsx$1(SearchInputRow,{children:jsx$1(Search,{onClear:handleClearSearch,searchText:search.searchText,onChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,useLightTheme:true},void 0)},void 0)]}),void 0);function handleSearchIconClick(){var shouldShowSearch=!isSearchInputFieldVisible;if(shouldShowSearch){setIsSearchInputFieldVisible(true);}else {handleClearSearch();}}function handleClearSearch(){var _a;(_a=search.onSearchTextChange)===null||_a===void 0?void 0:_a.call(search,'');setIsSearchInputFieldVisible(false);}};var Host$b$2=_styled.div.withConfig({displayName:"Toolbar__Host",componentId:"sc-16ftbxt-0"})(templateObject_1$o$2||(templateObject_1$o$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"])),function(p){return p.theme.palette.white;},spacingXxs);var LeftSide$1=_styled.div.withConfig({displayName:"Toolbar__LeftSide",componentId:"sc-16ftbxt-1"})(templateObject_2$j$2||(templateObject_2$j$2=__makeTemplateObject$1(["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var RightSide$1=_styled.div.withConfig({displayName:"Toolbar__RightSide",componentId:"sc-16ftbxt-2"})(templateObject_3$c$2||(templateObject_3$c$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"])));var Row=_styled.div.withConfig({displayName:"Toolbar__Row",componentId:"sc-16ftbxt-3"})(templateObject_4$6$2||(templateObject_4$6$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var SearchInputRow=_styled.div.withConfig({displayName:"Toolbar__SearchInputRow",componentId:"sc-16ftbxt-4"})(templateObject_5$3$2||(templateObject_5$3$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n display: flex;\n width: 100%;\n @media (min-width: ","px) {\n display: none;\n }\n"])),minScreenSize.medium);var templateObject_1$o$2,templateObject_2$j$2,templateObject_3$c$2,templateObject_4$6$2,templateObject_5$3$2;_styled(Toolbar$1).withConfig({displayName:"ChromelessToolbar__StyledToolbar",componentId:"sc-1vovywb-0"})(templateObject_1$n$2||(templateObject_1$n$2=__makeTemplateObject$1(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingM);createGlobalStyle(templateObject_2$i$2||(templateObject_2$i$2=__makeTemplateObject$1(["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ","px) {\n margin-top: ","px;\n }\n }\n }\n"],["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ","px) {\n margin-top: ","px;\n }\n }\n }\n"])),minScreenSize.large,spacingM);var templateObject_1$n$2,templateObject_2$i$2;// todo: Apply this to all pages and make sure it works in IE
|
|
77709
77714
|
_styled.p.withConfig({displayName:"PageDescription",componentId:"sc-xcsmz7-0"})(templateObject_1$m$2||(templateObject_1$m$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"])));var templateObject_1$m$2;_styled.div.withConfig({displayName:"DragSource__Host",componentId:"sc-qzjyds-0"})(templateObject_1$l$2||(templateObject_1$l$2=__makeTemplateObject$1([""],[""])));var templateObject_1$l$2;var EmojiButton=function EmojiButton(_a){var onEmojiSelected=_a.onEmojiSelected,disabled=_a.disabled;var iconButton=useRef$1(null);var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];var formatMessage=useIntl().formatMessage;return jsxs(Fragment,{children:[jsx$1(ButtonWrapper,__assign$1({ref:iconButton},{children:jsx$1(IconButton,{"data-emoji-button":true,iconProps:{iconName:'Emoji2'},onClick:function(){return setShowCallout(true);},disabled:disabled,ariaLabel:formatMessage({id:'AriaLabel.emojiButton'})},void 0)}),void 0),showCallout&&jsx$1(StyledCallout$2,__assign$1({directionalHint:DirectionalHint.topCenter,target:iconButton.current,onDismiss:function(){return setShowCallout(false);},isBeakVisible:false,gapSpace:10,preventDismissOnScroll:true,styles:{calloutMain:{padding:spacingS-5}}},{children:jsx$1(EmojiPicker,{onSelect:handleSelect},void 0)}),void 0)]},void 0);function handleSelect(emoji){setShowCallout(false);onEmojiSelected(emoji.native);}};var ButtonWrapper=_styled.div.withConfig({displayName:"EmojiButton__ButtonWrapper",componentId:"sc-1eq2zlz-0"})(templateObject_1$k$2||(templateObject_1$k$2=__makeTemplateObject$1([""],[""])));var StyledCallout$2=_styled(Callout).withConfig({displayName:"EmojiButton__StyledCallout",componentId:"sc-1eq2zlz-1"})(templateObject_2$h$2||(templateObject_2$h$2=__makeTemplateObject$1(["\n border-radius: 10px;\n overflow: hidden;\n"],["\n border-radius: 10px;\n overflow: hidden;\n"])));var LazyEmojiPicker=/*#__PURE__*/lazy$1(function(){return import('./EmojiPicker.esm.esm.js');});var EmojiPicker=function EmojiPicker(_a){var onSelect=_a.onSelect;var windowSize=useWindowSize$2();return jsx$1(Suspense,__assign$1({fallback:jsx$1(EmojiPickerSuspenseHost,__assign$1({isSmaller:windowSize.width<minScreenSize.small},{children:jsx$1(Spinner,{},void 0)}),void 0)},{children:jsx$1(LazyEmojiPicker,{onSelect:onSelect},void 0)}),void 0);};var EmojiPickerSuspenseHost=_styled.div.withConfig({displayName:"EmojiButton__EmojiPickerSuspenseHost",componentId:"sc-1eq2zlz-2"})(templateObject_3$b$2||(templateObject_3$b$2=__makeTemplateObject$1(["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ","px;\n height: 400px;\n"],["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ","px;\n height: 400px;\n"])),function(p){return p.isSmaller?319:400;});var templateObject_1$k$2,templateObject_2$h$2,templateObject_3$b$2;var GiphyAttribution=function GiphyAttribution(){var env=useConfiguration();return jsx$1(AttributionHost,{children:jsx$1("a",__assign$1({href:"https://giphy.com",target:"_blank",rel:"noreferrer"},{children:jsx$1("img",{src:env.webAppUrl+"/assets/giphy/PoweredBy_200px-White_HorizText.png",alt:"Giphy Attribution"},void 0)}),void 0)},void 0);};var AttributionHost=_styled.div(templateObject_1$j$2||(templateObject_1$j$2=__makeTemplateObject$1(["\n text-align: right;\n margin-top: ","px;\n"],["\n text-align: right;\n margin-top: ","px;\n"])),spacingXs);var templateObject_1$j$2;var GifSelector=function GifSelector(_a){var _b,_c;var onGifClick=_a.onGifClick,className=_a.className;var clientConfig=useClientConfig();var formatMessage=useIntl().formatMessage;var gf=new dist$1.GiphyFetch(clientConfig.giphy.apiKey);var _d=useState$2(null),searchText=_d[0],setSearchText=_d[1];var debouncedSearchText=useDebounce(searchText,500)[0];var windowSize=useWindowSize$2();var _e=usePromise$2(getGifs,null,[debouncedSearchText]),gifs=_e[0],loading=_e[1];var gifSize=windowSize.width<550?80:100;return jsxs(Host$9$1,__assign$1({className:className},{children:[jsx$1(SearchBox$1,{placeholder:formatMessage({id:'Gif.searchPlaceHolder'}),iconProps:{iconName:'Search'},onChange:function(_,v){return setSearchText(v);},autoFocus:true},void 0),jsxs(GifContainer,__assign$1({columnWidth:gifSize},{children:[loading&&jsx$1(Spinner,{delay:300},void 0),((_b=gifs===null||gifs===void 0?void 0:gifs.data)===null||_b===void 0?void 0:_b.length)===0&&jsx$1(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0),(_c=gifs===null||gifs===void 0?void 0:gifs.data)===null||_c===void 0?void 0:_c.map(function(g){return jsx$1(ClickableGif,{gif:g,width:gifSize,height:gifSize,noLink:true,hideAttribution:true,onGifClick:onGifClick},g.id);})]}),void 0)]}),void 0);function getGifs(){if(!debouncedSearchText){return gf.trending({limit:21});}return gf.search(debouncedSearchText,{limit:21});}};var Host$9$1=_styled.div.withConfig({displayName:"GifSelector__Host",componentId:"sc-lame6k-0"})(templateObject_1$i$2||(templateObject_1$i$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var GifContainer=_styled.div.withConfig({displayName:"GifSelector__GifContainer",componentId:"sc-lame6k-1"})(templateObject_2$g$2||(templateObject_2$g$2=__makeTemplateObject$1(["\n margin-top: ","px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ","px);\n grid-gap: ","px;\n justify-content: space-around;\n"],["\n margin-top: ","px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ","px);\n grid-gap: ","px;\n justify-content: space-around;\n"])),spacingS,function(p){return p.columnWidth;},spacingXs);var ClickableGif=_styled(dist$4.Gif).withConfig({displayName:"GifSelector__ClickableGif",componentId:"sc-lame6k-2"})(templateObject_3$a$2||(templateObject_3$a$2=__makeTemplateObject$1(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));var templateObject_1$i$2,templateObject_2$g$2,templateObject_3$a$2;var GifSelectorCallout=function GifSelectorCallout(_a){var target=_a.target,onGifClick=_a.onGifClick,onDismiss=_a.onDismiss;return jsxs(StyledCallout$1$1,__assign$1({directionalHint:DirectionalHint.topCenter,target:target,onDismiss:onDismiss,isBeakVisible:false,gapSpace:10,preventDismissOnResize:true,preventDismissOnScroll:true,styles:{calloutMain:{padding:spacingS-5}}},{children:[jsx$1(StyledGifSelector,{onGifClick:onGifClick},void 0),jsx$1(GiphyAttribution,{},void 0)]}),void 0);};var StyledCallout$1$1=_styled(Callout)(templateObject_1$h$2||(templateObject_1$h$2=__makeTemplateObject$1(["\n border-radius: 10px;\n overflow: hidden;\n width: 360px;\n height: 450px;\n"],["\n border-radius: 10px;\n overflow: hidden;\n width: 360px;\n height: 450px;\n"])));var StyledGifSelector=_styled(GifSelector)(templateObject_2$f$2||(templateObject_2$f$2=__makeTemplateObject$1(["\n overflow-y: auto;\n height: 400px;\n"],["\n overflow-y: auto;\n height: 400px;\n"])));var templateObject_1$h$2,templateObject_2$f$2;createGlobalStyle(templateObject_1$g$2||(templateObject_1$g$2=__makeTemplateObject$1(["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n}\n"],["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n}\n"])),maxScreenSize.small);_styled(GifSelector).withConfig({displayName:"GifSelectorDialog__StyledDialogGifSelector",componentId:"sc-t6p48w-0"})(templateObject_2$e$2||(templateObject_2$e$2=__makeTemplateObject$1(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var templateObject_1$g$2,templateObject_2$e$2;var GifButton=function GifButton(_a){var disabled=_a.disabled,onGifClick=_a.onGifClick;var features=useFeatures();var formatMessage=useIntl().formatMessage;var refGifButton=useRef$1();var _b=useState$2(false),showGifSelector=_b[0],setShowGifSelector=_b[1];if(!features.giphy){return null;}return jsxs("div",{children:[jsx$1("div",__assign$1({ref:refGifButton},{children:jsx$1(IconButton,{iconProps:{iconName:'Gif'},onClick:function(){return setShowGifSelector(true);},disabled:disabled,"data-button-type":"gif",ariaLabel:formatMessage({id:'AriaLabel.gifButton'})},void 0)}),void 0),showGifSelector&&jsx$1(Fragment,{children:jsx$1(GifSelectorCallout,{target:refGifButton.current,onGifClick:handleGifClick,onDismiss:function(){return setShowGifSelector(false);}},void 0)},void 0)]},void 0);function handleGifClick(gif){setShowGifSelector(false);onGifClick({id:gif.id.toString(),filename:gif.title,url:gif.embed_url,type:AttachmentType.Giphy});}};var GifView=function GifView(_a){var gifInfo=_a.gifInfo,className=_a.className;var clientConfig=useClientConfig();var _b=useState$2(),gif=_b[0],setGif=_b[1];useEffect$1(function(){var gf=new dist$1.GiphyFetch(clientConfig.giphy.apiKey);gf.gif(gifInfo.id).then(function(r){return setGif(r.data);});},[clientConfig.giphy.apiKey,gifInfo.id]);if(!gif){return null;}return jsx$1(Host$8$1,__assign$1({className:className},{children:jsx$1(StyledGif,{gif:gif,width:300,noLink:true,hideAttribution:true},void 0)}),void 0);};var Host$8$1=_styled.div(templateObject_1$f$2||(templateObject_1$f$2=__makeTemplateObject$1([""],[""])));var StyledGif=_styled(dist$4.Gif)(templateObject_2$d$2||(templateObject_2$d$2=__makeTemplateObject$1(["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ","px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"],["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ","px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"])),maxScreenSize.small);var templateObject_1$f$2,templateObject_2$d$2;var GifEditList=function GifEditList(_a){var attachments=_a.attachments,onDeleteClick=_a.onDeleteClick,className=_a.className;var formatMessage=useIntl().formatMessage;var gifs=attachments.filter(function(a){return a.type===AttachmentType.Giphy;});if(gifs.length===0){return null;}return jsx$1(Host$7$1,__assign$1({className:className,"data-gif-attachment-list":true},{children:gifs.map(function(gif){return jsx$1(StyledAttachmentHost$1,__assign$1({domIdentifier:"gif",deleteButton:jsx$1(DeleteAttachmentButton,{"data-remove-attachment-button":gif.id,iconProps:{iconName:'ChromeClose'},onClick:function(){return onDeleteClick(gif);},ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)},{children:jsx$1(GifView,{gifInfo:gif},void 0)}),gif.id);})}),void 0);};var Host$7$1=_styled.div.withConfig({displayName:"GifEditList__Host",componentId:"sc-95dldh-0"})(templateObject_1$e$2||(templateObject_1$e$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"])));var StyledAttachmentHost$1=_styled(AttachmentHost).withConfig({displayName:"GifEditList__StyledAttachmentHost",componentId:"sc-95dldh-1"})(templateObject_2$c$2||(templateObject_2$c$2=__makeTemplateObject$1(["\n width: auto;\n"],["\n width: auto;\n"])));var templateObject_1$e$2,templateObject_2$c$2;var GifList=function GifList(_a){var attachments=_a.attachments,className=_a.className;var gifs=attachments.filter(function(a){return a.type===AttachmentType.Giphy;});if(gifs.length===0){return null;}return jsx$1(Host$6$1,__assign$1({className:className,"data-gif-url-preview":gifs[0].id},{children:jsx$1(StyledAttachmentHost,{children:jsx$1(GifView,{gifInfo:gifs[0]},void 0)},void 0)}),void 0);};var Host$6$1=_styled.div.withConfig({displayName:"GifList__Host",componentId:"sc-8gg7fj-0"})(templateObject_1$d$2||(templateObject_1$d$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"])));var StyledAttachmentHost=_styled(AttachmentHost).withConfig({displayName:"GifList__StyledAttachmentHost",componentId:"sc-8gg7fj-1"})(templateObject_2$b$2||(templateObject_2$b$2=__makeTemplateObject$1(["\n width: auto;\n margin: ","px 0 0 0;\n"],["\n width: auto;\n margin: ","px 0 0 0;\n"])),spacingS);var templateObject_1$d$2,templateObject_2$b$2;var PageViewType;(function(PageViewType){PageViewType["PostsGroupView"]="PostsGroupView";})(PageViewType||(PageViewType={}));function usePageViewTracker(basePath,itemId,viewType){var _this=this;var user=useCurrentUser();var sendBeacon=useBeaconHandler();var onRequestToken=useContext(AuthenticationContext).onRequestToken;var performanceTimer=usePerformanceTimer();var viewEndCallback=useRef$1(function(){return null;});useBeforeUnload$2(trackViewEnd);useEffect$1(function(){(function(){return __awaiter$1(_this,void 0,void 0,function(){var currentToken;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!itemId||!user){return [2/*return*/];}return [4/*yield*/,onRequestToken()];case 1:currentToken=_a.sent();viewEndCallback.current=trackPageView(basePath,user.subscription.id,itemId,viewType,currentToken);return [2/*return*/];}});});})();return function(){return trackViewEnd();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77710
77715
|
},[itemId,basePath,viewType]);function trackViewEnd(){if(viewEndCallback.current){viewEndCallback.current();}}function trackPageView(basePath,subscriptionId,itemId,viewType,accessToken){var sessionId=uuid_1$1.v4().toString();sendBeacon("/"+basePath+"/"+itemId+"/views/"+sessionId,accessToken,subscriptionId,{viewType:viewType});performanceTimer.start();var wasEndSessionExecuted=false;return function(){// only execute it once
|
|
77711
77716
|
if(wasEndSessionExecuted){return;}wasEndSessionExecuted=true;var duration=performanceTimer.end();sendBeacon("/"+basePath+"/"+itemId+"/views/"+sessionId+"/duration",accessToken,subscriptionId,{duration:duration,viewType:viewType});};}}function useUserPropertyDefinitionsHandler(){var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var defaultProperties={displayName:{},mobilePhone:{iconName:'cellPhone'},jobTitle:{iconName:'contactCard'},company:{iconName:'EMI'},address:{iconName:'MapPin'},notes:{iconName:'ContactInfo'}};return {getPropertyLabel:getLabel,getPropertyIcon:getIcon};function getLabel(definition){var language=getPreferredSupportedUiLanguage(user.preferredUiLanguage);var translations=definition.translations||{};var defaultPropertyNames=Object.keys(defaultProperties);return language&&translations[language]||translations[user.subscription.defaultLanguage]||definition.label||defaultPropertyNames.some(function(p){return p===definition.name;})&&formatMessage({id:"Generic."+definition.name})||definition.name;}function getIcon(definition){var _a,_b;return (_b=(_a=defaultProperties[definition.name])===null||_a===void 0?void 0:_a.iconName)!==null&&_b!==void 0?_b:'UserOptional';}}var IconWithCallout=function IconWithCallout(props){var _a;var _b;var iconRef=useRef$1(null);var _c=useState$2(false),showCallout=_c[0],setShowCallout=_c[1];return jsxs(Host$5$2,__assign$1({className:props.className},(_a={},_a[props.dataAttribute]=true,_a),{ref:iconRef},{children:[jsx$1(StyledIconButton$1,{"data-icon-with-callout":true,iconProps:{iconName:props.icon},onClick:handleIconClick,ariaLabel:props.ariaLabel,disabled:props.disabled},void 0),showCallout&&jsx$1(StyledCallout$5,__assign$1({className:"icon-with-callout-content",target:iconRef,directionalHint:// DirectionalHint.topLeftEdge has the value "0". Hence we cannot use the || operator...
|
|
@@ -77951,9 +77956,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
|
|
|
77951
77956
|
}), void 0);
|
|
77952
77957
|
};
|
|
77953
77958
|
|
|
77954
|
-
var version$1 = "0.3.
|
|
77955
|
-
var buildId = "
|
|
77956
|
-
var commitId = "
|
|
77959
|
+
var version$1 = "0.3.89";
|
|
77960
|
+
var buildId = "102640";
|
|
77961
|
+
var commitId = "ee1250f229eee94a95f4a68427064c4abbfe42f2";
|
|
77957
77962
|
var isCustomerBuild = false;
|
|
77958
77963
|
var buildInfo = {
|
|
77959
77964
|
version: version$1,
|
|
@@ -122205,7 +122210,7 @@ $$4({target:'Array',proto:true},{flatMap:function flatMap(callbackfn/* , thisArg
|
|
|
122205
122210
|
// in popular engines, so it's moved to a separate module
|
|
122206
122211
|
var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var KeywordsInfo=function KeywordsInfo(_a){var keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var flatKeywords=getFlatKeywordList(keywords);var hasKeywords=flatKeywords&&flatKeywords.length>0;if(!hasKeywords){return null;}return jsx$1(Host$S,__assign({"data-keywords":true},{children:renderKeywords()}),void 0);function renderKeywords(){var keywordsGroupsIds=Object.keys(keywords||[]);return keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).map(function(groupId){return keywords[groupId].length>0&&jsx$1(KeywordsGroup,{groupId:groupId,groupName:availableKeywordGroups[groupId].name,language:language,keywords:keywords,className:className,filterBaseUrl:filterBaseUrl},groupId);});}};var KeywordsGroup=function KeywordsGroup(_a){var groupId=_a.groupId,groupName=_a.groupName,keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;return jsxs(KeywordsList$1,__assign({className:classNames('ms-fontColor-neutralSecondaryAlt',className)},{children:[jsxs(KeywordsListTitle,{children:[jsx$1(KeywordTitle,{groupName:groupName,language:language},void 0),":"]},void 0),keywords[groupId].map(function(k){var Title=jsx$1(KeywordTitle,{groupName:groupName,keywordName:k.name,language:language},void 0);return jsx$1(KeywordsListItem,{children:filterBaseUrl?jsx$1(NavLink,__assign({"data-keyword":true,className:"ms-fontColor-neutralSecondaryAlt",to:filterBaseUrl+"?"+queryString.stringify({keywords:k.id})},{children:Title}),void 0):jsxs(Fragment,{children:[" ",Title," "]},void 0)},groupName+k.name);})]}),void 0);};var Host$S=_styled.div.withConfig({displayName:"KeywordsInfo__Host",componentId:"sc-woteiy-0"})(templateObject_1$2i||(templateObject_1$2i=__makeTemplateObject(["\n padding-right: ","px;\n flex: 1; /* IE fix */\n @media (min-width: 700px) {\n padding-right: ","px;\n }\n"],["\n padding-right: ","px;\n flex: 1; /* IE fix */\n @media (min-width: 700px) {\n padding-right: ","px;\n }\n"])),spacingM,spacingXl);var KeywordsList$1=_styled.dl.withConfig({displayName:"KeywordsInfo__KeywordsList",componentId:"sc-woteiy-1"})(templateObject_2$1u||(templateObject_2$1u=__makeTemplateObject(["\n width: 100%;\n margin: 0;\n\n + dl {\n margin-top: 5px;\n }\n"],["\n width: 100%;\n margin: 0;\n\n + dl {\n margin-top: 5px;\n }\n"])));var KeywordsListTitle=_styled.dt.withConfig({displayName:"KeywordsInfo__KeywordsListTitle",componentId:"sc-woteiy-2"})(templateObject_3$10||(templateObject_3$10=__makeTemplateObject(["\n display: inline-block;\n padding-right: 5px;\n word-break: normal;\n"],["\n display: inline-block;\n padding-right: 5px;\n word-break: normal;\n"])));var KeywordsListItem=_styled.dd.withConfig({displayName:"KeywordsInfo__KeywordsListItem",componentId:"sc-woteiy-3"})(templateObject_4$J||(templateObject_4$J=__makeTemplateObject(["\n display: inline-block;\n margin: 0;\n\n text-decoration: underline;\n\n &:not(:last-child) span::after {\n content: ',';\n padding-right: 5px;\n }\n"],["\n display: inline-block;\n margin: 0;\n\n text-decoration: underline;\n\n &:not(:last-child) span::after {\n content: ',';\n padding-right: 5px;\n }\n"])));var FlatKeywords=function FlatKeywords(_a){var keywords=_a.item.keywords,filterBaseUrl=_a.filterBaseUrl,className=_a.className,useGridKeywordTitle=_a.useGridKeywordTitle,onClick=_a.onClick,showAllKeywordsInCallout=_a.showAllKeywordsInCallout;var location=useLocation$1();var currentParamsObject=queryString.parse(location.search);var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var keywordsGroupsIds=Object.keys(keywords||[]);var flatKeywords=keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).flatMap(function(groupId){return keywords[groupId].map(function(keyword){return keyword;});});var flatKeywordsList=getFlatKeywordsList();if(showAllKeywordsInCallout){return jsx$1(Tooltip// Give the user more time to interact with the tooltip before it closes
|
|
122207
122212
|
,__assign({// Give the user more time to interact with the tooltip before it closes
|
|
122208
|
-
closeDelay:500,tooltipProps:{onRenderContent:function(){return jsx$1(TooltipList,{children:flatKeywords.map(function(k){return jsx$1("li",{children:jsx$1(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsx$1(Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsx$1(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsx$1(KeywordItem$2,{children:jsx$1(NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsx$1(KeywordItem$2,{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled.ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&css$2(templateObject_5$C||(templateObject_5$C=__makeTemplateObject(["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "],["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "])));});var KeywordItem$2=_styled.li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled.ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2i,templateObject_2$1u,templateObject_3$10,templateObject_4$J,templateObject_5$C,templateObject_6$r,templateObject_7$l,templateObject_8$j;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle,isExternalContent);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/g});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsx$1(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsx$1(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=css$2(templateObject_1$2h||(templateObject_1$2h=__makeTemplateObject(["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"],["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"])));var StyledLink$1=_styled(Link$4).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1t||(templateObject_2$1t=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var ExternalLink$1=_styled.a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$$||(templateObject_3$$=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var templateObject_1$2h,templateObject_2$1t,templateObject_3$$;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsx$1(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxs(Header$3,{children:[jsx$1(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsx$1(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxs(HeaderMetadata$2,{children:[jsx$1(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsx$1(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsx$1(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsx$1(Content$8,{children:jsx$1(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsx$1(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled.div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$_||(templateObject_3$_=__makeTemplateObject(["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"],["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"])),function(p){return p.backgroundColor?css$2(templateObject_1$2g||(templateObject_1$2g=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.backgroundColor):css$2(templateObject_2$1s||(templateObject_2$1s=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled.div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$I||(templateObject_4$I=__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));var StyledPersonaCard$3=_styled(PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var HeaderMetadata$2=_styled.div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"],["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled.div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var PostDateTime$1=_styled(DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var Content$8=_styled.div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var StyledKeywordsInfo$1=_styled(KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$c||(templateObject_10$c=__makeTemplateObject(["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"],["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"])),spacingM);var templateObject_1$2g,templateObject_2$1s,templateObject_3$_,templateObject_4$I,templateObject_5$B,templateObject_6$q,templateObject_7$k,templateObject_8$i,templateObject_9$e,templateObject_10$c;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsx$1(Fragment,{children:locationLink?jsx$1(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsx$1("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsx$1(Host$R,__assign({className:className},{children:jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsx$1(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsx$1("li",{children:jsx$1(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var item=_a.item,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contactsCount=item.contacts&&item.contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxs(Host$R,__assign({className:className},{children:[contactsCount>0&&jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsx$1(Label,{resourceKey:"Events.contactsLabel",count:contactsCount},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:item.contacts.map(function(c){return jsx$1("li",{children:jsx$1(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsx$1(Label,{resourceKey:"Events.authorLabel"},void 0),jsx$1(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsx$1("div",__assign({className:className},{children:jsx$1(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxs("div",{children:[jsx$1(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsx$1(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath("/events?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$R=_styled.div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2f||(templateObject_1$2f=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled.div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1r||(templateObject_2$1r=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled(ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$Z||(templateObject_3$Z=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled(PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$H||(templateObject_4$H=__makeTemplateObject(["\n text-decoration: underline;\n"],["\n text-decoration: underline;\n"])));var List$2=_styled.ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"],["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&css$2(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "],["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled(ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingS);var templateObject_1$2f,templateObject_2$1r,templateObject_3$Z,templateObject_4$H,templateObject_5$A,templateObject_6$p,templateObject_7$j;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxs(Host$Q,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsx$1(Image$1,{src:imageUrl,imageFit:ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$Q=_styled.div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$2e||(templateObject_1$2e=__makeTemplateObject(["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"],["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"])));var templateObject_1$2e;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=useContext(AuthenticationContext).onRequestToken;return useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
|
|
122213
|
+
closeDelay:500,tooltipProps:{onRenderContent:function(){return jsx$1(TooltipList,{children:flatKeywords.map(function(k){return jsx$1("li",{children:jsx$1(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsx$1(Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsx$1(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsx$1(KeywordItem$2,{children:jsx$1(NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsx$1(KeywordItem$2,{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled.ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&css$2(templateObject_5$C||(templateObject_5$C=__makeTemplateObject(["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "],["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "])));});var KeywordItem$2=_styled.li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled.ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2i,templateObject_2$1u,templateObject_3$10,templateObject_4$J,templateObject_5$C,templateObject_6$r,templateObject_7$l,templateObject_8$j;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle,isExternalContent);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/g});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsx$1(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsx$1(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=css$2(templateObject_1$2h||(templateObject_1$2h=__makeTemplateObject(["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"],["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"])));var StyledLink$1=_styled(Link$4).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1t||(templateObject_2$1t=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var ExternalLink$1=_styled.a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$$||(templateObject_3$$=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var templateObject_1$2h,templateObject_2$1t,templateObject_3$$;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsx$1(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxs(Header$3,{children:[jsx$1(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsx$1(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxs(HeaderMetadata$2,{children:[jsx$1(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsx$1(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsx$1(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsx$1(Content$8,{children:jsx$1(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsx$1(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled.div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$_||(templateObject_3$_=__makeTemplateObject(["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"],["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"])),function(p){return p.backgroundColor?css$2(templateObject_1$2g||(templateObject_1$2g=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.backgroundColor):css$2(templateObject_2$1s||(templateObject_2$1s=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled.div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$I||(templateObject_4$I=__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));var StyledPersonaCard$3=_styled(PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var HeaderMetadata$2=_styled.div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"],["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled.div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var PostDateTime$1=_styled(DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var Content$8=_styled.div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var StyledKeywordsInfo$1=_styled(KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$c||(templateObject_10$c=__makeTemplateObject(["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"],["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"])),spacingM);var templateObject_1$2g,templateObject_2$1s,templateObject_3$_,templateObject_4$I,templateObject_5$B,templateObject_6$q,templateObject_7$k,templateObject_8$i,templateObject_9$e,templateObject_10$c;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsx$1(Fragment,{children:locationLink?jsx$1(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsx$1("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventPathContext=/*#__PURE__*/createContext({eventsRootPath:'/events'});var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsx$1(Host$R,__assign({className:className},{children:jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsx$1(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsx$1("li",{children:jsx$1(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var item=_a.item,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contactsCount=item.contacts&&item.contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxs(Host$R,__assign({className:className},{children:[contactsCount>0&&jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsx$1(Label,{resourceKey:"Events.contactsLabel",count:contactsCount},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:item.contacts.map(function(c){return jsx$1("li",{children:jsx$1(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsx$1(Label,{resourceKey:"Events.authorLabel"},void 0),jsx$1(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsx$1("div",__assign({className:className},{children:jsx$1(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxs("div",{children:[jsx$1(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var eventsRootPath=useContext(EventPathContext).eventsRootPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsx$1(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath(eventsRootPath+"?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$R=_styled.div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2f||(templateObject_1$2f=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled.div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1r||(templateObject_2$1r=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled(ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$Z||(templateObject_3$Z=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled(PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$H||(templateObject_4$H=__makeTemplateObject(["\n text-decoration: underline;\n"],["\n text-decoration: underline;\n"])));var List$2=_styled.ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"],["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&css$2(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "],["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled(ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingS);var templateObject_1$2f,templateObject_2$1r,templateObject_3$Z,templateObject_4$H,templateObject_5$A,templateObject_6$p,templateObject_7$j;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxs(Host$Q,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsx$1(Image$1,{src:imageUrl,imageFit:ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$Q=_styled.div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$2e||(templateObject_1$2e=__makeTemplateObject(["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"],["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"])));var templateObject_1$2e;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=useContext(AuthenticationContext).onRequestToken;return useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
|
|
122209
122214
|
* Retrieve information on a given image. Does not return the actual image.
|
|
122210
122215
|
*/function getImageInfo(itemId,identifier,resourceType){var path="editor/"+resourceType+"/"+itemId+"/images/"+identifier;return api.custom(path+"/info").get().then(function(res){return res.body().data();});}function getImageEditorUrl(itemId,subscriptionId,identifier,resourceType){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();return [2/*return*/,getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType)];}});});}function getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType,width,height){var url=width?"/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/"+width+"/"+(height||''):"/editor/"+resourceType+"/"+itemId+"/images/"+identifier;return createApiUrl(url,{access_token:token,subscriptionId:subscriptionId});}function getOriginalImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType){return createApiUrl("/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/original",{access_token:token,subscriptionId:subscriptionId});}function uploadImage(subscriptionId,resourceType,newImage){return __awaiter(this,void 0,void 0,function(){var fd,token,config;return __generator(this,function(_a){switch(_a.label){case 0:// validate or set defaults
|
|
122211
122216
|
if(!newImage.identifier){// identifer defaults to 'banner'
|