@livetiles/reach-components-react 0.4.0-preview.20 → 0.4.0-preview.21
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 +38 -33
- package/index.umd.js +38 -33
- package/package.json +1 -1
package/index.esm2.js
CHANGED
|
@@ -78465,7 +78465,7 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78465
78465
|
},
|
|
78466
78466
|
onDismiss: onClose
|
|
78467
78467
|
}, {
|
|
78468
|
-
children: [jsx$1(Host$
|
|
78468
|
+
children: [jsx$1(Host$x$1, __assign$1({
|
|
78469
78469
|
className: className
|
|
78470
78470
|
}, {
|
|
78471
78471
|
children: children
|
|
@@ -78490,7 +78490,7 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78490
78490
|
}), void 0);
|
|
78491
78491
|
};
|
|
78492
78492
|
|
|
78493
|
-
var Host$
|
|
78493
|
+
var Host$x$1 = _styled.div.withConfig({
|
|
78494
78494
|
displayName: "EditorSettingsDialog__Host",
|
|
78495
78495
|
componentId: "sc-132lfuo-0"
|
|
78496
78496
|
})(templateObject_1$18$1 || (templateObject_1$18$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);
|
|
@@ -78524,7 +78524,7 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78524
78524
|
ariaLabelResourceKey = _a.ariaLabelResourceKey;
|
|
78525
78525
|
var formatMessage = useIntl().formatMessage;
|
|
78526
78526
|
var name = checked ? activeIconName || iconName || 'CheckboxComposite' : iconName || 'Checkbox';
|
|
78527
|
-
return jsx$1(Host$
|
|
78527
|
+
return jsx$1(Host$w$1, __assign$1({
|
|
78528
78528
|
className: className
|
|
78529
78529
|
}, {
|
|
78530
78530
|
children: !readOnly ? jsx$1(Tooltip, __assign$1({
|
|
@@ -78545,7 +78545,7 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78545
78545
|
}), void 0);
|
|
78546
78546
|
};
|
|
78547
78547
|
|
|
78548
|
-
var Host$
|
|
78548
|
+
var Host$w$1 = _styled.div.withConfig({
|
|
78549
78549
|
displayName: "GutterToggle__Host",
|
|
78550
78550
|
componentId: "sc-1aya63j-0"
|
|
78551
78551
|
})(templateObject_1$16$1 || (templateObject_1$16$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"])));
|
|
@@ -78964,7 +78964,7 @@ if (NOT_GENERIC$2 || INCORRECT_NAME$2) {
|
|
|
78964
78964
|
var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
|
|
78965
78965
|
var fileName = _a.fileName,
|
|
78966
78966
|
url = _a.url;
|
|
78967
|
-
return jsx$1(Host$
|
|
78967
|
+
return jsx$1(Host$v$1, __assign$1({
|
|
78968
78968
|
href: url,
|
|
78969
78969
|
target: "_blank",
|
|
78970
78970
|
download: fileName,
|
|
@@ -78978,7 +78978,7 @@ var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
|
|
|
78978
78978
|
}), void 0);
|
|
78979
78979
|
};
|
|
78980
78980
|
|
|
78981
|
-
var Host$
|
|
78981
|
+
var Host$v$1 = _styled.a.withConfig({
|
|
78982
78982
|
displayName: "AttachedMediaDownloadLink__Host",
|
|
78983
78983
|
componentId: "sc-8hqs4q-0"
|
|
78984
78984
|
})(templateObject_1$13$1 || (templateObject_1$13$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) {
|
|
@@ -78995,7 +78995,7 @@ var AudioFile = function AudioFile(_a) {
|
|
|
78995
78995
|
return null;
|
|
78996
78996
|
}
|
|
78997
78997
|
|
|
78998
|
-
return jsxs(Host$
|
|
78998
|
+
return jsxs(Host$u$1, {
|
|
78999
78999
|
children: [jsx$1(AttachedMediaDownloadLink, {
|
|
79000
79000
|
fileName: fileName,
|
|
79001
79001
|
url: url
|
|
@@ -79020,7 +79020,7 @@ function isAudioFile(fileName) {
|
|
|
79020
79020
|
return fileType && fileType.toString().startsWith('audio/');
|
|
79021
79021
|
}
|
|
79022
79022
|
|
|
79023
|
-
var Host$
|
|
79023
|
+
var Host$u$1 = _styled.div.withConfig({
|
|
79024
79024
|
displayName: "AudioFile__Host",
|
|
79025
79025
|
componentId: "sc-wq9avv-0"
|
|
79026
79026
|
})(templateObject_1$12$1 || (templateObject_1$12$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
@@ -79047,7 +79047,7 @@ var AttachmentHost = function AttachmentHost(_a) {
|
|
|
79047
79047
|
domIdentifier = _a.domIdentifier,
|
|
79048
79048
|
backgroundColor = _a.backgroundColor,
|
|
79049
79049
|
className = _a.className;
|
|
79050
|
-
return jsxs(Host$
|
|
79050
|
+
return jsxs(Host$t$1, __assign$1({
|
|
79051
79051
|
className: className
|
|
79052
79052
|
}, {
|
|
79053
79053
|
children: [deleteButton && jsx$1(ButtonHost, {
|
|
@@ -79075,7 +79075,7 @@ var ButtonHost = _styled.div.withConfig({
|
|
|
79075
79075
|
return p.theme.palette.white;
|
|
79076
79076
|
}, attachmentRoundedCornerSize - 1, attachmentRoundedCornerSize);
|
|
79077
79077
|
|
|
79078
|
-
var Host$
|
|
79078
|
+
var Host$t$1 = _styled.div.withConfig({
|
|
79079
79079
|
displayName: "AttachmentHost__Host",
|
|
79080
79080
|
componentId: "sc-mjwmvo-2"
|
|
79081
79081
|
})(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);
|
|
@@ -80924,7 +80924,7 @@ var DateTime = function DateTime(props) {
|
|
|
80924
80924
|
};
|
|
80925
80925
|
|
|
80926
80926
|
if (!props.showWeekDay && shouldShowRelativeDate) {
|
|
80927
|
-
return jsx$1(Host$
|
|
80927
|
+
return jsx$1(Host$q$1, __assign$1({
|
|
80928
80928
|
className: classNames(props.className)
|
|
80929
80929
|
}, timeProps, {
|
|
80930
80930
|
children: jsx$1(RelativeDateTime, {
|
|
@@ -80933,7 +80933,7 @@ var DateTime = function DateTime(props) {
|
|
|
80933
80933
|
}), void 0);
|
|
80934
80934
|
}
|
|
80935
80935
|
|
|
80936
|
-
return jsxs(Host$
|
|
80936
|
+
return jsxs(Host$q$1, __assign$1({
|
|
80937
80937
|
className: classNames(props.className)
|
|
80938
80938
|
}, timeProps, {
|
|
80939
80939
|
children: [jsx$1(FormattedDate, {
|
|
@@ -80993,7 +80993,7 @@ var DateTimeRange = function DateTimeRange(_a) {
|
|
|
80993
80993
|
}), void 0);
|
|
80994
80994
|
};
|
|
80995
80995
|
|
|
80996
|
-
var Host$
|
|
80996
|
+
var Host$q$1 = _styled.time.withConfig({
|
|
80997
80997
|
displayName: "DateTime__Host",
|
|
80998
80998
|
componentId: "sc-ulo84j-0"
|
|
80999
80999
|
})(templateObject_1$V$1 || (templateObject_1$V$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
@@ -81136,7 +81136,7 @@ var Spinner = function Spinner(props) {
|
|
|
81136
81136
|
return null;
|
|
81137
81137
|
}
|
|
81138
81138
|
|
|
81139
|
-
return jsx$1(Host$
|
|
81139
|
+
return jsx$1(Host$o$1, __assign$1({
|
|
81140
81140
|
className: props.className
|
|
81141
81141
|
}, {
|
|
81142
81142
|
children: jsx$1(Spinner$1, __assign$1({}, props, {
|
|
@@ -81145,7 +81145,7 @@ var Spinner = function Spinner(props) {
|
|
|
81145
81145
|
}), void 0);
|
|
81146
81146
|
};
|
|
81147
81147
|
|
|
81148
|
-
var Host$
|
|
81148
|
+
var Host$o$1 = _styled.div.withConfig({
|
|
81149
81149
|
displayName: "Spinner__Host",
|
|
81150
81150
|
componentId: "sc-1wroad6-0"
|
|
81151
81151
|
})(templateObject_1$R$1 || (templateObject_1$R$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"])));
|
|
@@ -81607,7 +81607,7 @@ var FileAttachmentPreview = function FileAttachmentPreview(_a) {
|
|
|
81607
81607
|
var formatMessage = useIntl().formatMessage;
|
|
81608
81608
|
var showDeleteButton = !disabled && onDeleteClick;
|
|
81609
81609
|
var exchangeShortLivedToken = useFileAccessTokenApi().exchangeShortLivedToken;
|
|
81610
|
-
return jsxs(Host$
|
|
81610
|
+
return jsxs(Host$n$1, {
|
|
81611
81611
|
children: [attachment.isUploadInProgress && jsx$1(AttachmentOverlay$1, {
|
|
81612
81612
|
children: jsx$1(CenteredSpinner$1, {
|
|
81613
81613
|
size: SpinnerSize.medium
|
|
@@ -81691,7 +81691,7 @@ var FileAttachmentPreview = function FileAttachmentPreview(_a) {
|
|
|
81691
81691
|
}
|
|
81692
81692
|
};
|
|
81693
81693
|
|
|
81694
|
-
var Host$
|
|
81694
|
+
var Host$n$1 = _styled.div.withConfig({
|
|
81695
81695
|
displayName: "FileAttachmentList__Host",
|
|
81696
81696
|
componentId: "sc-lwztxx-4"
|
|
81697
81697
|
})(templateObject_5$b$1 || (templateObject_5$b$1 = __makeTemplateObject$1(["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n background-color: ", ";\n"], ["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n background-color: ", ";\n"])), function (p) {
|
|
@@ -81701,7 +81701,7 @@ var Host$m$1 = _styled.div.withConfig({
|
|
|
81701
81701
|
var DownloadButton$4 = _styled(DefaultButton).withConfig({
|
|
81702
81702
|
displayName: "FileAttachmentList__DownloadButton",
|
|
81703
81703
|
componentId: "sc-lwztxx-5"
|
|
81704
|
-
})(templateObject_6$
|
|
81704
|
+
})(templateObject_6$9$1 || (templateObject_6$9$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n width: 100%;\n color: ", ";\n box-sizing: border-box;\n padding: ", "px;\n border: 0;\n\n &:hover {\n background-color: initial;\n color: ", ";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"], ["\n display: flex;\n align-items: center;\n width: 100%;\n color: ", ";\n box-sizing: border-box;\n padding: ", "px;\n border: 0;\n\n &:hover {\n background-color: initial;\n color: ", ";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"])), function (p) {
|
|
81705
81705
|
return p.theme.textColors.default;
|
|
81706
81706
|
}, spacingS, function (p) {
|
|
81707
81707
|
return p.theme.textColors.default;
|
|
@@ -81753,7 +81753,7 @@ var WarningIcon$1 = _styled(Icon).withConfig({
|
|
|
81753
81753
|
return p.theme.palette.redDark;
|
|
81754
81754
|
});
|
|
81755
81755
|
|
|
81756
|
-
var templateObject_1$P$1, templateObject_2$x$1, templateObject_3$n$1, templateObject_4$g$1, templateObject_5$b$1, templateObject_6$
|
|
81756
|
+
var templateObject_1$P$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;
|
|
81757
81757
|
var FabNavigationPosition;
|
|
81758
81758
|
|
|
81759
81759
|
(function (FabNavigationPosition) {
|
|
@@ -81769,7 +81769,7 @@ _styled.nav.withConfig({
|
|
|
81769
81769
|
});
|
|
81770
81770
|
|
|
81771
81771
|
var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
|
|
81772
|
-
return css$2(templateObject_6$
|
|
81772
|
+
return css$2(templateObject_6$8$1 || (templateObject_6$8$1 = __makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ", "\n "], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ", "\n "])), useSecondaryBgColor ? css$2(templateObject_4$f$1 || (templateObject_4$f$1 = __makeTemplateObject$1(["\n background-color: ", ";\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n "])), function (p) {
|
|
81773
81773
|
return p.theme.palette.themeSecondary;
|
|
81774
81774
|
}, function (p) {
|
|
81775
81775
|
return p.theme.textColors.onSecondary;
|
|
@@ -81812,7 +81812,7 @@ _styled(DefaultButton).withConfig({
|
|
|
81812
81812
|
componentId: "sc-1spkihm-4"
|
|
81813
81813
|
})(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
|
|
81814
81814
|
|
|
81815
|
-
var templateObject_1$O$1, templateObject_2$w$1, templateObject_3$m$1, templateObject_4$f$1, templateObject_5$a$1, templateObject_6$
|
|
81815
|
+
var templateObject_1$O$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;
|
|
81816
81816
|
|
|
81817
81817
|
var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
81818
81818
|
var _b = _a.tagName,
|
|
@@ -81867,7 +81867,7 @@ var IconHeaderButton = function IconHeaderButton(_a) {
|
|
|
81867
81867
|
iconName: icon
|
|
81868
81868
|
}, void 0)
|
|
81869
81869
|
}), void 0);
|
|
81870
|
-
return jsx$1(
|
|
81870
|
+
return jsx$1(Host$m$1, __assign$1({
|
|
81871
81871
|
className: "tooltip-container"
|
|
81872
81872
|
}, {
|
|
81873
81873
|
children: jsx$1(Tooltip, __assign$1({
|
|
@@ -81878,23 +81878,28 @@ var IconHeaderButton = function IconHeaderButton(_a) {
|
|
|
81878
81878
|
}), void 0);
|
|
81879
81879
|
};
|
|
81880
81880
|
|
|
81881
|
+
var Host$m$1 = _styled.div.withConfig({
|
|
81882
|
+
displayName: "IconHeaderButton__Host",
|
|
81883
|
+
componentId: "sc-1jn7i2-0"
|
|
81884
|
+
})(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
81885
|
+
|
|
81881
81886
|
var Button = _styled(IconButton$1).withConfig({
|
|
81882
81887
|
displayName: "IconHeaderButton__Button",
|
|
81883
|
-
componentId: "sc-1jn7i2-
|
|
81884
|
-
})(
|
|
81885
|
-
return !p.isActive && css$2(
|
|
81888
|
+
componentId: "sc-1jn7i2-1"
|
|
81889
|
+
})(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) {
|
|
81890
|
+
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);
|
|
81886
81891
|
}, function (p) {
|
|
81887
|
-
return p.isActive && css$2(
|
|
81892
|
+
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);
|
|
81888
81893
|
});
|
|
81889
81894
|
|
|
81890
81895
|
var StyledLink$2 = _styled(Link$4).withConfig({
|
|
81891
81896
|
displayName: "IconHeaderButton__StyledLink",
|
|
81892
|
-
componentId: "sc-1jn7i2-
|
|
81893
|
-
})(
|
|
81894
|
-
return css$2(
|
|
81897
|
+
componentId: "sc-1jn7i2-2"
|
|
81898
|
+
})(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) {
|
|
81899
|
+
return css$2(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
81895
81900
|
});
|
|
81896
81901
|
|
|
81897
|
-
var templateObject_1$N$1, templateObject_2$v$1, templateObject_3$l$1, templateObject_4$e$1, templateObject_5$9$1;
|
|
81902
|
+
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;
|
|
81898
81903
|
|
|
81899
81904
|
_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);
|
|
81900
81905
|
|
|
@@ -87262,9 +87267,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
|
|
|
87262
87267
|
}), void 0);
|
|
87263
87268
|
};
|
|
87264
87269
|
|
|
87265
|
-
var version$1 = "0.3.
|
|
87266
|
-
var buildId = "
|
|
87267
|
-
var commitId = "
|
|
87270
|
+
var version$1 = "0.3.14";
|
|
87271
|
+
var buildId = "95205";
|
|
87272
|
+
var commitId = "d1497763522440ff7272cd104eb9626844591e98";
|
|
87268
87273
|
var isCustomerBuild = false;
|
|
87269
87274
|
var buildInfo = {
|
|
87270
87275
|
version: version$1,
|
package/index.umd.js
CHANGED
|
@@ -78322,7 +78322,7 @@
|
|
|
78322
78322
|
},
|
|
78323
78323
|
onDismiss: onClose
|
|
78324
78324
|
}, {
|
|
78325
|
-
children: [jsxRuntime.jsx(Host$
|
|
78325
|
+
children: [jsxRuntime.jsx(Host$x$1, __assign$1({
|
|
78326
78326
|
className: className
|
|
78327
78327
|
}, {
|
|
78328
78328
|
children: children
|
|
@@ -78347,7 +78347,7 @@
|
|
|
78347
78347
|
}), void 0);
|
|
78348
78348
|
};
|
|
78349
78349
|
|
|
78350
|
-
var Host$
|
|
78350
|
+
var Host$x$1 = _styled__default["default"].div.withConfig({
|
|
78351
78351
|
displayName: "EditorSettingsDialog__Host",
|
|
78352
78352
|
componentId: "sc-132lfuo-0"
|
|
78353
78353
|
})(templateObject_1$18$1 || (templateObject_1$18$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);
|
|
@@ -78381,7 +78381,7 @@
|
|
|
78381
78381
|
ariaLabelResourceKey = _a.ariaLabelResourceKey;
|
|
78382
78382
|
var formatMessage = useIntl().formatMessage;
|
|
78383
78383
|
var name = checked ? activeIconName || iconName || 'CheckboxComposite' : iconName || 'Checkbox';
|
|
78384
|
-
return jsxRuntime.jsx(Host$
|
|
78384
|
+
return jsxRuntime.jsx(Host$w$1, __assign$1({
|
|
78385
78385
|
className: className
|
|
78386
78386
|
}, {
|
|
78387
78387
|
children: !readOnly ? jsxRuntime.jsx(Tooltip, __assign$1({
|
|
@@ -78402,7 +78402,7 @@
|
|
|
78402
78402
|
}), void 0);
|
|
78403
78403
|
};
|
|
78404
78404
|
|
|
78405
|
-
var Host$
|
|
78405
|
+
var Host$w$1 = _styled__default["default"].div.withConfig({
|
|
78406
78406
|
displayName: "GutterToggle__Host",
|
|
78407
78407
|
componentId: "sc-1aya63j-0"
|
|
78408
78408
|
})(templateObject_1$16$1 || (templateObject_1$16$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"])));
|
|
@@ -78821,7 +78821,7 @@
|
|
|
78821
78821
|
var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
|
|
78822
78822
|
var fileName = _a.fileName,
|
|
78823
78823
|
url = _a.url;
|
|
78824
|
-
return jsxRuntime.jsx(Host$
|
|
78824
|
+
return jsxRuntime.jsx(Host$v$1, __assign$1({
|
|
78825
78825
|
href: url,
|
|
78826
78826
|
target: "_blank",
|
|
78827
78827
|
download: fileName,
|
|
@@ -78835,7 +78835,7 @@
|
|
|
78835
78835
|
}), void 0);
|
|
78836
78836
|
};
|
|
78837
78837
|
|
|
78838
|
-
var Host$
|
|
78838
|
+
var Host$v$1 = _styled__default["default"].a.withConfig({
|
|
78839
78839
|
displayName: "AttachedMediaDownloadLink__Host",
|
|
78840
78840
|
componentId: "sc-8hqs4q-0"
|
|
78841
78841
|
})(templateObject_1$13$1 || (templateObject_1$13$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) {
|
|
@@ -78852,7 +78852,7 @@
|
|
|
78852
78852
|
return null;
|
|
78853
78853
|
}
|
|
78854
78854
|
|
|
78855
|
-
return jsxRuntime.jsxs(Host$
|
|
78855
|
+
return jsxRuntime.jsxs(Host$u$1, {
|
|
78856
78856
|
children: [jsxRuntime.jsx(AttachedMediaDownloadLink, {
|
|
78857
78857
|
fileName: fileName,
|
|
78858
78858
|
url: url
|
|
@@ -78877,7 +78877,7 @@
|
|
|
78877
78877
|
return fileType && fileType.toString().startsWith('audio/');
|
|
78878
78878
|
}
|
|
78879
78879
|
|
|
78880
|
-
var Host$
|
|
78880
|
+
var Host$u$1 = _styled__default["default"].div.withConfig({
|
|
78881
78881
|
displayName: "AudioFile__Host",
|
|
78882
78882
|
componentId: "sc-wq9avv-0"
|
|
78883
78883
|
})(templateObject_1$12$1 || (templateObject_1$12$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
@@ -78904,7 +78904,7 @@
|
|
|
78904
78904
|
domIdentifier = _a.domIdentifier,
|
|
78905
78905
|
backgroundColor = _a.backgroundColor,
|
|
78906
78906
|
className = _a.className;
|
|
78907
|
-
return jsxRuntime.jsxs(Host$
|
|
78907
|
+
return jsxRuntime.jsxs(Host$t$1, __assign$1({
|
|
78908
78908
|
className: className
|
|
78909
78909
|
}, {
|
|
78910
78910
|
children: [deleteButton && jsxRuntime.jsx(ButtonHost, {
|
|
@@ -78932,7 +78932,7 @@
|
|
|
78932
78932
|
return p.theme.palette.white;
|
|
78933
78933
|
}, attachmentRoundedCornerSize - 1, attachmentRoundedCornerSize);
|
|
78934
78934
|
|
|
78935
|
-
var Host$
|
|
78935
|
+
var Host$t$1 = _styled__default["default"].div.withConfig({
|
|
78936
78936
|
displayName: "AttachmentHost__Host",
|
|
78937
78937
|
componentId: "sc-mjwmvo-2"
|
|
78938
78938
|
})(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);
|
|
@@ -80781,7 +80781,7 @@
|
|
|
80781
80781
|
};
|
|
80782
80782
|
|
|
80783
80783
|
if (!props.showWeekDay && shouldShowRelativeDate) {
|
|
80784
|
-
return jsxRuntime.jsx(Host$
|
|
80784
|
+
return jsxRuntime.jsx(Host$q$1, __assign$1({
|
|
80785
80785
|
className: classNames(props.className)
|
|
80786
80786
|
}, timeProps, {
|
|
80787
80787
|
children: jsxRuntime.jsx(RelativeDateTime, {
|
|
@@ -80790,7 +80790,7 @@
|
|
|
80790
80790
|
}), void 0);
|
|
80791
80791
|
}
|
|
80792
80792
|
|
|
80793
|
-
return jsxRuntime.jsxs(Host$
|
|
80793
|
+
return jsxRuntime.jsxs(Host$q$1, __assign$1({
|
|
80794
80794
|
className: classNames(props.className)
|
|
80795
80795
|
}, timeProps, {
|
|
80796
80796
|
children: [jsxRuntime.jsx(FormattedDate, {
|
|
@@ -80850,7 +80850,7 @@
|
|
|
80850
80850
|
}), void 0);
|
|
80851
80851
|
};
|
|
80852
80852
|
|
|
80853
|
-
var Host$
|
|
80853
|
+
var Host$q$1 = _styled__default["default"].time.withConfig({
|
|
80854
80854
|
displayName: "DateTime__Host",
|
|
80855
80855
|
componentId: "sc-ulo84j-0"
|
|
80856
80856
|
})(templateObject_1$V$1 || (templateObject_1$V$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
@@ -80993,7 +80993,7 @@
|
|
|
80993
80993
|
return null;
|
|
80994
80994
|
}
|
|
80995
80995
|
|
|
80996
|
-
return jsxRuntime.jsx(Host$
|
|
80996
|
+
return jsxRuntime.jsx(Host$o$1, __assign$1({
|
|
80997
80997
|
className: props.className
|
|
80998
80998
|
}, {
|
|
80999
80999
|
children: jsxRuntime.jsx(officeUiFabricReact.Spinner, __assign$1({}, props, {
|
|
@@ -81002,7 +81002,7 @@
|
|
|
81002
81002
|
}), void 0);
|
|
81003
81003
|
};
|
|
81004
81004
|
|
|
81005
|
-
var Host$
|
|
81005
|
+
var Host$o$1 = _styled__default["default"].div.withConfig({
|
|
81006
81006
|
displayName: "Spinner__Host",
|
|
81007
81007
|
componentId: "sc-1wroad6-0"
|
|
81008
81008
|
})(templateObject_1$R$1 || (templateObject_1$R$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"])));
|
|
@@ -81464,7 +81464,7 @@
|
|
|
81464
81464
|
var formatMessage = useIntl().formatMessage;
|
|
81465
81465
|
var showDeleteButton = !disabled && onDeleteClick;
|
|
81466
81466
|
var exchangeShortLivedToken = useFileAccessTokenApi().exchangeShortLivedToken;
|
|
81467
|
-
return jsxRuntime.jsxs(Host$
|
|
81467
|
+
return jsxRuntime.jsxs(Host$n$1, {
|
|
81468
81468
|
children: [attachment.isUploadInProgress && jsxRuntime.jsx(AttachmentOverlay$1, {
|
|
81469
81469
|
children: jsxRuntime.jsx(CenteredSpinner$1, {
|
|
81470
81470
|
size: officeUiFabricReact.SpinnerSize.medium
|
|
@@ -81548,7 +81548,7 @@
|
|
|
81548
81548
|
}
|
|
81549
81549
|
};
|
|
81550
81550
|
|
|
81551
|
-
var Host$
|
|
81551
|
+
var Host$n$1 = _styled__default["default"].div.withConfig({
|
|
81552
81552
|
displayName: "FileAttachmentList__Host",
|
|
81553
81553
|
componentId: "sc-lwztxx-4"
|
|
81554
81554
|
})(templateObject_5$b$1 || (templateObject_5$b$1 = __makeTemplateObject$1(["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n background-color: ", ";\n"], ["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n background-color: ", ";\n"])), function (p) {
|
|
@@ -81558,7 +81558,7 @@
|
|
|
81558
81558
|
var DownloadButton$4 = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
|
|
81559
81559
|
displayName: "FileAttachmentList__DownloadButton",
|
|
81560
81560
|
componentId: "sc-lwztxx-5"
|
|
81561
|
-
})(templateObject_6$
|
|
81561
|
+
})(templateObject_6$9$1 || (templateObject_6$9$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n width: 100%;\n color: ", ";\n box-sizing: border-box;\n padding: ", "px;\n border: 0;\n\n &:hover {\n background-color: initial;\n color: ", ";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"], ["\n display: flex;\n align-items: center;\n width: 100%;\n color: ", ";\n box-sizing: border-box;\n padding: ", "px;\n border: 0;\n\n &:hover {\n background-color: initial;\n color: ", ";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"])), function (p) {
|
|
81562
81562
|
return p.theme.textColors.default;
|
|
81563
81563
|
}, spacingS, function (p) {
|
|
81564
81564
|
return p.theme.textColors.default;
|
|
@@ -81610,7 +81610,7 @@
|
|
|
81610
81610
|
return p.theme.palette.redDark;
|
|
81611
81611
|
});
|
|
81612
81612
|
|
|
81613
|
-
var templateObject_1$P$1, templateObject_2$x$1, templateObject_3$n$1, templateObject_4$g$1, templateObject_5$b$1, templateObject_6$
|
|
81613
|
+
var templateObject_1$P$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;
|
|
81614
81614
|
var FabNavigationPosition;
|
|
81615
81615
|
|
|
81616
81616
|
(function (FabNavigationPosition) {
|
|
@@ -81626,7 +81626,7 @@
|
|
|
81626
81626
|
});
|
|
81627
81627
|
|
|
81628
81628
|
var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
|
|
81629
|
-
return _styled.css(templateObject_6$
|
|
81629
|
+
return _styled.css(templateObject_6$8$1 || (templateObject_6$8$1 = __makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ", "\n "], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ", "\n "])), useSecondaryBgColor ? _styled.css(templateObject_4$f$1 || (templateObject_4$f$1 = __makeTemplateObject$1(["\n background-color: ", ";\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n "])), function (p) {
|
|
81630
81630
|
return p.theme.palette.themeSecondary;
|
|
81631
81631
|
}, function (p) {
|
|
81632
81632
|
return p.theme.textColors.onSecondary;
|
|
@@ -81669,7 +81669,7 @@
|
|
|
81669
81669
|
componentId: "sc-1spkihm-4"
|
|
81670
81670
|
})(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
|
|
81671
81671
|
|
|
81672
|
-
var templateObject_1$O$1, templateObject_2$w$1, templateObject_3$m$1, templateObject_4$f$1, templateObject_5$a$1, templateObject_6$
|
|
81672
|
+
var templateObject_1$O$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;
|
|
81673
81673
|
|
|
81674
81674
|
var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
81675
81675
|
var _b = _a.tagName,
|
|
@@ -81724,7 +81724,7 @@
|
|
|
81724
81724
|
iconName: icon
|
|
81725
81725
|
}, void 0)
|
|
81726
81726
|
}), void 0);
|
|
81727
|
-
return jsxRuntime.jsx(
|
|
81727
|
+
return jsxRuntime.jsx(Host$m$1, __assign$1({
|
|
81728
81728
|
className: "tooltip-container"
|
|
81729
81729
|
}, {
|
|
81730
81730
|
children: jsxRuntime.jsx(Tooltip, __assign$1({
|
|
@@ -81735,23 +81735,28 @@
|
|
|
81735
81735
|
}), void 0);
|
|
81736
81736
|
};
|
|
81737
81737
|
|
|
81738
|
+
var Host$m$1 = _styled__default["default"].div.withConfig({
|
|
81739
|
+
displayName: "IconHeaderButton__Host",
|
|
81740
|
+
componentId: "sc-1jn7i2-0"
|
|
81741
|
+
})(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
81742
|
+
|
|
81738
81743
|
var Button = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
|
|
81739
81744
|
displayName: "IconHeaderButton__Button",
|
|
81740
|
-
componentId: "sc-1jn7i2-
|
|
81741
|
-
})(
|
|
81742
|
-
return !p.isActive && _styled.css(
|
|
81745
|
+
componentId: "sc-1jn7i2-1"
|
|
81746
|
+
})(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) {
|
|
81747
|
+
return !p.isActive && _styled.css(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
81743
81748
|
}, function (p) {
|
|
81744
|
-
return p.isActive && _styled.css(
|
|
81749
|
+
return p.isActive && _styled.css(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);
|
|
81745
81750
|
});
|
|
81746
81751
|
|
|
81747
81752
|
var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
|
|
81748
81753
|
displayName: "IconHeaderButton__StyledLink",
|
|
81749
|
-
componentId: "sc-1jn7i2-
|
|
81750
|
-
})(
|
|
81751
|
-
return _styled.css(
|
|
81754
|
+
componentId: "sc-1jn7i2-2"
|
|
81755
|
+
})(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) {
|
|
81756
|
+
return _styled.css(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
81752
81757
|
});
|
|
81753
81758
|
|
|
81754
|
-
var templateObject_1$N$1, templateObject_2$v$1, templateObject_3$l$1, templateObject_4$e$1, templateObject_5$9$1;
|
|
81759
|
+
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;
|
|
81755
81760
|
|
|
81756
81761
|
_styled__default["default"].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);
|
|
81757
81762
|
|
|
@@ -87119,9 +87124,9 @@
|
|
|
87119
87124
|
}), void 0);
|
|
87120
87125
|
};
|
|
87121
87126
|
|
|
87122
|
-
var version$1 = "0.3.
|
|
87123
|
-
var buildId = "
|
|
87124
|
-
var commitId = "
|
|
87127
|
+
var version$1 = "0.3.14";
|
|
87128
|
+
var buildId = "95205";
|
|
87129
|
+
var commitId = "d1497763522440ff7272cd104eb9626844591e98";
|
|
87125
87130
|
var isCustomerBuild = false;
|
|
87126
87131
|
var buildInfo = {
|
|
87127
87132
|
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.21",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"react": "^16.13.1 || ^17",
|
|
7
7
|
"react-dom": "^16.13.1 || ^17",
|