@pnp/spfx-controls-react 3.26.0-beta.3602791 → 3.26.0-beta.4124724
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/jest-output/JUnit.xml +122 -122
- package/lib/common/telemetry/version.js +1 -1
- package/lib/controls/DetailsList/DetailsListRow.js +2 -1
- package/lib/controls/DetailsList/DetailsListRow.js.map +1 -1
- package/lib-commonjs/common/telemetry/version.js +1 -1
- package/lib-commonjs/controls/DetailsList/DetailsListRow.js +2 -1
- package/lib-commonjs/controls/DetailsList/DetailsListRow.js.map +1 -1
- package/lib-commonjs/webparts/controlsTest/components/ControlsTest.js.map +1 -1
- package/package.json +1 -1
- package/release/analysis-logs/lint.sarif +409 -672
- package/release/manifests/45165954-80f9-44c1-9967-cd38ae92a33b.manifest.json +1 -1
- package/release/manifests/57ebd944-98ed-43f9-b722-e959d6dac6ad.manifest.json +1 -1
- package/release/manifests/f9c6b930-8d5d-4550-bfd9-ed5f6ca443a8.manifest.json +1 -1
|
@@ -91,14 +91,6 @@
|
|
|
91
91
|
"text": "Require explicit return types on functions and class methods"
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
|
-
{
|
|
95
|
-
"id": "@rushstack/no-new-null",
|
|
96
|
-
"helpUri": "https://www.npmjs.com/package/@rushstack/eslint-plugin",
|
|
97
|
-
"properties": {},
|
|
98
|
-
"shortDescription": {
|
|
99
|
-
"text": "Prevent usage of JavaScript's \"null\" keyword in new type declarations. To avoid hampering usage of preexisting APIs that require \"null\", the rule ignores declarations that are local variables, private members, or types that are not exported."
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
94
|
{
|
|
103
95
|
"id": "no-void",
|
|
104
96
|
"helpUri": "https://eslint.org/docs/latest/rules/no-void",
|
|
@@ -163,16 +155,6 @@
|
|
|
163
155
|
"text": "Disallow `javascript:` URLs"
|
|
164
156
|
}
|
|
165
157
|
},
|
|
166
|
-
{
|
|
167
|
-
"id": "react/no-unescaped-entities",
|
|
168
|
-
"helpUri": "https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/no-unescaped-entities.md",
|
|
169
|
-
"properties": {
|
|
170
|
-
"category": "Possible Errors"
|
|
171
|
-
},
|
|
172
|
-
"shortDescription": {
|
|
173
|
-
"text": "Disallow unescaped HTML entities from appearing in markup"
|
|
174
|
-
}
|
|
175
|
-
},
|
|
176
158
|
{
|
|
177
159
|
"id": "no-unused-expressions",
|
|
178
160
|
"helpUri": "https://eslint.org/docs/latest/rules/no-unused-expressions",
|
|
@@ -7906,33 +7888,6 @@
|
|
|
7906
7888
|
}
|
|
7907
7889
|
]
|
|
7908
7890
|
},
|
|
7909
|
-
{
|
|
7910
|
-
"level": "warning",
|
|
7911
|
-
"message": {
|
|
7912
|
-
"text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
|
|
7913
|
-
},
|
|
7914
|
-
"locations": [
|
|
7915
|
-
{
|
|
7916
|
-
"physicalLocation": {
|
|
7917
|
-
"artifactLocation": {
|
|
7918
|
-
"uri": "src/controls/DetailsList/DetailsListRow.tsx",
|
|
7919
|
-
"index": 215
|
|
7920
|
-
},
|
|
7921
|
-
"region": {
|
|
7922
|
-
"startLine": 73,
|
|
7923
|
-
"startColumn": 52,
|
|
7924
|
-
"endLine": 73,
|
|
7925
|
-
"endColumn": 56,
|
|
7926
|
-
"snippet": {
|
|
7927
|
-
"text": "null"
|
|
7928
|
-
}
|
|
7929
|
-
}
|
|
7930
|
-
}
|
|
7931
|
-
}
|
|
7932
|
-
],
|
|
7933
|
-
"ruleId": "@rushstack/no-new-null",
|
|
7934
|
-
"ruleIndex": 10
|
|
7935
|
-
},
|
|
7936
7891
|
{
|
|
7937
7892
|
"level": "warning",
|
|
7938
7893
|
"message": {
|
|
@@ -7955,7 +7910,7 @@
|
|
|
7955
7910
|
}
|
|
7956
7911
|
],
|
|
7957
7912
|
"ruleId": "no-void",
|
|
7958
|
-
"ruleIndex":
|
|
7913
|
+
"ruleIndex": 10,
|
|
7959
7914
|
"suppressions": [
|
|
7960
7915
|
{
|
|
7961
7916
|
"kind": "inSource",
|
|
@@ -8285,7 +8240,7 @@
|
|
|
8285
8240
|
}
|
|
8286
8241
|
],
|
|
8287
8242
|
"ruleId": "dot-notation",
|
|
8288
|
-
"ruleIndex":
|
|
8243
|
+
"ruleIndex": 11,
|
|
8289
8244
|
"suppressions": [
|
|
8290
8245
|
{
|
|
8291
8246
|
"kind": "inSource",
|
|
@@ -9485,7 +9440,7 @@
|
|
|
9485
9440
|
}
|
|
9486
9441
|
],
|
|
9487
9442
|
"ruleId": "dot-notation",
|
|
9488
|
-
"ruleIndex":
|
|
9443
|
+
"ruleIndex": 11,
|
|
9489
9444
|
"suppressions": [
|
|
9490
9445
|
{
|
|
9491
9446
|
"kind": "inSource",
|
|
@@ -9515,7 +9470,7 @@
|
|
|
9515
9470
|
}
|
|
9516
9471
|
],
|
|
9517
9472
|
"ruleId": "dot-notation",
|
|
9518
|
-
"ruleIndex":
|
|
9473
|
+
"ruleIndex": 11,
|
|
9519
9474
|
"suppressions": [
|
|
9520
9475
|
{
|
|
9521
9476
|
"kind": "inSource",
|
|
@@ -10475,7 +10430,7 @@
|
|
|
10475
10430
|
}
|
|
10476
10431
|
],
|
|
10477
10432
|
"ruleId": "dot-notation",
|
|
10478
|
-
"ruleIndex":
|
|
10433
|
+
"ruleIndex": 11,
|
|
10479
10434
|
"suppressions": [
|
|
10480
10435
|
{
|
|
10481
10436
|
"kind": "inSource",
|
|
@@ -14492,7 +14447,7 @@
|
|
|
14492
14447
|
}
|
|
14493
14448
|
],
|
|
14494
14449
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
14495
|
-
"ruleIndex":
|
|
14450
|
+
"ruleIndex": 12,
|
|
14496
14451
|
"suppressions": [
|
|
14497
14452
|
{
|
|
14498
14453
|
"kind": "inSource",
|
|
@@ -14672,7 +14627,7 @@
|
|
|
14672
14627
|
}
|
|
14673
14628
|
],
|
|
14674
14629
|
"ruleId": "require-atomic-updates",
|
|
14675
|
-
"ruleIndex":
|
|
14630
|
+
"ruleIndex": 13,
|
|
14676
14631
|
"suppressions": [
|
|
14677
14632
|
{
|
|
14678
14633
|
"kind": "inSource",
|
|
@@ -14702,7 +14657,7 @@
|
|
|
14702
14657
|
}
|
|
14703
14658
|
],
|
|
14704
14659
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
14705
|
-
"ruleIndex":
|
|
14660
|
+
"ruleIndex": 12,
|
|
14706
14661
|
"suppressions": [
|
|
14707
14662
|
{
|
|
14708
14663
|
"kind": "inSource",
|
|
@@ -14732,7 +14687,7 @@
|
|
|
14732
14687
|
}
|
|
14733
14688
|
],
|
|
14734
14689
|
"ruleId": "require-atomic-updates",
|
|
14735
|
-
"ruleIndex":
|
|
14690
|
+
"ruleIndex": 13,
|
|
14736
14691
|
"suppressions": [
|
|
14737
14692
|
{
|
|
14738
14693
|
"kind": "inSource",
|
|
@@ -17402,7 +17357,7 @@
|
|
|
17402
17357
|
}
|
|
17403
17358
|
],
|
|
17404
17359
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
17405
|
-
"ruleIndex":
|
|
17360
|
+
"ruleIndex": 12,
|
|
17406
17361
|
"suppressions": [
|
|
17407
17362
|
{
|
|
17408
17363
|
"kind": "inSource",
|
|
@@ -17432,7 +17387,7 @@
|
|
|
17432
17387
|
}
|
|
17433
17388
|
],
|
|
17434
17389
|
"ruleId": "require-atomic-updates",
|
|
17435
|
-
"ruleIndex":
|
|
17390
|
+
"ruleIndex": 13,
|
|
17436
17391
|
"suppressions": [
|
|
17437
17392
|
{
|
|
17438
17393
|
"kind": "inSource",
|
|
@@ -17462,7 +17417,7 @@
|
|
|
17462
17417
|
}
|
|
17463
17418
|
],
|
|
17464
17419
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
17465
|
-
"ruleIndex":
|
|
17420
|
+
"ruleIndex": 12,
|
|
17466
17421
|
"suppressions": [
|
|
17467
17422
|
{
|
|
17468
17423
|
"kind": "inSource",
|
|
@@ -18872,7 +18827,7 @@
|
|
|
18872
18827
|
}
|
|
18873
18828
|
],
|
|
18874
18829
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
18875
|
-
"ruleIndex":
|
|
18830
|
+
"ruleIndex": 12,
|
|
18876
18831
|
"suppressions": [
|
|
18877
18832
|
{
|
|
18878
18833
|
"kind": "inSource",
|
|
@@ -18902,7 +18857,7 @@
|
|
|
18902
18857
|
}
|
|
18903
18858
|
],
|
|
18904
18859
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
18905
|
-
"ruleIndex":
|
|
18860
|
+
"ruleIndex": 12,
|
|
18906
18861
|
"suppressions": [
|
|
18907
18862
|
{
|
|
18908
18863
|
"kind": "inSource",
|
|
@@ -19022,7 +18977,7 @@
|
|
|
19022
18977
|
}
|
|
19023
18978
|
],
|
|
19024
18979
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
19025
|
-
"ruleIndex":
|
|
18980
|
+
"ruleIndex": 12,
|
|
19026
18981
|
"suppressions": [
|
|
19027
18982
|
{
|
|
19028
18983
|
"kind": "inSource",
|
|
@@ -19112,7 +19067,7 @@
|
|
|
19112
19067
|
}
|
|
19113
19068
|
],
|
|
19114
19069
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
19115
|
-
"ruleIndex":
|
|
19070
|
+
"ruleIndex": 12,
|
|
19116
19071
|
"suppressions": [
|
|
19117
19072
|
{
|
|
19118
19073
|
"kind": "inSource",
|
|
@@ -19172,7 +19127,7 @@
|
|
|
19172
19127
|
}
|
|
19173
19128
|
],
|
|
19174
19129
|
"ruleId": "@typescript-eslint/no-floating-promises",
|
|
19175
|
-
"ruleIndex":
|
|
19130
|
+
"ruleIndex": 12,
|
|
19176
19131
|
"suppressions": [
|
|
19177
19132
|
{
|
|
19178
19133
|
"kind": "inSource",
|
|
@@ -19264,34 +19219,6 @@
|
|
|
19264
19219
|
}
|
|
19265
19220
|
]
|
|
19266
19221
|
},
|
|
19267
|
-
{
|
|
19268
|
-
"level": "warning",
|
|
19269
|
-
"message": {
|
|
19270
|
-
"text": "Unexpected any. Specify a different type."
|
|
19271
|
-
},
|
|
19272
|
-
"locations": [
|
|
19273
|
-
{
|
|
19274
|
-
"physicalLocation": {
|
|
19275
|
-
"artifactLocation": {
|
|
19276
|
-
"uri": "src/loc/bg-bg.ts",
|
|
19277
|
-
"index": 871
|
|
19278
|
-
},
|
|
19279
|
-
"region": {
|
|
19280
|
-
"startLine": 2,
|
|
19281
|
-
"startColumn": 21,
|
|
19282
|
-
"endLine": 2,
|
|
19283
|
-
"endColumn": 24,
|
|
19284
|
-
"snippet": {
|
|
19285
|
-
"text": "any"
|
|
19286
|
-
}
|
|
19287
|
-
}
|
|
19288
|
-
}
|
|
19289
|
-
}
|
|
19290
|
-
],
|
|
19291
|
-
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19292
|
-
"ruleIndex": 0,
|
|
19293
|
-
"suppressions": []
|
|
19294
|
-
},
|
|
19295
19222
|
{
|
|
19296
19223
|
"level": "error",
|
|
19297
19224
|
"message": {
|
|
@@ -19308,16 +19235,13 @@
|
|
|
19308
19235
|
"startLine": 2,
|
|
19309
19236
|
"startColumn": 1,
|
|
19310
19237
|
"endLine": 2,
|
|
19311
|
-
"endColumn": 25
|
|
19312
|
-
"snippet": {
|
|
19313
|
-
"text": "declare var define: any;"
|
|
19314
|
-
}
|
|
19238
|
+
"endColumn": 25
|
|
19315
19239
|
}
|
|
19316
19240
|
}
|
|
19317
19241
|
}
|
|
19318
19242
|
],
|
|
19319
19243
|
"ruleId": "no-var",
|
|
19320
|
-
"ruleIndex":
|
|
19244
|
+
"ruleIndex": 14,
|
|
19321
19245
|
"suppressions": [
|
|
19322
19246
|
{
|
|
19323
19247
|
"kind": "inSource",
|
|
@@ -19334,24 +19258,26 @@
|
|
|
19334
19258
|
{
|
|
19335
19259
|
"physicalLocation": {
|
|
19336
19260
|
"artifactLocation": {
|
|
19337
|
-
"uri": "src/loc/
|
|
19338
|
-
"index":
|
|
19261
|
+
"uri": "src/loc/bg-bg.ts",
|
|
19262
|
+
"index": 871
|
|
19339
19263
|
},
|
|
19340
19264
|
"region": {
|
|
19341
19265
|
"startLine": 2,
|
|
19342
19266
|
"startColumn": 21,
|
|
19343
19267
|
"endLine": 2,
|
|
19344
|
-
"endColumn": 24
|
|
19345
|
-
"snippet": {
|
|
19346
|
-
"text": "any"
|
|
19347
|
-
}
|
|
19268
|
+
"endColumn": 24
|
|
19348
19269
|
}
|
|
19349
19270
|
}
|
|
19350
19271
|
}
|
|
19351
19272
|
],
|
|
19352
19273
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19353
19274
|
"ruleIndex": 0,
|
|
19354
|
-
"suppressions": [
|
|
19275
|
+
"suppressions": [
|
|
19276
|
+
{
|
|
19277
|
+
"kind": "inSource",
|
|
19278
|
+
"justification": ""
|
|
19279
|
+
}
|
|
19280
|
+
]
|
|
19355
19281
|
},
|
|
19356
19282
|
{
|
|
19357
19283
|
"level": "error",
|
|
@@ -19369,16 +19295,13 @@
|
|
|
19369
19295
|
"startLine": 2,
|
|
19370
19296
|
"startColumn": 1,
|
|
19371
19297
|
"endLine": 2,
|
|
19372
|
-
"endColumn": 25
|
|
19373
|
-
"snippet": {
|
|
19374
|
-
"text": "declare var define: any;"
|
|
19375
|
-
}
|
|
19298
|
+
"endColumn": 25
|
|
19376
19299
|
}
|
|
19377
19300
|
}
|
|
19378
19301
|
}
|
|
19379
19302
|
],
|
|
19380
19303
|
"ruleId": "no-var",
|
|
19381
|
-
"ruleIndex":
|
|
19304
|
+
"ruleIndex": 14,
|
|
19382
19305
|
"suppressions": [
|
|
19383
19306
|
{
|
|
19384
19307
|
"kind": "inSource",
|
|
@@ -19395,24 +19318,26 @@
|
|
|
19395
19318
|
{
|
|
19396
19319
|
"physicalLocation": {
|
|
19397
19320
|
"artifactLocation": {
|
|
19398
|
-
"uri": "src/loc/
|
|
19399
|
-
"index":
|
|
19321
|
+
"uri": "src/loc/ca-es.ts",
|
|
19322
|
+
"index": 872
|
|
19400
19323
|
},
|
|
19401
19324
|
"region": {
|
|
19402
19325
|
"startLine": 2,
|
|
19403
19326
|
"startColumn": 21,
|
|
19404
19327
|
"endLine": 2,
|
|
19405
|
-
"endColumn": 24
|
|
19406
|
-
"snippet": {
|
|
19407
|
-
"text": "any"
|
|
19408
|
-
}
|
|
19328
|
+
"endColumn": 24
|
|
19409
19329
|
}
|
|
19410
19330
|
}
|
|
19411
19331
|
}
|
|
19412
19332
|
],
|
|
19413
19333
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19414
19334
|
"ruleIndex": 0,
|
|
19415
|
-
"suppressions": [
|
|
19335
|
+
"suppressions": [
|
|
19336
|
+
{
|
|
19337
|
+
"kind": "inSource",
|
|
19338
|
+
"justification": ""
|
|
19339
|
+
}
|
|
19340
|
+
]
|
|
19416
19341
|
},
|
|
19417
19342
|
{
|
|
19418
19343
|
"level": "error",
|
|
@@ -19430,16 +19355,13 @@
|
|
|
19430
19355
|
"startLine": 2,
|
|
19431
19356
|
"startColumn": 1,
|
|
19432
19357
|
"endLine": 2,
|
|
19433
|
-
"endColumn": 25
|
|
19434
|
-
"snippet": {
|
|
19435
|
-
"text": "declare var define: any;"
|
|
19436
|
-
}
|
|
19358
|
+
"endColumn": 25
|
|
19437
19359
|
}
|
|
19438
19360
|
}
|
|
19439
19361
|
}
|
|
19440
19362
|
],
|
|
19441
19363
|
"ruleId": "no-var",
|
|
19442
|
-
"ruleIndex":
|
|
19364
|
+
"ruleIndex": 14,
|
|
19443
19365
|
"suppressions": [
|
|
19444
19366
|
{
|
|
19445
19367
|
"kind": "inSource",
|
|
@@ -19456,24 +19378,26 @@
|
|
|
19456
19378
|
{
|
|
19457
19379
|
"physicalLocation": {
|
|
19458
19380
|
"artifactLocation": {
|
|
19459
|
-
"uri": "src/loc/
|
|
19460
|
-
"index":
|
|
19381
|
+
"uri": "src/loc/cs-cz.ts",
|
|
19382
|
+
"index": 873
|
|
19461
19383
|
},
|
|
19462
19384
|
"region": {
|
|
19463
19385
|
"startLine": 2,
|
|
19464
19386
|
"startColumn": 21,
|
|
19465
19387
|
"endLine": 2,
|
|
19466
|
-
"endColumn": 24
|
|
19467
|
-
"snippet": {
|
|
19468
|
-
"text": "any"
|
|
19469
|
-
}
|
|
19388
|
+
"endColumn": 24
|
|
19470
19389
|
}
|
|
19471
19390
|
}
|
|
19472
19391
|
}
|
|
19473
19392
|
],
|
|
19474
19393
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19475
19394
|
"ruleIndex": 0,
|
|
19476
|
-
"suppressions": [
|
|
19395
|
+
"suppressions": [
|
|
19396
|
+
{
|
|
19397
|
+
"kind": "inSource",
|
|
19398
|
+
"justification": ""
|
|
19399
|
+
}
|
|
19400
|
+
]
|
|
19477
19401
|
},
|
|
19478
19402
|
{
|
|
19479
19403
|
"level": "error",
|
|
@@ -19491,16 +19415,13 @@
|
|
|
19491
19415
|
"startLine": 2,
|
|
19492
19416
|
"startColumn": 1,
|
|
19493
19417
|
"endLine": 2,
|
|
19494
|
-
"endColumn": 25
|
|
19495
|
-
"snippet": {
|
|
19496
|
-
"text": "declare var define: any;"
|
|
19497
|
-
}
|
|
19418
|
+
"endColumn": 25
|
|
19498
19419
|
}
|
|
19499
19420
|
}
|
|
19500
19421
|
}
|
|
19501
19422
|
],
|
|
19502
19423
|
"ruleId": "no-var",
|
|
19503
|
-
"ruleIndex":
|
|
19424
|
+
"ruleIndex": 14,
|
|
19504
19425
|
"suppressions": [
|
|
19505
19426
|
{
|
|
19506
19427
|
"kind": "inSource",
|
|
@@ -19517,24 +19438,26 @@
|
|
|
19517
19438
|
{
|
|
19518
19439
|
"physicalLocation": {
|
|
19519
19440
|
"artifactLocation": {
|
|
19520
|
-
"uri": "src/loc/
|
|
19521
|
-
"index":
|
|
19441
|
+
"uri": "src/loc/da-dk.ts",
|
|
19442
|
+
"index": 874
|
|
19522
19443
|
},
|
|
19523
19444
|
"region": {
|
|
19524
19445
|
"startLine": 2,
|
|
19525
19446
|
"startColumn": 21,
|
|
19526
19447
|
"endLine": 2,
|
|
19527
|
-
"endColumn": 24
|
|
19528
|
-
"snippet": {
|
|
19529
|
-
"text": "any"
|
|
19530
|
-
}
|
|
19448
|
+
"endColumn": 24
|
|
19531
19449
|
}
|
|
19532
19450
|
}
|
|
19533
19451
|
}
|
|
19534
19452
|
],
|
|
19535
19453
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19536
19454
|
"ruleIndex": 0,
|
|
19537
|
-
"suppressions": [
|
|
19455
|
+
"suppressions": [
|
|
19456
|
+
{
|
|
19457
|
+
"kind": "inSource",
|
|
19458
|
+
"justification": ""
|
|
19459
|
+
}
|
|
19460
|
+
]
|
|
19538
19461
|
},
|
|
19539
19462
|
{
|
|
19540
19463
|
"level": "error",
|
|
@@ -19552,16 +19475,13 @@
|
|
|
19552
19475
|
"startLine": 2,
|
|
19553
19476
|
"startColumn": 1,
|
|
19554
19477
|
"endLine": 2,
|
|
19555
|
-
"endColumn": 25
|
|
19556
|
-
"snippet": {
|
|
19557
|
-
"text": "declare var define: any;"
|
|
19558
|
-
}
|
|
19478
|
+
"endColumn": 25
|
|
19559
19479
|
}
|
|
19560
19480
|
}
|
|
19561
19481
|
}
|
|
19562
19482
|
],
|
|
19563
19483
|
"ruleId": "no-var",
|
|
19564
|
-
"ruleIndex":
|
|
19484
|
+
"ruleIndex": 14,
|
|
19565
19485
|
"suppressions": [
|
|
19566
19486
|
{
|
|
19567
19487
|
"kind": "inSource",
|
|
@@ -19578,24 +19498,26 @@
|
|
|
19578
19498
|
{
|
|
19579
19499
|
"physicalLocation": {
|
|
19580
19500
|
"artifactLocation": {
|
|
19581
|
-
"uri": "src/loc/
|
|
19582
|
-
"index":
|
|
19501
|
+
"uri": "src/loc/de-de.ts",
|
|
19502
|
+
"index": 875
|
|
19583
19503
|
},
|
|
19584
19504
|
"region": {
|
|
19585
19505
|
"startLine": 2,
|
|
19586
19506
|
"startColumn": 21,
|
|
19587
19507
|
"endLine": 2,
|
|
19588
|
-
"endColumn": 24
|
|
19589
|
-
"snippet": {
|
|
19590
|
-
"text": "any"
|
|
19591
|
-
}
|
|
19508
|
+
"endColumn": 24
|
|
19592
19509
|
}
|
|
19593
19510
|
}
|
|
19594
19511
|
}
|
|
19595
19512
|
],
|
|
19596
19513
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19597
19514
|
"ruleIndex": 0,
|
|
19598
|
-
"suppressions": [
|
|
19515
|
+
"suppressions": [
|
|
19516
|
+
{
|
|
19517
|
+
"kind": "inSource",
|
|
19518
|
+
"justification": ""
|
|
19519
|
+
}
|
|
19520
|
+
]
|
|
19599
19521
|
},
|
|
19600
19522
|
{
|
|
19601
19523
|
"level": "error",
|
|
@@ -19613,16 +19535,13 @@
|
|
|
19613
19535
|
"startLine": 2,
|
|
19614
19536
|
"startColumn": 1,
|
|
19615
19537
|
"endLine": 2,
|
|
19616
|
-
"endColumn": 25
|
|
19617
|
-
"snippet": {
|
|
19618
|
-
"text": "declare var define: any;"
|
|
19619
|
-
}
|
|
19538
|
+
"endColumn": 25
|
|
19620
19539
|
}
|
|
19621
19540
|
}
|
|
19622
19541
|
}
|
|
19623
19542
|
],
|
|
19624
19543
|
"ruleId": "no-var",
|
|
19625
|
-
"ruleIndex":
|
|
19544
|
+
"ruleIndex": 14,
|
|
19626
19545
|
"suppressions": [
|
|
19627
19546
|
{
|
|
19628
19547
|
"kind": "inSource",
|
|
@@ -19639,24 +19558,26 @@
|
|
|
19639
19558
|
{
|
|
19640
19559
|
"physicalLocation": {
|
|
19641
19560
|
"artifactLocation": {
|
|
19642
|
-
"uri": "src/loc/
|
|
19643
|
-
"index":
|
|
19561
|
+
"uri": "src/loc/el-gr.ts",
|
|
19562
|
+
"index": 876
|
|
19644
19563
|
},
|
|
19645
19564
|
"region": {
|
|
19646
|
-
"startLine":
|
|
19565
|
+
"startLine": 2,
|
|
19647
19566
|
"startColumn": 21,
|
|
19648
|
-
"endLine":
|
|
19649
|
-
"endColumn": 24
|
|
19650
|
-
"snippet": {
|
|
19651
|
-
"text": "any"
|
|
19652
|
-
}
|
|
19567
|
+
"endLine": 2,
|
|
19568
|
+
"endColumn": 24
|
|
19653
19569
|
}
|
|
19654
19570
|
}
|
|
19655
19571
|
}
|
|
19656
19572
|
],
|
|
19657
19573
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19658
19574
|
"ruleIndex": 0,
|
|
19659
|
-
"suppressions": [
|
|
19575
|
+
"suppressions": [
|
|
19576
|
+
{
|
|
19577
|
+
"kind": "inSource",
|
|
19578
|
+
"justification": ""
|
|
19579
|
+
}
|
|
19580
|
+
]
|
|
19660
19581
|
},
|
|
19661
19582
|
{
|
|
19662
19583
|
"level": "error",
|
|
@@ -19674,16 +19595,13 @@
|
|
|
19674
19595
|
"startLine": 4,
|
|
19675
19596
|
"startColumn": 1,
|
|
19676
19597
|
"endLine": 4,
|
|
19677
|
-
"endColumn": 25
|
|
19678
|
-
"snippet": {
|
|
19679
|
-
"text": "declare var define: any;"
|
|
19680
|
-
}
|
|
19598
|
+
"endColumn": 25
|
|
19681
19599
|
}
|
|
19682
19600
|
}
|
|
19683
19601
|
}
|
|
19684
19602
|
],
|
|
19685
19603
|
"ruleId": "no-var",
|
|
19686
|
-
"ruleIndex":
|
|
19604
|
+
"ruleIndex": 14,
|
|
19687
19605
|
"suppressions": [
|
|
19688
19606
|
{
|
|
19689
19607
|
"kind": "inSource",
|
|
@@ -19700,24 +19618,26 @@
|
|
|
19700
19618
|
{
|
|
19701
19619
|
"physicalLocation": {
|
|
19702
19620
|
"artifactLocation": {
|
|
19703
|
-
"uri": "src/loc/
|
|
19704
|
-
"index":
|
|
19621
|
+
"uri": "src/loc/en-us.ts",
|
|
19622
|
+
"index": 877
|
|
19705
19623
|
},
|
|
19706
19624
|
"region": {
|
|
19707
|
-
"startLine":
|
|
19625
|
+
"startLine": 4,
|
|
19708
19626
|
"startColumn": 21,
|
|
19709
|
-
"endLine":
|
|
19710
|
-
"endColumn": 24
|
|
19711
|
-
"snippet": {
|
|
19712
|
-
"text": "any"
|
|
19713
|
-
}
|
|
19627
|
+
"endLine": 4,
|
|
19628
|
+
"endColumn": 24
|
|
19714
19629
|
}
|
|
19715
19630
|
}
|
|
19716
19631
|
}
|
|
19717
19632
|
],
|
|
19718
19633
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19719
19634
|
"ruleIndex": 0,
|
|
19720
|
-
"suppressions": [
|
|
19635
|
+
"suppressions": [
|
|
19636
|
+
{
|
|
19637
|
+
"kind": "inSource",
|
|
19638
|
+
"justification": ""
|
|
19639
|
+
}
|
|
19640
|
+
]
|
|
19721
19641
|
},
|
|
19722
19642
|
{
|
|
19723
19643
|
"level": "error",
|
|
@@ -19735,16 +19655,13 @@
|
|
|
19735
19655
|
"startLine": 2,
|
|
19736
19656
|
"startColumn": 1,
|
|
19737
19657
|
"endLine": 2,
|
|
19738
|
-
"endColumn": 25
|
|
19739
|
-
"snippet": {
|
|
19740
|
-
"text": "declare var define: any;"
|
|
19741
|
-
}
|
|
19658
|
+
"endColumn": 25
|
|
19742
19659
|
}
|
|
19743
19660
|
}
|
|
19744
19661
|
}
|
|
19745
19662
|
],
|
|
19746
19663
|
"ruleId": "no-var",
|
|
19747
|
-
"ruleIndex":
|
|
19664
|
+
"ruleIndex": 14,
|
|
19748
19665
|
"suppressions": [
|
|
19749
19666
|
{
|
|
19750
19667
|
"kind": "inSource",
|
|
@@ -19761,24 +19678,26 @@
|
|
|
19761
19678
|
{
|
|
19762
19679
|
"physicalLocation": {
|
|
19763
19680
|
"artifactLocation": {
|
|
19764
|
-
"uri": "src/loc/
|
|
19765
|
-
"index":
|
|
19681
|
+
"uri": "src/loc/es-es.ts",
|
|
19682
|
+
"index": 878
|
|
19766
19683
|
},
|
|
19767
19684
|
"region": {
|
|
19768
19685
|
"startLine": 2,
|
|
19769
19686
|
"startColumn": 21,
|
|
19770
19687
|
"endLine": 2,
|
|
19771
|
-
"endColumn": 24
|
|
19772
|
-
"snippet": {
|
|
19773
|
-
"text": "any"
|
|
19774
|
-
}
|
|
19688
|
+
"endColumn": 24
|
|
19775
19689
|
}
|
|
19776
19690
|
}
|
|
19777
19691
|
}
|
|
19778
19692
|
],
|
|
19779
19693
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19780
19694
|
"ruleIndex": 0,
|
|
19781
|
-
"suppressions": [
|
|
19695
|
+
"suppressions": [
|
|
19696
|
+
{
|
|
19697
|
+
"kind": "inSource",
|
|
19698
|
+
"justification": ""
|
|
19699
|
+
}
|
|
19700
|
+
]
|
|
19782
19701
|
},
|
|
19783
19702
|
{
|
|
19784
19703
|
"level": "error",
|
|
@@ -19796,16 +19715,13 @@
|
|
|
19796
19715
|
"startLine": 2,
|
|
19797
19716
|
"startColumn": 1,
|
|
19798
19717
|
"endLine": 2,
|
|
19799
|
-
"endColumn": 25
|
|
19800
|
-
"snippet": {
|
|
19801
|
-
"text": "declare var define: any;"
|
|
19802
|
-
}
|
|
19718
|
+
"endColumn": 25
|
|
19803
19719
|
}
|
|
19804
19720
|
}
|
|
19805
19721
|
}
|
|
19806
19722
|
],
|
|
19807
19723
|
"ruleId": "no-var",
|
|
19808
|
-
"ruleIndex":
|
|
19724
|
+
"ruleIndex": 14,
|
|
19809
19725
|
"suppressions": [
|
|
19810
19726
|
{
|
|
19811
19727
|
"kind": "inSource",
|
|
@@ -19822,24 +19738,26 @@
|
|
|
19822
19738
|
{
|
|
19823
19739
|
"physicalLocation": {
|
|
19824
19740
|
"artifactLocation": {
|
|
19825
|
-
"uri": "src/loc/
|
|
19826
|
-
"index":
|
|
19741
|
+
"uri": "src/loc/et-ee.ts",
|
|
19742
|
+
"index": 879
|
|
19827
19743
|
},
|
|
19828
19744
|
"region": {
|
|
19829
19745
|
"startLine": 2,
|
|
19830
19746
|
"startColumn": 21,
|
|
19831
19747
|
"endLine": 2,
|
|
19832
|
-
"endColumn": 24
|
|
19833
|
-
"snippet": {
|
|
19834
|
-
"text": "any"
|
|
19835
|
-
}
|
|
19748
|
+
"endColumn": 24
|
|
19836
19749
|
}
|
|
19837
19750
|
}
|
|
19838
19751
|
}
|
|
19839
19752
|
],
|
|
19840
19753
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19841
19754
|
"ruleIndex": 0,
|
|
19842
|
-
"suppressions": [
|
|
19755
|
+
"suppressions": [
|
|
19756
|
+
{
|
|
19757
|
+
"kind": "inSource",
|
|
19758
|
+
"justification": ""
|
|
19759
|
+
}
|
|
19760
|
+
]
|
|
19843
19761
|
},
|
|
19844
19762
|
{
|
|
19845
19763
|
"level": "error",
|
|
@@ -19857,16 +19775,13 @@
|
|
|
19857
19775
|
"startLine": 2,
|
|
19858
19776
|
"startColumn": 1,
|
|
19859
19777
|
"endLine": 2,
|
|
19860
|
-
"endColumn": 25
|
|
19861
|
-
"snippet": {
|
|
19862
|
-
"text": "declare var define: any;"
|
|
19863
|
-
}
|
|
19778
|
+
"endColumn": 25
|
|
19864
19779
|
}
|
|
19865
19780
|
}
|
|
19866
19781
|
}
|
|
19867
19782
|
],
|
|
19868
19783
|
"ruleId": "no-var",
|
|
19869
|
-
"ruleIndex":
|
|
19784
|
+
"ruleIndex": 14,
|
|
19870
19785
|
"suppressions": [
|
|
19871
19786
|
{
|
|
19872
19787
|
"kind": "inSource",
|
|
@@ -19883,24 +19798,26 @@
|
|
|
19883
19798
|
{
|
|
19884
19799
|
"physicalLocation": {
|
|
19885
19800
|
"artifactLocation": {
|
|
19886
|
-
"uri": "src/loc/
|
|
19887
|
-
"index":
|
|
19801
|
+
"uri": "src/loc/eu-es.ts",
|
|
19802
|
+
"index": 880
|
|
19888
19803
|
},
|
|
19889
19804
|
"region": {
|
|
19890
19805
|
"startLine": 2,
|
|
19891
19806
|
"startColumn": 21,
|
|
19892
19807
|
"endLine": 2,
|
|
19893
|
-
"endColumn": 24
|
|
19894
|
-
"snippet": {
|
|
19895
|
-
"text": "any"
|
|
19896
|
-
}
|
|
19808
|
+
"endColumn": 24
|
|
19897
19809
|
}
|
|
19898
19810
|
}
|
|
19899
19811
|
}
|
|
19900
19812
|
],
|
|
19901
19813
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19902
19814
|
"ruleIndex": 0,
|
|
19903
|
-
"suppressions": [
|
|
19815
|
+
"suppressions": [
|
|
19816
|
+
{
|
|
19817
|
+
"kind": "inSource",
|
|
19818
|
+
"justification": ""
|
|
19819
|
+
}
|
|
19820
|
+
]
|
|
19904
19821
|
},
|
|
19905
19822
|
{
|
|
19906
19823
|
"level": "error",
|
|
@@ -19918,16 +19835,13 @@
|
|
|
19918
19835
|
"startLine": 2,
|
|
19919
19836
|
"startColumn": 1,
|
|
19920
19837
|
"endLine": 2,
|
|
19921
|
-
"endColumn": 25
|
|
19922
|
-
"snippet": {
|
|
19923
|
-
"text": "declare var define: any;"
|
|
19924
|
-
}
|
|
19838
|
+
"endColumn": 25
|
|
19925
19839
|
}
|
|
19926
19840
|
}
|
|
19927
19841
|
}
|
|
19928
19842
|
],
|
|
19929
19843
|
"ruleId": "no-var",
|
|
19930
|
-
"ruleIndex":
|
|
19844
|
+
"ruleIndex": 14,
|
|
19931
19845
|
"suppressions": [
|
|
19932
19846
|
{
|
|
19933
19847
|
"kind": "inSource",
|
|
@@ -19944,24 +19858,26 @@
|
|
|
19944
19858
|
{
|
|
19945
19859
|
"physicalLocation": {
|
|
19946
19860
|
"artifactLocation": {
|
|
19947
|
-
"uri": "src/loc/
|
|
19948
|
-
"index":
|
|
19861
|
+
"uri": "src/loc/fi-fi.ts",
|
|
19862
|
+
"index": 881
|
|
19949
19863
|
},
|
|
19950
19864
|
"region": {
|
|
19951
19865
|
"startLine": 2,
|
|
19952
19866
|
"startColumn": 21,
|
|
19953
19867
|
"endLine": 2,
|
|
19954
|
-
"endColumn": 24
|
|
19955
|
-
"snippet": {
|
|
19956
|
-
"text": "any"
|
|
19957
|
-
}
|
|
19868
|
+
"endColumn": 24
|
|
19958
19869
|
}
|
|
19959
19870
|
}
|
|
19960
19871
|
}
|
|
19961
19872
|
],
|
|
19962
19873
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
19963
19874
|
"ruleIndex": 0,
|
|
19964
|
-
"suppressions": [
|
|
19875
|
+
"suppressions": [
|
|
19876
|
+
{
|
|
19877
|
+
"kind": "inSource",
|
|
19878
|
+
"justification": ""
|
|
19879
|
+
}
|
|
19880
|
+
]
|
|
19965
19881
|
},
|
|
19966
19882
|
{
|
|
19967
19883
|
"level": "error",
|
|
@@ -19979,16 +19895,13 @@
|
|
|
19979
19895
|
"startLine": 2,
|
|
19980
19896
|
"startColumn": 1,
|
|
19981
19897
|
"endLine": 2,
|
|
19982
|
-
"endColumn": 25
|
|
19983
|
-
"snippet": {
|
|
19984
|
-
"text": "declare var define: any;"
|
|
19985
|
-
}
|
|
19898
|
+
"endColumn": 25
|
|
19986
19899
|
}
|
|
19987
19900
|
}
|
|
19988
19901
|
}
|
|
19989
19902
|
],
|
|
19990
19903
|
"ruleId": "no-var",
|
|
19991
|
-
"ruleIndex":
|
|
19904
|
+
"ruleIndex": 14,
|
|
19992
19905
|
"suppressions": [
|
|
19993
19906
|
{
|
|
19994
19907
|
"kind": "inSource",
|
|
@@ -20005,24 +19918,26 @@
|
|
|
20005
19918
|
{
|
|
20006
19919
|
"physicalLocation": {
|
|
20007
19920
|
"artifactLocation": {
|
|
20008
|
-
"uri": "src/loc/fr-
|
|
20009
|
-
"index":
|
|
19921
|
+
"uri": "src/loc/fr-ca.ts",
|
|
19922
|
+
"index": 882
|
|
20010
19923
|
},
|
|
20011
19924
|
"region": {
|
|
20012
19925
|
"startLine": 2,
|
|
20013
19926
|
"startColumn": 21,
|
|
20014
19927
|
"endLine": 2,
|
|
20015
|
-
"endColumn": 24
|
|
20016
|
-
"snippet": {
|
|
20017
|
-
"text": "any"
|
|
20018
|
-
}
|
|
19928
|
+
"endColumn": 24
|
|
20019
19929
|
}
|
|
20020
19930
|
}
|
|
20021
19931
|
}
|
|
20022
19932
|
],
|
|
20023
19933
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20024
19934
|
"ruleIndex": 0,
|
|
20025
|
-
"suppressions": [
|
|
19935
|
+
"suppressions": [
|
|
19936
|
+
{
|
|
19937
|
+
"kind": "inSource",
|
|
19938
|
+
"justification": ""
|
|
19939
|
+
}
|
|
19940
|
+
]
|
|
20026
19941
|
},
|
|
20027
19942
|
{
|
|
20028
19943
|
"level": "error",
|
|
@@ -20040,16 +19955,13 @@
|
|
|
20040
19955
|
"startLine": 2,
|
|
20041
19956
|
"startColumn": 1,
|
|
20042
19957
|
"endLine": 2,
|
|
20043
|
-
"endColumn": 25
|
|
20044
|
-
"snippet": {
|
|
20045
|
-
"text": "declare var define: any;"
|
|
20046
|
-
}
|
|
19958
|
+
"endColumn": 25
|
|
20047
19959
|
}
|
|
20048
19960
|
}
|
|
20049
19961
|
}
|
|
20050
19962
|
],
|
|
20051
19963
|
"ruleId": "no-var",
|
|
20052
|
-
"ruleIndex":
|
|
19964
|
+
"ruleIndex": 14,
|
|
20053
19965
|
"suppressions": [
|
|
20054
19966
|
{
|
|
20055
19967
|
"kind": "inSource",
|
|
@@ -20066,24 +19978,26 @@
|
|
|
20066
19978
|
{
|
|
20067
19979
|
"physicalLocation": {
|
|
20068
19980
|
"artifactLocation": {
|
|
20069
|
-
"uri": "src/loc/
|
|
20070
|
-
"index":
|
|
19981
|
+
"uri": "src/loc/fr-fr.ts",
|
|
19982
|
+
"index": 883
|
|
20071
19983
|
},
|
|
20072
19984
|
"region": {
|
|
20073
19985
|
"startLine": 2,
|
|
20074
19986
|
"startColumn": 21,
|
|
20075
19987
|
"endLine": 2,
|
|
20076
|
-
"endColumn": 24
|
|
20077
|
-
"snippet": {
|
|
20078
|
-
"text": "any"
|
|
20079
|
-
}
|
|
19988
|
+
"endColumn": 24
|
|
20080
19989
|
}
|
|
20081
19990
|
}
|
|
20082
19991
|
}
|
|
20083
19992
|
],
|
|
20084
19993
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20085
19994
|
"ruleIndex": 0,
|
|
20086
|
-
"suppressions": [
|
|
19995
|
+
"suppressions": [
|
|
19996
|
+
{
|
|
19997
|
+
"kind": "inSource",
|
|
19998
|
+
"justification": ""
|
|
19999
|
+
}
|
|
20000
|
+
]
|
|
20087
20001
|
},
|
|
20088
20002
|
{
|
|
20089
20003
|
"level": "error",
|
|
@@ -20101,16 +20015,13 @@
|
|
|
20101
20015
|
"startLine": 2,
|
|
20102
20016
|
"startColumn": 1,
|
|
20103
20017
|
"endLine": 2,
|
|
20104
|
-
"endColumn": 25
|
|
20105
|
-
"snippet": {
|
|
20106
|
-
"text": "declare var define: any;"
|
|
20107
|
-
}
|
|
20018
|
+
"endColumn": 25
|
|
20108
20019
|
}
|
|
20109
20020
|
}
|
|
20110
20021
|
}
|
|
20111
20022
|
],
|
|
20112
20023
|
"ruleId": "no-var",
|
|
20113
|
-
"ruleIndex":
|
|
20024
|
+
"ruleIndex": 14,
|
|
20114
20025
|
"suppressions": [
|
|
20115
20026
|
{
|
|
20116
20027
|
"kind": "inSource",
|
|
@@ -20127,24 +20038,26 @@
|
|
|
20127
20038
|
{
|
|
20128
20039
|
"physicalLocation": {
|
|
20129
20040
|
"artifactLocation": {
|
|
20130
|
-
"uri": "src/loc/
|
|
20131
|
-
"index":
|
|
20041
|
+
"uri": "src/loc/it-it.ts",
|
|
20042
|
+
"index": 884
|
|
20132
20043
|
},
|
|
20133
20044
|
"region": {
|
|
20134
20045
|
"startLine": 2,
|
|
20135
20046
|
"startColumn": 21,
|
|
20136
20047
|
"endLine": 2,
|
|
20137
|
-
"endColumn": 24
|
|
20138
|
-
"snippet": {
|
|
20139
|
-
"text": "any"
|
|
20140
|
-
}
|
|
20048
|
+
"endColumn": 24
|
|
20141
20049
|
}
|
|
20142
20050
|
}
|
|
20143
20051
|
}
|
|
20144
20052
|
],
|
|
20145
20053
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20146
20054
|
"ruleIndex": 0,
|
|
20147
|
-
"suppressions": [
|
|
20055
|
+
"suppressions": [
|
|
20056
|
+
{
|
|
20057
|
+
"kind": "inSource",
|
|
20058
|
+
"justification": ""
|
|
20059
|
+
}
|
|
20060
|
+
]
|
|
20148
20061
|
},
|
|
20149
20062
|
{
|
|
20150
20063
|
"level": "error",
|
|
@@ -20162,16 +20075,13 @@
|
|
|
20162
20075
|
"startLine": 2,
|
|
20163
20076
|
"startColumn": 1,
|
|
20164
20077
|
"endLine": 2,
|
|
20165
|
-
"endColumn": 25
|
|
20166
|
-
"snippet": {
|
|
20167
|
-
"text": "declare var define: any;"
|
|
20168
|
-
}
|
|
20078
|
+
"endColumn": 25
|
|
20169
20079
|
}
|
|
20170
20080
|
}
|
|
20171
20081
|
}
|
|
20172
20082
|
],
|
|
20173
20083
|
"ruleId": "no-var",
|
|
20174
|
-
"ruleIndex":
|
|
20084
|
+
"ruleIndex": 14,
|
|
20175
20085
|
"suppressions": [
|
|
20176
20086
|
{
|
|
20177
20087
|
"kind": "inSource",
|
|
@@ -20188,24 +20098,26 @@
|
|
|
20188
20098
|
{
|
|
20189
20099
|
"physicalLocation": {
|
|
20190
20100
|
"artifactLocation": {
|
|
20191
|
-
"uri": "src/loc/
|
|
20192
|
-
"index":
|
|
20101
|
+
"uri": "src/loc/ja-jp.ts",
|
|
20102
|
+
"index": 885
|
|
20193
20103
|
},
|
|
20194
20104
|
"region": {
|
|
20195
20105
|
"startLine": 2,
|
|
20196
20106
|
"startColumn": 21,
|
|
20197
20107
|
"endLine": 2,
|
|
20198
|
-
"endColumn": 24
|
|
20199
|
-
"snippet": {
|
|
20200
|
-
"text": "any"
|
|
20201
|
-
}
|
|
20108
|
+
"endColumn": 24
|
|
20202
20109
|
}
|
|
20203
20110
|
}
|
|
20204
20111
|
}
|
|
20205
20112
|
],
|
|
20206
20113
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20207
20114
|
"ruleIndex": 0,
|
|
20208
|
-
"suppressions": [
|
|
20115
|
+
"suppressions": [
|
|
20116
|
+
{
|
|
20117
|
+
"kind": "inSource",
|
|
20118
|
+
"justification": ""
|
|
20119
|
+
}
|
|
20120
|
+
]
|
|
20209
20121
|
},
|
|
20210
20122
|
{
|
|
20211
20123
|
"level": "error",
|
|
@@ -20223,16 +20135,13 @@
|
|
|
20223
20135
|
"startLine": 2,
|
|
20224
20136
|
"startColumn": 1,
|
|
20225
20137
|
"endLine": 2,
|
|
20226
|
-
"endColumn": 25
|
|
20227
|
-
"snippet": {
|
|
20228
|
-
"text": "declare var define: any;"
|
|
20229
|
-
}
|
|
20138
|
+
"endColumn": 25
|
|
20230
20139
|
}
|
|
20231
20140
|
}
|
|
20232
20141
|
}
|
|
20233
20142
|
],
|
|
20234
20143
|
"ruleId": "no-var",
|
|
20235
|
-
"ruleIndex":
|
|
20144
|
+
"ruleIndex": 14,
|
|
20236
20145
|
"suppressions": [
|
|
20237
20146
|
{
|
|
20238
20147
|
"kind": "inSource",
|
|
@@ -20249,24 +20158,26 @@
|
|
|
20249
20158
|
{
|
|
20250
20159
|
"physicalLocation": {
|
|
20251
20160
|
"artifactLocation": {
|
|
20252
|
-
"uri": "src/loc/
|
|
20253
|
-
"index":
|
|
20161
|
+
"uri": "src/loc/lt-lt.ts",
|
|
20162
|
+
"index": 886
|
|
20254
20163
|
},
|
|
20255
20164
|
"region": {
|
|
20256
20165
|
"startLine": 2,
|
|
20257
20166
|
"startColumn": 21,
|
|
20258
20167
|
"endLine": 2,
|
|
20259
|
-
"endColumn": 24
|
|
20260
|
-
"snippet": {
|
|
20261
|
-
"text": "any"
|
|
20262
|
-
}
|
|
20168
|
+
"endColumn": 24
|
|
20263
20169
|
}
|
|
20264
20170
|
}
|
|
20265
20171
|
}
|
|
20266
20172
|
],
|
|
20267
20173
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20268
20174
|
"ruleIndex": 0,
|
|
20269
|
-
"suppressions": [
|
|
20175
|
+
"suppressions": [
|
|
20176
|
+
{
|
|
20177
|
+
"kind": "inSource",
|
|
20178
|
+
"justification": ""
|
|
20179
|
+
}
|
|
20180
|
+
]
|
|
20270
20181
|
},
|
|
20271
20182
|
{
|
|
20272
20183
|
"level": "error",
|
|
@@ -20284,16 +20195,13 @@
|
|
|
20284
20195
|
"startLine": 2,
|
|
20285
20196
|
"startColumn": 1,
|
|
20286
20197
|
"endLine": 2,
|
|
20287
|
-
"endColumn": 25
|
|
20288
|
-
"snippet": {
|
|
20289
|
-
"text": "declare var define: any;"
|
|
20290
|
-
}
|
|
20198
|
+
"endColumn": 25
|
|
20291
20199
|
}
|
|
20292
20200
|
}
|
|
20293
20201
|
}
|
|
20294
20202
|
],
|
|
20295
20203
|
"ruleId": "no-var",
|
|
20296
|
-
"ruleIndex":
|
|
20204
|
+
"ruleIndex": 14,
|
|
20297
20205
|
"suppressions": [
|
|
20298
20206
|
{
|
|
20299
20207
|
"kind": "inSource",
|
|
@@ -20310,24 +20218,26 @@
|
|
|
20310
20218
|
{
|
|
20311
20219
|
"physicalLocation": {
|
|
20312
20220
|
"artifactLocation": {
|
|
20313
|
-
"uri": "src/loc/
|
|
20314
|
-
"index":
|
|
20221
|
+
"uri": "src/loc/lv-lv.ts",
|
|
20222
|
+
"index": 887
|
|
20315
20223
|
},
|
|
20316
20224
|
"region": {
|
|
20317
20225
|
"startLine": 2,
|
|
20318
20226
|
"startColumn": 21,
|
|
20319
20227
|
"endLine": 2,
|
|
20320
|
-
"endColumn": 24
|
|
20321
|
-
"snippet": {
|
|
20322
|
-
"text": "any"
|
|
20323
|
-
}
|
|
20228
|
+
"endColumn": 24
|
|
20324
20229
|
}
|
|
20325
20230
|
}
|
|
20326
20231
|
}
|
|
20327
20232
|
],
|
|
20328
20233
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20329
20234
|
"ruleIndex": 0,
|
|
20330
|
-
"suppressions": [
|
|
20235
|
+
"suppressions": [
|
|
20236
|
+
{
|
|
20237
|
+
"kind": "inSource",
|
|
20238
|
+
"justification": ""
|
|
20239
|
+
}
|
|
20240
|
+
]
|
|
20331
20241
|
},
|
|
20332
20242
|
{
|
|
20333
20243
|
"level": "error",
|
|
@@ -20345,16 +20255,13 @@
|
|
|
20345
20255
|
"startLine": 2,
|
|
20346
20256
|
"startColumn": 1,
|
|
20347
20257
|
"endLine": 2,
|
|
20348
|
-
"endColumn": 25
|
|
20349
|
-
"snippet": {
|
|
20350
|
-
"text": "declare var define: any;"
|
|
20351
|
-
}
|
|
20258
|
+
"endColumn": 25
|
|
20352
20259
|
}
|
|
20353
20260
|
}
|
|
20354
20261
|
}
|
|
20355
20262
|
],
|
|
20356
20263
|
"ruleId": "no-var",
|
|
20357
|
-
"ruleIndex":
|
|
20264
|
+
"ruleIndex": 14,
|
|
20358
20265
|
"suppressions": [
|
|
20359
20266
|
{
|
|
20360
20267
|
"kind": "inSource",
|
|
@@ -20371,24 +20278,26 @@
|
|
|
20371
20278
|
{
|
|
20372
20279
|
"physicalLocation": {
|
|
20373
20280
|
"artifactLocation": {
|
|
20374
|
-
"uri": "src/loc/
|
|
20375
|
-
"index":
|
|
20281
|
+
"uri": "src/loc/nb-no.ts",
|
|
20282
|
+
"index": 888
|
|
20376
20283
|
},
|
|
20377
20284
|
"region": {
|
|
20378
20285
|
"startLine": 2,
|
|
20379
20286
|
"startColumn": 21,
|
|
20380
20287
|
"endLine": 2,
|
|
20381
|
-
"endColumn": 24
|
|
20382
|
-
"snippet": {
|
|
20383
|
-
"text": "any"
|
|
20384
|
-
}
|
|
20288
|
+
"endColumn": 24
|
|
20385
20289
|
}
|
|
20386
20290
|
}
|
|
20387
20291
|
}
|
|
20388
20292
|
],
|
|
20389
20293
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20390
20294
|
"ruleIndex": 0,
|
|
20391
|
-
"suppressions": [
|
|
20295
|
+
"suppressions": [
|
|
20296
|
+
{
|
|
20297
|
+
"kind": "inSource",
|
|
20298
|
+
"justification": ""
|
|
20299
|
+
}
|
|
20300
|
+
]
|
|
20392
20301
|
},
|
|
20393
20302
|
{
|
|
20394
20303
|
"level": "error",
|
|
@@ -20406,16 +20315,13 @@
|
|
|
20406
20315
|
"startLine": 2,
|
|
20407
20316
|
"startColumn": 1,
|
|
20408
20317
|
"endLine": 2,
|
|
20409
|
-
"endColumn": 25
|
|
20410
|
-
"snippet": {
|
|
20411
|
-
"text": "declare var define: any;"
|
|
20412
|
-
}
|
|
20318
|
+
"endColumn": 25
|
|
20413
20319
|
}
|
|
20414
20320
|
}
|
|
20415
20321
|
}
|
|
20416
20322
|
],
|
|
20417
20323
|
"ruleId": "no-var",
|
|
20418
|
-
"ruleIndex":
|
|
20324
|
+
"ruleIndex": 14,
|
|
20419
20325
|
"suppressions": [
|
|
20420
20326
|
{
|
|
20421
20327
|
"kind": "inSource",
|
|
@@ -20432,24 +20338,26 @@
|
|
|
20432
20338
|
{
|
|
20433
20339
|
"physicalLocation": {
|
|
20434
20340
|
"artifactLocation": {
|
|
20435
|
-
"uri": "src/loc/
|
|
20436
|
-
"index":
|
|
20341
|
+
"uri": "src/loc/nl-nl.ts",
|
|
20342
|
+
"index": 889
|
|
20437
20343
|
},
|
|
20438
20344
|
"region": {
|
|
20439
20345
|
"startLine": 2,
|
|
20440
20346
|
"startColumn": 21,
|
|
20441
20347
|
"endLine": 2,
|
|
20442
|
-
"endColumn": 24
|
|
20443
|
-
"snippet": {
|
|
20444
|
-
"text": "any"
|
|
20445
|
-
}
|
|
20348
|
+
"endColumn": 24
|
|
20446
20349
|
}
|
|
20447
20350
|
}
|
|
20448
20351
|
}
|
|
20449
20352
|
],
|
|
20450
20353
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20451
20354
|
"ruleIndex": 0,
|
|
20452
|
-
"suppressions": [
|
|
20355
|
+
"suppressions": [
|
|
20356
|
+
{
|
|
20357
|
+
"kind": "inSource",
|
|
20358
|
+
"justification": ""
|
|
20359
|
+
}
|
|
20360
|
+
]
|
|
20453
20361
|
},
|
|
20454
20362
|
{
|
|
20455
20363
|
"level": "error",
|
|
@@ -20467,16 +20375,13 @@
|
|
|
20467
20375
|
"startLine": 2,
|
|
20468
20376
|
"startColumn": 1,
|
|
20469
20377
|
"endLine": 2,
|
|
20470
|
-
"endColumn": 25
|
|
20471
|
-
"snippet": {
|
|
20472
|
-
"text": "declare var define: any;"
|
|
20473
|
-
}
|
|
20378
|
+
"endColumn": 25
|
|
20474
20379
|
}
|
|
20475
20380
|
}
|
|
20476
20381
|
}
|
|
20477
20382
|
],
|
|
20478
20383
|
"ruleId": "no-var",
|
|
20479
|
-
"ruleIndex":
|
|
20384
|
+
"ruleIndex": 14,
|
|
20480
20385
|
"suppressions": [
|
|
20481
20386
|
{
|
|
20482
20387
|
"kind": "inSource",
|
|
@@ -20493,24 +20398,26 @@
|
|
|
20493
20398
|
{
|
|
20494
20399
|
"physicalLocation": {
|
|
20495
20400
|
"artifactLocation": {
|
|
20496
|
-
"uri": "src/loc/
|
|
20497
|
-
"index":
|
|
20401
|
+
"uri": "src/loc/pl-pl.ts",
|
|
20402
|
+
"index": 890
|
|
20498
20403
|
},
|
|
20499
20404
|
"region": {
|
|
20500
20405
|
"startLine": 2,
|
|
20501
20406
|
"startColumn": 21,
|
|
20502
20407
|
"endLine": 2,
|
|
20503
|
-
"endColumn": 24
|
|
20504
|
-
"snippet": {
|
|
20505
|
-
"text": "any"
|
|
20506
|
-
}
|
|
20408
|
+
"endColumn": 24
|
|
20507
20409
|
}
|
|
20508
20410
|
}
|
|
20509
20411
|
}
|
|
20510
20412
|
],
|
|
20511
20413
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20512
20414
|
"ruleIndex": 0,
|
|
20513
|
-
"suppressions": [
|
|
20415
|
+
"suppressions": [
|
|
20416
|
+
{
|
|
20417
|
+
"kind": "inSource",
|
|
20418
|
+
"justification": ""
|
|
20419
|
+
}
|
|
20420
|
+
]
|
|
20514
20421
|
},
|
|
20515
20422
|
{
|
|
20516
20423
|
"level": "error",
|
|
@@ -20528,16 +20435,13 @@
|
|
|
20528
20435
|
"startLine": 2,
|
|
20529
20436
|
"startColumn": 1,
|
|
20530
20437
|
"endLine": 2,
|
|
20531
|
-
"endColumn": 25
|
|
20532
|
-
"snippet": {
|
|
20533
|
-
"text": "declare var define: any;"
|
|
20534
|
-
}
|
|
20438
|
+
"endColumn": 25
|
|
20535
20439
|
}
|
|
20536
20440
|
}
|
|
20537
20441
|
}
|
|
20538
20442
|
],
|
|
20539
20443
|
"ruleId": "no-var",
|
|
20540
|
-
"ruleIndex":
|
|
20444
|
+
"ruleIndex": 14,
|
|
20541
20445
|
"suppressions": [
|
|
20542
20446
|
{
|
|
20543
20447
|
"kind": "inSource",
|
|
@@ -20554,24 +20458,26 @@
|
|
|
20554
20458
|
{
|
|
20555
20459
|
"physicalLocation": {
|
|
20556
20460
|
"artifactLocation": {
|
|
20557
|
-
"uri": "src/loc/pt-
|
|
20558
|
-
"index":
|
|
20461
|
+
"uri": "src/loc/pt-br.ts",
|
|
20462
|
+
"index": 891
|
|
20559
20463
|
},
|
|
20560
20464
|
"region": {
|
|
20561
20465
|
"startLine": 2,
|
|
20562
20466
|
"startColumn": 21,
|
|
20563
20467
|
"endLine": 2,
|
|
20564
|
-
"endColumn": 24
|
|
20565
|
-
"snippet": {
|
|
20566
|
-
"text": "any"
|
|
20567
|
-
}
|
|
20468
|
+
"endColumn": 24
|
|
20568
20469
|
}
|
|
20569
20470
|
}
|
|
20570
20471
|
}
|
|
20571
20472
|
],
|
|
20572
20473
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20573
20474
|
"ruleIndex": 0,
|
|
20574
|
-
"suppressions": [
|
|
20475
|
+
"suppressions": [
|
|
20476
|
+
{
|
|
20477
|
+
"kind": "inSource",
|
|
20478
|
+
"justification": ""
|
|
20479
|
+
}
|
|
20480
|
+
]
|
|
20575
20481
|
},
|
|
20576
20482
|
{
|
|
20577
20483
|
"level": "error",
|
|
@@ -20589,16 +20495,13 @@
|
|
|
20589
20495
|
"startLine": 2,
|
|
20590
20496
|
"startColumn": 1,
|
|
20591
20497
|
"endLine": 2,
|
|
20592
|
-
"endColumn": 25
|
|
20593
|
-
"snippet": {
|
|
20594
|
-
"text": "declare var define: any;"
|
|
20595
|
-
}
|
|
20498
|
+
"endColumn": 25
|
|
20596
20499
|
}
|
|
20597
20500
|
}
|
|
20598
20501
|
}
|
|
20599
20502
|
],
|
|
20600
20503
|
"ruleId": "no-var",
|
|
20601
|
-
"ruleIndex":
|
|
20504
|
+
"ruleIndex": 14,
|
|
20602
20505
|
"suppressions": [
|
|
20603
20506
|
{
|
|
20604
20507
|
"kind": "inSource",
|
|
@@ -20615,24 +20518,26 @@
|
|
|
20615
20518
|
{
|
|
20616
20519
|
"physicalLocation": {
|
|
20617
20520
|
"artifactLocation": {
|
|
20618
|
-
"uri": "src/loc/
|
|
20619
|
-
"index":
|
|
20521
|
+
"uri": "src/loc/pt-pt.ts",
|
|
20522
|
+
"index": 892
|
|
20620
20523
|
},
|
|
20621
20524
|
"region": {
|
|
20622
20525
|
"startLine": 2,
|
|
20623
20526
|
"startColumn": 21,
|
|
20624
20527
|
"endLine": 2,
|
|
20625
|
-
"endColumn": 24
|
|
20626
|
-
"snippet": {
|
|
20627
|
-
"text": "any"
|
|
20628
|
-
}
|
|
20528
|
+
"endColumn": 24
|
|
20629
20529
|
}
|
|
20630
20530
|
}
|
|
20631
20531
|
}
|
|
20632
20532
|
],
|
|
20633
20533
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20634
20534
|
"ruleIndex": 0,
|
|
20635
|
-
"suppressions": [
|
|
20535
|
+
"suppressions": [
|
|
20536
|
+
{
|
|
20537
|
+
"kind": "inSource",
|
|
20538
|
+
"justification": ""
|
|
20539
|
+
}
|
|
20540
|
+
]
|
|
20636
20541
|
},
|
|
20637
20542
|
{
|
|
20638
20543
|
"level": "error",
|
|
@@ -20650,16 +20555,13 @@
|
|
|
20650
20555
|
"startLine": 2,
|
|
20651
20556
|
"startColumn": 1,
|
|
20652
20557
|
"endLine": 2,
|
|
20653
|
-
"endColumn": 25
|
|
20654
|
-
"snippet": {
|
|
20655
|
-
"text": "declare var define: any;"
|
|
20656
|
-
}
|
|
20558
|
+
"endColumn": 25
|
|
20657
20559
|
}
|
|
20658
20560
|
}
|
|
20659
20561
|
}
|
|
20660
20562
|
],
|
|
20661
20563
|
"ruleId": "no-var",
|
|
20662
|
-
"ruleIndex":
|
|
20564
|
+
"ruleIndex": 14,
|
|
20663
20565
|
"suppressions": [
|
|
20664
20566
|
{
|
|
20665
20567
|
"kind": "inSource",
|
|
@@ -20676,24 +20578,26 @@
|
|
|
20676
20578
|
{
|
|
20677
20579
|
"physicalLocation": {
|
|
20678
20580
|
"artifactLocation": {
|
|
20679
|
-
"uri": "src/loc/
|
|
20680
|
-
"index":
|
|
20581
|
+
"uri": "src/loc/ro-ro.ts",
|
|
20582
|
+
"index": 893
|
|
20681
20583
|
},
|
|
20682
20584
|
"region": {
|
|
20683
20585
|
"startLine": 2,
|
|
20684
20586
|
"startColumn": 21,
|
|
20685
20587
|
"endLine": 2,
|
|
20686
|
-
"endColumn": 24
|
|
20687
|
-
"snippet": {
|
|
20688
|
-
"text": "any"
|
|
20689
|
-
}
|
|
20588
|
+
"endColumn": 24
|
|
20690
20589
|
}
|
|
20691
20590
|
}
|
|
20692
20591
|
}
|
|
20693
20592
|
],
|
|
20694
20593
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20695
20594
|
"ruleIndex": 0,
|
|
20696
|
-
"suppressions": [
|
|
20595
|
+
"suppressions": [
|
|
20596
|
+
{
|
|
20597
|
+
"kind": "inSource",
|
|
20598
|
+
"justification": ""
|
|
20599
|
+
}
|
|
20600
|
+
]
|
|
20697
20601
|
},
|
|
20698
20602
|
{
|
|
20699
20603
|
"level": "error",
|
|
@@ -20711,16 +20615,13 @@
|
|
|
20711
20615
|
"startLine": 2,
|
|
20712
20616
|
"startColumn": 1,
|
|
20713
20617
|
"endLine": 2,
|
|
20714
|
-
"endColumn": 25
|
|
20715
|
-
"snippet": {
|
|
20716
|
-
"text": "declare var define: any;"
|
|
20717
|
-
}
|
|
20618
|
+
"endColumn": 25
|
|
20718
20619
|
}
|
|
20719
20620
|
}
|
|
20720
20621
|
}
|
|
20721
20622
|
],
|
|
20722
20623
|
"ruleId": "no-var",
|
|
20723
|
-
"ruleIndex":
|
|
20624
|
+
"ruleIndex": 14,
|
|
20724
20625
|
"suppressions": [
|
|
20725
20626
|
{
|
|
20726
20627
|
"kind": "inSource",
|
|
@@ -20737,24 +20638,26 @@
|
|
|
20737
20638
|
{
|
|
20738
20639
|
"physicalLocation": {
|
|
20739
20640
|
"artifactLocation": {
|
|
20740
|
-
"uri": "src/loc/
|
|
20741
|
-
"index":
|
|
20641
|
+
"uri": "src/loc/ru-ru.ts",
|
|
20642
|
+
"index": 894
|
|
20742
20643
|
},
|
|
20743
20644
|
"region": {
|
|
20744
20645
|
"startLine": 2,
|
|
20745
20646
|
"startColumn": 21,
|
|
20746
20647
|
"endLine": 2,
|
|
20747
|
-
"endColumn": 24
|
|
20748
|
-
"snippet": {
|
|
20749
|
-
"text": "any"
|
|
20750
|
-
}
|
|
20648
|
+
"endColumn": 24
|
|
20751
20649
|
}
|
|
20752
20650
|
}
|
|
20753
20651
|
}
|
|
20754
20652
|
],
|
|
20755
20653
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20756
20654
|
"ruleIndex": 0,
|
|
20757
|
-
"suppressions": [
|
|
20655
|
+
"suppressions": [
|
|
20656
|
+
{
|
|
20657
|
+
"kind": "inSource",
|
|
20658
|
+
"justification": ""
|
|
20659
|
+
}
|
|
20660
|
+
]
|
|
20758
20661
|
},
|
|
20759
20662
|
{
|
|
20760
20663
|
"level": "error",
|
|
@@ -20772,16 +20675,13 @@
|
|
|
20772
20675
|
"startLine": 2,
|
|
20773
20676
|
"startColumn": 1,
|
|
20774
20677
|
"endLine": 2,
|
|
20775
|
-
"endColumn": 25
|
|
20776
|
-
"snippet": {
|
|
20777
|
-
"text": "declare var define: any;"
|
|
20778
|
-
}
|
|
20678
|
+
"endColumn": 25
|
|
20779
20679
|
}
|
|
20780
20680
|
}
|
|
20781
20681
|
}
|
|
20782
20682
|
],
|
|
20783
20683
|
"ruleId": "no-var",
|
|
20784
|
-
"ruleIndex":
|
|
20684
|
+
"ruleIndex": 14,
|
|
20785
20685
|
"suppressions": [
|
|
20786
20686
|
{
|
|
20787
20687
|
"kind": "inSource",
|
|
@@ -20798,24 +20698,26 @@
|
|
|
20798
20698
|
{
|
|
20799
20699
|
"physicalLocation": {
|
|
20800
20700
|
"artifactLocation": {
|
|
20801
|
-
"uri": "src/loc/
|
|
20802
|
-
"index":
|
|
20701
|
+
"uri": "src/loc/sk-sk.ts",
|
|
20702
|
+
"index": 895
|
|
20803
20703
|
},
|
|
20804
20704
|
"region": {
|
|
20805
20705
|
"startLine": 2,
|
|
20806
20706
|
"startColumn": 21,
|
|
20807
20707
|
"endLine": 2,
|
|
20808
|
-
"endColumn": 24
|
|
20809
|
-
"snippet": {
|
|
20810
|
-
"text": "any"
|
|
20811
|
-
}
|
|
20708
|
+
"endColumn": 24
|
|
20812
20709
|
}
|
|
20813
20710
|
}
|
|
20814
20711
|
}
|
|
20815
20712
|
],
|
|
20816
20713
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20817
20714
|
"ruleIndex": 0,
|
|
20818
|
-
"suppressions": [
|
|
20715
|
+
"suppressions": [
|
|
20716
|
+
{
|
|
20717
|
+
"kind": "inSource",
|
|
20718
|
+
"justification": ""
|
|
20719
|
+
}
|
|
20720
|
+
]
|
|
20819
20721
|
},
|
|
20820
20722
|
{
|
|
20821
20723
|
"level": "error",
|
|
@@ -20833,16 +20735,13 @@
|
|
|
20833
20735
|
"startLine": 2,
|
|
20834
20736
|
"startColumn": 1,
|
|
20835
20737
|
"endLine": 2,
|
|
20836
|
-
"endColumn": 25
|
|
20837
|
-
"snippet": {
|
|
20838
|
-
"text": "declare var define: any;"
|
|
20839
|
-
}
|
|
20738
|
+
"endColumn": 25
|
|
20840
20739
|
}
|
|
20841
20740
|
}
|
|
20842
20741
|
}
|
|
20843
20742
|
],
|
|
20844
20743
|
"ruleId": "no-var",
|
|
20845
|
-
"ruleIndex":
|
|
20744
|
+
"ruleIndex": 14,
|
|
20846
20745
|
"suppressions": [
|
|
20847
20746
|
{
|
|
20848
20747
|
"kind": "inSource",
|
|
@@ -20859,24 +20758,26 @@
|
|
|
20859
20758
|
{
|
|
20860
20759
|
"physicalLocation": {
|
|
20861
20760
|
"artifactLocation": {
|
|
20862
|
-
"uri": "src/loc/
|
|
20863
|
-
"index":
|
|
20761
|
+
"uri": "src/loc/sr-latn-rs.ts",
|
|
20762
|
+
"index": 896
|
|
20864
20763
|
},
|
|
20865
20764
|
"region": {
|
|
20866
20765
|
"startLine": 2,
|
|
20867
20766
|
"startColumn": 21,
|
|
20868
20767
|
"endLine": 2,
|
|
20869
|
-
"endColumn": 24
|
|
20870
|
-
"snippet": {
|
|
20871
|
-
"text": "any"
|
|
20872
|
-
}
|
|
20768
|
+
"endColumn": 24
|
|
20873
20769
|
}
|
|
20874
20770
|
}
|
|
20875
20771
|
}
|
|
20876
20772
|
],
|
|
20877
20773
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20878
20774
|
"ruleIndex": 0,
|
|
20879
|
-
"suppressions": [
|
|
20775
|
+
"suppressions": [
|
|
20776
|
+
{
|
|
20777
|
+
"kind": "inSource",
|
|
20778
|
+
"justification": ""
|
|
20779
|
+
}
|
|
20780
|
+
]
|
|
20880
20781
|
},
|
|
20881
20782
|
{
|
|
20882
20783
|
"level": "error",
|
|
@@ -20894,16 +20795,13 @@
|
|
|
20894
20795
|
"startLine": 2,
|
|
20895
20796
|
"startColumn": 1,
|
|
20896
20797
|
"endLine": 2,
|
|
20897
|
-
"endColumn": 25
|
|
20898
|
-
"snippet": {
|
|
20899
|
-
"text": "declare var define: any;"
|
|
20900
|
-
}
|
|
20798
|
+
"endColumn": 25
|
|
20901
20799
|
}
|
|
20902
20800
|
}
|
|
20903
20801
|
}
|
|
20904
20802
|
],
|
|
20905
20803
|
"ruleId": "no-var",
|
|
20906
|
-
"ruleIndex":
|
|
20804
|
+
"ruleIndex": 14,
|
|
20907
20805
|
"suppressions": [
|
|
20908
20806
|
{
|
|
20909
20807
|
"kind": "inSource",
|
|
@@ -20920,24 +20818,26 @@
|
|
|
20920
20818
|
{
|
|
20921
20819
|
"physicalLocation": {
|
|
20922
20820
|
"artifactLocation": {
|
|
20923
|
-
"uri": "src/loc/
|
|
20924
|
-
"index":
|
|
20821
|
+
"uri": "src/loc/sv-se.ts",
|
|
20822
|
+
"index": 897
|
|
20925
20823
|
},
|
|
20926
20824
|
"region": {
|
|
20927
20825
|
"startLine": 2,
|
|
20928
20826
|
"startColumn": 21,
|
|
20929
20827
|
"endLine": 2,
|
|
20930
|
-
"endColumn": 24
|
|
20931
|
-
"snippet": {
|
|
20932
|
-
"text": "any"
|
|
20933
|
-
}
|
|
20828
|
+
"endColumn": 24
|
|
20934
20829
|
}
|
|
20935
20830
|
}
|
|
20936
20831
|
}
|
|
20937
20832
|
],
|
|
20938
20833
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20939
20834
|
"ruleIndex": 0,
|
|
20940
|
-
"suppressions": [
|
|
20835
|
+
"suppressions": [
|
|
20836
|
+
{
|
|
20837
|
+
"kind": "inSource",
|
|
20838
|
+
"justification": ""
|
|
20839
|
+
}
|
|
20840
|
+
]
|
|
20941
20841
|
},
|
|
20942
20842
|
{
|
|
20943
20843
|
"level": "error",
|
|
@@ -20955,16 +20855,73 @@
|
|
|
20955
20855
|
"startLine": 2,
|
|
20956
20856
|
"startColumn": 1,
|
|
20957
20857
|
"endLine": 2,
|
|
20958
|
-
"endColumn": 25
|
|
20959
|
-
|
|
20960
|
-
|
|
20961
|
-
|
|
20858
|
+
"endColumn": 25
|
|
20859
|
+
}
|
|
20860
|
+
}
|
|
20861
|
+
}
|
|
20862
|
+
],
|
|
20863
|
+
"ruleId": "no-var",
|
|
20864
|
+
"ruleIndex": 14,
|
|
20865
|
+
"suppressions": [
|
|
20866
|
+
{
|
|
20867
|
+
"kind": "inSource",
|
|
20868
|
+
"justification": ""
|
|
20869
|
+
}
|
|
20870
|
+
]
|
|
20871
|
+
},
|
|
20872
|
+
{
|
|
20873
|
+
"level": "warning",
|
|
20874
|
+
"message": {
|
|
20875
|
+
"text": "Unexpected any. Specify a different type."
|
|
20876
|
+
},
|
|
20877
|
+
"locations": [
|
|
20878
|
+
{
|
|
20879
|
+
"physicalLocation": {
|
|
20880
|
+
"artifactLocation": {
|
|
20881
|
+
"uri": "src/loc/tr-tr.ts",
|
|
20882
|
+
"index": 898
|
|
20883
|
+
},
|
|
20884
|
+
"region": {
|
|
20885
|
+
"startLine": 2,
|
|
20886
|
+
"startColumn": 21,
|
|
20887
|
+
"endLine": 2,
|
|
20888
|
+
"endColumn": 24
|
|
20889
|
+
}
|
|
20890
|
+
}
|
|
20891
|
+
}
|
|
20892
|
+
],
|
|
20893
|
+
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
20894
|
+
"ruleIndex": 0,
|
|
20895
|
+
"suppressions": [
|
|
20896
|
+
{
|
|
20897
|
+
"kind": "inSource",
|
|
20898
|
+
"justification": ""
|
|
20899
|
+
}
|
|
20900
|
+
]
|
|
20901
|
+
},
|
|
20902
|
+
{
|
|
20903
|
+
"level": "error",
|
|
20904
|
+
"message": {
|
|
20905
|
+
"text": "Unexpected var, use let or const instead."
|
|
20906
|
+
},
|
|
20907
|
+
"locations": [
|
|
20908
|
+
{
|
|
20909
|
+
"physicalLocation": {
|
|
20910
|
+
"artifactLocation": {
|
|
20911
|
+
"uri": "src/loc/vi-vn.ts",
|
|
20912
|
+
"index": 899
|
|
20913
|
+
},
|
|
20914
|
+
"region": {
|
|
20915
|
+
"startLine": 2,
|
|
20916
|
+
"startColumn": 1,
|
|
20917
|
+
"endLine": 2,
|
|
20918
|
+
"endColumn": 25
|
|
20962
20919
|
}
|
|
20963
20920
|
}
|
|
20964
20921
|
}
|
|
20965
20922
|
],
|
|
20966
20923
|
"ruleId": "no-var",
|
|
20967
|
-
"ruleIndex":
|
|
20924
|
+
"ruleIndex": 14,
|
|
20968
20925
|
"suppressions": [
|
|
20969
20926
|
{
|
|
20970
20927
|
"kind": "inSource",
|
|
@@ -20988,17 +20945,19 @@
|
|
|
20988
20945
|
"startLine": 2,
|
|
20989
20946
|
"startColumn": 21,
|
|
20990
20947
|
"endLine": 2,
|
|
20991
|
-
"endColumn": 24
|
|
20992
|
-
"snippet": {
|
|
20993
|
-
"text": "any"
|
|
20994
|
-
}
|
|
20948
|
+
"endColumn": 24
|
|
20995
20949
|
}
|
|
20996
20950
|
}
|
|
20997
20951
|
}
|
|
20998
20952
|
],
|
|
20999
20953
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
21000
20954
|
"ruleIndex": 0,
|
|
21001
|
-
"suppressions": [
|
|
20955
|
+
"suppressions": [
|
|
20956
|
+
{
|
|
20957
|
+
"kind": "inSource",
|
|
20958
|
+
"justification": ""
|
|
20959
|
+
}
|
|
20960
|
+
]
|
|
21002
20961
|
},
|
|
21003
20962
|
{
|
|
21004
20963
|
"level": "error",
|
|
@@ -21009,23 +20968,20 @@
|
|
|
21009
20968
|
{
|
|
21010
20969
|
"physicalLocation": {
|
|
21011
20970
|
"artifactLocation": {
|
|
21012
|
-
"uri": "src/loc/
|
|
21013
|
-
"index":
|
|
20971
|
+
"uri": "src/loc/zh-cn.ts",
|
|
20972
|
+
"index": 900
|
|
21014
20973
|
},
|
|
21015
20974
|
"region": {
|
|
21016
20975
|
"startLine": 2,
|
|
21017
20976
|
"startColumn": 1,
|
|
21018
20977
|
"endLine": 2,
|
|
21019
|
-
"endColumn": 25
|
|
21020
|
-
"snippet": {
|
|
21021
|
-
"text": "declare var define: any;"
|
|
21022
|
-
}
|
|
20978
|
+
"endColumn": 25
|
|
21023
20979
|
}
|
|
21024
20980
|
}
|
|
21025
20981
|
}
|
|
21026
20982
|
],
|
|
21027
20983
|
"ruleId": "no-var",
|
|
21028
|
-
"ruleIndex":
|
|
20984
|
+
"ruleIndex": 14,
|
|
21029
20985
|
"suppressions": [
|
|
21030
20986
|
{
|
|
21031
20987
|
"kind": "inSource",
|
|
@@ -21049,17 +21005,19 @@
|
|
|
21049
21005
|
"startLine": 2,
|
|
21050
21006
|
"startColumn": 21,
|
|
21051
21007
|
"endLine": 2,
|
|
21052
|
-
"endColumn": 24
|
|
21053
|
-
"snippet": {
|
|
21054
|
-
"text": "any"
|
|
21055
|
-
}
|
|
21008
|
+
"endColumn": 24
|
|
21056
21009
|
}
|
|
21057
21010
|
}
|
|
21058
21011
|
}
|
|
21059
21012
|
],
|
|
21060
21013
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
21061
21014
|
"ruleIndex": 0,
|
|
21062
|
-
"suppressions": [
|
|
21015
|
+
"suppressions": [
|
|
21016
|
+
{
|
|
21017
|
+
"kind": "inSource",
|
|
21018
|
+
"justification": ""
|
|
21019
|
+
}
|
|
21020
|
+
]
|
|
21063
21021
|
},
|
|
21064
21022
|
{
|
|
21065
21023
|
"level": "error",
|
|
@@ -21070,23 +21028,20 @@
|
|
|
21070
21028
|
{
|
|
21071
21029
|
"physicalLocation": {
|
|
21072
21030
|
"artifactLocation": {
|
|
21073
|
-
"uri": "src/loc/zh-
|
|
21074
|
-
"index":
|
|
21031
|
+
"uri": "src/loc/zh-tw.ts",
|
|
21032
|
+
"index": 901
|
|
21075
21033
|
},
|
|
21076
21034
|
"region": {
|
|
21077
21035
|
"startLine": 2,
|
|
21078
21036
|
"startColumn": 1,
|
|
21079
21037
|
"endLine": 2,
|
|
21080
|
-
"endColumn": 25
|
|
21081
|
-
"snippet": {
|
|
21082
|
-
"text": "declare var define: any;"
|
|
21083
|
-
}
|
|
21038
|
+
"endColumn": 25
|
|
21084
21039
|
}
|
|
21085
21040
|
}
|
|
21086
21041
|
}
|
|
21087
21042
|
],
|
|
21088
21043
|
"ruleId": "no-var",
|
|
21089
|
-
"ruleIndex":
|
|
21044
|
+
"ruleIndex": 14,
|
|
21090
21045
|
"suppressions": [
|
|
21091
21046
|
{
|
|
21092
21047
|
"kind": "inSource",
|
|
@@ -21110,44 +21065,13 @@
|
|
|
21110
21065
|
"startLine": 2,
|
|
21111
21066
|
"startColumn": 21,
|
|
21112
21067
|
"endLine": 2,
|
|
21113
|
-
"endColumn": 24
|
|
21114
|
-
"snippet": {
|
|
21115
|
-
"text": "any"
|
|
21116
|
-
}
|
|
21068
|
+
"endColumn": 24
|
|
21117
21069
|
}
|
|
21118
21070
|
}
|
|
21119
21071
|
}
|
|
21120
21072
|
],
|
|
21121
21073
|
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
21122
21074
|
"ruleIndex": 0,
|
|
21123
|
-
"suppressions": []
|
|
21124
|
-
},
|
|
21125
|
-
{
|
|
21126
|
-
"level": "error",
|
|
21127
|
-
"message": {
|
|
21128
|
-
"text": "Unexpected var, use let or const instead."
|
|
21129
|
-
},
|
|
21130
|
-
"locations": [
|
|
21131
|
-
{
|
|
21132
|
-
"physicalLocation": {
|
|
21133
|
-
"artifactLocation": {
|
|
21134
|
-
"uri": "src/loc/zh-tw.ts",
|
|
21135
|
-
"index": 901
|
|
21136
|
-
},
|
|
21137
|
-
"region": {
|
|
21138
|
-
"startLine": 2,
|
|
21139
|
-
"startColumn": 1,
|
|
21140
|
-
"endLine": 2,
|
|
21141
|
-
"endColumn": 25,
|
|
21142
|
-
"snippet": {
|
|
21143
|
-
"text": "declare var define: any;"
|
|
21144
|
-
}
|
|
21145
|
-
}
|
|
21146
|
-
}
|
|
21147
|
-
}
|
|
21148
|
-
],
|
|
21149
|
-
"ruleId": "no-var",
|
|
21150
|
-
"ruleIndex": 15,
|
|
21151
21075
|
"suppressions": [
|
|
21152
21076
|
{
|
|
21153
21077
|
"kind": "inSource",
|
|
@@ -21327,7 +21251,7 @@
|
|
|
21327
21251
|
}
|
|
21328
21252
|
],
|
|
21329
21253
|
"ruleId": "no-async-promise-executor",
|
|
21330
|
-
"ruleIndex":
|
|
21254
|
+
"ruleIndex": 15,
|
|
21331
21255
|
"suppressions": [
|
|
21332
21256
|
{
|
|
21333
21257
|
"kind": "inSource",
|
|
@@ -22366,14 +22290,14 @@
|
|
|
22366
22290
|
"endLine": 3259,
|
|
22367
22291
|
"endColumn": 1,
|
|
22368
22292
|
"snippet": {
|
|
22369
|
-
"text": " </div>\n }\n {controlVisibility.ListItemPicker &&\n <div id=\"ListItemPickerDiv\" className={styles.container}>\n <div className=\"ms-font-m\">List Item picker list data tester:\n\n <ListItemPicker listId={'b1416fca-dc77-4198-a082-62a7657dcfa9'}\n columnInternalName=\"DateAndTime\"\n keyColumnInternalName=\"Id\"\n // filter={\"Title eq 'SPFx'\"}\n orderBy={'Title desc'}\n itemLimit={5}\n context={this.props.context}\n placeholder={'Select list items'}\n onSelectedItem={this.listItemPickerDataSelected} />\n\n </div>\n </div>\n }\n {controlVisibility.ListItemComments &&\n <div id=\"ListItemCommentsDiv\" className={styles.container}>\n <div className=\"ms-font-m\">List Item Comments Tester\n <ListItemComments webUrl='https://contoso.sharepoint.com/sites/ThePerspective'\n listId='6f151a33-a7af-4fae-b8c4-f2f04cbc690f'\n itemId={\"1\"}\n serviceScope={this.props.context.serviceScope}\n numberCommentsPerPage={10}\n label=\"ListItem Comments\"\n />\n </div>\n </div>\n }\n {controlVisibility.ViewPicker &&\n <div id=\"ViewPickerDiv\" className={styles.container}>\n <div className=\"ms-font-m\">View picker tester:\n <ViewPicker context={this.props.context}\n label=\"Select view(s)\"\n listId={\"9f3908cd-1e88-4ab3-ac42-08efbbd64ec9\"}\n placeholder={'Select list view(s)'}\n orderBy={1}\n multiSelect={true}\n onSelectionChanged={this.onViewPickerChange} />\n </div>\n </div>\n }\n {controlVisibility.FieldPicker &&\n <div id=\"FieldPickerDiv\" className={styles.container}>\n <div className=\"ms-font-m\">Field picker tester:\n <FieldPicker\n context={this.props.context}\n label={'Select a field'}\n listId={this.state.selectedList}\n onSelectionChanged={(fields) => {\n console.log(fields);\n }}\n />\n </div>\n </div>\n }\n {controlVisibility.IconPicker &&\n <div id=\"IconPickerDiv\" className={styles.container}>\n <div>Icon Picker</div>\n <div>\n <IconPicker\n renderOption=\"panel\"\n onSave={(value) => { console.log(value); }}\n currentIcon={'Warning'}\n buttonLabel=\"Icon Picker\" />\n </div>\n <IconPicker buttonLabel={'Icon'}\n onChange={(iconName: string) => { console.log(iconName); }}\n onCancel={() => { console.log(\"Panel closed\"); }}\n onSave={(iconName: string) => { console.log(iconName); }} />\n </div>\n }\n {controlVisibility.ComboBoxListItemPicker &&\n <div id=\"ComboBoxListItemPickerDiv\" className={styles.container}>\n <div className=\"ms-font-m\">ComboBoxListItemPicker:\n\n <ComboBoxListItemPicker listId={this.state.comboBoxListItemPickerListId}\n columnInternalName='Title'\n keyColumnInternalName='Id'\n orderBy='Title desc'\n multiSelect={true}\n onSelectedItem={(data) => {\n console.log(`Item(s):`, data);\n }}\n defaultSelectedItems={this.state.comboBoxListItemPickerIds}\n webUrl={this.props.context.pageContext.web.absoluteUrl}\n spHttpClient={this.props.context.spHttpClient} />\n\n <PrimaryButton text=\"Change List\" onClick={() => {\n this.setState({\n comboBoxListItemPickerListId: '71210430-8436-4962-a14d-5525475abd6b'\n });\n }} />\n <PrimaryButton text=\"Change default items\" onClick={() => {\n this.setState({\n comboBoxListItemPickerIds: [{ Id: 2, Title: '222' }]\n });\n }} />\n\n </div>\n </div>\n }\n {controlVisibility.IFrameDialog &&\n <div id=\"IFrameDialogDiv\" className={styles.container}>\n <div className=\"ms-font-m\">iframe dialog tester:\n <PrimaryButton\n text=\"Open iframe Dialog\"\n onClick={() => { this.setState({ iFrameDialogOpened: true }); }} />\n <IFrameDialog\n url={iframeUrl}\n iframeOnLoad={(iframe: any) => { console.log('iframe loaded'); }}\n hidden={!this.state.iFrameDialogOpened}\n onDismiss={() => { this.setState({ iFrameDialogOpened: false }); }}\n modalProps={{\n isBlocking: true,\n styles: {\n root: {\n backgroundColor: '#00ff00'\n },\n main: {\n backgroundColor: '#ff0000'\n }\n }\n }}\n dialogContentProps={{\n type: DialogType.close,\n showCloseButton: true\n }}\n width={'570px'}\n height={'315px'} />\n </div>\n </div>\n }\n {controlVisibility.IFramePanel &&\n <div id=\"IFramePanelDiv\" className={styles.container}>\n <div className=\"ms-font-m\">iframe Panel tester:\n <PrimaryButton\n text=\"Open iframe Panel\"\n onClick={() => { this.setState({ iFramePanelOpened: true }); }} />\n <IFramePanel\n url={iframeUrl}\n type={PanelType.medium}\n // height=\"300px\"\n headerText=\"iframe panel title\"\n closeButtonAriaLabel=\"Close\"\n isOpen={this.state.iFramePanelOpened}\n onDismiss={() => { this.setState({ iFramePanelOpened: false }); }}\n iframeOnLoad={(iframe: any) => { console.log('iframe loaded'); }}\n />\n </div>\n </div>\n }\n {controlVisibility.ImagePicker &&\n <div id=\"ImagePickerDiv\" className={styles.container}>\n <ImagePicker\n context={this.props.context}\n onFileSelected={(file) => { console.log(file); this.setState({ selectedUrlImagePicker: file.fileAbsoluteUrl }); }}\n onDeleteFile={() => { console.log('file deleted'); }}\n selectedFileUrl={this.state.selectedUrlImagePicker}\n />\n </div>\n }\n {controlVisibility.FolderPicker &&\n <div id=\"FolderPickerDiv\" className={styles.container}>\n <FolderPicker context={this.props.context}\n rootFolder={{\n Name: 'Documents',\n ServerRelativeUrl: `${this.props.context.pageContext.web.serverRelativeUrl === '/' ? '' : this.props.context.pageContext.web.serverRelativeUrl}/Shared Documents`\n }}\n onSelect={this._onFolderSelect}\n label='Folder Picker'\n required={true}\n canCreateFolders={true}\n />\n </div>\n }\n <div id=\"FilterBarDiv\" className={styles.container} hidden={!controlVisibility.FilterBar}>\n <FilterBar items={this.state.filters} inlineItemCount={3} onClearFilters={this.onClearFilters} onRemoveFilter={this.onRemoveFilter} />\n <button onClick={this.addFilter}>Add new filter</button>\n </div>\n {controlVisibility.Carousel &&\n\n <div id=\"CarouselDiv\" className={styles.container}>\n <div>\n <h3>Carousel with fixed elements:</h3>\n <Carousel\n buttonsLocation={CarouselButtonsLocation.top}\n buttonsDisplay={CarouselButtonsDisplay.block}\n\n contentContainerStyles={styles.carouselContent}\n containerButtonsStyles={styles.carouselButtonsContainer}\n\n isInfinite={true}\n\n element={this.carouselElements}\n onMovePrevClicked={(index: number) => { console.log(`Prev button clicked: ${index}`); }}\n />\n </div>\n <div>\n <h3>Carousel with CarouselImage elements:</h3>\n <Carousel\n buttonsLocation={CarouselButtonsLocation.center}\n buttonsDisplay={CarouselButtonsDisplay.buttonsOnly}\n\n contentContainerStyles={styles.carouselImageContent}\n //containerButtonsStyles={styles.carouselButtonsContainer}\n\n isInfinite={true}\n indicatorShape={CarouselIndicatorShape.circle}\n indicatorsDisplay={CarouselIndicatorsDisplay.block}\n pauseOnHover={true}\n\n element={[\n {\n imageSrc: 'https://images.unsplash.com/photo-1588614959060-4d144f28b207?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=3078&q=80',\n title: 'Colosseum',\n description: 'This is Colosseum',\n url: 'https://en.wikipedia.org/wiki/Colosseum',\n showDetailsOnHover: true,\n imageFit: ImageFit.cover\n },\n {\n imageSrc: 'https://www.telegraph.co.uk/content/dam/science/2018/06/20/stonehenge-2326750_1920_trans%2B%2BZgEkZX3M936N5BQK4Va8RWtT0gK_6EfZT336f62EI5U.jpg',\n title: 'Stonehenge',\n description: 'This is Stonehendle',\n url: 'https://en.wikipedia.org/wiki/Stonehenge',\n showDetailsOnHover: true,\n imageFit: ImageFit.cover\n },\n {\n imageSrc: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/All_Gizah_Pyramids.jpg/2560px-All_Gizah_Pyramids.jpg',\n title: 'Pyramids of Giza',\n description: 'This are Pyramids of Giza (Egypt)',\n url: 'https://en.wikipedia.org/wiki/Egyptian_pyramids',\n showDetailsOnHover: true,\n imageFit: ImageFit.cover\n }\n ]}\n onMoveNextClicked={(index: number) => { console.log(`Next button clicked: ${index}`); }}\n onMovePrevClicked={(index: number) => { console.log(`Prev button clicked: ${index}`); }}\n rootStyles={mergeStyles({\n backgroundColor: '#C3C3C3'\n })}\n />\n </div>\n <div>\n <h3>Carousel with triggerPageElement:</h3>\n <Carousel\n buttonsLocation={CarouselButtonsLocation.bottom}\n buttonsDisplay={CarouselButtonsDisplay.buttonsOnly}\n\n contentContainerStyles={styles.carouselContent}\n\n canMoveNext={this.state.canMoveNext}\n canMovePrev={this.state.canMovePrev}\n triggerPageEvent={this.triggerNextElement}\n element={this.state.currentCarouselElement}\n />\n </div>\n <div>\n <h3>Carousel with minimal configuration:</h3>\n <Carousel\n element={this.carouselElements}\n contentHeight={200}\n />\n </div>\n </div>\n }\n {controlVisibility.SiteBreadcrumb &&\n <div id=\"SiteBreadcrumbDiv\" className={styles.container}>\n <div className={styles.siteBreadcrumb}>\n <SiteBreadcrumb context={this.props.context} />\n </div>\n </div>\n }\n {controlVisibility.FilePicker &&\n <div id=\"FilePickerDiv\" className={styles.container}>\n <div>\n <h3>File Picker</h3>\n <TextField\n label=\"Default SiteFileTab Folder\"\n onChange={debounce((ev, newVal) => { this.setState({ filePickerDefaultFolderAbsolutePath: newVal }); }, 500)}\n styles={{ root: { marginBottom: 10 } }}\n />\n <FilePicker\n bingAPIKey=\"<BING API KEY>\"\n //webAbsoluteUrl=\"https://023xn.sharepoint.com/sites/test1\"\n //defaultFolderAbsolutePath={\"https://aterentiev.sharepoint.com/sites/SPFxinTeamsDemo/Shared%20Documents/General\"}\n //accepts={[\".gif\", \".jpg\", \".jpeg\", \".bmp\", \".dib\", \".tif\", \".tiff\", \".ico\", \".png\", \".jxr\", \".svg\"]}\n buttonLabel=\"Add File\"\n buttonIconProps={{ iconName: 'Add', styles: { root: { fontSize: 42 } } }}\n onSave={this._onFilePickerSave}\n onChange={(filePickerResult: IFilePickerResult[]) => { console.log(filePickerResult); }}\n context={this.props.context}\n hideRecentTab={false}\n includePageLibraries={true}\n checkIfFileExists={false}\n />\n {\n this.state.filePickerResult &&\n <div>\n <div>\n FileName: {this.state.filePickerResult[0].fileName}\n </div>\n <div>\n File size: {GeneralHelper.formatBytes(this.state.filePickerResult[0].fileSize, 2)}\n </div>\n </div>\n }\n </div>\n\n <div>\n <h3>File Picker with target folder browser</h3>\n <FilePicker\n bingAPIKey=\"<BING API KEY>\"\n //accepts={[\".gif\", \".jpg\", \".jpeg\", \".bmp\", \".dib\", \".tif\", \".tiff\", \".ico\", \".png\", \".jxr\", \".svg\"]}\n buttonLabel=\"Upload image\"\n buttonIcon=\"FileImage\"\n onSave={this._onFilePickerSave}\n onChange={(filePickerResult: IFilePickerResult[]) => { console.log(filePickerResult); }}\n context={this.props.context}\n hideRecentTab={false}\n renderCustomUploadTabContent={() => (\n <FolderExplorer context={this.props.context}\n rootFolder={this.rootFolder}\n defaultFolder={this.rootFolder}\n onSelect={this._onFolderSelect}\n canCreateFolders={true}\n />)}\n />\n </div>\n <p><a href=\"javascript:;\" onClick={this.deleteItem}>Deletes second item</a></p>\n </div>\n }\n {controlVisibility.Progress &&\n <div id=\"ProgressDiv\" className={styles.container}>\n <Progress title={'Progress Test'}\n showOverallProgress={true}\n showIndeterminateOverallProgress={false}\n hideNotStartedActions={false}\n actions={this.state.progressActions}\n currentActionIndex={this.state.currentProgressActionIndex}\n longRunningText={'This operation takes longer than expected'}\n longRunningTextDisplayDelay={7000}\n height={'350px'}\n inProgressIconName={'ChromeBackMirrored'} />\n <PrimaryButton text={'Start Progress'} onClick={this._startProgress} />\n </div>\n }\n {controlVisibility.ProgressStepsIndicator &&\n <div id=\"ProgressStepsIndicatorDiv\" className={styles.container}>\n <ProgressStepsIndicator steps={this.progressSteps} currentStep={0} themeVariant={this.props.themeVariant} />\n </div>\n }\n {controlVisibility.Toast &&\n <div id=\"ToastDiv\" className={styles.container}>\n <h3>Toast</h3>\n <Toast\n title=\"Decision saved\"\n body=\"This native Fluent UI toast will dismiss after five seconds.\"\n subtitle=\"Controls Test\"\n intent=\"success\"\n dismissible\n autoDismiss\n duration={5}\n durationUnit=\"seconds\"\n />\n </div>\n }\n {controlVisibility.GridLayout &&\n <div id=\"GridLayoutDiv\" className={styles.container}>\n <div className=\"ms-font-l\">Grid Layout</div>\n <GridLayout\n ariaLabel={\"List of content, use right and left arrow keys to navigate, arrow down to access details.\"}\n items={sampleGridData}\n onRenderGridItem={(item: any, finalSize: ISize, isCompact: boolean) => this._onRenderGridItem(item, finalSize, isCompact)}\n itemMinWidth={250}\n itemMaxWidth={600}\n itemPadding={60}\n //compactThreshold={220}\n //rowsPerPage={1}\n />\n </div>\n }\n {controlVisibility.HoverReactionsBar &&\n <div ref={this.divRefAddReaction} id=\"HoverReactionsBarDiv\" className={styles.container}>\n <PrimaryButton text=\"Open HoverReactionsBar\" onClick={() => { this.setState({ isOpenHoverReactionBar: true }); }} />\n <HoverReactionsBar\n isOpen={this.state.isOpenHoverReactionBar}\n onSelect={(emoji, emojiInfo) => { console.log(emoji); }}\n onDismiss={(): void => {\n this.setState({ isOpenHoverReactionBar: false });\n }}\n target={this.divRefAddReaction.current as HTMLDivElement} />\n </div>\n }\n {controlVisibility.FolderExplorer &&\n <div id=\"FolderExplorerDiv\" className={styles.container}>\n <FolderExplorer\n context={this.props.context}\n rootFolder={{\n Name: 'Documents',\n ServerRelativeUrl: `${this.props.context.pageContext.web.serverRelativeUrl === '/' ? '' : this.props.context.pageContext.web.serverRelativeUrl}/Shared Documents`\n }}\n defaultFolder={{\n Name: 'Documents',\n ServerRelativeUrl: `${this.props.context.pageContext.web.serverRelativeUrl === '/' ? '' : this.props.context.pageContext.web.serverRelativeUrl}/Shared Documents`\n }}\n onSelect={this._onFolderSelect}\n canCreateFolders={true}\n orderby='Name' //'ListItemAllFields/Created'\n orderAscending={true}\n showFiles={true}\n onFileClick={this._onFileClick}\n />\n </div>\n }\n {controlVisibility.TreeView &&\n <div id=\"TreeViewDiv\" className={styles.container}>\n <h3>Tree View</h3>\n <TreeView items={this.treeitems}\n defaultExpanded={false}\n selectionMode={TreeViewSelectionMode.Multiple}\n showCheckboxes={true}\n treeItemActionsDisplayMode={TreeItemActionsDisplayMode.ContextualMenu}\n defaultSelectedKeys={this.state.treeViewSelectedKeys}\n onExpandCollapse={this.onExpandCollapseTree}\n onSelect={this.onItemSelected}\n defaultExpandedChildren={true}\n theme={this.props.themeVariant}\n //expandToSelected={true}\n // onRenderItem={this.renderCustomTreeItem}\n />\n <PrimaryButton onClick={() => { this.setState({ treeViewSelectedKeys: [] }); }}>Clear selection</PrimaryButton>\n </div>\n }\n {controlVisibility.Pagination &&\n <div id=\"PaginationDiv\" className={styles.container}>\n <Pagination\n currentPage={3}\n onChange={(page) => (this._getPage(page))}\n totalPages={this.props.paginationTotalPages || 13}\n //limiter={3}\n // hideFirstPageJump\n //hideLastPageJump\n //limiterIcon={\"NumberedListText\"}\n />\n </div>\n }\n {controlVisibility.FieldCollectionData &&\n <div id=\"FieldCollectionDataDiv\" className={styles.container}>\n <FieldCollectionData\n key={\"FieldCollectionData\"}\n label={\"Fields Collection\"}\n itemsPerPage={3}\n manageBtnLabel={\"Manage\"}\n onChanged={(value) => { console.log(value); }}\n panelHeader={\"Manage values\"}\n enableSorting={true}\n panelProps={{ type: PanelType.custom, customWidth: \"98vw\" }}\n fields={[\n { id: \"Field1\", title: \"String field\", type: CustomCollectionFieldType.string, required: true },\n { id: \"Field2\", title: \"Number field\", type: CustomCollectionFieldType.number },\n { id: \"Field3\", title: \"URL field\", type: CustomCollectionFieldType.url },\n { id: \"Field4\", title: \"Boolean field\", type: CustomCollectionFieldType.boolean },\n {\n id: \"Field5\", title: \"People picker\", type: CustomCollectionFieldType.peoplepicker, required: true,\n minimumUsers: 2, minimumUsersMessage: \"2 Users is the minimum\", maximumUsers: 3,\n },\n {\n id: \"Field6\", title: \"Combo Single\", type: CustomCollectionFieldType.combobox, required: true,\n multiSelect: false, options: [{ key: \"choice 1\", text: \"choice 1\" }, { key: \"choice 2\", text: \"choice 2\" }, { key: \"choice 3\", text: \"choice 3\" }]\n },\n {\n id: \"Field7\", title: \"Combo Multi\", type: CustomCollectionFieldType.combobox,\n allowFreeform: true, multiSelect: true, options: [{ key: \"choice 1\", text: \"choice 1\" }, { key: \"choice 2\", text: \"choice 2\" }, { key: \"choice 3\", text: \"choice 3\" }]\n },\n { id: \"Field8\", title: \"Date field\", type: CustomCollectionFieldType.date, placeholder: \"Select a date\" }\n ]}\n value={this.getRandomCollectionFieldData()}\n\n // value = {null}\n context={this.props.context as any} //error when this is omitted and people picker is used\n usePanel={true}\n noDataMessage=\"No data is selected\" //overrides the default message\n />\n </div>\n }\n {controlVisibility.ContentTypePicker &&\n <ContentTypePicker\n context={this.props.context}\n // group=\"Content Feedback\"\n // includeHidden={false}\n // includeReadOnly={false}\n // label=\"Select your content type\"\n // multiSelect={false}\n // orderBy={ContentTypesOrderBy.Name}\n // listId=\"00000000-0000-0000-0000-000000000000\"\n // onSelectionChanged={this.onContentTypePickerChanged}\n // showBlankOption={true}\n />\n }\n {controlVisibility.Dashboard &&\n <div id=\"DashboardDiv\" className={styles.container}>\n <Dashboard\n widgets={[{\n title: \"Card 1\",\n desc: \"Last updated Monday, April 4 at 11:15 AM (PT)\",\n widgetActionGroup: calloutItemsExample,\n size: WidgetSize.Quadruple,\n body: [\n {\n id: \"t1\",\n title: \"Tab 1\",\n content: (\n <Flex\n vAlign=\"center\"\n hAlign=\"center\"\n styles={{ height: \"100%\", border: \"1px dashed rgb(179, 176, 173)\" }}\n >\n <NorthstarText size=\"large\" weight=\"semibold\">\n Content #1\n </NorthstarText>\n </Flex>\n ),\n },\n {\n id: \"t2\",\n title: \"Tab 2\",\n content: (\n <Flex\n vAlign=\"center\"\n hAlign=\"center\"\n styles={{ height: \"100%\", border: \"1px dashed rgb(179, 176, 173)\" }}\n >\n <NorthstarText size=\"large\" weight=\"semibold\">\n Content #2\n </NorthstarText>\n </Flex>\n ),\n },\n {\n id: \"t3\",\n title: \"Tab 3\",\n content: (\n <Flex\n vAlign=\"center\"\n hAlign=\"center\"\n styles={{ height: \"100%\", border: \"1px dashed rgb(179, 176, 173)\" }}\n >\n <NorthstarText size=\"large\" weight=\"semibold\">\n Content #3\n </NorthstarText>\n </Flex>\n ),\n },\n ],\n link: linkExample,\n },\n {\n title: \"Card 2\",\n size: WidgetSize.Single,\n link: customizedLinkExample,\n rowSpan: 2\n },\n {\n title: \"Card 3\",\n size: WidgetSize.Double,\n link: linkExample,\n },\n {\n title: \"Card 4\",\n size: WidgetSize.Single,\n link: customizedLinkExample,\n },\n {\n title: \"Card 5\",\n size: WidgetSize.Single,\n link: linkExample,\n },\n {\n title: \"Card 6\",\n size: WidgetSize.Single,\n link: linkExample,\n }]} />\n </div>\n }\n {controlVisibility.Toolbar &&\n <div id=\"ToolbarDiv\" className={styles.container}>\n <div>\n <h3>Uncontrolled toolbar</h3>\n <Toolbar actionGroups={{\n 'group1': {\n 'action1': {\n title: 'Edit',\n iconName: 'Edit',\n onClick: () => { console.log('Edit action click'); }\n },\n 'action2': {\n title: 'New',\n iconName: 'Add',\n onClick: () => { console.log('New action click'); }\n }\n }\n }}\n filters={toolbarFilters}\n onSelectedFiltersChange={this.onToolbarSelectedFiltersChange}\n />\n </div>\n <div>\n <h3>Controlled toolbar</h3>\n <Toolbar actionGroups={{\n 'group1': {\n 'action1': {\n title: 'Edit',\n iconName: 'Edit',\n onClick: () => { console.log('Edit action click'); }\n },\n 'action2': {\n title: 'New',\n iconName: 'Add',\n onClick: () => { console.log('New action click'); }\n }\n }\n }}\n filters={toolbarFilters}\n selectedFilterIds={this.state.selectedFilters}\n onSelectedFiltersChange={this.onToolbarSelectedFiltersChange} />\n </div>\n <div>Selected filter IDs: {this.state.selectedFilters.join(\", \")}</div>\n <PrimaryButton text='Toggle filter1' onClick={() => this.toggleToolbarFilter(\"filter1\")} />\n <PrimaryButton text='Toggle filter2' onClick={() => this.toggleToolbarFilter(\"filter2\")} />\n </div>\n }\n {controlVisibility.AnimatedDialog &&\n <div id=\"AnimatedDialogDiv\" className={styles.container}>\n <h3>Animated Dialogs</h3>\n\n {/* Multiple elements added only for demo - can be controlled with fewer elements */}\n\n <PrimaryButton text='Show animated dialog' onClick={() => { this.setState({ showAnimatedDialog: true }); }} />\n {/* Normal animated dialog */}\n <AnimatedDialog\n hidden={!this.state.showAnimatedDialog}\n onDismiss={() => { this.setState({ showAnimatedDialog: false }); }}\n dialogContentProps={animatedDialogContentProps}\n modalProps={animatedModalProps}\n >\n <DialogFooter>\n <PrimaryButton onClick={() => { this.setState({ showAnimatedDialog: false }); }} text=\"Yes\" />\n <DefaultButton onClick={() => { this.setState({ showAnimatedDialog: false }); }} text=\"No\" />\n </DialogFooter>\n </AnimatedDialog>\n <br />\n <br />\n\n <PrimaryButton text='Show animated dialog with icon' onClick={() => { this.setState({ showCustomisedAnimatedDialog: true }); }} />\n {/* Animated dialog with icon */}\n <AnimatedDialog\n hidden={!this.state.showCustomisedAnimatedDialog}\n onDismiss={() => { this.setState({ showCustomisedAnimatedDialog: false }); }}\n dialogContentProps={customizedAnimatedDialogContentProps}\n modalProps={customizedAnimatedModalProps}\n dialogAnimationInType='fadeInDown'\n dialogAnimationOutType='fadeOutDown'\n iconName='UnknownSolid'\n iconAnimationType='zoomInDown'\n showAnimatedDialogFooter={true}\n okButtonText=\"Yes\"\n cancelButtonText=\"No\"\n onOkClick={() => timeout(1500)}\n onSuccess={() => {\n this.setState({ showCustomisedAnimatedDialog: false });\n this.setState({ showSuccessDialog: true });\n }}\n onError={() => {\n this.setState({ showCustomisedAnimatedDialog: false });\n this.setState({ showErrorDialog: true });\n }}>\n <div className={styles.dialogContent}>\n <span>Do you like the animated dialog?</span>\n </div>\n </AnimatedDialog>\n\n {/* Success animated dialog */}\n <AnimatedDialog\n hidden={!this.state.showSuccessDialog}\n onDismiss={() => { this.setState({ showSuccessDialog: false }); }}\n dialogContentProps={successDialogContentProps}\n modalProps={customizedAnimatedModalProps}\n iconName='CompletedSolid'\n >\n <div className={styles.dialogContent}><span>Thank you.</span></div>\n <div className={styles.dialogFooter}>\n <PrimaryButton onClick={() => { this.setState({ showSuccessDialog: false }); }} text=\"OK\" />\n </div>\n </AnimatedDialog>\n\n {/* Error animated dialog */}\n <AnimatedDialog\n hidden={!this.state.showErrorDialog}\n onDismiss={() => { this.setState({ showErrorDialog: false }); }}\n dialogContentProps={errorDialogContentProps}\n modalProps={customizedAnimatedModalProps}\n iconName='StatusErrorFull'\n >\n <div className={styles.dialogContent}><span>Ther was an error.</span></div>\n <div className={styles.dialogFooter}>\n <PrimaryButton onClick={() => { this.setState({ showErrorDialog: false }); }} text=\"OK\" />\n </div>\n </AnimatedDialog>\n </div>\n }\n {controlVisibility.LivePersona &&\n <div id=\"LivePersonaDiv\" className={styles.container}>\n <LivePersona upn=\"meganb@contoso.onmicrosoft.com\"\n template={\n <>\n <Persona text=\"Megan Bowen\" secondaryText=\"meganb@contoso.onmicrosoft.com\" coinSize={48} />\n </>\n }\n serviceScope={this.props.context.serviceScope}\n />\n </div>\n }\n {controlVisibility.LocationPicker &&\n <div id=\"LocationPickerDiv\" className={styles.container}>\n <LocationPicker context={this.props.context} label=\"Location\" onChange={(locValue: ILocationPickerItem) => { console.log(locValue.DisplayName + \", \" + locValue.Address.Street); }} />\n </div>\n }\n {controlVisibility.ModernTaxonomyPicker &&\n <div id=\"ModernTaxonomyPickerDiv\" className={styles.container}>\n <ModernTaxonomyPicker\n allowMultipleSelections={true}\n termSetId={this.termSetId}\n panelTitle=\"Panel title\"\n label={\"Modern Taxonomy Picker\"}\n context={this.props.context}\n required={false}\n disabled={false}\n customPanelWidth={400}\n />\n </div>\n }\n {controlVisibility.MonacoEditor &&\n <div id=\"MonacoEditorDiv\" className={styles.container}>\n <MonacoEditor value={\"\"}\n showMiniMap={true}\n onValueChange={(value, validationErrors) => { console.log(value); console.log(validationErrors); }}\n language={\"javascript\"} />\n </div>\n }\n {controlVisibility.AdaptiveCardHost &&\n <div id=\"AdaptiveCardHostDiv\" className={styles.container}>\n <h3>Adaptive Card Host</h3>\n <AdaptiveCardHost\n card={{\n \"$schema\": \"http://adaptivecards.io/schemas/adaptive-card.json\",\n \"type\": \"AdaptiveCard\",\n \"version\": \"1.0\",\n \"body\": [\n {\n \"type\": \"TextBlock\",\n \"size\": \"medium\",\n \"weight\": \"bolder\",\n \"text\": \" ${ParticipantInfoForm.title}\",\n \"horizontalAlignment\": \"center\",\n \"wrap\": true,\n \"style\": \"heading\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Name\",\n \"style\": \"text\",\n \"id\": \"SimpleVal\",\n \"isRequired\": true,\n \"errorMessage\": \"Name is required\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Homepage\",\n \"style\": \"url\",\n \"id\": \"UrlVal\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Email\",\n \"style\": \"email\",\n \"id\": \"EmailVal\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Phone\",\n \"style\": \"tel\",\n \"id\": \"TelVal\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Comments\",\n \"style\": \"text\",\n \"isMultiline\": true,\n \"id\": \"MultiLineVal\"\n },\n {\n \"type\": \"Input.Number\",\n \"label\": \"Quantity\",\n \"min\": -5,\n \"max\": 5,\n \"value\": 1,\n \"id\": \"NumVal\",\n \"errorMessage\": \"The quantity must be between -5 and 5\"\n },\n {\n \"type\": \"Input.Date\",\n \"label\": \"Due Date\",\n \"id\": \"DateVal\",\n \"value\": \"2017-09-20\"\n },\n {\n \"type\": \"Input.Time\",\n \"label\": \"Start time\",\n \"id\": \"TimeVal\",\n \"value\": \"16:59\"\n },\n {\n \"type\": \"TextBlock\",\n \"size\": \"medium\",\n \"weight\": \"bolder\",\n \"text\": \"${Survey.title} \",\n \"horizontalAlignment\": \"center\",\n \"wrap\": true,\n \"style\": \"heading\"\n },\n {\n \"type\": \"Input.ChoiceSet\",\n \"id\": \"CompactSelectVal\",\n \"label\": \"${Survey.questions[0].question}\",\n \"style\": \"compact\",\n \"value\": \"1\",\n \"choices\": [\n {\n \"$data\": \"${Survey.questions[0].items}\",\n \"title\": \"${choice}\",\n \"value\": \"${value}\"\n }\n ]\n },\n {\n \"type\": \"Input.ChoiceSet\",\n \"id\": \"SingleSelectVal\",\n \"label\": \"${Survey.questions[1].question}\",\n \"style\": \"expanded\",\n \"value\": \"1\",\n \"choices\": [\n {\n \"$data\": \"${Survey.questions[1].items}\",\n \"title\": \"${choice}\",\n \"value\": \"${value}\"\n }\n ]\n },\n {\n \"type\": \"Input.ChoiceSet\",\n \"id\": \"MultiSelectVal\",\n \"label\": \"${Survey.questions[2].question}\",\n \"isMultiSelect\": true,\n \"value\": \"1,3\",\n \"choices\": [\n {\n \"$data\": \"${Survey.questions[2].items}\",\n \"title\": \"${choice}\",\n \"value\": \"${value}\"\n }\n ]\n },\n {\n \"type\": \"TextBlock\",\n \"size\": \"medium\",\n \"weight\": \"bolder\",\n \"text\": \"Input.Toggle\",\n \"horizontalAlignment\": \"center\",\n \"wrap\": true,\n \"style\": \"heading\"\n },\n {\n \"type\": \"Input.Toggle\",\n \"label\": \"Please accept the terms and conditions:\",\n \"title\": \"${Survey.questions[3].question}\",\n \"valueOn\": \"true\",\n \"valueOff\": \"false\",\n \"id\": \"AcceptsTerms\",\n \"isRequired\": true,\n \"errorMessage\": \"Accepting the terms and conditions is required\"\n },\n {\n \"type\": \"Input.Toggle\",\n \"label\": \"How do you feel about red cars?\",\n \"title\": \"${Survey.questions[4].question}\",\n \"valueOn\": \"RedCars\",\n \"valueOff\": \"NotRedCars\",\n \"id\": \"ColorPreference\"\n }\n ],\n \"actions\": [\n {\n \"type\": \"Action.Submit\",\n \"title\": \"Submit\",\n \"data\": {\n \"id\": \"1234567890\"\n }\n },\n {\n \"type\": \"Action.ShowCard\",\n \"title\": \"Show Card\",\n \"card\": {\n \"type\": \"AdaptiveCard\",\n \"body\": [\n {\n \"type\": \"Input.Text\",\n \"label\": \"enter comment\",\n \"style\": \"text\",\n \"id\": \"CommentVal\"\n }\n ],\n \"actions\": [\n {\n \"type\": \"Action.Submit\",\n \"title\": \"OK\"\n }\n ]\n }\n }\n ]\n }}\n data={{\n \"$root\": {\n \"ParticipantInfoForm\": {\n \"title\": \"Input.Text elements\"\n },\n \"Survey\": {\n \"title\": \"Input ChoiceSet\",\n \"questions\": [\n {\n \"question\": \"What color do you want? (compact)\",\n \"items\": [\n {\n \"choice\": \"Red\",\n \"value\": \"1\"\n },\n {\n \"choice\": \"Green\",\n \"value\": \"2\"\n },\n {\n \"choice\": \"Blue\",\n \"value\": \"3\"\n }\n ]\n },\n {\n \"question\": \"What color do you want? (expanded)\",\n \"items\": [\n {\n \"choice\": \"Red\",\n \"value\": \"1\"\n },\n {\n \"choice\": \"Green\",\n \"value\": \"2\"\n },\n {\n \"choice\": \"Blue\",\n \"value\": \"3\"\n }\n ]\n },\n {\n \"question\": \"What color do you want? (multiselect)\",\n \"items\": [\n {\n \"choice\": \"Red\",\n \"value\": \"1\"\n },\n {\n \"choice\": \"Green\",\n \"value\": \"2\"\n },\n {\n \"choice\": \"Blue\",\n \"value\": \"3\"\n }\n ]\n },\n {\n \"question\": \"I accept the terms and conditions (True/False)\"\n },\n {\n \"question\": \"Red cars are better than other cars\"\n }\n ]\n }\n }\n }}\n theme={this.props.themeVariant}\n themeType={AdaptiveCardHostThemeType.SharePoint}\n onInvokeAction={(action) => alert(JSON.stringify(action))}\n onError={(error) => console.log(error.message)}\n onSetCustomElements={(registry: CardObjectRegistry<CardElement>) => { }}\n onSetCustomActions={(registry: CardObjectRegistry<Action>) => { }}\n onUpdateHostCapabilities={(hostCapabilities: HostCapabilities) => {\n hostCapabilities.setCustomProperty(\"CustomPropertyName\", Date.now);\n }}\n context={this.props.context}\n />\n </div>\n }\n {controlVisibility.VariantThemeProvider &&\n <div id=\"VariantThemeProviderDiv\" className={styles.container}>\n <h3>Variant Theme Provider</h3>\n <VariantThemeProvider variantType={VariantType.Strong}>\n <Stack tokens={{ childrenGap: 5, padding: 5 }}>\n <Label>This Web Part implements an example on how to use the 'Fluent UI' theme library and how to apply/generate theme variation for the Web Part itself.</Label>\n <PrimaryButton>Primary Button</PrimaryButton>\n <DefaultButton>Default Button</DefaultButton>\n <Link>Link</Link>\n </Stack>\n </VariantThemeProvider>\n </div>\n }\n {controlVisibility.EnhancedThemeProvider &&\n <div id=\"EnhancedThemeProviderDiv\" className={styles.container}>\n <h3>Enhanced Theme Provider</h3>\n <EnhancedThemeProvider applyTo=\"element\" context={this.props.context} theme={this.props.themeVariant}>\n <ControlsTestEnhancedThemeProviderFunctionComponent />\n <ControlsTestEnhancedThemeProvider />\n </EnhancedThemeProvider>\n </div>\n }\n {controlVisibility.AdaptiveCardDesignerHost &&\n <div id=\"AdaptiveCardDesignerHostDiv\" className={styles.container}>\n <h3>Adaptive Card Designer Host</h3>\n <AdaptiveCardDesignerHost\n headerText={`Adaptive Card Designer`}\n buttonText=\"Open Designer\"\n card={{ \"$schema\": \"http://adaptivecards.io/schemas/adaptive-card.json\", \"type\": \"AdaptiveCard\", \"version\": \"1.5\", \"body\": [{ \"type\": \"ColumnSet\", \"columns\": [{ \"width\": \"auto\", \"items\": [{ \"type\": \"Image\", \"size\": \"Small\", \"style\": \"Person\", \"url\": \"/_layouts/15/userphoto.aspx?size=M&username=${$root['@context']['userInfo']['email']}\" }], \"type\": \"Column\" }, { \"width\": \"stretch\", \"items\": [{ \"type\": \"TextBlock\", \"text\": \"${$root['@context']['userInfo']['displayName']}\", \"weight\": \"Bolder\" }, { \"type\": \"TextBlock\", \"spacing\": \"None\", \"text\": \"${$root['@context']['userInfo']['email']}\" }], \"type\": \"Column\" }] }] }}\n data={undefined}\n context={this.props.context}\n theme={this.props.themeVariant}\n onSave={(payload: object) => alert(JSON.stringify(payload))}\n snippets={[{\n name: \"Persona\",\n category: \"Snippets\",\n payload: {\n type: \"ColumnSet\",\n columns: [\n {\n width: \"auto\",\n items: [\n {\n type: \"Image\",\n size: \"Small\",\n style: \"Person\",\n url: \"/_layouts/15/userphoto.aspx?size=M&username=${$root['@context']['userInfo']['email']}\"\n }\n ]\n },\n {\n width: \"stretch\",\n items: [\n {\n type: \"TextBlock\",\n text: \"${$root['@context']['userInfo']['displayName']}\",\n weight: \"Bolder\"\n },\n {\n type: \"TextBlock\",\n spacing: \"None\",\n text: \"${$root['@context']['userInfo']['email']}\"\n }\n ]\n }\n ]\n }\n }]}\n />\n </div>\n }\n {controlVisibility.ShareDialog &&\n <div id=\"ShareDialogDiv\" className={styles.container}>\n <PrimaryButton text=\"Open Share dialog\" onClick={() => { this.setState({ isOpenShareDialog: true }); }} />\n <ShareDialog\n isOpen={this.state.isOpenShareDialog}\n onClose={() => this.setState({ isOpenShareDialog: false })}\n options={{\n siteUrl: this.props.context.pageContext.web.absoluteUrl,\n listId: 'b1416fca-dc77-4198-a082-62a7657dcfa9',\n itemId: 1,\n name: 'Document Name'\n }} />\n </div>\n }\n {controlVisibility.TaxonomyTree &&\n <div id=\"TaxonomyTreeDiv\" className={styles.container} hidden={!controlVisibility.TaxonomyTree}>\n <h3>Modern Taxonomy Tree</h3>\n {this.state.termStoreInfo && (\n <TaxonomyTree\n languageTag={this.state.termStoreInfo.defaultLanguageTag}\n onLoadMoreData={this.spTaxonomyService.getTerms}\n pageSize={50}\n setTerms={(value) => this.setState({ testTerms: value as any })}\n termStoreInfo={this.state.termStoreInfo}\n termSetInfo={this.state.termSetInfo}\n terms={this.state.testTerms as any[]}\n onRenderActionButton={() => <button>test button</button>}\n hideDeprecatedTerms={false}\n showIcons={true}\n />\n )}\n </div>\n }\n {controlVisibility.ListToolbar &&\n <div id=\"ListToolbarDiv\" className={styles.container}>\n <h3>ListToolbar</h3>\n <ListToolbar\n context={this.props.context}\n theme={this.props.themeVariant as any}\n items={[\n { key: 'new', label: 'New', icon: <span>+</span>, onClick: () => console.log('New clicked'), group: 'actions' },\n { key: 'edit', label: 'Edit', icon: <span>✎</span>, onClick: () => console.log('Edit clicked'), group: 'actions' },\n { key: 'delete', label: 'Delete', icon: <span>🗑</span>, onClick: () => console.log('Delete clicked'), appearance: 'subtle', group: 'danger' },\n ]}\n farItems={[\n { key: 'filter', label: 'Filter', icon: <span>🔍</span>, onClick: () => console.log('Filter clicked'), isFarItem: true },\n { key: 'settings', label: 'Settings', icon: <span>⚙</span>, onClick: () => console.log('Settings clicked'), isFarItem: true },\n ]}\n totalCount={10}\n showGroupDividers={true}\n ariaLabel=\"List Toolbar\"\n />\n </div>\n }\n {controlVisibility.TestControl &&\n <div id=\"TestControlDiv\" className={styles.container}>\n <TestControl context={this.props.context} themeVariant={this.props.themeVariant} />\n </div>\n }\n {controlVisibility.UploadFiles &&\n <div id=\"UploadFilesDiv\" className={styles.container}>\n <h3>Upload Files</h3>\n <EnhancedThemeProvider theme={this.props.themeVariant} context={this.props.context}>\n <Stack>\n <UploadFiles\n context={this.props.context}\n title=\"Upload Files\"\n onUploadFiles={(files) => {\n console.log(\"files\", files);\n }}\n themeVariant={this.props.themeVariant}\n />\n </Stack>\n </EnhancedThemeProvider>\n </div>\n }\n {controlVisibility.UserPicker &&\n <div id=\"UserPickerDiv\" className={styles.container}>\n <UserPicker\n context={this.props.context}\n secondaryTextPropertyName=\"mail\"\n theme={this.props.themeVariant}\n placeholder={\"Search User\"}\n // label={\n // <div>\n // <Person20Filled color={tokens.colorBrandForeground1} />\n // <Body1>Select User</Body1>\n // </div>\n // }\n // onSelectedUsers={onSelectedUsers}\n // onRemoveSelectedUser={onRemovedUser}\n />\n </div>\n }\n {\n controlVisibility.Calendar &&\n <div id=\"CalendarDiv\" className={styles.container}>\n <TestCalendarControl\n context={this.props.context} theme={this.props.themeVariant as any} hasTeamsContext={false} themeString={'default'} title={'Calendar'} appHostName={EAppHostName.SharePoint} />\n </div>\n\n }\n {\n controlVisibility.SPFilePicker &&\n <div id=\"SPFilePickerDiv\" className={styles.container}>\n <TestSPFilePickerControl context={this.props.context} />\n </div>\n\n }\n {controlVisibility.WorldMap &&\n <div id=\"WorldMapDiv\" className={styles.container}>\n <WorldMap description={'World Map Sample'} isDarkTheme={false} hasTeamsContext={false} title={'Microsoft Locations Worldwide'} />\n </div>\n }\n </div>\n </React.Suspense>\n );\n }\n\n private getRandomCollectionFieldData = () => {\n const result: Record<string, unknown>[] = [];\n for (let i = 1; i < 16; i++) {\n\n const sampleDate = new Date();\n sampleDate.setDate(sampleDate.getDate() + i);\n\n result.push({\n \"Field1\": `String${i}`,\n \"Field2\": i,\n \"Field3\": \"https://pnp.github.io/\",\n \"Field4\": true,\n \"Field5\": null as any,\n \"Field6\": { key: \"choice 1\", text: \"choice 1\" },\n \"Field7\": [{ key: \"choice 1\", text: \"choice 1\" }, { key: \"choice 2\", text: \"choice 2\" }],\n \"Field8\": sampleDate\n });\n }\n return result;\n }\n\n private onExpandCollapseTree(item: ITreeItem, isExpanded: boolean) {\n console.log((isExpanded ? \"item expanded: \" : \"item collapsed: \") + item);\n }\n\n private onItemSelected(items: ITreeItem[]) {\n console.log(\"items selected: \" + items.length);\n }\n\n private renderCustomTreeItem(item: ITreeItem): JSX.Element {\n return (\n <span>\n {\n item.iconProps &&\n <i className={\"ms-Icon ms-Icon--\" + item.iconProps.iconName} style={{ paddingRight: '4px' }} />\n }\n {item.label}\n </span>\n );\n }\n\n private _getPage(page: number) {\n console.log('Page:', page);\n }\n\n // private _onFolderSelect = (folder: IFolder): void => {\n // console.log('selected folder', folder);\n //\n}\n"
|
|
22293
|
+
"text": " </div>\n }\n {controlVisibility.ListItemPicker &&\n <div id=\"ListItemPickerDiv\" className={styles.container}>\n <div className=\"ms-font-m\">List Item picker list data tester:\n\n <ListItemPicker listId={'b1416fca-dc77-4198-a082-62a7657dcfa9'}\n columnInternalName=\"DateAndTime\"\n keyColumnInternalName=\"Id\"\n // filter={\"Title eq 'SPFx'\"}\n orderBy={'Title desc'}\n itemLimit={5}\n context={this.props.context}\n placeholder={'Select list items'}\n onSelectedItem={this.listItemPickerDataSelected} />\n\n </div>\n </div>\n }\n {controlVisibility.ListItemComments &&\n <div id=\"ListItemCommentsDiv\" className={styles.container}>\n <div className=\"ms-font-m\">List Item Comments Tester\n <ListItemComments webUrl='https://contoso.sharepoint.com/sites/ThePerspective'\n listId='6f151a33-a7af-4fae-b8c4-f2f04cbc690f'\n itemId={\"1\"}\n serviceScope={this.props.context.serviceScope}\n numberCommentsPerPage={10}\n label=\"ListItem Comments\"\n />\n </div>\n </div>\n }\n {controlVisibility.ViewPicker &&\n <div id=\"ViewPickerDiv\" className={styles.container}>\n <div className=\"ms-font-m\">View picker tester:\n <ViewPicker context={this.props.context}\n label=\"Select view(s)\"\n listId={\"9f3908cd-1e88-4ab3-ac42-08efbbd64ec9\"}\n placeholder={'Select list view(s)'}\n orderBy={1}\n multiSelect={true}\n onSelectionChanged={this.onViewPickerChange} />\n </div>\n </div>\n }\n {controlVisibility.FieldPicker &&\n <div id=\"FieldPickerDiv\" className={styles.container}>\n <div className=\"ms-font-m\">Field picker tester:\n <FieldPicker\n context={this.props.context}\n label={'Select a field'}\n listId={this.state.selectedList}\n onSelectionChanged={(fields) => {\n console.log(fields);\n }}\n />\n </div>\n </div>\n }\n {controlVisibility.IconPicker &&\n <div id=\"IconPickerDiv\" className={styles.container}>\n <div>Icon Picker</div>\n <div>\n <IconPicker\n renderOption=\"panel\"\n onSave={(value) => { console.log(value); }}\n currentIcon={'Warning'}\n buttonLabel=\"Icon Picker\" />\n </div>\n <IconPicker buttonLabel={'Icon'}\n onChange={(iconName: string) => { console.log(iconName); }}\n onCancel={() => { console.log(\"Panel closed\"); }}\n onSave={(iconName: string) => { console.log(iconName); }} />\n </div>\n }\n {controlVisibility.ComboBoxListItemPicker &&\n <div id=\"ComboBoxListItemPickerDiv\" className={styles.container}>\n <div className=\"ms-font-m\">ComboBoxListItemPicker:\n\n <ComboBoxListItemPicker listId={this.state.comboBoxListItemPickerListId}\n columnInternalName='Title'\n keyColumnInternalName='Id'\n orderBy='Title desc'\n multiSelect={true}\n onSelectedItem={(data) => {\n console.log(`Item(s):`, data);\n }}\n defaultSelectedItems={this.state.comboBoxListItemPickerIds}\n webUrl={this.props.context.pageContext.web.absoluteUrl}\n spHttpClient={this.props.context.spHttpClient} />\n\n <PrimaryButton text=\"Change List\" onClick={() => {\n this.setState({\n comboBoxListItemPickerListId: '71210430-8436-4962-a14d-5525475abd6b'\n });\n }} />\n <PrimaryButton text=\"Change default items\" onClick={() => {\n this.setState({\n comboBoxListItemPickerIds: [{ Id: 2, Title: '222' }]\n });\n }} />\n\n </div>\n </div>\n }\n {controlVisibility.IFrameDialog &&\n <div id=\"IFrameDialogDiv\" className={styles.container}>\n <div className=\"ms-font-m\">iframe dialog tester:\n <PrimaryButton\n text=\"Open iframe Dialog\"\n onClick={() => { this.setState({ iFrameDialogOpened: true }); }} />\n <IFrameDialog\n url={iframeUrl}\n iframeOnLoad={(iframe: any) => { console.log('iframe loaded'); }}\n hidden={!this.state.iFrameDialogOpened}\n onDismiss={() => { this.setState({ iFrameDialogOpened: false }); }}\n modalProps={{\n isBlocking: true,\n styles: {\n root: {\n backgroundColor: '#00ff00'\n },\n main: {\n backgroundColor: '#ff0000'\n }\n }\n }}\n dialogContentProps={{\n type: DialogType.close,\n showCloseButton: true\n }}\n width={'570px'}\n height={'315px'} />\n </div>\n </div>\n }\n {controlVisibility.IFramePanel &&\n <div id=\"IFramePanelDiv\" className={styles.container}>\n <div className=\"ms-font-m\">iframe Panel tester:\n <PrimaryButton\n text=\"Open iframe Panel\"\n onClick={() => { this.setState({ iFramePanelOpened: true }); }} />\n <IFramePanel\n url={iframeUrl}\n type={PanelType.medium}\n // height=\"300px\"\n headerText=\"iframe panel title\"\n closeButtonAriaLabel=\"Close\"\n isOpen={this.state.iFramePanelOpened}\n onDismiss={() => { this.setState({ iFramePanelOpened: false }); }}\n iframeOnLoad={(iframe: any) => { console.log('iframe loaded'); }}\n />\n </div>\n </div>\n }\n {controlVisibility.ImagePicker &&\n <div id=\"ImagePickerDiv\" className={styles.container}>\n <ImagePicker\n context={this.props.context}\n onFileSelected={(file) => { console.log(file); this.setState({ selectedUrlImagePicker: file.fileAbsoluteUrl }); }}\n onDeleteFile={() => { console.log('file deleted'); }}\n selectedFileUrl={this.state.selectedUrlImagePicker}\n />\n </div>\n }\n {controlVisibility.FolderPicker &&\n <div id=\"FolderPickerDiv\" className={styles.container}>\n <FolderPicker context={this.props.context}\n rootFolder={{\n Name: 'Documents',\n ServerRelativeUrl: `${this.props.context.pageContext.web.serverRelativeUrl === '/' ? '' : this.props.context.pageContext.web.serverRelativeUrl}/Shared Documents`\n }}\n onSelect={this._onFolderSelect}\n label='Folder Picker'\n required={true}\n canCreateFolders={true}\n />\n </div>\n }\n <div id=\"FilterBarDiv\" className={styles.container} hidden={!controlVisibility.FilterBar}>\n <FilterBar items={this.state.filters} inlineItemCount={3} onClearFilters={this.onClearFilters} onRemoveFilter={this.onRemoveFilter} />\n <button onClick={this.addFilter}>Add new filter</button>\n </div>\n {controlVisibility.Carousel &&\n\n <div id=\"CarouselDiv\" className={styles.container}>\n <div>\n <h3>Carousel with fixed elements:</h3>\n <Carousel\n buttonsLocation={CarouselButtonsLocation.top}\n buttonsDisplay={CarouselButtonsDisplay.block}\n\n contentContainerStyles={styles.carouselContent}\n containerButtonsStyles={styles.carouselButtonsContainer}\n\n isInfinite={true}\n\n element={this.carouselElements}\n onMovePrevClicked={(index: number) => { console.log(`Prev button clicked: ${index}`); }}\n />\n </div>\n <div>\n <h3>Carousel with CarouselImage elements:</h3>\n <Carousel\n buttonsLocation={CarouselButtonsLocation.center}\n buttonsDisplay={CarouselButtonsDisplay.buttonsOnly}\n\n contentContainerStyles={styles.carouselImageContent}\n //containerButtonsStyles={styles.carouselButtonsContainer}\n\n isInfinite={true}\n indicatorShape={CarouselIndicatorShape.circle}\n indicatorsDisplay={CarouselIndicatorsDisplay.block}\n pauseOnHover={true}\n\n element={[\n {\n imageSrc: 'https://images.unsplash.com/photo-1588614959060-4d144f28b207?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=3078&q=80',\n title: 'Colosseum',\n description: 'This is Colosseum',\n url: 'https://en.wikipedia.org/wiki/Colosseum',\n showDetailsOnHover: true,\n imageFit: ImageFit.cover\n },\n {\n imageSrc: 'https://www.telegraph.co.uk/content/dam/science/2018/06/20/stonehenge-2326750_1920_trans%2B%2BZgEkZX3M936N5BQK4Va8RWtT0gK_6EfZT336f62EI5U.jpg',\n title: 'Stonehenge',\n description: 'This is Stonehendle',\n url: 'https://en.wikipedia.org/wiki/Stonehenge',\n showDetailsOnHover: true,\n imageFit: ImageFit.cover\n },\n {\n imageSrc: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/All_Gizah_Pyramids.jpg/2560px-All_Gizah_Pyramids.jpg',\n title: 'Pyramids of Giza',\n description: 'This are Pyramids of Giza (Egypt)',\n url: 'https://en.wikipedia.org/wiki/Egyptian_pyramids',\n showDetailsOnHover: true,\n imageFit: ImageFit.cover\n }\n ]}\n onMoveNextClicked={(index: number) => { console.log(`Next button clicked: ${index}`); }}\n onMovePrevClicked={(index: number) => { console.log(`Prev button clicked: ${index}`); }}\n rootStyles={mergeStyles({\n backgroundColor: '#C3C3C3'\n })}\n />\n </div>\n <div>\n <h3>Carousel with triggerPageElement:</h3>\n <Carousel\n buttonsLocation={CarouselButtonsLocation.bottom}\n buttonsDisplay={CarouselButtonsDisplay.buttonsOnly}\n\n contentContainerStyles={styles.carouselContent}\n\n canMoveNext={this.state.canMoveNext}\n canMovePrev={this.state.canMovePrev}\n triggerPageEvent={this.triggerNextElement}\n element={this.state.currentCarouselElement}\n />\n </div>\n <div>\n <h3>Carousel with minimal configuration:</h3>\n <Carousel\n element={this.carouselElements}\n contentHeight={200}\n />\n </div>\n </div>\n }\n {controlVisibility.SiteBreadcrumb &&\n <div id=\"SiteBreadcrumbDiv\" className={styles.container}>\n <div className={styles.siteBreadcrumb}>\n <SiteBreadcrumb context={this.props.context} />\n </div>\n </div>\n }\n {controlVisibility.FilePicker &&\n <div id=\"FilePickerDiv\" className={styles.container}>\n <div>\n <h3>File Picker</h3>\n <TextField\n label=\"Default SiteFileTab Folder\"\n onChange={debounce((ev, newVal) => { this.setState({ filePickerDefaultFolderAbsolutePath: newVal }); }, 500)}\n styles={{ root: { marginBottom: 10 } }}\n />\n <FilePicker\n bingAPIKey=\"<BING API KEY>\"\n //webAbsoluteUrl=\"https://023xn.sharepoint.com/sites/test1\"\n //defaultFolderAbsolutePath={\"https://aterentiev.sharepoint.com/sites/SPFxinTeamsDemo/Shared%20Documents/General\"}\n //accepts={[\".gif\", \".jpg\", \".jpeg\", \".bmp\", \".dib\", \".tif\", \".tiff\", \".ico\", \".png\", \".jxr\", \".svg\"]}\n buttonLabel=\"Add File\"\n buttonIconProps={{ iconName: 'Add', styles: { root: { fontSize: 42 } } }}\n onSave={this._onFilePickerSave}\n onChange={(filePickerResult: IFilePickerResult[]) => { console.log(filePickerResult); }}\n context={this.props.context}\n hideRecentTab={false}\n includePageLibraries={true}\n checkIfFileExists={false}\n />\n {\n this.state.filePickerResult &&\n <div>\n <div>\n FileName: {this.state.filePickerResult[0].fileName}\n </div>\n <div>\n File size: {GeneralHelper.formatBytes(this.state.filePickerResult[0].fileSize, 2)}\n </div>\n </div>\n }\n </div>\n\n <div>\n <h3>File Picker with target folder browser</h3>\n <FilePicker\n bingAPIKey=\"<BING API KEY>\"\n //accepts={[\".gif\", \".jpg\", \".jpeg\", \".bmp\", \".dib\", \".tif\", \".tiff\", \".ico\", \".png\", \".jxr\", \".svg\"]}\n buttonLabel=\"Upload image\"\n buttonIcon=\"FileImage\"\n onSave={this._onFilePickerSave}\n onChange={(filePickerResult: IFilePickerResult[]) => { console.log(filePickerResult); }}\n context={this.props.context}\n hideRecentTab={false}\n renderCustomUploadTabContent={() => (\n <FolderExplorer context={this.props.context}\n rootFolder={this.rootFolder}\n defaultFolder={this.rootFolder}\n onSelect={this._onFolderSelect}\n canCreateFolders={true}\n />)}\n />\n </div>\n <p><a href=\"javascript:;\" onClick={this.deleteItem}>Deletes second item</a></p>\n </div>\n }\n {controlVisibility.Progress &&\n <div id=\"ProgressDiv\" className={styles.container}>\n <Progress title={'Progress Test'}\n showOverallProgress={true}\n showIndeterminateOverallProgress={false}\n hideNotStartedActions={false}\n actions={this.state.progressActions}\n currentActionIndex={this.state.currentProgressActionIndex}\n longRunningText={'This operation takes longer than expected'}\n longRunningTextDisplayDelay={7000}\n height={'350px'}\n inProgressIconName={'ChromeBackMirrored'} />\n <PrimaryButton text={'Start Progress'} onClick={this._startProgress} />\n </div>\n }\n {controlVisibility.ProgressStepsIndicator &&\n <div id=\"ProgressStepsIndicatorDiv\" className={styles.container}>\n <ProgressStepsIndicator steps={this.progressSteps} currentStep={0} themeVariant={this.props.themeVariant} />\n </div>\n }\n {controlVisibility.Toast &&\n <div id=\"ToastDiv\" className={styles.container}>\n <h3>Toast</h3>\n <Toast\n title=\"Decision saved\"\n body=\"This native Fluent UI toast will dismiss after five seconds.\"\n subtitle=\"Controls Test\"\n intent=\"success\"\n dismissible\n autoDismiss\n duration={5}\n durationUnit=\"seconds\"\n />\n </div>\n }\n {controlVisibility.GridLayout &&\n <div id=\"GridLayoutDiv\" className={styles.container}>\n <div className=\"ms-font-l\">Grid Layout</div>\n <GridLayout\n ariaLabel={\"List of content, use right and left arrow keys to navigate, arrow down to access details.\"}\n items={sampleGridData}\n onRenderGridItem={(item: any, finalSize: ISize, isCompact: boolean) => this._onRenderGridItem(item, finalSize, isCompact)}\n itemMinWidth={250}\n itemMaxWidth={600}\n itemPadding={60}\n //compactThreshold={220}\n //rowsPerPage={1}\n />\n </div>\n }\n {controlVisibility.HoverReactionsBar &&\n <div ref={this.divRefAddReaction} id=\"HoverReactionsBarDiv\" className={styles.container}>\n <PrimaryButton text=\"Open HoverReactionsBar\" onClick={() => { this.setState({ isOpenHoverReactionBar: true }); }} />\n <HoverReactionsBar\n isOpen={this.state.isOpenHoverReactionBar}\n onSelect={(emoji, emojiInfo) => { console.log(emoji); }}\n onDismiss={(): void => {\n this.setState({ isOpenHoverReactionBar: false });\n }}\n target={this.divRefAddReaction.current as HTMLDivElement} />\n </div>\n }\n {controlVisibility.FolderExplorer &&\n <div id=\"FolderExplorerDiv\" className={styles.container}>\n <FolderExplorer\n context={this.props.context}\n rootFolder={{\n Name: 'Documents',\n ServerRelativeUrl: `${this.props.context.pageContext.web.serverRelativeUrl === '/' ? '' : this.props.context.pageContext.web.serverRelativeUrl}/Shared Documents`\n }}\n defaultFolder={{\n Name: 'Documents',\n ServerRelativeUrl: `${this.props.context.pageContext.web.serverRelativeUrl === '/' ? '' : this.props.context.pageContext.web.serverRelativeUrl}/Shared Documents`\n }}\n onSelect={this._onFolderSelect}\n canCreateFolders={true}\n orderby='Name' //'ListItemAllFields/Created'\n orderAscending={true}\n showFiles={true}\n onFileClick={this._onFileClick}\n />\n </div>\n }\n {controlVisibility.TreeView &&\n <div id=\"TreeViewDiv\" className={styles.container}>\n <h3>Tree View</h3>\n <TreeView items={this.treeitems}\n defaultExpanded={false}\n selectionMode={TreeViewSelectionMode.Multiple}\n showCheckboxes={true}\n treeItemActionsDisplayMode={TreeItemActionsDisplayMode.ContextualMenu}\n defaultSelectedKeys={this.state.treeViewSelectedKeys}\n onExpandCollapse={this.onExpandCollapseTree}\n onSelect={this.onItemSelected}\n defaultExpandedChildren={true}\n theme={this.props.themeVariant}\n //expandToSelected={true}\n // onRenderItem={this.renderCustomTreeItem}\n />\n <PrimaryButton onClick={() => { this.setState({ treeViewSelectedKeys: [] }); }}>Clear selection</PrimaryButton>\n </div>\n }\n {controlVisibility.Pagination &&\n <div id=\"PaginationDiv\" className={styles.container}>\n <Pagination\n currentPage={3}\n onChange={(page) => (this._getPage(page))}\n totalPages={this.props.paginationTotalPages || 13}\n //limiter={3}\n // hideFirstPageJump\n //hideLastPageJump\n //limiterIcon={\"NumberedListText\"}\n />\n </div>\n }\n {controlVisibility.FieldCollectionData &&\n <div id=\"FieldCollectionDataDiv\" className={styles.container}>\n <FieldCollectionData\n key={\"FieldCollectionData\"}\n label={\"Fields Collection\"}\n itemsPerPage={3}\n manageBtnLabel={\"Manage\"}\n onChanged={(value) => { console.log(value); }}\n panelHeader={\"Manage values\"}\n enableSorting={true}\n panelProps={{ type: PanelType.custom, customWidth: \"98vw\" }}\n fields={[\n { id: \"Field1\", title: \"String field\", type: CustomCollectionFieldType.string, required: true },\n { id: \"Field2\", title: \"Number field\", type: CustomCollectionFieldType.number },\n { id: \"Field3\", title: \"URL field\", type: CustomCollectionFieldType.url },\n { id: \"Field4\", title: \"Boolean field\", type: CustomCollectionFieldType.boolean },\n {\n id: \"Field5\", title: \"People picker\", type: CustomCollectionFieldType.peoplepicker, required: true,\n minimumUsers: 2, minimumUsersMessage: \"2 Users is the minimum\", maximumUsers: 3,\n },\n {\n id: \"Field6\", title: \"Combo Single\", type: CustomCollectionFieldType.combobox, required: true,\n multiSelect: false, options: [{ key: \"choice 1\", text: \"choice 1\" }, { key: \"choice 2\", text: \"choice 2\" }, { key: \"choice 3\", text: \"choice 3\" }]\n },\n {\n id: \"Field7\", title: \"Combo Multi\", type: CustomCollectionFieldType.combobox,\n allowFreeform: true, multiSelect: true, options: [{ key: \"choice 1\", text: \"choice 1\" }, { key: \"choice 2\", text: \"choice 2\" }, { key: \"choice 3\", text: \"choice 3\" }]\n },\n { id: \"Field8\", title: \"Date field\", type: CustomCollectionFieldType.date, placeholder: \"Select a date\" }\n ]}\n value={this.getRandomCollectionFieldData()}\n\n // value = {null}\n context={this.props.context as any} //error when this is omitted and people picker is used\n usePanel={true}\n noDataMessage=\"No data is selected\" //overrides the default message\n />\n </div>\n }\n {controlVisibility.ContentTypePicker &&\n <ContentTypePicker\n context={this.props.context}\n // group=\"Content Feedback\"\n // includeHidden={false}\n // includeReadOnly={false}\n // label=\"Select your content type\"\n // multiSelect={false}\n // orderBy={ContentTypesOrderBy.Name}\n // listId=\"00000000-0000-0000-0000-000000000000\"\n // onSelectionChanged={this.onContentTypePickerChanged}\n // showBlankOption={true}\n />\n }\n {controlVisibility.Dashboard &&\n <div id=\"DashboardDiv\" className={styles.container}>\n <Dashboard\n widgets={[{\n title: \"Card 1\",\n desc: \"Last updated Monday, April 4 at 11:15 AM (PT)\",\n widgetActionGroup: calloutItemsExample,\n size: WidgetSize.Quadruple,\n body: [\n {\n id: \"t1\",\n title: \"Tab 1\",\n content: (\n <Flex\n vAlign=\"center\"\n hAlign=\"center\"\n styles={{ height: \"100%\", border: \"1px dashed rgb(179, 176, 173)\" }}\n >\n <NorthstarText size=\"large\" weight=\"semibold\">\n Content #1\n </NorthstarText>\n </Flex>\n ),\n },\n {\n id: \"t2\",\n title: \"Tab 2\",\n content: (\n <Flex\n vAlign=\"center\"\n hAlign=\"center\"\n styles={{ height: \"100%\", border: \"1px dashed rgb(179, 176, 173)\" }}\n >\n <NorthstarText size=\"large\" weight=\"semibold\">\n Content #2\n </NorthstarText>\n </Flex>\n ),\n },\n {\n id: \"t3\",\n title: \"Tab 3\",\n content: (\n <Flex\n vAlign=\"center\"\n hAlign=\"center\"\n styles={{ height: \"100%\", border: \"1px dashed rgb(179, 176, 173)\" }}\n >\n <NorthstarText size=\"large\" weight=\"semibold\">\n Content #3\n </NorthstarText>\n </Flex>\n ),\n },\n ],\n link: linkExample,\n },\n {\n title: \"Card 2\",\n size: WidgetSize.Single,\n link: customizedLinkExample,\n rowSpan: 2\n },\n {\n title: \"Card 3\",\n size: WidgetSize.Double,\n link: linkExample,\n },\n {\n title: \"Card 4\",\n size: WidgetSize.Single,\n link: customizedLinkExample,\n },\n {\n title: \"Card 5\",\n size: WidgetSize.Single,\n link: linkExample,\n },\n {\n title: \"Card 6\",\n size: WidgetSize.Single,\n link: linkExample,\n }]} />\n </div>\n }\n {controlVisibility.Toolbar &&\n <div id=\"ToolbarDiv\" className={styles.container}>\n <div>\n <h3>Uncontrolled toolbar</h3>\n <Toolbar actionGroups={{\n 'group1': {\n 'action1': {\n title: 'Edit',\n iconName: 'Edit',\n onClick: () => { console.log('Edit action click'); }\n },\n 'action2': {\n title: 'New',\n iconName: 'Add',\n onClick: () => { console.log('New action click'); }\n }\n }\n }}\n filters={toolbarFilters}\n onSelectedFiltersChange={this.onToolbarSelectedFiltersChange}\n />\n </div>\n <div>\n <h3>Controlled toolbar</h3>\n <Toolbar actionGroups={{\n 'group1': {\n 'action1': {\n title: 'Edit',\n iconName: 'Edit',\n onClick: () => { console.log('Edit action click'); }\n },\n 'action2': {\n title: 'New',\n iconName: 'Add',\n onClick: () => { console.log('New action click'); }\n }\n }\n }}\n filters={toolbarFilters}\n selectedFilterIds={this.state.selectedFilters}\n onSelectedFiltersChange={this.onToolbarSelectedFiltersChange} />\n </div>\n <div>Selected filter IDs: {this.state.selectedFilters.join(\", \")}</div>\n <PrimaryButton text='Toggle filter1' onClick={() => this.toggleToolbarFilter(\"filter1\")} />\n <PrimaryButton text='Toggle filter2' onClick={() => this.toggleToolbarFilter(\"filter2\")} />\n </div>\n }\n {controlVisibility.AnimatedDialog &&\n <div id=\"AnimatedDialogDiv\" className={styles.container}>\n <h3>Animated Dialogs</h3>\n\n {/* Multiple elements added only for demo - can be controlled with fewer elements */}\n\n <PrimaryButton text='Show animated dialog' onClick={() => { this.setState({ showAnimatedDialog: true }); }} />\n {/* Normal animated dialog */}\n <AnimatedDialog\n hidden={!this.state.showAnimatedDialog}\n onDismiss={() => { this.setState({ showAnimatedDialog: false }); }}\n dialogContentProps={animatedDialogContentProps}\n modalProps={animatedModalProps}\n >\n <DialogFooter>\n <PrimaryButton onClick={() => { this.setState({ showAnimatedDialog: false }); }} text=\"Yes\" />\n <DefaultButton onClick={() => { this.setState({ showAnimatedDialog: false }); }} text=\"No\" />\n </DialogFooter>\n </AnimatedDialog>\n <br />\n <br />\n\n <PrimaryButton text='Show animated dialog with icon' onClick={() => { this.setState({ showCustomisedAnimatedDialog: true }); }} />\n {/* Animated dialog with icon */}\n <AnimatedDialog\n hidden={!this.state.showCustomisedAnimatedDialog}\n onDismiss={() => { this.setState({ showCustomisedAnimatedDialog: false }); }}\n dialogContentProps={customizedAnimatedDialogContentProps}\n modalProps={customizedAnimatedModalProps}\n dialogAnimationInType='fadeInDown'\n dialogAnimationOutType='fadeOutDown'\n iconName='UnknownSolid'\n iconAnimationType='zoomInDown'\n showAnimatedDialogFooter={true}\n okButtonText=\"Yes\"\n cancelButtonText=\"No\"\n onOkClick={() => timeout(1500)}\n onSuccess={() => {\n this.setState({ showCustomisedAnimatedDialog: false });\n this.setState({ showSuccessDialog: true });\n }}\n onError={() => {\n this.setState({ showCustomisedAnimatedDialog: false });\n this.setState({ showErrorDialog: true });\n }}>\n <div className={styles.dialogContent}>\n <span>Do you like the animated dialog?</span>\n </div>\n </AnimatedDialog>\n\n {/* Success animated dialog */}\n <AnimatedDialog\n hidden={!this.state.showSuccessDialog}\n onDismiss={() => { this.setState({ showSuccessDialog: false }); }}\n dialogContentProps={successDialogContentProps}\n modalProps={customizedAnimatedModalProps}\n iconName='CompletedSolid'\n >\n <div className={styles.dialogContent}><span>Thank you.</span></div>\n <div className={styles.dialogFooter}>\n <PrimaryButton onClick={() => { this.setState({ showSuccessDialog: false }); }} text=\"OK\" />\n </div>\n </AnimatedDialog>\n\n {/* Error animated dialog */}\n <AnimatedDialog\n hidden={!this.state.showErrorDialog}\n onDismiss={() => { this.setState({ showErrorDialog: false }); }}\n dialogContentProps={errorDialogContentProps}\n modalProps={customizedAnimatedModalProps}\n iconName='StatusErrorFull'\n >\n <div className={styles.dialogContent}><span>Ther was an error.</span></div>\n <div className={styles.dialogFooter}>\n <PrimaryButton onClick={() => { this.setState({ showErrorDialog: false }); }} text=\"OK\" />\n </div>\n </AnimatedDialog>\n </div>\n }\n {controlVisibility.LivePersona &&\n <div id=\"LivePersonaDiv\" className={styles.container}>\n <LivePersona upn=\"meganb@contoso.onmicrosoft.com\"\n template={\n <>\n <Persona text=\"Megan Bowen\" secondaryText=\"meganb@contoso.onmicrosoft.com\" coinSize={48} />\n </>\n }\n serviceScope={this.props.context.serviceScope}\n />\n </div>\n }\n {controlVisibility.LocationPicker &&\n <div id=\"LocationPickerDiv\" className={styles.container}>\n <LocationPicker context={this.props.context} label=\"Location\" onChange={(locValue: ILocationPickerItem) => { console.log(locValue.DisplayName + \", \" + locValue.Address.Street); }} />\n </div>\n }\n {controlVisibility.ModernTaxonomyPicker &&\n <div id=\"ModernTaxonomyPickerDiv\" className={styles.container}>\n <ModernTaxonomyPicker\n allowMultipleSelections={true}\n termSetId={this.termSetId}\n panelTitle=\"Panel title\"\n label={\"Modern Taxonomy Picker\"}\n context={this.props.context}\n required={false}\n disabled={false}\n customPanelWidth={400}\n />\n </div>\n }\n {controlVisibility.MonacoEditor &&\n <div id=\"MonacoEditorDiv\" className={styles.container}>\n <MonacoEditor value={\"\"}\n showMiniMap={true}\n onValueChange={(value, validationErrors) => { console.log(value); console.log(validationErrors); }}\n language={\"javascript\"} />\n </div>\n }\n {controlVisibility.AdaptiveCardHost &&\n <div id=\"AdaptiveCardHostDiv\" className={styles.container}>\n <h3>Adaptive Card Host</h3>\n <AdaptiveCardHost\n card={{\n \"$schema\": \"http://adaptivecards.io/schemas/adaptive-card.json\",\n \"type\": \"AdaptiveCard\",\n \"version\": \"1.0\",\n \"body\": [\n {\n \"type\": \"TextBlock\",\n \"size\": \"medium\",\n \"weight\": \"bolder\",\n \"text\": \" ${ParticipantInfoForm.title}\",\n \"horizontalAlignment\": \"center\",\n \"wrap\": true,\n \"style\": \"heading\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Name\",\n \"style\": \"text\",\n \"id\": \"SimpleVal\",\n \"isRequired\": true,\n \"errorMessage\": \"Name is required\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Homepage\",\n \"style\": \"url\",\n \"id\": \"UrlVal\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Email\",\n \"style\": \"email\",\n \"id\": \"EmailVal\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Phone\",\n \"style\": \"tel\",\n \"id\": \"TelVal\"\n },\n {\n \"type\": \"Input.Text\",\n \"label\": \"Comments\",\n \"style\": \"text\",\n \"isMultiline\": true,\n \"id\": \"MultiLineVal\"\n },\n {\n \"type\": \"Input.Number\",\n \"label\": \"Quantity\",\n \"min\": -5,\n \"max\": 5,\n \"value\": 1,\n \"id\": \"NumVal\",\n \"errorMessage\": \"The quantity must be between -5 and 5\"\n },\n {\n \"type\": \"Input.Date\",\n \"label\": \"Due Date\",\n \"id\": \"DateVal\",\n \"value\": \"2017-09-20\"\n },\n {\n \"type\": \"Input.Time\",\n \"label\": \"Start time\",\n \"id\": \"TimeVal\",\n \"value\": \"16:59\"\n },\n {\n \"type\": \"TextBlock\",\n \"size\": \"medium\",\n \"weight\": \"bolder\",\n \"text\": \"${Survey.title} \",\n \"horizontalAlignment\": \"center\",\n \"wrap\": true,\n \"style\": \"heading\"\n },\n {\n \"type\": \"Input.ChoiceSet\",\n \"id\": \"CompactSelectVal\",\n \"label\": \"${Survey.questions[0].question}\",\n \"style\": \"compact\",\n \"value\": \"1\",\n \"choices\": [\n {\n \"$data\": \"${Survey.questions[0].items}\",\n \"title\": \"${choice}\",\n \"value\": \"${value}\"\n }\n ]\n },\n {\n \"type\": \"Input.ChoiceSet\",\n \"id\": \"SingleSelectVal\",\n \"label\": \"${Survey.questions[1].question}\",\n \"style\": \"expanded\",\n \"value\": \"1\",\n \"choices\": [\n {\n \"$data\": \"${Survey.questions[1].items}\",\n \"title\": \"${choice}\",\n \"value\": \"${value}\"\n }\n ]\n },\n {\n \"type\": \"Input.ChoiceSet\",\n \"id\": \"MultiSelectVal\",\n \"label\": \"${Survey.questions[2].question}\",\n \"isMultiSelect\": true,\n \"value\": \"1,3\",\n \"choices\": [\n {\n \"$data\": \"${Survey.questions[2].items}\",\n \"title\": \"${choice}\",\n \"value\": \"${value}\"\n }\n ]\n },\n {\n \"type\": \"TextBlock\",\n \"size\": \"medium\",\n \"weight\": \"bolder\",\n \"text\": \"Input.Toggle\",\n \"horizontalAlignment\": \"center\",\n \"wrap\": true,\n \"style\": \"heading\"\n },\n {\n \"type\": \"Input.Toggle\",\n \"label\": \"Please accept the terms and conditions:\",\n \"title\": \"${Survey.questions[3].question}\",\n \"valueOn\": \"true\",\n \"valueOff\": \"false\",\n \"id\": \"AcceptsTerms\",\n \"isRequired\": true,\n \"errorMessage\": \"Accepting the terms and conditions is required\"\n },\n {\n \"type\": \"Input.Toggle\",\n \"label\": \"How do you feel about red cars?\",\n \"title\": \"${Survey.questions[4].question}\",\n \"valueOn\": \"RedCars\",\n \"valueOff\": \"NotRedCars\",\n \"id\": \"ColorPreference\"\n }\n ],\n \"actions\": [\n {\n \"type\": \"Action.Submit\",\n \"title\": \"Submit\",\n \"data\": {\n \"id\": \"1234567890\"\n }\n },\n {\n \"type\": \"Action.ShowCard\",\n \"title\": \"Show Card\",\n \"card\": {\n \"type\": \"AdaptiveCard\",\n \"body\": [\n {\n \"type\": \"Input.Text\",\n \"label\": \"enter comment\",\n \"style\": \"text\",\n \"id\": \"CommentVal\"\n }\n ],\n \"actions\": [\n {\n \"type\": \"Action.Submit\",\n \"title\": \"OK\"\n }\n ]\n }\n }\n ]\n }}\n data={{\n \"$root\": {\n \"ParticipantInfoForm\": {\n \"title\": \"Input.Text elements\"\n },\n \"Survey\": {\n \"title\": \"Input ChoiceSet\",\n \"questions\": [\n {\n \"question\": \"What color do you want? (compact)\",\n \"items\": [\n {\n \"choice\": \"Red\",\n \"value\": \"1\"\n },\n {\n \"choice\": \"Green\",\n \"value\": \"2\"\n },\n {\n \"choice\": \"Blue\",\n \"value\": \"3\"\n }\n ]\n },\n {\n \"question\": \"What color do you want? (expanded)\",\n \"items\": [\n {\n \"choice\": \"Red\",\n \"value\": \"1\"\n },\n {\n \"choice\": \"Green\",\n \"value\": \"2\"\n },\n {\n \"choice\": \"Blue\",\n \"value\": \"3\"\n }\n ]\n },\n {\n \"question\": \"What color do you want? (multiselect)\",\n \"items\": [\n {\n \"choice\": \"Red\",\n \"value\": \"1\"\n },\n {\n \"choice\": \"Green\",\n \"value\": \"2\"\n },\n {\n \"choice\": \"Blue\",\n \"value\": \"3\"\n }\n ]\n },\n {\n \"question\": \"I accept the terms and conditions (True/False)\"\n },\n {\n \"question\": \"Red cars are better than other cars\"\n }\n ]\n }\n }\n }}\n theme={this.props.themeVariant}\n themeType={AdaptiveCardHostThemeType.SharePoint}\n onInvokeAction={(action) => alert(JSON.stringify(action))}\n onError={(error) => console.log(error.message)}\n onSetCustomElements={(registry: CardObjectRegistry<CardElement>) => { }}\n onSetCustomActions={(registry: CardObjectRegistry<Action>) => { }}\n onUpdateHostCapabilities={(hostCapabilities: HostCapabilities) => {\n hostCapabilities.setCustomProperty(\"CustomPropertyName\", Date.now);\n }}\n context={this.props.context}\n />\n </div>\n }\n {controlVisibility.VariantThemeProvider &&\n <div id=\"VariantThemeProviderDiv\" className={styles.container}>\n <h3>Variant Theme Provider</h3>\n <VariantThemeProvider variantType={VariantType.Strong}>\n <Stack tokens={{ childrenGap: 5, padding: 5 }}>\n <Label>This Web Part implements an example on how to use the 'Fluent UI' theme library and how to apply/generate theme variation for the Web Part itself.</Label>\n <PrimaryButton>Primary Button</PrimaryButton>\n <DefaultButton>Default Button</DefaultButton>\n <Link>Link</Link>\n </Stack>\n </VariantThemeProvider>\n </div>\n }\n {controlVisibility.EnhancedThemeProvider &&\n <div id=\"EnhancedThemeProviderDiv\" className={styles.container}>\n <h3>Enhanced Theme Provider</h3>\n <EnhancedThemeProvider applyTo=\"element\" context={this.props.context} theme={this.props.themeVariant}>\n <ControlsTestEnhancedThemeProviderFunctionComponent />\n <ControlsTestEnhancedThemeProvider />\n </EnhancedThemeProvider>\n </div>\n }\n {controlVisibility.AdaptiveCardDesignerHost &&\n <div id=\"AdaptiveCardDesignerHostDiv\" className={styles.container}>\n <h3>Adaptive Card Designer Host</h3>\n <AdaptiveCardDesignerHost\n headerText={`Adaptive Card Designer`}\n buttonText=\"Open Designer\"\n card={{ \"$schema\": \"http://adaptivecards.io/schemas/adaptive-card.json\", \"type\": \"AdaptiveCard\", \"version\": \"1.5\", \"body\": [{ \"type\": \"ColumnSet\", \"columns\": [{ \"width\": \"auto\", \"items\": [{ \"type\": \"Image\", \"size\": \"Small\", \"style\": \"Person\", \"url\": \"/_layouts/15/userphoto.aspx?size=M&username=${$root['@context']['userInfo']['email']}\" }], \"type\": \"Column\" }, { \"width\": \"stretch\", \"items\": [{ \"type\": \"TextBlock\", \"text\": \"${$root['@context']['userInfo']['displayName']}\", \"weight\": \"Bolder\" }, { \"type\": \"TextBlock\", \"spacing\": \"None\", \"text\": \"${$root['@context']['userInfo']['email']}\" }], \"type\": \"Column\" }] }] }}\n data={undefined}\n context={this.props.context}\n theme={this.props.themeVariant}\n onSave={(payload: object) => alert(JSON.stringify(payload))}\n snippets={[{\n name: \"Persona\",\n category: \"Snippets\",\n payload: {\n type: \"ColumnSet\",\n columns: [\n {\n width: \"auto\",\n items: [\n {\n type: \"Image\",\n size: \"Small\",\n style: \"Person\",\n url: \"/_layouts/15/userphoto.aspx?size=M&username=${$root['@context']['userInfo']['email']}\"\n }\n ]\n },\n {\n width: \"stretch\",\n items: [\n {\n type: \"TextBlock\",\n text: \"${$root['@context']['userInfo']['displayName']}\",\n weight: \"Bolder\"\n },\n {\n type: \"TextBlock\",\n spacing: \"None\",\n text: \"${$root['@context']['userInfo']['email']}\"\n }\n ]\n }\n ]\n }\n }]}\n />\n </div>\n }\n {controlVisibility.ShareDialog &&\n <div id=\"ShareDialogDiv\" className={styles.container}>\n <PrimaryButton text=\"Open Share dialog\" onClick={() => { this.setState({ isOpenShareDialog: true }); }} />\n <ShareDialog\n isOpen={this.state.isOpenShareDialog}\n onClose={() => this.setState({ isOpenShareDialog: false })}\n options={{\n siteUrl: this.props.context.pageContext.web.absoluteUrl,\n listId: 'b1416fca-dc77-4198-a082-62a7657dcfa9',\n itemId: 1,\n name: 'Document Name'\n }} />\n </div>\n }\n {controlVisibility.TaxonomyTree &&\n <div id=\"TaxonomyTreeDiv\" className={styles.container} hidden={!controlVisibility.TaxonomyTree}>\n <h3>Modern Taxonomy Tree</h3>\n {this.state.termStoreInfo && (\n <TaxonomyTree\n languageTag={this.state.termStoreInfo.defaultLanguageTag}\n onLoadMoreData={this.spTaxonomyService.getTerms}\n pageSize={50}\n setTerms={(value) => this.setState({ testTerms: value as any })}\n termStoreInfo={this.state.termStoreInfo}\n termSetInfo={this.state.termSetInfo}\n terms={this.state.testTerms as any[]}\n onRenderActionButton={() => <button>test button</button>}\n hideDeprecatedTerms={false}\n showIcons={true}\n />\n )}\n </div>\n }\n {controlVisibility.ListToolbar &&\n <div id=\"ListToolbarDiv\" className={styles.container}>\n <h3>ListToolbar</h3>\n <ListToolbar\n context={this.props.context}\n theme={this.props.themeVariant as any}\n items={[\n { key: 'new', label: 'New', icon: <span>+</span>, onClick: () => console.log('New clicked'), group: 'actions' },\n { key: 'edit', label: 'Edit', icon: <span>✎</span>, onClick: () => console.log('Edit clicked'), group: 'actions' },\n { key: 'delete', label: 'Delete', icon: <span>🗑</span>, onClick: () => console.log('Delete clicked'), appearance: 'subtle', group: 'danger' },\n ]}\n farItems={[\n { key: 'filter', label: 'Filter', icon: <span>🔍</span>, onClick: () => console.log('Filter clicked'), isFarItem: true },\n { key: 'settings', label: 'Settings', icon: <span>⚙</span>, onClick: () => console.log('Settings clicked'), isFarItem: true },\n ]}\n totalCount={10}\n showGroupDividers={true}\n ariaLabel=\"List Toolbar\"\n />\n </div>\n }\n {controlVisibility.TestControl &&\n <div id=\"TestControlDiv\" className={styles.container}>\n <TestControl context={this.props.context} themeVariant={this.props.themeVariant} />\n </div>\n }\n {controlVisibility.UploadFiles &&\n <div id=\"UploadFilesDiv\" className={styles.container}>\n <h3>Upload Files</h3>\n <EnhancedThemeProvider theme={this.props.themeVariant} context={this.props.context}>\n <Stack>\n <UploadFiles\n context={this.props.context}\n title=\"Upload Files\"\n onUploadFiles={(files) => {\n console.log(\"files\", files);\n }}\n themeVariant={this.props.themeVariant}\n />\n </Stack>\n </EnhancedThemeProvider>\n </div>\n }\n {controlVisibility.UserPicker &&\n <div id=\"UserPickerDiv\" className={styles.container}>\n <UserPicker\n context={this.props.context}\n secondaryTextPropertyName=\"mail\"\n theme={this.props.themeVariant}\n placeholder={\"Search User\"}\n // label={\n // <div>\n // <Person20Filled color={tokens.colorBrandForeground1} />\n // <Body1>Select User</Body1>\n // </div>\n // }\n // onSelectedUsers={onSelectedUsers}\n // onRemoveSelectedUser={onRemovedUser}\n />\n </div>\n }\n {\n controlVisibility.Calendar &&\n <div id=\"CalendarDiv\" className={styles.container}>\n <TestCalendarControl\n context={this.props.context} theme={this.props.themeVariant as any} hasTeamsContext={false} themeString={'default'} title={'Calendar'} appHostName={EAppHostName.SharePoint} />\n </div>\n\n }\n {\n controlVisibility.SPFilePicker &&\n <div id=\"SPFilePickerDiv\" className={styles.container}>\n <TestSPFilePickerControl context={this.props.context} />\n </div>\n\n }\n {controlVisibility.WorldMap &&\n <div id=\"WorldMapDiv\" className={styles.container}>\n <WorldMap description={'World Map Sample'} isDarkTheme={false} hasTeamsContext={false} title={'Microsoft Locations Worldwide'} />\n </div>\n }\n </div>\n </React.Suspense>\n );\n }\n\n private getRandomCollectionFieldData = () => {\n const result: Record<string, unknown>[] = [];\n for (let i = 1; i < 16; i++) {\n\n const sampleDate = new Date();\n sampleDate.setDate(sampleDate.getDate() + i);\n\n result.push({\n \"Field1\": `String${i}`,\n \"Field2\": i,\n \"Field3\": \"https://pnp.github.io/\",\n \"Field4\": true,\n \"Field5\": null as any,\n \"Field6\": { key: \"choice 1\", text: \"choice 1\" },\n \"Field7\": [{ key: \"choice 1\", text: \"choice 1\" }, { key: \"choice 2\", text: \"choice 2\" }],\n \"Field8\": sampleDate\n });\n }\n return result;\n }\n\n private onExpandCollapseTree(item: ITreeItem, isExpanded: boolean) {\n console.log((isExpanded ? \"item expanded: \" : \"item collapsed: \") + item);\n }\n\n private onItemSelected(items: ITreeItem[]) {\n console.log(\"items selected: \" + items.length);\n }\n\n private renderCustomTreeItem(item: ITreeItem): JSX.Element {\n return (\n <span>\n {\n item.iconProps &&\n <i className={\"ms-Icon ms-Icon--\" + item.iconProps.iconName} style={{ paddingRight: '4px' }} />\n }\n {item.label}\n </span>\n );\n }\n\n private _getPage(page: number) {\n console.log('Page:', page);\n }\n\n // private _onFolderSelect = (folder: IFolder): void => {\n // console.log('selected folder', folder);\n //\n}\n"
|
|
22370
22294
|
}
|
|
22371
22295
|
}
|
|
22372
22296
|
}
|
|
22373
22297
|
}
|
|
22374
22298
|
],
|
|
22375
22299
|
"ruleId": "max-lines",
|
|
22376
|
-
"ruleIndex":
|
|
22300
|
+
"ruleIndex": 16,
|
|
22377
22301
|
"suppressions": []
|
|
22378
22302
|
},
|
|
22379
22303
|
{
|
|
@@ -22457,7 +22381,7 @@
|
|
|
22457
22381
|
}
|
|
22458
22382
|
],
|
|
22459
22383
|
"ruleId": "no-script-url",
|
|
22460
|
-
"ruleIndex":
|
|
22384
|
+
"ruleIndex": 17,
|
|
22461
22385
|
"suppressions": []
|
|
22462
22386
|
},
|
|
22463
22387
|
{
|
|
@@ -22516,58 +22440,6 @@
|
|
|
22516
22440
|
"ruleIndex": 0,
|
|
22517
22441
|
"suppressions": []
|
|
22518
22442
|
},
|
|
22519
|
-
{
|
|
22520
|
-
"level": "warning",
|
|
22521
|
-
"message": {
|
|
22522
|
-
"text": "`'` can be escaped with `'`, `‘`, `'`, `’`."
|
|
22523
|
-
},
|
|
22524
|
-
"locations": [
|
|
22525
|
-
{
|
|
22526
|
-
"physicalLocation": {
|
|
22527
|
-
"artifactLocation": {
|
|
22528
|
-
"uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
|
|
22529
|
-
"index": 914
|
|
22530
|
-
},
|
|
22531
|
-
"region": {
|
|
22532
|
-
"startLine": 3025,
|
|
22533
|
-
"startColumn": 80,
|
|
22534
|
-
"snippet": {
|
|
22535
|
-
"text": "'Fluent UI' theme library and how to apply/generate theme variation for the Web Part itself.</Label>"
|
|
22536
|
-
}
|
|
22537
|
-
}
|
|
22538
|
-
}
|
|
22539
|
-
}
|
|
22540
|
-
],
|
|
22541
|
-
"ruleId": "react/no-unescaped-entities",
|
|
22542
|
-
"ruleIndex": 19,
|
|
22543
|
-
"suppressions": []
|
|
22544
|
-
},
|
|
22545
|
-
{
|
|
22546
|
-
"level": "warning",
|
|
22547
|
-
"message": {
|
|
22548
|
-
"text": "`'` can be escaped with `'`, `‘`, `'`, `’`."
|
|
22549
|
-
},
|
|
22550
|
-
"locations": [
|
|
22551
|
-
{
|
|
22552
|
-
"physicalLocation": {
|
|
22553
|
-
"artifactLocation": {
|
|
22554
|
-
"uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
|
|
22555
|
-
"index": 914
|
|
22556
|
-
},
|
|
22557
|
-
"region": {
|
|
22558
|
-
"startLine": 3025,
|
|
22559
|
-
"startColumn": 90,
|
|
22560
|
-
"snippet": {
|
|
22561
|
-
"text": "' theme library and how to apply/generate theme variation for the Web Part itself.</Label>"
|
|
22562
|
-
}
|
|
22563
|
-
}
|
|
22564
|
-
}
|
|
22565
|
-
}
|
|
22566
|
-
],
|
|
22567
|
-
"ruleId": "react/no-unescaped-entities",
|
|
22568
|
-
"ruleIndex": 19,
|
|
22569
|
-
"suppressions": []
|
|
22570
|
-
},
|
|
22571
22443
|
{
|
|
22572
22444
|
"level": "warning",
|
|
22573
22445
|
"message": {
|
|
@@ -23082,7 +22954,7 @@
|
|
|
23082
22954
|
}
|
|
23083
22955
|
],
|
|
23084
22956
|
"ruleId": "no-unused-expressions",
|
|
23085
|
-
"ruleIndex":
|
|
22957
|
+
"ruleIndex": 18,
|
|
23086
22958
|
"suppressions": [
|
|
23087
22959
|
{
|
|
23088
22960
|
"kind": "inSource",
|
|
@@ -23112,7 +22984,7 @@
|
|
|
23112
22984
|
}
|
|
23113
22985
|
],
|
|
23114
22986
|
"ruleId": "no-unused-expressions",
|
|
23115
|
-
"ruleIndex":
|
|
22987
|
+
"ruleIndex": 18,
|
|
23116
22988
|
"suppressions": [
|
|
23117
22989
|
{
|
|
23118
22990
|
"kind": "inSource",
|
|
@@ -23929,141 +23801,6 @@
|
|
|
23929
23801
|
"justification": ""
|
|
23930
23802
|
}
|
|
23931
23803
|
]
|
|
23932
|
-
},
|
|
23933
|
-
{
|
|
23934
|
-
"level": "warning",
|
|
23935
|
-
"message": {
|
|
23936
|
-
"text": "Unexpected any. Specify a different type."
|
|
23937
|
-
},
|
|
23938
|
-
"locations": [
|
|
23939
|
-
{
|
|
23940
|
-
"physicalLocation": {
|
|
23941
|
-
"artifactLocation": {
|
|
23942
|
-
"uri": "src/webparts/controlsTest/components/TestImagePickerControl.tsx",
|
|
23943
|
-
"index": 935
|
|
23944
|
-
},
|
|
23945
|
-
"region": {
|
|
23946
|
-
"startLine": 11,
|
|
23947
|
-
"startColumn": 16,
|
|
23948
|
-
"endLine": 11,
|
|
23949
|
-
"endColumn": 19,
|
|
23950
|
-
"snippet": {
|
|
23951
|
-
"text": "any"
|
|
23952
|
-
}
|
|
23953
|
-
}
|
|
23954
|
-
}
|
|
23955
|
-
}
|
|
23956
|
-
],
|
|
23957
|
-
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
23958
|
-
"ruleIndex": 0
|
|
23959
|
-
},
|
|
23960
|
-
{
|
|
23961
|
-
"level": "warning",
|
|
23962
|
-
"message": {
|
|
23963
|
-
"text": "Missing return type on function."
|
|
23964
|
-
},
|
|
23965
|
-
"locations": [
|
|
23966
|
-
{
|
|
23967
|
-
"physicalLocation": {
|
|
23968
|
-
"artifactLocation": {
|
|
23969
|
-
"uri": "src/webparts/controlsTest/components/TestImagePickerControl.tsx",
|
|
23970
|
-
"index": 935
|
|
23971
|
-
},
|
|
23972
|
-
"region": {
|
|
23973
|
-
"startLine": 23,
|
|
23974
|
-
"startColumn": 56,
|
|
23975
|
-
"endLine": 23,
|
|
23976
|
-
"endColumn": 58,
|
|
23977
|
-
"snippet": {
|
|
23978
|
-
"text": "=>"
|
|
23979
|
-
}
|
|
23980
|
-
}
|
|
23981
|
-
}
|
|
23982
|
-
}
|
|
23983
|
-
],
|
|
23984
|
-
"ruleId": "@typescript-eslint/explicit-function-return-type",
|
|
23985
|
-
"ruleIndex": 9
|
|
23986
|
-
},
|
|
23987
|
-
{
|
|
23988
|
-
"level": "warning",
|
|
23989
|
-
"message": {
|
|
23990
|
-
"text": "Missing return type on function."
|
|
23991
|
-
},
|
|
23992
|
-
"locations": [
|
|
23993
|
-
{
|
|
23994
|
-
"physicalLocation": {
|
|
23995
|
-
"artifactLocation": {
|
|
23996
|
-
"uri": "src/webparts/controlsTest/components/TestImagePickerControl.tsx",
|
|
23997
|
-
"index": 935
|
|
23998
|
-
},
|
|
23999
|
-
"region": {
|
|
24000
|
-
"startLine": 28,
|
|
24001
|
-
"startColumn": 31,
|
|
24002
|
-
"endLine": 28,
|
|
24003
|
-
"endColumn": 33,
|
|
24004
|
-
"snippet": {
|
|
24005
|
-
"text": "=>"
|
|
24006
|
-
}
|
|
24007
|
-
}
|
|
24008
|
-
}
|
|
24009
|
-
}
|
|
24010
|
-
],
|
|
24011
|
-
"ruleId": "@typescript-eslint/explicit-function-return-type",
|
|
24012
|
-
"ruleIndex": 9
|
|
24013
|
-
},
|
|
24014
|
-
{
|
|
24015
|
-
"level": "warning",
|
|
24016
|
-
"message": {
|
|
24017
|
-
"text": "Unexpected any. Specify a different type."
|
|
24018
|
-
},
|
|
24019
|
-
"locations": [
|
|
24020
|
-
{
|
|
24021
|
-
"physicalLocation": {
|
|
24022
|
-
"artifactLocation": {
|
|
24023
|
-
"uri": "src/webparts/controlsTest/components/TestUserPickerControl.tsx",
|
|
24024
|
-
"index": 936
|
|
24025
|
-
},
|
|
24026
|
-
"region": {
|
|
24027
|
-
"startLine": 43,
|
|
24028
|
-
"startColumn": 17,
|
|
24029
|
-
"endLine": 43,
|
|
24030
|
-
"endColumn": 20,
|
|
24031
|
-
"snippet": {
|
|
24032
|
-
"text": "any"
|
|
24033
|
-
}
|
|
24034
|
-
}
|
|
24035
|
-
}
|
|
24036
|
-
}
|
|
24037
|
-
],
|
|
24038
|
-
"ruleId": "@typescript-eslint/no-explicit-any",
|
|
24039
|
-
"ruleIndex": 0
|
|
24040
|
-
},
|
|
24041
|
-
{
|
|
24042
|
-
"level": "warning",
|
|
24043
|
-
"message": {
|
|
24044
|
-
"text": "Missing return type on function."
|
|
24045
|
-
},
|
|
24046
|
-
"locations": [
|
|
24047
|
-
{
|
|
24048
|
-
"physicalLocation": {
|
|
24049
|
-
"artifactLocation": {
|
|
24050
|
-
"uri": "src/webparts/controlsTest/components/TestUserPickerControl.tsx",
|
|
24051
|
-
"index": 936
|
|
24052
|
-
},
|
|
24053
|
-
"region": {
|
|
24054
|
-
"startLine": 57,
|
|
24055
|
-
"startColumn": 47,
|
|
24056
|
-
"endLine": 57,
|
|
24057
|
-
"endColumn": 49,
|
|
24058
|
-
"snippet": {
|
|
24059
|
-
"text": "=>"
|
|
24060
|
-
}
|
|
24061
|
-
}
|
|
24062
|
-
}
|
|
24063
|
-
}
|
|
24064
|
-
],
|
|
24065
|
-
"ruleId": "@typescript-eslint/explicit-function-return-type",
|
|
24066
|
-
"ruleIndex": 9
|
|
24067
23804
|
}
|
|
24068
23805
|
]
|
|
24069
23806
|
}
|