@livetiles/reach-components-react 0.4.0-preview.124 → 0.4.0-preview.125
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 +6 -1
- package/index.esm2.js +190 -181
- package/index.umd.js +196 -182
- package/package.json +1 -1
package/index.esm2.js
CHANGED
|
@@ -77096,8 +77096,8 @@ var Dialog = function Dialog(_a) {
|
|
|
77096
77096
|
}, void 0);
|
|
77097
77097
|
};
|
|
77098
77098
|
|
|
77099
|
-
var Styles$1 = createGlobalStyle(templateObject_1$
|
|
77100
|
-
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;
|
|
77101
77101
|
var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
77102
77102
|
|
|
77103
77103
|
var check$1 = function (it) {
|
|
@@ -78471,12 +78471,12 @@ var Tooltip = function Tooltip(props) {
|
|
|
78471
78471
|
};
|
|
78472
78472
|
|
|
78473
78473
|
var HighlightBubble = function HighlightBubble(style) {
|
|
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$
|
|
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) {
|
|
78475
78475
|
return p.theme.textColors.default;
|
|
78476
78476
|
}), spacingXxs, spacingS, spacingM);
|
|
78477
78477
|
};
|
|
78478
78478
|
|
|
78479
|
-
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;
|
|
78480
78480
|
|
|
78481
78481
|
var EditorHighlight = function EditorHighlight(_a) {
|
|
78482
78482
|
var tooltipResourceKey = _a.tooltipResourceKey,
|
|
@@ -78496,7 +78496,7 @@ var EditorHighlight = function EditorHighlight(_a) {
|
|
|
78496
78496
|
var EditorHighlightBubble = _styled.div.withConfig({
|
|
78497
78497
|
displayName: "EditorHighlight__EditorHighlightBubble",
|
|
78498
78498
|
componentId: "sc-1d6ahk1-0"
|
|
78499
|
-
})(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) {
|
|
78500
78500
|
var readOnly = _a.readOnly;
|
|
78501
78501
|
return readOnly ? 'inherit' : 'pointer';
|
|
78502
78502
|
}, function (_a) {
|
|
@@ -78515,7 +78515,7 @@ _styled.div.withConfig({
|
|
|
78515
78515
|
return isActive ? 1 : 0.4;
|
|
78516
78516
|
});
|
|
78517
78517
|
|
|
78518
|
-
var templateObject_1$
|
|
78518
|
+
var templateObject_1$1b$1, templateObject_2$I$1;
|
|
78519
78519
|
|
|
78520
78520
|
var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
78521
78521
|
var showDialog = _a.showDialog,
|
|
@@ -78570,25 +78570,25 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78570
78570
|
var Host$y$1 = _styled.div.withConfig({
|
|
78571
78571
|
displayName: "EditorSettingsDialog__Host",
|
|
78572
78572
|
componentId: "sc-132lfuo-0"
|
|
78573
|
-
})(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);
|
|
78574
78574
|
|
|
78575
78575
|
var EditorSettingsDialogWithFixedWidth = _styled(EditorSettingsDialog).withConfig({
|
|
78576
78576
|
displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
|
|
78577
78577
|
componentId: "sc-132lfuo-1"
|
|
78578
78578
|
})(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
|
|
78579
78579
|
|
|
78580
|
-
var templateObject_1$
|
|
78580
|
+
var templateObject_1$1a$1, templateObject_2$H$1;
|
|
78581
78581
|
|
|
78582
78582
|
var IconButton = _styled(IconButton$1).withConfig({
|
|
78583
78583
|
displayName: "IconButton",
|
|
78584
78584
|
componentId: "sc-1mokw5y-0"
|
|
78585
|
-
})(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) {
|
|
78586
78586
|
var _a;
|
|
78587
78587
|
|
|
78588
78588
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
78589
78589
|
});
|
|
78590
78590
|
|
|
78591
|
-
var templateObject_1$
|
|
78591
|
+
var templateObject_1$19$1;
|
|
78592
78592
|
|
|
78593
78593
|
var GutterToggle = function GutterToggle(_a) {
|
|
78594
78594
|
var checked = _a.checked,
|
|
@@ -78625,7 +78625,7 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78625
78625
|
var Host$x$1 = _styled.div.withConfig({
|
|
78626
78626
|
displayName: "GutterToggle__Host",
|
|
78627
78627
|
componentId: "sc-1aya63j-0"
|
|
78628
|
-
})(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"])));
|
|
78629
78629
|
|
|
78630
78630
|
var ToggleIcon = _styled(IconButton).withConfig({
|
|
78631
78631
|
displayName: "GutterToggle__ToggleIcon",
|
|
@@ -78637,8 +78637,8 @@ var Spacer = _styled.div.withConfig({
|
|
|
78637
78637
|
componentId: "sc-1aya63j-2"
|
|
78638
78638
|
})(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
|
|
78639
78639
|
|
|
78640
|
-
var templateObject_1$
|
|
78641
|
-
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) {
|
|
78642
78642
|
return p.theme.palette.accent;
|
|
78643
78643
|
}, function (p) {
|
|
78644
78644
|
return p.theme.palette.accent;
|
|
@@ -78654,7 +78654,7 @@ var Link$2 = _styled(Link$4).withConfig({
|
|
|
78654
78654
|
componentId: "sc-5x4ijx-1"
|
|
78655
78655
|
})(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78656
78656
|
|
|
78657
|
-
var templateObject_1$
|
|
78657
|
+
var templateObject_1$17$1, templateObject_2$F$1, templateObject_3$r$1;
|
|
78658
78658
|
|
|
78659
78659
|
var NotificationBar = function NotificationBar() {
|
|
78660
78660
|
var hideNotification = useNotificationContext().hideNotification;
|
|
@@ -78703,14 +78703,14 @@ var NotificationBar = function NotificationBar() {
|
|
|
78703
78703
|
var Host$w$1 = _styled.div.withConfig({
|
|
78704
78704
|
displayName: "NotificationBar__Host",
|
|
78705
78705
|
componentId: "sc-17dep9g-0"
|
|
78706
|
-
})(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"])));
|
|
78707
78707
|
|
|
78708
78708
|
var StyledMessageBar = _styled(MessageBar).withConfig({
|
|
78709
78709
|
displayName: "NotificationBar__StyledMessageBar",
|
|
78710
78710
|
componentId: "sc-17dep9g-1"
|
|
78711
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);
|
|
78712
78712
|
|
|
78713
|
-
var templateObject_1$
|
|
78713
|
+
var templateObject_1$16$1, templateObject_2$E$1;
|
|
78714
78714
|
|
|
78715
78715
|
var PeoplePicker = function PeoplePicker(props) {
|
|
78716
78716
|
var _a;
|
|
@@ -78975,9 +78975,9 @@ function isArray$3$1(accounts) {
|
|
|
78975
78975
|
var Container$1$1 = _styled.div.withConfig({
|
|
78976
78976
|
displayName: "PeoplePicker__Container",
|
|
78977
78977
|
componentId: "sc-1if6guq-0"
|
|
78978
|
-
})(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"])));
|
|
78979
78979
|
|
|
78980
|
-
var templateObject_1$
|
|
78980
|
+
var templateObject_1$15$1;
|
|
78981
78981
|
var $$5$1 = _export$1;
|
|
78982
78982
|
var getOwnPropertyDescriptor$1$1 = objectGetOwnPropertyDescriptor$1.f;
|
|
78983
78983
|
var toLength$5$1 = toLength$8$1;
|
|
@@ -79073,11 +79073,11 @@ var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
|
|
|
79073
79073
|
var Host$v$1 = _styled.a.withConfig({
|
|
79074
79074
|
displayName: "AttachedMediaDownloadLink__Host",
|
|
79075
79075
|
componentId: "sc-8hqs4q-0"
|
|
79076
|
-
})(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) {
|
|
79077
79077
|
return p.theme.palette.accent;
|
|
79078
79078
|
}, spacingS);
|
|
79079
79079
|
|
|
79080
|
-
var templateObject_1$
|
|
79080
|
+
var templateObject_1$14$1;
|
|
79081
79081
|
|
|
79082
79082
|
var AudioFile = function AudioFile(_a) {
|
|
79083
79083
|
var fileName = _a.fileName,
|
|
@@ -79115,14 +79115,14 @@ function isAudioFile(fileName) {
|
|
|
79115
79115
|
var Host$u$1 = _styled.div.withConfig({
|
|
79116
79116
|
displayName: "AudioFile__Host",
|
|
79117
79117
|
componentId: "sc-wq9avv-0"
|
|
79118
|
-
})(templateObject_1$
|
|
79118
|
+
})(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
79119
79119
|
|
|
79120
|
-
var templateObject_1$
|
|
79120
|
+
var templateObject_1$13$1;
|
|
79121
79121
|
|
|
79122
79122
|
_styled.div.withConfig({
|
|
79123
79123
|
displayName: "GroupedListItemStyles__GroupedListItemHost",
|
|
79124
79124
|
componentId: "sc-upeq9r-0"
|
|
79125
|
-
})(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);
|
|
79126
79126
|
|
|
79127
79127
|
_styled.h2.withConfig({
|
|
79128
79128
|
displayName: "GroupedListItemStyles__GroupedListItemTitle",
|
|
@@ -79131,7 +79131,7 @@ _styled.h2.withConfig({
|
|
|
79131
79131
|
return p.theme.textColors.default;
|
|
79132
79132
|
});
|
|
79133
79133
|
|
|
79134
|
-
var templateObject_1$
|
|
79134
|
+
var templateObject_1$12$1, templateObject_2$D$1;
|
|
79135
79135
|
|
|
79136
79136
|
var AttachmentHost = function AttachmentHost(_a) {
|
|
79137
79137
|
var children = _a.children,
|
|
@@ -79156,7 +79156,7 @@ var AttachmentHost = function AttachmentHost(_a) {
|
|
|
79156
79156
|
var Inner$2$2 = _styled.div.withConfig({
|
|
79157
79157
|
displayName: "AttachmentHost__Inner",
|
|
79158
79158
|
componentId: "sc-mjwmvo-0"
|
|
79159
|
-
})(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) {
|
|
79160
79160
|
return p.backgroundColor ? "background-color: " + p.backgroundColor + ";" : "background-color: " + p.theme.palette.white + ";";
|
|
79161
79161
|
});
|
|
79162
79162
|
|
|
@@ -79172,12 +79172,12 @@ var Host$t$1 = _styled.div.withConfig({
|
|
|
79172
79172
|
componentId: "sc-mjwmvo-2"
|
|
79173
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);
|
|
79174
79174
|
|
|
79175
|
-
var templateObject_1$
|
|
79175
|
+
var templateObject_1$11$1, templateObject_2$C$1, templateObject_3$q$1;
|
|
79176
79176
|
|
|
79177
79177
|
var ActionButton = _styled(ActionButton$1).withConfig({
|
|
79178
79178
|
displayName: "ActionButton",
|
|
79179
79179
|
componentId: "sc-hmhuj9-0"
|
|
79180
|
-
})(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) {
|
|
79181
79181
|
var _a;
|
|
79182
79182
|
|
|
79183
79183
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
@@ -79187,7 +79187,7 @@ var ActionButton = _styled(ActionButton$1).withConfig({
|
|
|
79187
79187
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
79188
79188
|
});
|
|
79189
79189
|
|
|
79190
|
-
var templateObject_1
|
|
79190
|
+
var templateObject_1$10$1;
|
|
79191
79191
|
var regexpStickyHelpers$2 = {};
|
|
79192
79192
|
var fails$6$1 = fails$h$1; // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
|
|
79193
79193
|
// so we use an intermediate function.
|
|
@@ -80710,9 +80710,9 @@ var mediumMaxContentWidth = minScreenSize.medium - spacingX;
|
|
|
80710
80710
|
_styled.div.withConfig({
|
|
80711
80711
|
displayName: "ListItemsContainer",
|
|
80712
80712
|
componentId: "sc-1ml8hli-0"
|
|
80713
|
-
})(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);
|
|
80714
80714
|
|
|
80715
|
-
var templateObject_1
|
|
80715
|
+
var templateObject_1$$$1;
|
|
80716
80716
|
|
|
80717
80717
|
function getGoogleMapsSearchLink(name) {
|
|
80718
80718
|
if (!name) {
|
|
@@ -80760,17 +80760,17 @@ var LeftBannerWrapper = _styled.div.withConfig({
|
|
|
80760
80760
|
displayName: "Utils__LeftBannerWrapper",
|
|
80761
80761
|
componentId: "sc-1qatfzk-0"
|
|
80762
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) {
|
|
80763
|
-
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);
|
|
80764
80764
|
}, minScreenSize.small, smallMaxContentWidth, bannerAspectRatio, minScreenSize.medium, function (p) {
|
|
80765
80765
|
return p.defaultWidth ? p.defaultWidth : 250;
|
|
80766
80766
|
}); // react router dom path matcher stops at the next '/' (slash) character
|
|
80767
80767
|
|
|
80768
|
-
var templateObject_1$
|
|
80768
|
+
var templateObject_1$_$1, templateObject_2$B$1;
|
|
80769
80769
|
|
|
80770
80770
|
_styled.div.withConfig({
|
|
80771
80771
|
displayName: "AvailableSubscriptionList__Host",
|
|
80772
80772
|
componentId: "sc-113n7q9-0"
|
|
80773
|
-
})(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"])));
|
|
80774
80774
|
|
|
80775
80775
|
_styled(ActionButton).withConfig({
|
|
80776
80776
|
displayName: "AvailableSubscriptionList__SubscriptionButton",
|
|
@@ -80779,7 +80779,7 @@ _styled(ActionButton).withConfig({
|
|
|
80779
80779
|
return p.theme.palette.accent;
|
|
80780
80780
|
});
|
|
80781
80781
|
|
|
80782
|
-
var templateObject_1$
|
|
80782
|
+
var templateObject_1$Z$1, templateObject_2$A$1;
|
|
80783
80783
|
|
|
80784
80784
|
var Callout = function Callout(_a) {
|
|
80785
80785
|
var children = _a.children,
|
|
@@ -80795,7 +80795,7 @@ var Callout = function Callout(_a) {
|
|
|
80795
80795
|
_styled.span.withConfig({
|
|
80796
80796
|
displayName: "ConfirmDeleteDialog__LinePreserverSpan",
|
|
80797
80797
|
componentId: "sc-1ybmivq-0"
|
|
80798
|
-
})(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"])));
|
|
80799
80799
|
|
|
80800
80800
|
_styled(TextField).withConfig({
|
|
80801
80801
|
displayName: "ConfirmDeleteDialog__StyledTextField",
|
|
@@ -80815,7 +80815,7 @@ _styled(PrimaryButton).withConfig({
|
|
|
80815
80815
|
return p.theme.palette.redDark;
|
|
80816
80816
|
});
|
|
80817
80817
|
|
|
80818
|
-
var templateObject_1$
|
|
80818
|
+
var templateObject_1$Y$1, templateObject_2$z$1, templateObject_3$p$1;
|
|
80819
80819
|
|
|
80820
80820
|
var ConfirmDialog = function ConfirmDialog(_a) {
|
|
80821
80821
|
var showDialog = _a.showDialog,
|
|
@@ -80876,9 +80876,9 @@ var ConfirmDialog = function ConfirmDialog(_a) {
|
|
|
80876
80876
|
_styled.div.withConfig({
|
|
80877
80877
|
displayName: "ConfirmResetDialog__Host",
|
|
80878
80878
|
componentId: "sc-akcggz-0"
|
|
80879
|
-
})(templateObject_1$
|
|
80879
|
+
})(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
|
|
80880
80880
|
|
|
80881
|
-
var templateObject_1$
|
|
80881
|
+
var templateObject_1$X$1;
|
|
80882
80882
|
|
|
80883
80883
|
var RelativeDateTime = function RelativeDateTime(_a) {
|
|
80884
80884
|
var absoluteValue = _a.value;
|
|
@@ -81088,18 +81088,18 @@ var DateTimeRange = function DateTimeRange(_a) {
|
|
|
81088
81088
|
var Host$q$1 = _styled.time.withConfig({
|
|
81089
81089
|
displayName: "DateTime__Host",
|
|
81090
81090
|
componentId: "sc-ulo84j-0"
|
|
81091
|
-
})(templateObject_1$
|
|
81091
|
+
})(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
81092
81092
|
|
|
81093
|
-
var templateObject_1$
|
|
81093
|
+
var templateObject_1$W$1;
|
|
81094
81094
|
|
|
81095
81095
|
_styled.div.withConfig({
|
|
81096
81096
|
displayName: "Divider",
|
|
81097
81097
|
componentId: "sc-1qr9ydh-0"
|
|
81098
|
-
})(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) {
|
|
81099
81099
|
return p.theme.palette.neutralTertiary;
|
|
81100
81100
|
}, defaultPageBackgroundColor);
|
|
81101
81101
|
|
|
81102
|
-
var templateObject_1$
|
|
81102
|
+
var templateObject_1$V$1;
|
|
81103
81103
|
|
|
81104
81104
|
var Dropdown = function Dropdown(_a) {
|
|
81105
81105
|
var _b;
|
|
@@ -81141,9 +81141,9 @@ var EmptyList = function EmptyList(_a) {
|
|
|
81141
81141
|
var Container$3 = _styled.div.withConfig({
|
|
81142
81142
|
displayName: "EmptyList__Container",
|
|
81143
81143
|
componentId: "sc-11jeabk-0"
|
|
81144
|
-
})(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);
|
|
81145
81145
|
|
|
81146
|
-
var templateObject_1$
|
|
81146
|
+
var templateObject_1$U$1;
|
|
81147
81147
|
|
|
81148
81148
|
var hasFlag = function hasFlag(baseValue, flag) {
|
|
81149
81149
|
return baseValue != null && (baseValue & flag) === flag;
|
|
@@ -81182,7 +81182,7 @@ $$2$1({
|
|
|
81182
81182
|
_styled.div.withConfig({
|
|
81183
81183
|
displayName: "FieldTranslationEditor__Host",
|
|
81184
81184
|
componentId: "sc-1s8zb6d-0"
|
|
81185
|
-
})(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"])));
|
|
81186
81186
|
|
|
81187
81187
|
_styled.div.withConfig({
|
|
81188
81188
|
displayName: "FieldTranslationEditor__TranslationField",
|
|
@@ -81204,7 +81204,7 @@ _styled.div.withConfig({
|
|
|
81204
81204
|
componentId: "sc-1s8zb6d-4"
|
|
81205
81205
|
})(templateObject_5$c$1 || (templateObject_5$c$1 = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
81206
81206
|
|
|
81207
|
-
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;
|
|
81208
81208
|
|
|
81209
81209
|
var Spinner = function Spinner(props) {
|
|
81210
81210
|
var _a = useState$2(props.delay == null),
|
|
@@ -81240,9 +81240,9 @@ var Spinner = function Spinner(props) {
|
|
|
81240
81240
|
var Host$o$1 = _styled.div.withConfig({
|
|
81241
81241
|
displayName: "Spinner__Host",
|
|
81242
81242
|
componentId: "sc-1wroad6-0"
|
|
81243
|
-
})(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"])));
|
|
81244
81244
|
|
|
81245
|
-
var templateObject_1$
|
|
81245
|
+
var templateObject_1$S$1;
|
|
81246
81246
|
var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
|
|
81247
81247
|
var isRegExp$6 = isRegexp$2;
|
|
81248
81248
|
var anObject$j = anObject$e$1;
|
|
@@ -81437,7 +81437,7 @@ var InputPlaceholder = function InputPlaceholder(content) {
|
|
|
81437
81437
|
};
|
|
81438
81438
|
|
|
81439
81439
|
var LineClamp = function LineClamp(lines, fontSize, lineHeight) {
|
|
81440
|
-
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);
|
|
81441
81441
|
};
|
|
81442
81442
|
|
|
81443
81443
|
function getImageSize(url) {
|
|
@@ -81549,7 +81549,7 @@ function getFileIconByExtension(extension) {
|
|
|
81549
81549
|
}
|
|
81550
81550
|
}
|
|
81551
81551
|
|
|
81552
|
-
var templateObject_1$
|
|
81552
|
+
var templateObject_1$R$1;
|
|
81553
81553
|
|
|
81554
81554
|
function useFileAccessTokenApi() {
|
|
81555
81555
|
var api = useApi();
|
|
@@ -81702,7 +81702,7 @@ var FileAttachmentList = function FileAttachmentList(_a) {
|
|
|
81702
81702
|
var FilesListHost = _styled.ul.withConfig({
|
|
81703
81703
|
displayName: "FileAttachmentList__FilesListHost",
|
|
81704
81704
|
componentId: "sc-lwztxx-0"
|
|
81705
|
-
})(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"])));
|
|
81706
81706
|
|
|
81707
81707
|
var VideoFilesListHost = _styled.ul.withConfig({
|
|
81708
81708
|
displayName: "FileAttachmentList__VideoFilesListHost",
|
|
@@ -81877,7 +81877,7 @@ var WarningIcon$1 = _styled(Icon).withConfig({
|
|
|
81877
81877
|
return p.theme.palette.redDark;
|
|
81878
81878
|
});
|
|
81879
81879
|
|
|
81880
|
-
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;
|
|
81881
81881
|
var FabNavigationPosition;
|
|
81882
81882
|
|
|
81883
81883
|
(function (FabNavigationPosition) {
|
|
@@ -81889,7 +81889,7 @@ _styled.nav.withConfig({
|
|
|
81889
81889
|
displayName: "FloatingActionButton__Navigation",
|
|
81890
81890
|
componentId: "sc-1spkihm-0"
|
|
81891
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) {
|
|
81892
|
-
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);
|
|
81893
81893
|
});
|
|
81894
81894
|
|
|
81895
81895
|
var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
|
|
@@ -81936,7 +81936,7 @@ _styled(DefaultButton).withConfig({
|
|
|
81936
81936
|
componentId: "sc-1spkihm-4"
|
|
81937
81937
|
})(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
|
|
81938
81938
|
|
|
81939
|
-
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;
|
|
81940
81940
|
|
|
81941
81941
|
var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
81942
81942
|
var _b = _a.tagName,
|
|
@@ -81952,82 +81952,9 @@ var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
|
81952
81952
|
}, void 0));
|
|
81953
81953
|
};
|
|
81954
81954
|
|
|
81955
|
-
|
|
81956
|
-
var icon = _a.icon,
|
|
81957
|
-
isActive = _a.isActive,
|
|
81958
|
-
disabled = _a.disabled,
|
|
81959
|
-
tooltipResourceKey = _a.tooltipResourceKey,
|
|
81960
|
-
onClick = _a.onClick,
|
|
81961
|
-
link = _a.link,
|
|
81962
|
-
className = _a.className,
|
|
81963
|
-
rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
|
|
81964
|
-
|
|
81965
|
-
var formatMessage = useIntl().formatMessage;
|
|
81966
|
-
|
|
81967
|
-
if (!link && !onClick) {
|
|
81968
|
-
return null;
|
|
81969
|
-
}
|
|
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);
|
|
81970
81956
|
|
|
81971
|
-
|
|
81972
|
-
var IconElement = !link ? jsx$1(Button, __assign$1({
|
|
81973
|
-
className: allClassNames,
|
|
81974
|
-
disabled: disabled,
|
|
81975
|
-
onClick: function (e) {
|
|
81976
|
-
return onClick(e.currentTarget);
|
|
81977
|
-
},
|
|
81978
|
-
iconProps: {
|
|
81979
|
-
iconName: icon
|
|
81980
|
-
},
|
|
81981
|
-
ariaLabel: formatMessage({
|
|
81982
|
-
id: tooltipResourceKey
|
|
81983
|
-
}),
|
|
81984
|
-
"data-button-type": "header-btn",
|
|
81985
|
-
isActive: isActive
|
|
81986
|
-
}, rest), void 0) : jsx$1(StyledLink$2, __assign$1({
|
|
81987
|
-
className: allClassNames,
|
|
81988
|
-
to: link
|
|
81989
|
-
}, rest, {
|
|
81990
|
-
children: jsx$1(Icon, {
|
|
81991
|
-
iconName: icon
|
|
81992
|
-
}, void 0)
|
|
81993
|
-
}), void 0);
|
|
81994
|
-
return jsx$1(Host$m$1, __assign$1({
|
|
81995
|
-
className: "tooltip-container"
|
|
81996
|
-
}, {
|
|
81997
|
-
children: jsx$1(Tooltip, __assign$1({
|
|
81998
|
-
resourceKey: tooltipResourceKey
|
|
81999
|
-
}, {
|
|
82000
|
-
children: IconElement
|
|
82001
|
-
}), void 0)
|
|
82002
|
-
}), void 0);
|
|
82003
|
-
};
|
|
82004
|
-
|
|
82005
|
-
var Host$m$1 = _styled.div.withConfig({
|
|
82006
|
-
displayName: "IconHeaderButton__Host",
|
|
82007
|
-
componentId: "sc-1jn7i2-0"
|
|
82008
|
-
})(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
82009
|
-
|
|
82010
|
-
var Button = _styled(IconButton$1).withConfig({
|
|
82011
|
-
displayName: "IconHeaderButton__Button",
|
|
82012
|
-
componentId: "sc-1jn7i2-1"
|
|
82013
|
-
})(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) {
|
|
82014
|
-
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);
|
|
82015
|
-
}, function (p) {
|
|
82016
|
-
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);
|
|
82017
|
-
});
|
|
82018
|
-
|
|
82019
|
-
var StyledLink$2 = _styled(Link$4).withConfig({
|
|
82020
|
-
displayName: "IconHeaderButton__StyledLink",
|
|
82021
|
-
componentId: "sc-1jn7i2-2"
|
|
82022
|
-
})(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) {
|
|
82023
|
-
return css$2(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82024
|
-
});
|
|
82025
|
-
|
|
82026
|
-
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;
|
|
82027
|
-
|
|
82028
|
-
_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);
|
|
82029
|
-
|
|
82030
|
-
var templateObject_1$M$1;
|
|
81957
|
+
var templateObject_1$O$1;
|
|
82031
81958
|
var itemStatisticsCache = {};
|
|
82032
81959
|
var onStatisticsUpdated = new Subject();
|
|
82033
81960
|
|
|
@@ -82087,11 +82014,11 @@ var GridKeywordTitle = function GridKeywordTitle(_a) {
|
|
|
82087
82014
|
var Keyword = _styled.span.withConfig({
|
|
82088
82015
|
displayName: "KeywordTitle__Keyword",
|
|
82089
82016
|
componentId: "sc-18jcqyr-0"
|
|
82090
|
-
})(templateObject_2$
|
|
82091
|
-
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 "])));
|
|
82092
82019
|
});
|
|
82093
82020
|
|
|
82094
|
-
var templateObject_1$
|
|
82021
|
+
var templateObject_1$N$1, templateObject_2$v$1;
|
|
82095
82022
|
|
|
82096
82023
|
var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
82097
82024
|
var _b;
|
|
@@ -82112,8 +82039,8 @@ var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
|
82112
82039
|
}, void 0);
|
|
82113
82040
|
};
|
|
82114
82041
|
|
|
82115
|
-
var Styles$2 = createGlobalStyle(templateObject_1$
|
|
82116
|
-
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;
|
|
82117
82044
|
|
|
82118
82045
|
var Modified = function Modified(_a) {
|
|
82119
82046
|
var modified = _a.modified;
|
|
@@ -82123,7 +82050,7 @@ var Modified = function Modified(_a) {
|
|
|
82123
82050
|
return null;
|
|
82124
82051
|
}
|
|
82125
82052
|
|
|
82126
|
-
return jsxs(Host$
|
|
82053
|
+
return jsxs(Host$l$1, __assign$1({
|
|
82127
82054
|
className: "ms-fontColor-neutralTertiary"
|
|
82128
82055
|
}, {
|
|
82129
82056
|
children: ["\u00A0(", jsx$1(Tooltip, __assign$1({
|
|
@@ -82149,9 +82076,9 @@ var Modified = function Modified(_a) {
|
|
|
82149
82076
|
}
|
|
82150
82077
|
};
|
|
82151
82078
|
|
|
82152
|
-
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);
|
|
82153
82080
|
|
|
82154
|
-
var templateObject_1$
|
|
82081
|
+
var templateObject_1$L$1;
|
|
82155
82082
|
|
|
82156
82083
|
var FullScreenImageViewer = function FullScreenImageViewer(_a) {
|
|
82157
82084
|
var images = _a.images,
|
|
@@ -82351,8 +82278,8 @@ var PhotoSwipeGallery = function PhotoSwipeGallery(_a) {
|
|
|
82351
82278
|
}
|
|
82352
82279
|
};
|
|
82353
82280
|
|
|
82354
|
-
var GeneralFixes = createGlobalStyle(templateObject_1$
|
|
82355
|
-
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;
|
|
82356
82283
|
|
|
82357
82284
|
var PhotoGrid = function PhotoGrid(_a) {
|
|
82358
82285
|
var images = _a.images,
|
|
@@ -82375,7 +82302,7 @@ var PhotoGrid = function PhotoGrid(_a) {
|
|
|
82375
82302
|
var showMoreImagesIndicator = images.length > 4;
|
|
82376
82303
|
var hasMultiImages = images.length > 1;
|
|
82377
82304
|
var firstImage = images[0];
|
|
82378
|
-
return jsxs(Host$
|
|
82305
|
+
return jsxs(Host$k$1, __assign$1({
|
|
82379
82306
|
"data-multi-images": hasMultiImages,
|
|
82380
82307
|
className: className,
|
|
82381
82308
|
singleImageHeight: firstImage.height,
|
|
@@ -82466,27 +82393,27 @@ var SingleImagePreview = function SingleImagePreview(_a) {
|
|
|
82466
82393
|
}), void 0);
|
|
82467
82394
|
};
|
|
82468
82395
|
|
|
82469
|
-
var Host$
|
|
82396
|
+
var Host$k$1 = _styled.div.withConfig({
|
|
82470
82397
|
displayName: "PhotoGrid__Host",
|
|
82471
82398
|
componentId: "sc-flk193-0"
|
|
82472
|
-
})(templateObject_2$
|
|
82473
|
-
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);
|
|
82474
82401
|
});
|
|
82475
82402
|
|
|
82476
82403
|
var SingleImageHost = _styled.a.withConfig({
|
|
82477
82404
|
displayName: "PhotoGrid__SingleImageHost",
|
|
82478
82405
|
componentId: "sc-flk193-1"
|
|
82479
|
-
})(templateObject_4$
|
|
82480
|
-
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 "])));
|
|
82481
82408
|
});
|
|
82482
82409
|
|
|
82483
82410
|
var Gallery = _styled.div.withConfig({
|
|
82484
82411
|
displayName: "PhotoGrid__Gallery",
|
|
82485
82412
|
componentId: "sc-flk193-2"
|
|
82486
|
-
})(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) {
|
|
82487
82414
|
return p.backgroundColor;
|
|
82488
82415
|
}, function (p) {
|
|
82489
|
-
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 "])));
|
|
82490
82417
|
});
|
|
82491
82418
|
|
|
82492
82419
|
var ImageItem = _styled.a.withConfig({
|
|
@@ -82504,15 +82431,87 @@ var MoreIndicator = _styled(DefaultButton).withConfig({
|
|
|
82504
82431
|
componentId: "sc-flk193-5"
|
|
82505
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);
|
|
82506
82433
|
|
|
82507
|
-
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;
|
|
82508
82435
|
|
|
82509
82436
|
function showPhoto(url, title) {
|
|
82510
82437
|
{
|
|
82511
82438
|
return;
|
|
82512
82439
|
}
|
|
82513
82440
|
}
|
|
82514
|
-
// eslint-disable-next-line max-len
|
|
82515
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
|
|
82516
82515
|
|
|
82517
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';
|
|
82518
82517
|
var requireObjectCoercible$e = requireObjectCoercible$9$1;
|
|
@@ -82690,7 +82689,7 @@ var ToolbarIconButtonWithToolTip = function ToolbarIconButtonWithToolTip(_a) {
|
|
|
82690
82689
|
}), void 0);
|
|
82691
82690
|
};
|
|
82692
82691
|
|
|
82693
|
-
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"])));
|
|
82694
82693
|
|
|
82695
82694
|
var StyledLink$1$1 = _styled(TextLink).withConfig({
|
|
82696
82695
|
displayName: "ToolbarIconButtonWithToolTip__StyledLink",
|
|
@@ -82716,7 +82715,7 @@ var ToolbarIconButton = _styled(ToolbarIconButtonWithToolTip).withConfig({
|
|
|
82716
82715
|
return p.theme.textColors.default;
|
|
82717
82716
|
});
|
|
82718
82717
|
|
|
82719
|
-
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;
|
|
82720
82719
|
|
|
82721
82720
|
var Search = function Search(props) {
|
|
82722
82721
|
var intl = useIntl();
|
|
@@ -82731,7 +82730,9 @@ var Search = function Search(props) {
|
|
|
82731
82730
|
useEffect$1(function () {
|
|
82732
82731
|
addBackButtonListener(handleBack);
|
|
82733
82732
|
setTimeout(function () {
|
|
82734
|
-
|
|
82733
|
+
var _a;
|
|
82734
|
+
|
|
82735
|
+
return searchInputRef && ((_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
|
|
82735
82736
|
});
|
|
82736
82737
|
return function () {
|
|
82737
82738
|
removeBackButtonListener(handleBack);
|
|
@@ -82809,7 +82810,7 @@ var StyledTextField = _styled(TextField).withConfig({
|
|
|
82809
82810
|
displayName: "Search__StyledTextField",
|
|
82810
82811
|
componentId: "sc-17f35gt-0"
|
|
82811
82812
|
})(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
82812
|
-
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) {
|
|
82813
82814
|
return p.theme.textColors.default;
|
|
82814
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) {
|
|
82815
82816
|
return p.theme.textColors.onPrimary;
|
|
@@ -82844,16 +82845,17 @@ var CancelButton$1 = _styled(IconButton).withConfig({
|
|
|
82844
82845
|
var SearchBox = function SearchBox(_a) {
|
|
82845
82846
|
var onSearchInputFieldVisibilityChanged = _a.onSearchInputFieldVisibilityChanged,
|
|
82846
82847
|
isToolbarMode = _a.isToolbarMode,
|
|
82847
|
-
className = _a.className,
|
|
82848
82848
|
onExecuteSearch = _a.onExecuteSearch,
|
|
82849
82849
|
onSearchTextChange = _a.onSearchTextChange,
|
|
82850
|
-
searchText = _a.searchText
|
|
82850
|
+
searchText = _a.searchText,
|
|
82851
|
+
showSearchBoxInput = _a.showSearchBoxInput,
|
|
82852
|
+
className = _a.className;
|
|
82851
82853
|
|
|
82852
82854
|
var _b = useState$2(!!searchText),
|
|
82853
82855
|
showSearchInputFieldState = _b[0],
|
|
82854
82856
|
setShowSearchInputField = _b[1];
|
|
82855
82857
|
|
|
82856
|
-
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
|
|
82857
82859
|
// but instead via a property
|
|
82858
82860
|
|
|
82859
82861
|
useEffect$1(function () {
|
|
@@ -82892,7 +82894,7 @@ var SearchBox = function SearchBox(_a) {
|
|
|
82892
82894
|
}
|
|
82893
82895
|
};
|
|
82894
82896
|
|
|
82895
|
-
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;
|
|
82896
82898
|
var TableSortOrder;
|
|
82897
82899
|
|
|
82898
82900
|
(function (TableSortOrder) {
|
|
@@ -82903,7 +82905,7 @@ var TableSortOrder;
|
|
|
82903
82905
|
_styled(Icon).withConfig({
|
|
82904
82906
|
displayName: "SortableTable__Order",
|
|
82905
82907
|
componentId: "sc-6tqdpa-0"
|
|
82906
|
-
})(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"])));
|
|
82907
82909
|
|
|
82908
82910
|
_styled.span.withConfig({
|
|
82909
82911
|
displayName: "SortableTable__Title",
|
|
@@ -82951,7 +82953,7 @@ _styled(Spinner).withConfig({
|
|
|
82951
82953
|
componentId: "sc-6tqdpa-6"
|
|
82952
82954
|
})(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n margin: 80px 0 100px;\n"], ["\n margin: 80px 0 100px;\n"])));
|
|
82953
82955
|
|
|
82954
|
-
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;
|
|
82955
82957
|
|
|
82956
82958
|
var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
82957
82959
|
return jsx$1(StyledToggle, __assign$1({}, props, {
|
|
@@ -82962,15 +82964,15 @@ var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
|
82962
82964
|
var StyledToggle = _styled(Toggle).withConfig({
|
|
82963
82965
|
displayName: "ToggleWithLabel__StyledToggle",
|
|
82964
82966
|
componentId: "sc-lcovfq-0"
|
|
82965
|
-
})(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) {
|
|
82966
82968
|
return p.theme.semanticColors.inputBackgroundCheckedHovered;
|
|
82967
82969
|
});
|
|
82968
82970
|
|
|
82969
|
-
var templateObject_1$
|
|
82970
|
-
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) {
|
|
82971
82973
|
return p.theme.palette.accent;
|
|
82972
82974
|
});
|
|
82973
|
-
var templateObject_1$
|
|
82975
|
+
var templateObject_1$D$1;
|
|
82974
82976
|
|
|
82975
82977
|
function getGroupName(group, user, intl) {
|
|
82976
82978
|
return group.translations[user.preferredUiLanguage] || group.translations[getPreferredContentLanguage(user)] || group.name || intl.formatMessage({
|
|
@@ -82982,7 +82984,7 @@ _styled.div.withConfig({
|
|
|
82982
82984
|
displayName: "VerificationStatusIcon__Host",
|
|
82983
82985
|
componentId: "sc-b3nb8-0"
|
|
82984
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) {
|
|
82985
|
-
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) {
|
|
82986
82988
|
return p.theme.palette.redDark;
|
|
82987
82989
|
});
|
|
82988
82990
|
});
|
|
@@ -82992,7 +82994,7 @@ _styled(Icon).withConfig({
|
|
|
82992
82994
|
componentId: "sc-b3nb8-1"
|
|
82993
82995
|
})(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
|
|
82994
82996
|
|
|
82995
|
-
var templateObject_1$
|
|
82997
|
+
var templateObject_1$C$1, templateObject_2$p$1, templateObject_3$g$1;
|
|
82996
82998
|
|
|
82997
82999
|
var OpacityAnimation = function OpacityAnimation(_a) {
|
|
82998
83000
|
var enterDuration = _a.enterDuration,
|
|
@@ -83024,14 +83026,14 @@ var OpacityAnimation = function OpacityAnimation(_a) {
|
|
|
83024
83026
|
}, void 0);
|
|
83025
83027
|
};
|
|
83026
83028
|
|
|
83027
|
-
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) {
|
|
83028
83030
|
return p.name;
|
|
83029
83031
|
}, function (p) {
|
|
83030
83032
|
return p.enterDuration;
|
|
83031
83033
|
}, function (p) {
|
|
83032
83034
|
return p.leaveDuration;
|
|
83033
83035
|
});
|
|
83034
|
-
var templateObject_1$
|
|
83036
|
+
var templateObject_1$B$1;
|
|
83035
83037
|
|
|
83036
83038
|
var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
83037
83039
|
var contentLanguageCode = _a.contentLanguageCode,
|
|
@@ -83150,20 +83152,20 @@ var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
|
83150
83152
|
}
|
|
83151
83153
|
};
|
|
83152
83154
|
|
|
83153
|
-
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) {
|
|
83154
83156
|
return p.theme.textColors.default;
|
|
83155
83157
|
});
|
|
83156
83158
|
|
|
83157
|
-
var templateObject_1$
|
|
83159
|
+
var templateObject_1$A$1;
|
|
83158
83160
|
|
|
83159
83161
|
var ChoiceGroup = _styled(ChoiceGroup$1).withConfig({
|
|
83160
83162
|
displayName: "ChoiceGroup",
|
|
83161
83163
|
componentId: "sc-11bpj01-0"
|
|
83162
|
-
})(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) {
|
|
83163
83165
|
return p.theme.palette.accent;
|
|
83164
83166
|
});
|
|
83165
83167
|
|
|
83166
|
-
var templateObject_1$
|
|
83168
|
+
var templateObject_1$z$1;
|
|
83167
83169
|
|
|
83168
83170
|
var CommentActionMenu = function CommentActionMenu(_a) {
|
|
83169
83171
|
var comment = _a.comment,
|
|
@@ -83287,7 +83289,7 @@ var CommentActionMenu = function CommentActionMenu(_a) {
|
|
|
83287
83289
|
var Buttons$4 = _styled.div.withConfig({
|
|
83288
83290
|
displayName: "CommentActionMenu__Buttons",
|
|
83289
83291
|
componentId: "sc-qsk1nc-0"
|
|
83290
|
-
})(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"])));
|
|
83291
83293
|
|
|
83292
83294
|
var MenuButton$1 = _styled(IconButton).withConfig({
|
|
83293
83295
|
displayName: "CommentActionMenu__MenuButton",
|
|
@@ -83306,18 +83308,18 @@ var StyledCallout$4 = _styled(Callout$1).withConfig({
|
|
|
83306
83308
|
componentId: "sc-qsk1nc-3"
|
|
83307
83309
|
})(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingS);
|
|
83308
83310
|
|
|
83309
|
-
var templateObject_1$
|
|
83311
|
+
var templateObject_1$y$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
|
|
83310
83312
|
|
|
83311
83313
|
var DeleteAttachmentButton = _styled(IconButton$1).withConfig({
|
|
83312
83314
|
displayName: "DeleteAttachmentButton",
|
|
83313
83315
|
componentId: "sc-d7hswf-0"
|
|
83314
|
-
})(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) {
|
|
83315
83317
|
return p.theme.textColors.default;
|
|
83316
83318
|
}, function (p) {
|
|
83317
83319
|
return p.theme.textColors.default;
|
|
83318
83320
|
});
|
|
83319
83321
|
|
|
83320
|
-
var templateObject_1$
|
|
83322
|
+
var templateObject_1$x$1;
|
|
83321
83323
|
|
|
83322
83324
|
var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
83323
83325
|
var toggleAll = _a.toggleAll,
|
|
@@ -83350,7 +83352,7 @@ var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
|
83350
83352
|
var Host$g = _styled.div.withConfig({
|
|
83351
83353
|
displayName: "ToggleAllButtons__Host",
|
|
83352
83354
|
componentId: "sc-kbn3b4-0"
|
|
83353
|
-
})(templateObject_1$
|
|
83355
|
+
})(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
|
|
83354
83356
|
|
|
83355
83357
|
var StyledButton$1$1 = _styled(ActionButton).withConfig({
|
|
83356
83358
|
displayName: "ToggleAllButtons__StyledButton",
|
|
@@ -83359,7 +83361,7 @@ var StyledButton$1$1 = _styled(ActionButton).withConfig({
|
|
|
83359
83361
|
return p.theme.palette.accent;
|
|
83360
83362
|
});
|
|
83361
83363
|
|
|
83362
|
-
var templateObject_1$
|
|
83364
|
+
var templateObject_1$w$1, templateObject_2$n$1;
|
|
83363
83365
|
|
|
83364
83366
|
var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
83365
83367
|
var iconName = props.iconName,
|
|
@@ -83378,10 +83380,17 @@ var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
|
83378
83380
|
_styled(InternalTopActionButton).withConfig({
|
|
83379
83381
|
displayName: "TopActionButton",
|
|
83380
83382
|
componentId: "sc-1lam7c6-0"
|
|
83381
|
-
})(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) {
|
|
83382
83384
|
return p.theme.palette.accent;
|
|
83383
83385
|
});
|
|
83384
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
|
+
|
|
83385
83394
|
var templateObject_1$u$1;
|
|
83386
83395
|
|
|
83387
83396
|
var ChannelTitle = function ChannelTitle(_a) {
|
|
@@ -87395,9 +87404,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
|
|
|
87395
87404
|
}), void 0);
|
|
87396
87405
|
};
|
|
87397
87406
|
|
|
87398
|
-
var version$1 = "0.4.0-preview.
|
|
87399
|
-
var buildId = "
|
|
87400
|
-
var commitId = "
|
|
87407
|
+
var version$1 = "0.4.0-preview.125";
|
|
87408
|
+
var buildId = "96857";
|
|
87409
|
+
var commitId = "eadbe88cfe7a062989a628b5eb359d44651272bf";
|
|
87401
87410
|
var isCustomerBuild = false;
|
|
87402
87411
|
var buildInfo = {
|
|
87403
87412
|
version: version$1,
|