@livetiles/reach-components-react 0.4.0-preview.31 → 0.4.0-preview.32
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/index.esm2.js +61 -34
- package/index.umd.js +60 -33
- package/package.json +1 -1
package/index.esm2.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as jsx$1, Fragment, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import require$$0$6 from 'events';
|
|
3
3
|
import * as React$d from 'react';
|
|
4
4
|
import React__default, { useContext, createContext, useMemo, useState as useState$2, useCallback, useEffect as useEffect$1, useRef as useRef$1, useReducer, Children, isValidElement, cloneElement, Component, lazy as lazy$1, Suspense, forwardRef, createElement as createElement$a, useLayoutEffect, useImperativeHandle, Fragment as Fragment$1 } from 'react';
|
|
5
|
-
import { PersonaInitialsColor, MessageBarType, loadTheme, IconButton as IconButton$1, Link as Link$3, ActionButton as ActionButton$1, TextField, PrimaryButton, DefaultButton, Icon, Image as Image$1, Spinner as Spinner$1, Toggle, ChoiceGroup as ChoiceGroup$1, Callout as Callout$1, Persona, Checkbox, Label as Label$2, Dropdown as Dropdown$1, ProgressIndicator, Shimmer, ShimmerElementsGroup, ShimmerElementType, DirectionalHint, PersonaSize, TooltipHost as TooltipHost$1, DialogType, Dialog as Dialog$1, DialogFooter, SelectionMode, NormalPeoplePicker, SpinnerSize, SearchBox as SearchBox$1, ResponsiveMode,
|
|
5
|
+
import { PersonaInitialsColor, MessageBarType, loadTheme, IconButton as IconButton$1, Link as Link$3, MessageBar, ActionButton as ActionButton$1, TextField, PrimaryButton, DefaultButton, Icon, Image as Image$1, Spinner as Spinner$1, Toggle, ChoiceGroup as ChoiceGroup$1, Callout as Callout$1, Persona, Checkbox, Label as Label$2, Dropdown as Dropdown$1, ProgressIndicator, Shimmer, ShimmerElementsGroup, ShimmerElementType, DirectionalHint, PersonaSize, TooltipHost as TooltipHost$1, DialogType, Dialog as Dialog$1, DialogFooter, SelectionMode, NormalPeoplePicker, SpinnerSize, SearchBox as SearchBox$1, ResponsiveMode, ImageFit, Layer as Layer$1, initializeIcons, TagPicker, Breadcrumb, CommandBarButton } from 'office-ui-fabric-react';
|
|
6
6
|
import * as ReactRouterDom from 'react-router-dom';
|
|
7
7
|
import { useHistory, useRouteMatch, useLocation as useLocation$1, Link as Link$4, NavLink, MemoryRouter, Switch, Route } from 'react-router-dom';
|
|
8
8
|
import require$$0$7 from 'react-is';
|
|
@@ -54948,9 +54948,21 @@ var NotificationContextProvider = function NotificationContextProvider(_a) {
|
|
|
54948
54948
|
}
|
|
54949
54949
|
};
|
|
54950
54950
|
|
|
54951
|
-
var Wrapper = _styled.div(
|
|
54952
|
-
|
|
54953
|
-
|
|
54951
|
+
var Wrapper = _styled.div.withConfig({
|
|
54952
|
+
displayName: "NotificationContext__Wrapper",
|
|
54953
|
+
componentId: "sc-ant4hw-0"
|
|
54954
|
+
})(templateObject_1$1$3 || (templateObject_1$1$3 = __makeTemplateObject$k(["\n display: flex;\n align-items: center;\n\n @media (max-width: ", "px) {\n flex-direction: column;\n }\n"], ["\n display: flex;\n align-items: center;\n\n @media (max-width: ", "px) {\n flex-direction: column;\n }\n"])), minScreenSize.small);
|
|
54955
|
+
|
|
54956
|
+
var Message$2 = _styled.p.withConfig({
|
|
54957
|
+
displayName: "NotificationContext__Message",
|
|
54958
|
+
componentId: "sc-ant4hw-1"
|
|
54959
|
+
})(templateObject_2$1$3 || (templateObject_2$1$3 = __makeTemplateObject$k(["\n flex: 1 1 auto;\n"], ["\n flex: 1 1 auto;\n"])));
|
|
54960
|
+
|
|
54961
|
+
var Actions = _styled.div.withConfig({
|
|
54962
|
+
displayName: "NotificationContext__Actions",
|
|
54963
|
+
componentId: "sc-ant4hw-2"
|
|
54964
|
+
})(templateObject_3$1$3 || (templateObject_3$1$3 = __makeTemplateObject$k(["\n margin-left: 25px;\n flex: 1 0 auto;\n\n @media (max-width: ", "px) {\n margin-left: 0;\n margin-top: 10px;\n }\n"], ["\n margin-left: 25px;\n flex: 1 0 auto;\n\n @media (max-width: ", "px) {\n margin-left: 0;\n margin-top: 10px;\n }\n"])), minScreenSize.small);
|
|
54965
|
+
|
|
54954
54966
|
var templateObject_1$1$3, templateObject_2$1$3, templateObject_3$1$3;
|
|
54955
54967
|
|
|
54956
54968
|
var ToastNotificationHost = function ToastNotificationHost() {
|
|
@@ -77025,8 +77037,8 @@ var Dialog = function Dialog(_a) {
|
|
|
77025
77037
|
}, void 0);
|
|
77026
77038
|
};
|
|
77027
77039
|
|
|
77028
|
-
var Styles$1 = createGlobalStyle(templateObject_1$
|
|
77029
|
-
var templateObject_1$
|
|
77040
|
+
var Styles$1 = createGlobalStyle(templateObject_1$1c$1 || (templateObject_1$1c$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"])));
|
|
77041
|
+
var templateObject_1$1c$1;
|
|
77030
77042
|
var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
77031
77043
|
|
|
77032
77044
|
var check$1 = function (it) {
|
|
@@ -78400,12 +78412,12 @@ var Tooltip = function Tooltip(props) {
|
|
|
78400
78412
|
};
|
|
78401
78413
|
|
|
78402
78414
|
var HighlightBubble = function HighlightBubble(style) {
|
|
78403
|
-
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$
|
|
78415
|
+
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$1b$1 || (templateObject_1$1b$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) {
|
|
78404
78416
|
return p.theme.textColors.default;
|
|
78405
78417
|
}), spacingXxs, spacingS, spacingM);
|
|
78406
78418
|
};
|
|
78407
78419
|
|
|
78408
|
-
var templateObject_1$
|
|
78420
|
+
var templateObject_1$1b$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
|
|
78409
78421
|
|
|
78410
78422
|
var EditorHighlight = function EditorHighlight(_a) {
|
|
78411
78423
|
var tooltipResourceKey = _a.tooltipResourceKey,
|
|
@@ -78423,7 +78435,7 @@ var EditorHighlight = function EditorHighlight(_a) {
|
|
|
78423
78435
|
var EditorHighlightBubble = _styled.div.withConfig({
|
|
78424
78436
|
displayName: "EditorHighlight__EditorHighlightBubble",
|
|
78425
78437
|
componentId: "sc-1d6ahk1-0"
|
|
78426
|
-
})(templateObject_1$
|
|
78438
|
+
})(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), function (_a) {
|
|
78427
78439
|
var readOnly = _a.readOnly;
|
|
78428
78440
|
return readOnly ? 'inherit' : 'pointer';
|
|
78429
78441
|
}, function (_a) {
|
|
@@ -78434,7 +78446,7 @@ var EditorHighlightBubble = _styled.div.withConfig({
|
|
|
78434
78446
|
_styled.div.withConfig({
|
|
78435
78447
|
displayName: "EditorHighlight__ChannelsEditorBubbleHost",
|
|
78436
78448
|
componentId: "sc-1d6ahk1-1"
|
|
78437
|
-
})(templateObject_2$
|
|
78449
|
+
})(templateObject_2$I$1 || (templateObject_2$I$1 = __makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), function (_a) {
|
|
78438
78450
|
var readOnly = _a.readOnly;
|
|
78439
78451
|
return readOnly ? 'inherit' : 'pointer';
|
|
78440
78452
|
}, function (_a) {
|
|
@@ -78442,7 +78454,7 @@ _styled.div.withConfig({
|
|
|
78442
78454
|
return isActive ? 1 : 0.4;
|
|
78443
78455
|
});
|
|
78444
78456
|
|
|
78445
|
-
var templateObject_1$
|
|
78457
|
+
var templateObject_1$1a$1, templateObject_2$I$1;
|
|
78446
78458
|
|
|
78447
78459
|
var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
78448
78460
|
var showDialog = _a.showDialog,
|
|
@@ -78469,7 +78481,7 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78469
78481
|
},
|
|
78470
78482
|
onDismiss: onClose
|
|
78471
78483
|
}, {
|
|
78472
|
-
children: [jsx$1(Host$
|
|
78484
|
+
children: [jsx$1(Host$y$1, __assign$1({
|
|
78473
78485
|
className: className
|
|
78474
78486
|
}, {
|
|
78475
78487
|
children: children
|
|
@@ -78494,28 +78506,28 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78494
78506
|
}), void 0);
|
|
78495
78507
|
};
|
|
78496
78508
|
|
|
78497
|
-
var Host$
|
|
78509
|
+
var Host$y$1 = _styled.div.withConfig({
|
|
78498
78510
|
displayName: "EditorSettingsDialog__Host",
|
|
78499
78511
|
componentId: "sc-132lfuo-0"
|
|
78500
|
-
})(templateObject_1$
|
|
78512
|
+
})(templateObject_1$19$1 || (templateObject_1$19$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);
|
|
78501
78513
|
|
|
78502
78514
|
var EditorSettingsDialogWithFixedWidth = _styled(EditorSettingsDialog).withConfig({
|
|
78503
78515
|
displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
|
|
78504
78516
|
componentId: "sc-132lfuo-1"
|
|
78505
|
-
})(templateObject_2$
|
|
78517
|
+
})(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
|
|
78506
78518
|
|
|
78507
|
-
var templateObject_1$
|
|
78519
|
+
var templateObject_1$19$1, templateObject_2$H$1;
|
|
78508
78520
|
|
|
78509
78521
|
var IconButton = _styled(IconButton$1).withConfig({
|
|
78510
78522
|
displayName: "IconButton",
|
|
78511
78523
|
componentId: "sc-1mokw5y-0"
|
|
78512
|
-
})(templateObject_1$
|
|
78524
|
+
})(templateObject_1$18$1 || (templateObject_1$18$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) {
|
|
78513
78525
|
var _a;
|
|
78514
78526
|
|
|
78515
78527
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
78516
78528
|
});
|
|
78517
78529
|
|
|
78518
|
-
var templateObject_1$
|
|
78530
|
+
var templateObject_1$18$1;
|
|
78519
78531
|
|
|
78520
78532
|
var GutterToggle = function GutterToggle(_a) {
|
|
78521
78533
|
var checked = _a.checked,
|
|
@@ -78528,7 +78540,7 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78528
78540
|
ariaLabelResourceKey = _a.ariaLabelResourceKey;
|
|
78529
78541
|
var formatMessage = useIntl().formatMessage;
|
|
78530
78542
|
var name = checked ? activeIconName || iconName || 'CheckboxComposite' : iconName || 'Checkbox';
|
|
78531
|
-
return jsx$1(Host$
|
|
78543
|
+
return jsx$1(Host$x$1, __assign$1({
|
|
78532
78544
|
className: className
|
|
78533
78545
|
}, {
|
|
78534
78546
|
children: !readOnly ? jsx$1(Tooltip, __assign$1({
|
|
@@ -78549,23 +78561,23 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78549
78561
|
}), void 0);
|
|
78550
78562
|
};
|
|
78551
78563
|
|
|
78552
|
-
var Host$
|
|
78564
|
+
var Host$x$1 = _styled.div.withConfig({
|
|
78553
78565
|
displayName: "GutterToggle__Host",
|
|
78554
78566
|
componentId: "sc-1aya63j-0"
|
|
78555
|
-
})(templateObject_1$
|
|
78567
|
+
})(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
|
|
78556
78568
|
|
|
78557
78569
|
var ToggleIcon = _styled(IconButton).withConfig({
|
|
78558
78570
|
displayName: "GutterToggle__ToggleIcon",
|
|
78559
78571
|
componentId: "sc-1aya63j-1"
|
|
78560
|
-
})(templateObject_2$
|
|
78572
|
+
})(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"])));
|
|
78561
78573
|
|
|
78562
78574
|
var Spacer = _styled.div.withConfig({
|
|
78563
78575
|
displayName: "GutterToggle__Spacer",
|
|
78564
78576
|
componentId: "sc-1aya63j-2"
|
|
78565
78577
|
})(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
|
|
78566
78578
|
|
|
78567
|
-
var templateObject_1$
|
|
78568
|
-
var LinkStyle$1 = css$2(templateObject_1$
|
|
78579
|
+
var templateObject_1$17$1, templateObject_2$G$1, templateObject_3$s$1;
|
|
78580
|
+
var LinkStyle$1 = css$2(templateObject_1$16$1 || (templateObject_1$16$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) {
|
|
78569
78581
|
return p.theme.palette.accent;
|
|
78570
78582
|
}, function (p) {
|
|
78571
78583
|
return p.theme.palette.accent;
|
|
@@ -78574,14 +78586,14 @@ var LinkStyle$1 = css$2(templateObject_1$15$1 || (templateObject_1$15$1 = __make
|
|
|
78574
78586
|
var ExternalLink$2 = _styled(Link$3).withConfig({
|
|
78575
78587
|
displayName: "Link__ExternalLink",
|
|
78576
78588
|
componentId: "sc-5x4ijx-0"
|
|
78577
|
-
})(templateObject_2$
|
|
78589
|
+
})(templateObject_2$F$1 || (templateObject_2$F$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78578
78590
|
|
|
78579
78591
|
var Link$2 = _styled(Link$4).withConfig({
|
|
78580
78592
|
displayName: "Link",
|
|
78581
78593
|
componentId: "sc-5x4ijx-1"
|
|
78582
78594
|
})(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78583
78595
|
|
|
78584
|
-
var templateObject_1$
|
|
78596
|
+
var templateObject_1$16$1, templateObject_2$F$1, templateObject_3$r$1;
|
|
78585
78597
|
|
|
78586
78598
|
var NotificationBar = function NotificationBar() {
|
|
78587
78599
|
var hideNotification = useNotificationContext().hideNotification;
|
|
@@ -78592,13 +78604,16 @@ var NotificationBar = function NotificationBar() {
|
|
|
78592
78604
|
|
|
78593
78605
|
var formatMessage = useIntl().formatMessage;
|
|
78594
78606
|
var hasMessage = state.messageId || state.text;
|
|
78595
|
-
|
|
78596
|
-
|
|
78597
|
-
|
|
78598
|
-
|
|
78607
|
+
|
|
78608
|
+
if (!isNotificationBarVisible) {
|
|
78609
|
+
return null;
|
|
78610
|
+
}
|
|
78611
|
+
|
|
78612
|
+
return jsx$1(Host$w$1, __assign$1({
|
|
78613
|
+
className: "notification-wrapper",
|
|
78599
78614
|
"data-notification-bar": true
|
|
78600
78615
|
}, {
|
|
78601
|
-
children: jsx$1(
|
|
78616
|
+
children: jsx$1(StyledMessageBar, __assign$1({
|
|
78602
78617
|
messageBarType: state.messageBarType,
|
|
78603
78618
|
className: state.className,
|
|
78604
78619
|
actions: state.actions,
|
|
@@ -78624,6 +78639,18 @@ var NotificationBar = function NotificationBar() {
|
|
|
78624
78639
|
}), void 0);
|
|
78625
78640
|
};
|
|
78626
78641
|
|
|
78642
|
+
var Host$w$1 = _styled.div.withConfig({
|
|
78643
|
+
displayName: "NotificationBar__Host",
|
|
78644
|
+
componentId: "sc-17dep9g-0"
|
|
78645
|
+
})(templateObject_1$15$1 || (templateObject_1$15$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"])));
|
|
78646
|
+
|
|
78647
|
+
var StyledMessageBar = _styled(MessageBar).withConfig({
|
|
78648
|
+
displayName: "NotificationBar__StyledMessageBar",
|
|
78649
|
+
componentId: "sc-17dep9g-1"
|
|
78650
|
+
})(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);
|
|
78651
|
+
|
|
78652
|
+
var templateObject_1$15$1, templateObject_2$E$1;
|
|
78653
|
+
|
|
78627
78654
|
var PeoplePicker = function PeoplePicker(props) {
|
|
78628
78655
|
var _a;
|
|
78629
78656
|
|
|
@@ -87303,9 +87330,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
|
|
|
87303
87330
|
}), void 0);
|
|
87304
87331
|
};
|
|
87305
87332
|
|
|
87306
|
-
var version$1 = "0.3.
|
|
87307
|
-
var buildId = "
|
|
87308
|
-
var commitId = "
|
|
87333
|
+
var version$1 = "0.3.25";
|
|
87334
|
+
var buildId = "95302";
|
|
87335
|
+
var commitId = "b1876a6b08b2d47c367a9887fc2164d0a8201265";
|
|
87309
87336
|
var isCustomerBuild = false;
|
|
87310
87337
|
var buildInfo = {
|
|
87311
87338
|
version: version$1,
|
package/index.umd.js
CHANGED
|
@@ -54805,9 +54805,21 @@
|
|
|
54805
54805
|
}
|
|
54806
54806
|
};
|
|
54807
54807
|
|
|
54808
|
-
var Wrapper = _styled__default["default"].div(
|
|
54809
|
-
|
|
54810
|
-
|
|
54808
|
+
var Wrapper = _styled__default["default"].div.withConfig({
|
|
54809
|
+
displayName: "NotificationContext__Wrapper",
|
|
54810
|
+
componentId: "sc-ant4hw-0"
|
|
54811
|
+
})(templateObject_1$1$3 || (templateObject_1$1$3 = __makeTemplateObject$k(["\n display: flex;\n align-items: center;\n\n @media (max-width: ", "px) {\n flex-direction: column;\n }\n"], ["\n display: flex;\n align-items: center;\n\n @media (max-width: ", "px) {\n flex-direction: column;\n }\n"])), minScreenSize.small);
|
|
54812
|
+
|
|
54813
|
+
var Message$2 = _styled__default["default"].p.withConfig({
|
|
54814
|
+
displayName: "NotificationContext__Message",
|
|
54815
|
+
componentId: "sc-ant4hw-1"
|
|
54816
|
+
})(templateObject_2$1$3 || (templateObject_2$1$3 = __makeTemplateObject$k(["\n flex: 1 1 auto;\n"], ["\n flex: 1 1 auto;\n"])));
|
|
54817
|
+
|
|
54818
|
+
var Actions = _styled__default["default"].div.withConfig({
|
|
54819
|
+
displayName: "NotificationContext__Actions",
|
|
54820
|
+
componentId: "sc-ant4hw-2"
|
|
54821
|
+
})(templateObject_3$1$3 || (templateObject_3$1$3 = __makeTemplateObject$k(["\n margin-left: 25px;\n flex: 1 0 auto;\n\n @media (max-width: ", "px) {\n margin-left: 0;\n margin-top: 10px;\n }\n"], ["\n margin-left: 25px;\n flex: 1 0 auto;\n\n @media (max-width: ", "px) {\n margin-left: 0;\n margin-top: 10px;\n }\n"])), minScreenSize.small);
|
|
54822
|
+
|
|
54811
54823
|
var templateObject_1$1$3, templateObject_2$1$3, templateObject_3$1$3;
|
|
54812
54824
|
|
|
54813
54825
|
var ToastNotificationHost = function ToastNotificationHost() {
|
|
@@ -76882,8 +76894,8 @@
|
|
|
76882
76894
|
}, void 0);
|
|
76883
76895
|
};
|
|
76884
76896
|
|
|
76885
|
-
var Styles$1 = _styled.createGlobalStyle(templateObject_1$
|
|
76886
|
-
var templateObject_1$
|
|
76897
|
+
var Styles$1 = _styled.createGlobalStyle(templateObject_1$1c$1 || (templateObject_1$1c$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"])));
|
|
76898
|
+
var templateObject_1$1c$1;
|
|
76887
76899
|
var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
76888
76900
|
|
|
76889
76901
|
var check$1 = function (it) {
|
|
@@ -78257,12 +78269,12 @@
|
|
|
78257
78269
|
};
|
|
78258
78270
|
|
|
78259
78271
|
var HighlightBubble = function HighlightBubble(style) {
|
|
78260
|
-
return _styled.css(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) ? _styled.css(templateObject_1$
|
|
78272
|
+
return _styled.css(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) ? _styled.css(templateObject_1$1b$1 || (templateObject_1$1b$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), style.backgroundColor) : _styled.css(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) ? _styled.css(templateObject_3$t$1 || (templateObject_3$t$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), style.color) : _styled.css(templateObject_4$i$1 || (templateObject_4$i$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
|
|
78261
78273
|
return p.theme.textColors.default;
|
|
78262
78274
|
}), spacingXxs, spacingS, spacingM);
|
|
78263
78275
|
};
|
|
78264
78276
|
|
|
78265
|
-
var templateObject_1$
|
|
78277
|
+
var templateObject_1$1b$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
|
|
78266
78278
|
|
|
78267
78279
|
var EditorHighlight = function EditorHighlight(_a) {
|
|
78268
78280
|
var tooltipResourceKey = _a.tooltipResourceKey,
|
|
@@ -78280,7 +78292,7 @@
|
|
|
78280
78292
|
var EditorHighlightBubble = _styled__default["default"].div.withConfig({
|
|
78281
78293
|
displayName: "EditorHighlight__EditorHighlightBubble",
|
|
78282
78294
|
componentId: "sc-1d6ahk1-0"
|
|
78283
|
-
})(templateObject_1$
|
|
78295
|
+
})(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n padding: 10px 15px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), function (_a) {
|
|
78284
78296
|
var readOnly = _a.readOnly;
|
|
78285
78297
|
return readOnly ? 'inherit' : 'pointer';
|
|
78286
78298
|
}, function (_a) {
|
|
@@ -78291,7 +78303,7 @@
|
|
|
78291
78303
|
_styled__default["default"].div.withConfig({
|
|
78292
78304
|
displayName: "EditorHighlight__ChannelsEditorBubbleHost",
|
|
78293
78305
|
componentId: "sc-1d6ahk1-1"
|
|
78294
|
-
})(templateObject_2$
|
|
78306
|
+
})(templateObject_2$I$1 || (templateObject_2$I$1 = __makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), function (_a) {
|
|
78295
78307
|
var readOnly = _a.readOnly;
|
|
78296
78308
|
return readOnly ? 'inherit' : 'pointer';
|
|
78297
78309
|
}, function (_a) {
|
|
@@ -78299,7 +78311,7 @@
|
|
|
78299
78311
|
return isActive ? 1 : 0.4;
|
|
78300
78312
|
});
|
|
78301
78313
|
|
|
78302
|
-
var templateObject_1$
|
|
78314
|
+
var templateObject_1$1a$1, templateObject_2$I$1;
|
|
78303
78315
|
|
|
78304
78316
|
var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
78305
78317
|
var showDialog = _a.showDialog,
|
|
@@ -78326,7 +78338,7 @@
|
|
|
78326
78338
|
},
|
|
78327
78339
|
onDismiss: onClose
|
|
78328
78340
|
}, {
|
|
78329
|
-
children: [jsxRuntime.jsx(Host$
|
|
78341
|
+
children: [jsxRuntime.jsx(Host$y$1, __assign$1({
|
|
78330
78342
|
className: className
|
|
78331
78343
|
}, {
|
|
78332
78344
|
children: children
|
|
@@ -78351,28 +78363,28 @@
|
|
|
78351
78363
|
}), void 0);
|
|
78352
78364
|
};
|
|
78353
78365
|
|
|
78354
|
-
var Host$
|
|
78366
|
+
var Host$y$1 = _styled__default["default"].div.withConfig({
|
|
78355
78367
|
displayName: "EditorSettingsDialog__Host",
|
|
78356
78368
|
componentId: "sc-132lfuo-0"
|
|
78357
|
-
})(templateObject_1$
|
|
78369
|
+
})(templateObject_1$19$1 || (templateObject_1$19$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);
|
|
78358
78370
|
|
|
78359
78371
|
var EditorSettingsDialogWithFixedWidth = _styled__default["default"](EditorSettingsDialog).withConfig({
|
|
78360
78372
|
displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
|
|
78361
78373
|
componentId: "sc-132lfuo-1"
|
|
78362
|
-
})(templateObject_2$
|
|
78374
|
+
})(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
|
|
78363
78375
|
|
|
78364
|
-
var templateObject_1$
|
|
78376
|
+
var templateObject_1$19$1, templateObject_2$H$1;
|
|
78365
78377
|
|
|
78366
78378
|
var IconButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
|
|
78367
78379
|
displayName: "IconButton",
|
|
78368
78380
|
componentId: "sc-1mokw5y-0"
|
|
78369
|
-
})(templateObject_1$
|
|
78381
|
+
})(templateObject_1$18$1 || (templateObject_1$18$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) {
|
|
78370
78382
|
var _a;
|
|
78371
78383
|
|
|
78372
78384
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
78373
78385
|
});
|
|
78374
78386
|
|
|
78375
|
-
var templateObject_1$
|
|
78387
|
+
var templateObject_1$18$1;
|
|
78376
78388
|
|
|
78377
78389
|
var GutterToggle = function GutterToggle(_a) {
|
|
78378
78390
|
var checked = _a.checked,
|
|
@@ -78385,7 +78397,7 @@
|
|
|
78385
78397
|
ariaLabelResourceKey = _a.ariaLabelResourceKey;
|
|
78386
78398
|
var formatMessage = useIntl().formatMessage;
|
|
78387
78399
|
var name = checked ? activeIconName || iconName || 'CheckboxComposite' : iconName || 'Checkbox';
|
|
78388
|
-
return jsxRuntime.jsx(Host$
|
|
78400
|
+
return jsxRuntime.jsx(Host$x$1, __assign$1({
|
|
78389
78401
|
className: className
|
|
78390
78402
|
}, {
|
|
78391
78403
|
children: !readOnly ? jsxRuntime.jsx(Tooltip, __assign$1({
|
|
@@ -78406,23 +78418,23 @@
|
|
|
78406
78418
|
}), void 0);
|
|
78407
78419
|
};
|
|
78408
78420
|
|
|
78409
|
-
var Host$
|
|
78421
|
+
var Host$x$1 = _styled__default["default"].div.withConfig({
|
|
78410
78422
|
displayName: "GutterToggle__Host",
|
|
78411
78423
|
componentId: "sc-1aya63j-0"
|
|
78412
|
-
})(templateObject_1$
|
|
78424
|
+
})(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n padding-top: 8px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
|
|
78413
78425
|
|
|
78414
78426
|
var ToggleIcon = _styled__default["default"](IconButton).withConfig({
|
|
78415
78427
|
displayName: "GutterToggle__ToggleIcon",
|
|
78416
78428
|
componentId: "sc-1aya63j-1"
|
|
78417
|
-
})(templateObject_2$
|
|
78429
|
+
})(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: 18px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: 25px;\n }\n }\n"])));
|
|
78418
78430
|
|
|
78419
78431
|
var Spacer = _styled__default["default"].div.withConfig({
|
|
78420
78432
|
displayName: "GutterToggle__Spacer",
|
|
78421
78433
|
componentId: "sc-1aya63j-2"
|
|
78422
78434
|
})(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
|
|
78423
78435
|
|
|
78424
|
-
var templateObject_1$
|
|
78425
|
-
var LinkStyle$1 = _styled.css(templateObject_1$
|
|
78436
|
+
var templateObject_1$17$1, templateObject_2$G$1, templateObject_3$s$1;
|
|
78437
|
+
var LinkStyle$1 = _styled.css(templateObject_1$16$1 || (templateObject_1$16$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) {
|
|
78426
78438
|
return p.theme.palette.accent;
|
|
78427
78439
|
}, function (p) {
|
|
78428
78440
|
return p.theme.palette.accent;
|
|
@@ -78431,14 +78443,14 @@
|
|
|
78431
78443
|
var ExternalLink$2 = _styled__default["default"](officeUiFabricReact.Link).withConfig({
|
|
78432
78444
|
displayName: "Link__ExternalLink",
|
|
78433
78445
|
componentId: "sc-5x4ijx-0"
|
|
78434
|
-
})(templateObject_2$
|
|
78446
|
+
})(templateObject_2$F$1 || (templateObject_2$F$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78435
78447
|
|
|
78436
78448
|
var Link$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
|
|
78437
78449
|
displayName: "Link",
|
|
78438
78450
|
componentId: "sc-5x4ijx-1"
|
|
78439
78451
|
})(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78440
78452
|
|
|
78441
|
-
var templateObject_1$
|
|
78453
|
+
var templateObject_1$16$1, templateObject_2$F$1, templateObject_3$r$1;
|
|
78442
78454
|
|
|
78443
78455
|
var NotificationBar = function NotificationBar() {
|
|
78444
78456
|
var hideNotification = useNotificationContext().hideNotification;
|
|
@@ -78449,13 +78461,16 @@
|
|
|
78449
78461
|
|
|
78450
78462
|
var formatMessage = useIntl().formatMessage;
|
|
78451
78463
|
var hasMessage = state.messageId || state.text;
|
|
78452
|
-
|
|
78453
|
-
|
|
78454
|
-
|
|
78455
|
-
|
|
78464
|
+
|
|
78465
|
+
if (!isNotificationBarVisible) {
|
|
78466
|
+
return null;
|
|
78467
|
+
}
|
|
78468
|
+
|
|
78469
|
+
return jsxRuntime.jsx(Host$w$1, __assign$1({
|
|
78470
|
+
className: "notification-wrapper",
|
|
78456
78471
|
"data-notification-bar": true
|
|
78457
78472
|
}, {
|
|
78458
|
-
children: jsxRuntime.jsx(
|
|
78473
|
+
children: jsxRuntime.jsx(StyledMessageBar, __assign$1({
|
|
78459
78474
|
messageBarType: state.messageBarType,
|
|
78460
78475
|
className: state.className,
|
|
78461
78476
|
actions: state.actions,
|
|
@@ -78481,6 +78496,18 @@
|
|
|
78481
78496
|
}), void 0);
|
|
78482
78497
|
};
|
|
78483
78498
|
|
|
78499
|
+
var Host$w$1 = _styled__default["default"].div.withConfig({
|
|
78500
|
+
displayName: "NotificationBar__Host",
|
|
78501
|
+
componentId: "sc-17dep9g-0"
|
|
78502
|
+
})(templateObject_1$15$1 || (templateObject_1$15$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"])));
|
|
78503
|
+
|
|
78504
|
+
var StyledMessageBar = _styled__default["default"](officeUiFabricReact.MessageBar).withConfig({
|
|
78505
|
+
displayName: "NotificationBar__StyledMessageBar",
|
|
78506
|
+
componentId: "sc-17dep9g-1"
|
|
78507
|
+
})(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);
|
|
78508
|
+
|
|
78509
|
+
var templateObject_1$15$1, templateObject_2$E$1;
|
|
78510
|
+
|
|
78484
78511
|
var PeoplePicker = function PeoplePicker(props) {
|
|
78485
78512
|
var _a;
|
|
78486
78513
|
|
|
@@ -87160,9 +87187,9 @@
|
|
|
87160
87187
|
}), void 0);
|
|
87161
87188
|
};
|
|
87162
87189
|
|
|
87163
|
-
var version$1 = "0.3.
|
|
87164
|
-
var buildId = "
|
|
87165
|
-
var commitId = "
|
|
87190
|
+
var version$1 = "0.3.25";
|
|
87191
|
+
var buildId = "95302";
|
|
87192
|
+
var commitId = "b1876a6b08b2d47c367a9887fc2164d0a8201265";
|
|
87166
87193
|
var isCustomerBuild = false;
|
|
87167
87194
|
var buildInfo = {
|
|
87168
87195
|
version: version$1,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@livetiles/reach-components-react",
|
|
3
3
|
"description": "Provides React components to consume LiveTiles Reach data",
|
|
4
|
-
"version": "0.4.0-preview.
|
|
4
|
+
"version": "0.4.0-preview.32",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"react": "^16.13.1 || ^17",
|
|
7
7
|
"react-dom": "^16.13.1 || ^17",
|