@livetiles/reach-components-react 0.4.0-preview.252 → 0.4.0-preview.256
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/FilterContext.d.ts +1 -1
- package/KeywordsFilter.d.ts +4 -1
- package/ToolbarFilterModal.d.ts +7 -0
- package/ToolbarFilterModalButton.d.ts +3 -0
- package/VerticalFilterPanel.d.ts +7 -0
- package/da.async.esm.esm.js +1 -1
- package/de.async.esm.esm.js +1 -1
- package/en.async.esm.esm.js +2 -0
- package/es.async.esm.esm.js +1 -1
- package/fr.async.esm.esm.js +1 -1
- package/index.d.ts +19 -2
- package/index.esm.js +1 -1
- package/index.esm2.js +792 -433
- package/index.umd.js +805 -440
- package/it.async.esm.esm.js +1 -1
- package/ja.async.esm.esm.js +1 -1
- package/package.json +1 -1
- package/tr.async.esm.esm.js +1 -1
- package/zh-CN.async.esm.esm.js +1 -1
- package/zh-TW.async.esm.esm.js +1 -1
package/index.umd.js
CHANGED
|
@@ -7976,7 +7976,7 @@
|
|
|
7976
7976
|
var Parse = parse$5;
|
|
7977
7977
|
|
|
7978
7978
|
|
|
7979
|
-
var lib$
|
|
7979
|
+
var lib$5 = {
|
|
7980
7980
|
stringify: Stringify,
|
|
7981
7981
|
parse: Parse
|
|
7982
7982
|
};
|
|
@@ -7989,7 +7989,7 @@
|
|
|
7989
7989
|
|
|
7990
7990
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
7991
7991
|
|
|
7992
|
-
var _qs = lib$
|
|
7992
|
+
var _qs = lib$5;
|
|
7993
7993
|
|
|
7994
7994
|
var _qs2 = _interopRequireDefault(_qs);
|
|
7995
7995
|
|
|
@@ -8617,7 +8617,7 @@
|
|
|
8617
8617
|
return output;
|
|
8618
8618
|
}
|
|
8619
8619
|
|
|
8620
|
-
var lib$
|
|
8620
|
+
var lib$4 = {exports: {}};
|
|
8621
8621
|
|
|
8622
8622
|
/**
|
|
8623
8623
|
* The code was extracted from:
|
|
@@ -8701,7 +8701,7 @@
|
|
|
8701
8701
|
InvalidTokenError.prototype = new Error();
|
|
8702
8702
|
InvalidTokenError.prototype.name = 'InvalidTokenError';
|
|
8703
8703
|
|
|
8704
|
-
lib$
|
|
8704
|
+
lib$4.exports = function (token,options) {
|
|
8705
8705
|
if (typeof token !== 'string') {
|
|
8706
8706
|
throw new InvalidTokenError('Invalid token specified');
|
|
8707
8707
|
}
|
|
@@ -8715,9 +8715,9 @@
|
|
|
8715
8715
|
}
|
|
8716
8716
|
};
|
|
8717
8717
|
|
|
8718
|
-
lib$
|
|
8718
|
+
lib$4.exports.InvalidTokenError = InvalidTokenError;
|
|
8719
8719
|
|
|
8720
|
-
var jwtDecode = lib$
|
|
8720
|
+
var jwtDecode = lib$4.exports;
|
|
8721
8721
|
|
|
8722
8722
|
var moment$1 = {exports: {}};
|
|
8723
8723
|
|
|
@@ -13375,10 +13375,10 @@
|
|
|
13375
13375
|
|
|
13376
13376
|
|
|
13377
13377
|
var IndexedObject$1$3 = indexedObject$6;
|
|
13378
|
-
var requireObjectCoercible$3$
|
|
13378
|
+
var requireObjectCoercible$3$6 = requireObjectCoercible$4$5;
|
|
13379
13379
|
|
|
13380
13380
|
var toIndexedObject$4$4 = function (it) {
|
|
13381
|
-
return IndexedObject$1$3(requireObjectCoercible$3$
|
|
13381
|
+
return IndexedObject$1$3(requireObjectCoercible$3$6(it));
|
|
13382
13382
|
};
|
|
13383
13383
|
|
|
13384
13384
|
var check$7 = function (it) {
|
|
@@ -14177,7 +14177,7 @@
|
|
|
14177
14177
|
return it;
|
|
14178
14178
|
};
|
|
14179
14179
|
|
|
14180
|
-
var anObject$3$
|
|
14180
|
+
var anObject$3$7 = anObject$8$5;
|
|
14181
14181
|
var aPossiblePrototype$5 = aPossiblePrototype$1$4; // `Object.setPrototypeOf` method
|
|
14182
14182
|
// https://tc39.github.io/ecma262/#sec-object.setprototypeof
|
|
14183
14183
|
// Works with __proto__ only. Old v8 can't work with null proto objects.
|
|
@@ -14198,7 +14198,7 @@
|
|
|
14198
14198
|
}
|
|
14199
14199
|
|
|
14200
14200
|
return function setPrototypeOf(O, proto) {
|
|
14201
|
-
anObject$3$
|
|
14201
|
+
anObject$3$7(O);
|
|
14202
14202
|
aPossiblePrototype$5(proto);
|
|
14203
14203
|
if (CORRECT_SETTER) setter.call(O, proto);else O.__proto__ = proto;
|
|
14204
14204
|
return O;
|
|
@@ -18322,11 +18322,11 @@
|
|
|
18322
18322
|
}
|
|
18323
18323
|
}
|
|
18324
18324
|
|
|
18325
|
-
var anObject$3$
|
|
18325
|
+
var anObject$3$6 = anObject$9$3; // `RegExp.prototype.flags` getter implementation
|
|
18326
18326
|
// https://tc39.github.io/ecma262/#sec-get-regexp.prototype.flags
|
|
18327
18327
|
|
|
18328
18328
|
var regexpFlags$1$5 = function () {
|
|
18329
|
-
var that = anObject$3$
|
|
18329
|
+
var that = anObject$3$6(this);
|
|
18330
18330
|
var result = '';
|
|
18331
18331
|
if (that.global) result += 'g';
|
|
18332
18332
|
if (that.ignoreCase) result += 'i';
|
|
@@ -18623,11 +18623,11 @@
|
|
|
18623
18623
|
};
|
|
18624
18624
|
|
|
18625
18625
|
var toInteger$1$6 = toInteger$4$4;
|
|
18626
|
-
var requireObjectCoercible$3$
|
|
18626
|
+
var requireObjectCoercible$3$5 = requireObjectCoercible$6$3; // `String.prototype.{ codePointAt, at }` methods implementation
|
|
18627
18627
|
|
|
18628
18628
|
var createMethod$1$4 = function (CONVERT_TO_STRING) {
|
|
18629
18629
|
return function ($this, pos) {
|
|
18630
|
-
var S = String(requireObjectCoercible$3$
|
|
18630
|
+
var S = String(requireObjectCoercible$3$5($this));
|
|
18631
18631
|
var position = toInteger$1$6(pos);
|
|
18632
18632
|
var size = S.length;
|
|
18633
18633
|
var first, second;
|
|
@@ -18676,7 +18676,7 @@
|
|
|
18676
18676
|
return regexpExec$1$5.call(R, S);
|
|
18677
18677
|
};
|
|
18678
18678
|
|
|
18679
|
-
var fixRegExpWellKnownSymbolLogic$1$
|
|
18679
|
+
var fixRegExpWellKnownSymbolLogic$1$4 = fixRegexpWellKnownSymbolLogic$5;
|
|
18680
18680
|
var isRegExp$b = isRegexp$5;
|
|
18681
18681
|
var anObject$1$6 = anObject$9$3;
|
|
18682
18682
|
var requireObjectCoercible$2$6 = requireObjectCoercible$6$3;
|
|
@@ -18694,7 +18694,7 @@
|
|
|
18694
18694
|
return !RegExp(MAX_UINT32$3, 'y');
|
|
18695
18695
|
}); // @@split logic
|
|
18696
18696
|
|
|
18697
|
-
fixRegExpWellKnownSymbolLogic$1$
|
|
18697
|
+
fixRegExpWellKnownSymbolLogic$1$4('split', 2, function (SPLIT, nativeSplit, maybeCallNative) {
|
|
18698
18698
|
var internalSplit;
|
|
18699
18699
|
|
|
18700
18700
|
if ('abbc'.split(/(b)*/)[1] == 'c' || 'test'.split(/(?:)/, -1).length != 4 || 'ab'.split(/(?:ab)*/).length != 2 || '.'.split(/(.?)(.?)/).length != 4 || '.'.split(/()()/).length > 1 || ''.split(/.?/).length) {
|
|
@@ -19102,6 +19102,18 @@
|
|
|
19102
19102
|
}, [handleBeforeUnload]);
|
|
19103
19103
|
}
|
|
19104
19104
|
|
|
19105
|
+
function useEffectOnUpdate(effect, deps) {
|
|
19106
|
+
var isFirstRun = React$d.useRef(true);
|
|
19107
|
+
React$d.useEffect(function () {
|
|
19108
|
+
if (isFirstRun.current) {
|
|
19109
|
+
isFirstRun.current = false;
|
|
19110
|
+
return;
|
|
19111
|
+
}
|
|
19112
|
+
|
|
19113
|
+
return effect(); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
19114
|
+
}, deps);
|
|
19115
|
+
}
|
|
19116
|
+
|
|
19105
19117
|
function usePerformanceTimer() {
|
|
19106
19118
|
var stateRef = React$d.useRef({
|
|
19107
19119
|
start: 0,
|
|
@@ -25156,15 +25168,15 @@
|
|
|
25156
25168
|
|
|
25157
25169
|
var DESCRIPTORS$1$4 = descriptors$4;
|
|
25158
25170
|
var IE8_DOM_DEFINE$5 = ie8DomDefine$4;
|
|
25159
|
-
var anObject$3$
|
|
25171
|
+
var anObject$3$5 = anObject$4$4;
|
|
25160
25172
|
var toPrimitive$7 = toPrimitive$2$4;
|
|
25161
25173
|
var nativeDefineProperty$4 = Object.defineProperty; // `Object.defineProperty` method
|
|
25162
25174
|
// https://tc39.github.io/ecma262/#sec-object.defineproperty
|
|
25163
25175
|
|
|
25164
25176
|
objectDefineProperty$4.f = DESCRIPTORS$1$4 ? nativeDefineProperty$4 : function defineProperty(O, P, Attributes) {
|
|
25165
|
-
anObject$3$
|
|
25177
|
+
anObject$3$5(O);
|
|
25166
25178
|
P = toPrimitive$7(P, true);
|
|
25167
|
-
anObject$3$
|
|
25179
|
+
anObject$3$5(Attributes);
|
|
25168
25180
|
if (IE8_DOM_DEFINE$5) try {
|
|
25169
25181
|
return nativeDefineProperty$4(O, P, Attributes);
|
|
25170
25182
|
} catch (error) {
|
|
@@ -25855,7 +25867,7 @@
|
|
|
25855
25867
|
// https://tc39.github.io/ecma262/#sec-samevalue
|
|
25856
25868
|
|
|
25857
25869
|
|
|
25858
|
-
var sameValue$1$
|
|
25870
|
+
var sameValue$1$4 = Object.is || function is(x, y) {
|
|
25859
25871
|
// eslint-disable-next-line no-self-compare
|
|
25860
25872
|
return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
|
|
25861
25873
|
};
|
|
@@ -25887,7 +25899,7 @@
|
|
|
25887
25899
|
var fixRegExpWellKnownSymbolLogic$7 = fixRegexpWellKnownSymbolLogic$4;
|
|
25888
25900
|
var anObject$m = anObject$4$4;
|
|
25889
25901
|
var requireObjectCoercible$i = requireObjectCoercible$2$5;
|
|
25890
|
-
var sameValue$
|
|
25902
|
+
var sameValue$5 = sameValue$1$4;
|
|
25891
25903
|
var regExpExec$6 = regexpExecAbstract$4; // @@search logic
|
|
25892
25904
|
|
|
25893
25905
|
fixRegExpWellKnownSymbolLogic$7('search', 1, function (SEARCH, nativeSearch, maybeCallNative) {
|
|
@@ -25905,9 +25917,9 @@
|
|
|
25905
25917
|
var rx = anObject$m(regexp);
|
|
25906
25918
|
var S = String(this);
|
|
25907
25919
|
var previousLastIndex = rx.lastIndex;
|
|
25908
|
-
if (!sameValue$
|
|
25920
|
+
if (!sameValue$5(previousLastIndex, 0)) rx.lastIndex = 0;
|
|
25909
25921
|
var result = regExpExec$6(rx, S);
|
|
25910
|
-
if (!sameValue$
|
|
25922
|
+
if (!sameValue$5(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
|
|
25911
25923
|
return result === null ? -1 : result.index;
|
|
25912
25924
|
}];
|
|
25913
25925
|
});
|
|
@@ -40470,10 +40482,10 @@
|
|
|
40470
40482
|
|
|
40471
40483
|
|
|
40472
40484
|
var IndexedObject$5 = indexedObject$3;
|
|
40473
|
-
var requireObjectCoercible$3$
|
|
40485
|
+
var requireObjectCoercible$3$4 = requireObjectCoercible$4$3;
|
|
40474
40486
|
|
|
40475
40487
|
var toIndexedObject$3$3 = function (it) {
|
|
40476
|
-
return IndexedObject$5(requireObjectCoercible$3$
|
|
40488
|
+
return IndexedObject$5(requireObjectCoercible$3$4(it));
|
|
40477
40489
|
};
|
|
40478
40490
|
|
|
40479
40491
|
var isObject$8$3 = function (it) {
|
|
@@ -41243,16 +41255,16 @@
|
|
|
41243
41255
|
return ITERATION_SUPPORT;
|
|
41244
41256
|
};
|
|
41245
41257
|
|
|
41246
|
-
var anObject$3$
|
|
41258
|
+
var anObject$3$4 = anObject$8$3;
|
|
41247
41259
|
var aFunction$3$3 = aFunction$5$3;
|
|
41248
41260
|
var wellKnownSymbol$5$3 = wellKnownSymbol$d$3;
|
|
41249
41261
|
var SPECIES$2$3 = wellKnownSymbol$5$3('species'); // `SpeciesConstructor` abstract operation
|
|
41250
41262
|
// https://tc39.github.io/ecma262/#sec-speciesconstructor
|
|
41251
41263
|
|
|
41252
41264
|
var speciesConstructor$1$3 = function (O, defaultConstructor) {
|
|
41253
|
-
var C = anObject$3$
|
|
41265
|
+
var C = anObject$3$4(O).constructor;
|
|
41254
41266
|
var S;
|
|
41255
|
-
return C === undefined || (S = anObject$3$
|
|
41267
|
+
return C === undefined || (S = anObject$3$4(C)[SPECIES$2$3]) == undefined ? defaultConstructor : aFunction$3$3(S);
|
|
41256
41268
|
};
|
|
41257
41269
|
|
|
41258
41270
|
var getBuiltIn$2$3 = getBuiltIn$5$3;
|
|
@@ -53456,22 +53468,22 @@
|
|
|
53456
53468
|
addToUnscopables$4('flatMap'); // `SameValue` abstract operation
|
|
53457
53469
|
// https://tc39.github.io/ecma262/#sec-samevalue
|
|
53458
53470
|
|
|
53459
|
-
var sameValue$1$
|
|
53471
|
+
var sameValue$1$3 = Object.is || function is(x, y) {
|
|
53460
53472
|
// eslint-disable-next-line no-self-compare
|
|
53461
53473
|
return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
|
|
53462
53474
|
};
|
|
53463
53475
|
|
|
53464
53476
|
var fixRegExpWellKnownSymbolLogic$2$2 = fixRegexpWellKnownSymbolLogic$3;
|
|
53465
|
-
var anObject$3$
|
|
53466
|
-
var requireObjectCoercible$3$
|
|
53467
|
-
var sameValue$
|
|
53468
|
-
var regExpExec$1$
|
|
53477
|
+
var anObject$3$3 = anObject$f$1;
|
|
53478
|
+
var requireObjectCoercible$3$3 = requireObjectCoercible$b$1;
|
|
53479
|
+
var sameValue$4 = sameValue$1$3;
|
|
53480
|
+
var regExpExec$1$3 = regexpExecAbstract$3; // @@search logic
|
|
53469
53481
|
|
|
53470
53482
|
fixRegExpWellKnownSymbolLogic$2$2('search', 1, function (SEARCH, nativeSearch, maybeCallNative) {
|
|
53471
53483
|
return [// `String.prototype.search` method
|
|
53472
53484
|
// https://tc39.github.io/ecma262/#sec-string.prototype.search
|
|
53473
53485
|
function search(regexp) {
|
|
53474
|
-
var O = requireObjectCoercible$3$
|
|
53486
|
+
var O = requireObjectCoercible$3$3(this);
|
|
53475
53487
|
var searcher = regexp == undefined ? undefined : regexp[SEARCH];
|
|
53476
53488
|
return searcher !== undefined ? searcher.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));
|
|
53477
53489
|
}, // `RegExp.prototype[@@search]` method
|
|
@@ -53479,12 +53491,12 @@
|
|
|
53479
53491
|
function (regexp) {
|
|
53480
53492
|
var res = maybeCallNative(nativeSearch, regexp, this);
|
|
53481
53493
|
if (res.done) return res.value;
|
|
53482
|
-
var rx = anObject$3$
|
|
53494
|
+
var rx = anObject$3$3(regexp);
|
|
53483
53495
|
var S = String(this);
|
|
53484
53496
|
var previousLastIndex = rx.lastIndex;
|
|
53485
|
-
if (!sameValue$
|
|
53486
|
-
var result = regExpExec$1$
|
|
53487
|
-
if (!sameValue$
|
|
53497
|
+
if (!sameValue$4(previousLastIndex, 0)) rx.lastIndex = 0;
|
|
53498
|
+
var result = regExpExec$1$3(rx, S);
|
|
53499
|
+
if (!sameValue$4(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
|
|
53488
53500
|
return result === null ? -1 : result.index;
|
|
53489
53501
|
}];
|
|
53490
53502
|
});
|
|
@@ -53773,14 +53785,14 @@
|
|
|
53773
53785
|
semanticColors: semanticColors,
|
|
53774
53786
|
textColors: textColors
|
|
53775
53787
|
};
|
|
53776
|
-
var fixRegExpWellKnownSymbolLogic$1$
|
|
53788
|
+
var fixRegExpWellKnownSymbolLogic$1$3 = fixRegexpWellKnownSymbolLogic$3;
|
|
53777
53789
|
var anObject$2$3 = anObject$f$1;
|
|
53778
53790
|
var toLength$1$2 = toLength$a$1;
|
|
53779
53791
|
var requireObjectCoercible$2$3 = requireObjectCoercible$b$1;
|
|
53780
53792
|
var advanceStringIndex$1$3 = advanceStringIndex$3$1;
|
|
53781
53793
|
var regExpExec$5 = regexpExecAbstract$3; // @@match logic
|
|
53782
53794
|
|
|
53783
|
-
fixRegExpWellKnownSymbolLogic$1$
|
|
53795
|
+
fixRegExpWellKnownSymbolLogic$1$3('match', 1, function (MATCH, nativeMatch, maybeCallNative) {
|
|
53784
53796
|
return [// `String.prototype.match` method
|
|
53785
53797
|
// https://tc39.github.io/ecma262/#sec-string.prototype.match
|
|
53786
53798
|
function match(regexp) {
|
|
@@ -65100,7 +65112,7 @@
|
|
|
65100
65112
|
};
|
|
65101
65113
|
Object.defineProperty(avatar, "__esModule", { value: true });
|
|
65102
65114
|
var styled_1$b = __importDefault$m(require$$0$4);
|
|
65103
|
-
var react_1$
|
|
65115
|
+
var react_1$w = __importStar$d(React__default["default"]);
|
|
65104
65116
|
var getSmallAvatar = function (avatar) {
|
|
65105
65117
|
var _a, _b;
|
|
65106
65118
|
if (!avatar)
|
|
@@ -65111,11 +65123,11 @@
|
|
|
65111
65123
|
var Img = styled_1$b.default.img(templateObject_1$2I || (templateObject_1$2I = __makeTemplateObject$j(["\n object-fit: cover;\n width: 32px;\n height: 32px;\n margin-right: 8px;\n"], ["\n object-fit: cover;\n width: 32px;\n height: 32px;\n margin-right: 8px;\n"])));
|
|
65112
65124
|
var Avatar$5 = function (_a) {
|
|
65113
65125
|
var user = _a.user, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
65114
|
-
var defaultAvatarId = react_1$
|
|
65126
|
+
var defaultAvatarId = react_1$w.useRef(Math.floor(Math.random() * 5) + 1);
|
|
65115
65127
|
var url = user.avatar_url
|
|
65116
65128
|
? getSmallAvatar(user.avatar_url)
|
|
65117
65129
|
: "https://media.giphy.com/avatars/default" + defaultAvatarId.current + ".gif";
|
|
65118
|
-
return react_1$
|
|
65130
|
+
return react_1$w.default.createElement(Img, { src: url, className: className });
|
|
65119
65131
|
};
|
|
65120
65132
|
avatar.default = Avatar$5;
|
|
65121
65133
|
var templateObject_1$2I;
|
|
@@ -65426,17 +65438,17 @@
|
|
|
65426
65438
|
};
|
|
65427
65439
|
Object.defineProperty(verifiedBadge, "__esModule", { value: true });
|
|
65428
65440
|
var js_brand_1$6 = dist$2;
|
|
65429
|
-
var react_1$
|
|
65441
|
+
var react_1$v = __importDefault$l(React__default["default"]);
|
|
65430
65442
|
var VerifiedBadge = function (_a) {
|
|
65431
65443
|
var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 17 : _c, _d = _a.fill, fill = _d === void 0 ? '#15CDFF' : _d;
|
|
65432
|
-
return (react_1$
|
|
65433
|
-
react_1$
|
|
65434
|
-
react_1$
|
|
65435
|
-
react_1$
|
|
65436
|
-
react_1$
|
|
65437
|
-
react_1$
|
|
65438
|
-
react_1$
|
|
65439
|
-
react_1$
|
|
65444
|
+
return (react_1$v.default.createElement("svg", { className: [VerifiedBadge.className, className].join(' '), height: size, width: "19px", viewBox: "0 0 19 17" },
|
|
65445
|
+
react_1$v.default.createElement("path", { className: VerifiedBadge.checkMarkClassName, d: "M9.32727273,9.44126709 L9.32727273,3.03016561 L6.55027155,3.03016561 L6.55027155,10.8150746 L6.55027155,12.188882 L12.1042739,12.188882 L12.1042739,9.44126709 L9.32727273,9.44126709 Z", fill: js_brand_1$6.giphyBlack, transform: "translate(9.327273, 7.609524) scale(-1, 1) rotate(-45.000000) translate(-9.327273, -7.609524) " }),
|
|
65446
|
+
react_1$v.default.createElement("g", { transform: "translate(-532.000000, -466.000000)", fill: fill },
|
|
65447
|
+
react_1$v.default.createElement("g", { transform: "translate(141.000000, 235.000000)" },
|
|
65448
|
+
react_1$v.default.createElement("g", { transform: "translate(264.000000, 0.000000)" },
|
|
65449
|
+
react_1$v.default.createElement("g", { transform: "translate(10.000000, 224.000000)" },
|
|
65450
|
+
react_1$v.default.createElement("g", { transform: "translate(114.000000, 2.500000)" },
|
|
65451
|
+
react_1$v.default.createElement("path", { d: "M15.112432,4.80769231 L16.8814194,6.87556817 L19.4157673,7.90116318 L19.6184416,10.6028916 L21.0594951,12.9065042 L19.6184416,15.2101168 L19.4157673,17.9118452 L16.8814194,18.9374402 L15.112432,21.0053161 L12.4528245,20.3611511 L9.79321699,21.0053161 L8.02422954,18.9374402 L5.48988167,17.9118452 L5.28720734,15.2101168 L3.84615385,12.9065042 L5.28720734,10.6028916 L5.48988167,7.90116318 L8.02422954,6.87556817 L9.79321699,4.80769231 L12.4528245,5.4518573 L15.112432,4.80769231 Z M17.8163503,10.8991009 L15.9282384,9.01098901 L11.5681538,13.3696923 L9.68115218,11.4818515 L7.81302031,13.3499833 L9.7011322,15.2380952 L11.5892441,17.1262071 L17.8163503,10.8991009 Z" }))))))));
|
|
65440
65452
|
};
|
|
65441
65453
|
VerifiedBadge.className = 'giphy-verified-badge';
|
|
65442
65454
|
VerifiedBadge.checkMarkClassName = 'giphy-verified-checkmark';
|
|
@@ -65479,7 +65491,7 @@
|
|
|
65479
65491
|
};
|
|
65480
65492
|
Object.defineProperty(attribution$1, "__esModule", { value: true });
|
|
65481
65493
|
var styled_1$a = __importDefault$k(require$$0$4);
|
|
65482
|
-
var react_1$
|
|
65494
|
+
var react_1$u = __importDefault$k(React__default["default"]);
|
|
65483
65495
|
var avatar_1$3 = __importDefault$k(avatar);
|
|
65484
65496
|
var user_1$1 = __importDefault$k(user);
|
|
65485
65497
|
var Container$b = styled_1$a.default.div(templateObject_1$2G || (templateObject_1$2G = __makeTemplateObject$h(["\n display: flex;\n align-items: center;\n font-family: interface, helvetica, arial;\n"], ["\n display: flex;\n align-items: center;\n font-family: interface, helvetica, arial;\n"])));
|
|
@@ -65490,7 +65502,7 @@
|
|
|
65490
65502
|
if (!(user === null || user === void 0 ? void 0 : user.username) && !(user === null || user === void 0 ? void 0 : user.display_name)) {
|
|
65491
65503
|
return null;
|
|
65492
65504
|
}
|
|
65493
|
-
return (react_1$
|
|
65505
|
+
return (react_1$u.default.createElement(Container$b, { className: [Attribution$2.className, className].join(' '), onClick: function (e) {
|
|
65494
65506
|
e.preventDefault();
|
|
65495
65507
|
e.stopPropagation();
|
|
65496
65508
|
if (onClick) {
|
|
@@ -65502,8 +65514,8 @@
|
|
|
65502
65514
|
window.open(url, '_blank');
|
|
65503
65515
|
}
|
|
65504
65516
|
} },
|
|
65505
|
-
react_1$
|
|
65506
|
-
react_1$
|
|
65517
|
+
react_1$u.default.createElement(Avatar$4, { user: user }),
|
|
65518
|
+
react_1$u.default.createElement(user_1$1.default, { user: gif.user })));
|
|
65507
65519
|
};
|
|
65508
65520
|
Attribution$2.className = 'giphy-attribution';
|
|
65509
65521
|
attribution$1.default = Attribution$2;
|
|
@@ -65539,21 +65551,21 @@
|
|
|
65539
65551
|
};
|
|
65540
65552
|
Object.defineProperty(overlay, "__esModule", { value: true });
|
|
65541
65553
|
var styled_1$9 = __importDefault$j(require$$0$4);
|
|
65542
|
-
var react_1$
|
|
65554
|
+
var react_1$t = __importStar$c(React__default["default"]);
|
|
65543
65555
|
var _1$1 = __importDefault$j(attribution$1);
|
|
65544
65556
|
var Background = styled_1$9.default.div(templateObject_1$2F || (templateObject_1$2F = __makeTemplateObject$g(["\n background: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 18, 18, 0.6));\n cursor: default;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 75px;\n pointer-events: none;\n"], ["\n background: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 18, 18, 0.6));\n cursor: default;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 75px;\n pointer-events: none;\n"])));
|
|
65545
65557
|
var Attribution$1 = styled_1$9.default(_1$1.default)(templateObject_2$1N || (templateObject_2$1N = __makeTemplateObject$g(["\n position: absolute;\n bottom: 10px;\n left: 10px;\n right: 10px;\n"], ["\n position: absolute;\n bottom: 10px;\n left: 10px;\n right: 10px;\n"])));
|
|
65546
65558
|
var Container$a = styled_1$9.default.div(templateObject_3$1f || (templateObject_3$1f = __makeTemplateObject$g(["\n transition: opacity 150ms ease-in;\n"], ["\n transition: opacity 150ms ease-in;\n"])));
|
|
65547
65559
|
var AttributionOverlay = function (_a) {
|
|
65548
65560
|
var gif = _a.gif, isHovered = _a.isHovered, onClick = _a.onClick;
|
|
65549
|
-
var hasHovered = react_1$
|
|
65561
|
+
var hasHovered = react_1$t.useRef(isHovered);
|
|
65550
65562
|
if (isHovered) {
|
|
65551
65563
|
// not rendering to avoid loading the avatar until hover
|
|
65552
65564
|
hasHovered.current = true;
|
|
65553
65565
|
}
|
|
65554
|
-
return gif.user && hasHovered.current ? (react_1$
|
|
65555
|
-
react_1$
|
|
65556
|
-
react_1$
|
|
65566
|
+
return gif.user && hasHovered.current ? (react_1$t.default.createElement(Container$a, { style: { opacity: isHovered ? 1 : 0 } },
|
|
65567
|
+
react_1$t.default.createElement(Background, null),
|
|
65568
|
+
react_1$t.default.createElement(Attribution$1, { gif: gif, onClick: onClick }))) : null;
|
|
65557
65569
|
};
|
|
65558
65570
|
overlay.default = AttributionOverlay;
|
|
65559
65571
|
var templateObject_1$2F, templateObject_2$1N, templateObject_3$1f;
|
|
@@ -67508,7 +67520,7 @@
|
|
|
67508
67520
|
var parse = parse$1;
|
|
67509
67521
|
var formats = formats$3;
|
|
67510
67522
|
|
|
67511
|
-
var lib$
|
|
67523
|
+
var lib$3 = {
|
|
67512
67524
|
formats: formats,
|
|
67513
67525
|
parse: parse,
|
|
67514
67526
|
stringify: stringify
|
|
@@ -67776,7 +67788,7 @@
|
|
|
67776
67788
|
api.GiphyFetch = void 0;
|
|
67777
67789
|
/* eslint-disable no-dupe-class-members */
|
|
67778
67790
|
var js_util_1$8 = dist$3;
|
|
67779
|
-
var qs_1 = __importDefault$i(lib$
|
|
67791
|
+
var qs_1 = __importDefault$i(lib$3);
|
|
67780
67792
|
var gif_1$2 = gif$1;
|
|
67781
67793
|
var request_1 = __importDefault$i(request);
|
|
67782
67794
|
var getType = function (options) { return (options && options.type ? options.type : 'gifs'); };
|
|
@@ -68275,11 +68287,11 @@
|
|
|
68275
68287
|
return result;
|
|
68276
68288
|
};
|
|
68277
68289
|
Object.defineProperty(observer, "__esModule", { value: true });
|
|
68278
|
-
var react_1$
|
|
68290
|
+
var react_1$s = __importStar$b(React__default["default"]);
|
|
68279
68291
|
var Observer$1 = function (_a) {
|
|
68280
68292
|
var children = _a.children, className = _a.className, onVisibleChange = _a.onVisibleChange, config = _a.config;
|
|
68281
|
-
var container = react_1$
|
|
68282
|
-
react_1$
|
|
68293
|
+
var container = react_1$s.useRef(null);
|
|
68294
|
+
react_1$s.useEffect(function () {
|
|
68283
68295
|
var io;
|
|
68284
68296
|
if (container.current) {
|
|
68285
68297
|
io = new IntersectionObserver(function (_a) {
|
|
@@ -68291,7 +68303,7 @@
|
|
|
68291
68303
|
}
|
|
68292
68304
|
return function () { return io === null || io === void 0 ? void 0 : io.disconnect(); };
|
|
68293
68305
|
}, [onVisibleChange, container, config]);
|
|
68294
|
-
return (react_1$
|
|
68306
|
+
return (react_1$s.default.createElement("div", { ref: container, className: className }, children));
|
|
68295
68307
|
};
|
|
68296
68308
|
observer.default = Observer$1;
|
|
68297
68309
|
|
|
@@ -68817,7 +68829,7 @@
|
|
|
68817
68829
|
var styled_1$8 = __importDefault$f(require$$0$4);
|
|
68818
68830
|
var js_fetch_api_1$1 = dist$1;
|
|
68819
68831
|
var js_util_1$3 = dist$3;
|
|
68820
|
-
var react_1$
|
|
68832
|
+
var react_1$r = __importStar$a(React__default["default"]);
|
|
68821
68833
|
var throttle_debounce_1$1 = cjs;
|
|
68822
68834
|
var observer_1$1 = __importDefault$f(observer);
|
|
68823
68835
|
var gif_1$1 = __importDefault$f(gif);
|
|
@@ -68898,20 +68910,20 @@
|
|
|
68898
68910
|
var _d = this.state, gifs = _d.gifs, isDoneFetching = _d.isDoneFetching;
|
|
68899
68911
|
var showLoader = !isDoneFetching;
|
|
68900
68912
|
var isFirstLoad = gifs.length === 0;
|
|
68901
|
-
return (react_1$
|
|
68902
|
-
react_1$
|
|
68913
|
+
return (react_1$r.default.createElement(pingback_context_manager_1$1.default, { attributes: { layout_type: 'CAROUSEL' } },
|
|
68914
|
+
react_1$r.default.createElement(Container$9, { className: className },
|
|
68903
68915
|
gifs.map(function (gif) {
|
|
68904
68916
|
var gifWidth = js_util_1$3.getGifWidth(gif, gifHeight);
|
|
68905
|
-
return (react_1$
|
|
68917
|
+
return (react_1$r.default.createElement(Gif, { gif: gif, key: gif.id, tabIndex: tabIndex, width: gifWidth, onGifClick: onGifClick, onGifSeen: onGifSeen, onGifVisible: onGifVisible, onGifRightClick: onGifRightClick, user: user, ml: gutter, overlay: overlay, hideAttribution: hideAttribution, noLink: noLink, borderRadius: borderRadius, backgroundColor: backgroundColor }));
|
|
68906
68918
|
}),
|
|
68907
68919
|
!showLoader && gifs.length === 0 && noResultsMessage,
|
|
68908
|
-
showLoader && (react_1$
|
|
68909
|
-
react_1$
|
|
68920
|
+
showLoader && (react_1$r.default.createElement(Observer, { onVisibleChange: this.onLoaderVisible, config: loaderConfig },
|
|
68921
|
+
react_1$r.default.createElement(Loader$2, { isFirstLoad: isFirstLoad, height: gifHeight }))))));
|
|
68910
68922
|
};
|
|
68911
68923
|
Carousel.className = 'giphy-carousel';
|
|
68912
68924
|
Carousel.defaultProps = defaultProps$1;
|
|
68913
68925
|
return Carousel;
|
|
68914
|
-
}(react_1$
|
|
68926
|
+
}(react_1$r.PureComponent));
|
|
68915
68927
|
carousel.default = Carousel$1;
|
|
68916
68928
|
var templateObject_1$2E, templateObject_2$1M, templateObject_3$1e, templateObject_4$Q;
|
|
68917
68929
|
|
|
@@ -68929,13 +68941,13 @@
|
|
|
68929
68941
|
Object.defineProperty(fetchError, "__esModule", { value: true });
|
|
68930
68942
|
var styled_1$7 = __importDefault$e(require$$0$4);
|
|
68931
68943
|
var js_brand_1$5 = dist$2;
|
|
68932
|
-
var react_1$
|
|
68944
|
+
var react_1$q = __importDefault$e(React__default["default"]);
|
|
68933
68945
|
var Message$1 = styled_1$7.default.div(templateObject_1$2D || (templateObject_1$2D = __makeTemplateObject$e(["\n color: ", ";\n display: flex;\n justify-content: center;\n margin: 30px 0;\n font-family: ", ";\n font-size: 16px;\n font-weight: 600;\n a {\n color: ", ";\n cursor: pointer;\n &:hover {\n color: white;\n }\n }\n"], ["\n color: ", ";\n display: flex;\n justify-content: center;\n margin: 30px 0;\n font-family: ", ";\n font-size: 16px;\n font-weight: 600;\n a {\n color: ", ";\n cursor: pointer;\n &:hover {\n color: white;\n }\n }\n"])), js_brand_1$5.giphyLightGrey, js_brand_1$5.fontFamily.body, js_brand_1$5.giphyBlue);
|
|
68934
68946
|
var FetchError = function (_a) {
|
|
68935
68947
|
var onClick = _a.onClick;
|
|
68936
|
-
return (react_1$
|
|
68948
|
+
return (react_1$q.default.createElement(Message$1, null,
|
|
68937
68949
|
"Error loading GIFs.\u00A0",
|
|
68938
|
-
react_1$
|
|
68950
|
+
react_1$q.default.createElement("a", { onClick: onClick }, "Try again?")));
|
|
68939
68951
|
};
|
|
68940
68952
|
fetchError.default = FetchError;
|
|
68941
68953
|
var templateObject_1$2D;
|
|
@@ -68953,19 +68965,19 @@
|
|
|
68953
68965
|
var core_1$4 = require$$0$1;
|
|
68954
68966
|
var styled_1$6 = __importDefault$d(require$$0$4);
|
|
68955
68967
|
var js_brand_1$4 = dist$2;
|
|
68956
|
-
var react_1$
|
|
68968
|
+
var react_1$p = __importDefault$d(React__default["default"]);
|
|
68957
68969
|
var bouncer = core_1$4.keyframes(templateObject_1$2C || (templateObject_1$2C = __makeTemplateObject$d(["\n to {\n transform: scale(1.75) translateY(-20px);\n }\n"], ["\n to {\n transform: scale(1.75) translateY(-20px);\n }\n"])));
|
|
68958
68970
|
var loaderHeight = 37;
|
|
68959
68971
|
var Loader$1 = styled_1$6.default.div(templateObject_2$1L || (templateObject_2$1L = __makeTemplateObject$d(["\n display: flex;\n align-items: center;\n height: ", "px;\n padding-top: 15px;\n margin: 0 auto;\n text-align: center;\n justify-content: center;\n animation: pulse 0.8s ease-in-out 0s infinite alternate backwards;\n"], ["\n display: flex;\n align-items: center;\n height: ", "px;\n padding-top: 15px;\n margin: 0 auto;\n text-align: center;\n justify-content: center;\n animation: pulse 0.8s ease-in-out 0s infinite alternate backwards;\n"])), loaderHeight);
|
|
68960
68972
|
var Dot = styled_1$6.default.div(templateObject_3$1d || (templateObject_3$1d = __makeTemplateObject$d(["\n display: inline-block;\n height: 10px;\n width: 10px;\n margin: ", "px 10px 10px 10px;\n position: relative;\n box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);\n animation: ", " cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s infinite alternate;\n background: ", ";\n animation-delay: ", ";\n"], ["\n display: inline-block;\n height: 10px;\n width: 10px;\n margin: ", "px 10px 10px 10px;\n position: relative;\n box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);\n animation: ", " cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s infinite alternate;\n background: ", ";\n animation-delay: ", ";\n"])), loaderHeight, bouncer, function (props) { return props.color; }, function (props) { return props.delay; });
|
|
68961
68973
|
loader.default = (function (_a) {
|
|
68962
68974
|
var _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
68963
|
-
return (react_1$
|
|
68964
|
-
react_1$
|
|
68965
|
-
react_1$
|
|
68966
|
-
react_1$
|
|
68967
|
-
react_1$
|
|
68968
|
-
react_1$
|
|
68975
|
+
return (react_1$p.default.createElement(Loader$1, { className: className },
|
|
68976
|
+
react_1$p.default.createElement(Dot, { color: js_brand_1$4.giphyGreen, delay: "0" }),
|
|
68977
|
+
react_1$p.default.createElement(Dot, { color: js_brand_1$4.giphyBlue, delay: ".1s" }),
|
|
68978
|
+
react_1$p.default.createElement(Dot, { color: js_brand_1$4.giphyPurple, delay: ".2s" }),
|
|
68979
|
+
react_1$p.default.createElement(Dot, { color: js_brand_1$4.giphyRed, delay: ".3s" }),
|
|
68980
|
+
react_1$p.default.createElement(Dot, { color: js_brand_1$4.giphyYellow, delay: ".4s" })));
|
|
68969
68981
|
});
|
|
68970
68982
|
var templateObject_1$2C, templateObject_2$1L, templateObject_3$1d;
|
|
68971
68983
|
|
|
@@ -68991,7 +69003,7 @@
|
|
|
68991
69003
|
return result;
|
|
68992
69004
|
};
|
|
68993
69005
|
Object.defineProperty(masonryGrid, "__esModule", { value: true });
|
|
68994
|
-
var react_1$
|
|
69006
|
+
var react_1$o = __importStar$9(React__default["default"]);
|
|
68995
69007
|
function fillArray(length, columnOffsets) {
|
|
68996
69008
|
if (columnOffsets === void 0) { columnOffsets = []; }
|
|
68997
69009
|
return Array.apply(null, Array(length)).map(function (_, index) { return columnOffsets[index] || 0; });
|
|
@@ -69002,7 +69014,7 @@
|
|
|
69002
69014
|
function getChildren() {
|
|
69003
69015
|
var columnTarget;
|
|
69004
69016
|
var columnHeights = fillArray(columns, columnOffsets);
|
|
69005
|
-
var result = react_1$
|
|
69017
|
+
var result = react_1$o.default.Children.map(children, function (child, index) {
|
|
69006
69018
|
var style = {
|
|
69007
69019
|
position: 'absolute',
|
|
69008
69020
|
};
|
|
@@ -69021,16 +69033,16 @@
|
|
|
69021
69033
|
if (height) {
|
|
69022
69034
|
columnHeights[columnTarget] += height + gutter;
|
|
69023
69035
|
}
|
|
69024
|
-
return react_1$
|
|
69036
|
+
return react_1$o.default.cloneElement(child, { style: style });
|
|
69025
69037
|
});
|
|
69026
69038
|
containerStyle.position = 'relative';
|
|
69027
69039
|
containerStyle.width = columns * itemWidth + (columns - 1) * gutter + "px";
|
|
69028
69040
|
containerStyle.height = Math.max.apply(Math, columnHeights) - gutter + "px";
|
|
69029
69041
|
return result;
|
|
69030
69042
|
}
|
|
69031
|
-
return react_1$
|
|
69043
|
+
return react_1$o.default.createElement("div", { style: containerStyle }, getChildren());
|
|
69032
69044
|
};
|
|
69033
|
-
masonryGrid.default = react_1$
|
|
69045
|
+
masonryGrid.default = react_1$o.memo(MasonryGrid);
|
|
69034
69046
|
|
|
69035
69047
|
var __makeTemplateObject$c = (commonjsGlobal$7 && commonjsGlobal$7.__makeTemplateObject) || function (cooked, raw) {
|
|
69036
69048
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
@@ -69124,7 +69136,7 @@
|
|
|
69124
69136
|
var styled_1$5 = __importDefault$c(require$$0$4);
|
|
69125
69137
|
var js_fetch_api_1 = dist$1;
|
|
69126
69138
|
var js_util_1$2 = dist$3;
|
|
69127
|
-
var react_1$
|
|
69139
|
+
var react_1$n = __importStar$8(React__default["default"]);
|
|
69128
69140
|
var throttle_debounce_1 = cjs;
|
|
69129
69141
|
var observer_1 = __importDefault$c(observer);
|
|
69130
69142
|
var fetch_error_1 = __importDefault$c(fetchError);
|
|
@@ -69214,13 +69226,13 @@
|
|
|
69214
69226
|
var isFirstLoad = gifs.length === 0;
|
|
69215
69227
|
// get the height of each grid item
|
|
69216
69228
|
var itemHeights = gifs.map(function (gif) { return js_util_1$2.getGifHeight(gif, gifWidth); });
|
|
69217
|
-
return (react_1$
|
|
69218
|
-
react_1$
|
|
69219
|
-
react_1$
|
|
69229
|
+
return (react_1$n.default.createElement(pingback_context_manager_1.default, { attributes: { layout_type: layoutType } },
|
|
69230
|
+
react_1$n.default.createElement("div", { className: className, style: { width: width } },
|
|
69231
|
+
react_1$n.default.createElement(masonry_grid_1.default, { itemHeights: itemHeights, useTransform: useTransform, itemWidth: gifWidth, columns: columns, gutter: gutter, columnOffsets: columnOffsets }, gifs.map(function (gif) { return (react_1$n.default.createElement(gif_1.default, { gif: gif, tabIndex: tabIndex, key: gif.id, width: gifWidth, onGifClick: onGifClick, onGifSeen: onGifSeen, onGifVisible: onGifVisible, onGifRightClick: onGifRightClick, user: user, overlay: overlay, backgroundColor: backgroundColor, hideAttribution: hideAttribution, noLink: noLink, borderRadius: borderRadius })); })),
|
|
69220
69232
|
!showLoader && gifs.length === 0 && noResultsMessage,
|
|
69221
|
-
isError ? (react_1$
|
|
69222
|
-
react_1$
|
|
69223
|
-
react_1$
|
|
69233
|
+
isError ? (react_1$n.default.createElement(fetch_error_1.default, { onClick: this.onFetch })) : (showLoader && (react_1$n.default.createElement(observer_1.default, { onVisibleChange: this.onLoaderVisible, config: loaderConfig },
|
|
69234
|
+
react_1$n.default.createElement(Loader, { isFirstLoad: isFirstLoad },
|
|
69235
|
+
react_1$n.default.createElement(LoaderVisual, { className: Grid.loaderClassName }))))))));
|
|
69224
69236
|
};
|
|
69225
69237
|
Grid.className = 'giphy-grid';
|
|
69226
69238
|
Grid.loaderClassName = 'loader';
|
|
@@ -69236,27 +69248,27 @@
|
|
|
69236
69248
|
return null;
|
|
69237
69249
|
};
|
|
69238
69250
|
return Grid;
|
|
69239
|
-
}(react_1$
|
|
69251
|
+
}(react_1$n.PureComponent));
|
|
69240
69252
|
grid.default = Grid$1;
|
|
69241
69253
|
var templateObject_1$2B;
|
|
69242
69254
|
|
|
69243
69255
|
var searchBar = {};
|
|
69244
69256
|
|
|
69245
|
-
var useDebounce$
|
|
69257
|
+
var useDebounce$5 = {};
|
|
69246
69258
|
|
|
69247
69259
|
var require$$0 = /*@__PURE__*/getAugmentedNamespace(_tslib);
|
|
69248
69260
|
|
|
69249
69261
|
var useTimeoutFn$2 = {};
|
|
69250
69262
|
|
|
69251
69263
|
Object.defineProperty(useTimeoutFn$2, "__esModule", { value: true });
|
|
69252
|
-
var react_1$
|
|
69264
|
+
var react_1$m = React__default["default"];
|
|
69253
69265
|
function useTimeoutFn$1(fn, ms) {
|
|
69254
69266
|
if (ms === void 0) { ms = 0; }
|
|
69255
|
-
var ready = react_1$
|
|
69256
|
-
var timeout = react_1$
|
|
69257
|
-
var callback = react_1$
|
|
69258
|
-
var isReady = react_1$
|
|
69259
|
-
var set = react_1$
|
|
69267
|
+
var ready = react_1$m.useRef(false);
|
|
69268
|
+
var timeout = react_1$m.useRef();
|
|
69269
|
+
var callback = react_1$m.useRef(fn);
|
|
69270
|
+
var isReady = react_1$m.useCallback(function () { return ready.current; }, []);
|
|
69271
|
+
var set = react_1$m.useCallback(function () {
|
|
69260
69272
|
ready.current = false;
|
|
69261
69273
|
timeout.current && clearTimeout(timeout.current);
|
|
69262
69274
|
timeout.current = setTimeout(function () {
|
|
@@ -69264,16 +69276,16 @@
|
|
|
69264
69276
|
callback.current();
|
|
69265
69277
|
}, ms);
|
|
69266
69278
|
}, [ms]);
|
|
69267
|
-
var clear = react_1$
|
|
69279
|
+
var clear = react_1$m.useCallback(function () {
|
|
69268
69280
|
ready.current = null;
|
|
69269
69281
|
timeout.current && clearTimeout(timeout.current);
|
|
69270
69282
|
}, []);
|
|
69271
69283
|
// update ref when function changes
|
|
69272
|
-
react_1$
|
|
69284
|
+
react_1$m.useEffect(function () {
|
|
69273
69285
|
callback.current = fn;
|
|
69274
69286
|
}, [fn]);
|
|
69275
69287
|
// set on mount, clear on unmount
|
|
69276
|
-
react_1$
|
|
69288
|
+
react_1$m.useEffect(function () {
|
|
69277
69289
|
set();
|
|
69278
69290
|
return clear;
|
|
69279
69291
|
}, [ms]);
|
|
@@ -69281,18 +69293,18 @@
|
|
|
69281
69293
|
}
|
|
69282
69294
|
useTimeoutFn$2.default = useTimeoutFn$1;
|
|
69283
69295
|
|
|
69284
|
-
Object.defineProperty(useDebounce$
|
|
69296
|
+
Object.defineProperty(useDebounce$5, "__esModule", { value: true });
|
|
69285
69297
|
var tslib_1$9 = require$$0;
|
|
69286
|
-
var react_1$
|
|
69298
|
+
var react_1$l = React__default["default"];
|
|
69287
69299
|
var useTimeoutFn_1 = tslib_1$9.__importDefault(useTimeoutFn$2);
|
|
69288
|
-
function useDebounce$
|
|
69300
|
+
function useDebounce$4(fn, ms, deps) {
|
|
69289
69301
|
if (ms === void 0) { ms = 0; }
|
|
69290
69302
|
if (deps === void 0) { deps = []; }
|
|
69291
69303
|
var _a = useTimeoutFn_1.default(fn, ms), isReady = _a[0], cancel = _a[1], reset = _a[2];
|
|
69292
|
-
react_1$
|
|
69304
|
+
react_1$l.useEffect(reset, deps);
|
|
69293
69305
|
return [isReady, cancel];
|
|
69294
69306
|
}
|
|
69295
|
-
useDebounce$
|
|
69307
|
+
useDebounce$5.default = useDebounce$4;
|
|
69296
69308
|
|
|
69297
69309
|
var context = {};
|
|
69298
69310
|
|
|
@@ -69640,7 +69652,7 @@
|
|
|
69640
69652
|
Object.defineProperty(searchBarChannel, "__esModule", { value: true });
|
|
69641
69653
|
var core_1$2 = require$$0$1;
|
|
69642
69654
|
var js_brand_1$3 = dist$2;
|
|
69643
|
-
var react_1$
|
|
69655
|
+
var react_1$k = __importStar$7(React__default["default"]);
|
|
69644
69656
|
var avatar_1$2 = __importDefault$a(avatar);
|
|
69645
69657
|
var verified_badge_1$1 = __importDefault$a(verifiedBadge);
|
|
69646
69658
|
var context_1$4 = context;
|
|
@@ -69654,14 +69666,14 @@
|
|
|
69654
69666
|
var UsernamePill = theme_1$4.default.div(templateObject_4$P || (templateObject_4$P = __makeTemplateObject$a(["\n background: ", ";\n display: flex;\n padding: 0 4px;\n color: ", ";\n font-family: interface, Helvetica Neue, helvetica, sans-serif;\n font-weight: 600;\n font-size: 12px;\n align-items: center;\n height: ", "px;\n @media (", ") {\n display: none;\n }\n"], ["\n background: ", ";\n display: flex;\n padding: 0 4px;\n color: ", ";\n font-family: interface, Helvetica Neue, helvetica, sans-serif;\n font-weight: 600;\n font-size: 12px;\n align-items: center;\n height: ", "px;\n @media (", ") {\n display: none;\n }\n"])), js_brand_1$3.giphyWhiteSmoke, js_brand_1$3.giphyDarkCharcoal, function (props) { return channelSearchHeight(props.theme); }, function (props) { return props.theme.condensedMediaQuery; });
|
|
69655
69667
|
var SearchBarChannel = function (_a) {
|
|
69656
69668
|
var _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
69657
|
-
var activeChannel = react_1$
|
|
69658
|
-
return activeChannel ? (react_1$
|
|
69659
|
-
react_1$
|
|
69660
|
-
react_1$
|
|
69661
|
-
react_1$
|
|
69669
|
+
var activeChannel = react_1$k.useContext(context_1$4.SearchContext).activeChannel;
|
|
69670
|
+
return activeChannel ? (react_1$k.default.createElement(Username, { className: className },
|
|
69671
|
+
react_1$k.default.createElement(Avatar$3, { user: activeChannel.user }),
|
|
69672
|
+
react_1$k.default.createElement(UsernamePill, { key: activeChannel.id },
|
|
69673
|
+
react_1$k.default.createElement("div", null,
|
|
69662
69674
|
"@",
|
|
69663
69675
|
activeChannel.user.username),
|
|
69664
|
-
activeChannel.user.is_verified && react_1$
|
|
69676
|
+
activeChannel.user.is_verified && react_1$k.default.createElement(verified_badge_1$1.default, { size: 14 })))) : null;
|
|
69665
69677
|
};
|
|
69666
69678
|
searchBarChannel.default = SearchBarChannel;
|
|
69667
69679
|
var templateObject_1$2z, templateObject_2$1J, templateObject_3$1b, templateObject_4$P;
|
|
@@ -69675,18 +69687,18 @@
|
|
|
69675
69687
|
var useEffectOnce$3 = {};
|
|
69676
69688
|
|
|
69677
69689
|
Object.defineProperty(useEffectOnce$3, "__esModule", { value: true });
|
|
69678
|
-
var react_1$
|
|
69690
|
+
var react_1$j = React__default["default"];
|
|
69679
69691
|
var useEffectOnce$2 = function (effect) {
|
|
69680
|
-
react_1$
|
|
69692
|
+
react_1$j.useEffect(effect, []);
|
|
69681
69693
|
};
|
|
69682
69694
|
useEffectOnce$3.default = useEffectOnce$2;
|
|
69683
69695
|
|
|
69684
69696
|
Object.defineProperty(useUnmount$3, "__esModule", { value: true });
|
|
69685
69697
|
var tslib_1$8 = require$$0;
|
|
69686
|
-
var react_1$
|
|
69698
|
+
var react_1$i = React__default["default"];
|
|
69687
69699
|
var useEffectOnce_1 = tslib_1$8.__importDefault(useEffectOnce$3);
|
|
69688
69700
|
var useUnmount$2 = function (fn) {
|
|
69689
|
-
var fnRef = react_1$
|
|
69701
|
+
var fnRef = react_1$i.useRef(fn);
|
|
69690
69702
|
// update the ref each render so if it change the newest callback will be invoked
|
|
69691
69703
|
fnRef.current = fn;
|
|
69692
69704
|
useEffectOnce_1.default(function () { return function () { return fnRef.current(); }; });
|
|
@@ -69695,15 +69707,15 @@
|
|
|
69695
69707
|
|
|
69696
69708
|
Object.defineProperty(useThrottle$3, "__esModule", { value: true });
|
|
69697
69709
|
var tslib_1$7 = require$$0;
|
|
69698
|
-
var react_1$
|
|
69710
|
+
var react_1$h = React__default["default"];
|
|
69699
69711
|
var useUnmount_1 = tslib_1$7.__importDefault(useUnmount$3);
|
|
69700
69712
|
var useThrottle$2 = function (value, ms) {
|
|
69701
69713
|
if (ms === void 0) { ms = 200; }
|
|
69702
|
-
var _a = react_1$
|
|
69703
|
-
var timeout = react_1$
|
|
69704
|
-
var nextValue = react_1$
|
|
69705
|
-
var hasNextValue = react_1$
|
|
69706
|
-
react_1$
|
|
69714
|
+
var _a = react_1$h.useState(value), state = _a[0], setState = _a[1];
|
|
69715
|
+
var timeout = react_1$h.useRef();
|
|
69716
|
+
var nextValue = react_1$h.useRef(null);
|
|
69717
|
+
var hasNextValue = react_1$h.useRef(0);
|
|
69718
|
+
react_1$h.useEffect(function () {
|
|
69707
69719
|
if (!timeout.current) {
|
|
69708
69720
|
setState(value);
|
|
69709
69721
|
var timeoutCallback_1 = function () {
|
|
@@ -69736,20 +69748,20 @@
|
|
|
69736
69748
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
69737
69749
|
};
|
|
69738
69750
|
Object.defineProperty(searchIcon, "__esModule", { value: true });
|
|
69739
|
-
var react_1$
|
|
69751
|
+
var react_1$g = __importDefault$9(React__default["default"]);
|
|
69740
69752
|
var SearchIcon$1 = function (_a) {
|
|
69741
69753
|
var _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
69742
|
-
return (react_1$
|
|
69743
|
-
react_1$
|
|
69744
|
-
react_1$
|
|
69745
|
-
react_1$
|
|
69746
|
-
react_1$
|
|
69747
|
-
react_1$
|
|
69748
|
-
react_1$
|
|
69749
|
-
react_1$
|
|
69750
|
-
react_1$
|
|
69751
|
-
react_1$
|
|
69752
|
-
react_1$
|
|
69754
|
+
return (react_1$g.default.createElement("svg", { viewBox: "0 0 30 30", version: "1.1", className: className },
|
|
69755
|
+
react_1$g.default.createElement("defs", null,
|
|
69756
|
+
react_1$g.default.createElement("path", { d: "M11.5482521,20.4090671 L4.24727698,28.2009189 C3.68084207,28.8054377 2.73159653,28.8363108 2.12707771,28.2698759 C1.5225589,27.703441 1.4916858,26.7541954 2.0581207,26.1496766 L9.40599838,18.3077689 C7.95982241,16.4371424 7.0978836,14.0789715 7.0978836,11.5181818 C7.0978836,5.44914339 11.9392549,0.518181818 17.9252787,0.518181818 C23.9113026,0.518181818 28.7526738,5.44914339 28.7526738,11.5181818 C28.7526738,17.5872202 23.9113026,22.5181818 17.9252787,22.5181818 C15.539851,22.5181818 13.3361963,21.7351359 11.5482521,20.4090671 Z M17.9252787,19.5181818 C22.242011,19.5181818 25.7526738,15.9425536 25.7526738,11.5181818 C25.7526738,7.09381 22.242011,3.51818182 17.9252787,3.51818182 C13.6085464,3.51818182 10.0978836,7.09381 10.0978836,11.5181818 C10.0978836,15.9425536 13.6085464,19.5181818 17.9252787,19.5181818 Z", id: "giphy-search-icon-path-1" })),
|
|
69757
|
+
react_1$g.default.createElement("g", { id: "search", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
|
|
69758
|
+
react_1$g.default.createElement("g", { id: "icons/search" },
|
|
69759
|
+
react_1$g.default.createElement("mask", { id: "giphy-search-icon-mask-2", fill: "white" },
|
|
69760
|
+
react_1$g.default.createElement("use", { xlinkHref: "#giphy-search-icon-path-1" })),
|
|
69761
|
+
react_1$g.default.createElement("use", { id: "Mask", fill: "#FFFFFF", fillRule: "nonzero", xlinkHref: "#giphy-search-icon-path-1" }),
|
|
69762
|
+
react_1$g.default.createElement("g", { mask: "url(#giphy-search-icon-mask-2)" },
|
|
69763
|
+
react_1$g.default.createElement("g", { transform: "translate(0.250000, 0.250000)" },
|
|
69764
|
+
react_1$g.default.createElement("g", null)))))));
|
|
69753
69765
|
};
|
|
69754
69766
|
searchIcon.default = SearchIcon$1;
|
|
69755
69767
|
|
|
@@ -69781,7 +69793,7 @@
|
|
|
69781
69793
|
};
|
|
69782
69794
|
Object.defineProperty(searchButton, "__esModule", { value: true });
|
|
69783
69795
|
var core_1$1 = require$$0$1;
|
|
69784
|
-
var react_1$
|
|
69796
|
+
var react_1$f = __importStar$6(React__default["default"]);
|
|
69785
69797
|
var useThrottle_1 = __importDefault$8(useThrottle$3);
|
|
69786
69798
|
var context_1$3 = context;
|
|
69787
69799
|
var search_icon_1 = __importDefault$8(searchIcon);
|
|
@@ -69799,14 +69811,14 @@
|
|
|
69799
69811
|
var Scanner = theme_1$3.default.div(templateObject_7$o || (templateObject_7$o = __makeTemplateObject$9(["\n position: absolute;\n width: 200%;\n height: 20px;\n background: rgba(255, 255, 255, 0.5);\n transform: rotate(34deg) translate(-10px, -20px);\n animation: ", " 1s ", " 0s 1;\n filter: blur(1px);\n"], ["\n position: absolute;\n width: 200%;\n height: 20px;\n background: rgba(255, 255, 255, 0.5);\n transform: rotate(34deg) translate(-10px, -20px);\n animation: ", " 1s ", " 0s 1;\n filter: blur(1px);\n"])), searchFx, strongEasing);
|
|
69800
69812
|
var SearchIcon = theme_1$3.default(search_icon_1.default)(templateObject_8$m || (templateObject_8$m = __makeTemplateObject$9(["\n z-index: 1;\n display: flex;\n width: 60%;\n height: 60%;\n"], ["\n z-index: 1;\n display: flex;\n width: 60%;\n height: 60%;\n"])));
|
|
69801
69813
|
var SearchButton = function () {
|
|
69802
|
-
var isFetching = react_1$
|
|
69814
|
+
var isFetching = react_1$f.useContext(context_1$3.SearchContext).isFetching;
|
|
69803
69815
|
// let the animation run by throttling isFetching
|
|
69804
69816
|
var throttledFetch = useThrottle_1.default(isFetching, 1000);
|
|
69805
|
-
return (react_1$
|
|
69806
|
-
react_1$
|
|
69807
|
-
react_1$
|
|
69808
|
-
throttledFetch && (react_1$
|
|
69809
|
-
react_1$
|
|
69817
|
+
return (react_1$f.default.createElement(Container$8, null,
|
|
69818
|
+
react_1$f.default.createElement(GradientBox, null),
|
|
69819
|
+
react_1$f.default.createElement(SearchIcon, null),
|
|
69820
|
+
throttledFetch && (react_1$f.default.createElement(Fx, null,
|
|
69821
|
+
react_1$f.default.createElement(Scanner, null)))));
|
|
69810
69822
|
};
|
|
69811
69823
|
searchButton.default = SearchButton;
|
|
69812
69824
|
var templateObject_1$2y, templateObject_2$1I, templateObject_3$1a, templateObject_4$O, templateObject_5$G, templateObject_6$v, templateObject_7$o, templateObject_8$m;
|
|
@@ -69840,15 +69852,15 @@
|
|
|
69840
69852
|
Object.defineProperty(searchBar, "__esModule", { value: true });
|
|
69841
69853
|
var core_1 = require$$0$1;
|
|
69842
69854
|
var js_brand_1$2 = dist$2;
|
|
69843
|
-
var react_1$
|
|
69844
|
-
var useDebounce_1 = __importDefault$7(useDebounce$
|
|
69855
|
+
var react_1$e = __importStar$5(React__default["default"]);
|
|
69856
|
+
var useDebounce_1$1 = __importDefault$7(useDebounce$5);
|
|
69845
69857
|
var context_1$2 = context;
|
|
69846
69858
|
var search_bar_channel_1 = __importDefault$7(searchBarChannel);
|
|
69847
69859
|
var search_button_1 = __importDefault$7(searchButton);
|
|
69848
69860
|
var theme_1$2 = __importStar$5(theme);
|
|
69849
69861
|
function usePrevious$1(value) {
|
|
69850
|
-
var ref = react_1$
|
|
69851
|
-
react_1$
|
|
69862
|
+
var ref = react_1$e.useRef(value);
|
|
69863
|
+
react_1$e.useEffect(function () {
|
|
69852
69864
|
ref.current = value;
|
|
69853
69865
|
});
|
|
69854
69866
|
return ref.current;
|
|
@@ -69860,24 +69872,24 @@
|
|
|
69860
69872
|
});
|
|
69861
69873
|
var SearchBar = function (_a) {
|
|
69862
69874
|
var className = _a.className, _b = _a.placeholder, placeholder = _b === void 0 ? "Search GIPHY" : _b, _c = _a.clear, clear = _c === void 0 ? false : _c, autoFocus = _a.autoFocus;
|
|
69863
|
-
var _d = react_1$
|
|
69875
|
+
var _d = react_1$e.useContext(context_1$2.SearchContext), setSearch = _d.setSearch, activeChannel = _d.activeChannel, setActiveChannel = _d.setActiveChannel, term = _d.term, channelSearch = _d.channelSearch;
|
|
69864
69876
|
// debounce local input
|
|
69865
|
-
var _e = react_1$
|
|
69877
|
+
var _e = react_1$e.useState(term), debouncedTerm = _e[0], setDebouncedInput = _e[1];
|
|
69866
69878
|
// used to see if the last term was a '' before clearing
|
|
69867
69879
|
var lastTerm = usePrevious$1(debouncedTerm);
|
|
69868
69880
|
// set the term when it changes
|
|
69869
|
-
useDebounce_1.default(function () { return setSearch(debouncedTerm); }, SEARCH_DEBOUNCE, [debouncedTerm]);
|
|
69881
|
+
useDebounce_1$1.default(function () { return setSearch(debouncedTerm); }, SEARCH_DEBOUNCE, [debouncedTerm]);
|
|
69870
69882
|
// used only to focus the input
|
|
69871
|
-
var inputRef = react_1$
|
|
69883
|
+
var inputRef = react_1$e.useRef(null);
|
|
69872
69884
|
// we'll use this to see when we went from no channel to channel
|
|
69873
69885
|
var previousActiveChannel = usePrevious$1(activeChannel);
|
|
69874
|
-
react_1$
|
|
69886
|
+
react_1$e.useEffect(function () {
|
|
69875
69887
|
var _a;
|
|
69876
69888
|
if (autoFocus) {
|
|
69877
69889
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
69878
69890
|
}
|
|
69879
69891
|
}, [autoFocus]);
|
|
69880
|
-
react_1$
|
|
69892
|
+
react_1$e.useEffect(function () {
|
|
69881
69893
|
var _a;
|
|
69882
69894
|
// if we know have a channel, focus and clear the input
|
|
69883
69895
|
// so the user can search the channel
|
|
@@ -69887,11 +69899,11 @@
|
|
|
69887
69899
|
}
|
|
69888
69900
|
}, [debouncedTerm, activeChannel, previousActiveChannel]);
|
|
69889
69901
|
// a pill could have been clicked, update our local term state
|
|
69890
|
-
react_1$
|
|
69902
|
+
react_1$e.useEffect(function () {
|
|
69891
69903
|
setDebouncedInput(term);
|
|
69892
69904
|
}, [term]);
|
|
69893
|
-
var _f = react_1$
|
|
69894
|
-
react_1$
|
|
69905
|
+
var _f = react_1$e.useState(clear), isCleared = _f[0], setCleared = _f[1];
|
|
69906
|
+
react_1$e.useEffect(function () {
|
|
69895
69907
|
setCleared(clear);
|
|
69896
69908
|
}, [clear]);
|
|
69897
69909
|
// key ups to clear the active channel
|
|
@@ -69910,16 +69922,16 @@
|
|
|
69910
69922
|
break;
|
|
69911
69923
|
}
|
|
69912
69924
|
};
|
|
69913
|
-
return (react_1$
|
|
69914
|
-
react_1$
|
|
69915
|
-
react_1$
|
|
69925
|
+
return (react_1$e.default.createElement(Container$7, { className: [SearchBar.className, className].join(' ') },
|
|
69926
|
+
react_1$e.default.createElement(search_bar_channel_1.default, null),
|
|
69927
|
+
react_1$e.default.createElement(Input, { isUsernameSearch: !!channelSearch, onChange: function (_a) {
|
|
69916
69928
|
var value = _a.target.value;
|
|
69917
69929
|
if (!isCleared || value !== '') {
|
|
69918
69930
|
setCleared(false);
|
|
69919
69931
|
setDebouncedInput(value);
|
|
69920
69932
|
}
|
|
69921
69933
|
}, value: isCleared ? '' : debouncedTerm, placeholder: activeChannel ? "Search " + activeChannel.display_name : placeholder, autoCapitalize: "off", autoCorrect: "off", autoComplete: "off", ref: inputRef, onKeyUp: onKeyUp }),
|
|
69922
|
-
react_1$
|
|
69934
|
+
react_1$e.default.createElement(search_button_1.default, null)));
|
|
69923
69935
|
};
|
|
69924
69936
|
SearchBar.className = 'giphy-search-bar';
|
|
69925
69937
|
searchBar.default = SearchBar;
|
|
@@ -69935,14 +69947,14 @@
|
|
|
69935
69947
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
69936
69948
|
};
|
|
69937
69949
|
Object.defineProperty(trendingIcon, "__esModule", { value: true });
|
|
69938
|
-
var react_1$
|
|
69950
|
+
var react_1$d = __importDefault$6(React__default["default"]);
|
|
69939
69951
|
var TrendingIcon$1 = function (_a) {
|
|
69940
69952
|
var _b = _a.size, size = _b === void 0 ? 18 : _b, className = _a.className;
|
|
69941
|
-
return (react_1$
|
|
69942
|
-
react_1$
|
|
69943
|
-
react_1$
|
|
69944
|
-
react_1$
|
|
69945
|
-
react_1$
|
|
69953
|
+
return (react_1$d.default.createElement("svg", { width: size, height: size, viewBox: "0 0 18 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg", className: className },
|
|
69954
|
+
react_1$d.default.createElement("g", { id: "trending", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
|
|
69955
|
+
react_1$d.default.createElement("g", null,
|
|
69956
|
+
react_1$d.default.createElement("rect", { id: "Rectangle", stroke: "#979797", fill: "#D8D8D8", opacity: "0", x: "0.5", y: "0.5", width: "17", height: "17" }),
|
|
69957
|
+
react_1$d.default.createElement("path", { d: "M12.6093329,3.12057664 L15.156896,3.12057664 L9.64199318,9.04253019 L6.88133868,6.8175119 C6.7544587,6.67603813 6.56616874,6.60087259 6.38404017,6.61897279 C6.2490402,6.63288422 6.11891631,6.69661171 6.02063992,6.79697337 C2.21226835,10.5943119 0.308082561,12.4929812 0.308082561,12.4929812 C0.308082561,12.4929812 0.527106106,12.8074292 0.710953088,13.0215425 C0.833517743,13.1642848 0.975497751,13.3098497 1.13689311,13.4582373 L6.47329888,8.13191205 L9.16381134,10.2953038 C9.40800276,10.5710787 9.68933701,10.7021044 10.019278,10.4570223 L16.0239805,4.04474473 C16.0239805,5.87956383 16.0239805,6.79697337 16.0239805,6.79697337 C16.0239805,6.79697337 16.4320205,6.79697337 17.2481004,6.79697337 L17.2481004,1.80604505 C14.1555887,1.80604505 12.6093329,1.80604505 12.6093329,1.80604505 C12.6093329,1.80604505 12.6093329,2.24422225 12.6093329,3.12057664 Z", id: "Shape", stroke: "#00CCFF", strokeWidth: "0.4", fill: "#00CCFF", fillRule: "nonzero", transform: "translate(8.778091, 7.632141) rotate(-2.000000) translate(-8.778091, -7.632141) " })))));
|
|
69946
69958
|
};
|
|
69947
69959
|
trendingIcon.default = TrendingIcon$1;
|
|
69948
69960
|
|
|
@@ -69975,7 +69987,7 @@
|
|
|
69975
69987
|
Object.defineProperty(pills, "__esModule", { value: true });
|
|
69976
69988
|
pills.TrendingSearchPill = pills.ChannelPill = void 0;
|
|
69977
69989
|
var js_brand_1$1 = dist$2;
|
|
69978
|
-
var react_1$
|
|
69990
|
+
var react_1$c = __importStar$4(React__default["default"]);
|
|
69979
69991
|
var avatar_1$1 = __importDefault$5(avatar);
|
|
69980
69992
|
var verified_badge_1 = __importDefault$5(verifiedBadge);
|
|
69981
69993
|
var context_1$1 = context;
|
|
@@ -69988,20 +70000,20 @@
|
|
|
69988
70000
|
var TrendingIcon = theme_1$1.default(trending_icon_1.default)(templateObject_4$N || (templateObject_4$N = __makeTemplateObject$7(["\n margin-right: 2px;\n"], ["\n margin-right: 2px;\n"])));
|
|
69989
70001
|
var ChannelPill = function (_a) {
|
|
69990
70002
|
var channel = _a.channel;
|
|
69991
|
-
var setActiveChannel = react_1$
|
|
69992
|
-
return (react_1$
|
|
69993
|
-
react_1$
|
|
69994
|
-
react_1$
|
|
70003
|
+
var setActiveChannel = react_1$c.useContext(context_1$1.SearchContext).setActiveChannel;
|
|
70004
|
+
return (react_1$c.default.createElement(ChannelPillContainer, { key: channel.id, onClick: function () { return setActiveChannel(channel); } },
|
|
70005
|
+
react_1$c.default.createElement(Avatar$2, { user: channel.user }),
|
|
70006
|
+
react_1$c.default.createElement("div", null,
|
|
69995
70007
|
"@",
|
|
69996
70008
|
channel.user.username),
|
|
69997
|
-
channel.user.is_verified && react_1$
|
|
70009
|
+
channel.user.is_verified && react_1$c.default.createElement(verified_badge_1.default, { size: 14 })));
|
|
69998
70010
|
};
|
|
69999
70011
|
pills.ChannelPill = ChannelPill;
|
|
70000
70012
|
var TrendingSearchPill = function (_a) {
|
|
70001
70013
|
var trendingSearch = _a.trendingSearch;
|
|
70002
|
-
var setSearch = react_1$
|
|
70003
|
-
return (react_1$
|
|
70004
|
-
react_1$
|
|
70014
|
+
var setSearch = react_1$c.useContext(context_1$1.SearchContext).setSearch;
|
|
70015
|
+
return (react_1$c.default.createElement(TrendingSearchPillContainer, { key: trendingSearch, onClick: function () { return setSearch(trendingSearch); } },
|
|
70016
|
+
react_1$c.default.createElement(TrendingIcon, { size: 16 }),
|
|
70005
70017
|
trendingSearch));
|
|
70006
70018
|
};
|
|
70007
70019
|
pills.TrendingSearchPill = TrendingSearchPill;
|
|
@@ -70067,15 +70079,15 @@
|
|
|
70067
70079
|
}
|
|
70068
70080
|
};
|
|
70069
70081
|
Object.defineProperty(suggestionBar, "__esModule", { value: true });
|
|
70070
|
-
var react_1$
|
|
70082
|
+
var react_1$b = __importStar$3(React__default["default"]);
|
|
70071
70083
|
var context_1 = context;
|
|
70072
70084
|
var theme_1 = __importStar$3(theme);
|
|
70073
70085
|
var pills_1 = pills;
|
|
70074
70086
|
var Container$6 = theme_1.default.div(templateObject_1$2v || (templateObject_1$2v = __makeTemplateObject$6(["\n display: flex;\n color: white;\n flex-direction: row;\n font-family: 'interface';\n font-weight: 600;\n font-size: 14px;\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n padding-bottom: 10px;\n ", "\n"], ["\n display: flex;\n color: white;\n flex-direction: row;\n font-family: 'interface';\n font-weight: 600;\n font-size: 14px;\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n overflow-y: hidden;\n padding-bottom: 10px;\n ", "\n"])), function (props) { return theme_1.getSize(props.theme); });
|
|
70075
70087
|
var SuggestionBar = function () {
|
|
70076
|
-
var _a = react_1$
|
|
70077
|
-
var _b = react_1$
|
|
70078
|
-
react_1$
|
|
70088
|
+
var _a = react_1$b.useContext(context_1.SearchContext), channelSearch = _a.channelSearch, fetchChannelSearch = _a.fetchChannelSearch, trendingSearches = _a.trendingSearches, activeChannel = _a.activeChannel;
|
|
70089
|
+
var _b = react_1$b.useState([]), channels = _b[0], setChannels = _b[1];
|
|
70090
|
+
react_1$b.useEffect(function () {
|
|
70079
70091
|
var fetchChannels = function () { return __awaiter$3(void 0, void 0, void 0, function () {
|
|
70080
70092
|
var channels;
|
|
70081
70093
|
return __generator$3(this, function (_a) {
|
|
@@ -70096,9 +70108,9 @@
|
|
|
70096
70108
|
setChannels([]);
|
|
70097
70109
|
}
|
|
70098
70110
|
}, [channelSearch, activeChannel, fetchChannelSearch]);
|
|
70099
|
-
return (react_1$
|
|
70100
|
-
? channels.map(function (channel) { return react_1$
|
|
70101
|
-
: trendingSearches.map(function (trendingSearch) { return (react_1$
|
|
70111
|
+
return (react_1$b.default.createElement(Container$6, null, channels.length > 0
|
|
70112
|
+
? channels.map(function (channel) { return react_1$b.default.createElement(pills_1.ChannelPill, { key: channel.id, channel: channel }); })
|
|
70113
|
+
: trendingSearches.map(function (trendingSearch) { return (react_1$b.default.createElement(pills_1.TrendingSearchPill, { key: trendingSearch, trendingSearch: trendingSearch })); })));
|
|
70102
70114
|
};
|
|
70103
70115
|
suggestionBar.default = SuggestionBar;
|
|
70104
70116
|
var templateObject_1$2v;
|
|
@@ -71570,7 +71582,7 @@
|
|
|
71570
71582
|
return [isReady, clear, set];
|
|
71571
71583
|
}
|
|
71572
71584
|
|
|
71573
|
-
function useDebounce$
|
|
71585
|
+
function useDebounce$3(fn, ms, deps) {
|
|
71574
71586
|
if (ms === void 0) { ms = 0; }
|
|
71575
71587
|
if (deps === void 0) { deps = []; }
|
|
71576
71588
|
var _a = useTimeoutFn(fn, ms), isReady = _a[0], cancel = _a[1], reset = _a[2];
|
|
@@ -73481,14 +73493,14 @@
|
|
|
73481
73493
|
var useSearchParamServer = function () { return null; };
|
|
73482
73494
|
var useSearchParam$1 = isBrowser ? useSearchParam : useSearchParamServer;
|
|
73483
73495
|
|
|
73484
|
-
var lib$
|
|
73496
|
+
var lib$2 = {};
|
|
73485
73497
|
|
|
73486
73498
|
var render$1 = {};
|
|
73487
73499
|
|
|
73488
73500
|
Object.defineProperty(render$1, "__esModule", { value: true });
|
|
73489
73501
|
var tslib_1$6 = require$$0;
|
|
73490
|
-
var react_1$
|
|
73491
|
-
var isReact16Plus = parseInt(react_1$
|
|
73502
|
+
var react_1$a = React__default["default"];
|
|
73503
|
+
var isReact16Plus = parseInt(react_1$a.version.substr(0, react_1$a.version.indexOf('.'))) > 15;
|
|
73492
73504
|
var isFn = function (fn) { return typeof fn === 'function'; };
|
|
73493
73505
|
var render = function (props, data) {
|
|
73494
73506
|
var more = [];
|
|
@@ -73515,10 +73527,10 @@
|
|
|
73515
73527
|
if (isFn(children))
|
|
73516
73528
|
return children.apply(void 0, tslib_1$6.__spreadArrays([data], more));
|
|
73517
73529
|
if (comp) {
|
|
73518
|
-
return react_1$
|
|
73530
|
+
return react_1$a.createElement(comp, data);
|
|
73519
73531
|
}
|
|
73520
73532
|
if (children instanceof Array)
|
|
73521
|
-
return isReact16Plus ? children : react_1$
|
|
73533
|
+
return isReact16Plus ? children : react_1$a.createElement.apply(void 0, tslib_1$6.__spreadArrays(['div', null], children));
|
|
73522
73534
|
if (children && (children instanceof Object)) {
|
|
73523
73535
|
if (browser$1$1.env.NODE_ENV !== 'production') {
|
|
73524
73536
|
if (!children.type || ((typeof children.type !== 'string') && (typeof children.type !== 'function') && (typeof children.type !== 'symbol'))) {
|
|
@@ -73528,12 +73540,12 @@
|
|
|
73528
73540
|
}
|
|
73529
73541
|
if (typeof children.type === 'string')
|
|
73530
73542
|
return children;
|
|
73531
|
-
return react_1$
|
|
73543
|
+
return react_1$a.cloneElement(children, Object.assign({}, children.props, data));
|
|
73532
73544
|
}
|
|
73533
73545
|
else {
|
|
73534
73546
|
if (typeof children.type === 'string')
|
|
73535
73547
|
return children;
|
|
73536
|
-
return react_1$
|
|
73548
|
+
return react_1$a.cloneElement(children, Object.assign({}, children.props, data));
|
|
73537
73549
|
}
|
|
73538
73550
|
}
|
|
73539
73551
|
return children || null;
|
|
@@ -73622,15 +73634,15 @@
|
|
|
73622
73634
|
};
|
|
73623
73635
|
hookToRenderProp$1.default = hookToRenderProp;
|
|
73624
73636
|
|
|
73625
|
-
Object.defineProperty(lib$
|
|
73626
|
-
lib$
|
|
73637
|
+
Object.defineProperty(lib$2, "__esModule", { value: true });
|
|
73638
|
+
lib$2.hookToRenderProp = lib$2.createEnhancer = lib$2.render = void 0;
|
|
73627
73639
|
var tslib_1$1 = require$$0;
|
|
73628
73640
|
var render_1 = tslib_1$1.__importDefault(render$1);
|
|
73629
|
-
lib$
|
|
73641
|
+
lib$2.render = render_1.default;
|
|
73630
73642
|
var createEnhancer_1 = tslib_1$1.__importDefault(createEnhancer$1);
|
|
73631
|
-
lib$
|
|
73643
|
+
lib$2.createEnhancer = createEnhancer_1.default;
|
|
73632
73644
|
var hookToRenderProp_1 = tslib_1$1.__importDefault(hookToRenderProp$1);
|
|
73633
|
-
lib$
|
|
73645
|
+
lib$2.hookToRenderProp = hookToRenderProp_1.default;
|
|
73634
73646
|
|
|
73635
73647
|
var useScratch = function (params) {
|
|
73636
73648
|
if (params === void 0) { params = {}; }
|
|
@@ -74363,10 +74375,10 @@
|
|
|
74363
74375
|
}
|
|
74364
74376
|
var useTitle$1 = typeof document !== 'undefined' ? useTitle : function (_title) { };
|
|
74365
74377
|
|
|
74366
|
-
var lib = {};
|
|
74378
|
+
var lib$1 = {};
|
|
74367
74379
|
|
|
74368
|
-
Object.defineProperty(lib, "__esModule", { value: true });
|
|
74369
|
-
var easing$1 = lib.easing = {
|
|
74380
|
+
Object.defineProperty(lib$1, "__esModule", { value: true });
|
|
74381
|
+
var easing$1 = lib$1.easing = {
|
|
74370
74382
|
// No easing, no acceleration
|
|
74371
74383
|
linear: function (t) { return t; },
|
|
74372
74384
|
// Accelerates fast, then slows quickly towards end.
|
|
@@ -74772,7 +74784,7 @@
|
|
|
74772
74784
|
useCounter: useCounter,
|
|
74773
74785
|
useCss: useCss$1,
|
|
74774
74786
|
useCustomCompareEffect: useCustomCompareEffect$1,
|
|
74775
|
-
useDebounce: useDebounce$
|
|
74787
|
+
useDebounce: useDebounce$3,
|
|
74776
74788
|
useDeepCompareEffect: useDeepCompareEffect$1,
|
|
74777
74789
|
useDefault: useDefault$1,
|
|
74778
74790
|
useDrop: useDrop$1,
|
|
@@ -74880,15 +74892,15 @@
|
|
|
74880
74892
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
74881
74893
|
};
|
|
74882
74894
|
Object.defineProperty(clipsBranding, "__esModule", { value: true });
|
|
74883
|
-
var react_1$
|
|
74895
|
+
var react_1$9 = __importDefault$4(React__default["default"]);
|
|
74884
74896
|
var GIPHYClips = function (_a) {
|
|
74885
74897
|
var onClick = _a.onClick;
|
|
74886
|
-
return (react_1$
|
|
74887
|
-
react_1$
|
|
74888
|
-
react_1$
|
|
74889
|
-
react_1$
|
|
74890
|
-
react_1$
|
|
74891
|
-
react_1$
|
|
74898
|
+
return (react_1$9.default.createElement("svg", { width: "66px", height: "13px", viewBox: "0 0 66 13", onClick: onClick },
|
|
74899
|
+
react_1$9.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
|
|
74900
|
+
react_1$9.default.createElement("g", { transform: "translate(-1060.000000, -462.000000)", fill: "#FFFFFF", fillRule: "nonzero" },
|
|
74901
|
+
react_1$9.default.createElement("g", { transform: "translate(931.000000, 286.375671)" },
|
|
74902
|
+
react_1$9.default.createElement("g", { transform: "translate(86.000000, 136.124329)" },
|
|
74903
|
+
react_1$9.default.createElement("path", { d: "M47.968,49.1962322 C49.588,49.1962322 51.052,48.6202322 51.58,47.5522322 L51.58,43.8202322 L47.476,43.8202322 L47.476,45.6802322 L49.6,45.6802322 L49.6,46.7602322 C49.12,47.1082322 48.424,47.1922322 47.98,47.1922322 C46.288,47.1922322 45.724,45.8602322 45.724,44.7802322 C45.724,43.1362322 46.612,42.3202322 47.98,42.3202322 C48.544,42.3202322 49.288,42.4762322 49.9,43.0522322 L51.28,41.6842322 C50.176,40.5682322 49.144,40.3282322 47.98,40.3282322 C44.824,40.3282322 43.384,42.5842322 43.384,44.7802322 C43.384,46.9762322 44.644,49.1962322 47.968,49.1962322 Z M54.928,48.9682322 L54.928,40.5682322 L52.564,40.5682322 L52.564,48.9682322 L54.928,48.9682322 Z M58.648,48.9682322 L58.648,46.7002322 L60.352,46.7002322 C62.596,46.6762322 63.724,45.3442322 63.724,43.6282322 C63.724,41.9842322 62.608,40.5682322 60.352,40.5682322 L56.272,40.5682322 L56.272,48.9682322 L58.648,48.9682322 Z M60.352,44.6962322 L58.648,44.6962322 L58.648,42.6082322 L60.352,42.6082322 C61,42.6082322 61.348,43.1122322 61.348,43.6642322 C61.348,44.2162322 61.012,44.6962322 60.352,44.6962322 Z M66.796,48.9802322 L66.796,45.8002322 L69.82,45.8002322 L69.82,48.9802322 L72.172,48.9802322 L72.172,40.5802322 L69.82,40.5802322 L69.82,43.7722322 L66.796,43.7722322 L66.796,40.5802322 L64.42,40.5802322 L64.42,48.9802322 L66.796,48.9802322 Z M78.16,48.9682322 L78.16,45.6202322 L81.496,40.6762322 L81.496,40.5682322 L78.82,40.5682322 L77.008,43.4482322 L75.268,40.5682322 L72.592,40.5682322 L72.592,40.6642322 L75.784,45.6202322 L75.784,48.9682322 L78.16,48.9682322 Z M87.796,49.1362322 C88.972,49.1362322 90.088,48.7402322 90.952,47.8882322 L90.028,46.9642322 C89.44,47.5522322 88.576,47.8762322 87.796,47.8762322 C85.624,47.8762322 84.712,46.3522322 84.7,44.8162322 C84.688,43.2682322 85.66,41.6962322 87.796,41.6962322 C88.576,41.6962322 89.368,41.9722322 89.968,42.5602322 L90.868,41.6962322 C90.016,40.8442322 88.924,40.4242322 87.796,40.4242322 C84.796,40.4242322 83.356,42.6202322 83.3679256,44.8282322 C83.38,47.0362322 84.748,49.1362322 87.796,49.1362322 Z M93.028,48.9682322 L93.028,40.5802322 L91.792,40.5802322 L91.792,48.9682322 L93.028,48.9682322 Z M94.252,41.3122322 C94.252,42.3322322 95.788,42.3322322 95.788,41.3122322 C95.788,40.3042322 94.252,40.3042322 94.252,41.3122322 Z M95.632,48.9682322 L95.632,43.0282322 L94.396,43.0282322 L94.396,48.9682322 L95.632,48.9682322 Z M98.188,51.7162322 L98.188,48.1042322 C98.632,48.8362322 99.556,49.1002322 100.276,49.1002322 C102.112,49.1002322 103.264,47.8042322 103.264,46.0162322 C103.264,44.2282322 102.04,42.9442322 100.276,42.9322322 C99.484,42.9322322 98.644,43.2922322 98.188,44.0122322 L98.116,43.0522322 L96.952,43.0522322 L96.952,51.7162322 L98.188,51.7162322 Z M100.156,47.9002322 C99.076,47.9002322 98.296,47.0722322 98.296,46.0162322 C98.296,44.9602322 99.016,44.1322322 100.156,44.1322322 C101.284,44.1322322 102.028,44.9002322 102.028,46.0162322 C102.028,47.1202322 101.236,47.9002322 100.156,47.9002322 Z M106.456,49.1482322 C107.992,49.1482322 108.964,48.3802322 108.976,47.2762322 C108.988,45.7522322 107.56,45.5122322 106.468,45.4162322 C105.712,45.3442322 105.196,45.1522322 105.184,44.6602322 C105.184,44.1922322 105.688,43.9402322 106.444,43.9522322 C107.032,43.9522322 107.536,44.0722322 108.004,44.5042322 L108.7,43.6882322 C108.04,43.1002322 107.332,42.8962322 106.42,42.8962322 C105.316,42.8962322 103.96,43.3882322 103.96,44.6962322 C103.972,46.0042322 105.256,46.3642322 106.372,46.4722322 C107.248,46.5562322 107.752,46.7602322 107.74,47.2882322 C107.728,47.8402322 107.068,48.0562322 106.48,48.0562322 C105.784,48.0442322 104.956,47.7922322 104.404,47.1802322 L103.756,48.0562322 C104.536,48.9322322 105.496,49.1482322 106.456,49.1482322 Z", id: "GIPHYClips" })))))));
|
|
74892
74904
|
};
|
|
74893
74905
|
clipsBranding.default = GIPHYClips;
|
|
74894
74906
|
|
|
@@ -74901,7 +74913,7 @@
|
|
|
74901
74913
|
};
|
|
74902
74914
|
Object.defineProperty(attribution, "__esModule", { value: true });
|
|
74903
74915
|
var styled_1$3 = __importDefault$3(require$$0$4);
|
|
74904
|
-
var react_1$
|
|
74916
|
+
var react_1$8 = __importDefault$3(React__default["default"]);
|
|
74905
74917
|
var avatar_1 = __importDefault$3(avatar);
|
|
74906
74918
|
var user_1 = __importDefault$3(user);
|
|
74907
74919
|
var clips_branding_1 = __importDefault$3(clipsBranding);
|
|
@@ -74914,7 +74926,7 @@
|
|
|
74914
74926
|
if (!(user === null || user === void 0 ? void 0 : user.username) && !(user === null || user === void 0 ? void 0 : user.display_name)) {
|
|
74915
74927
|
return null;
|
|
74916
74928
|
}
|
|
74917
|
-
return (react_1$
|
|
74929
|
+
return (react_1$8.default.createElement(Container$5, { className: [Attribution.className, className].join(' '), onClick: function (e) {
|
|
74918
74930
|
e.preventDefault();
|
|
74919
74931
|
e.stopPropagation();
|
|
74920
74932
|
if (onClick) {
|
|
@@ -74926,9 +74938,9 @@
|
|
|
74926
74938
|
window.open(url, '_blank');
|
|
74927
74939
|
}
|
|
74928
74940
|
} },
|
|
74929
|
-
react_1$
|
|
74930
|
-
react_1$
|
|
74931
|
-
react_1$
|
|
74941
|
+
react_1$8.default.createElement(Avatar$1, { user: user }),
|
|
74942
|
+
react_1$8.default.createElement(Right, null,
|
|
74943
|
+
react_1$8.default.createElement(clips_branding_1.default, { onClick: function (e) {
|
|
74932
74944
|
e.preventDefault();
|
|
74933
74945
|
e.stopPropagation();
|
|
74934
74946
|
if (onClick) {
|
|
@@ -74938,7 +74950,7 @@
|
|
|
74938
74950
|
window.open(gif.url, '_blank');
|
|
74939
74951
|
}
|
|
74940
74952
|
} }),
|
|
74941
|
-
react_1$
|
|
74953
|
+
react_1$8.default.createElement(user_1.default, { user: user }))));
|
|
74942
74954
|
};
|
|
74943
74955
|
Attribution.className = 'giphy-attribution';
|
|
74944
74956
|
attribution.default = Attribution;
|
|
@@ -75013,19 +75025,19 @@
|
|
|
75013
75025
|
util$1.isNavigator = typeof navigator !== 'undefined';
|
|
75014
75026
|
|
|
75015
75027
|
Object.defineProperty(useIsomorphicLayoutEffect$1, "__esModule", { value: true });
|
|
75016
|
-
var react_1$
|
|
75028
|
+
var react_1$7 = React__default["default"];
|
|
75017
75029
|
var util_1$1 = util$1;
|
|
75018
|
-
var useIsomorphicLayoutEffect = util_1$1.isBrowser ? react_1$
|
|
75030
|
+
var useIsomorphicLayoutEffect = util_1$1.isBrowser ? react_1$7.useLayoutEffect : react_1$7.useEffect;
|
|
75019
75031
|
useIsomorphicLayoutEffect$1.default = useIsomorphicLayoutEffect;
|
|
75020
75032
|
|
|
75021
75033
|
Object.defineProperty(useRaf$1, "__esModule", { value: true });
|
|
75022
75034
|
var tslib_1 = require$$0;
|
|
75023
|
-
var react_1$
|
|
75035
|
+
var react_1$6 = React__default["default"];
|
|
75024
75036
|
var useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(useIsomorphicLayoutEffect$1);
|
|
75025
75037
|
var useRaf = function (ms, delay) {
|
|
75026
75038
|
if (ms === void 0) { ms = 1e12; }
|
|
75027
75039
|
if (delay === void 0) { delay = 0; }
|
|
75028
|
-
var _a = react_1$
|
|
75040
|
+
var _a = react_1$6.useState(0), elapsed = _a[0], set = _a[1];
|
|
75029
75041
|
useIsomorphicLayoutEffect_1.default(function () {
|
|
75030
75042
|
var raf;
|
|
75031
75043
|
var timerStop;
|
|
@@ -75067,7 +75079,7 @@
|
|
|
75067
75079
|
Object.defineProperty(progressBar, "__esModule", { value: true });
|
|
75068
75080
|
var styled_1$2 = __importDefault$2(require$$0$4);
|
|
75069
75081
|
var js_brand_1 = dist$2;
|
|
75070
|
-
var react_1$
|
|
75082
|
+
var react_1$5 = __importDefault$2(React__default["default"]);
|
|
75071
75083
|
var useRaf_1 = __importDefault$2(useRaf$1);
|
|
75072
75084
|
var Bar$1 = styled_1$2.default.div(templateObject_1$2t || (templateObject_1$2t = __makeTemplateObject$4(["\n background: ", ";\n height: ", "px;\n position: absolute;\n width: 5px;\n bottom: 0;\n left: 0;\n opacity: 0.95;\n"], ["\n background: ", ";\n height: ", "px;\n position: absolute;\n width: 5px;\n bottom: 0;\n left: 0;\n opacity: 0.95;\n"])), js_brand_1.giphyWhite, function (props) { return props.barHeight; });
|
|
75073
75085
|
var ProgressBar = function (_a) {
|
|
@@ -75085,7 +75097,7 @@
|
|
|
75085
75097
|
barHeight = 4;
|
|
75086
75098
|
}
|
|
75087
75099
|
percentage = duration < 10 && percentage > 98 ? 100 : percentage;
|
|
75088
|
-
return react_1$
|
|
75100
|
+
return react_1$5.default.createElement(Bar$1, { style: { width: percentage + "%" }, barHeight: barHeight, className: "hide-in-percy" });
|
|
75089
75101
|
};
|
|
75090
75102
|
progressBar.default = ProgressBar;
|
|
75091
75103
|
var templateObject_1$2t;
|
|
@@ -75181,7 +75193,7 @@
|
|
|
75181
75193
|
Object.defineProperty(video, "__esModule", { value: true });
|
|
75182
75194
|
var js_analytics_1 = dist;
|
|
75183
75195
|
var js_util_1$1 = dist$3;
|
|
75184
|
-
var react_1$
|
|
75196
|
+
var react_1$4 = __importStar$2(React__default["default"]);
|
|
75185
75197
|
var util_1 = util;
|
|
75186
75198
|
var quartileEvents = [0.25, 0.5, 0.75];
|
|
75187
75199
|
var videoClassName = 'giphy-video';
|
|
@@ -75200,28 +75212,28 @@
|
|
|
75200
75212
|
var muted = _a.muted, _e = _a.ccEnabled, ccEnabled = _e === void 0 ? false : _e, _f = _a.ccLanguage, ccLanguage = _f === void 0 ? 'en' : _f, _g = _a.loop, loop = _g === void 0 ? true : _g, onStateChange = _a.onStateChange, onTimeUpdate = _a.onTimeUpdate, onCanPlay = _a.onCanPlay, onFirstPlay = _a.onFirstPlay, onWaiting = _a.onWaiting, onMuted = _a.onMuted, onError = _a.onError, onEnded = _a.onEnded, onLoop = _a.onLoop, onQuartile = _a.onQuartile, onEndFullscreen = _a.onEndFullscreen, setVideoEl = _a.setVideoEl, gif = _a.gif, width = _a.width, height_ = _a.height, _h = _a.volume, volume = _h === void 0 ? 0.7 : _h, _j = _a.className, className = _j === void 0 ? videoClassName : _j;
|
|
75201
75213
|
var height = height_ || js_util_1$1.getGifHeight(gif, width);
|
|
75202
75214
|
// state
|
|
75203
|
-
var _k = react_1$
|
|
75204
|
-
var seek = react_1$
|
|
75215
|
+
var _k = react_1$4.useState(js_util_1$1.getBestVideo(gif.video, width, height)), media = _k[0], setMedia = _k[1];
|
|
75216
|
+
var seek = react_1$4.useRef(0);
|
|
75205
75217
|
if (!media) {
|
|
75206
75218
|
// Not all gif requests have video content
|
|
75207
75219
|
// use { type: 'videos' } for search or trending endpoints
|
|
75208
75220
|
console.warn("GiphyJS No video content for id: " + gif.id);
|
|
75209
75221
|
}
|
|
75210
|
-
var mountTime = react_1$
|
|
75211
|
-
var hasPlayingFired = react_1$
|
|
75212
|
-
var loopNumber = react_1$
|
|
75213
|
-
var waitingCount = react_1$
|
|
75214
|
-
var quartilesFired = react_1$
|
|
75222
|
+
var mountTime = react_1$4.useRef(Date.now());
|
|
75223
|
+
var hasPlayingFired = react_1$4.useRef(false);
|
|
75224
|
+
var loopNumber = react_1$4.useRef(0);
|
|
75225
|
+
var waitingCount = react_1$4.useRef(0);
|
|
75226
|
+
var quartilesFired = react_1$4.useRef(new Set());
|
|
75215
75227
|
// reset the above when the gif.id changes
|
|
75216
|
-
react_1$
|
|
75228
|
+
react_1$4.useEffect(function () {
|
|
75217
75229
|
mountTime.current = Date.now();
|
|
75218
75230
|
hasPlayingFired.current = false;
|
|
75219
75231
|
loopNumber.current = 1;
|
|
75220
75232
|
waitingCount.current = 0;
|
|
75221
75233
|
quartilesFired.current = new Set();
|
|
75222
75234
|
}, [gif.id]);
|
|
75223
|
-
var videoEl = react_1$
|
|
75224
|
-
react_1$
|
|
75235
|
+
var videoEl = react_1$4.useRef(null);
|
|
75236
|
+
react_1$4.useEffect(function () {
|
|
75225
75237
|
// when the width and height change, check if there's a new url
|
|
75226
75238
|
var newMedia = js_util_1$1.getBestVideo(gif.video, width, height);
|
|
75227
75239
|
if (videoEl.current && (media === null || media === void 0 ? void 0 : media.url) && newMedia.url !== media.url) {
|
|
@@ -75234,13 +75246,13 @@
|
|
|
75234
75246
|
setMedia(newMedia);
|
|
75235
75247
|
}
|
|
75236
75248
|
}, [width, height_, gif.video, height, media === null || media === void 0 ? void 0 : media.url, gif.id]);
|
|
75237
|
-
react_1$
|
|
75249
|
+
react_1$4.useEffect(function () {
|
|
75238
75250
|
if (videoEl.current && (media === null || media === void 0 ? void 0 : media.url) && seek.current) {
|
|
75239
75251
|
videoEl.current.currentTime = seek.current;
|
|
75240
75252
|
seek.current = 0;
|
|
75241
75253
|
}
|
|
75242
75254
|
}, [media === null || media === void 0 ? void 0 : media.url, seek]);
|
|
75243
|
-
var _onError = react_1$
|
|
75255
|
+
var _onError = react_1$4.useCallback(function () {
|
|
75244
75256
|
var _a;
|
|
75245
75257
|
var el = videoEl.current;
|
|
75246
75258
|
var code = (_a = el === null || el === void 0 ? void 0 : el.error) === null || _a === void 0 ? void 0 : _a.code;
|
|
@@ -75250,7 +75262,7 @@
|
|
|
75250
75262
|
onError === null || onError === void 0 ? void 0 : onError(code);
|
|
75251
75263
|
}
|
|
75252
75264
|
}, [onError]);
|
|
75253
|
-
var _onPlaying = react_1$
|
|
75265
|
+
var _onPlaying = react_1$4.useCallback(function () {
|
|
75254
75266
|
onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('playing');
|
|
75255
75267
|
if (!hasPlayingFired.current) {
|
|
75256
75268
|
hasPlayingFired.current = true;
|
|
@@ -75260,8 +75272,8 @@
|
|
|
75260
75272
|
onFirstPlay === null || onFirstPlay === void 0 ? void 0 : onFirstPlay(Date.now() - mountTime.current);
|
|
75261
75273
|
}
|
|
75262
75274
|
}, [onFirstPlay, onStateChange, gif]);
|
|
75263
|
-
var _onPaused = react_1$
|
|
75264
|
-
var _onTimeUpdate = react_1$
|
|
75275
|
+
var _onPaused = react_1$4.useCallback(function () { return onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('paused'); }, [onStateChange]);
|
|
75276
|
+
var _onTimeUpdate = react_1$4.useCallback(function () {
|
|
75265
75277
|
var el = videoEl.current;
|
|
75266
75278
|
if (el) {
|
|
75267
75279
|
var playhead_1 = el.currentTime;
|
|
@@ -75275,15 +75287,15 @@
|
|
|
75275
75287
|
onTimeUpdate === null || onTimeUpdate === void 0 ? void 0 : onTimeUpdate(playhead_1 || 0);
|
|
75276
75288
|
}
|
|
75277
75289
|
}, [onQuartile, onTimeUpdate]);
|
|
75278
|
-
var _onCanPlay = react_1$
|
|
75279
|
-
var _onWaiting = react_1$
|
|
75290
|
+
var _onCanPlay = react_1$4.useCallback(function () { return onCanPlay === null || onCanPlay === void 0 ? void 0 : onCanPlay(); }, [onCanPlay]);
|
|
75291
|
+
var _onWaiting = react_1$4.useCallback(function () {
|
|
75280
75292
|
var el = videoEl.current;
|
|
75281
75293
|
// we get a waiting event after a loop, so ignore the first one while the play head is 0
|
|
75282
75294
|
if ((el === null || el === void 0 ? void 0 : el.currentTime) !== 0 && (el === null || el === void 0 ? void 0 : el.networkState) !== Network.IDLE) {
|
|
75283
75295
|
onWaiting === null || onWaiting === void 0 ? void 0 : onWaiting(++waitingCount.current);
|
|
75284
75296
|
}
|
|
75285
75297
|
}, [onWaiting]);
|
|
75286
|
-
var _onEnded = react_1$
|
|
75298
|
+
var _onEnded = react_1$4.useCallback(function () {
|
|
75287
75299
|
// helps prevent two ended events when changing media
|
|
75288
75300
|
if (!hasPlayingFired.current) {
|
|
75289
75301
|
return;
|
|
@@ -75295,8 +75307,8 @@
|
|
|
75295
75307
|
loopNumber.current = loopNumber.current + 1;
|
|
75296
75308
|
onEnded === null || onEnded === void 0 ? void 0 : onEnded();
|
|
75297
75309
|
}, [onEnded, loop, onLoop]);
|
|
75298
|
-
var _onEndFullscreen = react_1$
|
|
75299
|
-
var tryAutoPlayWithSound = react_1$
|
|
75310
|
+
var _onEndFullscreen = react_1$4.useCallback(function () { return onEndFullscreen === null || onEndFullscreen === void 0 ? void 0 : onEndFullscreen(); }, [onEndFullscreen]);
|
|
75311
|
+
var tryAutoPlayWithSound = react_1$4.useCallback(function (videoEl) { return __awaiter$2(void 0, void 0, void 0, function () {
|
|
75300
75312
|
var promisePlay;
|
|
75301
75313
|
return __generator$2(this, function (_a) {
|
|
75302
75314
|
switch (_a.label) {
|
|
@@ -75325,7 +75337,7 @@
|
|
|
75325
75337
|
}
|
|
75326
75338
|
});
|
|
75327
75339
|
}); }, [onMuted]);
|
|
75328
|
-
react_1$
|
|
75340
|
+
react_1$4.useEffect(function () {
|
|
75329
75341
|
var el = videoEl.current;
|
|
75330
75342
|
if (el) {
|
|
75331
75343
|
tryAutoPlayWithSound(el);
|
|
@@ -75336,7 +75348,7 @@
|
|
|
75336
75348
|
}
|
|
75337
75349
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
75338
75350
|
}, []);
|
|
75339
|
-
react_1$
|
|
75351
|
+
react_1$4.useEffect(function () {
|
|
75340
75352
|
var el = videoEl.current;
|
|
75341
75353
|
if (el) {
|
|
75342
75354
|
el.addEventListener('play', _onPlaying);
|
|
@@ -75362,7 +75374,7 @@
|
|
|
75362
75374
|
};
|
|
75363
75375
|
}, [_onPlaying, _onPaused, _onError, _onTimeUpdate, _onCanPlay, _onEnded, _onWaiting, _onEndFullscreen]);
|
|
75364
75376
|
var captionSrc = (_d = (_c = (_b = gif.video) === null || _b === void 0 ? void 0 : _b.captions) === null || _c === void 0 ? void 0 : _c[ccLanguage]) === null || _d === void 0 ? void 0 : _d.vtt;
|
|
75365
|
-
return (media === null || media === void 0 ? void 0 : media.url) ? (react_1$
|
|
75377
|
+
return (media === null || media === void 0 ? void 0 : media.url) ? (react_1$4.default.createElement("video", { crossOrigin: "anonymous", draggable: true, className: className, width: width, height: height, muted: muted, autoPlay: true, playsInline: true, ref: videoEl, src: media === null || media === void 0 ? void 0 : media.url }, ccEnabled && captionSrc && (react_1$4.default.createElement("track", { label: "English", kind: "subtitles", srcLang: ccLanguage, src: captionSrc, default: true })))) : null;
|
|
75366
75378
|
};
|
|
75367
75379
|
Video.className = videoClassName;
|
|
75368
75380
|
video.default = Video;
|
|
@@ -75407,7 +75419,7 @@
|
|
|
75407
75419
|
Object.defineProperty(video$1, "__esModule", { value: true });
|
|
75408
75420
|
var styled_1$1 = __importDefault$1(require$$0$4);
|
|
75409
75421
|
var js_util_1 = dist$3;
|
|
75410
|
-
var react_1$
|
|
75422
|
+
var react_1$3 = __importStar$1(React__default["default"]);
|
|
75411
75423
|
var react_use_1 = require$$3;
|
|
75412
75424
|
var attribution_1 = __importDefault$1(attribution);
|
|
75413
75425
|
var volume_1$1 = volume;
|
|
@@ -75423,20 +75435,20 @@
|
|
|
75423
75435
|
var AUTO_HIDE_TIMEOUT = 4000;
|
|
75424
75436
|
var VideoPlayer = function (props) {
|
|
75425
75437
|
var width = props.width, hideMute = props.hideMute, hideAttribution = props.hideAttribution, hideProgressBar = props.hideProgressBar, className = props.className, persistentControls = props.persistentControls, gif = props.gif, Overlay = props.overlay;
|
|
75426
|
-
var _a = react_1$
|
|
75427
|
-
var _b = react_1$
|
|
75428
|
-
var _c = react_1$
|
|
75429
|
-
var _d = react_1$
|
|
75438
|
+
var _a = react_1$3.useState(false), isHovered = _a[0], setIsHovered = _a[1];
|
|
75439
|
+
var _b = react_1$3.useState(null), videoEl = _b[0], _setVideoEl = _b[1];
|
|
75440
|
+
var _c = react_1$3.useState(props.muted), muted = _c[0], setMuted = _c[1];
|
|
75441
|
+
var _d = react_1$3.useState(false), mutedByBrowser = _d[0], setMutedByBrowser = _d[1];
|
|
75430
75442
|
var setVideoEl = props.setVideoEl, onMuted = props.onMuted, onUserMuted = props.onUserMuted;
|
|
75431
75443
|
var height = props.height || js_util_1.getGifHeight(gif, width);
|
|
75432
75444
|
var _e = react_use_1.useTimeoutFn(function () {
|
|
75433
75445
|
setIsHovered(false);
|
|
75434
75446
|
}, AUTO_HIDE_TIMEOUT), cancelHideTimeout = _e[1], resetHideTimeout = _e[2];
|
|
75435
|
-
var combinedOnMuted = react_1$
|
|
75447
|
+
var combinedOnMuted = react_1$3.useCallback(function (args) {
|
|
75436
75448
|
onMuted === null || onMuted === void 0 ? void 0 : onMuted(args);
|
|
75437
75449
|
setMutedByBrowser(args);
|
|
75438
75450
|
}, [setMutedByBrowser, onMuted]);
|
|
75439
|
-
var combinedSetVideoEl = react_1$
|
|
75451
|
+
var combinedSetVideoEl = react_1$3.useCallback(function (args) {
|
|
75440
75452
|
setVideoEl === null || setVideoEl === void 0 ? void 0 : setVideoEl(args);
|
|
75441
75453
|
_setVideoEl(args);
|
|
75442
75454
|
}, [setVideoEl, _setVideoEl]);
|
|
@@ -75449,13 +75461,13 @@
|
|
|
75449
75461
|
setMuted(!muted);
|
|
75450
75462
|
}
|
|
75451
75463
|
};
|
|
75452
|
-
react_1$
|
|
75464
|
+
react_1$3.useEffect(function () {
|
|
75453
75465
|
setMuted(props.muted);
|
|
75454
75466
|
}, [props.muted]);
|
|
75455
75467
|
var showControls = persistentControls || isHovered;
|
|
75456
75468
|
var isLargePlayer = height >= LARGE_PLAYER_HEIGHT;
|
|
75457
75469
|
// Manage auto hide controls
|
|
75458
|
-
react_1$
|
|
75470
|
+
react_1$3.useEffect(function () {
|
|
75459
75471
|
if (showControls) {
|
|
75460
75472
|
resetHideTimeout();
|
|
75461
75473
|
}
|
|
@@ -75464,7 +75476,7 @@
|
|
|
75464
75476
|
}
|
|
75465
75477
|
return function () { return cancelHideTimeout(); };
|
|
75466
75478
|
}, [showControls, cancelHideTimeout, resetHideTimeout]);
|
|
75467
|
-
return (react_1$
|
|
75479
|
+
return (react_1$3.default.createElement(Container$4, { className: className, style: { width: width, height: height }, onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onMouseMove: function () {
|
|
75468
75480
|
setIsHovered(true);
|
|
75469
75481
|
resetHideTimeout();
|
|
75470
75482
|
}, onClick: function (e) {
|
|
@@ -75477,25 +75489,25 @@
|
|
|
75477
75489
|
e.preventDefault();
|
|
75478
75490
|
toggleMute();
|
|
75479
75491
|
} },
|
|
75480
|
-
react_1$
|
|
75481
|
-
showControls && react_1$
|
|
75482
|
-
react_1$
|
|
75483
|
-
react_1$
|
|
75484
|
-
isLargePlayer && (react_1$
|
|
75492
|
+
react_1$3.default.createElement(video_1.default, __assign$3({}, props, { onMuted: combinedOnMuted, setVideoEl: combinedSetVideoEl, muted: muted })),
|
|
75493
|
+
showControls && react_1$3.default.createElement(Gradient, { isLargePlayer: isLargePlayer }),
|
|
75494
|
+
react_1$3.default.createElement(Controls, { isHovered: showControls },
|
|
75495
|
+
react_1$3.default.createElement(TitleContainer$1, null,
|
|
75496
|
+
isLargePlayer && (react_1$3.default.createElement(Title$9, { onClick: function (e) {
|
|
75485
75497
|
e.preventDefault();
|
|
75486
75498
|
e.stopPropagation();
|
|
75487
75499
|
window.open(gif.url, '_blank');
|
|
75488
75500
|
} }, gif.title)),
|
|
75489
|
-
videoEl && !hideAttribution ? react_1$
|
|
75490
|
-
!hideMute && react_1$
|
|
75491
|
-
showControls && !hideProgressBar && videoEl ? react_1$
|
|
75492
|
-
Overlay && react_1$
|
|
75501
|
+
videoEl && !hideAttribution ? react_1$3.default.createElement(attribution_1.default, { gif: gif }) : null),
|
|
75502
|
+
!hideMute && react_1$3.default.createElement(Volume, null, muted || mutedByBrowser ? react_1$3.default.createElement(volume_1$1.VolumeOffIcon, null) : react_1$3.default.createElement(volume_1$1.VolumeOnIcon, null))),
|
|
75503
|
+
showControls && !hideProgressBar && videoEl ? react_1$3.default.createElement(progress_bar_1.default, { videoEl: videoEl }) : null,
|
|
75504
|
+
Overlay && react_1$3.default.createElement(Overlay, { gif: gif, isHovered: isHovered, width: width, height: height })));
|
|
75493
75505
|
};
|
|
75494
75506
|
var VideoWrapper = function (props) {
|
|
75495
75507
|
if (props.overlay && !props.controls) {
|
|
75496
75508
|
console.warn(js_util_1.Logger.PREFIX + ": Overlays only work when controls are enabled");
|
|
75497
75509
|
}
|
|
75498
|
-
return props.controls ? react_1$
|
|
75510
|
+
return props.controls ? react_1$3.default.createElement(VideoPlayer, __assign$3({}, props)) : react_1$3.default.createElement(video_1.default, __assign$3({}, props));
|
|
75499
75511
|
};
|
|
75500
75512
|
video$1.default = VideoWrapper;
|
|
75501
75513
|
var templateObject_1$2s, templateObject_2$1E, templateObject_3$16, templateObject_4$M, templateObject_5$F, templateObject_6$u;
|
|
@@ -75570,7 +75582,7 @@
|
|
|
75570
75582
|
};
|
|
75571
75583
|
Object.defineProperty(videoOverlay, "__esModule", { value: true });
|
|
75572
75584
|
var styled_1 = __importDefault(require$$0$4);
|
|
75573
|
-
var react_1 = __importStar(React__default["default"]);
|
|
75585
|
+
var react_1$2 = __importStar(React__default["default"]);
|
|
75574
75586
|
var _1 = __importDefault(video$1);
|
|
75575
75587
|
var volume_1 = volume;
|
|
75576
75588
|
var VideoContainer = styled_1.default.div(templateObject_1$2r || (templateObject_1$2r = __makeTemplateObject$2(["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n height: 100%;\n width: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n height: 100%;\n width: 100%;\n"])));
|
|
@@ -75579,16 +75591,16 @@
|
|
|
75579
75591
|
var speakerClassName = 'giphy-video-overlay-button';
|
|
75580
75592
|
var VolumeButton = function (_a) {
|
|
75581
75593
|
var muted = _a.muted, toggleMute = _a.toggleMute, mutedByBrowser = _a.mutedByBrowser, isHovered = _a.isHovered;
|
|
75582
|
-
return (react_1.default.createElement(Button$2, { className: speakerClassName, onClick: function (e) {
|
|
75594
|
+
return (react_1$2.default.createElement(Button$2, { className: speakerClassName, onClick: function (e) {
|
|
75583
75595
|
e.preventDefault();
|
|
75584
75596
|
e.stopPropagation();
|
|
75585
75597
|
toggleMute();
|
|
75586
|
-
}, isHovered: isHovered }, muted || mutedByBrowser || !isHovered ? react_1.default.createElement(volume_1.VolumeOffIcon, null) : react_1.default.createElement(volume_1.VolumeOnIcon, null)));
|
|
75598
|
+
}, isHovered: isHovered }, muted || mutedByBrowser || !isHovered ? react_1$2.default.createElement(volume_1.VolumeOffIcon, null) : react_1$2.default.createElement(volume_1.VolumeOnIcon, null)));
|
|
75587
75599
|
};
|
|
75588
75600
|
var VideoOverlay = function (_a) {
|
|
75589
75601
|
var gif = _a.gif, isHovered = _a.isHovered, hideMuteButton = _a.hideMuteButton, width = _a.width, height = _a.height, className = _a.className, _b = _a.muted, userPrefMuted = _b === void 0 ? false : _b, onUserMuted = _a.onUserMuted;
|
|
75590
|
-
var _c = react_1.useState(userPrefMuted), muted = _c[0], setMuted = _c[1];
|
|
75591
|
-
var _d = react_1.useState(false), mutedByBrowser = _d[0], setMutedByBrowser = _d[1];
|
|
75602
|
+
var _c = react_1$2.useState(userPrefMuted), muted = _c[0], setMuted = _c[1];
|
|
75603
|
+
var _d = react_1$2.useState(false), mutedByBrowser = _d[0], setMutedByBrowser = _d[1];
|
|
75592
75604
|
var toggleMute = function () {
|
|
75593
75605
|
if (mutedByBrowser) {
|
|
75594
75606
|
setMutedByBrowser(false);
|
|
@@ -75599,13 +75611,13 @@
|
|
|
75599
75611
|
setMuted(!muted);
|
|
75600
75612
|
}
|
|
75601
75613
|
};
|
|
75602
|
-
react_1.useEffect(function () {
|
|
75614
|
+
react_1$2.useEffect(function () {
|
|
75603
75615
|
setMuted(userPrefMuted);
|
|
75604
75616
|
}, [userPrefMuted, setMuted]);
|
|
75605
75617
|
var props = { toggleMute: toggleMute, muted: muted, mutedByBrowser: mutedByBrowser };
|
|
75606
|
-
return (react_1.default.createElement(VideoContainer, { className: className },
|
|
75607
|
-
isHovered && (react_1.default.createElement(VideoStyled, { gif: gif, key: gif.id, loop: true, controls: true, hideAttribution: true, hideMute: true, persistentControls: true, muted: muted, width: width, height: height, onMuted: setMutedByBrowser })),
|
|
75608
|
-
!hideMuteButton && react_1.default.createElement(VolumeButton, __assign$2({}, props, { isHovered: isHovered }))));
|
|
75618
|
+
return (react_1$2.default.createElement(VideoContainer, { className: className },
|
|
75619
|
+
isHovered && (react_1$2.default.createElement(VideoStyled, { gif: gif, key: gif.id, loop: true, controls: true, hideAttribution: true, hideMute: true, persistentControls: true, muted: muted, width: width, height: height, onMuted: setMutedByBrowser })),
|
|
75620
|
+
!hideMuteButton && react_1$2.default.createElement(VolumeButton, __assign$2({}, props, { isHovered: isHovered }))));
|
|
75609
75621
|
};
|
|
75610
75622
|
VideoOverlay.imgClassName = speakerClassName;
|
|
75611
75623
|
videoOverlay.default = VideoOverlay;
|
|
@@ -75792,7 +75804,7 @@
|
|
|
75792
75804
|
|
|
75793
75805
|
}(dist$4));
|
|
75794
75806
|
|
|
75795
|
-
function useDebouncedCallback(callback, delay, options) {
|
|
75807
|
+
function useDebouncedCallback$3(callback, delay, options) {
|
|
75796
75808
|
if (options === void 0) { options = {}; }
|
|
75797
75809
|
var maxWait = options.maxWait;
|
|
75798
75810
|
var maxWaitHandler = React$d.useRef(null);
|
|
@@ -75862,13 +75874,13 @@
|
|
|
75862
75874
|
return [debouncedCallback, cancelDebouncedCallback, callPending];
|
|
75863
75875
|
}
|
|
75864
75876
|
|
|
75865
|
-
function valueEquality(left, right) {
|
|
75877
|
+
function valueEquality$1(left, right) {
|
|
75866
75878
|
return left === right;
|
|
75867
75879
|
}
|
|
75868
|
-
function useDebounce(value, delay, options) {
|
|
75869
|
-
var eq = options && options.equalityFn ? options.equalityFn : valueEquality;
|
|
75880
|
+
function useDebounce$2(value, delay, options) {
|
|
75881
|
+
var eq = options && options.equalityFn ? options.equalityFn : valueEquality$1;
|
|
75870
75882
|
var _a = React$d.useState(value), state = _a[0], dispatch = _a[1];
|
|
75871
|
-
var _b = useDebouncedCallback(React$d.useCallback(function (value) { return dispatch(value); }, []), delay, options), callback = _b[0], cancel = _b[1], callPending = _b[2];
|
|
75883
|
+
var _b = useDebouncedCallback$3(React$d.useCallback(function (value) { return dispatch(value); }, []), delay, options), callback = _b[0], cancel = _b[1], callPending = _b[2];
|
|
75872
75884
|
var previousValue = React$d.useRef(value);
|
|
75873
75885
|
React$d.useEffect(function () {
|
|
75874
75886
|
// We need to use this condition otherwise we will run debounce timer for the first render (including maxWait option)
|
|
@@ -79357,7 +79369,7 @@
|
|
|
79357
79369
|
// https://tc39.github.io/ecma262/#sec-samevalue
|
|
79358
79370
|
|
|
79359
79371
|
|
|
79360
|
-
var sameValue$1$
|
|
79372
|
+
var sameValue$1$2 = Object.is || function is(x, y) {
|
|
79361
79373
|
// eslint-disable-next-line no-self-compare
|
|
79362
79374
|
return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
|
|
79363
79375
|
};
|
|
@@ -79389,8 +79401,8 @@
|
|
|
79389
79401
|
var fixRegExpWellKnownSymbolLogic$2$1 = fixRegexpWellKnownSymbolLogic$2;
|
|
79390
79402
|
var anObject$6$1 = anObject$e$1;
|
|
79391
79403
|
var requireObjectCoercible$4$1 = requireObjectCoercible$9$1;
|
|
79392
|
-
var sameValue$
|
|
79393
|
-
var regExpExec$1$
|
|
79404
|
+
var sameValue$3 = sameValue$1$2;
|
|
79405
|
+
var regExpExec$1$2 = regexpExecAbstract$2; // @@search logic
|
|
79394
79406
|
|
|
79395
79407
|
fixRegExpWellKnownSymbolLogic$2$1('search', 1, function (SEARCH, nativeSearch, maybeCallNative) {
|
|
79396
79408
|
return [// `String.prototype.search` method
|
|
@@ -79407,18 +79419,18 @@
|
|
|
79407
79419
|
var rx = anObject$6$1(regexp);
|
|
79408
79420
|
var S = String(this);
|
|
79409
79421
|
var previousLastIndex = rx.lastIndex;
|
|
79410
|
-
if (!sameValue$
|
|
79411
|
-
var result = regExpExec$1$
|
|
79412
|
-
if (!sameValue$
|
|
79422
|
+
if (!sameValue$3(previousLastIndex, 0)) rx.lastIndex = 0;
|
|
79423
|
+
var result = regExpExec$1$2(rx, S);
|
|
79424
|
+
if (!sameValue$3(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
|
|
79413
79425
|
return result === null ? -1 : result.index;
|
|
79414
79426
|
}];
|
|
79415
79427
|
});
|
|
79416
79428
|
var toInteger$1$2 = toInteger$4$1;
|
|
79417
|
-
var requireObjectCoercible$3$
|
|
79429
|
+
var requireObjectCoercible$3$2 = requireObjectCoercible$9$1; // `String.prototype.{ codePointAt, at }` methods implementation
|
|
79418
79430
|
|
|
79419
79431
|
var createMethod$1$2 = function (CONVERT_TO_STRING) {
|
|
79420
79432
|
return function ($this, pos) {
|
|
79421
|
-
var S = String(requireObjectCoercible$3$
|
|
79433
|
+
var S = String(requireObjectCoercible$3$2($this));
|
|
79422
79434
|
var position = toInteger$1$2(pos);
|
|
79423
79435
|
var size = S.length;
|
|
79424
79436
|
var first, second;
|
|
@@ -79443,7 +79455,7 @@
|
|
|
79443
79455
|
return index + (unicode ? charAt$3(S, index).length : 1);
|
|
79444
79456
|
};
|
|
79445
79457
|
|
|
79446
|
-
var fixRegExpWellKnownSymbolLogic$1$
|
|
79458
|
+
var fixRegExpWellKnownSymbolLogic$1$2 = fixRegexpWellKnownSymbolLogic$2;
|
|
79447
79459
|
var anObject$5$1 = anObject$e$1;
|
|
79448
79460
|
var toObject$3$1 = toObject$7$1;
|
|
79449
79461
|
var toLength$4$1 = toLength$8$1;
|
|
@@ -79462,7 +79474,7 @@
|
|
|
79462
79474
|
}; // @@replace logic
|
|
79463
79475
|
|
|
79464
79476
|
|
|
79465
|
-
fixRegExpWellKnownSymbolLogic$1$
|
|
79477
|
+
fixRegExpWellKnownSymbolLogic$1$2('replace', 2, function (REPLACE, nativeReplace, maybeCallNative, reason) {
|
|
79466
79478
|
var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = reason.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE;
|
|
79467
79479
|
var REPLACE_KEEPS_$0 = reason.REPLACE_KEEPS_$0;
|
|
79468
79480
|
var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';
|
|
@@ -79815,7 +79827,7 @@
|
|
|
79815
79827
|
}
|
|
79816
79828
|
};
|
|
79817
79829
|
|
|
79818
|
-
var anObject$3$
|
|
79830
|
+
var anObject$3$2 = anObject$e$1;
|
|
79819
79831
|
var isArrayIteratorMethod$3 = isArrayIteratorMethod$1$1;
|
|
79820
79832
|
var toLength$3$1 = toLength$8$1;
|
|
79821
79833
|
var bind$3$1 = functionBindContext$1;
|
|
@@ -79839,7 +79851,7 @@
|
|
|
79839
79851
|
|
|
79840
79852
|
if (isArrayIteratorMethod$3(iterFn)) {
|
|
79841
79853
|
for (index = 0, length = toLength$3$1(iterable.length); length > index; index++) {
|
|
79842
|
-
result = AS_ENTRIES ? boundFunction(anObject$3$
|
|
79854
|
+
result = AS_ENTRIES ? boundFunction(anObject$3$2(step = iterable[index])[0], step[1]) : boundFunction(iterable[index]);
|
|
79843
79855
|
if (result && result instanceof Result$1) return result;
|
|
79844
79856
|
}
|
|
79845
79857
|
|
|
@@ -83329,7 +83341,7 @@
|
|
|
83329
83341
|
var Host$g$2 = _styled__default["default"].span.withConfig({
|
|
83330
83342
|
displayName: "ChannelTitle__Host",
|
|
83331
83343
|
componentId: "sc-1lqd4of-0"
|
|
83332
|
-
})(templateObject_1$u$
|
|
83344
|
+
})(templateObject_1$u$2 || (templateObject_1$u$2 = __makeTemplateObject$1(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
83333
83345
|
|
|
83334
83346
|
function isChannel$1(value) {
|
|
83335
83347
|
return value.id != null;
|
|
@@ -83363,7 +83375,7 @@
|
|
|
83363
83375
|
return language && translations[language] || translations[user.subscription.defaultLanguage] || channel.name;
|
|
83364
83376
|
}
|
|
83365
83377
|
|
|
83366
|
-
var templateObject_1$u$
|
|
83378
|
+
var templateObject_1$u$2;
|
|
83367
83379
|
|
|
83368
83380
|
_styled__default["default"](ChannelTitle).withConfig({
|
|
83369
83381
|
displayName: "ChannelItem__StyledChannelTitle",
|
|
@@ -83725,8 +83737,8 @@
|
|
|
83725
83737
|
componentId: "sc-1vovywb-0"
|
|
83726
83738
|
})(templateObject_1$n$2 || (templateObject_1$n$2 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingM);
|
|
83727
83739
|
|
|
83728
|
-
_styled.createGlobalStyle(templateObject_2$i$
|
|
83729
|
-
var templateObject_1$n$2, templateObject_2$i$
|
|
83740
|
+
_styled.createGlobalStyle(templateObject_2$i$2 || (templateObject_2$i$2 = __makeTemplateObject$1(["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ", "px) {\n margin-top: ", "px;\n }\n }\n }\n"], ["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ", "px) {\n margin-top: ", "px;\n }\n }\n }\n"])), minScreenSize.large, spacingM);
|
|
83741
|
+
var templateObject_1$n$2, templateObject_2$i$2; // todo: Apply this to all pages and make sure it works in IE
|
|
83730
83742
|
|
|
83731
83743
|
_styled__default["default"].p.withConfig({
|
|
83732
83744
|
displayName: "PageDescription",
|
|
@@ -83865,7 +83877,7 @@
|
|
|
83865
83877
|
searchText = _d[0],
|
|
83866
83878
|
setSearchText = _d[1];
|
|
83867
83879
|
|
|
83868
|
-
var debouncedSearchText = useDebounce(searchText, 500)[0];
|
|
83880
|
+
var debouncedSearchText = useDebounce$2(searchText, 500)[0];
|
|
83869
83881
|
var windowSize = useWindowSize$2();
|
|
83870
83882
|
|
|
83871
83883
|
var _e = usePromise$2(getGifs, null, [debouncedSearchText]),
|
|
@@ -87345,9 +87357,9 @@
|
|
|
87345
87357
|
}), void 0);
|
|
87346
87358
|
};
|
|
87347
87359
|
|
|
87348
|
-
var version$1 = "0.4.0-preview.
|
|
87349
|
-
var buildId = "
|
|
87350
|
-
var commitId = "
|
|
87360
|
+
var version$1 = "0.4.0-preview.256";
|
|
87361
|
+
var buildId = "99547";
|
|
87362
|
+
var commitId = "8c338ee84e3ed356fec26c98532e6eaa22592550";
|
|
87351
87363
|
var isCustomerBuild = false;
|
|
87352
87364
|
var buildInfo = {
|
|
87353
87365
|
version: version$1,
|
|
@@ -131490,8 +131502,8 @@
|
|
|
131490
131502
|
var INCORRECT_NAME$1=nativeToString$1.name!=TO_STRING$1;// `RegExp.prototype.toString` method
|
|
131491
131503
|
// https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring
|
|
131492
131504
|
if(NOT_GENERIC$1||INCORRECT_NAME$1){redefine$1$1(RegExp.prototype,TO_STRING$1,function toString(){var R=anObject$4(this);var p=String(R.source);var rf=R.flags;var f=String(rf===undefined&&R instanceof RegExp&&!('flags'in RegExpPrototype$1)?flags$1.call(R):rf);return '/'+p+'/'+f;},{unsafe:true});}// Sources: https://webapps.stackexchange.com/questions/54443/format-for-id-of-youtube-video
|
|
131493
|
-
var videoRegex=/((https?:\/\/)?((www\.)?)?)(((youtube\.com|youtu\.?be)\/[^\s]{11,}.*?)|((vimeo\.com)\/(?:video\/)?[\d]{3,})|((player\.vimeo\.com\/external)\/(\S+)))/g;function getAllVideosFromString(content){var matches,url,type;return __generator(this,function(_a){switch(_a.label){case 0:videoRegex.lastIndex=0;_a.label=1;case 1:matches=videoRegex.exec(content);url=matches===null||matches===void 0?void 0:matches[0];if(!url){return [3/*break*/,3];}type=matches.filter(function(m){return !!m;}).some(function(m){return m.indexOf('vimeo')>-1;})?AttachmentType.VimeoVideo:AttachmentType.YouTubeVideo;return [4/*yield*/,{url:url,type:type}];case 2:_a.sent();return [3/*break*/,1];case 3:return [2/*return*/];}});}function getEmbeddedObjectsFromString(content){var embeddedObjectRegex,matches,url,subscriptionIdentifier,type,id;return __generator(this,function(_a){switch(_a.label){case 0:embeddedObjectRegex=new RegExp("/([^/]{3,})(/(redirect/)?(news|events|pages|posts)/([^\\s/?]+).*?)",'g');_a.label=1;case 1:matches=embeddedObjectRegex.exec(content);url=matches===null||matches===void 0?void 0:matches[2];if(!url){return [3/*break*/,3];}subscriptionIdentifier=matches[1];type=AttachmentType.News;switch(matches[4]){case'news':type=AttachmentType.News;break;case'events':type=AttachmentType.Event;break;case'pages':type=AttachmentType.Page;break;case'posts':type=AttachmentType.Post;break;default:type=AttachmentType.News;}id=matches[5];return [4/*yield*/,{url:url,subscriptionIdentifier:subscriptionIdentifier,type:type,id:id}];case 2:_a.sent();return [3/*break*/,1];case 3:return [2/*return*/];}});}var global$8=global$m;var nativePromiseConstructor=global$8.Promise;var iterate$2={exports:{}};var anObject$3=anObject$h;var isArrayIteratorMethod=isArrayIteratorMethod$2;var toLength$5=toLength$b;var bind$3=functionBindContext;var getIteratorMethod=getIteratorMethod$4;var callWithSafeIterationClosing=callWithSafeIterationClosing$2;var Result=function(stopped,result){this.stopped=stopped;this.result=result;};var iterate$1=iterate$2.exports=function(iterable,fn,that,AS_ENTRIES,IS_ITERATOR){var boundFunction=bind$3(fn,that,AS_ENTRIES?2:1);var iterator,iterFn,index,length,result,next,step;if(IS_ITERATOR){iterator=iterable;}else {iterFn=getIteratorMethod(iterable);if(typeof iterFn!='function')throw TypeError('Target is not iterable');// optimisation for array iterators
|
|
131494
|
-
if(isArrayIteratorMethod(iterFn)){for(index=0,length=toLength$5(iterable.length);length>index;index++){result=AS_ENTRIES?boundFunction(anObject$3(step=iterable[index])[0],step[1]):boundFunction(iterable[index]);if(result&&result instanceof Result)return result;}return new Result(false);}iterator=iterFn.call(iterable);}next=iterator.next;while(!(step=next.call(iterator)).done){result=callWithSafeIterationClosing(iterator,boundFunction,step.value,AS_ENTRIES);if(typeof result=='object'&&result&&result instanceof Result)return result;}return new Result(false);};iterate$1.stop=function(result){return new Result(true,result);};var wellKnownSymbol$3=wellKnownSymbol$l;var ITERATOR=wellKnownSymbol$3('iterator');var SAFE_CLOSING=false;try{var called=0;var iteratorWithReturn={next:function(){return {done:!!called++};},'return':function(){SAFE_CLOSING=true;}};iteratorWithReturn[ITERATOR]=function(){return this;};// eslint-disable-next-line no-throw-literal
|
|
131505
|
+
var videoRegex=/((https?:\/\/)?((www\.)?)?)(((youtube\.com|youtu\.?be)\/[^\s]{11,}.*?)|((vimeo\.com)\/(?:video\/)?[\d]{3,})|((player\.vimeo\.com\/external)\/(\S+)))/g;function getAllVideosFromString(content){var matches,url,type;return __generator(this,function(_a){switch(_a.label){case 0:videoRegex.lastIndex=0;_a.label=1;case 1:matches=videoRegex.exec(content);url=matches===null||matches===void 0?void 0:matches[0];if(!url){return [3/*break*/,3];}type=matches.filter(function(m){return !!m;}).some(function(m){return m.indexOf('vimeo')>-1;})?AttachmentType.VimeoVideo:AttachmentType.YouTubeVideo;return [4/*yield*/,{url:url,type:type}];case 2:_a.sent();return [3/*break*/,1];case 3:return [2/*return*/];}});}function getEmbeddedObjectsFromString(content){var embeddedObjectRegex,matches,url,subscriptionIdentifier,type,id;return __generator(this,function(_a){switch(_a.label){case 0:embeddedObjectRegex=new RegExp("/([^/]{3,})(/(redirect/)?(news|events|pages|posts)/([^\\s/?]+).*?)",'g');_a.label=1;case 1:matches=embeddedObjectRegex.exec(content);url=matches===null||matches===void 0?void 0:matches[2];if(!url){return [3/*break*/,3];}subscriptionIdentifier=matches[1];type=AttachmentType.News;switch(matches[4]){case'news':type=AttachmentType.News;break;case'events':type=AttachmentType.Event;break;case'pages':type=AttachmentType.Page;break;case'posts':type=AttachmentType.Post;break;default:type=AttachmentType.News;}id=matches[5];return [4/*yield*/,{url:url,subscriptionIdentifier:subscriptionIdentifier,type:type,id:id}];case 2:_a.sent();return [3/*break*/,1];case 3:return [2/*return*/];}});}var global$8=global$m;var nativePromiseConstructor=global$8.Promise;var iterate$2={exports:{}};var anObject$3$1=anObject$h;var isArrayIteratorMethod=isArrayIteratorMethod$2;var toLength$5=toLength$b;var bind$3=functionBindContext;var getIteratorMethod=getIteratorMethod$4;var callWithSafeIterationClosing=callWithSafeIterationClosing$2;var Result=function(stopped,result){this.stopped=stopped;this.result=result;};var iterate$1=iterate$2.exports=function(iterable,fn,that,AS_ENTRIES,IS_ITERATOR){var boundFunction=bind$3(fn,that,AS_ENTRIES?2:1);var iterator,iterFn,index,length,result,next,step;if(IS_ITERATOR){iterator=iterable;}else {iterFn=getIteratorMethod(iterable);if(typeof iterFn!='function')throw TypeError('Target is not iterable');// optimisation for array iterators
|
|
131506
|
+
if(isArrayIteratorMethod(iterFn)){for(index=0,length=toLength$5(iterable.length);length>index;index++){result=AS_ENTRIES?boundFunction(anObject$3$1(step=iterable[index])[0],step[1]):boundFunction(iterable[index]);if(result&&result instanceof Result)return result;}return new Result(false);}iterator=iterFn.call(iterable);}next=iterator.next;while(!(step=next.call(iterator)).done){result=callWithSafeIterationClosing(iterator,boundFunction,step.value,AS_ENTRIES);if(typeof result=='object'&&result&&result instanceof Result)return result;}return new Result(false);};iterate$1.stop=function(result){return new Result(true,result);};var wellKnownSymbol$3=wellKnownSymbol$l;var ITERATOR=wellKnownSymbol$3('iterator');var SAFE_CLOSING=false;try{var called=0;var iteratorWithReturn={next:function(){return {done:!!called++};},'return':function(){SAFE_CLOSING=true;}};iteratorWithReturn[ITERATOR]=function(){return this;};// eslint-disable-next-line no-throw-literal
|
|
131495
131507
|
Array.from(iteratorWithReturn,function(){throw 2;});}catch(error){/* empty */}var checkCorrectnessOfIteration$1=function(exec,SKIP_CLOSING){if(!SKIP_CLOSING&&!SAFE_CLOSING)return false;var ITERATION_SUPPORT=false;try{var object={};object[ITERATOR]=function(){return {next:function(){return {done:ITERATION_SUPPORT=true};}};};exec(object);}catch(error){/* empty */}return ITERATION_SUPPORT;};var getBuiltIn$1=getBuiltIn$6;var engineUserAgent=getBuiltIn$1('navigator','userAgent')||'';var userAgent$1=engineUserAgent;var engineIsIos=/(iphone|ipod|ipad).*applewebkit/i.test(userAgent$1);var global$7=global$m;var fails$3$1=fails$i;var classof$3=classofRaw$1;var bind$2=functionBindContext;var html=html$2;var createElement=documentCreateElement$1;var IS_IOS$1=engineIsIos;var location$1=global$7.location;var set$2=global$7.setImmediate;var clear=global$7.clearImmediate;var process$3=global$7.process;var MessageChannel$1=global$7.MessageChannel;var Dispatch=global$7.Dispatch;var counter=0;var queue={};var ONREADYSTATECHANGE='onreadystatechange';var defer,channel,port;var run=function(id){// eslint-disable-next-line no-prototype-builtins
|
|
131496
131508
|
if(queue.hasOwnProperty(id)){var fn=queue[id];delete queue[id];fn();}};var runner=function(id){return function(){run(id);};};var listener=function(event){run(event.data);};var post=function(id){// old engines have not location.origin
|
|
131497
131509
|
global$7.postMessage(id+'',location$1.protocol+'//'+location$1.host);};// Node.js 0.9+ & IE10+ has setImmediate, otherwise:
|
|
@@ -131558,13 +131570,13 @@
|
|
|
131558
131570
|
// https://tc39.github.io/ecma262/#sec-array.prototype.sort
|
|
131559
131571
|
$$8({target:'Array',proto:true,forced:FORCED$1},{sort:function sort(comparefn){return comparefn===undefined?nativeSort.call(toObject$3(this)):nativeSort.call(toObject$3(this),aFunction$2(comparefn));}});var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));// `SameValue` abstract operation
|
|
131560
131572
|
// https://tc39.github.io/ecma262/#sec-samevalue
|
|
131561
|
-
var sameValue$1=Object.is||function is(x,y){// eslint-disable-next-line no-self-compare
|
|
131562
|
-
return x===y?x!==0||1/x===1/y:x!=x&&y!=y;};var fixRegExpWellKnownSymbolLogic$1=fixRegexpWellKnownSymbolLogic$1;var anObject$1$1=anObject$h;var requireObjectCoercible$3=requireObjectCoercible$c;var sameValue=sameValue$1;var regExpExec$1=regexpExecAbstract$1;// @@search logic
|
|
131563
|
-
fixRegExpWellKnownSymbolLogic$1('search',1,function(SEARCH,nativeSearch,maybeCallNative){return [// `String.prototype.search` method
|
|
131573
|
+
var sameValue$1$1=Object.is||function is(x,y){// eslint-disable-next-line no-self-compare
|
|
131574
|
+
return x===y?x!==0||1/x===1/y:x!=x&&y!=y;};var fixRegExpWellKnownSymbolLogic$1$1=fixRegexpWellKnownSymbolLogic$1;var anObject$1$1=anObject$h;var requireObjectCoercible$3$1=requireObjectCoercible$c;var sameValue$2=sameValue$1$1;var regExpExec$1$1=regexpExecAbstract$1;// @@search logic
|
|
131575
|
+
fixRegExpWellKnownSymbolLogic$1$1('search',1,function(SEARCH,nativeSearch,maybeCallNative){return [// `String.prototype.search` method
|
|
131564
131576
|
// https://tc39.github.io/ecma262/#sec-string.prototype.search
|
|
131565
|
-
function search(regexp){var O=requireObjectCoercible$3(this);var searcher=regexp==undefined?undefined:regexp[SEARCH];return searcher!==undefined?searcher.call(regexp,O):new RegExp(regexp)[SEARCH](String(O));},// `RegExp.prototype[@@search]` method
|
|
131577
|
+
function search(regexp){var O=requireObjectCoercible$3$1(this);var searcher=regexp==undefined?undefined:regexp[SEARCH];return searcher!==undefined?searcher.call(regexp,O):new RegExp(regexp)[SEARCH](String(O));},// `RegExp.prototype[@@search]` method
|
|
131566
131578
|
// https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search
|
|
131567
|
-
function(regexp){var res=maybeCallNative(nativeSearch,regexp,this);if(res.done)return res.value;var rx=anObject$1$1(regexp);var S=String(this);var previousLastIndex=rx.lastIndex;if(!sameValue(previousLastIndex,0))rx.lastIndex=0;var result=regExpExec$1(rx,S);if(!sameValue(rx.lastIndex,previousLastIndex))rx.lastIndex=previousLastIndex;return result===null?-1:result.index;}];});var $$7=_export;var assign=objectAssign;// `Object.assign` method
|
|
131579
|
+
function(regexp){var res=maybeCallNative(nativeSearch,regexp,this);if(res.done)return res.value;var rx=anObject$1$1(regexp);var S=String(this);var previousLastIndex=rx.lastIndex;if(!sameValue$2(previousLastIndex,0))rx.lastIndex=0;var result=regExpExec$1$1(rx,S);if(!sameValue$2(rx.lastIndex,previousLastIndex))rx.lastIndex=previousLastIndex;return result===null?-1:result.index;}];});var $$7=_export;var assign=objectAssign;// `Object.assign` method
|
|
131568
131580
|
// https://tc39.github.io/ecma262/#sec-object.assign
|
|
131569
131581
|
$$7({target:'Object',stat:true,forced:Object.assign!==assign},{assign:assign});var fixRegExpWellKnownSymbolLogic$4=fixRegexpWellKnownSymbolLogic$1;var anObject$i=anObject$h;var toObject$2=toObject$7;var toLength$4=toLength$b;var toInteger$5=toInteger$4;var requireObjectCoercible$2$1=requireObjectCoercible$c;var advanceStringIndex$4=advanceStringIndex$3;var regExpExec$3=regexpExecAbstract$1;var max$1=Math.max;var min$2=Math.min;var floor=Math.floor;var SUBSTITUTION_SYMBOLS=/\$([$&'`]|\d\d?|<[^>]*>)/g;var SUBSTITUTION_SYMBOLS_NO_NAMED=/\$([$&'`]|\d\d?)/g;var maybeToString=function(it){return it===undefined?it:String(it);};// @@replace logic
|
|
131570
131582
|
fixRegExpWellKnownSymbolLogic$4('replace',2,function(REPLACE,nativeReplace,maybeCallNative,reason){var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE=reason.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE;var REPLACE_KEEPS_$0=reason.REPLACE_KEEPS_$0;var UNSAFE_SUBSTITUTE=REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE?'$':'$0';return [// `String.prototype.replace` method
|
|
@@ -131585,7 +131597,7 @@
|
|
|
131585
131597
|
apiItem.fileAccessToken=cachedItem.fileAccessToken;}});observer.next(apiPage_1);observer.complete();return [3/*break*/,4];case 3:err_1=_a.sent();observer.error(err_1);return [3/*break*/,4];case 4:return [2/*return*/];}});});})();});}function validateFileAccessTokens(page,modifyFunc){if(!page||!page.items){return;}page.items.forEach(function(item){var isTokenValid=isTokenStillValid(item.fileAccessToken);modifyFunc(isTokenValid,item);});}var NewsApiService=/** @class */function(){function NewsApiService(factory,subscriptionId,storage){var _this=this;this.factory=factory;this.storage=storage;this.trackExternalItem=function(itemId,itemType){return _this.api.custom(itemType+"/"+encodeURIComponent(itemId)+"/external_url/track").get().then(function(result){return result.body().data();});};this.getAllNews=function(filterDefinition,paginationToken){return fetchNewsItems('news',NewsApiService.allNewsCacheKey,_this.api,_this.storage,paginationToken,__assign(__assign({},filterDefinition||{}),{includePromoted:true}));};this.getAllUnreadNews=function(filterDefinition,paginationToken){return fetchNewsItems('news',NewsApiService.allNewsCacheKey,_this.api,_this.storage,paginationToken,__assign(__assign({},filterDefinition||{}),{unreadOnly:true,pageSize:0}));};this.getMyNews=function(filterDefinition,paginationToken){return fetchNewsItems('users/current/news',NewsApiService.newsCacheKey,_this.api,_this.storage,paginationToken,filterDefinition);};this.getMyUnreadNews=function(filterDefinition,paginationToken){return fetchNewsItems('users/current/news/unread',NewsApiService.myUnreadNewsCacheKey,_this.api,_this.storage,paginationToken,filterDefinition,true);};this.getBookmarks=function(filterDefinition){return fetchNewsItems('users/current/bookmarks',NewsApiService.bookmarksCacheKey,_this.api,_this.storage,null,filterDefinition,true);};this.getNewsFromCache=function(){return __awaiter(_this,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:return [4/*yield*/,this.storage.getObject(NewsApiService.newsItemsCacheKey)];case 1:return [2/*return*/,(_a=_b.sent())!==null&&_a!==void 0?_a:[]];}});});};this.get=function(newsId){var getFromCache=function getFromCache(id){return __awaiter(_this,void 0,void 0,function(){var cache,hits;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,this.getNewsFromCache()];case 1:cache=_a.sent();hits=cache.filter(function(i){return i.id===id;});return [2/*return*/,hits.length>0?hits[0]:null];}});});};var getFromApi=function getFromApi(id){return from(_this.api.all('news').get(id)).pipe(mergeMap(function(res){return updateItemCache(res.body().data());}));};var updateItemCache=function updateItemCache(item){return __awaiter(_this,void 0,void 0,function(){var fromCache,index,cacheItem,clonedCachedItem,clonedNewItem;return __generator(this,function(_a){switch(_a.label){case 0:if(item.statistics){itemStatisticsCache[item.id]=Promise.resolve(__assign({},item.statistics));}return [4/*yield*/,this.getNewsFromCache()];case 1:fromCache=_a.sent();index=fromCache.findIndex(function(i){return i.id===item.id;});if(index>-1){cacheItem=fromCache[index];if(isTokenStillValid(cacheItem.fileAccessToken)){clonedCachedItem=__assign({},cacheItem);delete clonedCachedItem.fileAccessToken;clonedNewItem=__assign({},item);delete clonedNewItem.fileAccessToken;if(JSON.stringify(clonedCachedItem)===JSON.stringify(clonedNewItem)){return [2/*return*/,null];}}fromCache.splice(index,1,item);}else {fromCache.push(item);}return [4/*yield*/,this.storage.set(NewsApiService.newsItemsCacheKey,fromCache)];case 2:_a.sent();return [2/*return*/,item];}});});};return concat(getFromCache(newsId),getFromApi(newsId)).pipe(filter(function(i){return i!=null;}),catchError(function(err){if(err.response&&err.response.statusCode===404){return of(null);}else {return throwError(err);}}));};this.getImageUrlWithToken=function(token,itemId,subscriptionId,resourceType,imageIdentifier,width,height){if(imageIdentifier===void 0){imageIdentifier='banner';}return _this.factory.createApiUrl("/"+resourceType+"/"+itemId+"/images/"+imageIdentifier+"/"+width+"/"+(height||''),{access_token:token,subscriptionId:subscriptionId});};this.getStatistics=function(newsId){if(!itemStatisticsCache[newsId]){itemStatisticsCache[newsId]=_this.api.custom("news/"+newsId+"/statistics").get().then(function(result){return result.body().data();}).then(function(result){var feedbackCountsKeys=Object.keys(result.feedbackCounts);return {bookmarkCount:result.bookmarkCount,likeCount:result.feedbackCounts[feedbackCountsKeys.find(function(k){return k==='like';})],commentCount:result.commentCount,confirmationCount:result.feedbackCounts[feedbackCountsKeys.find(function(k){return k==='confirm';})],readCount:result.readCount};});}return itemStatisticsCache[newsId];};this.refreshStatistics=function(itemId,delta){return __awaiter(_this,void 0,void 0,function(){var _this=this;return __generator(this,function(_a){switch(_a.label){case 0:// update statistics cache with new delta
|
|
131586
131598
|
if(!itemStatisticsCache[itemId]){return [2/*return*/];}return [4/*yield*/,itemStatisticsCache[itemId].then(function(statistics){var updatedStatistics=NewsApiService.getUpdatedStatistics(statistics,delta);_this.tryUpdateStatisticsInCache(itemId,updatedStatistics).then(null,null);itemStatisticsCache[itemId]=Promise.resolve(updatedStatistics);onStatisticsUpdated.next(updatedStatistics);})];case 1:_a.sent();return [2/*return*/];}});});};this.tryUpdateStatisticsInCache=function(newsId,statistics){return __awaiter(_this,void 0,void 0,function(){var fromCache,index,item;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,this.getNewsFromCache()];case 1:fromCache=_a.sent();index=fromCache.findIndex(function(i){return i.id===newsId;});item=fromCache[index];if(!item||!item.statistics){return [2/*return*/];}item.statistics=statistics;fromCache.splice(index,1,item);return [4/*yield*/,this.storage.set(NewsApiService.newsItemsCacheKey,fromCache)];case 2:_a.sent();return [2/*return*/];}});});};this.getExternalItemRoute=function(resourceType,itemId,accessToken){return _this.factory.createApiUrl("/"+resourceType+"/"+encodeURIComponent(itemId)+"/external_url",{access_token:accessToken});};this.api=factory.createApi(false,subscriptionId);}NewsApiService.getUpdatedStatistics=function(curr,delta){var _a,_b,_c,_d,_e,_f;return {bookmarkCount:curr.bookmarkCount+((_a=delta.bookmarkCount)!==null&&_a!==void 0?_a:0),commentCount:curr.commentCount+((_b=delta.commentCount)!==null&&_b!==void 0?_b:0),likeCount:curr.likeCount+((_c=delta.likeCount)!==null&&_c!==void 0?_c:0),confirmationCount:curr.confirmationCount+((_d=delta.confirmationCount)!==null&&_d!==void 0?_d:0),readCount:curr.readCount+((_e=delta.readCount)!==null&&_e!==void 0?_e:0),participantsCount:curr.participantsCount+((_f=delta.participantsCount)!==null&&_f!==void 0?_f:0)};};NewsApiService.bookmarksCacheKey='NewsService::BookmarksV2';NewsApiService.newsItemsCacheKey='NewsService::NewsItems';NewsApiService.newsCacheKey='NewsService::News';NewsApiService.allNewsCacheKey='NewsService::AllNews';NewsApiService.myUnreadNewsCacheKey='NewsService::MyUnreadNews';return NewsApiService;}();function useNewsApi(){var storage=useStorage();var factory=useApiFactory();var identifier=React$d.useContext(SubscriptionIdContext).identifier;return React$d.useMemo(function(){return new NewsApiService(factory,identifier===null||identifier===void 0?void 0:identifier.id,storage);},[factory,identifier,storage]);}function usePagesApi(){var api=useApi();var createApiUrl=useApiFactory().createApiUrl;return React$d.useMemo(function(){return {loadPage:loadPage,loadPageChildren:loadPageChildren,getRootPagesNavigation:getRootPagesNavigation,getPublishedRootPages:getPublishedRootPages,searchPublishedPages:searchPublishedPages,getSubpages:getSubpages,searchPages:searchPages,getDocumentFileUrl:getDocumentFileUrl,searchToc:searchToc};function loadPage(id){return api.all('pages').get(id,{includeNavigationContext:true}).then(function(response){var page=response.body().data();itemStatisticsCache[page.id]=Promise.resolve(__assign({},page.statistics));return page;});}function loadPageChildren(id){return api.all("pages/"+id+"/navigation/children").getAll().then(function(r){return r.body().map(function(g){return g.data();});});}function getRootPagesNavigation(){return api.all('pages').getAll().then(function(r){return r.body().map(function(g){return g.data();});});}function getPublishedRootPages(filter){var rootPagesFilter=__assign(__assign({},filter),{rootPagesOnly:true});return searchPages('pages',rootPagesFilter);}function searchPublishedPages(filter){return searchPages('pages',filter);}function getSubpages(parentId,filter){var subPagesFilter=__assign(__assign({},filter),{parentId:parentId});if(!subPagesFilter.pageSize){// return all subpages & documents
|
|
131587
131599
|
subPagesFilter.pageSize=0;}return searchPages('pages',subPagesFilter);}function searchToc(basePath,searchValue){return searchPages(basePath,{pageSize:100,search:searchValue,searchInTitlesOnly:true});}function searchPages(basePath,filter){if(filter){filter=__assign({},filter);if(!filter.restrictToPageContext){delete filter.pageContextId;}// we never need / want to send this param to the API, only used for the UI
|
|
131588
|
-
delete filter.restrictToPageContext;}var params=__assign(__assign({},filter),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords));return api.all(basePath+"/search").get('',params).then(function(result){return result.body().data();});}function getDocumentFileUrl(basePath,subscriptionId,pageId,fileId,language,token){return createApiUrl("/"+basePath+"/"+pageId+"/"+language+"/documents/"+fileId,{access_token:token,subscriptionId:subscriptionId});}},[api,createApiUrl]);}function usePostsApi(){var searchAccounts=useAccountApi().searchAccounts;var api=useApi();return React$d.useMemo(function(){return {createPost:createPost,togglePostLike:togglePostLike,getPosts:getPosts,updatePost:updatePost,deletePost:deletePost,getPost:getPost,getPostThread:getPostThread,translatePost:translatePost,searchPostMentionUsers:searchPostMentionUsers};function createPost(post){return api.all("posts").post(post).then(function(result){return result.body().data();});}function togglePostLike(postId,isLiked){if(isLiked){return api.custom("posts/"+postId+"/feedback/like").put({});}else {return api.custom("posts/"+postId+"/feedback/like").delete();}}function getPosts(filter){var groupIds=[];for(var _i=1;_i<arguments.length;_i++){groupIds[_i-1]=arguments[_i];}var params=__assign(__assign(__assign({},filter),{groupId:groupIds}),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords));return api.custom("posts?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function updatePost(postId,content,attachments,keywords){return api.all('posts').patch(postId,{content:content,attachments:attachments,keywords:keywords}).then(function(result){return result.body().data();});}function deletePost(postId){return api.all("posts").delete(postId);}function getPost(postId){return api.all('posts').get(postId).then(function(result){return result.body().data();});}function getPostThread(postId,threadId){return api.custom("posts/"+postId+"/comments/"+threadId+"/thread").get().then(function(result){return result.body().data();});}function translatePost(postId,language){return api.custom("posts/"+postId+"/content/"+language).get().then(function(res){return res.body().data();});}function searchPostMentionUsers(searchText,postGroupId){return searchAccounts({search:searchText,type:AccountType.User,localOnly:true,groupId:[postGroupId],excludeApiUsers:true});}},[api,searchAccounts]);}function useEmbeddedObjectValidator(){var _this=this;var getPost=usePostsApi().getPost;var getNews=useNewsApi().get;var loadPage=usePagesApi().loadPage;var getEvent=useEventsApi().getEvent;return function(embeddedObject){return __awaiter(_this,void 0,void 0,function(){var _a,item,error_1;return __generator(this,function(_b){switch(_b.label){case 0:_b.trys.push([0,11,,12]);_a=embeddedObject.type;switch(_a){case AttachmentType.Post:return [3/*break*/,1];case AttachmentType.News:return [3/*break*/,3];case AttachmentType.Page:return [3/*break*/,5];case AttachmentType.Event:return [3/*break*/,7];}return [3/*break*/,9];case 1:return [4/*yield*/,getPost(embeddedObject.id)];case 2:_b.sent();return [2/*return*/,true];case 3:return [4/*yield*/,getNews(embeddedObject.id).toPromise()];case 4:item=_b.sent();return [2/*return*/,!!item];case 5:return [4/*yield*/,loadPage(embeddedObject.id)];case 6:_b.sent();return [2/*return*/,true];case 7:return [4/*yield*/,getEvent(embeddedObject.id)];case 8:_b.sent();return [2/*return*/,true];case 9:throw Error('Invalid type');case 10:return [3/*break*/,12];case 11:error_1=_b.sent();logger.error(error_1);return [2/*return*/,false];case 12:return [2/*return*/];}});});};}var RichCommentInput=/*#__PURE__*/React$d.forwardRef(function(_a,ref){var className=_a.className,buttons=_a.buttons,attachments=_a.attachments,deletedAttachmentUrls=_a.deletedAttachmentUrls,onAttachmentsChange=_a.onAttachmentsChange;_a.onDeleteAttachment;var allowAttachments=_a.allowAttachments,useLargeDropTarget=_a.useLargeDropTarget,disableDragAndDrop=_a.disableDragAndDrop;_a.allowKeywords;var defaultKeywords=_a.defaultKeywords,availableKeywords=_a.availableKeywords,mandatoryKeywords=_a.mandatoryKeywords,showKeywordsPicker=_a.showKeywordsPicker,onKeywordsChange=_a.onKeywordsChange,disableAddGif=_a.disableAddGif,disableAddFiles=_a.disableAddFiles,props=__rest(_a,["className","buttons","attachments","deletedAttachmentUrls","onAttachmentsChange","onDeleteAttachment","allowAttachments","useLargeDropTarget","disableDragAndDrop","allowKeywords","defaultKeywords","availableKeywords","mandatoryKeywords","showKeywordsPicker","onKeywordsChange","disableAddGif","disableAddFiles"]);var onDrop=React$d.useCallback(handleDropFiles,[attachments,onAttachmentsChange]);var _b=useDropzone({onDrop:onDrop}),getRootProps=_b.getRootProps,getInputProps=_b.getInputProps,open=_b.open,isDragActive=_b.isDragActive;var inputRef=React$d.useRef(null);var formatMessage=useIntl().formatMessage;React$d.useImperativeHandle(ref,function(){return inputRef.current;},[inputRef]);var user=useCurrentUser();var debouncedOnEmbeddedObjectsOrVideosChange=useDebouncedCallback(onEmbeddedObjectsOrVideosChange,500)[0];var validateEmbeddedObject=useEmbeddedObjectValidator();var isGifButtonDisabled=props.disabled||disableAddGif;var isAttachmentsButtonDisabled=props.disabled||disableAddFiles;if(props.disabled||!allowAttachments){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(CommentInput,__assign({ref:inputRef,className:className,buttons:buttons},props),void 0),showKeywordsPicker&&!props.disabled&&jsxRuntime.jsx(KeywordsPicker,{defaultKeywords:defaultKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,onChangeKeywords:onKeywordsChange},void 0)]},void 0);}return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx("input",__assign({},getInputProps()),void 0),!disableDragAndDrop&&jsxRuntime.jsx(DropTarget,__assign({isActive:isDragActive,isLarge:useLargeDropTarget},getRootProps({onClick:function(e){return e.stopPropagation();}}),{"data-drop-target":true},{children:isDragActive&&jsxRuntime.jsx(DropInfo,{isLarge:useLargeDropTarget},void 0)}),void 0),jsxRuntime.jsx(CommentInput,__assign({},props,{onChange:handleChange,ref:inputRef,buttons:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GifButton,{disabled:isGifButtonDisabled,onGifClick:handleGifClick},'gifButton'+isGifButtonDisabled),jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Attach'},onClick:open,disabled:isAttachmentsButtonDisabled,"data-button-type":"attach",ariaLabel:formatMessage({id:'AriaLabel.attachmentsButton'})},'attachmentsButton'+isAttachmentsButtonDisabled),buttons]},void 0)}),void 0),showKeywordsPicker&&!props.disabled&&jsxRuntime.jsx(KeywordsPicker,{defaultKeywords:defaultKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,onChangeKeywords:onKeywordsChange},void 0)]}),void 0);function handleChange(content){props.onChange(content);debouncedOnEmbeddedObjectsOrVideosChange(content);}function onEmbeddedObjectsOrVideosChange(content){return __awaiter(this,void 0,void 0,function(){var existingAttachments,newAttachments,matchedVideoUrls,_i,matchedVideoUrls_1,matchedUrl,url,id,matchedEmbeddedObjects,_a,matchedEmbeddedObjects_1,matchedEmbeddedObject,url,isValid;return __generator(this,function(_b){switch(_b.label){case 0:existingAttachments=new Set(attachments.map(function(a){return a.url;}));newAttachments=[];matchedVideoUrls=__spreadArray([],Array.from(getAllVideosFromString(content)));for(_i=0,matchedVideoUrls_1=matchedVideoUrls;_i<matchedVideoUrls_1.length;_i++){matchedUrl=matchedVideoUrls_1[_i];url=matchedUrl.url;id=new VideoUrlParser(url).id;if(!existingAttachments.has(url)){newAttachments.push(__assign({id:id},matchedUrl));existingAttachments.add(url);}}matchedEmbeddedObjects=__spreadArray([],Array.from(getEmbeddedObjectsFromString(content)).filter(function(ob){return ob.subscriptionIdentifier===user.subscription.id||ob.subscriptionIdentifier===user.subscription.subscriptionHandle;}));_a=0,matchedEmbeddedObjects_1=matchedEmbeddedObjects;_b.label=1;case 1:if(!(_a<matchedEmbeddedObjects_1.length))return [3/*break*/,4];matchedEmbeddedObject=matchedEmbeddedObjects_1[_a];url=matchedEmbeddedObject.url;if(!(!existingAttachments.has(url)&&!(deletedAttachmentUrls===null||deletedAttachmentUrls===void 0?void 0:deletedAttachmentUrls.includes(url))))return [3/*break*/,3];return [4/*yield*/,validateEmbeddedObject(matchedEmbeddedObject)];case 2:isValid=_b.sent();if(isValid){newAttachments.push(__assign({},matchedEmbeddedObject));existingAttachments.add(url);}_b.label=3;case 3:_a++;return [3/*break*/,1];case 4:if(newAttachments.length!==0){onAttachmentsChange(attachments.concat(newAttachments));}return [2/*return*/];}});});}function handleGifClick(newAttachment){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){onAttachmentsChange(attachments.filter(function(attachment){return attachment.type!==AttachmentType.Giphy;}).concat(newAttachment));return [2/*return*/];});});}function handleDropFiles(dropResult){return __awaiter(this,void 0,void 0,function(){var newFiles,_i,_a,image,size;return __generator(this,function(_b){switch(_b.label){case 0:newFiles=dropResult.map(function(f){return {id:createId(),file:f,filename:f.name,previewUrl:URL.createObjectURL(f),type:f.type.startsWith('image/')?AttachmentType.Image:AttachmentType.File};});_i=0,_a=newFiles.filter(function(f){return f.type===AttachmentType.Image;});_b.label=1;case 1:if(!(_i<_a.length))return [3/*break*/,4];image=_a[_i];return [4/*yield*/,getImageSize(image.previewUrl)];case 2:size=_b.sent();image.width=size.width;image.height=size.height;_b.label=3;case 3:_i++;return [3/*break*/,1];case 4:onAttachmentsChange(attachments.concat(newFiles));return [2/*return*/];}});});}});var getMicrosoftStreamEmbedVideoUrl=function getMicrosoftStreamEmbedVideoUrl(id,autoPlay){if(autoPlay===void 0){autoPlay=false;}return "https://web.microsoftstream.com/embed/video/"+id+"?autoplay="+autoPlay+"&showInfo=true";};var getMicrosoftStreamVideoUrl=function getMicrosoftStreamVideoUrl(id){return "https://web.microsoftstream.com/video/"+id+"?autoplay=true";};var VideoElementGenerator=/** @class */function(){function VideoElementGenerator(videoInfo,iframeAreaLabel,autoplay,width,videoProperties){this.videoInfo=videoInfo;this.iframeAreaLabel=iframeAreaLabel;this.autoplay=autoplay;this.width=width;this.videoProperties=videoProperties;}VideoElementGenerator.prototype.getYouTubeVideoElement=function(){// <iframe
|
|
131600
|
+
delete filter.restrictToPageContext;}var params=__assign(__assign({},filter),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords));return api.all(basePath+"/search").get('',params).then(function(result){return result.body().data();});}function getDocumentFileUrl(basePath,subscriptionId,pageId,fileId,language,token){return createApiUrl("/"+basePath+"/"+pageId+"/"+language+"/documents/"+fileId,{access_token:token,subscriptionId:subscriptionId});}},[api,createApiUrl]);}function usePostsApi(){var searchAccounts=useAccountApi().searchAccounts;var api=useApi();return React$d.useMemo(function(){return {createPost:createPost,togglePostLike:togglePostLike,getPosts:getPosts,updatePost:updatePost,deletePost:deletePost,getPost:getPost,getPostThread:getPostThread,translatePost:translatePost,searchPostMentionUsers:searchPostMentionUsers};function createPost(post){return api.all("posts").post(post).then(function(result){return result.body().data();});}function togglePostLike(postId,isLiked){if(isLiked){return api.custom("posts/"+postId+"/feedback/like").put({});}else {return api.custom("posts/"+postId+"/feedback/like").delete();}}function getPosts(filter){var groupIds=[];for(var _i=1;_i<arguments.length;_i++){groupIds[_i-1]=arguments[_i];}var params=__assign(__assign(__assign({},filter),{groupId:groupIds}),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords));return api.custom("posts?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function updatePost(postId,content,attachments,keywords){return api.all('posts').patch(postId,{content:content,attachments:attachments,keywords:keywords}).then(function(result){return result.body().data();});}function deletePost(postId){return api.all("posts").delete(postId);}function getPost(postId){return api.all('posts').get(postId).then(function(result){return result.body().data();});}function getPostThread(postId,threadId){return api.custom("posts/"+postId+"/comments/"+threadId+"/thread").get().then(function(result){return result.body().data();});}function translatePost(postId,language){return api.custom("posts/"+postId+"/content/"+language).get().then(function(res){return res.body().data();});}function searchPostMentionUsers(searchText,postGroupId){return searchAccounts({search:searchText,type:AccountType.User,localOnly:true,groupId:[postGroupId],excludeApiUsers:true});}},[api,searchAccounts]);}function useEmbeddedObjectValidator(){var _this=this;var getPost=usePostsApi().getPost;var getNews=useNewsApi().get;var loadPage=usePagesApi().loadPage;var getEvent=useEventsApi().getEvent;return function(embeddedObject){return __awaiter(_this,void 0,void 0,function(){var _a,item,error_1;return __generator(this,function(_b){switch(_b.label){case 0:_b.trys.push([0,11,,12]);_a=embeddedObject.type;switch(_a){case AttachmentType.Post:return [3/*break*/,1];case AttachmentType.News:return [3/*break*/,3];case AttachmentType.Page:return [3/*break*/,5];case AttachmentType.Event:return [3/*break*/,7];}return [3/*break*/,9];case 1:return [4/*yield*/,getPost(embeddedObject.id)];case 2:_b.sent();return [2/*return*/,true];case 3:return [4/*yield*/,getNews(embeddedObject.id).toPromise()];case 4:item=_b.sent();return [2/*return*/,!!item];case 5:return [4/*yield*/,loadPage(embeddedObject.id)];case 6:_b.sent();return [2/*return*/,true];case 7:return [4/*yield*/,getEvent(embeddedObject.id)];case 8:_b.sent();return [2/*return*/,true];case 9:throw Error('Invalid type');case 10:return [3/*break*/,12];case 11:error_1=_b.sent();logger.error(error_1);return [2/*return*/,false];case 12:return [2/*return*/];}});});};}var RichCommentInput=/*#__PURE__*/React$d.forwardRef(function(_a,ref){var className=_a.className,buttons=_a.buttons,attachments=_a.attachments,deletedAttachmentUrls=_a.deletedAttachmentUrls,onAttachmentsChange=_a.onAttachmentsChange;_a.onDeleteAttachment;var allowAttachments=_a.allowAttachments,useLargeDropTarget=_a.useLargeDropTarget,disableDragAndDrop=_a.disableDragAndDrop;_a.allowKeywords;var defaultKeywords=_a.defaultKeywords,availableKeywords=_a.availableKeywords,mandatoryKeywords=_a.mandatoryKeywords,showKeywordsPicker=_a.showKeywordsPicker,onKeywordsChange=_a.onKeywordsChange,disableAddGif=_a.disableAddGif,disableAddFiles=_a.disableAddFiles,props=__rest(_a,["className","buttons","attachments","deletedAttachmentUrls","onAttachmentsChange","onDeleteAttachment","allowAttachments","useLargeDropTarget","disableDragAndDrop","allowKeywords","defaultKeywords","availableKeywords","mandatoryKeywords","showKeywordsPicker","onKeywordsChange","disableAddGif","disableAddFiles"]);var onDrop=React$d.useCallback(handleDropFiles,[attachments,onAttachmentsChange]);var _b=useDropzone({onDrop:onDrop}),getRootProps=_b.getRootProps,getInputProps=_b.getInputProps,open=_b.open,isDragActive=_b.isDragActive;var inputRef=React$d.useRef(null);var formatMessage=useIntl().formatMessage;React$d.useImperativeHandle(ref,function(){return inputRef.current;},[inputRef]);var user=useCurrentUser();var debouncedOnEmbeddedObjectsOrVideosChange=useDebouncedCallback$3(onEmbeddedObjectsOrVideosChange,500)[0];var validateEmbeddedObject=useEmbeddedObjectValidator();var isGifButtonDisabled=props.disabled||disableAddGif;var isAttachmentsButtonDisabled=props.disabled||disableAddFiles;if(props.disabled||!allowAttachments){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(CommentInput,__assign({ref:inputRef,className:className,buttons:buttons},props),void 0),showKeywordsPicker&&!props.disabled&&jsxRuntime.jsx(KeywordsPicker,{defaultKeywords:defaultKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,onChangeKeywords:onKeywordsChange},void 0)]},void 0);}return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx("input",__assign({},getInputProps()),void 0),!disableDragAndDrop&&jsxRuntime.jsx(DropTarget,__assign({isActive:isDragActive,isLarge:useLargeDropTarget},getRootProps({onClick:function(e){return e.stopPropagation();}}),{"data-drop-target":true},{children:isDragActive&&jsxRuntime.jsx(DropInfo,{isLarge:useLargeDropTarget},void 0)}),void 0),jsxRuntime.jsx(CommentInput,__assign({},props,{onChange:handleChange,ref:inputRef,buttons:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GifButton,{disabled:isGifButtonDisabled,onGifClick:handleGifClick},'gifButton'+isGifButtonDisabled),jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Attach'},onClick:open,disabled:isAttachmentsButtonDisabled,"data-button-type":"attach",ariaLabel:formatMessage({id:'AriaLabel.attachmentsButton'})},'attachmentsButton'+isAttachmentsButtonDisabled),buttons]},void 0)}),void 0),showKeywordsPicker&&!props.disabled&&jsxRuntime.jsx(KeywordsPicker,{defaultKeywords:defaultKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,onChangeKeywords:onKeywordsChange},void 0)]}),void 0);function handleChange(content){props.onChange(content);debouncedOnEmbeddedObjectsOrVideosChange(content);}function onEmbeddedObjectsOrVideosChange(content){return __awaiter(this,void 0,void 0,function(){var existingAttachments,newAttachments,matchedVideoUrls,_i,matchedVideoUrls_1,matchedUrl,url,id,matchedEmbeddedObjects,_a,matchedEmbeddedObjects_1,matchedEmbeddedObject,url,isValid;return __generator(this,function(_b){switch(_b.label){case 0:existingAttachments=new Set(attachments.map(function(a){return a.url;}));newAttachments=[];matchedVideoUrls=__spreadArray([],Array.from(getAllVideosFromString(content)));for(_i=0,matchedVideoUrls_1=matchedVideoUrls;_i<matchedVideoUrls_1.length;_i++){matchedUrl=matchedVideoUrls_1[_i];url=matchedUrl.url;id=new VideoUrlParser(url).id;if(!existingAttachments.has(url)){newAttachments.push(__assign({id:id},matchedUrl));existingAttachments.add(url);}}matchedEmbeddedObjects=__spreadArray([],Array.from(getEmbeddedObjectsFromString(content)).filter(function(ob){return ob.subscriptionIdentifier===user.subscription.id||ob.subscriptionIdentifier===user.subscription.subscriptionHandle;}));_a=0,matchedEmbeddedObjects_1=matchedEmbeddedObjects;_b.label=1;case 1:if(!(_a<matchedEmbeddedObjects_1.length))return [3/*break*/,4];matchedEmbeddedObject=matchedEmbeddedObjects_1[_a];url=matchedEmbeddedObject.url;if(!(!existingAttachments.has(url)&&!(deletedAttachmentUrls===null||deletedAttachmentUrls===void 0?void 0:deletedAttachmentUrls.includes(url))))return [3/*break*/,3];return [4/*yield*/,validateEmbeddedObject(matchedEmbeddedObject)];case 2:isValid=_b.sent();if(isValid){newAttachments.push(__assign({},matchedEmbeddedObject));existingAttachments.add(url);}_b.label=3;case 3:_a++;return [3/*break*/,1];case 4:if(newAttachments.length!==0){onAttachmentsChange(attachments.concat(newAttachments));}return [2/*return*/];}});});}function handleGifClick(newAttachment){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){onAttachmentsChange(attachments.filter(function(attachment){return attachment.type!==AttachmentType.Giphy;}).concat(newAttachment));return [2/*return*/];});});}function handleDropFiles(dropResult){return __awaiter(this,void 0,void 0,function(){var newFiles,_i,_a,image,size;return __generator(this,function(_b){switch(_b.label){case 0:newFiles=dropResult.map(function(f){return {id:createId(),file:f,filename:f.name,previewUrl:URL.createObjectURL(f),type:f.type.startsWith('image/')?AttachmentType.Image:AttachmentType.File};});_i=0,_a=newFiles.filter(function(f){return f.type===AttachmentType.Image;});_b.label=1;case 1:if(!(_i<_a.length))return [3/*break*/,4];image=_a[_i];return [4/*yield*/,getImageSize(image.previewUrl)];case 2:size=_b.sent();image.width=size.width;image.height=size.height;_b.label=3;case 3:_i++;return [3/*break*/,1];case 4:onAttachmentsChange(attachments.concat(newFiles));return [2/*return*/];}});});}});var getMicrosoftStreamEmbedVideoUrl=function getMicrosoftStreamEmbedVideoUrl(id,autoPlay){if(autoPlay===void 0){autoPlay=false;}return "https://web.microsoftstream.com/embed/video/"+id+"?autoplay="+autoPlay+"&showInfo=true";};var getMicrosoftStreamVideoUrl=function getMicrosoftStreamVideoUrl(id){return "https://web.microsoftstream.com/video/"+id+"?autoplay=true";};var VideoElementGenerator=/** @class */function(){function VideoElementGenerator(videoInfo,iframeAreaLabel,autoplay,width,videoProperties){this.videoInfo=videoInfo;this.iframeAreaLabel=iframeAreaLabel;this.autoplay=autoplay;this.width=width;this.videoProperties=videoProperties;}VideoElementGenerator.prototype.getYouTubeVideoElement=function(){// <iframe
|
|
131589
131601
|
// src="https://www.youtube.com/embed/{videoId}?ecver=1" frameborder="0" allowfullscreen>
|
|
131590
131602
|
// </iframe>
|
|
131591
131603
|
var iframe=document.createElement('iframe');iframe.setAttribute('aria-label',this.iframeAreaLabel);iframe.setAttribute('src',"https://www.youtube.com/embed/"+this.videoInfo.id+"?rel=0&autoplay="+(this.autoplay?'1':'0'));iframe.setAttribute('frameborder','0');iframe.setAttribute('allowfullscreen','');return iframe;};VideoElementGenerator.prototype.getVimeoVideoElement=function(){// <iframe src="https://player.vimeo.com/video/{videoId}"
|
|
@@ -131698,9 +131710,9 @@
|
|
|
131698
131710
|
},[pollResult,isLoadingPollResult]);// If the pollResult and the choice input is rendered with showResults
|
|
131699
131711
|
// at the same time, we miss the animation of the bars when they fill up
|
|
131700
131712
|
// Delay the pollResult a bit so the users sees the animation
|
|
131701
|
-
var delayedFetchPollResult=useDebouncedCallback(fetchPollResults,500)[0];if(isLoading){return null;}var actualQuestions=__spreadArray(__spreadArray([],questionDefinitions),(additionalQuestions===null||additionalQuestions===void 0?void 0:additionalQuestions.questions)||[]);var hasMissingAnswers=!!userAnswers.find(function(a){return a.choiceIds.length===0;});var hasMissingUnsavedAnswer=unsavedQuestionsIds.length>0||userAnswers.some(function(a){return !a.choiceIds.length;});showResult=(showResult||!hasMissingUnsavedAnswer)&&actualQuestions.length>0;return jsxRuntime.jsx(PollUserContext.Provider,__assign({value:{item:item,resourceType:resourceType,questions:actualQuestions,answers:userAnswers,addAnswer:handleAddAnswer,setAnswers:setUserAnswers,pollResult:pollResult,isLoadingPollResult:isLoadingPollResult,showResult:showResult,hasMissingAnswers:hasMissingAnswers,hasMissingUnsavedAnswer:hasMissingUnsavedAnswer,submitPoll:handleSubmitPoll,getQuestionResult:getQuestionResult,reset:reset,onBehalfOfUpn:onBehalfOfUpn,fetchPollResults:fetchPollResults}},{children:jsxRuntime.jsx(PollTranslationContextProvider,__assign({contents:item.contents,language:language,additionalTranslations:additionalQuestions===null||additionalQuestions===void 0?void 0:additionalQuestions.translations},{children:children}),void 0)}),void 0);function handleAddAnswer(questionId,selectedChoiceIds){setUnsavedQuestionsIds(function(a){return __spreadArray(__spreadArray([],a),[questionId]);});setUserAnswers(function(answers){return answers.map(function(a){return a.questionId===questionId?__assign(__assign({},a),{choiceIds:__spreadArray([],selectedChoiceIds)}):a;});});}function handleSubmitPoll(savePollAnswers){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);setUnsavedQuestionsIds([]);return [4/*yield*/,savePollAnswers()];case 1:_a.sent();delayedFetchPollResult();return [3/*break*/,3];case 2:_a.sent();showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}function reset(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){setUnsavedQuestionsIds([]);setUserAnswers(createUsersAnswersFromFeedback({records:[]}));fetchPollResults();return [2/*return*/];});});}function loadUserAnswers(){return __awaiter(this,void 0,void 0,function(){var feedback,error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);return [4/*yield*/,getFeedback(resourceType,itemId,onBehalfOfUpn)];case 1:feedback=_a.sent();return [3/*break*/,3];case 2:error_2=_a.sent();// if we got a 404, the user doesn't exist, in this case we simply treat the feedback as it is not set yet
|
|
131713
|
+
var delayedFetchPollResult=useDebouncedCallback$3(fetchPollResults,500)[0];if(isLoading){return null;}var actualQuestions=__spreadArray(__spreadArray([],questionDefinitions),(additionalQuestions===null||additionalQuestions===void 0?void 0:additionalQuestions.questions)||[]);var hasMissingAnswers=!!userAnswers.find(function(a){return a.choiceIds.length===0;});var hasMissingUnsavedAnswer=unsavedQuestionsIds.length>0||userAnswers.some(function(a){return !a.choiceIds.length;});showResult=(showResult||!hasMissingUnsavedAnswer)&&actualQuestions.length>0;return jsxRuntime.jsx(PollUserContext.Provider,__assign({value:{item:item,resourceType:resourceType,questions:actualQuestions,answers:userAnswers,addAnswer:handleAddAnswer,setAnswers:setUserAnswers,pollResult:pollResult,isLoadingPollResult:isLoadingPollResult,showResult:showResult,hasMissingAnswers:hasMissingAnswers,hasMissingUnsavedAnswer:hasMissingUnsavedAnswer,submitPoll:handleSubmitPoll,getQuestionResult:getQuestionResult,reset:reset,onBehalfOfUpn:onBehalfOfUpn,fetchPollResults:fetchPollResults}},{children:jsxRuntime.jsx(PollTranslationContextProvider,__assign({contents:item.contents,language:language,additionalTranslations:additionalQuestions===null||additionalQuestions===void 0?void 0:additionalQuestions.translations},{children:children}),void 0)}),void 0);function handleAddAnswer(questionId,selectedChoiceIds){setUnsavedQuestionsIds(function(a){return __spreadArray(__spreadArray([],a),[questionId]);});setUserAnswers(function(answers){return answers.map(function(a){return a.questionId===questionId?__assign(__assign({},a),{choiceIds:__spreadArray([],selectedChoiceIds)}):a;});});}function handleSubmitPoll(savePollAnswers){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);setUnsavedQuestionsIds([]);return [4/*yield*/,savePollAnswers()];case 1:_a.sent();delayedFetchPollResult();return [3/*break*/,3];case 2:_a.sent();showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}function reset(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){setUnsavedQuestionsIds([]);setUserAnswers(createUsersAnswersFromFeedback({records:[]}));fetchPollResults();return [2/*return*/];});});}function loadUserAnswers(){return __awaiter(this,void 0,void 0,function(){var feedback,error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);return [4/*yield*/,getFeedback(resourceType,itemId,onBehalfOfUpn)];case 1:feedback=_a.sent();return [3/*break*/,3];case 2:error_2=_a.sent();// if we got a 404, the user doesn't exist, in this case we simply treat the feedback as it is not set yet
|
|
131702
131714
|
if((error_2===null||error_2===void 0?void 0:error_2.response.statusCode)!==404){throw error_2;}feedback={records:[]};return [3/*break*/,3];case 3:return [2/*return*/,createUsersAnswersFromFeedback(feedback)];}});});}function createUsersAnswersFromFeedback(feedback){var pollFeedback=feedback.records.find(function(r){return r.type==='poll';});var answers=pollFeedback?pollFeedback.answers:[];return questionDefinitions.map(function(q){return {questionId:q.questionId,choiceIds:answers.filter(function(a){return a.questionId===q.questionId;}).map(function(a){return a.choiceIds;})[0]||[]};}).concat(getAdditionalUserAnswers?getAdditionalUserAnswers(feedback.records)||[]:[]);}function getQuestionResult(questionId){var userSelectedChoices=userAnswers.filter(function(a){return a.questionId===questionId;}).map(function(a){return a.choiceIds;})[0]||[];return {showResults:showResult||unsavedQuestionsIds.every(function(id){return id!==questionId;})&&userSelectedChoices.length>0,userSelectedChoices:userSelectedChoices,totalFeedbackCount:pollResult.totalFeedbackCount,choiceResults:pollResult.answers.filter(function(a){return a.questionId===questionId;}).reduce(function(result,answer){return __spreadArray(__spreadArray([],result),answer.choices);},[]).reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.choiceId]=next.count,_a));},{})};}};var DetailViewSectionPadding=_styled.css(templateObject_1$1k||(templateObject_1$1k=__makeTemplateObject(["\n padding: ","px ","px 0 ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n padding: ","px ","px 0 ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingXs,spacingM,spacingM,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$1k;var PollResultFeedbackCount=function PollResultFeedbackCount(){var _a=React$d.useContext(PollUserContext),showResult=_a.showResult,pollResult=_a.pollResult;if(!showResult){return null;}return jsxRuntime.jsx("div",__assign({className:"ms-fontColor-neutralTertiary","data-poll-result-total-count":pollResult.totalFeedbackCount},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Polls.editor.totalFeedbackCount",values:{count:pollResult.totalFeedbackCount},tagName:"span"},void 0)}),void 0);};var DetailViewPoll=function DetailViewPoll(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;var features=useFeatures();var getPollResult=useFeedbackApi().getPollResult;if(!features.polls||item==null||item.poll==null||item.poll.questions==null||item.poll.questions.length===0){return null;}return jsxRuntime.jsx(PollUserContextProvider,__assign({item:item,resourceType:resourceType,language:contentLanguage,getPollResults:function(itemId){return getPollResult(resourceType,itemId);}},{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(PollResultFeedbackCount,{},void 0),jsxRuntime.jsx(DetailViewPollsSubmitButton,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(StyledPollResultExport,{},void 0)]},void 0)}),void 0);};var StyledPollResultExport=_styled__default["default"](DetailViewPollExportButton).withConfig({displayName:"DetailViewPoll__StyledPollResultExport",componentId:"sc-gvqgh8-0"})(templateObject_1$1j||(templateObject_1$1j=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var StyledPollDisplay$1=_styled__default["default"](PollDisplay).withConfig({displayName:"DetailViewPoll__StyledPollDisplay",componentId:"sc-gvqgh8-1"})(templateObject_2$N||(templateObject_2$N=__makeTemplateObject(["\n ",";\n margin-bottom: ","px;\n\n max-width: 500px;\n"],["\n ",";\n margin-bottom: ","px;\n\n max-width: 500px;\n"])),DetailViewSectionPadding,spacingL);var templateObject_1$1j,templateObject_2$N;var EventDetailViewResponseExportButton=function EventDetailViewResponseExportButton(_a){var className=_a.className;var features=useFeatures();if(!features.events){return null;}return jsxRuntime.jsx(DetailViewCsvExportButton,{className:className,path:"feedback/registration/result/export",stringResource:"Events.registration.exportResultsAsCsv"},void 0);};var FeedbackItemType;(function(FeedbackItemType){FeedbackItemType["comment"]="comment";FeedbackItemType["like"]="like";FeedbackItemType["confirm"]="confirm";FeedbackItemType["poll"]="poll";FeedbackItemType["eventRegistration"]="eventRegistration";})(FeedbackItemType||(FeedbackItemType={}));var EventRegistrationContextProvider=function EventRegistrationContextProvider(_a){var _b;var onBehalfOfUpn=_a.onBehalfOfUpn,children=_a.children;var formatMessage=useIntl().formatMessage;var features=useFeatures();var _c=useDetailViewContext(),item=_c.item,contentLanguage=_c.contentLanguage;var getEventRegistrationResults=useEventRegistrationApi().getEventRegistrationResults;if(!features.events||item==null){return null;}var locationQuestionId=getLocationQuestionId(item);var isCancelled=(_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled;return jsxRuntime.jsx(PollUserContextProvider,__assign({item:item,onBehalfOfUpn:onBehalfOfUpn,resourceType:ItemResourceTypes.Events,language:contentLanguage,getAdditionalQuestions:function(result){return getAdditionalQuestions(result);},getAdditionalUserAnswers:extractLocationAnswers,getPollResults:getRegistrationResult,showResult:!!isCancelled},{children:children}),void 0);function getAdditionalQuestions(result){var _a=getLocationPollDefinitions(item,formatMessage,result,!!onBehalfOfUpn),question=_a.question,translations=_a.translations;return {questions:question?[question]:null,translations:translations};}function extractLocationAnswers(records){if(!item.locations||item.locations.length<2){return null;}var eventResponse=records.find(function(r){return r.type===FeedbackItemType.eventRegistration;});return [{questionId:locationQuestionId,choiceIds:eventResponse&&eventResponse.locationId?[eventResponse.locationId]:[]}];}function getRegistrationResult(itemId){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getEventRegistrationResults(itemId)];case 1:result=_a.sent();return [2/*return*/,{totalFeedbackCount:result.totalFeedbackCount,answers:result.answers.concat([{questionId:locationQuestionId,choices:result.locationAnswers.map(function(l){return {choiceId:l.locationId,count:l.count};})}])}];}});});}};var EventDetailViewUserRegistration=function EventDetailViewUserRegistration(_a){var className=_a.className,hideInfoMessage=_a.hideInfoMessage;var pollUserContext=React$d.useContext(PollUserContext);var getFeedback=useFeedbackApi().getFeedback;var item=pollUserContext.item;var isLoadingPollResult=pollUserContext.isLoadingPollResult,pollResult=pollUserContext.pollResult,onBehalfOfUpn=pollUserContext.onBehalfOfUpn;var _b=usePromise$2(getEventResponse,item.userResponse,[item]),eventResponse=_b[0],isLoading=_b[1],setEventResponse=_b[3];// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
131703
|
-
var seatsResult=React$d.useMemo(getSeatsLeft,[isLoading,isLoadingPollResult,pollResult,item.id]);return jsxRuntime.jsx(EventUserRegistrationContext.Provider,__assign({value:__assign(__assign({},pollUserContext),{hasPollContext:true,eventResponse:eventResponse,setEventResponse:setEventResponse,isLoading:isLoadingPollResult||isLoading,seatsInfo:seatsResult})},{children:jsxRuntime.jsx(EventUserRegistration,{className:className,hideInfoMessage:hideInfoMessage},void 0)}),void 0);function getEventResponse(){return __awaiter(this,void 0,void 0,function(){var feedback,eventRecord;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getFeedback(ItemResourceTypes.Events,item.id,onBehalfOfUpn)];case 1:feedback=_a.sent();eventRecord=feedback&&feedback.records.find(function(r){return r.type==='eventRegistration';});return [2/*return*/,eventRecord?eventRecord.eventResponse:EventResponse.NotSet];}});});}function getSeatsLeft(){var _a,_b,_c,_d;if(isLoading||!item.registrationSettings||!item.registrationSettings.enabled||((_a=item.cancelInformation)===null||_a===void 0?void 0:_a.isCancelled)||!((_b=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_b===void 0?void 0:_b.length)||isLoadingPollResult){return {hasAnySeatsLeft:true};}var locationsWithSeats=item.locations.filter(function(l){return l.maxNumberOfSeats>0;});var hasLocationsWithoutSeats=locationsWithSeats.length!==item.locations.length;if(!locationsWithSeats.length||hasLocationsWithoutSeats){return {hasAnySeatsLeft:true};}var locationAnswers=(_d=(_c=pollResult.answers.find(function(a){return a.questionId===getLocationQuestionId(item);}))===null||_c===void 0?void 0:_c.choices)===null||_d===void 0?void 0:_d.reduce(function(prev,curr){prev[curr.choiceId]=curr.count;return prev;},{});var locationsWithSeatsLeft=locationsWithSeats.map(function(l){return __assign(__assign({},l),{seatsLeft:Math.max(l.maxNumberOfSeats-(locationAnswers[l.locationId]||0),0)});});return {hasAnySeatsLeft:locationsWithSeatsLeft.some(function(l){return l.seatsLeft>0;}),locations:locationsWithSeatsLeft};}};var EventRegistrationRegisterSomeoneElseDialog=function EventRegistrationRegisterSomeoneElseDialog(_a){var show=_a.show,onDismiss=_a.onDismiss,onUpdate=_a.onUpdate;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=React$d.useState(),onBehalfOfUser=_b[0],setOnBehalfOfUser=_b[1];var item=useDetailViewContext().item;var isGroupAdmin=hasMinRoleInAllGroups(GroupRoles.Admin,user,item);useListener(EventResponseTriggerAction.type,function(action){if(action.itemId!==item.id){return false;}onUpdate({upn:onBehalfOfUser.userPrincipalName,displayName:onBehalfOfUser.displayName,locationId:action.locationId},action.response);onDismiss();return true;},[item.id,onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.userPrincipalName]);return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:true,className:'dialog-register-user'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.registerSomeoneElse.title'})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$u,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$2,{},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.peoplePickerLabel"},void 0),jsxRuntime.jsx(StyledPeoplePicker,{accountType:AccountType.User,allowMailItems:isGroupAdmin&&features.userInvitation,localOnly:!isGroupAdmin,includePendingInvitationUsers:true,includePendingRegistrationUsers:true,selectionMode:officeUiFabricReact.SelectionMode.single,selectedItems:onBehalfOfUser?[onBehalfOfUser]:[],onChange:function(accounts){return setOnBehalfOfUser(accounts[0]);},placeholderStringResourceKey:"Events.registration.registerSomeoneElse.peoplePickerPlaceholder",excludedItems:[user]},void 0),onBehalfOfUser&&jsxRuntime.jsxs(EventRegistrationContextProvider,__assign({onBehalfOfUpn:onBehalfOfUser.userPrincipalName},{children:[jsxRuntime.jsxs(DialogMainContent,__assign({isScrollable:!env.isAnyMobileApp},{children:[!(onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.id)&&jsxRuntime.jsx(InvitationInfoMessage,{subscriptionName:getSubscriptionName(user.subscription)},void 0),jsxRuntime.jsx(StyledPollDisplay,{},void 0)]}),void 0),jsxRuntime.jsx(officeUiFabricReact.DialogFooter,{children:jsxRuntime.jsxs(Buttons,{children:[jsxRuntime.jsx(CancelButton,{onClick:onDismiss},void 0),jsxRuntime.jsx(EventDetailViewUserRegistration,{hideInfoMessage:true},void 0)]},void 0)},void 0)]}),onBehalfOfUser.userPrincipalName)]}),void 0)}),void 0);};var Host$u=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Host",componentId:"sc-1rziepe-0"})(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: ","px) {\n width: 400px;\n }\n\n .ms-Dialog-action {\n display: block;\n margin: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n @media (min-width: ","px) {\n width: 400px;\n }\n\n .ms-Dialog-action {\n display: block;\n margin: 0;\n }\n"])),minScreenSize.small);var Buttons=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Buttons",componentId:"sc-1rziepe-1"})(templateObject_2$M||(templateObject_2$M=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-right: 4px; /* buttons alignment on the right */\n"],["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-right: 4px; /* buttons alignment on the right */\n"])));var StyledPeoplePicker=_styled__default["default"](PeoplePicker).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPeoplePicker",componentId:"sc-1rziepe-2"})(templateObject_3$w||(templateObject_3$w=__makeTemplateObject(["\n margin: ","px 0 ","px 0;\n\n .ms-BasePicker-text {\n padding: 0 !important;\n }\n"],["\n margin: ","px 0 ","px 0;\n\n .ms-BasePicker-text {\n padding: 0 !important;\n }\n"])),spacingS,spacingM);var DialogMainContent=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__DialogMainContent",componentId:"sc-1rziepe-3"})(templateObject_5$k||(templateObject_5$k=__makeTemplateObject(["\n ","\n margin-bottom: auto;\n"],["\n ","\n margin-bottom: auto;\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_4$l||(templateObject_4$l=__makeTemplateObject(["\n max-height: 300px;\n overflow: auto;\n "],["\n max-height: 300px;\n overflow: auto;\n "])));});var StyledPollDisplay=_styled__default["default"](PollDisplay).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPollDisplay",componentId:"sc-1rziepe-4"})(templateObject_6$d||(templateObject_6$d=__makeTemplateObject(["\n max-width: calc(100% - 10px);\n padding-left: 4px; // needed for the focus indicator\n"],["\n max-width: calc(100% - 10px);\n padding-left: 4px; // needed for the focus indicator\n"])));var CancelButton=function CancelButton(_a){var onClick=_a.onClick;return jsxRuntime.jsx(StyledCancelButton,__assign({onClick:onClick},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0);};var InvitationInfoMessage=function InvitationInfoMessage(_a){var subscriptionName=_a.subscriptionName;return jsxRuntime.jsxs(InfoMessageHost,{children:[jsxRuntime.jsx(InfoIcon,{iconName:"info"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.userWillBeInvited",values:{subscriptionName:subscriptionName}},void 0)]},void 0);};var InfoMessageHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoMessageHost",componentId:"sc-1rziepe-5"})(templateObject_7$8||(templateObject_7$8=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n"])),spacingM);var InfoIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoIcon",componentId:"sc-1rziepe-6"})(templateObject_8$7||(templateObject_8$7=__makeTemplateObject(["\n padding-right: ","px;\n"],["\n padding-right: ","px;\n"])),spacingS);var StyledCancelButton=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledCancelButton",componentId:"sc-1rziepe-7"})(templateObject_9$5||(templateObject_9$5=__makeTemplateObject(["\n && {\n margin-right: ","px;\n }\n"],["\n && {\n margin-right: ","px;\n }\n"])),spacingM);var DialogGlobalStyle$2=_styled.createGlobalStyle(templateObject_10$4||(templateObject_10$4=__makeTemplateObject(["\n .dialog-register-user {\n .ms-Overlay {\n background-color: transparent !important;\n }\n\n .ms-Dialog-main {\n box-shadow: none !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n min-height: 466px;\n }\n }\n"],["\n .dialog-register-user {\n .ms-Overlay {\n background-color: transparent !important;\n }\n\n .ms-Dialog-main {\n box-shadow: none !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n min-height: 466px;\n }\n }\n"])),maxScreenSize.small);var templateObject_1$1i,templateObject_2$M,templateObject_3$w,templateObject_4$l,templateObject_5$k,templateObject_6$d,templateObject_7$8,templateObject_8$7,templateObject_9$5,templateObject_10$4;var EventRegistrationRegisterSomeoneElseButton=function EventRegistrationRegisterSomeoneElseButton(_a){var item=_a.item,onRegister=_a.onRegister,onDeregister=_a.onDeregister;var user=useCurrentUser();var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(StyledButton$1,__assign({iconProps:{iconName:'AddFriend'},onClick:function(){return setShowDialog(true);}},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.title"},void 0)}),void 0),showDialog&&jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseDialog,{onDismiss:handleDismiss,onUpdate:handleUpdate,show:showDialog},void 0)]},void 0);function handleDismiss(){setShowDialog(false);}function handleUpdate(participant,response){if(response===EventResponse.Registered){onRegister===null||onRegister===void 0?void 0:onRegister(participant);}else {onDeregister===null||onDeregister===void 0?void 0:onDeregister(participant);}}};var StyledButton$1=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseButton__StyledButton",componentId:"sc-mgwolr-0"})(templateObject_1$1h||(templateObject_1$1h=__makeTemplateObject(["\n && {\n height: auto;\n padding: 0;\n margin-bottom: ","px;\n border: 0;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n margin-bottom: ","px;\n border: 0;\n }\n"])),spacingS);var templateObject_1$1h;var EventRegistrationDeregisterPersonButton=function EventRegistrationDeregisterPersonButton(_a){var item=_a.item,participant=_a.participant,onDeregistered=_a.onDeregistered;var user=useCurrentUserContext().user;var refreshUserDetails=useRefreshUserDetails();var setEventRegistration=useEventRegistrationApi().setEventRegistration;var showToast=useNotificationContext().showToast;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Events.registration.deRegisterSomeoneElse.title",values:{name:participant.displayName}},{children:jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onClick:function(){return setShowDialog(true);},ariaLabel:formatMessage({id:'Events.registration.deRegisterSomeoneElse.title'},{name:participant.displayName})},void 0)}),void 0),showDialog&&jsxRuntime.jsx(ConfirmDialog,{showDialog:showDialog,titleResourceKey:"Events.registration.deRegisterSomeoneElse.confirmTitle",titleResourceValues:{name:participant.displayName},onConfirm:deRegister,onClose:function(){return setShowDialog(false);}},void 0)]},void 0);function deRegister(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:onDeregistered();return [4/*yield*/,setEventRegistration(item.id,EventResponse.NotSet,null,null,participant.upn)];case 1:_a.sent();refreshUserDetails();showToast('Events.registration.onBehalfOfDeregistrationSuccess',{mail:participant.displayName});return [2/*return*/];}});});}};var EventRegistrationParticipantsDialog=function EventRegistrationParticipantsDialog(_a){var numberOfParticipants=_a.numberOfParticipants,show=_a.show,onDismiss=_a.onDismiss;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:false,className:'dialog-event-participants'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.participants'},{count:numberOfParticipants})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$t,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$1,{},void 0),jsxRuntime.jsx(ParticipantsList,{},void 0)]}),void 0)}),void 0);};var Host$t=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__Host",componentId:"sc-1biaauh-0"})(templateObject_1$1g||(templateObject_1$1g=__makeTemplateObject(["\n @media (min-width: ","px) {\n width: 400px;\n }\n"],["\n @media (min-width: ","px) {\n width: 400px;\n }\n"])),minScreenSize.small);var DialogGlobalStyle$1=_styled.createGlobalStyle(templateObject_2$L||(templateObject_2$L=__makeTemplateObject(["\n .dialog-event-participants {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-event-participants {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var ParticipantsList=function ParticipantsList(){var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var getParticipants=useEventRegistrationApi().getParticipants;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var _a=React$d.useContext(PollUserContext),fetchPollResults=_a.fetchPollResults,publishableItem=_a.item;var item=publishableItem;var _b=usePromise$2(getSortedParticipants,[],[item.id]),unfilteredParticipants=_b[0],isLoading=_b[1],setParticipants=_b[3];var handleSearchDebounced=useDebouncedCallback(handleSearch,300)[0];var _c=React$d.useState(),filteredParticipants=_c[0],setFilteredParticipants=_c[1];var participants=filteredParticipants||unfilteredParticipants;return jsxRuntime.jsxs(ListHost,{children:[jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseButton,{item:item,onDeregister:handleDeregister,onRegister:handleRegister},void 0),jsxRuntime.jsx(SearchArea,{children:jsxRuntime.jsx(StyledSearchBox$1,{placeholder:formatMessage({id:'Events.registration.participants.search.placeholder'}),disabled:isLoading,onChange:function(_,value){return handleSearchDebounced(unfilteredParticipants,value);},iconProps:{style:{color:textColors.default}}},void 0)},void 0),isLoading&&jsxRuntime.jsx(Spinner,{},void 0),jsxRuntime.jsx(ListContainer,__assign({isScrollable:!env.isAnyMobileApp},{children:participants.map(function(p){var showDeregisterButton=p.upn!==user.userPrincipalName;return jsxRuntime.jsxs(ListRow,{children:[jsxRuntime.jsx(PersonaCardWrapper,__assign({showDeregisterButton:showDeregisterButton},{children:jsxRuntime.jsx(StyledPersonaCard$4,__assign({upn:p.upn},{children:jsxRuntime.jsx(StyledAvatar$3,{upn:p.upn,text:p.displayName,secondaryText:p.location&&formatMessage({id:'Events.registration.participants.location'},{location:p.location})},void 0)}),void 0)}),void 0),showDeregisterButton&&jsxRuntime.jsx(EventRegistrationDeregisterPersonButton,{item:item,participant:p,onDeregistered:function(){return handleDeregister(p);}},void 0)]},p.upn);})}),void 0),!isLoading&&!participants.length&&jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0)]},void 0);function getSortedParticipants(){return __awaiter(this,void 0,void 0,function(){var numberOfLocations,locationsMap,participants;return __generator(this,function(_a){switch(_a.label){case 0:numberOfLocations=item===null||item===void 0?void 0:item.locations.length;locationsMap=getLocations();return [4/*yield*/,getParticipants(item.id)];case 1:participants=_a.sent()||[];return [2/*return*/,participants.map(function(p){return __assign(__assign({},p),{location:numberOfLocations>1?locationsMap[p.locationId]||'':''});}).sort(function(a,b){var locationCompare=(locationsMap[a.locationId]||'').localeCompare(locationsMap[b.locationId]||'');if(locationCompare!==0){return locationCompare;}return a.displayName.localeCompare(b.displayName);})];}});});}function getLocations(){var _a;return ((_a=item.locations)===null||_a===void 0?void 0:_a.reduce(function(prev,curr){prev[curr.locationId]=curr.name;return prev;},{}))||{};}function handleSearch(unfilteredParticipants,searchValue){if(!searchValue){setFilteredParticipants(null);return;}var filter=new RegExp(searchValue,'i');setFilteredParticipants(unfilteredParticipants.filter(function(p){return (p.displayName+"|"+p.upn+"|"+p.location).search(filter)>-1;}));}function handleDeregister(participant){setParticipants(function(ps){return ps.filter(function(p){return p.upn!==participant.upn;});});fetchPollResults();setFilteredParticipants(null);}function handleRegister(participant){setParticipants(function(ps){return ps.concat([__assign(__assign({},participant),{location:getLocations()[participant.locationId]||''})]);});fetchPollResults();setFilteredParticipants(null);}};var ListContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListContainer",componentId:"sc-1biaauh-1"})(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n padding: 4px;\n\n ","\n"],["\n padding: 4px;\n\n ","\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_3$v||(templateObject_3$v=__makeTemplateObject(["\n max-height: 382px;\n overflow: auto;\n "],["\n max-height: 382px;\n overflow: auto;\n "])));});var SearchArea=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__SearchArea",componentId:"sc-1biaauh-2"})(templateObject_5$j||(templateObject_5$j=__makeTemplateObject(["\n margin-bottom: ","px;\n display: flex;\n"],["\n margin-bottom: ","px;\n display: flex;\n"])),spacingM);var StyledSearchBox$1=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledSearchBox",componentId:"sc-1biaauh-3"})(templateObject_6$c||(templateObject_6$c=__makeTemplateObject(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"])));var ListRow=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListRow",componentId:"sc-1biaauh-4"})(templateObject_7$7||(templateObject_7$7=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: ","px;\n"],["\n display: flex;\n align-items: center;\n margin-bottom: ","px;\n"])),spacingS);var PersonaCardWrapper=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__PersonaCardWrapper",componentId:"sc-1biaauh-5"})(templateObject_8$6||(templateObject_8$6=__makeTemplateObject(["\n width: calc(100% - ","px);\n"],["\n width: calc(100% - ","px);\n"])),function(p){return p.showDeregisterButton?32:0;});var StyledPersonaCard$4=_styled__default["default"](PersonaCard).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledPersonaCard",componentId:"sc-1biaauh-6"})(templateObject_9$4||(templateObject_9$4=__makeTemplateObject(["\n width: 100%;\n\n & > * {\n width: 100%;\n }\n"],["\n width: 100%;\n\n & > * {\n width: 100%;\n }\n"])));var StyledAvatar$3=_styled__default["default"](Avatar).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledAvatar",componentId:"sc-1biaauh-7"})(templateObject_10$3||(templateObject_10$3=__makeTemplateObject(["\n .ms-Persona-secondaryText {\n white-space: initial;\n }\n\n height: auto;\n\n > div:first-child {\n align-self: flex-start;\n }\n"],["\n .ms-Persona-secondaryText {\n white-space: initial;\n }\n\n height: auto;\n\n > div:first-child {\n align-self: flex-start;\n }\n"])));var ListHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListHost",componentId:"sc-1biaauh-8"})(templateObject_11$2$1||(templateObject_11$2$1=__makeTemplateObject([""],[""])));var templateObject_1$1g,templateObject_2$L,templateObject_3$v,templateObject_4$k,templateObject_5$j,templateObject_6$c,templateObject_7$7,templateObject_8$6,templateObject_9$4,templateObject_10$3,templateObject_11$2$1;var EventRegistrationParticipantsLink=function EventRegistrationParticipantsLink(){var _a;var user=useCurrentUser();var _b=React$d.useContext(PollUserContext),pollResult=_b.pollResult,publishableItem=_b.item;var item=publishableItem;var _c=React$d.useState(false),showParticipants=_c[0],setShowParticipants=_c[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(user.isPublicUser||(pollResult===null||pollResult===void 0?void 0:pollResult.totalFeedbackCount)==null){return null;}var isUserAuthor=hasMinRoleInAllGroups(GroupRoles.Author,user,item);var canOpenParticipantsDialog=isUserAuthor||pollResult.totalFeedbackCount>0&&((_a=item.registrationSettings)===null||_a===void 0?void 0:_a.showParticipantsToEverybody);return jsxRuntime.jsxs("div",__assign({"data-poll-result-total-count":pollResult.totalFeedbackCount},{children:[!canOpenParticipantsDialog?jsxRuntime.jsx(NoParticipantsContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.participants.count",values:{count:pollResult.totalFeedbackCount}},void 0)},void 0):jsxRuntime.jsx(ParticipantsButton,__assign({onClick:function(){return setShowParticipants(true);},color:palette.accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:isUserAuthor?'Events.registration.participants.viewAndManage':'Events.registration.participants.count',values:{count:pollResult.totalFeedbackCount}},void 0)}),void 0),jsxRuntime.jsx(EventRegistrationParticipantsDialog,{numberOfParticipants:pollResult.totalFeedbackCount,show:showParticipants,onDismiss:function(){return setShowParticipants(false);}},void 0)]}),void 0);};var NoParticipantsContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsLink__NoParticipantsContainer",componentId:"sc-44nkgi-0"})(templateObject_1$1f||(templateObject_1$1f=__makeTemplateObject(["\n color: ",";\n font-size: ","px;\n"],["\n color: ",";\n font-size: ","px;\n"])),function(p){return p.theme.palette.neutralTertiary;},fontSizeSmall);var ParticipantsButton=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationParticipantsLink__ParticipantsButton",componentId:"sc-44nkgi-1"})(templateObject_2$K||(templateObject_2$K=__makeTemplateObject(["\n && {\n height: auto;\n padding: 0;\n font-size: ","px;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n font-size: ","px;\n }\n"])),fontSizeSmall);var templateObject_1$1f,templateObject_2$K;var EventDetailViewRegistrationPoll=function EventDetailViewRegistrationPoll(){return jsxRuntime.jsx(EventRegistrationContextProvider,{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(EventRegistrationParticipantsLink,{},void 0),jsxRuntime.jsx(StyledEventUserRegistration,{},void 0),jsxRuntime.jsx(StyledResponseExportButton,{},void 0)]},void 0)},void 0);};var StyledEventUserRegistration=_styled__default["default"](EventDetailViewUserRegistration).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledEventUserRegistration",componentId:"sc-1kxjndz-0"})(templateObject_1$1e||(templateObject_1$1e=__makeTemplateObject(["\n && {\n margin-top: ","px;\n }\n"],["\n && {\n margin-top: ","px;\n }\n"])),spacingS);var StyledResponseExportButton=_styled__default["default"](EventDetailViewResponseExportButton).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledResponseExportButton",componentId:"sc-1kxjndz-1"})(templateObject_2$J||(templateObject_2$J=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var templateObject_1$1e,templateObject_2$J;var EventDetailViewRegistration=function EventDetailViewRegistration(){var item=useDetailViewContext().item;var isRegistrationEnabled=item.registrationSettings&&item.registrationSettings.enabled;if(isRegistrationEnabled){return jsxRuntime.jsx(EventDetailViewRegistrationPoll,{},void 0);}return jsxRuntime.jsx(DetailViewPoll,{},void 0);};var EventDetailViewCancelInformation=function EventDetailViewCancelInformation(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage;return jsxRuntime.jsx(EventCancelInformation,{item:item,language:contentLanguage},void 0);};var classof$a=classofRaw$1;// `IsArray` abstract operation
|
|
131715
|
+
var seatsResult=React$d.useMemo(getSeatsLeft,[isLoading,isLoadingPollResult,pollResult,item.id]);return jsxRuntime.jsx(EventUserRegistrationContext.Provider,__assign({value:__assign(__assign({},pollUserContext),{hasPollContext:true,eventResponse:eventResponse,setEventResponse:setEventResponse,isLoading:isLoadingPollResult||isLoading,seatsInfo:seatsResult})},{children:jsxRuntime.jsx(EventUserRegistration,{className:className,hideInfoMessage:hideInfoMessage},void 0)}),void 0);function getEventResponse(){return __awaiter(this,void 0,void 0,function(){var feedback,eventRecord;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getFeedback(ItemResourceTypes.Events,item.id,onBehalfOfUpn)];case 1:feedback=_a.sent();eventRecord=feedback&&feedback.records.find(function(r){return r.type==='eventRegistration';});return [2/*return*/,eventRecord?eventRecord.eventResponse:EventResponse.NotSet];}});});}function getSeatsLeft(){var _a,_b,_c,_d;if(isLoading||!item.registrationSettings||!item.registrationSettings.enabled||((_a=item.cancelInformation)===null||_a===void 0?void 0:_a.isCancelled)||!((_b=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_b===void 0?void 0:_b.length)||isLoadingPollResult){return {hasAnySeatsLeft:true};}var locationsWithSeats=item.locations.filter(function(l){return l.maxNumberOfSeats>0;});var hasLocationsWithoutSeats=locationsWithSeats.length!==item.locations.length;if(!locationsWithSeats.length||hasLocationsWithoutSeats){return {hasAnySeatsLeft:true};}var locationAnswers=(_d=(_c=pollResult.answers.find(function(a){return a.questionId===getLocationQuestionId(item);}))===null||_c===void 0?void 0:_c.choices)===null||_d===void 0?void 0:_d.reduce(function(prev,curr){prev[curr.choiceId]=curr.count;return prev;},{});var locationsWithSeatsLeft=locationsWithSeats.map(function(l){return __assign(__assign({},l),{seatsLeft:Math.max(l.maxNumberOfSeats-(locationAnswers[l.locationId]||0),0)});});return {hasAnySeatsLeft:locationsWithSeatsLeft.some(function(l){return l.seatsLeft>0;}),locations:locationsWithSeatsLeft};}};var EventRegistrationRegisterSomeoneElseDialog=function EventRegistrationRegisterSomeoneElseDialog(_a){var show=_a.show,onDismiss=_a.onDismiss,onUpdate=_a.onUpdate;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=React$d.useState(),onBehalfOfUser=_b[0],setOnBehalfOfUser=_b[1];var item=useDetailViewContext().item;var isGroupAdmin=hasMinRoleInAllGroups(GroupRoles.Admin,user,item);useListener(EventResponseTriggerAction.type,function(action){if(action.itemId!==item.id){return false;}onUpdate({upn:onBehalfOfUser.userPrincipalName,displayName:onBehalfOfUser.displayName,locationId:action.locationId},action.response);onDismiss();return true;},[item.id,onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.userPrincipalName]);return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:true,className:'dialog-register-user'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.registerSomeoneElse.title'})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$u,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$2,{},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.peoplePickerLabel"},void 0),jsxRuntime.jsx(StyledPeoplePicker,{accountType:AccountType.User,allowMailItems:isGroupAdmin&&features.userInvitation,localOnly:!isGroupAdmin,includePendingInvitationUsers:true,includePendingRegistrationUsers:true,selectionMode:officeUiFabricReact.SelectionMode.single,selectedItems:onBehalfOfUser?[onBehalfOfUser]:[],onChange:function(accounts){return setOnBehalfOfUser(accounts[0]);},placeholderStringResourceKey:"Events.registration.registerSomeoneElse.peoplePickerPlaceholder",excludedItems:[user]},void 0),onBehalfOfUser&&jsxRuntime.jsxs(EventRegistrationContextProvider,__assign({onBehalfOfUpn:onBehalfOfUser.userPrincipalName},{children:[jsxRuntime.jsxs(DialogMainContent,__assign({isScrollable:!env.isAnyMobileApp},{children:[!(onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.id)&&jsxRuntime.jsx(InvitationInfoMessage,{subscriptionName:getSubscriptionName(user.subscription)},void 0),jsxRuntime.jsx(StyledPollDisplay,{},void 0)]}),void 0),jsxRuntime.jsx(officeUiFabricReact.DialogFooter,{children:jsxRuntime.jsxs(Buttons,{children:[jsxRuntime.jsx(CancelButton,{onClick:onDismiss},void 0),jsxRuntime.jsx(EventDetailViewUserRegistration,{hideInfoMessage:true},void 0)]},void 0)},void 0)]}),onBehalfOfUser.userPrincipalName)]}),void 0)}),void 0);};var Host$u=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Host",componentId:"sc-1rziepe-0"})(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n\n @media (min-width: ","px) {\n width: 400px;\n }\n\n .ms-Dialog-action {\n display: block;\n margin: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n @media (min-width: ","px) {\n width: 400px;\n }\n\n .ms-Dialog-action {\n display: block;\n margin: 0;\n }\n"])),minScreenSize.small);var Buttons=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Buttons",componentId:"sc-1rziepe-1"})(templateObject_2$M||(templateObject_2$M=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-right: 4px; /* buttons alignment on the right */\n"],["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-right: 4px; /* buttons alignment on the right */\n"])));var StyledPeoplePicker=_styled__default["default"](PeoplePicker).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPeoplePicker",componentId:"sc-1rziepe-2"})(templateObject_3$w||(templateObject_3$w=__makeTemplateObject(["\n margin: ","px 0 ","px 0;\n\n .ms-BasePicker-text {\n padding: 0 !important;\n }\n"],["\n margin: ","px 0 ","px 0;\n\n .ms-BasePicker-text {\n padding: 0 !important;\n }\n"])),spacingS,spacingM);var DialogMainContent=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__DialogMainContent",componentId:"sc-1rziepe-3"})(templateObject_5$k||(templateObject_5$k=__makeTemplateObject(["\n ","\n margin-bottom: auto;\n"],["\n ","\n margin-bottom: auto;\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_4$l||(templateObject_4$l=__makeTemplateObject(["\n max-height: 300px;\n overflow: auto;\n "],["\n max-height: 300px;\n overflow: auto;\n "])));});var StyledPollDisplay=_styled__default["default"](PollDisplay).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPollDisplay",componentId:"sc-1rziepe-4"})(templateObject_6$d||(templateObject_6$d=__makeTemplateObject(["\n max-width: calc(100% - 10px);\n padding-left: 4px; // needed for the focus indicator\n"],["\n max-width: calc(100% - 10px);\n padding-left: 4px; // needed for the focus indicator\n"])));var CancelButton=function CancelButton(_a){var onClick=_a.onClick;return jsxRuntime.jsx(StyledCancelButton,__assign({onClick:onClick},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0);};var InvitationInfoMessage=function InvitationInfoMessage(_a){var subscriptionName=_a.subscriptionName;return jsxRuntime.jsxs(InfoMessageHost,{children:[jsxRuntime.jsx(InfoIcon,{iconName:"info"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.userWillBeInvited",values:{subscriptionName:subscriptionName}},void 0)]},void 0);};var InfoMessageHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoMessageHost",componentId:"sc-1rziepe-5"})(templateObject_7$8||(templateObject_7$8=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n"],["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n"])),spacingM);var InfoIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoIcon",componentId:"sc-1rziepe-6"})(templateObject_8$7||(templateObject_8$7=__makeTemplateObject(["\n padding-right: ","px;\n"],["\n padding-right: ","px;\n"])),spacingS);var StyledCancelButton=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledCancelButton",componentId:"sc-1rziepe-7"})(templateObject_9$5||(templateObject_9$5=__makeTemplateObject(["\n && {\n margin-right: ","px;\n }\n"],["\n && {\n margin-right: ","px;\n }\n"])),spacingM);var DialogGlobalStyle$2=_styled.createGlobalStyle(templateObject_10$4||(templateObject_10$4=__makeTemplateObject(["\n .dialog-register-user {\n .ms-Overlay {\n background-color: transparent !important;\n }\n\n .ms-Dialog-main {\n box-shadow: none !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n min-height: 466px;\n }\n }\n"],["\n .dialog-register-user {\n .ms-Overlay {\n background-color: transparent !important;\n }\n\n .ms-Dialog-main {\n box-shadow: none !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n min-height: 466px;\n }\n }\n"])),maxScreenSize.small);var templateObject_1$1i,templateObject_2$M,templateObject_3$w,templateObject_4$l,templateObject_5$k,templateObject_6$d,templateObject_7$8,templateObject_8$7,templateObject_9$5,templateObject_10$4;var EventRegistrationRegisterSomeoneElseButton=function EventRegistrationRegisterSomeoneElseButton(_a){var item=_a.item,onRegister=_a.onRegister,onDeregister=_a.onDeregister;var user=useCurrentUser();var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(StyledButton$1,__assign({iconProps:{iconName:'AddFriend'},onClick:function(){return setShowDialog(true);}},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.title"},void 0)}),void 0),showDialog&&jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseDialog,{onDismiss:handleDismiss,onUpdate:handleUpdate,show:showDialog},void 0)]},void 0);function handleDismiss(){setShowDialog(false);}function handleUpdate(participant,response){if(response===EventResponse.Registered){onRegister===null||onRegister===void 0?void 0:onRegister(participant);}else {onDeregister===null||onDeregister===void 0?void 0:onDeregister(participant);}}};var StyledButton$1=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseButton__StyledButton",componentId:"sc-mgwolr-0"})(templateObject_1$1h||(templateObject_1$1h=__makeTemplateObject(["\n && {\n height: auto;\n padding: 0;\n margin-bottom: ","px;\n border: 0;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n margin-bottom: ","px;\n border: 0;\n }\n"])),spacingS);var templateObject_1$1h;var EventRegistrationDeregisterPersonButton=function EventRegistrationDeregisterPersonButton(_a){var item=_a.item,participant=_a.participant,onDeregistered=_a.onDeregistered;var user=useCurrentUserContext().user;var refreshUserDetails=useRefreshUserDetails();var setEventRegistration=useEventRegistrationApi().setEventRegistration;var showToast=useNotificationContext().showToast;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Events.registration.deRegisterSomeoneElse.title",values:{name:participant.displayName}},{children:jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onClick:function(){return setShowDialog(true);},ariaLabel:formatMessage({id:'Events.registration.deRegisterSomeoneElse.title'},{name:participant.displayName})},void 0)}),void 0),showDialog&&jsxRuntime.jsx(ConfirmDialog,{showDialog:showDialog,titleResourceKey:"Events.registration.deRegisterSomeoneElse.confirmTitle",titleResourceValues:{name:participant.displayName},onConfirm:deRegister,onClose:function(){return setShowDialog(false);}},void 0)]},void 0);function deRegister(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:onDeregistered();return [4/*yield*/,setEventRegistration(item.id,EventResponse.NotSet,null,null,participant.upn)];case 1:_a.sent();refreshUserDetails();showToast('Events.registration.onBehalfOfDeregistrationSuccess',{mail:participant.displayName});return [2/*return*/];}});});}};var EventRegistrationParticipantsDialog=function EventRegistrationParticipantsDialog(_a){var numberOfParticipants=_a.numberOfParticipants,show=_a.show,onDismiss=_a.onDismiss;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:false,className:'dialog-event-participants'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.participants'},{count:numberOfParticipants})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$t,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$1,{},void 0),jsxRuntime.jsx(ParticipantsList,{},void 0)]}),void 0)}),void 0);};var Host$t=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__Host",componentId:"sc-1biaauh-0"})(templateObject_1$1g||(templateObject_1$1g=__makeTemplateObject(["\n @media (min-width: ","px) {\n width: 400px;\n }\n"],["\n @media (min-width: ","px) {\n width: 400px;\n }\n"])),minScreenSize.small);var DialogGlobalStyle$1=_styled.createGlobalStyle(templateObject_2$L||(templateObject_2$L=__makeTemplateObject(["\n .dialog-event-participants {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-event-participants {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var ParticipantsList=function ParticipantsList(){var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var getParticipants=useEventRegistrationApi().getParticipants;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var _a=React$d.useContext(PollUserContext),fetchPollResults=_a.fetchPollResults,publishableItem=_a.item;var item=publishableItem;var _b=usePromise$2(getSortedParticipants,[],[item.id]),unfilteredParticipants=_b[0],isLoading=_b[1],setParticipants=_b[3];var handleSearchDebounced=useDebouncedCallback$3(handleSearch,300)[0];var _c=React$d.useState(),filteredParticipants=_c[0],setFilteredParticipants=_c[1];var participants=filteredParticipants||unfilteredParticipants;return jsxRuntime.jsxs(ListHost,{children:[jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseButton,{item:item,onDeregister:handleDeregister,onRegister:handleRegister},void 0),jsxRuntime.jsx(SearchArea,{children:jsxRuntime.jsx(StyledSearchBox$1,{placeholder:formatMessage({id:'Events.registration.participants.search.placeholder'}),disabled:isLoading,onChange:function(_,value){return handleSearchDebounced(unfilteredParticipants,value);},iconProps:{style:{color:textColors.default}}},void 0)},void 0),isLoading&&jsxRuntime.jsx(Spinner,{},void 0),jsxRuntime.jsx(ListContainer,__assign({isScrollable:!env.isAnyMobileApp},{children:participants.map(function(p){var showDeregisterButton=p.upn!==user.userPrincipalName;return jsxRuntime.jsxs(ListRow,{children:[jsxRuntime.jsx(PersonaCardWrapper,__assign({showDeregisterButton:showDeregisterButton},{children:jsxRuntime.jsx(StyledPersonaCard$4,__assign({upn:p.upn},{children:jsxRuntime.jsx(StyledAvatar$3,{upn:p.upn,text:p.displayName,secondaryText:p.location&&formatMessage({id:'Events.registration.participants.location'},{location:p.location})},void 0)}),void 0)}),void 0),showDeregisterButton&&jsxRuntime.jsx(EventRegistrationDeregisterPersonButton,{item:item,participant:p,onDeregistered:function(){return handleDeregister(p);}},void 0)]},p.upn);})}),void 0),!isLoading&&!participants.length&&jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0)]},void 0);function getSortedParticipants(){return __awaiter(this,void 0,void 0,function(){var numberOfLocations,locationsMap,participants;return __generator(this,function(_a){switch(_a.label){case 0:numberOfLocations=item===null||item===void 0?void 0:item.locations.length;locationsMap=getLocations();return [4/*yield*/,getParticipants(item.id)];case 1:participants=_a.sent()||[];return [2/*return*/,participants.map(function(p){return __assign(__assign({},p),{location:numberOfLocations>1?locationsMap[p.locationId]||'':''});}).sort(function(a,b){var locationCompare=(locationsMap[a.locationId]||'').localeCompare(locationsMap[b.locationId]||'');if(locationCompare!==0){return locationCompare;}return a.displayName.localeCompare(b.displayName);})];}});});}function getLocations(){var _a;return ((_a=item.locations)===null||_a===void 0?void 0:_a.reduce(function(prev,curr){prev[curr.locationId]=curr.name;return prev;},{}))||{};}function handleSearch(unfilteredParticipants,searchValue){if(!searchValue){setFilteredParticipants(null);return;}var filter=new RegExp(searchValue,'i');setFilteredParticipants(unfilteredParticipants.filter(function(p){return (p.displayName+"|"+p.upn+"|"+p.location).search(filter)>-1;}));}function handleDeregister(participant){setParticipants(function(ps){return ps.filter(function(p){return p.upn!==participant.upn;});});fetchPollResults();setFilteredParticipants(null);}function handleRegister(participant){setParticipants(function(ps){return ps.concat([__assign(__assign({},participant),{location:getLocations()[participant.locationId]||''})]);});fetchPollResults();setFilteredParticipants(null);}};var ListContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListContainer",componentId:"sc-1biaauh-1"})(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n padding: 4px;\n\n ","\n"],["\n padding: 4px;\n\n ","\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_3$v||(templateObject_3$v=__makeTemplateObject(["\n max-height: 382px;\n overflow: auto;\n "],["\n max-height: 382px;\n overflow: auto;\n "])));});var SearchArea=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__SearchArea",componentId:"sc-1biaauh-2"})(templateObject_5$j||(templateObject_5$j=__makeTemplateObject(["\n margin-bottom: ","px;\n display: flex;\n"],["\n margin-bottom: ","px;\n display: flex;\n"])),spacingM);var StyledSearchBox$1=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledSearchBox",componentId:"sc-1biaauh-3"})(templateObject_6$c||(templateObject_6$c=__makeTemplateObject(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"])));var ListRow=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListRow",componentId:"sc-1biaauh-4"})(templateObject_7$7||(templateObject_7$7=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: ","px;\n"],["\n display: flex;\n align-items: center;\n margin-bottom: ","px;\n"])),spacingS);var PersonaCardWrapper=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__PersonaCardWrapper",componentId:"sc-1biaauh-5"})(templateObject_8$6||(templateObject_8$6=__makeTemplateObject(["\n width: calc(100% - ","px);\n"],["\n width: calc(100% - ","px);\n"])),function(p){return p.showDeregisterButton?32:0;});var StyledPersonaCard$4=_styled__default["default"](PersonaCard).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledPersonaCard",componentId:"sc-1biaauh-6"})(templateObject_9$4||(templateObject_9$4=__makeTemplateObject(["\n width: 100%;\n\n & > * {\n width: 100%;\n }\n"],["\n width: 100%;\n\n & > * {\n width: 100%;\n }\n"])));var StyledAvatar$3=_styled__default["default"](Avatar).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledAvatar",componentId:"sc-1biaauh-7"})(templateObject_10$3||(templateObject_10$3=__makeTemplateObject(["\n .ms-Persona-secondaryText {\n white-space: initial;\n }\n\n height: auto;\n\n > div:first-child {\n align-self: flex-start;\n }\n"],["\n .ms-Persona-secondaryText {\n white-space: initial;\n }\n\n height: auto;\n\n > div:first-child {\n align-self: flex-start;\n }\n"])));var ListHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListHost",componentId:"sc-1biaauh-8"})(templateObject_11$2$1||(templateObject_11$2$1=__makeTemplateObject([""],[""])));var templateObject_1$1g,templateObject_2$L,templateObject_3$v,templateObject_4$k,templateObject_5$j,templateObject_6$c,templateObject_7$7,templateObject_8$6,templateObject_9$4,templateObject_10$3,templateObject_11$2$1;var EventRegistrationParticipantsLink=function EventRegistrationParticipantsLink(){var _a;var user=useCurrentUser();var _b=React$d.useContext(PollUserContext),pollResult=_b.pollResult,publishableItem=_b.item;var item=publishableItem;var _c=React$d.useState(false),showParticipants=_c[0],setShowParticipants=_c[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(user.isPublicUser||(pollResult===null||pollResult===void 0?void 0:pollResult.totalFeedbackCount)==null){return null;}var isUserAuthor=hasMinRoleInAllGroups(GroupRoles.Author,user,item);var canOpenParticipantsDialog=isUserAuthor||pollResult.totalFeedbackCount>0&&((_a=item.registrationSettings)===null||_a===void 0?void 0:_a.showParticipantsToEverybody);return jsxRuntime.jsxs("div",__assign({"data-poll-result-total-count":pollResult.totalFeedbackCount},{children:[!canOpenParticipantsDialog?jsxRuntime.jsx(NoParticipantsContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.participants.count",values:{count:pollResult.totalFeedbackCount}},void 0)},void 0):jsxRuntime.jsx(ParticipantsButton,__assign({onClick:function(){return setShowParticipants(true);},color:palette.accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:isUserAuthor?'Events.registration.participants.viewAndManage':'Events.registration.participants.count',values:{count:pollResult.totalFeedbackCount}},void 0)}),void 0),jsxRuntime.jsx(EventRegistrationParticipantsDialog,{numberOfParticipants:pollResult.totalFeedbackCount,show:showParticipants,onDismiss:function(){return setShowParticipants(false);}},void 0)]}),void 0);};var NoParticipantsContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsLink__NoParticipantsContainer",componentId:"sc-44nkgi-0"})(templateObject_1$1f||(templateObject_1$1f=__makeTemplateObject(["\n color: ",";\n font-size: ","px;\n"],["\n color: ",";\n font-size: ","px;\n"])),function(p){return p.theme.palette.neutralTertiary;},fontSizeSmall);var ParticipantsButton=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationParticipantsLink__ParticipantsButton",componentId:"sc-44nkgi-1"})(templateObject_2$K||(templateObject_2$K=__makeTemplateObject(["\n && {\n height: auto;\n padding: 0;\n font-size: ","px;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n font-size: ","px;\n }\n"])),fontSizeSmall);var templateObject_1$1f,templateObject_2$K;var EventDetailViewRegistrationPoll=function EventDetailViewRegistrationPoll(){return jsxRuntime.jsx(EventRegistrationContextProvider,{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(EventRegistrationParticipantsLink,{},void 0),jsxRuntime.jsx(StyledEventUserRegistration,{},void 0),jsxRuntime.jsx(StyledResponseExportButton,{},void 0)]},void 0)},void 0);};var StyledEventUserRegistration=_styled__default["default"](EventDetailViewUserRegistration).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledEventUserRegistration",componentId:"sc-1kxjndz-0"})(templateObject_1$1e||(templateObject_1$1e=__makeTemplateObject(["\n && {\n margin-top: ","px;\n }\n"],["\n && {\n margin-top: ","px;\n }\n"])),spacingS);var StyledResponseExportButton=_styled__default["default"](EventDetailViewResponseExportButton).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledResponseExportButton",componentId:"sc-1kxjndz-1"})(templateObject_2$J||(templateObject_2$J=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var templateObject_1$1e,templateObject_2$J;var EventDetailViewRegistration=function EventDetailViewRegistration(){var item=useDetailViewContext().item;var isRegistrationEnabled=item.registrationSettings&&item.registrationSettings.enabled;if(isRegistrationEnabled){return jsxRuntime.jsx(EventDetailViewRegistrationPoll,{},void 0);}return jsxRuntime.jsx(DetailViewPoll,{},void 0);};var EventDetailViewCancelInformation=function EventDetailViewCancelInformation(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage;return jsxRuntime.jsx(EventCancelInformation,{item:item,language:contentLanguage},void 0);};var classof$a=classofRaw$1;// `IsArray` abstract operation
|
|
131704
131716
|
// https://tc39.github.io/ecma262/#sec-isarray
|
|
131705
131717
|
var isArray$3=Array.isArray||function isArray(arg){return classof$a(arg)=='Array';};var $$3=_export;var isArray$2=isArray$3;var nativeReverse=[].reverse;var test=[1,2];// `Array.prototype.reverse` method
|
|
131706
131718
|
// https://tc39.github.io/ecma262/#sec-array.prototype.reverse
|
|
@@ -131726,7 +131738,7 @@
|
|
|
131726
131738
|
if((_a=match.params)===null||_a===void 0?void 0:_a.threadId){history.push(__assign(__assign({},location),{pathname:buildPath("/"+type+"/"+item.id)}));}setThreadId(null);}function hasFeedbackEnabled(feedbackType){return hasFeedbackType(feedbackSettings||{},feedbackType);}function handleOnShowAllComments(){var _a;setThreadId(null);if((_a=match.params)===null||_a===void 0?void 0:_a.threadId){history.push(__assign(__assign({},location),{pathname:buildPath(type+"/"+item.id)}));}}};var StyledFeedbackButtons=_styled__default["default"](FeedbackButtons).withConfig({displayName:"FeedbackSection__StyledFeedbackButtons",componentId:"sc-3bzj8d-0"})(templateObject_1$17||(templateObject_1$17=__makeTemplateObject(["\n padding-bottom: ",";\n @media (max-width: 500px) {\n margin-bottom: 15px;\n }\n"],["\n padding-bottom: ",";\n @media (max-width: 500px) {\n margin-bottom: 15px;\n }\n"])),function(p){return p.showComments?'15px':'30px';});var templateObject_1$17;var FeedbackButtonLike=function FeedbackButtonLike(_a){var isReadOnly=_a.isReadOnly;var refreshStatistics=useNewsApi().refreshStatistics;var features=useFeatures();var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,likeCount=_b.statistics.likeCount,resourceType=_b.resourceType,hasFeedbackEnabled=_b.hasFeedbackEnabled;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var showError=useNotificationContext().showError;var _d=usePromise$2(getLikeState,false,[item.id]),isLiked=_d[0],isLoading=_d[1],setIsLiked=_d[3];var _e=React$d.useState(false),isSaving=_e[0],setIsSaving=_e[1];if(!features.likes||!hasFeedbackEnabled('like')){return null;}return jsxRuntime.jsx(LikeButton,{itemType:resourceType,itemId:item.id,isActive:isLiked,readOnly:isLoading||isSaving||isReadOnly,count:likeCount,onClick:function(){return handleLikeChanged(!isLiked);},isDemoContent:item.isDemoContent},void 0);function getLikeState(){var _a;return __awaiter(this,void 0,void 0,function(){var hasPublishedVersion,feedbackSummary;return __generator(this,function(_b){switch(_b.label){case 0:hasPublishedVersion=item.publishedVersionId!=null||item.isCurrentPublishedVersion;if(isReadOnly&&!hasPublishedVersion){return [2/*return*/,false];}if(!features.likes||!hasFeedbackEnabled('like')){return [2/*return*/,false];}return [4/*yield*/,getFeedback(resourceType,item.id)];case 1:feedbackSummary=_b.sent();return [2/*return*/,((_a=feedbackSummary.records)===null||_a===void 0?void 0:_a.findIndex(function(r){return r.type==='like';}))>-1];}});});}function handleLikeChanged(isNowLiked){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_b){switch(_b.label){case 0:if(isSaving||isLoading){return [2/*return*/];}setIsSaving(true);setIsLiked(isNowLiked);return [4/*yield*/,refreshStatistics(item.id,{likeCount:isNowLiked?1:-1})];case 1:_b.sent();_b.label=2;case 2:_b.trys.push([2,7,9,10]);if(!isNowLiked)return [3/*break*/,4];return [4/*yield*/,setFeedback(resourceType,item.id,'like')];case 3:_b.sent();return [3/*break*/,6];case 4:return [4/*yield*/,unsetFeedback(resourceType,item.id,'like')];case 5:_b.sent();_b.label=6;case 6:return [3/*break*/,10];case 7:_b.sent();setIsLiked(!isNowLiked);return [4/*yield*/,refreshStatistics(item.id,{likeCount:isNowLiked?-1:1})];case 8:_b.sent();showError('NewsArticle.setFeedback_error');return [3/*break*/,10];case 9:setIsSaving(false);return [7/*endfinally*/];case 10:return [2/*return*/];}});});}};var FeedbackButtonComments=function FeedbackButtonComments(){var features=useFeatures();var formatMessage=useIntl().formatMessage;var _a=React$d.useContext(FeedbackButtonContext),commentCount=_a.statistics.commentCount,resourceType=_a.resourceType,hasFeedbackEnabled=_a.hasFeedbackEnabled;if(!features.comments||!hasFeedbackEnabled('comment')){return null;}return jsxRuntime.jsx(FeedbackCountButton,{count:commentCount,iconName:"Chat",readOnly:true,tooltipResourceKey:resourceType===ItemResourceTypes.Pages?'Page.numberOfComments':'NewsArticle.numberOfComments',tooltipResourceKeyValues:{count:commentCount},ariaLabel:formatMessage({id:'AriaLabel.commentsButton'}),feedbackType:"comment"},void 0);};var FeedbackButtonViews=function FeedbackButtonViews(){var _a=React$d.useContext(FeedbackButtonContext),readCount=_a.statistics.readCount,resourceType=_a.resourceType;var formatMessage=useIntl().formatMessage;var resourceKey=getResourceKey();return jsxRuntime.jsx(FeedbackCountButton,{count:readCount,iconName:"View",readOnly:true,tooltipResourceKey:resourceKey,tooltipResourceKeyValues:{count:readCount},ariaLabel:formatMessage({id:resourceKey},{count:readCount}),feedbackType:"view"},void 0);function getResourceKey(){if(resourceType===ItemResourceTypes.Pages){return 'Page.readersTooltip';}if(resourceType===ItemResourceTypes.News){return 'NewsArticle.readersTooltip';}return 'Events.readersTooltip';}};var EventDownloadCalendarFileButton=function EventDownloadCalendarFileButton(_a){var item=_a.item,className=_a.className;var user=useCurrentUser();var createApiUrl=useApiFactory().createApiUrl;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$r,__assign({className:className},{children:jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Events.downloadCalendarFile"},{children:jsxRuntime.jsx(DownloadLink,__assign({href:getDownloadUrl(),"aria-label":formatMessage({id:'Events.downloadCalendarFile'})},{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:"AddEvent"},void 0)}),void 0)}),void 0)}),void 0);function getDownloadUrl(){return createApiUrl("/events/"+encodeURI(item.id)+"/export",{access_token:item.fileAccessToken,subscriptionId:user.subscription.id});}};var Host$r=_styled__default["default"].div.withConfig({displayName:"EventDownloadCalendarFileButton__Host",componentId:"sc-1hjuosf-0"})(templateObject_1$16||(templateObject_1$16=__makeTemplateObject(["\n && {\n > div {\n display: inline-block;\n }\n\n i {\n font-size: 22px;\n }\n }\n"],["\n && {\n > div {\n display: inline-block;\n }\n\n i {\n font-size: 22px;\n }\n }\n"])));var DownloadLink=_styled__default["default"].a.withConfig({displayName:"EventDownloadCalendarFileButton__DownloadLink",componentId:"sc-1hjuosf-1"})(templateObject_2$D||(templateObject_2$D=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ","px;\n width: ","px;\n color: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ","px;\n width: ","px;\n color: ",";\n"])),feedbackButtonHeight,feedbackButtonHeight,function(p){return p.theme.textColors.default;});var templateObject_1$16,templateObject_2$D;var EventFeedbackButtonDownloadCalendarFile=function EventFeedbackButtonDownloadCalendarFile(){var item=React$d.useContext(FeedbackButtonContext).item;return jsxRuntime.jsx(StyledEventDownloadCalendarFileButton,{item:item},void 0);};var StyledEventDownloadCalendarFileButton=_styled__default["default"](EventDownloadCalendarFileButton).withConfig({displayName:"EventFeedbackButtonDownloadCalendarFile__StyledEventDownloadCalendarFileButton",componentId:"sc-dsznxm-0"})(templateObject_1$15||(templateObject_1$15=__makeTemplateObject(["\n min-width: 60px;\n margin-right: 9px;\n"],["\n min-width: 60px;\n margin-right: 9px;\n"])));var templateObject_1$15;var ShareButton=function ShareButton(_a){var url=_a.url,isReadOnly=_a.isReadOnly,className=_a.className;var copyContainerRef=React$d.useRef();var _b=React$d.useState(false),didCopy=_b[0],setDidCopy=_b[1];var onShare=React$d.useContext(LinkContext).onShare;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$q,__assign({className:className},{children:jsxRuntime.jsx(Tooltip,__assign({resourceKey:"ShareButton.ActionDescription"},{children:jsxRuntime.jsxs(StyledIconWithCallout,__assign({icon:"Share",onIconClick:function(){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,onShare(url)];case 1:return [2/*return*/,_a.sent()];}});});},onCalloutDismissed:function(){return setDidCopy(false);},directionalHint:officeUiFabricReact.DirectionalHint.topAutoEdge,ariaLabel:formatMessage({id:'ShareButton.ActionDescription'}),disabled:isReadOnly},{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"ShareButton.ActionDescription"},void 0),jsxRuntime.jsxs(CopyContainer,__assign({ref:copyContainerRef},{children:[jsxRuntime.jsx(CopyField,{value:url,readOnly:true,onFocus:handleTextFieldFocus,onMouseUp:function(e){return e.preventDefault();},ariaLabel:formatMessage({id:'AriaLabel.shareButton.copyField'})},void 0),jsxRuntime.jsx(CopyIconButton,{iconProps:{iconName:'Copy'},onClick:copyToClipBoard,ariaLabel:formatMessage({id:'AriaLabel.copyText'})},void 0)]}),void 0),didCopy&&jsxRuntime.jsx(FormattedMessage$1,{id:"ShareButton.CopySuccess"},void 0)]}),void 0)}),void 0)}),void 0);function copyToClipBoard(){var tempTextField=document.createElement('textarea');tempTextField.innerText=url;copyContainerRef.current.appendChild(tempTextField);tempTextField.select();document.execCommand('copy');copyContainerRef.current.removeChild(tempTextField);setDidCopy(true);}function handleTextFieldFocus(event){event.target.select();}};var Host$q=_styled__default["default"].div.withConfig({displayName:"ShareButton__Host",componentId:"sc-6avyh0-0"})(templateObject_1$14||(templateObject_1$14=__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));var StyledIconWithCallout=_styled__default["default"](IconWithCallout).withConfig({displayName:"ShareButton__StyledIconWithCallout",componentId:"sc-6avyh0-1"})(templateObject_2$C||(templateObject_2$C=__makeTemplateObject(["\n button {\n height: ","px;\n }\n\n i {\n font-size: ","px;\n }\n"],["\n button {\n height: ","px;\n }\n\n i {\n font-size: ","px;\n }\n"])),feedbackButtonHeight,fontSizeMedium+4);var CopyContainer=_styled__default["default"].div.withConfig({displayName:"ShareButton__CopyContainer",componentId:"sc-6avyh0-2"})(templateObject_3$r||(templateObject_3$r=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 15px 0;\n"],["\n display: flex;\n align-items: center;\n padding: 15px 0;\n"])));var CopyField=_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"ShareButton__CopyField",componentId:"sc-6avyh0-3"})(templateObject_4$h||(templateObject_4$h=__makeTemplateObject(["\n padding-right: ","px;\n width: 400px;\n"],["\n padding-right: ","px;\n width: 400px;\n"])),spacingS);var CopyIconButton=_styled__default["default"](IconButton).withConfig({displayName:"ShareButton__CopyIconButton",componentId:"sc-6avyh0-4"})(templateObject_5$g||(templateObject_5$g=__makeTemplateObject(["\n i {\n font-size: ","px;\n }\n"],["\n i {\n font-size: ","px;\n }\n"])),fontSizeMedium+4);var templateObject_1$14,templateObject_2$C,templateObject_3$r,templateObject_4$h,templateObject_5$g;var FeedbackButtonShare=function FeedbackButtonShare(_a){var isReadOnly=_a.isReadOnly;var item=React$d.useContext(FeedbackButtonContext).item;return jsxRuntime.jsx(ShareButton,{url:item.permalink,isReadOnly:isReadOnly},void 0);};var ConfirmationStatistics=function ConfirmationStatistics(_a){var count=_a.count;return jsxRuntime.jsxs(Host$p,{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:"Accept"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:'NewsArticle.feedback.statistic.label',values:{count:count}},void 0)]},void 0);};var Host$p=_styled__default["default"].div.withConfig({displayName:"ConfirmationStatistics__Host",componentId:"sc-1wprhw1-0"})(templateObject_1$13||(templateObject_1$13=__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n\n i {\n margin-right: ","px;\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n display: inline-flex;\n align-items: center;\n\n i {\n margin-right: ","px;\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),spacingXs-1,maxScreenSize.medium,fontSizeSmall);var templateObject_1$13;var ConfirmationStatisticsExport=function ConfirmationStatisticsExport(_a){var item=_a.item;var createApiUrl=useApiFactory().createApiUrl;var formatMessage=useIntl().formatMessage;var exchangeShortLivedToken=useFileAccessTokenApi().exchangeShortLivedToken;return jsxRuntime.jsx(Host$o,__assign({resourceKey:"DownloadButton.downloadTooltip"},{children:jsxRuntime.jsx(DownloadButton$1,{onClick:startDownload,iconProps:{iconName:'Download'},"aria-label":formatMessage({id:'AriaLabel.confirmationStatisticsExportButton'})},void 0)}),void 0);function startDownload(){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(item.fileAccessToken)];case 1:token=_a.sent();window.open(getFileUrlWithToken(item.id,token||item.fileAccessToken));return [2/*return*/];}});});}function getFileUrlWithToken(newsId,fileDownloadToken){return createApiUrl("/news/"+newsId+"/statistics/confirmations",{access_token:fileDownloadToken});}};var DownloadButton$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"ConfirmationStatisticsExport__DownloadButton",componentId:"sc-1gesr6p-0"})(templateObject_1$12||(templateObject_1$12=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(p){return p.theme.textColors.default;});var Host$o=_styled__default["default"](Tooltip).withConfig({displayName:"ConfirmationStatisticsExport__Host",componentId:"sc-1gesr6p-1"})(templateObject_2$B||(templateObject_2$B=__makeTemplateObject(["\n && {\n display: inline-flex;\n align-items: center;\n }\n"],["\n && {\n display: inline-flex;\n align-items: center;\n }\n"])));var templateObject_1$12,templateObject_2$B;var FeedbackButtonConfirmations=function FeedbackButtonConfirmations(){var features=useFeatures();var user=useCurrentUser();var _a=React$d.useContext(FeedbackButtonContext),item=_a.item,confirmationCount=_a.statistics.confirmationCount,hasFeedbackEnabled=_a.hasFeedbackEnabled;if(!features.confirmation||!hasFeedbackEnabled('confirm')||!hasMinRoleInSomeGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs(Host$n,{children:[jsxRuntime.jsx(ConfirmationStatistics,{count:confirmationCount},void 0),jsxRuntime.jsx(ConfirmationStatisticsExport,{item:item},void 0)]},void 0);};var Host$n=_styled__default["default"].span.withConfig({displayName:"FeedbackButtonConfirmations__Host",componentId:"sc-sgky21-0"})(templateObject_1$11||(templateObject_1$11=__makeTemplateObject(["\n margin-left: 30px;\n\n @media all and (max-width: ","px) {\n margin-left: 0;\n width: 100%;\n }\n"],["\n margin-left: 30px;\n\n @media all and (max-width: ","px) {\n margin-left: 0;\n width: 100%;\n }\n"])),maxScreenSize.medium);var templateObject_1$11;var EventDetailViewFeedbackSection=function EventDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage;// Info: We need this check so that in Teams on mobile we don't show the
|
|
131727
131739
|
return jsxRuntime.jsxs(StyledFeedbackSection$2,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(EventFeedbackButtonDownloadCalendarFile,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection$2=_styled__default["default"](FeedbackSection).withConfig({displayName:"EventDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-1m82rje-0"})(templateObject_1$10||(templateObject_1$10=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$10;var EventDetailViewPlugins=function EventDetailViewPlugins(_a){var eventItem=_a.eventItem;return jsxRuntime.jsx(Host$m,{area:ExtensionArea.eventDetailViewSection,eventItem:eventItem},void 0);};var Host$m=_styled__default["default"](Plugins)(templateObject_1$$||(templateObject_1$$=__makeTemplateObject(["\n margin: auto -","px;\n padding: 0 ","px;\n\n @media (min-width: ","px) {\n margin: auto -","px;\n padding: 0 ","px;\n }\n"],["\n margin: auto -","px;\n padding: 0 ","px;\n\n @media (min-width: ","px) {\n margin: auto -","px;\n padding: 0 ","px;\n }\n"])),spacingM,spacingM,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$$;var DateMode;(function(DateMode){DateMode[DateMode["Published"]=0]="Published";DateMode[DateMode["Modified"]=1]="Modified";})(DateMode||(DateMode={}));var DateInfo$1=function DateInfo(_a){var item=_a.item,dateMode=_a.dateMode,expiryDate=_a.expiryDate,className=_a.className;var features=useFeatures();return jsxRuntime.jsxs("span",__assign({className:className},{children:[dateMode===DateMode.Modified&&getModifiedInfo(),dateMode===DateMode.Published&&getPublishInfo(),expiryDate&&features.expiryDate&&getArchiveInfo()]}),void 0);function getPublishInfo(){var format=isSameDay(item.publishingDate)?'relative':'absolute';if(!item.publishingDate){if(item.status!==WorkflowStatus.approved){return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.publishWhenApproved"},void 0);}return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.published"},void 0);}var values={start:jsxRuntime.jsx(DateTime,{value:item.publishingDate},void 0)};if(new Date(item.publishingDate)>=new Date()){return jsxRuntime.jsx(FormattedMessage$1,{id:item.status!==WorkflowStatus.approved?"DateInfo.publishOnIfApproved."+format:"DateInfo.publishOn."+format,values:values},void 0);}if(item.status===WorkflowStatus.approved){return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.publishedOn."+format,values:values},void 0);}if(!!item.publishedVersionId){return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.publishedWithPendingEdits."+format,values:values},void 0);}return jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.missingApproval."+format,values:values},void 0);}function getArchiveInfo(){var format=isSameDay(expiryDate)?'relative':'absolute';var values={end:jsxRuntime.jsx(DateTime,{value:expiryDate},void 0)};if(new Date(expiryDate)<new Date()){// if already expired
|
|
131728
131740
|
return jsxRuntime.jsxs("span",{children:[",\u00A0",jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.archivedOn."+format,values:values},void 0)]},void 0);}else {// not yet expired
|
|
131729
|
-
return jsxRuntime.jsxs("span",{children:[",",' ',jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.archiveOn."+format,values:values},void 0)]},void 0);}}function getModifiedInfo(){var date=item.modified||item.created||new Date();var format=isSameDay(date)?'relative':'absolute';return jsxRuntime.jsx("span",{children:jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.modifiedOn."+format,values:{modified:jsxRuntime.jsx(ModifiedDateTime,{value:date},void 0)}},void 0)},void 0);}};var ModifiedDateTime=_styled__default["default"](DateTime).withConfig({displayName:"DateInfo__ModifiedDateTime",componentId:"sc-xnzpy3-0"})(templateObject_1$_||(templateObject_1$_=__makeTemplateObject(["\n &&& {\n text-decoration: none;\n }\n"],["\n &&& {\n text-decoration: none;\n }\n"])));var templateObject_1$_;var getAuthor=function getAuthor(item){return item.onBehalfOf||item.owner||item.author||{};};var getRealAuthor=function getRealAuthor(item){return item.owner||item.author||{};};var ItemMetaInfo=function ItemMetaInfo(_a){var item=_a.item,className=_a.className,expiryDate=_a.expiryDate,showChannels=_a.showChannels,dateMode=_a.dateMode,channels=_a.channels,_b=_a.readOnly,readOnly=_b===void 0?true:_b,_c=_a.hideAvatar,hideAvatar=_c===void 0?false:_c,hideDisplayName=_a.hideDisplayName,language=_a.language,buildChannelFilterUrl=_a.buildChannelFilterUrl,_d=_a.clickableAvatar,clickableAvatar=_d===void 0?true:_d;var hasChannels=channels&&channels.length>0;var onBehalfAuthor=getAuthor(item);var realAuthor=getRealAuthor(item);return jsxRuntime.jsxs(Host$l,__assign({className:className,"data-item-metadata":true},{children:[!hideAvatar&&jsxRuntime.jsx(PersonaCard,__assign({upn:onBehalfAuthor.userPrincipalName,readOnly:!clickableAvatar,domIdentifier:"avatar"},{children:jsxRuntime.jsx(Avatar,{upn:onBehalfAuthor.userPrincipalName,text:onBehalfAuthor.displayName,secondaryText:onBehalfAuthor.userPrincipalName,hidePersonaDetails:true,coinSize:55},void 0)}),void 0),jsxRuntime.jsxs(InfoDetailsHost,__assign({"data-meta-info-details":true},{children:[!hideDisplayName&&jsxRuntime.jsx(AuthorContainer,{children:jsxRuntime.jsx(AuthorName$1,{author:onBehalfAuthor,readOnly:readOnly},void 0)},void 0),jsxRuntime.jsxs(DateAndChannels,{children:[jsxRuntime.jsx(DateInfo$1,{item:item,dateMode:dateMode,expiryDate:expiryDate},void 0),"\u00A0",showChannels&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:hasChannels?jsxRuntime.jsx(FormattedMessage$1,{id:"NewsMetaInfo.channels",values:{channels:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["\u00A0",jsxRuntime.jsx(Channels$1,{channels:channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:buildChannelFilterUrl},void 0)]},void 0)}},void 0):jsxRuntime.jsx(FormattedMessage$1,{id:"NewsMetaInfo.noChannels"},void 0)},void 0)]},void 0),!hideDisplayName&&realAuthor&&realAuthor.userPrincipalName!==onBehalfAuthor.userPrincipalName&&jsxRuntime.jsx(AuthorContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"MetaInfo.writtenBy",values:{author:jsxRuntime.jsx(AuthorName$1,{author:realAuthor,readOnly:readOnly},void 0)}},void 0)},void 0)]}),void 0)]}),void 0);};var Host$l=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__Host",componentId:"sc-1d6drj8-0"})(templateObject_1$Z||(templateObject_1$Z=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));var InfoDetailsHost=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__InfoDetailsHost",componentId:"sc-1d6drj8-1"})(templateObject_2$A||(templateObject_2$A=__makeTemplateObject(["\n padding-left: 8px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n word-wrap: break-word;\n text-align: left;\n"],["\n padding-left: 8px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n word-wrap: break-word;\n text-align: left;\n"])));var AuthorContainer=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__AuthorContainer",componentId:"sc-1d6drj8-2"})(templateObject_3$q||(templateObject_3$q=__makeTemplateObject(["\n font-style: normal;\n display: inline-block;\n"],["\n font-style: normal;\n display: inline-block;\n"])));var DateAndChannels=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__DateAndChannels",componentId:"sc-1d6drj8-3"})(templateObject_4$g||(templateObject_4$g=__makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));var AuthorName$1=function AuthorName(_a){var author=_a.author,readOnly=_a.readOnly;if(!readOnly){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:author.displayName},void 0);}return jsxRuntime.jsx(PrimaryPersonaCard,__assign({upn:author.userPrincipalName},{children:author.displayName}),void 0);};var PrimaryPersonaCard=_styled__default["default"](PersonaCard).withConfig({displayName:"ItemMetaInfo__PrimaryPersonaCard",componentId:"sc-1d6drj8-4"})(templateObject_5$f||(templateObject_5$f=__makeTemplateObject(["\n color: ",";\n text-decoration: underline;\n"],["\n color: ",";\n text-decoration: underline;\n"])),function(p){return p.theme.palette.accent;});var Channels$1=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"ItemMetaInfo__Channels",componentId:"sc-1d6drj8-5"})(templateObject_6$9||(templateObject_6$9=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$Z,templateObject_2$A,templateObject_3$q,templateObject_4$g,templateObject_5$f,templateObject_6$9;var PageDetailViewMetaInfo=function PageDetailViewMetaInfo(){var _a=useDetailViewContext(),item=_a.item,userPreferredLanguage=_a.userPreferredLanguage;return jsxRuntime.jsx(DetailMetaInfo$1,{item:item,dateMode:DateMode.Modified,language:userPreferredLanguage},void 0);};var DetailMetaInfo$1=_styled__default["default"](ItemMetaInfo).withConfig({displayName:"PageDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-1yz7bl7-0"})(templateObject_1$Y||(templateObject_1$Y=__makeTemplateObject(["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ","px) {\n font-size: 14px;\n }\n"],["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ","px) {\n font-size: 14px;\n }\n"])),minScreenSize.small);var templateObject_1$Y;var PageDetailViewFeedbackSection=function PageDetailViewFeedbackSection(_a){var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType,contentLanguage=_b.contentLanguage;return jsxRuntime.jsxs(StyledFeedbackSection$1,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:item.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{},void 0)]}),void 0);};var StyledFeedbackSection$1=_styled__default["default"](FeedbackSection).withConfig({displayName:"PageDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-12s3v5d-0"})(templateObject_1$X||(templateObject_1$X=__makeTemplateObject(["\n ",";\n &[data-comment-section] {\n padding-bottom: ","px;\n\n @media (min-width: ","px) {\n padding-bottom: 0;\n }\n }\n"],["\n ",";\n &[data-comment-section] {\n padding-bottom: ","px;\n\n @media (min-width: ","px) {\n padding-bottom: 0;\n }\n }\n"])),DetailViewSectionPadding,spacingXl+10,minScreenSize.small);var templateObject_1$X;var PageTocSearch=function PageTocSearch(_a){var onSearch=_a.onSearch,onSearchResultChange=_a.onSearchResultChange;var formatMessage=useIntl().formatMessage;var onDebouncedSearch=useDebouncedCallback(handleSearch,300)[0];var textColors=React$d.useContext(ThemeContext$1).theme.textColors;return jsxRuntime.jsx(StyledSearchBox,{"data-toc-search-box":true,onChange:function(_,v){return onDebouncedSearch(v);},placeholder:formatMessage({id:'Pages.pagesTableOfContents.searchFieldPlaceholder'}),onKeyPress:handleKeyPress,iconProps:{style:{color:textColors.default}}},void 0);function handleKeyPress(event){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!(event.key==='Enter'))return [3/*break*/,2];return [4/*yield*/,handleSearch(event.currentTarget.value,true)];case 1:_a.sent();_a.label=2;case 2:return [2/*return*/];}});});}function handleSearch(value,ignoreSearchTextLength){return __awaiter(this,void 0,void 0,function(){var result,allNodesById;return __generator(this,function(_a){switch(_a.label){case 0:if(!value||!ignoreSearchTextLength&&value.trim().length<3){onSearchResultChange(null);return [2/*return*/];}return [4/*yield*/,onSearch(value)];case 1:result=_a.sent();allNodesById={};// the search returns us a flat result of pages, we now have to build up
|
|
131741
|
+
return jsxRuntime.jsxs("span",{children:[",",' ',jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.archiveOn."+format,values:values},void 0)]},void 0);}}function getModifiedInfo(){var date=item.modified||item.created||new Date();var format=isSameDay(date)?'relative':'absolute';return jsxRuntime.jsx("span",{children:jsxRuntime.jsx(FormattedMessage$1,{id:"DateInfo.modifiedOn."+format,values:{modified:jsxRuntime.jsx(ModifiedDateTime,{value:date},void 0)}},void 0)},void 0);}};var ModifiedDateTime=_styled__default["default"](DateTime).withConfig({displayName:"DateInfo__ModifiedDateTime",componentId:"sc-xnzpy3-0"})(templateObject_1$_||(templateObject_1$_=__makeTemplateObject(["\n &&& {\n text-decoration: none;\n }\n"],["\n &&& {\n text-decoration: none;\n }\n"])));var templateObject_1$_;var getAuthor=function getAuthor(item){return item.onBehalfOf||item.owner||item.author||{};};var getRealAuthor=function getRealAuthor(item){return item.owner||item.author||{};};var ItemMetaInfo=function ItemMetaInfo(_a){var item=_a.item,className=_a.className,expiryDate=_a.expiryDate,showChannels=_a.showChannels,dateMode=_a.dateMode,channels=_a.channels,_b=_a.readOnly,readOnly=_b===void 0?true:_b,_c=_a.hideAvatar,hideAvatar=_c===void 0?false:_c,hideDisplayName=_a.hideDisplayName,language=_a.language,buildChannelFilterUrl=_a.buildChannelFilterUrl,_d=_a.clickableAvatar,clickableAvatar=_d===void 0?true:_d;var hasChannels=channels&&channels.length>0;var onBehalfAuthor=getAuthor(item);var realAuthor=getRealAuthor(item);return jsxRuntime.jsxs(Host$l,__assign({className:className,"data-item-metadata":true},{children:[!hideAvatar&&jsxRuntime.jsx(PersonaCard,__assign({upn:onBehalfAuthor.userPrincipalName,readOnly:!clickableAvatar,domIdentifier:"avatar"},{children:jsxRuntime.jsx(Avatar,{upn:onBehalfAuthor.userPrincipalName,text:onBehalfAuthor.displayName,secondaryText:onBehalfAuthor.userPrincipalName,hidePersonaDetails:true,coinSize:55},void 0)}),void 0),jsxRuntime.jsxs(InfoDetailsHost,__assign({"data-meta-info-details":true},{children:[!hideDisplayName&&jsxRuntime.jsx(AuthorContainer,{children:jsxRuntime.jsx(AuthorName$1,{author:onBehalfAuthor,readOnly:readOnly},void 0)},void 0),jsxRuntime.jsxs(DateAndChannels,{children:[jsxRuntime.jsx(DateInfo$1,{item:item,dateMode:dateMode,expiryDate:expiryDate},void 0),"\u00A0",showChannels&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:hasChannels?jsxRuntime.jsx(FormattedMessage$1,{id:"NewsMetaInfo.channels",values:{channels:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["\u00A0",jsxRuntime.jsx(Channels$1,{channels:channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:buildChannelFilterUrl},void 0)]},void 0)}},void 0):jsxRuntime.jsx(FormattedMessage$1,{id:"NewsMetaInfo.noChannels"},void 0)},void 0)]},void 0),!hideDisplayName&&realAuthor&&realAuthor.userPrincipalName!==onBehalfAuthor.userPrincipalName&&jsxRuntime.jsx(AuthorContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"MetaInfo.writtenBy",values:{author:jsxRuntime.jsx(AuthorName$1,{author:realAuthor,readOnly:readOnly},void 0)}},void 0)},void 0)]}),void 0)]}),void 0);};var Host$l=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__Host",componentId:"sc-1d6drj8-0"})(templateObject_1$Z||(templateObject_1$Z=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));var InfoDetailsHost=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__InfoDetailsHost",componentId:"sc-1d6drj8-1"})(templateObject_2$A||(templateObject_2$A=__makeTemplateObject(["\n padding-left: 8px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n word-wrap: break-word;\n text-align: left;\n"],["\n padding-left: 8px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n word-wrap: break-word;\n text-align: left;\n"])));var AuthorContainer=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__AuthorContainer",componentId:"sc-1d6drj8-2"})(templateObject_3$q||(templateObject_3$q=__makeTemplateObject(["\n font-style: normal;\n display: inline-block;\n"],["\n font-style: normal;\n display: inline-block;\n"])));var DateAndChannels=_styled__default["default"].div.withConfig({displayName:"ItemMetaInfo__DateAndChannels",componentId:"sc-1d6drj8-3"})(templateObject_4$g||(templateObject_4$g=__makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));var AuthorName$1=function AuthorName(_a){var author=_a.author,readOnly=_a.readOnly;if(!readOnly){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:author.displayName},void 0);}return jsxRuntime.jsx(PrimaryPersonaCard,__assign({upn:author.userPrincipalName},{children:author.displayName}),void 0);};var PrimaryPersonaCard=_styled__default["default"](PersonaCard).withConfig({displayName:"ItemMetaInfo__PrimaryPersonaCard",componentId:"sc-1d6drj8-4"})(templateObject_5$f||(templateObject_5$f=__makeTemplateObject(["\n color: ",";\n text-decoration: underline;\n"],["\n color: ",";\n text-decoration: underline;\n"])),function(p){return p.theme.palette.accent;});var Channels$1=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"ItemMetaInfo__Channels",componentId:"sc-1d6drj8-5"})(templateObject_6$9||(templateObject_6$9=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$Z,templateObject_2$A,templateObject_3$q,templateObject_4$g,templateObject_5$f,templateObject_6$9;var PageDetailViewMetaInfo=function PageDetailViewMetaInfo(){var _a=useDetailViewContext(),item=_a.item,userPreferredLanguage=_a.userPreferredLanguage;return jsxRuntime.jsx(DetailMetaInfo$1,{item:item,dateMode:DateMode.Modified,language:userPreferredLanguage},void 0);};var DetailMetaInfo$1=_styled__default["default"](ItemMetaInfo).withConfig({displayName:"PageDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-1yz7bl7-0"})(templateObject_1$Y||(templateObject_1$Y=__makeTemplateObject(["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ","px) {\n font-size: 14px;\n }\n"],["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ","px) {\n font-size: 14px;\n }\n"])),minScreenSize.small);var templateObject_1$Y;var PageDetailViewFeedbackSection=function PageDetailViewFeedbackSection(_a){var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType,contentLanguage=_b.contentLanguage;return jsxRuntime.jsxs(StyledFeedbackSection$1,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:item.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{},void 0)]}),void 0);};var StyledFeedbackSection$1=_styled__default["default"](FeedbackSection).withConfig({displayName:"PageDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-12s3v5d-0"})(templateObject_1$X||(templateObject_1$X=__makeTemplateObject(["\n ",";\n &[data-comment-section] {\n padding-bottom: ","px;\n\n @media (min-width: ","px) {\n padding-bottom: 0;\n }\n }\n"],["\n ",";\n &[data-comment-section] {\n padding-bottom: ","px;\n\n @media (min-width: ","px) {\n padding-bottom: 0;\n }\n }\n"])),DetailViewSectionPadding,spacingXl+10,minScreenSize.small);var templateObject_1$X;var PageTocSearch=function PageTocSearch(_a){var onSearch=_a.onSearch,onSearchResultChange=_a.onSearchResultChange;var formatMessage=useIntl().formatMessage;var onDebouncedSearch=useDebouncedCallback$3(handleSearch,300)[0];var textColors=React$d.useContext(ThemeContext$1).theme.textColors;return jsxRuntime.jsx(StyledSearchBox,{"data-toc-search-box":true,onChange:function(_,v){return onDebouncedSearch(v);},placeholder:formatMessage({id:'Pages.pagesTableOfContents.searchFieldPlaceholder'}),onKeyPress:handleKeyPress,iconProps:{style:{color:textColors.default}}},void 0);function handleKeyPress(event){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!(event.key==='Enter'))return [3/*break*/,2];return [4/*yield*/,handleSearch(event.currentTarget.value,true)];case 1:_a.sent();_a.label=2;case 2:return [2/*return*/];}});});}function handleSearch(value,ignoreSearchTextLength){return __awaiter(this,void 0,void 0,function(){var result,allNodesById;return __generator(this,function(_a){switch(_a.label){case 0:if(!value||!ignoreSearchTextLength&&value.trim().length<3){onSearchResultChange(null);return [2/*return*/];}return [4/*yield*/,onSearch(value)];case 1:result=_a.sent();allNodesById={};// the search returns us a flat result of pages, we now have to build up
|
|
131730
131742
|
// an hierarchical tree, with the roots node at the very top
|
|
131731
131743
|
// so we can then pass this in to the actual ToC
|
|
131732
131744
|
result.items.forEach(function(page){var _a;var node=convertToNavigationNode(page);node.isSearchMatch=true;while(true){// if we already have the current node collected
|
|
@@ -131741,7 +131753,7 @@
|
|
|
131741
131753
|
var InlinePageListByCurrentPage=function InlinePageListByCurrentPage(_a){var _b=_a.blockProps,props=_b===void 0?{showDocuments:true,showPages:true}:_b;var item=useDetailViewContext().item;var getSubpages=usePagesApi().getSubpages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=useItemLoaderByCurrentPage(item.id,defaultPageSize,item.navigationContext,{showPages:props.showPages,showDocuments:props.showDocuments},getAllSubItems,[item===null||item===void 0?void 0:item.id]),items=_c.pageItems,pagingProps=_c.pagingProps;if(items.length===0){return null;}return jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:pagingProps,baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0);function getAllSubItems(id,pageType){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(id,{pageType:pageType})];case 1:result=_a.sent();return [2/*return*/,result.items];}});});}};var InlinePageList=function InlinePageList(_a){var blockProps=_a.blockProps;if(blockProps===null||blockProps===void 0?void 0:blockProps.keywords){return jsxRuntime.jsx(InlinePageListByKeywords,{keywords:blockProps.keywords.split(','),showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}if(blockProps===null||blockProps===void 0?void 0:blockProps.pageId){return jsxRuntime.jsx(InlinePageListByPageId,{pageId:blockProps.pageId,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}return jsxRuntime.jsx(InlinePageListByCurrentPage,{blockProps:blockProps},void 0);};var InlinePageListMapper={component:InlinePageList,type:EntityType.InlinePageList,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var pageListId=node.getAttribute('data-page-list-id');if(pageListId==null){return null;}var showChildren=node.getAttribute('data-show-children')==='true';var showDocumentsAttribute=node.getAttribute('data-show-documents');var showPagesAttribute=node.getAttribute('data-show-pages');var pageId=node.getAttribute('data-page-id');var keywords=node.getAttribute('data-keywords');if(!showDocumentsAttribute&&!showPagesAttribute){// ensure backwards compatibility
|
|
131742
131754
|
return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$R||(templateObject_1$R=__makeTemplateObject(["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"],["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"],["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"],["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n padding-top: 1px;\n"],["\n padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6$1||(templateObject_6$6$1=__makeTemplateObject(["\n padding: 0 ","px;\n color: ",";\n"],["\n padding: 0 ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"],["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n padding-left: ","px;\n color: ",";\n"],["\n padding-left: ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$R,templateObject_2$w,templateObject_3$n,templateObject_4$d,templateObject_5$c,templateObject_6$6$1,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$k,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$k=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$Q||(templateObject_1$Q=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"],["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"])),spacingS,minScreenSize.medium);var templateObject_1$Q,templateObject_2$v;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"],["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"])));var templateObject_1$P;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"],["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$O,templateObject_2$u,templateObject_3$m;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"],["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"])));var templateObject_1$N;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"],["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$M;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"],["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$L;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"],["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$K;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"],["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$J;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$h$1,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$h$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n margin: 0;\n display: flex;\n align-content: center;\n"],["\n margin: 0;\n display: flex;\n align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n font-size: 25px;\n"],["\n font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"],["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c$1||(templateObject_4$c$1=__makeTemplateObject(["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"],["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n && {\n display: inherit;\n }\n"],["\n && {\n display: inherit;\n }\n"])));var templateObject_1$I,templateObject_2$t,templateObject_3$l,templateObject_4$c$1,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"],["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$H;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"],["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$G;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$F;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$E;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$g$1,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$g$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"],["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"])));var templateObject_1$D;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$f$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$f$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"],["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"])),maxScreenSize.small,spacingM);var templateObject_1$C,templateObject_2$s;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$B;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$A;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"])));var templateObject_1$z;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"],["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$y;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var KeywordPickerGroup=function KeywordPickerGroup(_a){var group=_a.group,keywords=_a.keywords,expanded=_a.expanded,selectedKeywords=_a.selectedKeywords,onChange=_a.onChange,mandatoryKeywordIds=_a.mandatoryKeywordIds;var _b=React$d.useState(null),isExpanded=_b[0],setIsExpanded=_b[1];var isSelected=!!selectedKeywords.find(function(k){return k.groupId===group.id;});var isCollapsed=!(isExpanded===true||expanded);return jsxRuntime.jsxs(Host$e$1,{children:[jsxRuntime.jsxs(GroupButton,__assign({onClick:toggle,iconProps:{iconName:isCollapsed?'CaretRightSolid8':'CaretDownSolid8'},"aria-expanded":!isCollapsed,"aria-controls":group.name+"-list"},{children:[isSelected&&jsxRuntime.jsx(CheckMarkIcon,{iconName:"CheckMark"},void 0),jsxRuntime.jsx(ButtonLabel,__assign({"data-keyword-group":group.name,isSelected:isSelected},{children:jsxRuntime.jsx(KeywordTitle,{groupName:group.name},void 0)}),void 0)]}),void 0),jsxRuntime.jsx(KeywordsList,__assign({id:group.name+"-list","data-keyword-picker-group-list":true,isCollapsed:isCollapsed},{children:keywords.map(function(k){var checked=isKeywordSelected(k);var disabled=isKeywordDisabled(k);return jsxRuntime.jsx(KeywordItem,__assign({"data-keyword":k.name,"data-is-checked":checked,"data-is-disabled":disabled},{children:jsxRuntime.jsx(officeUiFabricReact.Checkbox,{label:k.name,onRenderLabel:function(){return jsxRuntime.jsx(KeywordTitle,{groupName:group.name,keywordName:k.name},void 0);},checked:checked,onChange:function(_e,isChecked){return handleChange(isChecked,k);},disabled:disabled},k.id)}),k.name);})}),void 0)]},void 0);function toggle(){setIsExpanded(!isExpanded);}function isKeywordSelected(keyword){return !!selectedKeywords.find(function(k){return k.id===keyword.id;});}function isKeywordDisabled(keyword){return mandatoryKeywordIds===null||mandatoryKeywordIds===void 0?void 0:mandatoryKeywordIds.some(function(id){return id===keyword.id;});}function handleChange(add,keyword){if(onChange){var result=selectedKeywords.filter(function(k){return keyword.id!==k.id;});if(add){result.push(keyword);}onChange(result);}}};var Host$e$1=_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);var GroupButton=_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"],["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"])),fontSizeNormal,fontSizeSmall);var CheckMarkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"],["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"])));var ButtonLabel=_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"],["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b$1||(templateObject_4$b$1=__makeTemplateObject(["\n margin-left: 33px; // checkmark icon space\n "],["\n margin-left: 33px; // checkmark icon space\n "])));});var KeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"],["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])));},spacingX+10);var KeywordItem=_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"])));var templateObject_1$x,templateObject_2$r,templateObject_3$k,templateObject_4$b$1,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;var KeywordPicker=function KeywordPicker(_a){var _b;var value=_a.value,onChange=_a.onChange,showSelectionToggle=_a.showSelectionToggle,incomingAvailableKeywords=_a.availableKeywords,mandatoryKeywordIds=_a.mandatoryKeywordIds,className=_a.className;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,selectedKeywordGroups=_c.selectedKeywordGroups;var _d=React$d.useState(null),searchedKeywords=_d[0],setSearchedKeywords=_d[1];var _e=React$d.useState(null),searchText=_e[0],setSearchText=_e[1];var selectedKeywords=getSelectedKeywords();var availableKeywords=incomingAvailableKeywords!==null&&incomingAvailableKeywords!==void 0?incomingAvailableKeywords:allKeywords;var visibleKeywords=(_b=searchedKeywords!==null&&searchedKeywords!==void 0?searchedKeywords:availableKeywords)!==null&&_b!==void 0?_b:[];var mandatoryKeywords=mandatoryKeywordIds?availableKeywords.filter(function(k){return mandatoryKeywordIds.includes(k.id);}):[];var noKeywordGroups=(selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.length)===0;var noAvailableKeywords=!noKeywordGroups&&(availableKeywords===null||availableKeywords===void 0?void 0:availableKeywords.length)===0;var isEmpty=visibleKeywords.length===0;return jsxRuntime.jsxs(Host$d$1,__assign({className:classNames('keyword-picker',className)},{children:[(noKeywordGroups||noAvailableKeywords)&&jsxRuntime.jsx("span",__assign({className:"keyword-picker-empty"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:noKeywordGroups?'KeywordPicker.noGroupsDefined':'KeywordPicker.noAvailableKeywordsForGroup'},void 0)}),void 0),!noKeywordGroups&&!noAvailableKeywords&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(SearchHost,__assign({className:"keyword-picker-search","data-keyword-picker-search":true},{children:[jsxRuntime.jsx(officeUiFabricReact.TextField,{onChange:handleSearch,value:searchText||'',placeholder:formatMessage({id:'KeywordPicker.search'})},void 0),searchText&&jsxRuntime.jsx(SearchCancelButton,{iconProps:{iconName:'Cancel'},onClick:function(){return handleSearch(null,null);},"aria-hidden":"true"},void 0)]}),void 0),showSelectionToggle&&jsxRuntime.jsx(StyledToggleAllButtons,{toggleAll:handleToggleAll},void 0),jsxRuntime.jsxs(KeywordPickerTree,__assign({className:"keyword-picker-tree"},{children:[isEmpty&&jsxRuntime.jsx(FormattedMessage$1,{id:"KeywordPicker.emptySearch"},void 0),!isEmpty&&selectedKeywordGroups&&selectedKeywordGroups.sort(function(a,b){return a.name.localeCompare(b.name);}).map(function(g){var keywords=visibleKeywords.filter(function(k){return k.groupId===g.id;});return keywords.length===0?null:jsxRuntime.jsx(KeywordPickerGroup,{expanded:!!searchText,group:g,keywords:keywords,selectedKeywords:selectedKeywords,onChange:onChange,mandatoryKeywordIds:mandatoryKeywordIds},g.id);})]}),void 0)]},void 0)]}),void 0);function getSelectedKeywords(){if(value==null||allKeywords==null){return [];}return value.map(function(k){return typeof k==='string'?allKeywords.find(function(a){return a.id===k;}):k;}).filter(function(k){return k;});}function handleSearch(_,text){var hasSearch=text&&text.length;var keywords=hasSearch?availableKeywords.filter(function(k){return getKeywordTitle(user,k.translations,k.name).toLocaleLowerCase().indexOf(text.toLocaleLowerCase())>=0;}):availableKeywords;setSearchedKeywords(keywords);setSearchText(hasSearch?text:null);}function handleToggleAll(checkAll){onChange(checkAll?availableKeywords:mandatoryKeywords);}};var KeywordPickerTree=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));var StyledToggleAllButtons=_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));var Host$d$1=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"],["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"])));var SearchHost=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a$1||(templateObject_4$a$1=__makeTemplateObject(["\n position: relative;\n margin-bottom: 8px;\n"],["\n position: relative;\n margin-bottom: 8px;\n"])));var SearchCancelButton=_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9$1||(templateObject_5$9$1=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"])));var templateObject_1$w,templateObject_2$q,templateObject_3$j,templateObject_4$a$1,templateObject_5$9$1;var $$2=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
|
|
131743
131755
|
// https://github.com/tc39/proposal-string-replace-all
|
|
131744
|
-
$$2({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n display: flex;\n align-items: flex-end;\n position: relative;\n"],["\n display: flex;\n align-items: flex-end;\n position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"],["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"],["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"])));var templateObject_1$v,templateObject_2$p,templateObject_3$i;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"],["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"],["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"],["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8$1||(templateObject_5$8$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var templateObject_1$u,templateObject_2$o,templateObject_3$h,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$t$1||(templateObject_1$t$1=__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"],["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n max-width: 100%;\n font-size: large;\n"],["\n max-width: 100%;\n font-size: large;\n"])));var templateObject_1$t$1,templateObject_2$n,templateObject_3$g;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$s$1||(templateObject_1$s$1=__makeTemplateObject(["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"],["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"],["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"])));var templateObject_1$s$1,templateObject_2$m;var DateTimePicker=function DateTimePicker(props){var timeField=React$d.useRef();var formatMessage=useIntl().formatMessage;var _a=React$d.useState(getTime(props.date)),time=_a[0],setTime=_a[1];var _b=React$d.useState(false),timeHasFocus=_b[0],setTimeHasFocus=_b[1];var _c=React$d.useState(null),timeErrorMessageResourceKey=_c[0],setTimeErrorMessageResourceKey=_c[1];var momentMonths=['January','February','March','April','May','June','July','August','September','October','November','December'];var momentWeekdays=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];React$d.useEffect(function(){// do not update if the user is typing time
|
|
131756
|
+
$$2({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n display: flex;\n align-items: flex-end;\n position: relative;\n"],["\n display: flex;\n align-items: flex-end;\n position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"],["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"],["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"])));var templateObject_1$v,templateObject_2$p,templateObject_3$i;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"],["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$u$1||(templateObject_1$u$1=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"],["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"],["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8$1||(templateObject_5$8$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var templateObject_1$u$1,templateObject_2$o,templateObject_3$h,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$t$1||(templateObject_1$t$1=__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"],["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n max-width: 100%;\n font-size: large;\n"],["\n max-width: 100%;\n font-size: large;\n"])));var templateObject_1$t$1,templateObject_2$n,templateObject_3$g;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$s$1||(templateObject_1$s$1=__makeTemplateObject(["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"],["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"],["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"])));var templateObject_1$s$1,templateObject_2$m;var DateTimePicker=function DateTimePicker(props){var timeField=React$d.useRef();var formatMessage=useIntl().formatMessage;var _a=React$d.useState(getTime(props.date)),time=_a[0],setTime=_a[1];var _b=React$d.useState(false),timeHasFocus=_b[0],setTimeHasFocus=_b[1];var _c=React$d.useState(null),timeErrorMessageResourceKey=_c[0],setTimeErrorMessageResourceKey=_c[1];var momentMonths=['January','February','March','April','May','June','July','August','September','October','November','December'];var momentWeekdays=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];React$d.useEffect(function(){// do not update if the user is typing time
|
|
131745
131757
|
if(!timeHasFocus){// We might not know that the time field has the focus after an onBlur from the date field.
|
|
131746
131758
|
// In this case only update the _time_ component if it has changed. Which is not the case for changes
|
|
131747
131759
|
// from the date field
|
|
@@ -131753,7 +131765,7 @@
|
|
|
131753
131765
|
props.onChanged(newDate.toISOString(),validationResult.isInRange);}function handleDateChange(newDate){if(timeField.current){// note: focus event is ignored/not propagated without setTimeout
|
|
131754
131766
|
setTimeout(function(){return timeField.current.focus();},0);}if(!newDate){handleChange(null);}else {// include the current time component when triggering a change.
|
|
131755
131767
|
// newDate is only a Date without time.
|
|
131756
|
-
var newDateOnly=moment(newDate);var timeInMilliseconds=0;if(props.date){var oldDateWithTime=moment(props.date);timeInMilliseconds=oldDateWithTime.diff(oldDateWithTime.clone().startOf('day'));}handleChange(newDateOnly.startOf('day').add(timeInMilliseconds,'ms'));}}function handleTimeBlur(timeString){var newTime=timeString||'00:00';var initialTime=getTime(props.date);if(newTime===initialTime){return;}setTimeHasFocus(false);var timeToday=moment(newTime,'HH:mm');if(!timeToday.isValid()){setTimeErrorMessageResourceKey('DateTimePicker.invalidTime');return;}setTime(timeToday.format('HH:mm'));if(props.date==null){handleChange(timeToday);}else {var timeInMilliseconds=timeToday.diff(moment().startOf('day'));var newValue=moment(props.date).startOf('day').add(timeInMilliseconds,'ms');handleChange(newValue);}}function setTimeError(result){if(result.isInRange||!result.isSameDay){setTimeErrorMessageResourceKey(null);return;}setTimeErrorMessageResourceKey(props.timeValidationResourceKey||props.dateValidationResourceKey);}function isDateTimeInRange(newValue){if(!newValue||!props.minDate&&!props.maxDate){return {isInRange:true,isSameDay:true};}return {isInRange:(!props.minDate||moment(props.minDate).unix()<newValue.unix())&&(!props.maxDate||newValue.unix()<moment(props.maxDate).unix()),isSameDay:isSameDay(newValue,props.minDate||props.maxDate)};}function isSameDay(momentDateTime,otherTime){return momentDateTime&&otherTime&&momentDateTime.isSame(otherTime,'day');}};var IEButtonFix=_styled.createGlobalStyle(templateObject_1$r$1||(templateObject_1$r$1=__makeTemplateObject(["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"],["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"])));var GlobalDatePickerStyle=_styled.createGlobalStyle(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"],["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"])),function(p){return p.theme.palette.accent;});var Host$a$1=_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"],["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"])),InputPlaceholder("\n color: inherit;\n font-style: italic;\n "));var templateObject_1$r$1,templateObject_2$l,templateObject_3$f;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$q$1||(templateObject_1$q$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n align-self: flex-end;\n margin-right: 10px;\n"],["\n align-self: flex-end;\n margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$e$1||(templateObject_3$e$1=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"],["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"])));var templateObject_1$q$1,templateObject_2$k,templateObject_3$e$1;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$p$1||(templateObject_1$p$1=__makeTemplateObject(["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"],["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"])));var templateObject_1$p$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$o$1||(templateObject_1$o$1=__makeTemplateObject(["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"],["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"],["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$o$1,templateObject_2$j;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$n$1||(templateObject_1$n$1=__makeTemplateObject(["\n font-size: ","px;\n font-weight: bold;\n"],["\n font-size: ","px;\n font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"],["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$d$1||(templateObject_3$d$1=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"],["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$n$1,templateObject_2$i,templateObject_3$d$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$m$1||(templateObject_1$m$1=__makeTemplateObject(["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"],["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$h$1||(templateObject_2$h$1=__makeTemplateObject(["\n font-size: 100px;\n padding: 30px 0;\n"],["\n font-size: 100px;\n padding: 30px 0;\n"])));var templateObject_1$m$1,templateObject_2$h$1;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$g$1||(templateObject_2$g$1=__makeTemplateObject(["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"],["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n font-size: 25px;\n color: white;\n"],["\n font-size: 25px;\n color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n"],["\n display: flex;\n width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"],["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"],["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"])));var templateObject_1$l$1,templateObject_2$g$1,templateObject_3$c$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
|
|
131768
|
+
var newDateOnly=moment(newDate);var timeInMilliseconds=0;if(props.date){var oldDateWithTime=moment(props.date);timeInMilliseconds=oldDateWithTime.diff(oldDateWithTime.clone().startOf('day'));}handleChange(newDateOnly.startOf('day').add(timeInMilliseconds,'ms'));}}function handleTimeBlur(timeString){var newTime=timeString||'00:00';var initialTime=getTime(props.date);if(newTime===initialTime){return;}setTimeHasFocus(false);var timeToday=moment(newTime,'HH:mm');if(!timeToday.isValid()){setTimeErrorMessageResourceKey('DateTimePicker.invalidTime');return;}setTime(timeToday.format('HH:mm'));if(props.date==null){handleChange(timeToday);}else {var timeInMilliseconds=timeToday.diff(moment().startOf('day'));var newValue=moment(props.date).startOf('day').add(timeInMilliseconds,'ms');handleChange(newValue);}}function setTimeError(result){if(result.isInRange||!result.isSameDay){setTimeErrorMessageResourceKey(null);return;}setTimeErrorMessageResourceKey(props.timeValidationResourceKey||props.dateValidationResourceKey);}function isDateTimeInRange(newValue){if(!newValue||!props.minDate&&!props.maxDate){return {isInRange:true,isSameDay:true};}return {isInRange:(!props.minDate||moment(props.minDate).unix()<newValue.unix())&&(!props.maxDate||newValue.unix()<moment(props.maxDate).unix()),isSameDay:isSameDay(newValue,props.minDate||props.maxDate)};}function isSameDay(momentDateTime,otherTime){return momentDateTime&&otherTime&&momentDateTime.isSame(otherTime,'day');}};var IEButtonFix=_styled.createGlobalStyle(templateObject_1$r$1||(templateObject_1$r$1=__makeTemplateObject(["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"],["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"])));var GlobalDatePickerStyle=_styled.createGlobalStyle(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"],["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"])),function(p){return p.theme.palette.accent;});var Host$a$1=_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"],["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"])),InputPlaceholder("\n color: inherit;\n font-style: italic;\n "));var templateObject_1$r$1,templateObject_2$l,templateObject_3$f;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$q$1||(templateObject_1$q$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n align-self: flex-end;\n margin-right: 10px;\n"],["\n align-self: flex-end;\n margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$e$1||(templateObject_3$e$1=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"],["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"])));var templateObject_1$q$1,templateObject_2$k,templateObject_3$e$1;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$p$1||(templateObject_1$p$1=__makeTemplateObject(["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"],["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"])));var templateObject_1$p$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$o$1||(templateObject_1$o$1=__makeTemplateObject(["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"],["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"],["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$o$1,templateObject_2$j;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$n$1||(templateObject_1$n$1=__makeTemplateObject(["\n font-size: ","px;\n font-weight: bold;\n"],["\n font-size: ","px;\n font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$i$1||(templateObject_2$i$1=__makeTemplateObject(["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"],["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$d$1||(templateObject_3$d$1=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"],["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$n$1,templateObject_2$i$1,templateObject_3$d$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$m$1||(templateObject_1$m$1=__makeTemplateObject(["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"],["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$h$1||(templateObject_2$h$1=__makeTemplateObject(["\n font-size: 100px;\n padding: 30px 0;\n"],["\n font-size: 100px;\n padding: 30px 0;\n"])));var templateObject_1$m$1,templateObject_2$h$1;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$g$1||(templateObject_2$g$1=__makeTemplateObject(["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"],["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n font-size: 25px;\n color: white;\n"],["\n font-size: 25px;\n color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n"],["\n display: flex;\n width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"],["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"],["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"])));var templateObject_1$l$1,templateObject_2$g$1,templateObject_3$c$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
|
|
131757
131769
|
var MDN_POLYFILL_BUG=!CORRECT_IS_REGEXP_LOGIC&&!!function(){var descriptor=getOwnPropertyDescriptor(String.prototype,'endsWith');return descriptor&&!descriptor.writable;}();// `String.prototype.endsWith` method
|
|
131758
131770
|
// https://tc39.github.io/ecma262/#sec-string.prototype.endswith
|
|
131759
131771
|
$$1$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG&&!CORRECT_IS_REGEXP_LOGIC},{endsWith:function endsWith(searchString/* , endPosition = @length */){var that=String(requireObjectCoercible$d(this));notARegExp(searchString);var endPosition=arguments.length>1?arguments[1]:undefined;var len=toLength$2(that.length);var end=endPosition===undefined?len:min(toLength$2(endPosition),len);var search=String(searchString);return nativeEndsWith?nativeEndsWith.call(that,search,end):that.slice(end-search.length,end)===search;}});var SearchHighlighter=function SearchHighlighter(_a){var highlight=_a.highlight;if(!highlight){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:highlight.texts.map(function(t){return jsxRuntime.jsxs(TextEntry,__assign({highlight:t.type==='hit'},{children:[t.value.startsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null,t.value.trim(),t.value.endsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null]}),void 0);})},void 0);};var TextEntry=_styled__default["default"].span.withConfig({displayName:"SearchHighlighter__TextEntry",componentId:"sc-1a25f6p-0"})(templateObject_2$f$1||(templateObject_2$f$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$k$1||(templateObject_1$k$1=__makeTemplateObject(["\n background-color: yellow;\n "],["\n background-color: yellow;\n "])));});function tryGetHighlight(highlights,preferredLanguage){var _a;if(!highlights){return null;}return (_a=tryGetAllHighlights(highlights,preferredLanguage))===null||_a===void 0?void 0:_a[0];}function tryGetAllHighlights(highlights,preferredLanguage){if(!highlights){return null;}var preferredHighlights=highlights.filter(function(h){return h.language===preferredLanguage;});if(preferredHighlights.length){return preferredHighlights;}var firstHighlight=highlights[0];return highlights.filter(function(h){return h.language===firstHighlight.language;});}var templateObject_1$k$1,templateObject_2$f$1;var PageTitle=function PageTitle(_a){var page=_a.page,title=_a.title,search=_a.search,className=_a.className;var user=useCurrentUser();var isDocument=page.pageType===PageType.Document;var language=getLanguageForPage(page,user);var buildPath=useSubscriptionHandlePathBuilder().buildPath;var handleExternalContentClick=useExternalContentClickHandler();var pageTitle=jsxRuntime.jsx(jsxRuntime.Fragment,{children:search?jsxRuntime.jsx(TitleHighlight,{search:search,title:title,page:page},void 0):title},void 0);if(page.useExternalContent){var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(page,preferredContentLanguage);var targetRoute=NewsService.getNewsRoute(buildPath('/pages'),page.id,title);return jsxRuntime.jsx(Title$1$1,{children:jsxRuntime.jsxs(StyledNavLink,__assign({to:targetRoute,onClick:function(e){return handleExternalContentClick(e,page,ItemResourceTypes.Pages);}},{children:[pageTitle,jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:'ExternalLinkButton.pages.navigateTo',tooltipResourceValues:url},void 0)]}),void 0)},void 0);}return jsxRuntime.jsxs(Title$1$1,__assign({className:className},{children:[isDocument&&jsxRuntime.jsx(FileIcon,{iconName:getFileIconByExtension(page.contents[language].fileInfo.extension)},void 0),pageTitle]}),void 0);};var TitleHighlight=function TitleHighlight(_a){var _b;var search=_a.search,title=_a.title,page=_a.page;var user=useCurrentUser();var preferredLanguage=NewsService.getLanguageForContent(page.contents,user);var titleHighlight=tryGetHighlight((_b=page.searchHighlights)===null||_b===void 0?void 0:_b.title,preferredLanguage);if(titleHighlight){return jsxRuntime.jsx(SearchHighlighter,{highlight:titleHighlight},void 0);}return jsxRuntime.jsx(Highlighter,{searchWords:[search],autoEscape:true,textToHighlight:title},void 0);};var Title$1$1=_styled__default["default"].h2.withConfig({displayName:"PageTitle__Title",componentId:"sc-gsx6ad-0"})(templateObject_1$j$1||(templateObject_1$j$1=__makeTemplateObject(["\n display: flex;\n margin: ","px 0 ","px 0;\n font-weight: bold;\n font-size: ","px;\n padding: 0;\n"],["\n display: flex;\n margin: ","px 0 ","px 0;\n font-weight: bold;\n font-size: ","px;\n padding: 0;\n"])),spacingS+5,spacingS,fontSizeMedium);var FileIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTitle__FileIcon",componentId:"sc-gsx6ad-1"})(templateObject_2$e$1||(templateObject_2$e$1=__makeTemplateObject(["\n font-size: ","px;\n margin-right: ","px;\n align-self: flex-start;\n"],["\n font-size: ","px;\n margin-right: ","px;\n align-self: flex-start;\n"])),fontSizeMedium+4,spacingS);var StyledNavLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTitle__StyledNavLink",componentId:"sc-gsx6ad-2"})(templateObject_3$b$1||(templateObject_3$b$1=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$j$1,templateObject_2$e$1,templateObject_3$b$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageTitle).withConfig({displayName:"PageCard__StyledPageTitle",componentId:"sc-13xtreq-1"})(templateObject_2$d$1||(templateObject_2$d$1=__makeTemplateObject(["\n && {\n margin: 0;\n flex: 1 1 auto;\n }\n"],["\n && {\n margin: 0;\n flex: 1 1 auto;\n }\n"])));_styled__default["default"](Intro$3).withConfig({displayName:"PageCard__StyledIntro",componentId:"sc-13xtreq-2"})(templateObject_3$a$1||(templateObject_3$a$1=__makeTemplateObject(["\n && {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"],["\n && {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"])),spacingS,spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Keywords",componentId:"sc-13xtreq-3"})(templateObject_4$6$1||(templateObject_4$6$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n"],["\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Inner",componentId:"sc-13xtreq-4"})(templateObject_5$5$1||(templateObject_5$5$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: ","px 0 ","px 0;\n"],["\n display: flex;\n align-items: center;\n margin: ","px 0 ","px 0;\n"])),spacingM,spacingS);_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageCard__StyledDocumentDownloadButton",componentId:"sc-13xtreq-5"})(templateObject_6$2$1||(templateObject_6$2$1=__makeTemplateObject(["\n align-self: flex-start;\n z-index: 1;\n"],["\n align-self: flex-start;\n z-index: 1;\n"])));var templateObject_1$i$1,templateObject_2$d$1,templateObject_3$a$1,templateObject_4$6$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n padding: 0;\n margin: 0 0 ","px 0;\n font-size: ","px;\n line-height: 1.5;\n"],["\n padding: 0;\n margin: 0 0 ","px 0;\n font-size: ","px;\n line-height: 1.5;\n"])),spacingM-5,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"PageListItemBody__CutContentContainer",componentId:"sc-7voum-1"})(templateObject_2$c$1||(templateObject_2$c$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin-bottom: ","px;\n"],["\n display: flex;\n flex-direction: column;\n margin-bottom: ","px;\n"])),spacingM-5);_styled__default["default"].p.withConfig({displayName:"PageListItemBody__CutContent",componentId:"sc-7voum-2"})(templateObject_3$9$1||(templateObject_3$9$1=__makeTemplateObject(["\n padding: 0;\n margin: 0;\n ","\n"],["\n padding: 0;\n margin: 0;\n ","\n"])),LineClamp(5,fontSizeSmall,1.5));_styled__default["default"](ActionButton).withConfig({displayName:"PageListItemBody__StyledActionButton",componentId:"sc-7voum-3"})(templateObject_4$5$1||(templateObject_4$5$1=__makeTemplateObject(["\n && {\n height: auto;\n margin: 0 0 0 auto;\n padding: ","px ","px 0 ","px;\n font-size: ","px;\n z-index: 1;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"],["\n && {\n height: auto;\n margin: 0 0 0 auto;\n padding: ","px ","px 0 ","px;\n font-size: ","px;\n z-index: 1;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"])),spacingXs,spacingXs,spacingXs,fontSizeSmaller);var templateObject_1$h$1,templateObject_2$c$1,templateObject_3$9$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$g$1||(templateObject_1$g$1=__makeTemplateObject(["\n ",";\n position: relative;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n\n padding: ","px;\n"],["\n ",";\n position: relative;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n\n padding: ","px;\n"])),CardBorderInline(2,2),spacingM);_styled__default["default"].div.withConfig({displayName:"PageListItem__Keywords",componentId:"sc-lz5d51-1"})(templateObject_2$b$1||(templateObject_2$b$1=__makeTemplateObject(["\n position: relative;\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n position: relative;\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageListItem__LastUpdated",componentId:"sc-lz5d51-2"})(templateObject_3$8$1||(templateObject_3$8$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageBreadcrumb).withConfig({displayName:"PageListItem__StyledPageBreadcrumb",componentId:"sc-lz5d51-3"})(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n flex: 1 1 auto;\n width: ","%;\n"],["\n flex: 1 1 auto;\n width: ","%;\n"])),function(p){return p.maxWidth;});_styled__default["default"].div.withConfig({displayName:"PageListItem__Inner",componentId:"sc-lz5d51-4"})(templateObject_5$4$1||(templateObject_5$4$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n display: flex;\n align-items: center;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var templateObject_1$g$1,templateObject_2$b$1,templateObject_3$8$1,templateObject_4$4$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
|
|
@@ -131825,9 +131837,9 @@
|
|
|
131825
131837
|
var DetailMetaInfo = _styled__default["default"](ItemMetaInfo).withConfig({
|
|
131826
131838
|
displayName: "NewsDetailViewMetaInfo__DetailMetaInfo",
|
|
131827
131839
|
componentId: "sc-1v9a7tf-0"
|
|
131828
|
-
})(templateObject_1$
|
|
131840
|
+
})(templateObject_1$u || (templateObject_1$u = __makeTemplateObject$l(["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ", "px) {\n font-size: 14px;\n }\n"], ["\n display: flex;\n font-size: 12px;\n margin-top: 12px;\n\n @media (min-width: ", "px) {\n font-size: 14px;\n }\n"])), minScreenSize.small);
|
|
131829
131841
|
|
|
131830
|
-
var templateObject_1$
|
|
131842
|
+
var templateObject_1$u;
|
|
131831
131843
|
|
|
131832
131844
|
var NewsItemContextProvider = function NewsItemContextProvider(_a) {
|
|
131833
131845
|
var itemId = _a.itemId,
|
|
@@ -131933,16 +131945,16 @@
|
|
|
131933
131945
|
var Host$h = _styled__default["default"].div.withConfig({
|
|
131934
131946
|
displayName: "NewsDetail__Host",
|
|
131935
131947
|
componentId: "sc-6rz5th-0"
|
|
131936
|
-
})(templateObject_1$
|
|
131948
|
+
})(templateObject_1$t || (templateObject_1$t = __makeTemplateObject$l([""], [""])));
|
|
131937
131949
|
|
|
131938
|
-
var templateObject_1$
|
|
131950
|
+
var templateObject_1$t;
|
|
131939
131951
|
|
|
131940
|
-
var anObject$
|
|
131952
|
+
var anObject$3 = anObject$v;
|
|
131941
131953
|
|
|
131942
131954
|
// `RegExp.prototype.flags` getter implementation
|
|
131943
131955
|
// https://tc39.github.io/ecma262/#sec-get-regexp.prototype.flags
|
|
131944
131956
|
var regexpFlags$1 = function () {
|
|
131945
|
-
var that = anObject$
|
|
131957
|
+
var that = anObject$3(this);
|
|
131946
131958
|
var result = '';
|
|
131947
131959
|
if (that.global) result += 'g';
|
|
131948
131960
|
if (that.ignoreCase) result += 'i';
|
|
@@ -132197,12 +132209,12 @@
|
|
|
132197
132209
|
};
|
|
132198
132210
|
|
|
132199
132211
|
var toInteger$1 = toInteger$e;
|
|
132200
|
-
var requireObjectCoercible$
|
|
132212
|
+
var requireObjectCoercible$3 = requireObjectCoercible$m;
|
|
132201
132213
|
|
|
132202
132214
|
// `String.prototype.{ codePointAt, at }` methods implementation
|
|
132203
132215
|
var createMethod$1 = function (CONVERT_TO_STRING) {
|
|
132204
132216
|
return function ($this, pos) {
|
|
132205
|
-
var S = String(requireObjectCoercible$
|
|
132217
|
+
var S = String(requireObjectCoercible$3($this));
|
|
132206
132218
|
var position = toInteger$1(pos);
|
|
132207
132219
|
var size = S.length;
|
|
132208
132220
|
var first, second;
|
|
@@ -132254,20 +132266,20 @@
|
|
|
132254
132266
|
return regexpExec.call(R, S);
|
|
132255
132267
|
};
|
|
132256
132268
|
|
|
132257
|
-
var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
|
|
132258
|
-
var anObject$
|
|
132269
|
+
var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
|
|
132270
|
+
var anObject$2 = anObject$v;
|
|
132259
132271
|
var toLength = toLength$l;
|
|
132260
|
-
var requireObjectCoercible$
|
|
132272
|
+
var requireObjectCoercible$2 = requireObjectCoercible$m;
|
|
132261
132273
|
var advanceStringIndex = advanceStringIndex$1;
|
|
132262
|
-
var regExpExec = regexpExecAbstract;
|
|
132274
|
+
var regExpExec$1 = regexpExecAbstract;
|
|
132263
132275
|
|
|
132264
132276
|
// @@match logic
|
|
132265
|
-
fixRegExpWellKnownSymbolLogic('match', 1, function (MATCH, nativeMatch, maybeCallNative) {
|
|
132277
|
+
fixRegExpWellKnownSymbolLogic$1('match', 1, function (MATCH, nativeMatch, maybeCallNative) {
|
|
132266
132278
|
return [
|
|
132267
132279
|
// `String.prototype.match` method
|
|
132268
132280
|
// https://tc39.github.io/ecma262/#sec-string.prototype.match
|
|
132269
132281
|
function match(regexp) {
|
|
132270
|
-
var O = requireObjectCoercible$
|
|
132282
|
+
var O = requireObjectCoercible$2(this);
|
|
132271
132283
|
var matcher = regexp == undefined ? undefined : regexp[MATCH];
|
|
132272
132284
|
return matcher !== undefined ? matcher.call(regexp, O) : new RegExp(regexp)[MATCH](String(O));
|
|
132273
132285
|
},
|
|
@@ -132277,17 +132289,17 @@
|
|
|
132277
132289
|
var res = maybeCallNative(nativeMatch, regexp, this);
|
|
132278
132290
|
if (res.done) return res.value;
|
|
132279
132291
|
|
|
132280
|
-
var rx = anObject$
|
|
132292
|
+
var rx = anObject$2(regexp);
|
|
132281
132293
|
var S = String(this);
|
|
132282
132294
|
|
|
132283
|
-
if (!rx.global) return regExpExec(rx, S);
|
|
132295
|
+
if (!rx.global) return regExpExec$1(rx, S);
|
|
132284
132296
|
|
|
132285
132297
|
var fullUnicode = rx.unicode;
|
|
132286
132298
|
rx.lastIndex = 0;
|
|
132287
132299
|
var A = [];
|
|
132288
132300
|
var n = 0;
|
|
132289
132301
|
var result;
|
|
132290
|
-
while ((result = regExpExec(rx, S)) !== null) {
|
|
132302
|
+
while ((result = regExpExec$1(rx, S)) !== null) {
|
|
132291
132303
|
var matchStr = String(result[0]);
|
|
132292
132304
|
A[n] = matchStr;
|
|
132293
132305
|
if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
|
|
@@ -132334,11 +132346,11 @@
|
|
|
132334
132346
|
}, void 0)]
|
|
132335
132347
|
}, void 0);
|
|
132336
132348
|
};
|
|
132337
|
-
var Host$g = _styled__default["default"].div(templateObject_1$
|
|
132338
|
-
var PageTableOfContentsButton = _styled__default["default"](officeUiFabricReact.IconButton)(templateObject_2$
|
|
132349
|
+
var Host$g = _styled__default["default"].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject$l(["\n && {\n margin-top: ", "px;\n }\n"], ["\n && {\n margin-top: ", "px;\n }\n"])), spacingXs);
|
|
132350
|
+
var PageTableOfContentsButton = _styled__default["default"](officeUiFabricReact.IconButton)(templateObject_2$i || (templateObject_2$i = __makeTemplateObject$l(["\n && {\n padding: 0;\n margin: 0;\n width: 22px;\n height: 22px;\n\n i {\n font-size: 20px;\n color: ", ";\n }\n }\n"], ["\n && {\n padding: 0;\n margin: 0;\n width: 22px;\n height: 22px;\n\n i {\n font-size: 20px;\n color: ", ";\n }\n }\n"])), function (p) {
|
|
132339
132351
|
return p.theme.textColors.default;
|
|
132340
132352
|
});
|
|
132341
|
-
var templateObject_1$
|
|
132353
|
+
var templateObject_1$s, templateObject_2$i;
|
|
132342
132354
|
|
|
132343
132355
|
var PageDetail = function PageDetail(props) {
|
|
132344
132356
|
var routeMatch = ReactRouterDom.useRouteMatch();
|
|
@@ -132432,12 +132444,12 @@
|
|
|
132432
132444
|
var Host$f = _styled__default["default"].div.withConfig({
|
|
132433
132445
|
displayName: "PageDetail__Host",
|
|
132434
132446
|
componentId: "sc-22rpk8-0"
|
|
132435
|
-
})(templateObject_1$
|
|
132447
|
+
})(templateObject_1$r || (templateObject_1$r = __makeTemplateObject$l([""], [""])));
|
|
132436
132448
|
|
|
132437
132449
|
var PageHeader = _styled__default["default"].div.withConfig({
|
|
132438
132450
|
displayName: "PageDetail__PageHeader",
|
|
132439
132451
|
componentId: "sc-22rpk8-1"
|
|
132440
|
-
})(templateObject_2$
|
|
132452
|
+
})(templateObject_2$h || (templateObject_2$h = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n margin-bottom: ", "px;\n"], ["\n display: flex;\n align-items: center;\n margin-bottom: ", "px;\n"])), spacingM);
|
|
132441
132453
|
|
|
132442
132454
|
var ConsumerBreadcrumbWrapper = function ConsumerBreadcrumbWrapper() {
|
|
132443
132455
|
var item = useDetailViewContext().item;
|
|
@@ -132509,7 +132521,7 @@
|
|
|
132509
132521
|
return jsxRuntime.jsx(InlinePageList, {}, void 0);
|
|
132510
132522
|
};
|
|
132511
132523
|
|
|
132512
|
-
var templateObject_1$
|
|
132524
|
+
var templateObject_1$r, templateObject_2$h, templateObject_3$e, templateObject_4$c, templateObject_5$9;
|
|
132513
132525
|
|
|
132514
132526
|
var EventDetail = function EventDetail(_a) {
|
|
132515
132527
|
var itemId = _a.itemId,
|
|
@@ -132577,12 +132589,12 @@
|
|
|
132577
132589
|
var Host$e = _styled__default["default"].div.withConfig({
|
|
132578
132590
|
displayName: "EventDetail__Host",
|
|
132579
132591
|
componentId: "sc-hrm4yl-0"
|
|
132580
|
-
})(templateObject_1$
|
|
132592
|
+
})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject$l([""], [""])));
|
|
132581
132593
|
|
|
132582
132594
|
var EventDateAndRecurrenceInfo = _styled__default["default"].div.withConfig({
|
|
132583
132595
|
displayName: "EventDetail__EventDateAndRecurrenceInfo",
|
|
132584
132596
|
componentId: "sc-hrm4yl-1"
|
|
132585
|
-
})(templateObject_2$
|
|
132597
|
+
})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"], ["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));
|
|
132586
132598
|
|
|
132587
132599
|
var DatesInfo = _styled__default["default"](EventDetailViewDatesInfo).withConfig({
|
|
132588
132600
|
displayName: "EventDetail__DatesInfo",
|
|
@@ -132596,7 +132608,7 @@
|
|
|
132596
132608
|
return p.theme.textColors.default;
|
|
132597
132609
|
}, spacingM);
|
|
132598
132610
|
|
|
132599
|
-
var templateObject_1$
|
|
132611
|
+
var templateObject_1$q, templateObject_2$g, templateObject_3$d, templateObject_4$b;
|
|
132600
132612
|
|
|
132601
132613
|
function useNewsItemClickHandler() {
|
|
132602
132614
|
var user = useCurrentUserContext().user;
|
|
@@ -132803,11 +132815,11 @@
|
|
|
132803
132815
|
var Host$d = _styled__default["default"].div.withConfig({
|
|
132804
132816
|
displayName: "NewsCompactCard__Host",
|
|
132805
132817
|
componentId: "sc-16ovog0-0"
|
|
132806
|
-
})(templateObject_1$
|
|
132818
|
+
})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n height: ", "px;\n background-color: ", ";\n"], ["\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n height: ", "px;\n background-color: ", ";\n"])), BannerSize, function (p) {
|
|
132807
132819
|
return p.theme.palette.white;
|
|
132808
132820
|
});
|
|
132809
132821
|
|
|
132810
|
-
var TextStyle = _styled.css(templateObject_2$
|
|
132822
|
+
var TextStyle = _styled.css(templateObject_2$f || (templateObject_2$f = __makeTemplateObject$l(["\n font-size: ", "px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n"], ["\n font-size: ", "px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n"])), fontSizeSmall);
|
|
132811
132823
|
|
|
132812
132824
|
var Inner$2 = _styled__default["default"].div.withConfig({
|
|
132813
132825
|
displayName: "NewsCompactCard__Inner",
|
|
@@ -132901,7 +132913,7 @@
|
|
|
132901
132913
|
});
|
|
132902
132914
|
});
|
|
132903
132915
|
|
|
132904
|
-
var templateObject_1$
|
|
132916
|
+
var templateObject_1$p, templateObject_2$f, templateObject_3$c, templateObject_4$a, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$1;
|
|
132905
132917
|
|
|
132906
132918
|
var EmptyNewsList = function EmptyNewsList() {
|
|
132907
132919
|
return jsxRuntime.jsxs(Host$c, {
|
|
@@ -132918,19 +132930,19 @@
|
|
|
132918
132930
|
var Host$c = _styled__default["default"].div.withConfig({
|
|
132919
132931
|
displayName: "EmptyNewsList__Host",
|
|
132920
132932
|
componentId: "sc-11ktr8s-0"
|
|
132921
|
-
})(templateObject_1$
|
|
132933
|
+
})(templateObject_1$o || (templateObject_1$o = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: auto 0;\n padding: ", "px 0;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: auto 0;\n padding: ", "px 0;\n"])), spacingM);
|
|
132922
132934
|
|
|
132923
132935
|
var StyledIcon$3 = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
|
|
132924
132936
|
displayName: "EmptyNewsList__StyledIcon",
|
|
132925
132937
|
componentId: "sc-11ktr8s-1"
|
|
132926
|
-
})(templateObject_2$
|
|
132938
|
+
})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject$l(["\n font-size: ", "px;\n opacity: 0.8;\n margin-bottom: ", "px;\n"], ["\n font-size: ", "px;\n opacity: 0.8;\n margin-bottom: ", "px;\n"])), fontSizeLarger, spacingM);
|
|
132927
132939
|
|
|
132928
132940
|
var Message = _styled__default["default"].p.withConfig({
|
|
132929
132941
|
displayName: "EmptyNewsList__Message",
|
|
132930
132942
|
componentId: "sc-11ktr8s-2"
|
|
132931
132943
|
})(templateObject_3$b || (templateObject_3$b = __makeTemplateObject$l(["\n text-align: center;\n padding: 0;\n margin: 0;\n"], ["\n text-align: center;\n padding: 0;\n margin: 0;\n"])));
|
|
132932
132944
|
|
|
132933
|
-
var templateObject_1$
|
|
132945
|
+
var templateObject_1$o, templateObject_2$e, templateObject_3$b;
|
|
132934
132946
|
|
|
132935
132947
|
exports.ItemLayoutMode = void 0;
|
|
132936
132948
|
|
|
@@ -133097,12 +133109,12 @@
|
|
|
133097
133109
|
var Host$b = _styled__default["default"].div.withConfig({
|
|
133098
133110
|
displayName: "NewsList__Host",
|
|
133099
133111
|
componentId: "sc-1d0bzx1-0"
|
|
133100
|
-
})(templateObject_1$
|
|
133112
|
+
})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l([""], [""])));
|
|
133101
133113
|
|
|
133102
133114
|
var CompactList = _styled__default["default"].ul.withConfig({
|
|
133103
133115
|
displayName: "NewsList__CompactList",
|
|
133104
133116
|
componentId: "sc-1d0bzx1-1"
|
|
133105
|
-
})(templateObject_2$
|
|
133117
|
+
})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject$l(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li:not(:first-child) {\n margin-top: ", "px;\n }\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li:not(:first-child) {\n margin-top: ", "px;\n }\n"])), spacingS);
|
|
133106
133118
|
|
|
133107
133119
|
var StyledNewsItemTile = _styled__default["default"](NewsItemTile).withConfig({
|
|
133108
133120
|
displayName: "NewsList__StyledNewsItemTile",
|
|
@@ -133137,7 +133149,7 @@
|
|
|
133137
133149
|
return p.theme.palette.red;
|
|
133138
133150
|
}, spacingM);
|
|
133139
133151
|
|
|
133140
|
-
var templateObject_1$
|
|
133152
|
+
var templateObject_1$n, templateObject_2$d, templateObject_3$a, templateObject_4$9, templateObject_5$7, templateObject_6$6, templateObject_7$3, templateObject_8$3;
|
|
133141
133153
|
|
|
133142
133154
|
var ManageChannels = function ManageChannels(_a) {
|
|
133143
133155
|
var className = _a.className;
|
|
@@ -133303,12 +133315,12 @@
|
|
|
133303
133315
|
var Host$a = _styled__default["default"].div.withConfig({
|
|
133304
133316
|
displayName: "ManageChannels__Host",
|
|
133305
133317
|
componentId: "sc-yyoxfw-0"
|
|
133306
|
-
})(templateObject_1$
|
|
133318
|
+
})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$l(["\n padding: ", "px ", "px;\n"], ["\n padding: ", "px ", "px;\n"])), spacingX, spacingM);
|
|
133307
133319
|
|
|
133308
133320
|
var Title$2 = _styled__default["default"].h3.withConfig({
|
|
133309
133321
|
displayName: "ManageChannels__Title",
|
|
133310
133322
|
componentId: "sc-yyoxfw-1"
|
|
133311
|
-
})(templateObject_2$
|
|
133323
|
+
})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject$l(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
133312
133324
|
|
|
133313
133325
|
var Description = _styled__default["default"].span.withConfig({
|
|
133314
133326
|
displayName: "ManageChannels__Description",
|
|
@@ -133376,7 +133388,7 @@
|
|
|
133376
133388
|
return p.theme.textColors.default;
|
|
133377
133389
|
});
|
|
133378
133390
|
|
|
133379
|
-
var templateObject_1$
|
|
133391
|
+
var templateObject_1$m, templateObject_2$c, templateObject_3$9, templateObject_4$8, templateObject_5$6, templateObject_6$5, templateObject_7$2, templateObject_8$2;
|
|
133380
133392
|
|
|
133381
133393
|
var NewsGridCard = function NewsGridCard(_a) {
|
|
133382
133394
|
var _b;
|
|
@@ -133483,8 +133495,8 @@
|
|
|
133483
133495
|
return NewsService.getNewsRoute(baseRoute, item.id, title);
|
|
133484
133496
|
}
|
|
133485
133497
|
};
|
|
133486
|
-
var Host$9 = _styled__default["default"].div(templateObject_2$
|
|
133487
|
-
return p.showHighlight && _styled.css(templateObject_1$
|
|
133498
|
+
var Host$9 = _styled__default["default"].div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n width: 100%;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n position: relative;\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n position: relative;\n\n ", "\n"])), function (p) {
|
|
133499
|
+
return p.showHighlight && _styled.css(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$l(["\n position: relative;\n &::after {\n ", ";\n }\n "], ["\n position: relative;\n &::after {\n ", ";\n }\n "])), BannerHighlightStyle);
|
|
133488
133500
|
});
|
|
133489
133501
|
var BannerHighlightStyle = _styled.css(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$l(["\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ", "px;\n display: block;\n background-color: ", ";\n"], ["\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ", "px;\n display: block;\n background-color: ", ";\n"])), spacingXs, function (p) {
|
|
133490
133502
|
return p.theme.palette.accent;
|
|
@@ -133511,7 +133523,7 @@
|
|
|
133511
133523
|
return p.theme.palette.neutralTertiary;
|
|
133512
133524
|
});
|
|
133513
133525
|
var StyledChannels$1 = _styled__default["default"](ChannelList$1)(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject$l(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n"], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n"])), spacingS, spacingM);
|
|
133514
|
-
var templateObject_1$
|
|
133526
|
+
var templateObject_1$l, templateObject_2$b, templateObject_3$8, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$1, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1;
|
|
133515
133527
|
|
|
133516
133528
|
var ErrorContainer = function ErrorContainer() {
|
|
133517
133529
|
return jsxRuntime.jsx(Host$8, {
|
|
@@ -133524,11 +133536,11 @@
|
|
|
133524
133536
|
var Host$8 = _styled__default["default"].p.withConfig({
|
|
133525
133537
|
displayName: "ErrorContainer__Host",
|
|
133526
133538
|
componentId: "sc-499uwc-0"
|
|
133527
|
-
})(templateObject_1$
|
|
133539
|
+
})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l(["\n color: ", ";\n padding: ", "px 0;\n text-align: center;\n"], ["\n color: ", ";\n padding: ", "px 0;\n text-align: center;\n"])), function (p) {
|
|
133528
133540
|
return p.theme.palette.red;
|
|
133529
133541
|
}, spacingM);
|
|
133530
133542
|
|
|
133531
|
-
var templateObject_1$
|
|
133543
|
+
var templateObject_1$k;
|
|
133532
133544
|
|
|
133533
133545
|
var NewsGrid = function NewsGrid(_a) {
|
|
133534
133546
|
var filter = _a.filter,
|
|
@@ -133616,13 +133628,13 @@
|
|
|
133616
133628
|
var Host$7 = _styled__default["default"].div.withConfig({
|
|
133617
133629
|
displayName: "NewsGrid__Host",
|
|
133618
133630
|
componentId: "sc-8ugpfz-0"
|
|
133619
|
-
})(templateObject_1$
|
|
133631
|
+
})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l([""], [""])));
|
|
133620
133632
|
|
|
133621
133633
|
var Inner$1 = _styled__default["default"].div.withConfig({
|
|
133622
133634
|
displayName: "NewsGrid__Inner",
|
|
133623
133635
|
componentId: "sc-8ugpfz-1"
|
|
133624
133636
|
})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n display: flex; // IE fallback\n flex-wrap: wrap;\n\n display: grid;\n gap: ", "px;\n ", "\n"], ["\n display: flex; // IE fallback\n flex-wrap: wrap;\n\n display: grid;\n gap: ", "px;\n ", "\n"])), spacingM, function (p) {
|
|
133625
|
-
return _styled.css(templateObject_2$
|
|
133637
|
+
return _styled.css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$l(["\n grid-template-columns: repeat(", ", minmax(0, 1fr));\n "], ["\n grid-template-columns: repeat(", ", minmax(0, 1fr));\n "])), p.columnCount);
|
|
133626
133638
|
});
|
|
133627
133639
|
|
|
133628
133640
|
_styled__default["default"](NewsGridCard).withConfig({
|
|
@@ -133632,7 +133644,7 @@
|
|
|
133632
133644
|
return _styled.css(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$l(["\n width: calc(100% / ", " - ", "px);\n "], ["\n width: calc(100% / ", " - ", "px);\n "])), p.columnCount, spacingM);
|
|
133633
133645
|
});
|
|
133634
133646
|
|
|
133635
|
-
var templateObject_1$
|
|
133647
|
+
var templateObject_1$j, templateObject_2$a, templateObject_3$7, templateObject_4$6, templateObject_5$4;
|
|
133636
133648
|
|
|
133637
133649
|
var HeroSlide = function HeroSlide(_a) {
|
|
133638
133650
|
var item = _a.item,
|
|
@@ -133777,7 +133789,7 @@
|
|
|
133777
133789
|
displayName: "HeroSlide__Host",
|
|
133778
133790
|
componentId: "sc-3yofth-0"
|
|
133779
133791
|
})(templateObject_7 || (templateObject_7 = __makeTemplateObject$l(["\n position: relative;\n\n ", "\n\n ", "\n \n ", "\n \n ", "\n"], ["\n position: relative;\n\n ", "\n\n ", "\n \n ", "\n \n ", "\n"])), function (p) {
|
|
133780
|
-
return p.width ? _styled.css(templateObject_1$
|
|
133792
|
+
return p.width ? _styled.css(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l(["\n width: ", ";\n "], ["\n width: ", ";\n "])), p.width) : _styled.css(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$l(["\n width: 100%;\n "], ["\n width: 100%;\n "])));
|
|
133781
133793
|
}, function (p) {
|
|
133782
133794
|
return p.height ? _styled.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject$l(["\n height: ", ";\n "], ["\n height: ", ";\n "])), p.height) : _styled.css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n height: 100%;\n "], ["\n height: 100%;\n "])));
|
|
133783
133795
|
}, function (p) {
|
|
@@ -133897,7 +133909,7 @@
|
|
|
133897
133909
|
return p.color ? _styled.css(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.color) : _styled.css(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.default);
|
|
133898
133910
|
});
|
|
133899
133911
|
|
|
133900
|
-
var templateObject_1$
|
|
133912
|
+
var templateObject_1$i, templateObject_2$9, templateObject_3$6, templateObject_4$5, templateObject_5$3, templateObject_6$3, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33;
|
|
133901
133913
|
|
|
133902
133914
|
var HeroPaging = function HeroPaging(_a) {
|
|
133903
133915
|
var items = _a.items,
|
|
@@ -134018,12 +134030,12 @@
|
|
|
134018
134030
|
var PagingHost = _styled__default["default"].div.withConfig({
|
|
134019
134031
|
displayName: "HeroPaging__PagingHost",
|
|
134020
134032
|
componentId: "sc-1y3j8qb-0"
|
|
134021
|
-
})(templateObject_1$
|
|
134033
|
+
})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
134022
134034
|
|
|
134023
134035
|
var Paging = _styled__default["default"].ul.withConfig({
|
|
134024
134036
|
displayName: "HeroPaging__Paging",
|
|
134025
134037
|
componentId: "sc-1y3j8qb-1"
|
|
134026
|
-
})(templateObject_2$
|
|
134038
|
+
})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$l(["\n display: flex;\n width: 100%;\n list-style: none;\n margin: 0 0 ", "px 0;\n padding: 0;\n"], ["\n display: flex;\n width: 100%;\n list-style: none;\n margin: 0 0 ", "px 0;\n padding: 0;\n"])), spacingM);
|
|
134027
134039
|
|
|
134028
134040
|
var PagingItem = _styled__default["default"].li.withConfig({
|
|
134029
134041
|
displayName: "HeroPaging__PagingItem",
|
|
@@ -134044,7 +134056,7 @@
|
|
|
134044
134056
|
componentId: "sc-1y3j8qb-4"
|
|
134045
134057
|
})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$l(["\n position: absolute;\n top: 50%;\n\n && {\n padding: 0;\n }\n\n &[data-paging-next] {\n left: 100%;\n transform: translate(-5px, -50%);\n }\n\n &[data-paging-back] {\n right: 100%;\n transform: translate(5px, -50%);\n }\n"], ["\n position: absolute;\n top: 50%;\n\n && {\n padding: 0;\n }\n\n &[data-paging-next] {\n left: 100%;\n transform: translate(-5px, -50%);\n }\n\n &[data-paging-back] {\n right: 100%;\n transform: translate(5px, -50%);\n }\n"])));
|
|
134046
134058
|
|
|
134047
|
-
var templateObject_1$
|
|
134059
|
+
var templateObject_1$h, templateObject_2$8, templateObject_3$5, templateObject_4$4, templateObject_5$2, templateObject_6$2;
|
|
134048
134060
|
|
|
134049
134061
|
var Hero = function Hero(_a) {
|
|
134050
134062
|
var items = _a.items,
|
|
@@ -134111,9 +134123,9 @@
|
|
|
134111
134123
|
var StyledCarousel = _styled__default["default"](Carousel).withConfig({
|
|
134112
134124
|
displayName: "Hero__StyledCarousel",
|
|
134113
134125
|
componentId: "sc-55ys37-0"
|
|
134114
|
-
})(templateObject_1$
|
|
134126
|
+
})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l(["\n .slider-list {\n height: 100% !important;\n\n > li {\n height: 100% !important;\n }\n }\n\n .slider-control-bottomcenter {\n left: ", "px !important;\n right: ", "px !important;\n transform: none !important;\n }\n\n .hero-paging--hidden {\n display: none;\n }\n"], ["\n .slider-list {\n height: 100% !important;\n\n > li {\n height: 100% !important;\n }\n }\n\n .slider-control-bottomcenter {\n left: ", "px !important;\n right: ", "px !important;\n transform: none !important;\n }\n\n .hero-paging--hidden {\n display: none;\n }\n"])), spacingL, spacingL);
|
|
134115
134127
|
|
|
134116
|
-
var templateObject_1$
|
|
134128
|
+
var templateObject_1$g;
|
|
134117
134129
|
|
|
134118
134130
|
var NewsHero = function NewsHero(_a) {
|
|
134119
134131
|
var filter = _a.filter,
|
|
@@ -134266,15 +134278,15 @@
|
|
|
134266
134278
|
var StyledChannels = _styled__default["default"](ChannelList$1).withConfig({
|
|
134267
134279
|
displayName: "NewsHero__StyledChannels",
|
|
134268
134280
|
componentId: "sc-i9ar0j-0"
|
|
134269
|
-
})(templateObject_1$
|
|
134281
|
+
})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l(["\n [data-channels] {\n justify-content: flex-end;\n }\n"], ["\n [data-channels] {\n justify-content: flex-end;\n }\n"])));
|
|
134270
134282
|
|
|
134271
|
-
var templateObject_1$
|
|
134283
|
+
var templateObject_1$f;
|
|
134272
134284
|
|
|
134273
134285
|
// a string of all valid unicode whitespaces
|
|
134274
134286
|
// eslint-disable-next-line max-len
|
|
134275
134287
|
var whitespaces$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';
|
|
134276
134288
|
|
|
134277
|
-
var requireObjectCoercible = requireObjectCoercible$m;
|
|
134289
|
+
var requireObjectCoercible$1 = requireObjectCoercible$m;
|
|
134278
134290
|
var whitespaces$1 = whitespaces$2;
|
|
134279
134291
|
|
|
134280
134292
|
var whitespace = '[' + whitespaces$1 + ']';
|
|
@@ -134284,7 +134296,7 @@
|
|
|
134284
134296
|
// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
|
|
134285
134297
|
var createMethod = function (TYPE) {
|
|
134286
134298
|
return function ($this) {
|
|
134287
|
-
var string = String(requireObjectCoercible($this));
|
|
134299
|
+
var string = String(requireObjectCoercible$1($this));
|
|
134288
134300
|
if (TYPE & 1) string = string.replace(ltrim, '');
|
|
134289
134301
|
if (TYPE & 2) string = string.replace(rtrim, '');
|
|
134290
134302
|
return string;
|
|
@@ -134329,7 +134341,7 @@
|
|
|
134329
134341
|
});
|
|
134330
134342
|
|
|
134331
134343
|
var redefine = redefine$k.exports;
|
|
134332
|
-
var anObject = anObject$v;
|
|
134344
|
+
var anObject$1 = anObject$v;
|
|
134333
134345
|
var fails = fails$w;
|
|
134334
134346
|
var flags = regexpFlags$1;
|
|
134335
134347
|
|
|
@@ -134345,7 +134357,7 @@
|
|
|
134345
134357
|
// https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring
|
|
134346
134358
|
if (NOT_GENERIC || INCORRECT_NAME) {
|
|
134347
134359
|
redefine(RegExp.prototype, TO_STRING, function toString() {
|
|
134348
|
-
var R = anObject(this);
|
|
134360
|
+
var R = anObject$1(this);
|
|
134349
134361
|
var p = String(R.source);
|
|
134350
134362
|
var rf = R.flags;
|
|
134351
134363
|
var f = String(rf === undefined && R instanceof RegExp && !('flags' in RegExpPrototype) ? flags.call(R) : rf);
|
|
@@ -134436,7 +134448,7 @@
|
|
|
134436
134448
|
var StyledDropdown = _styled__default["default"](Dropdown).withConfig({
|
|
134437
134449
|
displayName: "GroupsDropdown__StyledDropdown",
|
|
134438
134450
|
componentId: "sc-cmsnyu-0"
|
|
134439
|
-
})(templateObject_1$
|
|
134451
|
+
})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject$l(["\n ", "\n\n margin-bottom: ", "px;\n width: 200px;\n min-width: 200px;\n padding: 0;\n\n &&&,\n &&&:hover,\n .ms-Dropdown,\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n color: ", " !important;\n }\n\n .ms-Dropdown-title {\n background-color: ", ";\n i {\n font-size: ", "px;\n margin: 0 ", "px 0 0;\n }\n }\n\n .ms-Dropdown-caretDownWrapper {\n top: 0;\n\n & > i {\n color: ", " !important;\n }\n }\n"], ["\n ", "\n\n margin-bottom: ", "px;\n width: 200px;\n min-width: 200px;\n padding: 0;\n\n &&&,\n &&&:hover,\n .ms-Dropdown,\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n color: ", " !important;\n }\n\n .ms-Dropdown-title {\n background-color: ", ";\n i {\n font-size: ", "px;\n margin: 0 ", "px 0 0;\n }\n }\n\n .ms-Dropdown-caretDownWrapper {\n top: 0;\n\n & > i {\n color: ", " !important;\n }\n }\n"])), ToolbarNoBorderDropdownStyles, spacingXs, function (p) {
|
|
134440
134452
|
return p.theme.textColors.onAccent;
|
|
134441
134453
|
}, function (p) {
|
|
134442
134454
|
return p.theme.palette.accent;
|
|
@@ -134447,7 +134459,7 @@
|
|
|
134447
134459
|
var DropdownOption = _styled__default["default"].div.withConfig({
|
|
134448
134460
|
displayName: "GroupsDropdown__DropdownOption",
|
|
134449
134461
|
componentId: "sc-cmsnyu-1"
|
|
134450
|
-
})(templateObject_2$
|
|
134462
|
+
})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject$l(["\n ", "\n"], ["\n ", "\n"])), ToolbarOptionStyles);
|
|
134451
134463
|
|
|
134452
134464
|
var Title = _styled__default["default"].div.withConfig({
|
|
134453
134465
|
displayName: "GroupsDropdown__Title",
|
|
@@ -134456,7 +134468,7 @@
|
|
|
134456
134468
|
|
|
134457
134469
|
var GlobalDropdownStyles = _styled.createGlobalStyle(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$l(["\n .ms-Dropdown-item {\n i {\n width: auto;\n margin: 0 ", "px 0 0;\n }\n }\n"], ["\n .ms-Dropdown-item {\n i {\n width: auto;\n margin: 0 ", "px 0 0;\n }\n }\n"])), spacingS);
|
|
134458
134470
|
|
|
134459
|
-
var templateObject_1$
|
|
134471
|
+
var templateObject_1$e, templateObject_2$7, templateObject_3$4, templateObject_4$3;
|
|
134460
134472
|
|
|
134461
134473
|
var TaskButton = function TaskButton(_a) {
|
|
134462
134474
|
var count = _a.count,
|
|
@@ -134498,9 +134510,9 @@
|
|
|
134498
134510
|
var ToggleButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
|
|
134499
134511
|
displayName: "TaskButton__ToggleButton",
|
|
134500
134512
|
componentId: "sc-8eylsw-0"
|
|
134501
|
-
})(templateObject_1$
|
|
134513
|
+
})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l(["\n border-radius: 0;\n padding: 0 ", "px;\n margin-bottom: ", "px;\n font-size: ", "px;\n user-select: none;\n height: ", "px;\n\n display: flex;\n align-items: center;\n\n svg {\n margin-right: ", "px;\n }\n"], ["\n border-radius: 0;\n padding: 0 ", "px;\n margin-bottom: ", "px;\n font-size: ", "px;\n user-select: none;\n height: ", "px;\n\n display: flex;\n align-items: center;\n\n svg {\n margin-right: ", "px;\n }\n"])), spacingS, spacingXs, fontSizeSmall, spacingL + 2, spacingS);
|
|
134502
134514
|
|
|
134503
|
-
var templateObject_1$
|
|
134515
|
+
var templateObject_1$d;
|
|
134504
134516
|
|
|
134505
134517
|
var TaskButtons = function TaskButtons(_a) {
|
|
134506
134518
|
var type = _a.type,
|
|
@@ -134566,9 +134578,9 @@
|
|
|
134566
134578
|
var Host$5 = _styled__default["default"].div.withConfig({
|
|
134567
134579
|
displayName: "TaskButtons__Host",
|
|
134568
134580
|
componentId: "sc-sw0zei-0"
|
|
134569
|
-
})(templateObject_1$
|
|
134581
|
+
})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l(["\n display: flex;\n flex-wrap: wrap;\n\n button {\n border: 1px solid #808080;\n\n &:not(:first-child) {\n border-left: none;\n }\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n\n button {\n border: 1px solid #808080;\n\n &:not(:first-child) {\n border-left: none;\n }\n }\n"])));
|
|
134570
134582
|
|
|
134571
|
-
var templateObject_1$
|
|
134583
|
+
var templateObject_1$c;
|
|
134572
134584
|
|
|
134573
134585
|
var NewArticleButton = function NewArticleButton(_a) {
|
|
134574
134586
|
var groupId = _a.groupId,
|
|
@@ -134710,12 +134722,12 @@
|
|
|
134710
134722
|
}).length;
|
|
134711
134723
|
}
|
|
134712
134724
|
};
|
|
134713
|
-
var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$
|
|
134725
|
+
var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n .ms-MessageBar {\n margin-bottom: ", "px;\n }\n .ms-MessageBar-text {\n flex: 1 1 0%;\n }\n"], ["\n .ms-MessageBar {\n margin-bottom: ", "px;\n }\n .ms-MessageBar-text {\n flex: 1 1 0%;\n }\n"])), spacingXs);
|
|
134714
134726
|
|
|
134715
134727
|
var StyledEditorListItem = _styled__default["default"](EditorListItem).withConfig({
|
|
134716
134728
|
displayName: "NewsEditorDashboard__StyledEditorListItem",
|
|
134717
134729
|
componentId: "sc-vv9dzu-0"
|
|
134718
|
-
})(templateObject_2$
|
|
134730
|
+
})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$l(["\n :not(:first-child) {\n margin-top: ", "px;\n }\n"], ["\n :not(:first-child) {\n margin-top: ", "px;\n }\n"])), spacingS + 5);
|
|
134719
134731
|
|
|
134720
134732
|
var FiltersAndButtons = _styled__default["default"].div.withConfig({
|
|
134721
134733
|
displayName: "NewsEditorDashboard__FiltersAndButtons",
|
|
@@ -134737,7 +134749,7 @@
|
|
|
134737
134749
|
componentId: "sc-vv9dzu-4"
|
|
134738
134750
|
})(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n align-self: flex-start;\n"], ["\n margin-bottom: ", "px;\n align-self: flex-start;\n"])), spacingXs);
|
|
134739
134751
|
|
|
134740
|
-
var templateObject_1$
|
|
134752
|
+
var templateObject_1$b, templateObject_2$6, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1;
|
|
134741
134753
|
|
|
134742
134754
|
// NOTE: This component exists in this project and not in the ui/common/toolbar because it uses DetailViewContext placed in feature/content/
|
|
134743
134755
|
// Also a generic component `ToolbarLanguageSelector` in ui/common/toolbar complicates the flow and requires some code duplication
|
|
@@ -134778,9 +134790,9 @@
|
|
|
134778
134790
|
var LanguageMenuButton = _styled__default["default"](LanguageSelector).withConfig({
|
|
134779
134791
|
displayName: "ToolbarNewsLanguageSelector__LanguageMenuButton",
|
|
134780
134792
|
componentId: "sc-1xe5l19-0"
|
|
134781
|
-
})(templateObject_1$
|
|
134793
|
+
})(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$l(["\n && {\n i {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n i {\n font-size: ", "px;\n }\n }\n"])), fontSizeNormal);
|
|
134782
134794
|
|
|
134783
|
-
var templateObject_1$
|
|
134795
|
+
var templateObject_1$a;
|
|
134784
134796
|
|
|
134785
134797
|
var ToolbarManageNewsItemButton = function ToolbarManageNewsItemButton(_a) {
|
|
134786
134798
|
var onClick = _a.onClick;
|
|
@@ -134906,9 +134918,9 @@
|
|
|
134906
134918
|
var Host$4 = _styled__default["default"].div.withConfig({
|
|
134907
134919
|
displayName: "NewsDetailPreview__Host",
|
|
134908
134920
|
componentId: "sc-17gmqax-0"
|
|
134909
|
-
})(templateObject_1$
|
|
134921
|
+
})(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$l([""], [""])));
|
|
134910
134922
|
|
|
134911
|
-
var templateObject_1$
|
|
134923
|
+
var templateObject_1$9;
|
|
134912
134924
|
|
|
134913
134925
|
var FilterContext = /*#__PURE__*/React$d.createContext(null);
|
|
134914
134926
|
var FilterContextProvider = function FilterContextProvider(_a) {
|
|
@@ -134942,9 +134954,9 @@
|
|
|
134942
134954
|
var Host$3 = _styled__default["default"].div.withConfig({
|
|
134943
134955
|
displayName: "ToolbarFilterPanel__Host",
|
|
134944
134956
|
componentId: "sc-118p488-0"
|
|
134945
|
-
})(templateObject_1$
|
|
134957
|
+
})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
134946
134958
|
|
|
134947
|
-
var templateObject_1$
|
|
134959
|
+
var templateObject_1$8;
|
|
134948
134960
|
|
|
134949
134961
|
var ToolbarFilterCalloutButton = function ToolbarFilterCalloutButton(_a) {
|
|
134950
134962
|
var buttonText = _a.buttonText,
|
|
@@ -135003,13 +135015,13 @@
|
|
|
135003
135015
|
var Host$2 = _styled__default["default"].div.withConfig({
|
|
135004
135016
|
displayName: "ToolbarFilterCalloutButton__Host",
|
|
135005
135017
|
componentId: "sc-fu36ma-0"
|
|
135006
|
-
})(templateObject_1$
|
|
135018
|
+
})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
135007
135019
|
|
|
135008
135020
|
var Button = _styled__default["default"](ActionButton).withConfig({
|
|
135009
135021
|
displayName: "ToolbarFilterCalloutButton__Button",
|
|
135010
135022
|
componentId: "sc-fu36ma-1"
|
|
135011
135023
|
})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$l(["\n ", "\n i {\n order: 1;\n }\n"], ["\n ", "\n i {\n order: 1;\n }\n"])), function (p) {
|
|
135012
|
-
return p.isActive && _styled.css(templateObject_2$
|
|
135024
|
+
return p.isActive && _styled.css(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n font-weight: bold;\n "], ["\n font-weight: bold;\n "])));
|
|
135013
135025
|
});
|
|
135014
135026
|
|
|
135015
135027
|
var ClearFilterButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
|
|
@@ -135017,7 +135029,7 @@
|
|
|
135017
135029
|
componentId: "sc-fu36ma-2"
|
|
135018
135030
|
})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$l(["\n margin-left: auto;\n\n .ms-Button-label {\n font-weight: normal;\n }\n"], ["\n margin-left: auto;\n\n .ms-Button-label {\n font-weight: normal;\n }\n"])));
|
|
135019
135031
|
|
|
135020
|
-
var templateObject_1$
|
|
135032
|
+
var templateObject_1$7, templateObject_2$5, templateObject_3$2, templateObject_4$1;
|
|
135021
135033
|
|
|
135022
135034
|
var FilterLogicalOperators = function FilterLogicalOperators(_a) {
|
|
135023
135035
|
var onChange = _a.onChange,
|
|
@@ -135064,14 +135076,14 @@
|
|
|
135064
135076
|
var StyledChoiceGroup = _styled__default["default"](ChoiceGroup).withConfig({
|
|
135065
135077
|
displayName: "FilterLogicalOperators__StyledChoiceGroup",
|
|
135066
135078
|
componentId: "sc-10bpjo8-0"
|
|
135067
|
-
})(templateObject_1$
|
|
135079
|
+
})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n\n .ms-ChoiceField {\n margin-right: ", "px;\n }\n"], ["\n margin-bottom: ", "px;\n\n .ms-ChoiceField {\n margin-right: ", "px;\n }\n"])), spacingM, spacingM);
|
|
135068
135080
|
|
|
135069
135081
|
var Operator = _styled__default["default"].span.withConfig({
|
|
135070
135082
|
displayName: "FilterLogicalOperators__Operator",
|
|
135071
135083
|
componentId: "sc-10bpjo8-1"
|
|
135072
|
-
})(templateObject_2$
|
|
135084
|
+
})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$l(["\n text-transform: capitalize;\n"], ["\n text-transform: capitalize;\n"])));
|
|
135073
135085
|
|
|
135074
|
-
var templateObject_1$
|
|
135086
|
+
var templateObject_1$6, templateObject_2$4;
|
|
135075
135087
|
|
|
135076
135088
|
var ChannelFilter = function ChannelFilter(_a) {
|
|
135077
135089
|
var _b, _c, _d, _f, _g, _h;
|
|
@@ -135222,19 +135234,19 @@
|
|
|
135222
135234
|
var Channels = _styled__default["default"].div.withConfig({
|
|
135223
135235
|
displayName: "ChannelFilter__Channels",
|
|
135224
135236
|
componentId: "sc-1ju8xwz-0"
|
|
135225
|
-
})(templateObject_1$
|
|
135237
|
+
})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n max-height: ", "px;\n overflow-y: auto;\n"], ["\n margin-bottom: ", "px;\n max-height: ", "px;\n overflow-y: auto;\n"])), spacingM, channelRowHeight * visibleChannels);
|
|
135226
135238
|
|
|
135227
135239
|
var StyledCheckbox$1 = _styled__default["default"](officeUiFabricReact.Checkbox).withConfig({
|
|
135228
135240
|
displayName: "ChannelFilter__StyledCheckbox",
|
|
135229
135241
|
componentId: "sc-1ju8xwz-1"
|
|
135230
|
-
})(templateObject_2$
|
|
135242
|
+
})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n padding: ", "px 0;\n\n &:first-child {\n padding-top: 0;\n }\n\n &:last-child {\n padding-bottom: 0;\n }\n"], ["\n padding: ", "px 0;\n\n &:first-child {\n padding-top: 0;\n }\n\n &:last-child {\n padding-bottom: 0;\n }\n"])), spacingS - 2);
|
|
135231
135243
|
|
|
135232
135244
|
var StyledTextField$1 = _styled__default["default"](officeUiFabricReact.TextField).withConfig({
|
|
135233
135245
|
displayName: "ChannelFilter__StyledTextField",
|
|
135234
135246
|
componentId: "sc-1ju8xwz-2"
|
|
135235
135247
|
})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject$l(["\n padding-bottom: ", "px;\n"], ["\n padding-bottom: ", "px;\n"])), spacingM);
|
|
135236
135248
|
|
|
135237
|
-
var templateObject_1$
|
|
135249
|
+
var templateObject_1$5, templateObject_2$3, templateObject_3$1;
|
|
135238
135250
|
|
|
135239
135251
|
function toInteger(dirtyNumber) {
|
|
135240
135252
|
if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
|
|
@@ -138155,16 +138167,16 @@
|
|
|
138155
138167
|
var StyledDateTimePicker = _styled__default["default"](DateTimePicker).withConfig({
|
|
138156
138168
|
displayName: "PublishingDateFilter__StyledDateTimePicker",
|
|
138157
138169
|
componentId: "sc-zv88cu-0"
|
|
138158
|
-
})(templateObject_1$
|
|
138170
|
+
})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
|
|
138159
138171
|
|
|
138160
138172
|
var DateShortcuts = _styled__default["default"].div.withConfig({
|
|
138161
138173
|
displayName: "PublishingDateFilter__DateShortcuts",
|
|
138162
138174
|
componentId: "sc-zv88cu-1"
|
|
138163
|
-
})(templateObject_2$
|
|
138175
|
+
})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject$l(["\n margin: ", "px 0;\n display: flex;\n flex-direction: column;\n\n button {\n height: ", "px;\n padding-left: 0;\n .ms-Button-label {\n color: ", ";\n font-weight: bold;\n }\n i {\n margin-left: 0;\n }\n }\n"], ["\n margin: ", "px 0;\n display: flex;\n flex-direction: column;\n\n button {\n height: ", "px;\n padding-left: 0;\n .ms-Button-label {\n color: ", ";\n font-weight: bold;\n }\n i {\n margin-left: 0;\n }\n }\n"])), spacingS, spacingL, function (p) {
|
|
138164
138176
|
return p.theme.palette.themePrimary;
|
|
138165
138177
|
});
|
|
138166
138178
|
|
|
138167
|
-
var templateObject_1$
|
|
138179
|
+
var templateObject_1$4, templateObject_2$2;
|
|
138168
138180
|
|
|
138169
138181
|
var ClearAllFiltersButton = function ClearAllFiltersButton(_a) {
|
|
138170
138182
|
var onClick = _a.onClick;
|
|
@@ -138177,18 +138189,18 @@
|
|
|
138177
138189
|
}, void 0);
|
|
138178
138190
|
};
|
|
138179
138191
|
|
|
138180
|
-
var
|
|
138181
|
-
var _a, _b
|
|
138192
|
+
var KeywordsFilterDropdown = function KeywordsFilterDropdown() {
|
|
138193
|
+
var _a, _b;
|
|
138182
138194
|
|
|
138183
138195
|
var formatMessage = useIntl().formatMessage;
|
|
138184
138196
|
var allKeywords = React$d.useContext(LazySubscriptionContext).allKeywords;
|
|
138185
138197
|
|
|
138186
|
-
var
|
|
138187
|
-
filter =
|
|
138188
|
-
onChange =
|
|
138198
|
+
var _c = React$d.useContext(FilterContext),
|
|
138199
|
+
filter = _c.filter,
|
|
138200
|
+
onChange = _c.onChange;
|
|
138189
138201
|
|
|
138190
138202
|
var keywordsLength = (_b = (_a = filter === null || filter === void 0 ? void 0 : filter.keywords) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length;
|
|
138191
|
-
return jsxRuntime.
|
|
138203
|
+
return jsxRuntime.jsx(ToolbarFilterCalloutButton, __assign$g({
|
|
138192
138204
|
buttonText: formatMessage({
|
|
138193
138205
|
id: 'FilterPanel.keywordFilter'
|
|
138194
138206
|
}),
|
|
@@ -138200,23 +138212,7 @@
|
|
|
138200
138212
|
},
|
|
138201
138213
|
isActive: keywordsLength > 0
|
|
138202
138214
|
}, {
|
|
138203
|
-
children:
|
|
138204
|
-
selectedKey: (_d = (_c = filter === null || filter === void 0 ? void 0 : filter.keywords) === null || _c === void 0 ? void 0 : _c.operator) === null || _d === void 0 ? void 0 : _d.toString(),
|
|
138205
|
-
onChange: handleOperatorChange,
|
|
138206
|
-
ariaLabelResourceKey: "Lib.channelFilter.choiceGroupLabel"
|
|
138207
|
-
}, void 0), jsxRuntime.jsx(StyledKeywordPicker, {
|
|
138208
|
-
value: ((_e = filter === null || filter === void 0 ? void 0 : filter.keywords) === null || _e === void 0 ? void 0 : _e.items) || [],
|
|
138209
|
-
onChange: function (keywords) {
|
|
138210
|
-
onChange(__assign$g(__assign$g({}, filter), {
|
|
138211
|
-
keywords: __assign$g(__assign$g({}, filter === null || filter === void 0 ? void 0 : filter.keywords), {
|
|
138212
|
-
items: keywords.map(function (k) {
|
|
138213
|
-
return k.id;
|
|
138214
|
-
})
|
|
138215
|
-
})
|
|
138216
|
-
}));
|
|
138217
|
-
},
|
|
138218
|
-
showSelectionToggle: true
|
|
138219
|
-
}, void 0)]
|
|
138215
|
+
children: jsxRuntime.jsx(KeywordsFilterInternal, {}, void 0)
|
|
138220
138216
|
}), void 0);
|
|
138221
138217
|
|
|
138222
138218
|
function getButtonContent() {
|
|
@@ -138234,6 +138230,46 @@
|
|
|
138234
138230
|
}, void 0)]
|
|
138235
138231
|
}, void 0);
|
|
138236
138232
|
}
|
|
138233
|
+
};
|
|
138234
|
+
var KeywordsFilter = function KeywordsFilter(_a) {
|
|
138235
|
+
var className = _a.className;
|
|
138236
|
+
return jsxRuntime.jsxs("div", __assign$g({
|
|
138237
|
+
className: className
|
|
138238
|
+
}, {
|
|
138239
|
+
children: [jsxRuntime.jsx(SubTitle, {
|
|
138240
|
+
children: jsxRuntime.jsx(FormattedMessage$1, {
|
|
138241
|
+
id: "Keywords.title"
|
|
138242
|
+
}, void 0)
|
|
138243
|
+
}, void 0), jsxRuntime.jsx(KeywordsFilterInternal, {}, void 0)]
|
|
138244
|
+
}), void 0);
|
|
138245
|
+
};
|
|
138246
|
+
|
|
138247
|
+
var KeywordsFilterInternal = function KeywordsFilterInternal() {
|
|
138248
|
+
var _a, _b, _c;
|
|
138249
|
+
|
|
138250
|
+
var _d = React$d.useContext(FilterContext),
|
|
138251
|
+
filter = _d.filter,
|
|
138252
|
+
onChange = _d.onChange;
|
|
138253
|
+
|
|
138254
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
138255
|
+
children: [jsxRuntime.jsx(FilterLogicalOperators, {
|
|
138256
|
+
selectedKey: (_b = (_a = filter === null || filter === void 0 ? void 0 : filter.keywords) === null || _a === void 0 ? void 0 : _a.operator) === null || _b === void 0 ? void 0 : _b.toString(),
|
|
138257
|
+
onChange: handleOperatorChange,
|
|
138258
|
+
ariaLabelResourceKey: "Lib.channelFilter.choiceGroupLabel"
|
|
138259
|
+
}, void 0), jsxRuntime.jsx(StyledKeywordPicker, {
|
|
138260
|
+
value: ((_c = filter === null || filter === void 0 ? void 0 : filter.keywords) === null || _c === void 0 ? void 0 : _c.items) || [],
|
|
138261
|
+
onChange: function (keywords) {
|
|
138262
|
+
onChange(__assign$g(__assign$g({}, filter), {
|
|
138263
|
+
keywords: __assign$g(__assign$g({}, filter === null || filter === void 0 ? void 0 : filter.keywords), {
|
|
138264
|
+
items: keywords.map(function (k) {
|
|
138265
|
+
return k.id;
|
|
138266
|
+
})
|
|
138267
|
+
})
|
|
138268
|
+
}));
|
|
138269
|
+
},
|
|
138270
|
+
showSelectionToggle: true
|
|
138271
|
+
}, void 0)]
|
|
138272
|
+
}, void 0);
|
|
138237
138273
|
|
|
138238
138274
|
function handleOperatorChange(operatorKey) {
|
|
138239
138275
|
onChange(__assign$g(__assign$g({}, filter), {
|
|
@@ -138247,9 +138283,14 @@
|
|
|
138247
138283
|
var StyledKeywordPicker = _styled__default["default"](KeywordPicker).withConfig({
|
|
138248
138284
|
displayName: "KeywordsFilter__StyledKeywordPicker",
|
|
138249
138285
|
componentId: "sc-1aoeg5i-0"
|
|
138250
|
-
})(templateObject_1$
|
|
138286
|
+
})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$l(["\n margin-bottom: ", "px;\n overflow: hidden;\n\n .keyword-picker-tree {\n max-height: 256px;\n overflow-y: auto;\n\n div:last-child {\n margin-bottom: 0;\n }\n }\n"], ["\n margin-bottom: ", "px;\n overflow: hidden;\n\n .keyword-picker-tree {\n max-height: 256px;\n overflow-y: auto;\n\n div:last-child {\n margin-bottom: 0;\n }\n }\n"])), spacingM);
|
|
138251
138287
|
|
|
138252
|
-
var
|
|
138288
|
+
var SubTitle = _styled__default["default"].p.withConfig({
|
|
138289
|
+
displayName: "KeywordsFilter__SubTitle",
|
|
138290
|
+
componentId: "sc-1aoeg5i-1"
|
|
138291
|
+
})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject$l(["\n font-weight: bold;\n margin-bottom: ", "px;\n"], ["\n font-weight: bold;\n margin-bottom: ", "px;\n"])), spacingXs + 2);
|
|
138292
|
+
|
|
138293
|
+
var templateObject_1$3, templateObject_2$1;
|
|
138253
138294
|
|
|
138254
138295
|
var EmptyFilterSearchResult = function EmptyFilterSearchResult() {
|
|
138255
138296
|
return jsxRuntime.jsxs(Host$1, {
|
|
@@ -138262,8 +138303,8 @@
|
|
|
138262
138303
|
}, void 0)]
|
|
138263
138304
|
}, void 0);
|
|
138264
138305
|
};
|
|
138265
|
-
var Host$1 = _styled__default["default"].div(templateObject_1$
|
|
138266
|
-
var templateObject_1$
|
|
138306
|
+
var Host$1 = _styled__default["default"].div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject$l(["\n text-align: center;\n i {\n font-size: ", "px;\n }\n"], ["\n text-align: center;\n i {\n font-size: ", "px;\n }\n"])), fontSizeMedium);
|
|
138307
|
+
var templateObject_1$2;
|
|
138267
138308
|
|
|
138268
138309
|
var AuthorFilter = function AuthorFilter() {
|
|
138269
138310
|
var _a;
|
|
@@ -138278,7 +138319,7 @@
|
|
|
138278
138319
|
searchText = _c[0],
|
|
138279
138320
|
setSearchText = _c[1];
|
|
138280
138321
|
|
|
138281
|
-
var debouncedSearchText = useDebounce(searchText.toLowerCase(), 500)[0];
|
|
138322
|
+
var debouncedSearchText = useDebounce$2(searchText.toLowerCase(), 500)[0];
|
|
138282
138323
|
var searchAccounts = useAccountApi().searchAccounts;
|
|
138283
138324
|
var showError = useNotificationContext().showError;
|
|
138284
138325
|
var authorsFromFilter = (_a = filter === null || filter === void 0 ? void 0 : filter.authors) !== null && _a !== void 0 ? _a : [];
|
|
@@ -138469,7 +138510,7 @@
|
|
|
138469
138510
|
var Host = _styled__default["default"].div.withConfig({
|
|
138470
138511
|
displayName: "AuthorFilter__Host",
|
|
138471
138512
|
componentId: "sc-cnx0p9-0"
|
|
138472
|
-
})(templateObject_1 || (templateObject_1 = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
138513
|
+
})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
138473
138514
|
|
|
138474
138515
|
var rowHeight = 40;
|
|
138475
138516
|
var visibleUsers = 9;
|
|
@@ -138499,7 +138540,325 @@
|
|
|
138499
138540
|
componentId: "sc-cnx0p9-5"
|
|
138500
138541
|
})(templateObject_6 || (templateObject_6 = __makeTemplateObject$l(["\n .ms-Persona-primaryText {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 105px;\n }\n"], ["\n .ms-Persona-primaryText {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 105px;\n }\n"])));
|
|
138501
138542
|
|
|
138502
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
138543
|
+
var templateObject_1$1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
138544
|
+
|
|
138545
|
+
// `SameValue` abstract operation
|
|
138546
|
+
// https://tc39.github.io/ecma262/#sec-samevalue
|
|
138547
|
+
var sameValue$1 = Object.is || function is(x, y) {
|
|
138548
|
+
// eslint-disable-next-line no-self-compare
|
|
138549
|
+
return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
|
|
138550
|
+
};
|
|
138551
|
+
|
|
138552
|
+
var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
|
|
138553
|
+
var anObject = anObject$v;
|
|
138554
|
+
var requireObjectCoercible = requireObjectCoercible$m;
|
|
138555
|
+
var sameValue = sameValue$1;
|
|
138556
|
+
var regExpExec = regexpExecAbstract;
|
|
138557
|
+
|
|
138558
|
+
// @@search logic
|
|
138559
|
+
fixRegExpWellKnownSymbolLogic('search', 1, function (SEARCH, nativeSearch, maybeCallNative) {
|
|
138560
|
+
return [
|
|
138561
|
+
// `String.prototype.search` method
|
|
138562
|
+
// https://tc39.github.io/ecma262/#sec-string.prototype.search
|
|
138563
|
+
function search(regexp) {
|
|
138564
|
+
var O = requireObjectCoercible(this);
|
|
138565
|
+
var searcher = regexp == undefined ? undefined : regexp[SEARCH];
|
|
138566
|
+
return searcher !== undefined ? searcher.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));
|
|
138567
|
+
},
|
|
138568
|
+
// `RegExp.prototype[@@search]` method
|
|
138569
|
+
// https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search
|
|
138570
|
+
function (regexp) {
|
|
138571
|
+
var res = maybeCallNative(nativeSearch, regexp, this);
|
|
138572
|
+
if (res.done) return res.value;
|
|
138573
|
+
|
|
138574
|
+
var rx = anObject(regexp);
|
|
138575
|
+
var S = String(this);
|
|
138576
|
+
|
|
138577
|
+
var previousLastIndex = rx.lastIndex;
|
|
138578
|
+
if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
|
|
138579
|
+
var result = regExpExec(rx, S);
|
|
138580
|
+
if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
|
|
138581
|
+
return result === null ? -1 : result.index;
|
|
138582
|
+
}
|
|
138583
|
+
];
|
|
138584
|
+
});
|
|
138585
|
+
|
|
138586
|
+
var lib = {};
|
|
138587
|
+
|
|
138588
|
+
var useDebounce$1 = {};
|
|
138589
|
+
|
|
138590
|
+
var useDebouncedCallback$2 = {};
|
|
138591
|
+
|
|
138592
|
+
Object.defineProperty(useDebouncedCallback$2, "__esModule", { value: true });
|
|
138593
|
+
var react_1$1 = React__default["default"];
|
|
138594
|
+
function useDebouncedCallback$1(callback, delay, options) {
|
|
138595
|
+
if (options === void 0) { options = {}; }
|
|
138596
|
+
var maxWait = options.maxWait;
|
|
138597
|
+
var maxWaitHandler = react_1$1.useRef(null);
|
|
138598
|
+
var maxWaitArgs = react_1$1.useRef([]);
|
|
138599
|
+
var leading = options.leading;
|
|
138600
|
+
var trailing = options.trailing === undefined ? true : options.trailing;
|
|
138601
|
+
var leadingCall = react_1$1.useRef(false);
|
|
138602
|
+
var functionTimeoutHandler = react_1$1.useRef(null);
|
|
138603
|
+
var isComponentUnmounted = react_1$1.useRef(false);
|
|
138604
|
+
var debouncedFunction = react_1$1.useRef(callback);
|
|
138605
|
+
debouncedFunction.current = callback;
|
|
138606
|
+
var cancelDebouncedCallback = react_1$1.useCallback(function () {
|
|
138607
|
+
clearTimeout(functionTimeoutHandler.current);
|
|
138608
|
+
clearTimeout(maxWaitHandler.current);
|
|
138609
|
+
maxWaitHandler.current = null;
|
|
138610
|
+
maxWaitArgs.current = [];
|
|
138611
|
+
functionTimeoutHandler.current = null;
|
|
138612
|
+
leadingCall.current = false;
|
|
138613
|
+
}, []);
|
|
138614
|
+
react_1$1.useEffect(function () { return function () {
|
|
138615
|
+
// we use flag, as we allow to call callPending outside the hook
|
|
138616
|
+
isComponentUnmounted.current = true;
|
|
138617
|
+
}; }, []);
|
|
138618
|
+
var debouncedCallback = react_1$1.useCallback(function () {
|
|
138619
|
+
var args = [];
|
|
138620
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
138621
|
+
args[_i] = arguments[_i];
|
|
138622
|
+
}
|
|
138623
|
+
maxWaitArgs.current = args;
|
|
138624
|
+
clearTimeout(functionTimeoutHandler.current);
|
|
138625
|
+
if (leadingCall.current) {
|
|
138626
|
+
leadingCall.current = false;
|
|
138627
|
+
}
|
|
138628
|
+
if (!functionTimeoutHandler.current && leading && !leadingCall.current) {
|
|
138629
|
+
debouncedFunction.current.apply(debouncedFunction, args);
|
|
138630
|
+
leadingCall.current = true;
|
|
138631
|
+
}
|
|
138632
|
+
functionTimeoutHandler.current = setTimeout(function () {
|
|
138633
|
+
var shouldCallFunction = true;
|
|
138634
|
+
if (leading && leadingCall.current) {
|
|
138635
|
+
shouldCallFunction = false;
|
|
138636
|
+
}
|
|
138637
|
+
cancelDebouncedCallback();
|
|
138638
|
+
if (!isComponentUnmounted.current && trailing && shouldCallFunction) {
|
|
138639
|
+
debouncedFunction.current.apply(debouncedFunction, args);
|
|
138640
|
+
}
|
|
138641
|
+
}, delay);
|
|
138642
|
+
if (maxWait && !maxWaitHandler.current && trailing) {
|
|
138643
|
+
maxWaitHandler.current = setTimeout(function () {
|
|
138644
|
+
var args = maxWaitArgs.current;
|
|
138645
|
+
cancelDebouncedCallback();
|
|
138646
|
+
if (!isComponentUnmounted.current) {
|
|
138647
|
+
debouncedFunction.current.apply(null, args);
|
|
138648
|
+
}
|
|
138649
|
+
}, maxWait);
|
|
138650
|
+
}
|
|
138651
|
+
}, [maxWait, delay, cancelDebouncedCallback, leading, trailing]);
|
|
138652
|
+
var callPending = react_1$1.useCallback(function () {
|
|
138653
|
+
// Call pending callback only if we have anything in our queue
|
|
138654
|
+
if (!functionTimeoutHandler.current) {
|
|
138655
|
+
return;
|
|
138656
|
+
}
|
|
138657
|
+
debouncedFunction.current.apply(null, maxWaitArgs.current);
|
|
138658
|
+
cancelDebouncedCallback();
|
|
138659
|
+
}, [cancelDebouncedCallback]);
|
|
138660
|
+
// At the moment, we use 3 args array so that we save backward compatibility
|
|
138661
|
+
return [debouncedCallback, cancelDebouncedCallback, callPending];
|
|
138662
|
+
}
|
|
138663
|
+
useDebouncedCallback$2.default = useDebouncedCallback$1;
|
|
138664
|
+
|
|
138665
|
+
Object.defineProperty(useDebounce$1, "__esModule", { value: true });
|
|
138666
|
+
var react_1 = React__default["default"];
|
|
138667
|
+
var useDebouncedCallback_1$1 = useDebouncedCallback$2;
|
|
138668
|
+
function valueEquality(left, right) {
|
|
138669
|
+
return left === right;
|
|
138670
|
+
}
|
|
138671
|
+
function useDebounce(value, delay, options) {
|
|
138672
|
+
var eq = options && options.equalityFn ? options.equalityFn : valueEquality;
|
|
138673
|
+
var _a = react_1.useState(value), state = _a[0], dispatch = _a[1];
|
|
138674
|
+
var _b = useDebouncedCallback_1$1.default(react_1.useCallback(function (value) { return dispatch(value); }, []), delay, options), callback = _b[0], cancel = _b[1], callPending = _b[2];
|
|
138675
|
+
var previousValue = react_1.useRef(value);
|
|
138676
|
+
react_1.useEffect(function () {
|
|
138677
|
+
// We need to use this condition otherwise we will run debounce timer for the first render (including maxWait option)
|
|
138678
|
+
if (!eq(previousValue.current, value)) {
|
|
138679
|
+
callback(value);
|
|
138680
|
+
previousValue.current = value;
|
|
138681
|
+
}
|
|
138682
|
+
}, [value, callback, eq]);
|
|
138683
|
+
return [state, cancel, callPending];
|
|
138684
|
+
}
|
|
138685
|
+
useDebounce$1.default = useDebounce;
|
|
138686
|
+
|
|
138687
|
+
Object.defineProperty(lib, "__esModule", { value: true });
|
|
138688
|
+
var useDebounce_1 = useDebounce$1;
|
|
138689
|
+
lib.useDebounce = useDebounce_1.default;
|
|
138690
|
+
var useDebouncedCallback_1 = useDebouncedCallback$2;
|
|
138691
|
+
var useDebouncedCallback = lib.useDebouncedCallback = useDebouncedCallback_1.default;
|
|
138692
|
+
|
|
138693
|
+
var VerticalFilterPanel = function VerticalFilterPanel(_a) {
|
|
138694
|
+
var filter = _a.filter,
|
|
138695
|
+
onChange = _a.onChange,
|
|
138696
|
+
onDismiss = _a.onDismiss,
|
|
138697
|
+
className = _a.className,
|
|
138698
|
+
children = _a.children;
|
|
138699
|
+
return jsxRuntime.jsx(FilterContextProvider, __assign$g({
|
|
138700
|
+
filter: filter,
|
|
138701
|
+
onChange: onChange
|
|
138702
|
+
}, {
|
|
138703
|
+
children: jsxRuntime.jsx(VerticalFilterPanelInternal, __assign$g({
|
|
138704
|
+
className: className,
|
|
138705
|
+
onDismiss: onDismiss
|
|
138706
|
+
}, {
|
|
138707
|
+
children: children
|
|
138708
|
+
}), void 0)
|
|
138709
|
+
}), void 0);
|
|
138710
|
+
};
|
|
138711
|
+
|
|
138712
|
+
var VerticalFilterPanelInternal = function VerticalFilterPanelInternal(_a) {
|
|
138713
|
+
var onDismiss = _a.onDismiss,
|
|
138714
|
+
className = _a.className,
|
|
138715
|
+
children = _a.children;
|
|
138716
|
+
var formatMessage = useIntl().formatMessage;
|
|
138717
|
+
|
|
138718
|
+
var _b = React$d.useContext(FilterContext),
|
|
138719
|
+
filter = _b.filter,
|
|
138720
|
+
onChange = _b.onChange;
|
|
138721
|
+
|
|
138722
|
+
var _c = React$d.useState((filter === null || filter === void 0 ? void 0 : filter.search) || ''),
|
|
138723
|
+
searchText = _c[0],
|
|
138724
|
+
setSearchText = _c[1];
|
|
138725
|
+
|
|
138726
|
+
var _d = useDebouncedCallback(onChange, 500),
|
|
138727
|
+
debouncedOnChange = _d[0],
|
|
138728
|
+
cancelDebounce = _d[1];
|
|
138729
|
+
|
|
138730
|
+
var textColors = React$d.useContext(ThemeContext$1).theme.textColors;
|
|
138731
|
+
useEffectOnUpdate(function () {
|
|
138732
|
+
if ((filter === null || filter === void 0 ? void 0 : filter.search) !== searchText) {
|
|
138733
|
+
setSearchText((filter === null || filter === void 0 ? void 0 : filter.search) || '');
|
|
138734
|
+
}
|
|
138735
|
+
}, [filter === null || filter === void 0 ? void 0 : filter.search]);
|
|
138736
|
+
return jsxRuntime.jsxs("div", __assign$g({
|
|
138737
|
+
className: className
|
|
138738
|
+
}, {
|
|
138739
|
+
children: [jsxRuntime.jsx(officeUiFabricReact.SearchBox, {
|
|
138740
|
+
placeholder: formatMessage({
|
|
138741
|
+
id: 'Generic.search'
|
|
138742
|
+
}),
|
|
138743
|
+
value: searchText,
|
|
138744
|
+
onChange: function (_, text) {
|
|
138745
|
+
setSearchText(text);
|
|
138746
|
+
debouncedOnChange({
|
|
138747
|
+
search: text
|
|
138748
|
+
});
|
|
138749
|
+
},
|
|
138750
|
+
onSearch: function (text) {
|
|
138751
|
+
cancelDebounce();
|
|
138752
|
+
onChange({
|
|
138753
|
+
search: text
|
|
138754
|
+
});
|
|
138755
|
+
},
|
|
138756
|
+
iconProps: {
|
|
138757
|
+
style: {
|
|
138758
|
+
color: textColors.default
|
|
138759
|
+
}
|
|
138760
|
+
}
|
|
138761
|
+
}, void 0), children, jsxRuntime.jsxs(ButtonsHost, {
|
|
138762
|
+
children: [jsxRuntime.jsx(officeUiFabricReact.DefaultButton, {
|
|
138763
|
+
iconProps: {
|
|
138764
|
+
iconName: 'ClearFilter'
|
|
138765
|
+
},
|
|
138766
|
+
text: formatMessage({
|
|
138767
|
+
id: 'FilterPanel.clearFilterText'
|
|
138768
|
+
}),
|
|
138769
|
+
onClick: function () {
|
|
138770
|
+
setSearchText('');
|
|
138771
|
+
onChange(null);
|
|
138772
|
+
}
|
|
138773
|
+
}, void 0), jsxRuntime.jsx(officeUiFabricReact.DefaultButton, {
|
|
138774
|
+
text: formatMessage({
|
|
138775
|
+
id: 'Generic.close'
|
|
138776
|
+
}),
|
|
138777
|
+
onClick: onDismiss
|
|
138778
|
+
}, void 0)]
|
|
138779
|
+
}, void 0)]
|
|
138780
|
+
}), void 0);
|
|
138781
|
+
};
|
|
138782
|
+
|
|
138783
|
+
var ButtonsHost = _styled__default["default"].div.withConfig({
|
|
138784
|
+
displayName: "VerticalFilterPanel__ButtonsHost",
|
|
138785
|
+
componentId: "sc-12j7kak-0"
|
|
138786
|
+
})(templateObject_1 || (templateObject_1 = __makeTemplateObject$l(["\n display: flex;\n justify-content: flex-end;\n margin-top: 20px;\n\n & > *:not(:first-child) {\n margin-left: 20px;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n margin-top: 20px;\n\n & > *:not(:first-child) {\n margin-left: 20px;\n }\n"])));
|
|
138787
|
+
|
|
138788
|
+
var templateObject_1;
|
|
138789
|
+
|
|
138790
|
+
var ToolbarFilterModal = function ToolbarFilterModal(_a) {
|
|
138791
|
+
var filter = _a.filter,
|
|
138792
|
+
onChange = _a.onChange,
|
|
138793
|
+
isOpen = _a.isOpen,
|
|
138794
|
+
onDismiss = _a.onDismiss,
|
|
138795
|
+
children = _a.children;
|
|
138796
|
+
var formatMessage = useIntl().formatMessage;
|
|
138797
|
+
return jsxRuntime.jsx(Dialog, __assign$g({
|
|
138798
|
+
hidden: !isOpen,
|
|
138799
|
+
onDismiss: onDismiss,
|
|
138800
|
+
modalProps: {
|
|
138801
|
+
isBlocking: true
|
|
138802
|
+
},
|
|
138803
|
+
dialogContentProps: {
|
|
138804
|
+
title: formatMessage({
|
|
138805
|
+
id: 'FilterPanel.filterModal.title'
|
|
138806
|
+
}),
|
|
138807
|
+
showCloseButton: false
|
|
138808
|
+
},
|
|
138809
|
+
styles: {
|
|
138810
|
+
main: {
|
|
138811
|
+
minWidth: '340px !important'
|
|
138812
|
+
}
|
|
138813
|
+
}
|
|
138814
|
+
}, {
|
|
138815
|
+
children: jsxRuntime.jsx(VerticalFilterPanel, __assign$g({
|
|
138816
|
+
filter: filter,
|
|
138817
|
+
onChange: onChange,
|
|
138818
|
+
onDismiss: onDismiss
|
|
138819
|
+
}, {
|
|
138820
|
+
children: children
|
|
138821
|
+
}), void 0)
|
|
138822
|
+
}), void 0);
|
|
138823
|
+
};
|
|
138824
|
+
|
|
138825
|
+
var ToolbarFilterModalButton = function ToolbarFilterModalButton(_a) {
|
|
138826
|
+
var filter = _a.filter,
|
|
138827
|
+
onChange = _a.onChange,
|
|
138828
|
+
children = _a.children;
|
|
138829
|
+
|
|
138830
|
+
var _b = React$d.useState(false),
|
|
138831
|
+
isOpen = _b[0],
|
|
138832
|
+
setIsOpen = _b[1];
|
|
138833
|
+
|
|
138834
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
138835
|
+
children: [jsxRuntime.jsx(ToolbarIconButton, {
|
|
138836
|
+
iconName: hasFilter() ? 'FilterSolid' : 'Filter',
|
|
138837
|
+
onClick: function () {
|
|
138838
|
+
return setIsOpen(true);
|
|
138839
|
+
}
|
|
138840
|
+
}, void 0), jsxRuntime.jsx(ToolbarFilterModal, __assign$g({
|
|
138841
|
+
isOpen: isOpen,
|
|
138842
|
+
onDismiss: function () {
|
|
138843
|
+
return setIsOpen(false);
|
|
138844
|
+
},
|
|
138845
|
+
filter: filter,
|
|
138846
|
+
onChange: onChange
|
|
138847
|
+
}, {
|
|
138848
|
+
children: children
|
|
138849
|
+
}), void 0)]
|
|
138850
|
+
}, void 0);
|
|
138851
|
+
|
|
138852
|
+
function hasFilter() {
|
|
138853
|
+
if (filter == null) {
|
|
138854
|
+
return false;
|
|
138855
|
+
}
|
|
138856
|
+
|
|
138857
|
+
return Object.values(filter).filter(function (f) {
|
|
138858
|
+
return f != null && f !== '';
|
|
138859
|
+
}).length > 0;
|
|
138860
|
+
}
|
|
138861
|
+
};
|
|
138503
138862
|
|
|
138504
138863
|
/* @generated */
|
|
138505
138864
|
// prettier-ignore
|
|
@@ -138518,7 +138877,6 @@
|
|
|
138518
138877
|
}
|
|
138519
138878
|
|
|
138520
138879
|
var da$2 = {
|
|
138521
|
-
"ManagePlugins.uploadPlugin": "Upload ny plugin",
|
|
138522
138880
|
"Generic.Ok": "Ok",
|
|
138523
138881
|
"Generic.Save": "Gem",
|
|
138524
138882
|
"Generic.Cancel": "Annuller",
|
|
@@ -140284,6 +140642,7 @@
|
|
|
140284
140642
|
"Chats.userLeft.systemMessage": "{user} left the group",
|
|
140285
140643
|
"ManagePlugins.title": "Plugins",
|
|
140286
140644
|
"ManagePlugins.addNewPlugin": "Add plugin",
|
|
140645
|
+
"ManagePlugins.uploadPlugin": "Upload ny plugin",
|
|
140287
140646
|
"ManagePlugins.updateSucceeded": "Successfully updated plugin",
|
|
140288
140647
|
"ManagePlugins.deleteSucceeded": "Successfully deleted plugin",
|
|
140289
140648
|
"ManagePlugins.updateFailed": "Something went wrong when trying to update the plugin.",
|
|
@@ -140492,7 +140851,6 @@
|
|
|
140492
140851
|
}
|
|
140493
140852
|
|
|
140494
140853
|
var de$2 = {
|
|
140495
|
-
"ManagePlugins.uploadPlugin": "Neues Plugin hochladen",
|
|
140496
140854
|
"Generic.Ok": "Ok",
|
|
140497
140855
|
"Generic.Save": "Speichern",
|
|
140498
140856
|
"Generic.Cancel": "Abbrechen",
|
|
@@ -142258,6 +142616,7 @@
|
|
|
142258
142616
|
"Chats.userLeft.systemMessage": "{user} hat die Gruppe verlassen",
|
|
142259
142617
|
"ManagePlugins.title": "Plugins",
|
|
142260
142618
|
"ManagePlugins.addNewPlugin": "Plugin hinzufügen",
|
|
142619
|
+
"ManagePlugins.uploadPlugin": "Neues Plugin hochladen",
|
|
142261
142620
|
"ManagePlugins.updateSucceeded": "Plugin erfolgreich geändert",
|
|
142262
142621
|
"ManagePlugins.deleteSucceeded": "Plugin erfolgreich gelöscht",
|
|
142263
142622
|
"ManagePlugins.updateFailed": "Beim Ändern des Plugins ist ein Fehler aufgetreten.",
|
|
@@ -142465,7 +142824,6 @@
|
|
|
142465
142824
|
}
|
|
142466
142825
|
|
|
142467
142826
|
var fr$2 = {
|
|
142468
|
-
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
142469
142827
|
"Generic.Ok": "Ok",
|
|
142470
142828
|
"Generic.Save": "Sauvegarder",
|
|
142471
142829
|
"Generic.Cancel": "Annuler",
|
|
@@ -144231,6 +144589,7 @@
|
|
|
144231
144589
|
"Chats.userLeft.systemMessage": "{user} left the group",
|
|
144232
144590
|
"ManagePlugins.title": "Plugins",
|
|
144233
144591
|
"ManagePlugins.addNewPlugin": "Ajouter un nouveau plugin",
|
|
144592
|
+
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
144234
144593
|
"ManagePlugins.updateSucceeded": "Plugin mis à jour avec succès",
|
|
144235
144594
|
"ManagePlugins.deleteSucceeded": "Plugin supprimé avec succès",
|
|
144236
144595
|
"ManagePlugins.updateFailed": "Une erreur s'est produite lors de la tentative de mise à jour du plugin !",
|
|
@@ -144438,7 +144797,6 @@
|
|
|
144438
144797
|
}
|
|
144439
144798
|
|
|
144440
144799
|
var es$2 = {
|
|
144441
|
-
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
144442
144800
|
"Generic.Ok": "Ok",
|
|
144443
144801
|
"Generic.Save": "Guardar",
|
|
144444
144802
|
"Generic.Cancel": "Cancelar",
|
|
@@ -146204,6 +146562,7 @@
|
|
|
146204
146562
|
"Chats.userLeft.systemMessage": "{user} left the group",
|
|
146205
146563
|
"ManagePlugins.title": "Complementos",
|
|
146206
146564
|
"ManagePlugins.addNewPlugin": "Agregar nuevo complemento",
|
|
146565
|
+
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
146207
146566
|
"ManagePlugins.updateSucceeded": "Complemento actualizado con éxito",
|
|
146208
146567
|
"ManagePlugins.deleteSucceeded": "Complemento eliminado con éxito",
|
|
146209
146568
|
"ManagePlugins.updateFailed": "Ocurrió un error al intentar actualizar el complemento.",
|
|
@@ -146410,7 +146769,6 @@
|
|
|
146410
146769
|
}
|
|
146411
146770
|
|
|
146412
146771
|
var zh$1 = {
|
|
146413
|
-
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
146414
146772
|
"Generic.Ok": "好的",
|
|
146415
146773
|
"Generic.Save": "保存",
|
|
146416
146774
|
"Generic.Cancel": "取消",
|
|
@@ -148176,6 +148534,7 @@
|
|
|
148176
148534
|
"Chats.userLeft.systemMessage": "{user} left the group",
|
|
148177
148535
|
"ManagePlugins.title": "插件",
|
|
148178
148536
|
"ManagePlugins.addNewPlugin": "添加新插件",
|
|
148537
|
+
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
148179
148538
|
"ManagePlugins.updateSucceeded": "成功更新插件",
|
|
148180
148539
|
"ManagePlugins.deleteSucceeded": "成功刪除插件",
|
|
148181
148540
|
"ManagePlugins.updateFailed": "嘗試更新插件時出現問題。",
|
|
@@ -148368,7 +148727,6 @@
|
|
|
148368
148727
|
});
|
|
148369
148728
|
|
|
148370
148729
|
var zh = {
|
|
148371
|
-
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
148372
148730
|
"Generic.Ok": "好的",
|
|
148373
148731
|
"Generic.Save": "保存",
|
|
148374
148732
|
"Generic.Cancel": "取消",
|
|
@@ -150134,6 +150492,7 @@
|
|
|
150134
150492
|
"Chats.userLeft.systemMessage": "{user} left the group",
|
|
150135
150493
|
"ManagePlugins.title": "插件",
|
|
150136
150494
|
"ManagePlugins.addNewPlugin": "添加新插件",
|
|
150495
|
+
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
150137
150496
|
"ManagePlugins.updateSucceeded": "已成功更新插件",
|
|
150138
150497
|
"ManagePlugins.deleteSucceeded": "已成功删除插件",
|
|
150139
150498
|
"ManagePlugins.updateFailed": "尝试更新插件时出现问题。",
|
|
@@ -150340,7 +150699,6 @@
|
|
|
150340
150699
|
}
|
|
150341
150700
|
|
|
150342
150701
|
var ja$2 = {
|
|
150343
|
-
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
150344
150702
|
"Generic.Ok": "OK",
|
|
150345
150703
|
"Generic.Save": "保存",
|
|
150346
150704
|
"Generic.Cancel": "キャンセル",
|
|
@@ -152106,6 +152464,7 @@
|
|
|
152106
152464
|
"Chats.userLeft.systemMessage": "{user} left the group",
|
|
152107
152465
|
"ManagePlugins.title": "プラグイン",
|
|
152108
152466
|
"ManagePlugins.addNewPlugin": "新規プラグイン追加",
|
|
152467
|
+
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
152109
152468
|
"ManagePlugins.updateSucceeded": "プラグインの更新が完了しました",
|
|
152110
152469
|
"ManagePlugins.deleteSucceeded": "プラグインの削除が完了しました",
|
|
152111
152470
|
"ManagePlugins.updateFailed": "プラグインを更新しようとしたときに、何らかの問題が発生しました。",
|
|
@@ -152313,7 +152672,6 @@
|
|
|
152313
152672
|
}
|
|
152314
152673
|
|
|
152315
152674
|
var tr$2 = {
|
|
152316
|
-
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
152317
152675
|
"Generic.Ok": "Tamam",
|
|
152318
152676
|
"Generic.Save": "Kaydet",
|
|
152319
152677
|
"Generic.Cancel": "İptal",
|
|
@@ -154079,6 +154437,7 @@
|
|
|
154079
154437
|
"Chats.userLeft.systemMessage": "{user} left the group",
|
|
154080
154438
|
"ManagePlugins.title": "Eklentiler",
|
|
154081
154439
|
"ManagePlugins.addNewPlugin": "Yeni eklenti ekle",
|
|
154440
|
+
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
154082
154441
|
"ManagePlugins.updateSucceeded": "Eklenti başarıyla güncellendi",
|
|
154083
154442
|
"ManagePlugins.deleteSucceeded": "Eklenti başarıyla silindi",
|
|
154084
154443
|
"ManagePlugins.updateFailed": "Eklenti güncellenirken bir takım aksilikler oldu",
|
|
@@ -154287,7 +154646,6 @@
|
|
|
154287
154646
|
}
|
|
154288
154647
|
|
|
154289
154648
|
var it$2 = {
|
|
154290
|
-
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
154291
154649
|
"Generic.Ok": "Ok",
|
|
154292
154650
|
"Generic.Save": "Salva",
|
|
154293
154651
|
"Generic.Cancel": "Elimina",
|
|
@@ -156053,6 +156411,7 @@
|
|
|
156053
156411
|
"Chats.userLeft.systemMessage": "{user} left the group",
|
|
156054
156412
|
"ManagePlugins.title": "Plugin",
|
|
156055
156413
|
"ManagePlugins.addNewPlugin": "Aggiungi nuovo plugin",
|
|
156414
|
+
"ManagePlugins.uploadPlugin": "Upload new plugin",
|
|
156056
156415
|
"ManagePlugins.updateSucceeded": "Plugin aggiornato con successo",
|
|
156057
156416
|
"ManagePlugins.deleteSucceeded": "Plugin eliminato con successo",
|
|
156058
156417
|
"ManagePlugins.updateFailed": "Si è verificato un errore durante il tentativo di aggiornare il plugin!",
|
|
@@ -157243,6 +157602,8 @@
|
|
|
157243
157602
|
"DateRangeSlider.twoYearAgo": "2 years",
|
|
157244
157603
|
"FilterPanel.closePanelTooltip": "Close filter panel",
|
|
157245
157604
|
"FilterPanel.clearFiltersTooltip": "Clear all active filters",
|
|
157605
|
+
"FilterPanel.clearFilterText": "Clear filter",
|
|
157606
|
+
"FilterPanel.filterModal.title": "Filter Items",
|
|
157246
157607
|
"FilterPanel.ariaLabel": "Filter panel",
|
|
157247
157608
|
"FilterPanel.date": "Date",
|
|
157248
157609
|
"FilterPanel.keywords": "Keywords",
|
|
@@ -217754,6 +218115,7 @@
|
|
|
217754
218115
|
exports.ClearAllFiltersButton = ClearAllFiltersButton;
|
|
217755
218116
|
exports.EventDetail = EventDetail;
|
|
217756
218117
|
exports.KeywordsFilter = KeywordsFilter;
|
|
218118
|
+
exports.KeywordsFilterDropdown = KeywordsFilterDropdown;
|
|
217757
218119
|
exports.ManageChannels = ManageChannels;
|
|
217758
218120
|
exports.NewsDetail = NewsDetail;
|
|
217759
218121
|
exports.NewsDetailPreview = NewsDetailPreview;
|
|
@@ -217769,6 +218131,8 @@
|
|
|
217769
218131
|
exports.Toolbar = Toolbar$1;
|
|
217770
218132
|
exports.ToolbarChannelSelector = ToolbarChannelSelector;
|
|
217771
218133
|
exports.ToolbarCloseButton = ToolbarCloseButton;
|
|
218134
|
+
exports.ToolbarFilterModal = ToolbarFilterModal;
|
|
218135
|
+
exports.ToolbarFilterModalButton = ToolbarFilterModalButton;
|
|
217772
218136
|
exports.ToolbarFilterPanel = ToolbarFilterPanel;
|
|
217773
218137
|
exports.ToolbarIconButton = ToolbarIconButton;
|
|
217774
218138
|
exports.ToolbarManageNewsItemButton = ToolbarManageNewsItemButton;
|
|
@@ -217776,6 +218140,7 @@
|
|
|
217776
218140
|
exports.ToolbarMarkAllNewsAsReadButton = ToolbarMarkAllNewsAsReadButton;
|
|
217777
218141
|
exports.ToolbarNewsLanguageSelector = ToolbarNewsLanguageSelector;
|
|
217778
218142
|
exports.UserDetails = UserDetails;
|
|
218143
|
+
exports.VerticalFilterPanel = VerticalFilterPanel;
|
|
217779
218144
|
exports.useCurrentUser = useCurrentUser;
|
|
217780
218145
|
|
|
217781
218146
|
Object.defineProperty(exports, '__esModule', { value: true });
|