@livetiles/reach-components-react 0.4.0-preview.123 → 0.4.0-preview.127
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/en.async.esm.esm.js +8 -1
- package/index.esm2.js +202 -182
- package/index.umd.js +210 -183
- package/package.json +1 -1
package/index.esm2.js
CHANGED
|
@@ -54577,6 +54577,16 @@ var VideoSource;
|
|
|
54577
54577
|
VideoSource[VideoSource["Kaltura"] = 4] = "Kaltura";
|
|
54578
54578
|
})(VideoSource || (VideoSource = {}));
|
|
54579
54579
|
|
|
54580
|
+
var StringVideoSource;
|
|
54581
|
+
|
|
54582
|
+
(function (StringVideoSource) {
|
|
54583
|
+
StringVideoSource["YouTube"] = "YOUTUBE";
|
|
54584
|
+
StringVideoSource["Vimeo"] = "VIMEO";
|
|
54585
|
+
StringVideoSource["MicrosoftStream"] = "MICROSOFTSTREAM";
|
|
54586
|
+
StringVideoSource["GenericUrl"] = "GENERICURL";
|
|
54587
|
+
StringVideoSource["Kaltura"] = "KALTURA";
|
|
54588
|
+
})(StringVideoSource || (StringVideoSource = {}));
|
|
54589
|
+
|
|
54580
54590
|
var UploadState;
|
|
54581
54591
|
|
|
54582
54592
|
(function (UploadState) {
|
|
@@ -77086,8 +77096,8 @@ var Dialog = function Dialog(_a) {
|
|
|
77086
77096
|
}, void 0);
|
|
77087
77097
|
};
|
|
77088
77098
|
|
|
77089
|
-
var Styles$1 = createGlobalStyle(templateObject_1$
|
|
77090
|
-
var templateObject_1$
|
|
77099
|
+
var Styles$1 = createGlobalStyle(templateObject_1$1d$1 || (templateObject_1$1d$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\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 max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\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 max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
|
|
77100
|
+
var templateObject_1$1d$1;
|
|
77091
77101
|
var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
77092
77102
|
|
|
77093
77103
|
var check$1 = function (it) {
|
|
@@ -78461,12 +78471,12 @@ var Tooltip = function Tooltip(props) {
|
|
|
78461
78471
|
};
|
|
78462
78472
|
|
|
78463
78473
|
var HighlightBubble = function HighlightBubble(style) {
|
|
78464
|
-
return css$2(templateObject_5$d$1 || (templateObject_5$d$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$
|
|
78474
|
+
return css$2(templateObject_5$d$1 || (templateObject_5$d$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$1c$1 || (templateObject_1$1c$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), style.backgroundColor) : css$2(templateObject_2$J$1 || (templateObject_2$J$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$t$1 || (templateObject_3$t$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) {
|
|
78465
78475
|
return p.theme.textColors.default;
|
|
78466
78476
|
}), spacingXxs, spacingS, spacingM);
|
|
78467
78477
|
};
|
|
78468
78478
|
|
|
78469
|
-
var templateObject_1$
|
|
78479
|
+
var templateObject_1$1c$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
|
|
78470
78480
|
|
|
78471
78481
|
var EditorHighlight = function EditorHighlight(_a) {
|
|
78472
78482
|
var tooltipResourceKey = _a.tooltipResourceKey,
|
|
@@ -78486,7 +78496,7 @@ var EditorHighlight = function EditorHighlight(_a) {
|
|
|
78486
78496
|
var EditorHighlightBubble = _styled.div.withConfig({
|
|
78487
78497
|
displayName: "EditorHighlight__EditorHighlightBubble",
|
|
78488
78498
|
componentId: "sc-1d6ahk1-0"
|
|
78489
|
-
})(templateObject_1$
|
|
78499
|
+
})(templateObject_1$1b$1 || (templateObject_1$1b$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) {
|
|
78490
78500
|
var readOnly = _a.readOnly;
|
|
78491
78501
|
return readOnly ? 'inherit' : 'pointer';
|
|
78492
78502
|
}, function (_a) {
|
|
@@ -78505,7 +78515,7 @@ _styled.div.withConfig({
|
|
|
78505
78515
|
return isActive ? 1 : 0.4;
|
|
78506
78516
|
});
|
|
78507
78517
|
|
|
78508
|
-
var templateObject_1$
|
|
78518
|
+
var templateObject_1$1b$1, templateObject_2$I$1;
|
|
78509
78519
|
|
|
78510
78520
|
var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
78511
78521
|
var showDialog = _a.showDialog,
|
|
@@ -78560,25 +78570,25 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78560
78570
|
var Host$y$1 = _styled.div.withConfig({
|
|
78561
78571
|
displayName: "EditorSettingsDialog__Host",
|
|
78562
78572
|
componentId: "sc-132lfuo-0"
|
|
78563
|
-
})(templateObject_1$
|
|
78573
|
+
})(templateObject_1$1a$1 || (templateObject_1$1a$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);
|
|
78564
78574
|
|
|
78565
78575
|
var EditorSettingsDialogWithFixedWidth = _styled(EditorSettingsDialog).withConfig({
|
|
78566
78576
|
displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
|
|
78567
78577
|
componentId: "sc-132lfuo-1"
|
|
78568
78578
|
})(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
|
|
78569
78579
|
|
|
78570
|
-
var templateObject_1$
|
|
78580
|
+
var templateObject_1$1a$1, templateObject_2$H$1;
|
|
78571
78581
|
|
|
78572
78582
|
var IconButton = _styled(IconButton$1).withConfig({
|
|
78573
78583
|
displayName: "IconButton",
|
|
78574
78584
|
componentId: "sc-1mokw5y-0"
|
|
78575
|
-
})(templateObject_1$
|
|
78585
|
+
})(templateObject_1$19$1 || (templateObject_1$19$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) {
|
|
78576
78586
|
var _a;
|
|
78577
78587
|
|
|
78578
78588
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
78579
78589
|
});
|
|
78580
78590
|
|
|
78581
|
-
var templateObject_1$
|
|
78591
|
+
var templateObject_1$19$1;
|
|
78582
78592
|
|
|
78583
78593
|
var GutterToggle = function GutterToggle(_a) {
|
|
78584
78594
|
var checked = _a.checked,
|
|
@@ -78615,7 +78625,7 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78615
78625
|
var Host$x$1 = _styled.div.withConfig({
|
|
78616
78626
|
displayName: "GutterToggle__Host",
|
|
78617
78627
|
componentId: "sc-1aya63j-0"
|
|
78618
|
-
})(templateObject_1$
|
|
78628
|
+
})(templateObject_1$18$1 || (templateObject_1$18$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"])));
|
|
78619
78629
|
|
|
78620
78630
|
var ToggleIcon = _styled(IconButton).withConfig({
|
|
78621
78631
|
displayName: "GutterToggle__ToggleIcon",
|
|
@@ -78627,8 +78637,8 @@ var Spacer = _styled.div.withConfig({
|
|
|
78627
78637
|
componentId: "sc-1aya63j-2"
|
|
78628
78638
|
})(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
|
|
78629
78639
|
|
|
78630
|
-
var templateObject_1$
|
|
78631
|
-
var LinkStyle$1 = css$2(templateObject_1$
|
|
78640
|
+
var templateObject_1$18$1, templateObject_2$G$1, templateObject_3$s$1;
|
|
78641
|
+
var LinkStyle$1 = css$2(templateObject_1$17$1 || (templateObject_1$17$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) {
|
|
78632
78642
|
return p.theme.palette.accent;
|
|
78633
78643
|
}, function (p) {
|
|
78634
78644
|
return p.theme.palette.accent;
|
|
@@ -78644,7 +78654,7 @@ var Link$2 = _styled(Link$4).withConfig({
|
|
|
78644
78654
|
componentId: "sc-5x4ijx-1"
|
|
78645
78655
|
})(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78646
78656
|
|
|
78647
|
-
var templateObject_1$
|
|
78657
|
+
var templateObject_1$17$1, templateObject_2$F$1, templateObject_3$r$1;
|
|
78648
78658
|
|
|
78649
78659
|
var NotificationBar = function NotificationBar() {
|
|
78650
78660
|
var hideNotification = useNotificationContext().hideNotification;
|
|
@@ -78693,14 +78703,14 @@ var NotificationBar = function NotificationBar() {
|
|
|
78693
78703
|
var Host$w$1 = _styled.div.withConfig({
|
|
78694
78704
|
displayName: "NotificationBar__Host",
|
|
78695
78705
|
componentId: "sc-17dep9g-0"
|
|
78696
|
-
})(templateObject_1$
|
|
78706
|
+
})(templateObject_1$16$1 || (templateObject_1$16$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"])));
|
|
78697
78707
|
|
|
78698
78708
|
var StyledMessageBar = _styled(MessageBar).withConfig({
|
|
78699
78709
|
displayName: "NotificationBar__StyledMessageBar",
|
|
78700
78710
|
componentId: "sc-17dep9g-1"
|
|
78701
78711
|
})(templateObject_2$E$1 || (templateObject_2$E$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);
|
|
78702
78712
|
|
|
78703
|
-
var templateObject_1$
|
|
78713
|
+
var templateObject_1$16$1, templateObject_2$E$1;
|
|
78704
78714
|
|
|
78705
78715
|
var PeoplePicker = function PeoplePicker(props) {
|
|
78706
78716
|
var _a;
|
|
@@ -78965,9 +78975,9 @@ function isArray$3$1(accounts) {
|
|
|
78965
78975
|
var Container$1$1 = _styled.div.withConfig({
|
|
78966
78976
|
displayName: "PeoplePicker__Container",
|
|
78967
78977
|
componentId: "sc-1if6guq-0"
|
|
78968
|
-
})(templateObject_1$
|
|
78978
|
+
})(templateObject_1$15$1 || (templateObject_1$15$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"])));
|
|
78969
78979
|
|
|
78970
|
-
var templateObject_1$
|
|
78980
|
+
var templateObject_1$15$1;
|
|
78971
78981
|
var $$5$1 = _export$1;
|
|
78972
78982
|
var getOwnPropertyDescriptor$1$1 = objectGetOwnPropertyDescriptor$1.f;
|
|
78973
78983
|
var toLength$5$1 = toLength$8$1;
|
|
@@ -79063,11 +79073,11 @@ var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
|
|
|
79063
79073
|
var Host$v$1 = _styled.a.withConfig({
|
|
79064
79074
|
displayName: "AttachedMediaDownloadLink__Host",
|
|
79065
79075
|
componentId: "sc-8hqs4q-0"
|
|
79066
|
-
})(templateObject_1$
|
|
79076
|
+
})(templateObject_1$14$1 || (templateObject_1$14$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) {
|
|
79067
79077
|
return p.theme.palette.accent;
|
|
79068
79078
|
}, spacingS);
|
|
79069
79079
|
|
|
79070
|
-
var templateObject_1$
|
|
79080
|
+
var templateObject_1$14$1;
|
|
79071
79081
|
|
|
79072
79082
|
var AudioFile = function AudioFile(_a) {
|
|
79073
79083
|
var fileName = _a.fileName,
|
|
@@ -79105,14 +79115,14 @@ function isAudioFile(fileName) {
|
|
|
79105
79115
|
var Host$u$1 = _styled.div.withConfig({
|
|
79106
79116
|
displayName: "AudioFile__Host",
|
|
79107
79117
|
componentId: "sc-wq9avv-0"
|
|
79108
|
-
})(templateObject_1$
|
|
79118
|
+
})(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
79109
79119
|
|
|
79110
|
-
var templateObject_1$
|
|
79120
|
+
var templateObject_1$13$1;
|
|
79111
79121
|
|
|
79112
79122
|
_styled.div.withConfig({
|
|
79113
79123
|
displayName: "GroupedListItemStyles__GroupedListItemHost",
|
|
79114
79124
|
componentId: "sc-upeq9r-0"
|
|
79115
|
-
})(templateObject_1$
|
|
79125
|
+
})(templateObject_1$12$1 || (templateObject_1$12$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);
|
|
79116
79126
|
|
|
79117
79127
|
_styled.h2.withConfig({
|
|
79118
79128
|
displayName: "GroupedListItemStyles__GroupedListItemTitle",
|
|
@@ -79121,7 +79131,7 @@ _styled.h2.withConfig({
|
|
|
79121
79131
|
return p.theme.textColors.default;
|
|
79122
79132
|
});
|
|
79123
79133
|
|
|
79124
|
-
var templateObject_1$
|
|
79134
|
+
var templateObject_1$12$1, templateObject_2$D$1;
|
|
79125
79135
|
|
|
79126
79136
|
var AttachmentHost = function AttachmentHost(_a) {
|
|
79127
79137
|
var children = _a.children,
|
|
@@ -79146,7 +79156,7 @@ var AttachmentHost = function AttachmentHost(_a) {
|
|
|
79146
79156
|
var Inner$2$2 = _styled.div.withConfig({
|
|
79147
79157
|
displayName: "AttachmentHost__Inner",
|
|
79148
79158
|
componentId: "sc-mjwmvo-0"
|
|
79149
|
-
})(templateObject_1$
|
|
79159
|
+
})(templateObject_1$11$1 || (templateObject_1$11$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) {
|
|
79150
79160
|
return p.backgroundColor ? "background-color: " + p.backgroundColor + ";" : "background-color: " + p.theme.palette.white + ";";
|
|
79151
79161
|
});
|
|
79152
79162
|
|
|
@@ -79162,12 +79172,12 @@ var Host$t$1 = _styled.div.withConfig({
|
|
|
79162
79172
|
componentId: "sc-mjwmvo-2"
|
|
79163
79173
|
})(templateObject_3$q$1 || (templateObject_3$q$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);
|
|
79164
79174
|
|
|
79165
|
-
var templateObject_1$
|
|
79175
|
+
var templateObject_1$11$1, templateObject_2$C$1, templateObject_3$q$1;
|
|
79166
79176
|
|
|
79167
79177
|
var ActionButton = _styled(ActionButton$1).withConfig({
|
|
79168
79178
|
displayName: "ActionButton",
|
|
79169
79179
|
componentId: "sc-hmhuj9-0"
|
|
79170
|
-
})(templateObject_1
|
|
79180
|
+
})(templateObject_1$10$1 || (templateObject_1$10$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) {
|
|
79171
79181
|
var _a;
|
|
79172
79182
|
|
|
79173
79183
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
@@ -79177,7 +79187,7 @@ var ActionButton = _styled(ActionButton$1).withConfig({
|
|
|
79177
79187
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
79178
79188
|
});
|
|
79179
79189
|
|
|
79180
|
-
var templateObject_1
|
|
79190
|
+
var templateObject_1$10$1;
|
|
79181
79191
|
var regexpStickyHelpers$2 = {};
|
|
79182
79192
|
var fails$6$1 = fails$h$1; // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
|
|
79183
79193
|
// so we use an intermediate function.
|
|
@@ -80700,9 +80710,9 @@ var mediumMaxContentWidth = minScreenSize.medium - spacingX;
|
|
|
80700
80710
|
_styled.div.withConfig({
|
|
80701
80711
|
displayName: "ListItemsContainer",
|
|
80702
80712
|
componentId: "sc-1ml8hli-0"
|
|
80703
|
-
})(templateObject_1
|
|
80713
|
+
})(templateObject_1$$$1 || (templateObject_1$$$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);
|
|
80704
80714
|
|
|
80705
|
-
var templateObject_1
|
|
80715
|
+
var templateObject_1$$$1;
|
|
80706
80716
|
|
|
80707
80717
|
function getGoogleMapsSearchLink(name) {
|
|
80708
80718
|
if (!name) {
|
|
@@ -80750,17 +80760,17 @@ var LeftBannerWrapper = _styled.div.withConfig({
|
|
|
80750
80760
|
displayName: "Utils__LeftBannerWrapper",
|
|
80751
80761
|
componentId: "sc-1qatfzk-0"
|
|
80752
80762
|
})(templateObject_2$B$1 || (templateObject_2$B$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) {
|
|
80753
|
-
return p.showPlaceholder && css$2(templateObject_1$
|
|
80763
|
+
return p.showPlaceholder && css$2(templateObject_1$_$1 || (templateObject_1$_$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), p.theme.palette.accent);
|
|
80754
80764
|
}, minScreenSize.small, smallMaxContentWidth, bannerAspectRatio, minScreenSize.medium, function (p) {
|
|
80755
80765
|
return p.defaultWidth ? p.defaultWidth : 250;
|
|
80756
80766
|
}); // react router dom path matcher stops at the next '/' (slash) character
|
|
80757
80767
|
|
|
80758
|
-
var templateObject_1$
|
|
80768
|
+
var templateObject_1$_$1, templateObject_2$B$1;
|
|
80759
80769
|
|
|
80760
80770
|
_styled.div.withConfig({
|
|
80761
80771
|
displayName: "AvailableSubscriptionList__Host",
|
|
80762
80772
|
componentId: "sc-113n7q9-0"
|
|
80763
|
-
})(templateObject_1$
|
|
80773
|
+
})(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"])));
|
|
80764
80774
|
|
|
80765
80775
|
_styled(ActionButton).withConfig({
|
|
80766
80776
|
displayName: "AvailableSubscriptionList__SubscriptionButton",
|
|
@@ -80769,7 +80779,7 @@ _styled(ActionButton).withConfig({
|
|
|
80769
80779
|
return p.theme.palette.accent;
|
|
80770
80780
|
});
|
|
80771
80781
|
|
|
80772
|
-
var templateObject_1$
|
|
80782
|
+
var templateObject_1$Z$1, templateObject_2$A$1;
|
|
80773
80783
|
|
|
80774
80784
|
var Callout = function Callout(_a) {
|
|
80775
80785
|
var children = _a.children,
|
|
@@ -80785,7 +80795,7 @@ var Callout = function Callout(_a) {
|
|
|
80785
80795
|
_styled.span.withConfig({
|
|
80786
80796
|
displayName: "ConfirmDeleteDialog__LinePreserverSpan",
|
|
80787
80797
|
componentId: "sc-1ybmivq-0"
|
|
80788
|
-
})(templateObject_1$
|
|
80798
|
+
})(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
|
|
80789
80799
|
|
|
80790
80800
|
_styled(TextField).withConfig({
|
|
80791
80801
|
displayName: "ConfirmDeleteDialog__StyledTextField",
|
|
@@ -80805,7 +80815,7 @@ _styled(PrimaryButton).withConfig({
|
|
|
80805
80815
|
return p.theme.palette.redDark;
|
|
80806
80816
|
});
|
|
80807
80817
|
|
|
80808
|
-
var templateObject_1$
|
|
80818
|
+
var templateObject_1$Y$1, templateObject_2$z$1, templateObject_3$p$1;
|
|
80809
80819
|
|
|
80810
80820
|
var ConfirmDialog = function ConfirmDialog(_a) {
|
|
80811
80821
|
var showDialog = _a.showDialog,
|
|
@@ -80866,9 +80876,9 @@ var ConfirmDialog = function ConfirmDialog(_a) {
|
|
|
80866
80876
|
_styled.div.withConfig({
|
|
80867
80877
|
displayName: "ConfirmResetDialog__Host",
|
|
80868
80878
|
componentId: "sc-akcggz-0"
|
|
80869
|
-
})(templateObject_1$
|
|
80879
|
+
})(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
|
|
80870
80880
|
|
|
80871
|
-
var templateObject_1$
|
|
80881
|
+
var templateObject_1$X$1;
|
|
80872
80882
|
|
|
80873
80883
|
var RelativeDateTime = function RelativeDateTime(_a) {
|
|
80874
80884
|
var absoluteValue = _a.value;
|
|
@@ -81078,18 +81088,18 @@ var DateTimeRange = function DateTimeRange(_a) {
|
|
|
81078
81088
|
var Host$q$1 = _styled.time.withConfig({
|
|
81079
81089
|
displayName: "DateTime__Host",
|
|
81080
81090
|
componentId: "sc-ulo84j-0"
|
|
81081
|
-
})(templateObject_1$
|
|
81091
|
+
})(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
81082
81092
|
|
|
81083
|
-
var templateObject_1$
|
|
81093
|
+
var templateObject_1$W$1;
|
|
81084
81094
|
|
|
81085
81095
|
_styled.div.withConfig({
|
|
81086
81096
|
displayName: "Divider",
|
|
81087
81097
|
componentId: "sc-1qr9ydh-0"
|
|
81088
|
-
})(templateObject_1$
|
|
81098
|
+
})(templateObject_1$V$1 || (templateObject_1$V$1 = __makeTemplateObject$1(["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"], ["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"])), function (p) {
|
|
81089
81099
|
return p.theme.palette.neutralTertiary;
|
|
81090
81100
|
}, defaultPageBackgroundColor);
|
|
81091
81101
|
|
|
81092
|
-
var templateObject_1$
|
|
81102
|
+
var templateObject_1$V$1;
|
|
81093
81103
|
|
|
81094
81104
|
var Dropdown = function Dropdown(_a) {
|
|
81095
81105
|
var _b;
|
|
@@ -81131,9 +81141,9 @@ var EmptyList = function EmptyList(_a) {
|
|
|
81131
81141
|
var Container$3 = _styled.div.withConfig({
|
|
81132
81142
|
displayName: "EmptyList__Container",
|
|
81133
81143
|
componentId: "sc-11jeabk-0"
|
|
81134
|
-
})(templateObject_1$
|
|
81144
|
+
})(templateObject_1$U$1 || (templateObject_1$U$1 = __makeTemplateObject$1(["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"], ["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"])), minScreenSize.small);
|
|
81135
81145
|
|
|
81136
|
-
var templateObject_1$
|
|
81146
|
+
var templateObject_1$U$1;
|
|
81137
81147
|
|
|
81138
81148
|
var hasFlag = function hasFlag(baseValue, flag) {
|
|
81139
81149
|
return baseValue != null && (baseValue & flag) === flag;
|
|
@@ -81172,7 +81182,7 @@ $$2$1({
|
|
|
81172
81182
|
_styled.div.withConfig({
|
|
81173
81183
|
displayName: "FieldTranslationEditor__Host",
|
|
81174
81184
|
componentId: "sc-1s8zb6d-0"
|
|
81175
|
-
})(templateObject_1$
|
|
81185
|
+
})(templateObject_1$T$1 || (templateObject_1$T$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"])));
|
|
81176
81186
|
|
|
81177
81187
|
_styled.div.withConfig({
|
|
81178
81188
|
displayName: "FieldTranslationEditor__TranslationField",
|
|
@@ -81194,7 +81204,7 @@ _styled.div.withConfig({
|
|
|
81194
81204
|
componentId: "sc-1s8zb6d-4"
|
|
81195
81205
|
})(templateObject_5$c$1 || (templateObject_5$c$1 = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
81196
81206
|
|
|
81197
|
-
var templateObject_1$
|
|
81207
|
+
var templateObject_1$T$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$h$1, templateObject_5$c$1;
|
|
81198
81208
|
|
|
81199
81209
|
var Spinner = function Spinner(props) {
|
|
81200
81210
|
var _a = useState$2(props.delay == null),
|
|
@@ -81230,9 +81240,9 @@ var Spinner = function Spinner(props) {
|
|
|
81230
81240
|
var Host$o$1 = _styled.div.withConfig({
|
|
81231
81241
|
displayName: "Spinner__Host",
|
|
81232
81242
|
componentId: "sc-1wroad6-0"
|
|
81233
|
-
})(templateObject_1$
|
|
81243
|
+
})(templateObject_1$S$1 || (templateObject_1$S$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"])));
|
|
81234
81244
|
|
|
81235
|
-
var templateObject_1$
|
|
81245
|
+
var templateObject_1$S$1;
|
|
81236
81246
|
var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
|
|
81237
81247
|
var isRegExp$6 = isRegexp$2;
|
|
81238
81248
|
var anObject$j = anObject$e$1;
|
|
@@ -81427,7 +81437,7 @@ var InputPlaceholder = function InputPlaceholder(content) {
|
|
|
81427
81437
|
};
|
|
81428
81438
|
|
|
81429
81439
|
var LineClamp = function LineClamp(lines, fontSize, lineHeight) {
|
|
81430
|
-
return css$2(templateObject_1$
|
|
81440
|
+
return css$2(templateObject_1$R$1 || (templateObject_1$R$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);
|
|
81431
81441
|
};
|
|
81432
81442
|
|
|
81433
81443
|
function getImageSize(url) {
|
|
@@ -81539,7 +81549,7 @@ function getFileIconByExtension(extension) {
|
|
|
81539
81549
|
}
|
|
81540
81550
|
}
|
|
81541
81551
|
|
|
81542
|
-
var templateObject_1$
|
|
81552
|
+
var templateObject_1$R$1;
|
|
81543
81553
|
|
|
81544
81554
|
function useFileAccessTokenApi() {
|
|
81545
81555
|
var api = useApi();
|
|
@@ -81692,7 +81702,7 @@ var FileAttachmentList = function FileAttachmentList(_a) {
|
|
|
81692
81702
|
var FilesListHost = _styled.ul.withConfig({
|
|
81693
81703
|
displayName: "FileAttachmentList__FilesListHost",
|
|
81694
81704
|
componentId: "sc-lwztxx-0"
|
|
81695
|
-
})(templateObject_1$
|
|
81705
|
+
})(templateObject_1$Q$1 || (templateObject_1$Q$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"])));
|
|
81696
81706
|
|
|
81697
81707
|
var VideoFilesListHost = _styled.ul.withConfig({
|
|
81698
81708
|
displayName: "FileAttachmentList__VideoFilesListHost",
|
|
@@ -81867,7 +81877,7 @@ var WarningIcon$1 = _styled(Icon).withConfig({
|
|
|
81867
81877
|
return p.theme.palette.redDark;
|
|
81868
81878
|
});
|
|
81869
81879
|
|
|
81870
|
-
var templateObject_1$
|
|
81880
|
+
var templateObject_1$Q$1, templateObject_2$x$1, templateObject_3$n$1, templateObject_4$g$1, templateObject_5$b$1, templateObject_6$9$1, templateObject_7$5$1, templateObject_8$5$1, templateObject_9$4$1, templateObject_10$1$2, templateObject_11$1$2, templateObject_12$8, templateObject_13$7, templateObject_14$7, templateObject_15$7, templateObject_16$7;
|
|
81871
81881
|
var FabNavigationPosition;
|
|
81872
81882
|
|
|
81873
81883
|
(function (FabNavigationPosition) {
|
|
@@ -81879,7 +81889,7 @@ _styled.nav.withConfig({
|
|
|
81879
81889
|
displayName: "FloatingActionButton__Navigation",
|
|
81880
81890
|
componentId: "sc-1spkihm-0"
|
|
81881
81891
|
})(templateObject_3$m$1 || (templateObject_3$m$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) {
|
|
81882
|
-
return p.positionBottomOnMobile ? css$2(templateObject_1$
|
|
81892
|
+
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$w$1 || (templateObject_2$w$1 = __makeTemplateObject$1(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), p.offsetTop + 20);
|
|
81883
81893
|
});
|
|
81884
81894
|
|
|
81885
81895
|
var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
|
|
@@ -81926,7 +81936,7 @@ _styled(DefaultButton).withConfig({
|
|
|
81926
81936
|
componentId: "sc-1spkihm-4"
|
|
81927
81937
|
})(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
|
|
81928
81938
|
|
|
81929
|
-
var templateObject_1$
|
|
81939
|
+
var templateObject_1$P$1, templateObject_2$w$1, templateObject_3$m$1, templateObject_4$f$1, templateObject_5$a$1, templateObject_6$8$1, templateObject_7$4$2, templateObject_8$4$2, templateObject_9$3$1, templateObject_10$e, templateObject_11$9;
|
|
81930
81940
|
|
|
81931
81941
|
var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
81932
81942
|
var _b = _a.tagName,
|
|
@@ -81942,82 +81952,9 @@ var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
|
81942
81952
|
}, void 0));
|
|
81943
81953
|
};
|
|
81944
81954
|
|
|
81945
|
-
|
|
81946
|
-
var icon = _a.icon,
|
|
81947
|
-
isActive = _a.isActive,
|
|
81948
|
-
disabled = _a.disabled,
|
|
81949
|
-
tooltipResourceKey = _a.tooltipResourceKey,
|
|
81950
|
-
onClick = _a.onClick,
|
|
81951
|
-
link = _a.link,
|
|
81952
|
-
className = _a.className,
|
|
81953
|
-
rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
|
|
81954
|
-
|
|
81955
|
-
var formatMessage = useIntl().formatMessage;
|
|
81956
|
-
|
|
81957
|
-
if (!link && !onClick) {
|
|
81958
|
-
return null;
|
|
81959
|
-
}
|
|
81960
|
-
|
|
81961
|
-
var allClassNames = classNames('header-button', className);
|
|
81962
|
-
var IconElement = !link ? jsx$1(Button, __assign$1({
|
|
81963
|
-
className: allClassNames,
|
|
81964
|
-
disabled: disabled,
|
|
81965
|
-
onClick: function (e) {
|
|
81966
|
-
return onClick(e.currentTarget);
|
|
81967
|
-
},
|
|
81968
|
-
iconProps: {
|
|
81969
|
-
iconName: icon
|
|
81970
|
-
},
|
|
81971
|
-
ariaLabel: formatMessage({
|
|
81972
|
-
id: tooltipResourceKey
|
|
81973
|
-
}),
|
|
81974
|
-
"data-button-type": "header-btn",
|
|
81975
|
-
isActive: isActive
|
|
81976
|
-
}, rest), void 0) : jsx$1(StyledLink$2, __assign$1({
|
|
81977
|
-
className: allClassNames,
|
|
81978
|
-
to: link
|
|
81979
|
-
}, rest, {
|
|
81980
|
-
children: jsx$1(Icon, {
|
|
81981
|
-
iconName: icon
|
|
81982
|
-
}, void 0)
|
|
81983
|
-
}), void 0);
|
|
81984
|
-
return jsx$1(Host$m$1, __assign$1({
|
|
81985
|
-
className: "tooltip-container"
|
|
81986
|
-
}, {
|
|
81987
|
-
children: jsx$1(Tooltip, __assign$1({
|
|
81988
|
-
resourceKey: tooltipResourceKey
|
|
81989
|
-
}, {
|
|
81990
|
-
children: IconElement
|
|
81991
|
-
}), void 0)
|
|
81992
|
-
}), void 0);
|
|
81993
|
-
};
|
|
81994
|
-
|
|
81995
|
-
var Host$m$1 = _styled.div.withConfig({
|
|
81996
|
-
displayName: "IconHeaderButton__Host",
|
|
81997
|
-
componentId: "sc-1jn7i2-0"
|
|
81998
|
-
})(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
81999
|
-
|
|
82000
|
-
var Button = _styled(IconButton$1).withConfig({
|
|
82001
|
-
displayName: "IconHeaderButton__Button",
|
|
82002
|
-
componentId: "sc-1jn7i2-1"
|
|
82003
|
-
})(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\n ", ";\n ", "\n }\n"], ["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n\n ", ";\n ", "\n }\n"])), function (p) {
|
|
82004
|
-
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);
|
|
82005
|
-
}, function (p) {
|
|
82006
|
-
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);
|
|
82007
|
-
});
|
|
82008
|
-
|
|
82009
|
-
var StyledLink$2 = _styled(Link$4).withConfig({
|
|
82010
|
-
displayName: "IconHeaderButton__StyledLink",
|
|
82011
|
-
componentId: "sc-1jn7i2-2"
|
|
82012
|
-
})(templateObject_6$7$1 || (templateObject_6$7$1 = __makeTemplateObject$1(["\n && {\n height: 100%;\n ", ";\n }\n"], ["\n && {\n height: 100%;\n ", ";\n }\n"])), function (p) {
|
|
82013
|
-
return css$2(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82014
|
-
});
|
|
82015
|
-
|
|
82016
|
-
var templateObject_1$N$1, templateObject_2$v$1, templateObject_3$l$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1;
|
|
82017
|
-
|
|
82018
|
-
_styled.div(templateObject_1$M$1 || (templateObject_1$M$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);
|
|
81955
|
+
_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);
|
|
82019
81956
|
|
|
82020
|
-
var templateObject_1$
|
|
81957
|
+
var templateObject_1$O$1;
|
|
82021
81958
|
var itemStatisticsCache = {};
|
|
82022
81959
|
var onStatisticsUpdated = new Subject();
|
|
82023
81960
|
|
|
@@ -82077,11 +82014,11 @@ var GridKeywordTitle = function GridKeywordTitle(_a) {
|
|
|
82077
82014
|
var Keyword = _styled.span.withConfig({
|
|
82078
82015
|
displayName: "KeywordTitle__Keyword",
|
|
82079
82016
|
componentId: "sc-18jcqyr-0"
|
|
82080
|
-
})(templateObject_2$
|
|
82081
|
-
return p.underlined && css$2(templateObject_1$
|
|
82017
|
+
})(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
82018
|
+
return p.underlined && css$2(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "])));
|
|
82082
82019
|
});
|
|
82083
82020
|
|
|
82084
|
-
var templateObject_1$
|
|
82021
|
+
var templateObject_1$N$1, templateObject_2$v$1;
|
|
82085
82022
|
|
|
82086
82023
|
var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
82087
82024
|
var _b;
|
|
@@ -82102,8 +82039,8 @@ var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
|
82102
82039
|
}, void 0);
|
|
82103
82040
|
};
|
|
82104
82041
|
|
|
82105
|
-
var Styles$2 = createGlobalStyle(templateObject_1$
|
|
82106
|
-
var templateObject_1$
|
|
82042
|
+
var Styles$2 = createGlobalStyle(templateObject_1$M$1 || (templateObject_1$M$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"])));
|
|
82043
|
+
var templateObject_1$M$1;
|
|
82107
82044
|
|
|
82108
82045
|
var Modified = function Modified(_a) {
|
|
82109
82046
|
var modified = _a.modified;
|
|
@@ -82113,7 +82050,7 @@ var Modified = function Modified(_a) {
|
|
|
82113
82050
|
return null;
|
|
82114
82051
|
}
|
|
82115
82052
|
|
|
82116
|
-
return jsxs(Host$
|
|
82053
|
+
return jsxs(Host$l$1, __assign$1({
|
|
82117
82054
|
className: "ms-fontColor-neutralTertiary"
|
|
82118
82055
|
}, {
|
|
82119
82056
|
children: ["\u00A0(", jsx$1(Tooltip, __assign$1({
|
|
@@ -82139,9 +82076,9 @@ var Modified = function Modified(_a) {
|
|
|
82139
82076
|
}
|
|
82140
82077
|
};
|
|
82141
82078
|
|
|
82142
|
-
var Host$
|
|
82079
|
+
var Host$l$1 = _styled.span(templateObject_1$L$1 || (templateObject_1$L$1 = __makeTemplateObject$1(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), fontSizeSmaller);
|
|
82143
82080
|
|
|
82144
|
-
var templateObject_1$
|
|
82081
|
+
var templateObject_1$L$1;
|
|
82145
82082
|
|
|
82146
82083
|
var FullScreenImageViewer = function FullScreenImageViewer(_a) {
|
|
82147
82084
|
var images = _a.images,
|
|
@@ -82341,8 +82278,8 @@ var PhotoSwipeGallery = function PhotoSwipeGallery(_a) {
|
|
|
82341
82278
|
}
|
|
82342
82279
|
};
|
|
82343
82280
|
|
|
82344
|
-
var GeneralFixes = createGlobalStyle(templateObject_1$
|
|
82345
|
-
var templateObject_1$
|
|
82281
|
+
var GeneralFixes = createGlobalStyle(templateObject_1$K$1 || (templateObject_1$K$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.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"])));
|
|
82282
|
+
var templateObject_1$K$1;
|
|
82346
82283
|
|
|
82347
82284
|
var PhotoGrid = function PhotoGrid(_a) {
|
|
82348
82285
|
var images = _a.images,
|
|
@@ -82365,7 +82302,7 @@ var PhotoGrid = function PhotoGrid(_a) {
|
|
|
82365
82302
|
var showMoreImagesIndicator = images.length > 4;
|
|
82366
82303
|
var hasMultiImages = images.length > 1;
|
|
82367
82304
|
var firstImage = images[0];
|
|
82368
|
-
return jsxs(Host$
|
|
82305
|
+
return jsxs(Host$k$1, __assign$1({
|
|
82369
82306
|
"data-multi-images": hasMultiImages,
|
|
82370
82307
|
className: className,
|
|
82371
82308
|
singleImageHeight: firstImage.height,
|
|
@@ -82456,27 +82393,27 @@ var SingleImagePreview = function SingleImagePreview(_a) {
|
|
|
82456
82393
|
}), void 0);
|
|
82457
82394
|
};
|
|
82458
82395
|
|
|
82459
|
-
var Host$
|
|
82396
|
+
var Host$k$1 = _styled.div.withConfig({
|
|
82460
82397
|
displayName: "PhotoGrid__Host",
|
|
82461
82398
|
componentId: "sc-flk193-0"
|
|
82462
|
-
})(templateObject_2$
|
|
82463
|
-
return p.singleImageWidth && p.singleImageHeight && css$2(templateObject_1$
|
|
82399
|
+
})(templateObject_2$u$1 || (templateObject_2$u$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) {
|
|
82400
|
+
return p.singleImageWidth && p.singleImageHeight && css$2(templateObject_1$J$1 || (templateObject_1$J$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);
|
|
82464
82401
|
});
|
|
82465
82402
|
|
|
82466
82403
|
var SingleImageHost = _styled.a.withConfig({
|
|
82467
82404
|
displayName: "PhotoGrid__SingleImageHost",
|
|
82468
82405
|
componentId: "sc-flk193-1"
|
|
82469
|
-
})(templateObject_4$
|
|
82470
|
-
return p.applyRoundedCorners && css$2(templateObject_3$
|
|
82406
|
+
})(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) {
|
|
82407
|
+
return p.applyRoundedCorners && css$2(templateObject_3$l$1 || (templateObject_3$l$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
|
|
82471
82408
|
});
|
|
82472
82409
|
|
|
82473
82410
|
var Gallery = _styled.div.withConfig({
|
|
82474
82411
|
displayName: "PhotoGrid__Gallery",
|
|
82475
82412
|
componentId: "sc-flk193-2"
|
|
82476
|
-
})(templateObject_6$
|
|
82413
|
+
})(templateObject_6$7$1 || (templateObject_6$7$1 = __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) {
|
|
82477
82414
|
return p.backgroundColor;
|
|
82478
82415
|
}, function (p) {
|
|
82479
|
-
return p.applyRoundedCorners && css$2(templateObject_5$
|
|
82416
|
+
return p.applyRoundedCorners && css$2(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
|
|
82480
82417
|
});
|
|
82481
82418
|
|
|
82482
82419
|
var ImageItem = _styled.a.withConfig({
|
|
@@ -82494,15 +82431,87 @@ var MoreIndicator = _styled(DefaultButton).withConfig({
|
|
|
82494
82431
|
componentId: "sc-flk193-5"
|
|
82495
82432
|
})(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);
|
|
82496
82433
|
|
|
82497
|
-
var templateObject_1$
|
|
82434
|
+
var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
|
|
82498
82435
|
|
|
82499
82436
|
function showPhoto(url, title) {
|
|
82500
82437
|
{
|
|
82501
82438
|
return;
|
|
82502
82439
|
}
|
|
82503
82440
|
}
|
|
82504
|
-
// eslint-disable-next-line max-len
|
|
82505
82441
|
|
|
82442
|
+
var IconHeaderButton = function IconHeaderButton(_a) {
|
|
82443
|
+
var icon = _a.icon,
|
|
82444
|
+
isActive = _a.isActive,
|
|
82445
|
+
disabled = _a.disabled,
|
|
82446
|
+
tooltipResourceKey = _a.tooltipResourceKey,
|
|
82447
|
+
onClick = _a.onClick,
|
|
82448
|
+
link = _a.link,
|
|
82449
|
+
className = _a.className,
|
|
82450
|
+
rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
|
|
82451
|
+
|
|
82452
|
+
var formatMessage = useIntl().formatMessage;
|
|
82453
|
+
|
|
82454
|
+
if (!link && !onClick) {
|
|
82455
|
+
return null;
|
|
82456
|
+
}
|
|
82457
|
+
|
|
82458
|
+
var allClassNames = classNames('header-button', className);
|
|
82459
|
+
var IconElement = !link ? jsx$1(Button, __assign$1({
|
|
82460
|
+
className: allClassNames,
|
|
82461
|
+
disabled: disabled,
|
|
82462
|
+
onClick: function (e) {
|
|
82463
|
+
return onClick(e.currentTarget);
|
|
82464
|
+
},
|
|
82465
|
+
iconProps: {
|
|
82466
|
+
iconName: icon
|
|
82467
|
+
},
|
|
82468
|
+
ariaLabel: formatMessage({
|
|
82469
|
+
id: tooltipResourceKey
|
|
82470
|
+
}),
|
|
82471
|
+
"data-button-type": "header-btn",
|
|
82472
|
+
isActive: isActive
|
|
82473
|
+
}, rest), void 0) : jsx$1(StyledLink$2, __assign$1({
|
|
82474
|
+
className: allClassNames,
|
|
82475
|
+
to: link
|
|
82476
|
+
}, rest, {
|
|
82477
|
+
children: jsx$1(Icon, {
|
|
82478
|
+
iconName: icon
|
|
82479
|
+
}, void 0)
|
|
82480
|
+
}), void 0);
|
|
82481
|
+
return jsx$1(Host$j$1, __assign$1({
|
|
82482
|
+
className: "tooltip-container"
|
|
82483
|
+
}, {
|
|
82484
|
+
children: jsx$1(Tooltip, __assign$1({
|
|
82485
|
+
resourceKey: tooltipResourceKey
|
|
82486
|
+
}, {
|
|
82487
|
+
children: IconElement
|
|
82488
|
+
}), void 0)
|
|
82489
|
+
}), void 0);
|
|
82490
|
+
};
|
|
82491
|
+
|
|
82492
|
+
var Host$j$1 = _styled.div.withConfig({
|
|
82493
|
+
displayName: "IconHeaderButton__Host",
|
|
82494
|
+
componentId: "sc-1p61ffo-0"
|
|
82495
|
+
})(templateObject_1$I$1 || (templateObject_1$I$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
82496
|
+
|
|
82497
|
+
var Button = _styled(IconButton$1).withConfig({
|
|
82498
|
+
displayName: "IconHeaderButton__Button",
|
|
82499
|
+
componentId: "sc-1p61ffo-1"
|
|
82500
|
+
})(templateObject_4$d$1 || (templateObject_4$d$1 = __makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n\n ", ";\n ", "\n }\n"], ["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n\n ", ";\n ", "\n }\n"])), function (p) {
|
|
82501
|
+
return !p.isActive && css$2(templateObject_2$t$1 || (templateObject_2$t$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82502
|
+
}, function (p) {
|
|
82503
|
+
return p.isActive && css$2(templateObject_3$k$1 || (templateObject_3$k$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);
|
|
82504
|
+
});
|
|
82505
|
+
|
|
82506
|
+
var StyledLink$2 = _styled(Link$4).withConfig({
|
|
82507
|
+
displayName: "IconHeaderButton__StyledLink",
|
|
82508
|
+
componentId: "sc-1p61ffo-2"
|
|
82509
|
+
})(templateObject_6$6$1 || (templateObject_6$6$1 = __makeTemplateObject$1(["\n && {\n height: 100%;\n ", ";\n }\n"], ["\n && {\n height: 100%;\n ", ";\n }\n"])), function (p) {
|
|
82510
|
+
return css$2(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82511
|
+
});
|
|
82512
|
+
|
|
82513
|
+
var templateObject_1$I$1, templateObject_2$t$1, templateObject_3$k$1, templateObject_4$d$1, templateObject_5$8$1, templateObject_6$6$1; // a string of all valid unicode whitespaces
|
|
82514
|
+
// eslint-disable-next-line max-len
|
|
82506
82515
|
|
|
82507
82516
|
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';
|
|
82508
82517
|
var requireObjectCoercible$e = requireObjectCoercible$9$1;
|
|
@@ -82680,7 +82689,7 @@ var ToolbarIconButtonWithToolTip = function ToolbarIconButtonWithToolTip(_a) {
|
|
|
82680
82689
|
}), void 0);
|
|
82681
82690
|
};
|
|
82682
82691
|
|
|
82683
|
-
var LinkStyle$2 = css$2(templateObject_1$
|
|
82692
|
+
var LinkStyle$2 = css$2(templateObject_1$H$1 || (templateObject_1$H$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"])));
|
|
82684
82693
|
|
|
82685
82694
|
var StyledLink$1$1 = _styled(TextLink).withConfig({
|
|
82686
82695
|
displayName: "ToolbarIconButtonWithToolTip__StyledLink",
|
|
@@ -82706,7 +82715,7 @@ var ToolbarIconButton = _styled(ToolbarIconButtonWithToolTip).withConfig({
|
|
|
82706
82715
|
return p.theme.textColors.default;
|
|
82707
82716
|
});
|
|
82708
82717
|
|
|
82709
|
-
var templateObject_1$
|
|
82718
|
+
var templateObject_1$H$1, templateObject_2$s$1, templateObject_3$j$1, templateObject_4$c$1, templateObject_5$7$2, templateObject_6$5$2;
|
|
82710
82719
|
|
|
82711
82720
|
var Search = function Search(props) {
|
|
82712
82721
|
var intl = useIntl();
|
|
@@ -82721,7 +82730,9 @@ var Search = function Search(props) {
|
|
|
82721
82730
|
useEffect$1(function () {
|
|
82722
82731
|
addBackButtonListener(handleBack);
|
|
82723
82732
|
setTimeout(function () {
|
|
82724
|
-
|
|
82733
|
+
var _a;
|
|
82734
|
+
|
|
82735
|
+
return searchInputRef && ((_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
|
|
82725
82736
|
});
|
|
82726
82737
|
return function () {
|
|
82727
82738
|
removeBackButtonListener(handleBack);
|
|
@@ -82799,7 +82810,7 @@ var StyledTextField = _styled(TextField).withConfig({
|
|
|
82799
82810
|
displayName: "Search__StyledTextField",
|
|
82800
82811
|
componentId: "sc-17f35gt-0"
|
|
82801
82812
|
})(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
82802
|
-
return p.useLightTheme ? css$2(templateObject_1$
|
|
82813
|
+
return p.useLightTheme ? css$2(templateObject_1$G$1 || (templateObject_1$G$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
|
|
82803
82814
|
return p.theme.textColors.default;
|
|
82804
82815
|
}, InputPlaceholder("color: " + p.theme.textColors.default)) : css$2(templateObject_2$r$1 || (templateObject_2$r$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
|
|
82805
82816
|
return p.theme.textColors.onPrimary;
|
|
@@ -82834,16 +82845,17 @@ var CancelButton$1 = _styled(IconButton).withConfig({
|
|
|
82834
82845
|
var SearchBox = function SearchBox(_a) {
|
|
82835
82846
|
var onSearchInputFieldVisibilityChanged = _a.onSearchInputFieldVisibilityChanged,
|
|
82836
82847
|
isToolbarMode = _a.isToolbarMode,
|
|
82837
|
-
className = _a.className,
|
|
82838
82848
|
onExecuteSearch = _a.onExecuteSearch,
|
|
82839
82849
|
onSearchTextChange = _a.onSearchTextChange,
|
|
82840
|
-
searchText = _a.searchText
|
|
82850
|
+
searchText = _a.searchText,
|
|
82851
|
+
showSearchBoxInput = _a.showSearchBoxInput,
|
|
82852
|
+
className = _a.className;
|
|
82841
82853
|
|
|
82842
82854
|
var _b = useState$2(!!searchText),
|
|
82843
82855
|
showSearchInputFieldState = _b[0],
|
|
82844
82856
|
setShowSearchInputField = _b[1];
|
|
82845
82857
|
|
|
82846
|
-
var showSearchInputField = showSearchInputFieldState || !!searchText; // this use effect is required, if the state does not change via a manual toggle
|
|
82858
|
+
var showSearchInputField = showSearchBoxInput || showSearchInputFieldState || !!searchText; // this use effect is required, if the state does not change via a manual toggle
|
|
82847
82859
|
// but instead via a property
|
|
82848
82860
|
|
|
82849
82861
|
useEffect$1(function () {
|
|
@@ -82882,7 +82894,7 @@ var SearchBox = function SearchBox(_a) {
|
|
|
82882
82894
|
}
|
|
82883
82895
|
};
|
|
82884
82896
|
|
|
82885
|
-
var templateObject_1$
|
|
82897
|
+
var templateObject_1$G$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$b$1, templateObject_5$6$2, templateObject_6$4$2, templateObject_7$2$2, templateObject_8$2$2;
|
|
82886
82898
|
var TableSortOrder;
|
|
82887
82899
|
|
|
82888
82900
|
(function (TableSortOrder) {
|
|
@@ -82893,7 +82905,7 @@ var TableSortOrder;
|
|
|
82893
82905
|
_styled(Icon).withConfig({
|
|
82894
82906
|
displayName: "SortableTable__Order",
|
|
82895
82907
|
componentId: "sc-6tqdpa-0"
|
|
82896
|
-
})(templateObject_1$
|
|
82908
|
+
})(templateObject_1$F$1 || (templateObject_1$F$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
|
|
82897
82909
|
|
|
82898
82910
|
_styled.span.withConfig({
|
|
82899
82911
|
displayName: "SortableTable__Title",
|
|
@@ -82941,7 +82953,7 @@ _styled(Spinner).withConfig({
|
|
|
82941
82953
|
componentId: "sc-6tqdpa-6"
|
|
82942
82954
|
})(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n margin: 80px 0 100px;\n"], ["\n margin: 80px 0 100px;\n"])));
|
|
82943
82955
|
|
|
82944
|
-
var templateObject_1$
|
|
82956
|
+
var templateObject_1$F$1, templateObject_2$q$1, templateObject_3$h$1, templateObject_4$a$1, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
|
|
82945
82957
|
|
|
82946
82958
|
var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
82947
82959
|
return jsx$1(StyledToggle, __assign$1({}, props, {
|
|
@@ -82952,15 +82964,15 @@ var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
|
82952
82964
|
var StyledToggle = _styled(Toggle).withConfig({
|
|
82953
82965
|
displayName: "ToggleWithLabel__StyledToggle",
|
|
82954
82966
|
componentId: "sc-lcovfq-0"
|
|
82955
|
-
})(templateObject_1$
|
|
82967
|
+
})(templateObject_1$E$1 || (templateObject_1$E$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) {
|
|
82956
82968
|
return p.theme.semanticColors.inputBackgroundCheckedHovered;
|
|
82957
82969
|
});
|
|
82958
82970
|
|
|
82959
|
-
var templateObject_1$
|
|
82960
|
-
var unreadCommentHighlight = css$2(templateObject_1$
|
|
82971
|
+
var templateObject_1$E$1;
|
|
82972
|
+
var unreadCommentHighlight = css$2(templateObject_1$D$1 || (templateObject_1$D$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) {
|
|
82961
82973
|
return p.theme.palette.accent;
|
|
82962
82974
|
});
|
|
82963
|
-
var templateObject_1$
|
|
82975
|
+
var templateObject_1$D$1;
|
|
82964
82976
|
|
|
82965
82977
|
function getGroupName(group, user, intl) {
|
|
82966
82978
|
return group.translations[user.preferredUiLanguage] || group.translations[getPreferredContentLanguage(user)] || group.name || intl.formatMessage({
|
|
@@ -82972,7 +82984,7 @@ _styled.div.withConfig({
|
|
|
82972
82984
|
displayName: "VerificationStatusIcon__Host",
|
|
82973
82985
|
componentId: "sc-b3nb8-0"
|
|
82974
82986
|
})(templateObject_2$p$1 || (templateObject_2$p$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) {
|
|
82975
|
-
return p.isInvalid && css$2(templateObject_1$
|
|
82987
|
+
return p.isInvalid && css$2(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
|
|
82976
82988
|
return p.theme.palette.redDark;
|
|
82977
82989
|
});
|
|
82978
82990
|
});
|
|
@@ -82982,7 +82994,7 @@ _styled(Icon).withConfig({
|
|
|
82982
82994
|
componentId: "sc-b3nb8-1"
|
|
82983
82995
|
})(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
|
|
82984
82996
|
|
|
82985
|
-
var templateObject_1$
|
|
82997
|
+
var templateObject_1$C$1, templateObject_2$p$1, templateObject_3$g$1;
|
|
82986
82998
|
|
|
82987
82999
|
var OpacityAnimation = function OpacityAnimation(_a) {
|
|
82988
83000
|
var enterDuration = _a.enterDuration,
|
|
@@ -83014,14 +83026,14 @@ var OpacityAnimation = function OpacityAnimation(_a) {
|
|
|
83014
83026
|
}, void 0);
|
|
83015
83027
|
};
|
|
83016
83028
|
|
|
83017
|
-
var AnimationStyle = createGlobalStyle(templateObject_1$
|
|
83029
|
+
var AnimationStyle = createGlobalStyle(templateObject_1$B$1 || (templateObject_1$B$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) {
|
|
83018
83030
|
return p.name;
|
|
83019
83031
|
}, function (p) {
|
|
83020
83032
|
return p.enterDuration;
|
|
83021
83033
|
}, function (p) {
|
|
83022
83034
|
return p.leaveDuration;
|
|
83023
83035
|
});
|
|
83024
|
-
var templateObject_1$
|
|
83036
|
+
var templateObject_1$B$1;
|
|
83025
83037
|
|
|
83026
83038
|
var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
83027
83039
|
var contentLanguageCode = _a.contentLanguageCode,
|
|
@@ -83140,20 +83152,20 @@ var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
|
83140
83152
|
}
|
|
83141
83153
|
};
|
|
83142
83154
|
|
|
83143
|
-
var StyledActionButton$2 = _styled(ActionButton)(templateObject_1$
|
|
83155
|
+
var StyledActionButton$2 = _styled(ActionButton)(templateObject_1$A$1 || (templateObject_1$A$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
|
|
83144
83156
|
return p.theme.textColors.default;
|
|
83145
83157
|
});
|
|
83146
83158
|
|
|
83147
|
-
var templateObject_1$
|
|
83159
|
+
var templateObject_1$A$1;
|
|
83148
83160
|
|
|
83149
83161
|
var ChoiceGroup = _styled(ChoiceGroup$1).withConfig({
|
|
83150
83162
|
displayName: "ChoiceGroup",
|
|
83151
83163
|
componentId: "sc-11bpj01-0"
|
|
83152
|
-
})(templateObject_1$
|
|
83164
|
+
})(templateObject_1$z$1 || (templateObject_1$z$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) {
|
|
83153
83165
|
return p.theme.palette.accent;
|
|
83154
83166
|
});
|
|
83155
83167
|
|
|
83156
|
-
var templateObject_1$
|
|
83168
|
+
var templateObject_1$z$1;
|
|
83157
83169
|
|
|
83158
83170
|
var CommentActionMenu = function CommentActionMenu(_a) {
|
|
83159
83171
|
var comment = _a.comment,
|
|
@@ -83277,7 +83289,7 @@ var CommentActionMenu = function CommentActionMenu(_a) {
|
|
|
83277
83289
|
var Buttons$4 = _styled.div.withConfig({
|
|
83278
83290
|
displayName: "CommentActionMenu__Buttons",
|
|
83279
83291
|
componentId: "sc-qsk1nc-0"
|
|
83280
|
-
})(templateObject_1$
|
|
83292
|
+
})(templateObject_1$y$1 || (templateObject_1$y$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
83281
83293
|
|
|
83282
83294
|
var MenuButton$1 = _styled(IconButton).withConfig({
|
|
83283
83295
|
displayName: "CommentActionMenu__MenuButton",
|
|
@@ -83296,18 +83308,18 @@ var StyledCallout$4 = _styled(Callout$1).withConfig({
|
|
|
83296
83308
|
componentId: "sc-qsk1nc-3"
|
|
83297
83309
|
})(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingS);
|
|
83298
83310
|
|
|
83299
|
-
var templateObject_1$
|
|
83311
|
+
var templateObject_1$y$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
|
|
83300
83312
|
|
|
83301
83313
|
var DeleteAttachmentButton = _styled(IconButton$1).withConfig({
|
|
83302
83314
|
displayName: "DeleteAttachmentButton",
|
|
83303
83315
|
componentId: "sc-d7hswf-0"
|
|
83304
|
-
})(templateObject_1$
|
|
83316
|
+
})(templateObject_1$x$1 || (templateObject_1$x$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) {
|
|
83305
83317
|
return p.theme.textColors.default;
|
|
83306
83318
|
}, function (p) {
|
|
83307
83319
|
return p.theme.textColors.default;
|
|
83308
83320
|
});
|
|
83309
83321
|
|
|
83310
|
-
var templateObject_1$
|
|
83322
|
+
var templateObject_1$x$1;
|
|
83311
83323
|
|
|
83312
83324
|
var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
83313
83325
|
var toggleAll = _a.toggleAll,
|
|
@@ -83340,7 +83352,7 @@ var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
|
83340
83352
|
var Host$g = _styled.div.withConfig({
|
|
83341
83353
|
displayName: "ToggleAllButtons__Host",
|
|
83342
83354
|
componentId: "sc-kbn3b4-0"
|
|
83343
|
-
})(templateObject_1$
|
|
83355
|
+
})(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
|
|
83344
83356
|
|
|
83345
83357
|
var StyledButton$1$1 = _styled(ActionButton).withConfig({
|
|
83346
83358
|
displayName: "ToggleAllButtons__StyledButton",
|
|
@@ -83349,7 +83361,7 @@ var StyledButton$1$1 = _styled(ActionButton).withConfig({
|
|
|
83349
83361
|
return p.theme.palette.accent;
|
|
83350
83362
|
});
|
|
83351
83363
|
|
|
83352
|
-
var templateObject_1$
|
|
83364
|
+
var templateObject_1$w$1, templateObject_2$n$1;
|
|
83353
83365
|
|
|
83354
83366
|
var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
83355
83367
|
var iconName = props.iconName,
|
|
@@ -83368,10 +83380,17 @@ var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
|
83368
83380
|
_styled(InternalTopActionButton).withConfig({
|
|
83369
83381
|
displayName: "TopActionButton",
|
|
83370
83382
|
componentId: "sc-1lam7c6-0"
|
|
83371
|
-
})(templateObject_1$
|
|
83383
|
+
})(templateObject_1$v$1 || (templateObject_1$v$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) {
|
|
83372
83384
|
return p.theme.palette.accent;
|
|
83373
83385
|
});
|
|
83374
83386
|
|
|
83387
|
+
var templateObject_1$v$1;
|
|
83388
|
+
|
|
83389
|
+
_styled(IconButton).withConfig({
|
|
83390
|
+
displayName: "HeaderMenuButton__MenuButton",
|
|
83391
|
+
componentId: "sc-170vvq2-0"
|
|
83392
|
+
})(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1([""], [""])));
|
|
83393
|
+
|
|
83375
83394
|
var templateObject_1$u$1;
|
|
83376
83395
|
|
|
83377
83396
|
var ChannelTitle = function ChannelTitle(_a) {
|
|
@@ -87385,9 +87404,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
|
|
|
87385
87404
|
}), void 0);
|
|
87386
87405
|
};
|
|
87387
87406
|
|
|
87388
|
-
var version$1 = "0.4.0-preview.
|
|
87389
|
-
var buildId = "
|
|
87390
|
-
var commitId = "
|
|
87407
|
+
var version$1 = "0.4.0-preview.127";
|
|
87408
|
+
var buildId = "96908";
|
|
87409
|
+
var commitId = "4417e0cdc6809b60c298ec22bcf52419bfbec310";
|
|
87391
87410
|
var isCustomerBuild = false;
|
|
87392
87411
|
var buildInfo = {
|
|
87393
87412
|
version: version$1,
|
|
@@ -126317,7 +126336,8 @@ previewUrl:(_a=image.previewUrl)!==null&&_a!==void 0?_a:imageUrlResolver===null|
|
|
|
126317
126336
|
},[gallery.images]);if(!images||images.length===0){return null;}var hasMoreImages=images.length>1;// the paging dots should be shown only if the number of images is less than or equal to 15
|
|
126318
126337
|
// without this limitation the paging dots breaks the layout in mobile view
|
|
126319
126338
|
var showPagingDots=hasMoreImages&&images.length<=15;return jsxs(Fragment,{children:[jsx$1(GalleryContainer,__assign({"data-photo-gallery-container":true},{children:jsx$1(InlineObjectToolbarWrapper,__assign({toolbar:jsx$1(ImageToolbar,{showFullScreenButton:showFullScreenButton,onFullScreen:function(e){e.stopPropagation();handleOpenFullScreen();},showCloseButton:showCloseButton,onClose:function(e){e.stopPropagation();onCloseGallery===null||onCloseGallery===void 0?void 0:onCloseGallery();}},void 0)},{children:jsx$1(Carousel,__assign({renderBottomCenterControls:function(props){return showPagingDots?jsx$1(PagingDots,__assign({},props),void 0):null;},renderCenterLeftControls:function(_a){var previousSlide=_a.previousSlide;return hasMoreImages&&!env.isTouchDevice?jsx$1(CarouselButton,{iconProps:{iconName:'CaretLeftSolid8'},onClick:function(e){e.stopPropagation();previousSlide();},ariaLabel:formatMessage({id:'Generic.prev'}),"data-button":"prev"},void 0):null;},renderCenterRightControls:function(_a){var nextSlide=_a.nextSlide;return hasMoreImages&&!env.isTouchDevice?jsx$1(CarouselButton,{iconProps:{iconName:'CaretRightSolid8'},onClick:function(e){e.stopPropagation();nextSlide();},ariaLabel:formatMessage({id:'Generic.next'}),"data-button":"next"},void 0):null;},renderTopRightControls:function(_a){_a.currentSlide;return null;},swiping:hasMoreImages,dragging:hasMoreImages,wrapAround:true,afterSlide:function(slideIndex){return setFullScreenItemIndex(slideIndex);},defaultControlsConfig:{pagingDotsStyle:{fill:themePrimary},pagingDotsContainerClassName:'slider-dots'}},{children:images.map(function(image){return jsxs(Slide,{children:[jsx$1(Figure$1,__assign({height:height},{children:jsx$1(ImageWrapper,{children:jsx$1("img",{"data-photo-gallery-image":image.imageId,src:image.previewUrl,alt:image.imageTitle||''},void 0)},void 0)}),void 0),image.imageTitle&&jsx$1(Caption,__assign({"data-photo-gallery-image-caption":image.imageTitle},{children:image.imageTitle}),void 0)]},image.imageId);})}),void 0)}),void 0)}),void 0),jsx$1(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:!isFullScreenOpen,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]},void 0);function handleOpenFullScreen(){onOpenFullScreen===null||onOpenFullScreen===void 0?void 0:onOpenFullScreen();setIsFullScreenOpen(true);// if we are in the editor the pullToRefreshContext is null
|
|
126320
|
-
if(pullToRefreshContext){pullToRefreshContext.setEnabled(false);}}function handleCloseFullScreen(){setIsFullScreenOpen(false);if(pullToRefreshContext){pullToRefreshContext.setEnabled(true);}}};var GalleryContainer=_styled.div.withConfig({displayName:"PhotoGallery__GalleryContainer",componentId:"sc-peu8jt-0"})(templateObject_1$1z||(templateObject_1$1z=__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"])),spacingS+5,function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.neutralTertiary;});var CarouselButton=_styled(IconButton).withConfig({displayName:"PhotoGallery__CarouselButton",componentId:"sc-peu8jt-1"})(templateObject_2$V||(templateObject_2$V=__makeTemplateObject(["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"],["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"])),spacingS);var Slide=_styled.div.withConfig({displayName:"PhotoGallery__Slide",componentId:"sc-peu8jt-2"})(templateObject_3$D||(templateObject_3$D=__makeTemplateObject(["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"],["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"])));_styled.div.withConfig({displayName:"PhotoGallery__SlideIndicator",componentId:"sc-peu8jt-3"})(templateObject_4$p||(templateObject_4$p=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"])));var Figure$1=_styled.figure.withConfig({displayName:"PhotoGallery__Figure",componentId:"sc-peu8jt-4"})(templateObject_7$a||(templateObject_7$a=__makeTemplateObject(["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"],["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"])),function(p){return p.height?css$2(templateObject_5$n||(templateObject_5$n=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height-100):'height: 300px;';},function(p){return p.theme.palette.neutralLighter;},minScreenSize.medium,function(p){return p.height?css$2(templateObject_6$e||(templateObject_6$e=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height):'height: 400px;';});var Caption=_styled.span.withConfig({displayName:"PhotoGallery__Caption",componentId:"sc-peu8jt-5"})(templateObject_8$9||(templateObject_8$9=__makeTemplateObject(["\n padding-top: 5px;\n text-align: center;\n ","\n"],["\n padding-top: 5px;\n text-align: center;\n ","\n"])),LineClamp(2,fontSizeSmall,1.2));var ImageWrapper=_styled.div.withConfig({displayName:"PhotoGallery__ImageWrapper",componentId:"sc-peu8jt-6"})(templateObject_9$7||(templateObject_9$7=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"])));_styled.a.withConfig({displayName:"PhotoGallery__ClickableImageWrapper",componentId:"sc-peu8jt-7"})(templateObject_10$6||(templateObject_10$6=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"])));var templateObject_1$1z,templateObject_2$V,templateObject_3$D,templateObject_4$p,templateObject_5$n,templateObject_6$e,templateObject_7$a,templateObject_8$9,templateObject_9$7,templateObject_10$6;var DetailViewContext=/*#__PURE__*/createContext(null);function useDetailViewContext(){return useContext(DetailViewContext);}var InlineGallery=function InlineGallery(_a){var galleryDetails=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;var user=useCurrentUser();var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;return jsx$1(PhotoGallerySlider,{gallery:galleryDetails,imageUrlResolver:getImageUrl,showFullScreenButton:true},void 0);function getImageUrl(imageId,width,height){if(!item.fileAccessToken){return null;}return getImageUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,resourceType,imageId,width!==null&&width!==void 0?width:getMaxImageWidth(),height);}};var InlineGalleryMapper={component:InlineGallery,type:EntityType.Gallery,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var galleryId=node.getAttribute('data-gallery-id');if(galleryId==null){return null;}return {galleryId:galleryId,images:Array.from(node.querySelectorAll('img')).map(function(imageNode){return {imageId:imageNode.getAttribute('data-image-id'),imageTitle:imageNode.getAttribute('data-image-title'),width:imageNode.getAttribute('width'),height:imageNode.getAttribute('height')};}).filter(function(image){return image.imageId!==null;})};}};var InlineImage=function InlineImage(_a){var _b;var image=_a.blockProps;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType;var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var imageWidth=getImageWidth(image);var imageUrl=(_b=image.previewUrl)!==null&&_b!==void 0?_b:getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,imageWidth);return jsx$1(Host$B,{children:jsxs(Figure,__assign({width:imageWidth,onClick:function(){return showPhoto(getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,'default'));}},{children:[jsx$1("img",{src:imageUrl,alt:image.imageTitle||'',width:imageWidth},void 0),image.imageTitle&&jsx$1("figcaption",{children:image.imageTitle},void 0)]}),void 0)},void 0);};var Host$B=_styled.div.withConfig({displayName:"InlineImage__Host",componentId:"sc-14k2cj1-0"})(templateObject_1$1y||(templateObject_1$1y=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var Figure=_styled.figure.withConfig({displayName:"InlineImage__Figure",componentId:"sc-14k2cj1-1"})(templateObject_2$U||(templateObject_2$U=__makeTemplateObject(["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"],["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"])),function(p){return p.width;});var InlineImageMapper={component:InlineImage,type:EntityType.Image,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var imageId=node.getAttribute('data-image-id');if(imageId==null){return null;}return {imageId:imageId,imageTitle:node.getAttribute('data-image-caption'),width:getImageWidth(node.getAttribute('data-image-width')),height:node.getAttribute('data-image-height')};}};var templateObject_1$1y,templateObject_2$U;var InlineContactViewer=function InlineContactViewer(_a){var _b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,_s,_t,_u,_v,_w,_x;var contact=_a.contact;var user=useCurrentUser();var userInfo=usePromise$2(function(){return getContactInfo();},null,[contact])[0];var getUserInfo=useAccountApi().getUserInfo;var additionalPropertyKeys=['mail','company','mobilePhone','officePhone','address','additionalInfo'];var showMoreProperties=contact.properties&&Object.keys(contact.properties).filter(function(key){return additionalPropertyKeys.indexOf(key)>=0&&contact.properties[key].value!==null;}).length>0;return jsxs(Host$A,{children:[jsx$1(StyledAvatar$1,{upn:contact.upn,text:contact.properties.displayName.shouldAutoLoad&&userInfo?userInfo.displayName||contact.properties.displayName.value:contact.properties.displayName.value,secondaryText:((_b=contact.properties.department)===null||_b===void 0?void 0:_b.shouldAutoLoad)&&userInfo?((_c=userInfo.properties)===null||_c===void 0?void 0:_c.department)||((_d=contact.properties.department)===null||_d===void 0?void 0:_d.value):(_e=contact.properties.department)===null||_e===void 0?void 0:_e.value,tertiaryText:((_f=contact.properties.jobTitle)===null||_f===void 0?void 0:_f.shouldAutoLoad)&&userInfo?((_g=userInfo.properties)===null||_g===void 0?void 0:_g.jobTitle)||((_h=contact.properties.jobTitle)===null||_h===void 0?void 0:_h.value):(_j=contact.properties.jobTitle)===null||_j===void 0?void 0:_j.value},void 0),showMoreProperties&&jsx$1(PropertiesContainer,{children:jsxs("ul",{children:[((_k=contact.properties.company)===null||_k===void 0?void 0:_k.value)&&jsx$1("li",{children:jsx$1(UserPropertyWrapper,__assign({iconName:"EMI",tooltipResourceKey:"Generic.company"},{children:contact.properties.company.shouldAutoLoad&&userInfo?((_l=userInfo.properties)===null||_l===void 0?void 0:_l.company)||contact.properties.company.value:contact.properties.company.value}),void 0)},void 0),((_m=contact.properties.mail)===null||_m===void 0?void 0:_m.value)&&jsx$1("li",{children:jsx$1(EmailProperty,{email:contact.properties.mail.shouldAutoLoad&&userInfo?userInfo.mail||contact.properties.mail.value:contact.properties.mail.value},void 0)},void 0),((_o=contact.properties.officePhone)===null||_o===void 0?void 0:_o.value)&&jsx$1("li",{children:jsx$1(OfficePhoneProperty,{value:contact.properties.officePhone.shouldAutoLoad&&userInfo?((_p=userInfo.properties)===null||_p===void 0?void 0:_p.businessPhones[0])||contact.properties.officePhone.value:contact.properties.officePhone.value},void 0)},void 0),((_q=contact.properties.mobilePhone)===null||_q===void 0?void 0:_q.value)&&jsx$1("li",{children:jsx$1(MobilePhoneProperty,{value:contact.properties.mobilePhone.shouldAutoLoad&&userInfo?((_r=userInfo.properties)===null||_r===void 0?void 0:_r.mobilePhone)||contact.properties.mobilePhone.value:contact.properties.mobilePhone.value},void 0)},void 0),((_s=contact.properties.address)===null||_s===void 0?void 0:_s.value)&&jsx$1("li",{children:jsx$1(LocationProperty,{value:contact.properties.address.shouldAutoLoad&&userInfo?((_u=(_t=userInfo.properties)===null||_t===void 0?void 0:_t.officeLocation)!==null&&_u!==void 0?_u:(_v=userInfo.properties)===null||_v===void 0?void 0:_v.address)||contact.properties.address.value:contact.properties.address.value,tooltipResourceKey:"Generic.address"},void 0)},void 0),((_w=contact.properties.additionalInfo)===null||_w===void 0?void 0:_w.value)&&jsx$1("li",{children:jsx$1(UserPropertyWrapper,__assign({iconName:"ContactInfo",tooltipResourceKey:"Generic.additionalInfo"},{children:contact.properties.additionalInfo.shouldAutoLoad&&userInfo?((_x=userInfo.properties)===null||_x===void 0?void 0:_x.notes)||contact.properties.additionalInfo.value:contact.properties.additionalInfo.value}),void 0)},void 0)]},void 0)},void 0)]},void 0);function getContactInfo(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!contact.upn||user.isPublicUser){return [2/*return*/,null];}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,getUserInfo(contact.upn)];case 2:return [2/*return*/,_a.sent()];case 3:_a.sent();// no exception is thrown because the backup values will be set from the contact
|
|
126339
|
+
if(pullToRefreshContext){pullToRefreshContext.setEnabled(false);}}function handleCloseFullScreen(){setIsFullScreenOpen(false);if(pullToRefreshContext){pullToRefreshContext.setEnabled(true);}}};var GalleryContainer=_styled.div.withConfig({displayName:"PhotoGallery__GalleryContainer",componentId:"sc-peu8jt-0"})(templateObject_1$1z||(templateObject_1$1z=__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"])),spacingS+5,function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.neutralTertiary;});var CarouselButton=_styled(IconButton).withConfig({displayName:"PhotoGallery__CarouselButton",componentId:"sc-peu8jt-1"})(templateObject_2$V||(templateObject_2$V=__makeTemplateObject(["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"],["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"])),spacingS);var Slide=_styled.div.withConfig({displayName:"PhotoGallery__Slide",componentId:"sc-peu8jt-2"})(templateObject_3$D||(templateObject_3$D=__makeTemplateObject(["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"],["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"])));_styled.div.withConfig({displayName:"PhotoGallery__SlideIndicator",componentId:"sc-peu8jt-3"})(templateObject_4$p||(templateObject_4$p=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"])));var Figure$1=_styled.figure.withConfig({displayName:"PhotoGallery__Figure",componentId:"sc-peu8jt-4"})(templateObject_7$a||(templateObject_7$a=__makeTemplateObject(["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"],["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"])),function(p){return p.height?css$2(templateObject_5$n||(templateObject_5$n=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height-100):'height: 300px;';},function(p){return p.theme.palette.neutralLighter;},minScreenSize.medium,function(p){return p.height?css$2(templateObject_6$e||(templateObject_6$e=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height):'height: 400px;';});var Caption=_styled.span.withConfig({displayName:"PhotoGallery__Caption",componentId:"sc-peu8jt-5"})(templateObject_8$9||(templateObject_8$9=__makeTemplateObject(["\n padding-top: 5px;\n text-align: center;\n ","\n"],["\n padding-top: 5px;\n text-align: center;\n ","\n"])),LineClamp(2,fontSizeSmall,1.2));var ImageWrapper=_styled.div.withConfig({displayName:"PhotoGallery__ImageWrapper",componentId:"sc-peu8jt-6"})(templateObject_9$7||(templateObject_9$7=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"])));_styled.a.withConfig({displayName:"PhotoGallery__ClickableImageWrapper",componentId:"sc-peu8jt-7"})(templateObject_10$6||(templateObject_10$6=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"])));var templateObject_1$1z,templateObject_2$V,templateObject_3$D,templateObject_4$p,templateObject_5$n,templateObject_6$e,templateObject_7$a,templateObject_8$9,templateObject_9$7,templateObject_10$6;var DetailViewContext=/*#__PURE__*/createContext(null);function useDetailViewContext(){return useContext(DetailViewContext);}var InlineGallery=function InlineGallery(_a){var galleryDetails=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;var user=useCurrentUser();var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;return jsx$1(PhotoGallerySlider,{gallery:galleryDetails,imageUrlResolver:getImageUrl,showFullScreenButton:true},void 0);function getImageUrl(imageId,width,height){if(!item.fileAccessToken){return null;}return getImageUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,resourceType,imageId,width!==null&&width!==void 0?width:getMaxImageWidth(),height);}};var InlineGalleryMapper={component:InlineGallery,type:EntityType.Gallery,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var galleryId=node.getAttribute('data-gallery-id');if(galleryId==null){return null;}return {galleryId:galleryId,images:Array.from(node.querySelectorAll('img')).map(function(imageNode){return {imageId:imageNode.getAttribute('data-image-id'),imageTitle:imageNode.getAttribute('data-image-title'),width:imageNode.getAttribute('width'),height:imageNode.getAttribute('height')};}).filter(function(image){return image.imageId!==null;})};}};var InlineImage=function InlineImage(_a){var _b;var image=_a.blockProps;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType;var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var imageWidth=getImageWidth(image);var imageUrl=(_b=image.previewUrl)!==null&&_b!==void 0?_b:getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,imageWidth);return jsx$1(Host$B,{children:jsxs(Figure,__assign({width:imageWidth,onClick:function(){return showPhoto(getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,'default'));}},{children:[jsx$1("img",{src:imageUrl,alt:image.imageTitle||'',width:imageWidth},void 0),image.imageTitle&&jsx$1("figcaption",{children:image.imageTitle},void 0)]}),void 0)},void 0);};var Host$B=_styled.div.withConfig({displayName:"InlineImage__Host",componentId:"sc-14k2cj1-0"})(templateObject_1$1y||(templateObject_1$1y=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var Figure=_styled.figure.withConfig({displayName:"InlineImage__Figure",componentId:"sc-14k2cj1-1"})(templateObject_2$U||(templateObject_2$U=__makeTemplateObject(["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"],["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"])),function(p){return p.width;});var InlineImageMapper={component:InlineImage,type:EntityType.Image,getPropsFromHtml:function(nodeName,node){var _a,_b;if(nodeName!=='div'){return null;}var imageId=node.getAttribute('data-image-id');if(imageId==null){return null;}var imageTitle=(_b=(_a=node.querySelector('p[data-image-caption]'))===null||_a===void 0?void 0:_a.innerText)!==null&&_b!==void 0?_b:// use legacy attribute for old content
|
|
126340
|
+
node.getAttribute('data-image-caption');return {imageId:imageId,imageTitle:imageTitle,width:getImageWidth(node.getAttribute('data-image-width')),height:node.getAttribute('data-image-height')};}};var templateObject_1$1y,templateObject_2$U;var InlineContactViewer=function InlineContactViewer(_a){var _b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,_s,_t,_u,_v,_w,_x;var contact=_a.contact;var user=useCurrentUser();var userInfo=usePromise$2(function(){return getContactInfo();},null,[contact])[0];var getUserInfo=useAccountApi().getUserInfo;var additionalPropertyKeys=['mail','company','mobilePhone','officePhone','address','additionalInfo'];var showMoreProperties=contact.properties&&Object.keys(contact.properties).filter(function(key){return additionalPropertyKeys.indexOf(key)>=0&&contact.properties[key].value!==null;}).length>0;return jsxs(Host$A,{children:[jsx$1(StyledAvatar$1,{upn:contact.upn,text:contact.properties.displayName.shouldAutoLoad&&userInfo?userInfo.displayName||contact.properties.displayName.value:contact.properties.displayName.value,secondaryText:((_b=contact.properties.department)===null||_b===void 0?void 0:_b.shouldAutoLoad)&&userInfo?((_c=userInfo.properties)===null||_c===void 0?void 0:_c.department)||((_d=contact.properties.department)===null||_d===void 0?void 0:_d.value):(_e=contact.properties.department)===null||_e===void 0?void 0:_e.value,tertiaryText:((_f=contact.properties.jobTitle)===null||_f===void 0?void 0:_f.shouldAutoLoad)&&userInfo?((_g=userInfo.properties)===null||_g===void 0?void 0:_g.jobTitle)||((_h=contact.properties.jobTitle)===null||_h===void 0?void 0:_h.value):(_j=contact.properties.jobTitle)===null||_j===void 0?void 0:_j.value},void 0),showMoreProperties&&jsx$1(PropertiesContainer,{children:jsxs("ul",{children:[((_k=contact.properties.company)===null||_k===void 0?void 0:_k.value)&&jsx$1("li",{children:jsx$1(UserPropertyWrapper,__assign({iconName:"EMI",tooltipResourceKey:"Generic.company"},{children:contact.properties.company.shouldAutoLoad&&userInfo?((_l=userInfo.properties)===null||_l===void 0?void 0:_l.company)||contact.properties.company.value:contact.properties.company.value}),void 0)},void 0),((_m=contact.properties.mail)===null||_m===void 0?void 0:_m.value)&&jsx$1("li",{children:jsx$1(EmailProperty,{email:contact.properties.mail.shouldAutoLoad&&userInfo?userInfo.mail||contact.properties.mail.value:contact.properties.mail.value},void 0)},void 0),((_o=contact.properties.officePhone)===null||_o===void 0?void 0:_o.value)&&jsx$1("li",{children:jsx$1(OfficePhoneProperty,{value:contact.properties.officePhone.shouldAutoLoad&&userInfo?((_p=userInfo.properties)===null||_p===void 0?void 0:_p.businessPhones[0])||contact.properties.officePhone.value:contact.properties.officePhone.value},void 0)},void 0),((_q=contact.properties.mobilePhone)===null||_q===void 0?void 0:_q.value)&&jsx$1("li",{children:jsx$1(MobilePhoneProperty,{value:contact.properties.mobilePhone.shouldAutoLoad&&userInfo?((_r=userInfo.properties)===null||_r===void 0?void 0:_r.mobilePhone)||contact.properties.mobilePhone.value:contact.properties.mobilePhone.value},void 0)},void 0),((_s=contact.properties.address)===null||_s===void 0?void 0:_s.value)&&jsx$1("li",{children:jsx$1(LocationProperty,{value:contact.properties.address.shouldAutoLoad&&userInfo?((_u=(_t=userInfo.properties)===null||_t===void 0?void 0:_t.officeLocation)!==null&&_u!==void 0?_u:(_v=userInfo.properties)===null||_v===void 0?void 0:_v.address)||contact.properties.address.value:contact.properties.address.value,tooltipResourceKey:"Generic.address"},void 0)},void 0),((_w=contact.properties.additionalInfo)===null||_w===void 0?void 0:_w.value)&&jsx$1("li",{children:jsx$1(UserPropertyWrapper,__assign({iconName:"ContactInfo",tooltipResourceKey:"Generic.additionalInfo"},{children:contact.properties.additionalInfo.shouldAutoLoad&&userInfo?((_x=userInfo.properties)===null||_x===void 0?void 0:_x.notes)||contact.properties.additionalInfo.value:contact.properties.additionalInfo.value}),void 0)},void 0)]},void 0)},void 0)]},void 0);function getContactInfo(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!contact.upn||user.isPublicUser){return [2/*return*/,null];}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,getUserInfo(contact.upn)];case 2:return [2/*return*/,_a.sent()];case 3:_a.sent();// no exception is thrown because the backup values will be set from the contact
|
|
126321
126341
|
return [2/*return*/,null];case 4:return [2/*return*/];}});});}};var Host$A=_styled.div.withConfig({displayName:"InlineContactViewer__Host",componentId:"sc-1rvwltt-0"})(templateObject_1$1x||(templateObject_1$1x=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var PropertiesContainer=_styled.div.withConfig({displayName:"InlineContactViewer__PropertiesContainer",componentId:"sc-1rvwltt-1"})(templateObject_2$T||(templateObject_2$T=__makeTemplateObject(["\n margin: ","px;\n\n && {\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: ","px;\n }\n }\n"],["\n margin: ","px;\n\n && {\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: ","px;\n }\n }\n"])),spacingS,fontSizeSmall);var StyledAvatar$1=_styled(Avatar).withConfig({displayName:"InlineContactViewer__StyledAvatar",componentId:"sc-1rvwltt-2"})(templateObject_3$C||(templateObject_3$C=__makeTemplateObject(["\n && {\n .ms-Persona-tertiaryText,\n .ms-Persona-secondaryText {\n display: block;\n font-size: ","px;\n }\n }\n"],["\n && {\n .ms-Persona-tertiaryText,\n .ms-Persona-secondaryText {\n display: block;\n font-size: ","px;\n }\n }\n"])),fontSizeSmall);var templateObject_1$1x,templateObject_2$T,templateObject_3$C;var FileListHost=_styled.ul.withConfig({displayName:"InlineFileStyles__FileListHost",componentId:"sc-1qjkw11-0"})(templateObject_1$1w||(templateObject_1$1w=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n"])));var FileListItem=_styled.li.withConfig({displayName:"InlineFileStyles__FileListItem",componentId:"sc-1qjkw11-1"})(templateObject_2$S||(templateObject_2$S=__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin-bottom: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n audio {\n width: 100%;\n }\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin-bottom: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n audio {\n width: 100%;\n }\n }\n"])),spacingM,minScreenSize.small,spacingS-5);var FileContainerStyle=css$2(templateObject_3$B||(templateObject_3$B=__makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 200px;\n padding: ","px ","px;\n box-sizing: border-box;\n border: 1px solid #95989a;\n border-radius: 2px;\n font-size: ","px;\n line-height: 1.5em;\n"],["\n display: flex;\n align-items: center;\n min-width: 200px;\n padding: ","px ","px;\n box-sizing: border-box;\n border: 1px solid #95989a;\n border-radius: 2px;\n font-size: ","px;\n line-height: 1.5em;\n"])),spacingS,spacingS+5,fontSizeSmall);var FileIconStyle=css$2(templateObject_4$o||(templateObject_4$o=__makeTemplateObject(["\n margin: 0 ","px 0 0;\n font-size: ","px;\n"],["\n margin: 0 ","px 0 0;\n font-size: ","px;\n"])),spacingS,fontSizeLarge-3);var templateObject_1$1w,templateObject_2$S,templateObject_3$B,templateObject_4$o;var InlineFileDownloadButton=function InlineFileDownloadButton(_a){var getFileUrl=_a.getFileUrl,fileName=_a.fileName,title=_a.title,fileAccessToken=_a.fileAccessToken,additionalContent=_a.additionalContent,className=_a.className;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;var iconName=getFileIcon(fileName);if(!getFileUrl){return jsxs(FileHost,__assign({className:className,title:title!==null&&title!==void 0?title:fileName},{children:[additionalContent,jsx$1(Icon,{iconName:iconName},void 0),jsx$1("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0);}return jsx$1(DownloadButton$3,__assign({className:className,onClick:createDownloadClickHandler('_blank',function(){return __awaiter(void 0,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(token)];}});});})},{children:jsxs(FileHost,__assign({title:title!==null&&title!==void 0?title:fileName},{children:[additionalContent,jsx$1(Icon,{iconName:iconName},void 0),jsx$1("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0)}),void 0);};var FileHost=_styled.div.withConfig({displayName:"InlineFileDownloadButton__FileHost",componentId:"sc-1nadbt8-0"})(templateObject_1$1v||(templateObject_1$1v=__makeTemplateObject(["\n ","\n\n width: 100%;\n\n i {\n ","\n }\n\n span {\n display: block;\n max-width: calc(100% - 32px); // icon width\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n"],["\n ","\n\n width: 100%;\n\n i {\n ","\n }\n\n span {\n display: block;\n max-width: calc(100% - 32px); // icon width\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n"])),FileContainerStyle,FileIconStyle);var DownloadButton$3=_styled(DefaultButton).withConfig({displayName:"InlineFileDownloadButton__DownloadButton",componentId:"sc-1nadbt8-1"})(templateObject_2$R||(templateObject_2$R=__makeTemplateObject(["\n border: 0;\n padding: 0;\n width: 100%;\n height: auto; /* Fixes the top and bottom border for safari */\n\n color: ",";\n text-decoration: none;\n\n &:hover {\n color: ",";\n background-color: initial;\n }\n\n > span {\n height: auto; /* Fixes the top and bottom border for safari */\n }\n"],["\n border: 0;\n padding: 0;\n width: 100%;\n height: auto; /* Fixes the top and bottom border for safari */\n\n color: ",";\n text-decoration: none;\n\n &:hover {\n color: ",";\n background-color: initial;\n }\n\n > span {\n height: auto; /* Fixes the top and bottom border for safari */\n }\n"])),function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralPrimary;});var DownloadLink$1=_styled.a.withConfig({displayName:"InlineFileDownloadButton__DownloadLink",componentId:"sc-1nadbt8-2"})(templateObject_3$A||(templateObject_3$A=__makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n\n &&& {\n color: ",";\n text-decoration: none;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n\n &&& {\n color: ",";\n text-decoration: none;\n }\n"])),function(p){return p.theme.palette.neutralPrimary;});var templateObject_1$1v,templateObject_2$R,templateObject_3$A;var InlinePageDocumentDownloadButton=function InlinePageDocumentDownloadButton(_a){var fileUrl=_a.fileUrl,fileName=_a.fileName,title=_a.title,fileIconName=_a.fileIconName,onClick=_a.onClick,className=_a.className;var iconName=fileIconName||getFileIcon(fileName);return jsx$1(DownloadLink$1,__assign({href:fileUrl,target:"_blank",rel:"noopener noreferrer",onClick:onClick,className:className},{children:jsxs(FileHost,__assign({title:title!==null&&title!==void 0?title:fileName},{children:[jsx$1(Icon,{iconName:iconName},void 0),jsx$1("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0)}),void 0);};var InlineQuoteViewer=function InlineQuoteViewer(_a){var _b,_c;var quoteDetails=_a.quoteDetails,onClick=_a.onClick,className=_a.className;var upn=(_b=quoteDetails.author)===null||_b===void 0?void 0:_b.userPrincipalName;var displayName=(_c=quoteDetails.author)===null||_c===void 0?void 0:_c.displayName;var showAvatar=upn&"eDetails.showAvatar;return jsxs(Host$z,__assign({onClick:onClick,"data-inline-quote":true,className:className},{children:[jsx$1("blockquote",{children:quoteDetails.text},void 0),showAvatar&&jsx$1("figcaption",{children:jsx$1(PersonaCard,__assign({upn:upn},{children:jsx$1(Avatar,{upn:upn,text:displayName,secondaryText:upn},void 0)}),void 0)},void 0),!showAvatar&&displayName&&jsx$1("figcaption",{children:displayName},void 0)]}),void 0);};var Host$z=_styled.figure.withConfig({displayName:"InlineQuoteViewer__Host",componentId:"sc-1kb6gh1-0"})(templateObject_1$1u||(templateObject_1$1u=__makeTemplateObject(["\n && {\n display: inline-block;\n\n border-left: solid 4px ",";\n padding-left: ","px;\n width: calc(100% - ","px);\n box-sizing: border-box;\n margin: 0 ","px;\n\n blockquote {\n border-left: 0;\n margin: 0;\n }\n\n figcaption {\n text-align: right;\n margin-top: ","px;\n position: relative;\n font-size: ","px;\n }\n\n @media (max-width: ","px) {\n margin: 0;\n width: 100%;\n figcaption {\n margin-right: 10px;\n }\n }\n }\n"],["\n && {\n display: inline-block;\n\n border-left: solid 4px ",";\n padding-left: ","px;\n width: calc(100% - ","px);\n box-sizing: border-box;\n margin: 0 ","px;\n\n blockquote {\n border-left: 0;\n margin: 0;\n }\n\n figcaption {\n text-align: right;\n margin-top: ","px;\n position: relative;\n font-size: ","px;\n }\n\n @media (max-width: ","px) {\n margin: 0;\n width: 100%;\n figcaption {\n margin-right: 10px;\n }\n }\n }\n"])),function(p){return p.theme.palette.accent;},spacingM,2*spacingXl,spacingXl,spacingS,fontSizeSmall,maxScreenSize.medium);var templateObject_1$1u;var InlineQuote=function InlineQuote(_a){var quoteDetails=_a.blockProps;return jsx$1(InlineQuoteViewer,{quoteDetails:quoteDetails},void 0);};var InlineQuoteMapper={component:InlineQuote,type:EntityType.Quote,getPropsFromHtml:function(nodeName,node){var _a,_b,_c,_d;if(nodeName!=='div'){return null;}var quoteId=node.getAttribute('data-quote-id');if(quoteId==null){return null;}var upn=node.getAttribute('data-quote-authorupn');var text=(_b=(_a=node.querySelector('blockquote'))===null||_a===void 0?void 0:_a.innerText)!==null&&_b!==void 0?_b:// use legacy attribute for old content
|
|
126322
126342
|
node.getAttribute('data-quote-text');var displayName=(_d=(_c=node.querySelector('figcaption'))===null||_c===void 0?void 0:_c.innerText)!==null&&_d!==void 0?_d:// use legacy attribute for old content
|
|
126323
126343
|
node.getAttribute('data-quote-authorname');var showAvatar=node.getAttribute('data-quote-showavatar')==='true';var hasAuthor=upn||displayName;return {id:quoteId,text:text,author:hasAuthor?{userPrincipalName:upn,displayName:displayName}:null,showAvatar:showAvatar};},prepareRootNode:function(node){// detect if we a have new (draftJS) content. If not remove innerHTML
|