@pnp/spfx-controls-react 3.26.0-beta.3602956 → 3.26.0-beta.4124928

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.
@@ -19165,53 +19165,56 @@
19165
19165
  {
19166
19166
  "level": "warning",
19167
19167
  "message": {
19168
- "text": "Missing return type on function."
19168
+ "text": "Unexpected any. Specify a different type."
19169
19169
  },
19170
19170
  "locations": [
19171
19171
  {
19172
19172
  "physicalLocation": {
19173
19173
  "artifactLocation": {
19174
- "uri": "src/extensions/ootbFields/components/Customizer/OotbFields.tsx",
19175
- "index": 865
19174
+ "uri": "src/extensions/testForm/components/TestForm.tsx",
19175
+ "index": 869
19176
19176
  },
19177
19177
  "region": {
19178
- "startLine": 33,
19179
- "startColumn": 3,
19180
- "endLine": 33,
19181
- "endColumn": 35,
19182
- "snippet": {
19183
- "text": "public UNSAFE_componentWillMount"
19184
- }
19178
+ "startLine": 44,
19179
+ "startColumn": 50,
19180
+ "endLine": 44,
19181
+ "endColumn": 53
19185
19182
  }
19186
19183
  }
19187
19184
  }
19188
19185
  ],
19189
- "ruleId": "@typescript-eslint/explicit-function-return-type",
19190
- "ruleIndex": 9
19186
+ "ruleId": "@typescript-eslint/no-explicit-any",
19187
+ "ruleIndex": 0,
19188
+ "suppressions": [
19189
+ {
19190
+ "kind": "inSource",
19191
+ "justification": ""
19192
+ }
19193
+ ]
19191
19194
  },
19192
19195
  {
19193
- "level": "warning",
19196
+ "level": "error",
19194
19197
  "message": {
19195
- "text": "Unexpected any. Specify a different type."
19198
+ "text": "Unexpected var, use let or const instead."
19196
19199
  },
19197
19200
  "locations": [
19198
19201
  {
19199
19202
  "physicalLocation": {
19200
19203
  "artifactLocation": {
19201
- "uri": "src/extensions/testForm/components/TestForm.tsx",
19202
- "index": 869
19204
+ "uri": "src/loc/bg-bg.ts",
19205
+ "index": 871
19203
19206
  },
19204
19207
  "region": {
19205
- "startLine": 44,
19206
- "startColumn": 50,
19207
- "endLine": 44,
19208
- "endColumn": 53
19208
+ "startLine": 2,
19209
+ "startColumn": 1,
19210
+ "endLine": 2,
19211
+ "endColumn": 25
19209
19212
  }
19210
19213
  }
19211
19214
  }
19212
19215
  ],
19213
- "ruleId": "@typescript-eslint/no-explicit-any",
19214
- "ruleIndex": 0,
19216
+ "ruleId": "no-var",
19217
+ "ruleIndex": 14,
19215
19218
  "suppressions": [
19216
19219
  {
19217
19220
  "kind": "inSource",
@@ -19235,17 +19238,19 @@
19235
19238
  "startLine": 2,
19236
19239
  "startColumn": 21,
19237
19240
  "endLine": 2,
19238
- "endColumn": 24,
19239
- "snippet": {
19240
- "text": "any"
19241
- }
19241
+ "endColumn": 24
19242
19242
  }
19243
19243
  }
19244
19244
  }
19245
19245
  ],
19246
19246
  "ruleId": "@typescript-eslint/no-explicit-any",
19247
19247
  "ruleIndex": 0,
19248
- "suppressions": []
19248
+ "suppressions": [
19249
+ {
19250
+ "kind": "inSource",
19251
+ "justification": ""
19252
+ }
19253
+ ]
19249
19254
  },
19250
19255
  {
19251
19256
  "level": "error",
@@ -19256,17 +19261,14 @@
19256
19261
  {
19257
19262
  "physicalLocation": {
19258
19263
  "artifactLocation": {
19259
- "uri": "src/loc/bg-bg.ts",
19260
- "index": 871
19264
+ "uri": "src/loc/ca-es.ts",
19265
+ "index": 872
19261
19266
  },
19262
19267
  "region": {
19263
19268
  "startLine": 2,
19264
19269
  "startColumn": 1,
19265
19270
  "endLine": 2,
19266
- "endColumn": 25,
19267
- "snippet": {
19268
- "text": "declare var define: any;"
19269
- }
19271
+ "endColumn": 25
19270
19272
  }
19271
19273
  }
19272
19274
  }
@@ -19296,17 +19298,19 @@
19296
19298
  "startLine": 2,
19297
19299
  "startColumn": 21,
19298
19300
  "endLine": 2,
19299
- "endColumn": 24,
19300
- "snippet": {
19301
- "text": "any"
19302
- }
19301
+ "endColumn": 24
19303
19302
  }
19304
19303
  }
19305
19304
  }
19306
19305
  ],
19307
19306
  "ruleId": "@typescript-eslint/no-explicit-any",
19308
19307
  "ruleIndex": 0,
19309
- "suppressions": []
19308
+ "suppressions": [
19309
+ {
19310
+ "kind": "inSource",
19311
+ "justification": ""
19312
+ }
19313
+ ]
19310
19314
  },
19311
19315
  {
19312
19316
  "level": "error",
@@ -19317,17 +19321,14 @@
19317
19321
  {
19318
19322
  "physicalLocation": {
19319
19323
  "artifactLocation": {
19320
- "uri": "src/loc/ca-es.ts",
19321
- "index": 872
19324
+ "uri": "src/loc/cs-cz.ts",
19325
+ "index": 873
19322
19326
  },
19323
19327
  "region": {
19324
19328
  "startLine": 2,
19325
19329
  "startColumn": 1,
19326
19330
  "endLine": 2,
19327
- "endColumn": 25,
19328
- "snippet": {
19329
- "text": "declare var define: any;"
19330
- }
19331
+ "endColumn": 25
19331
19332
  }
19332
19333
  }
19333
19334
  }
@@ -19357,17 +19358,19 @@
19357
19358
  "startLine": 2,
19358
19359
  "startColumn": 21,
19359
19360
  "endLine": 2,
19360
- "endColumn": 24,
19361
- "snippet": {
19362
- "text": "any"
19363
- }
19361
+ "endColumn": 24
19364
19362
  }
19365
19363
  }
19366
19364
  }
19367
19365
  ],
19368
19366
  "ruleId": "@typescript-eslint/no-explicit-any",
19369
19367
  "ruleIndex": 0,
19370
- "suppressions": []
19368
+ "suppressions": [
19369
+ {
19370
+ "kind": "inSource",
19371
+ "justification": ""
19372
+ }
19373
+ ]
19371
19374
  },
19372
19375
  {
19373
19376
  "level": "error",
@@ -19378,17 +19381,14 @@
19378
19381
  {
19379
19382
  "physicalLocation": {
19380
19383
  "artifactLocation": {
19381
- "uri": "src/loc/cs-cz.ts",
19382
- "index": 873
19384
+ "uri": "src/loc/da-dk.ts",
19385
+ "index": 874
19383
19386
  },
19384
19387
  "region": {
19385
19388
  "startLine": 2,
19386
19389
  "startColumn": 1,
19387
19390
  "endLine": 2,
19388
- "endColumn": 25,
19389
- "snippet": {
19390
- "text": "declare var define: any;"
19391
- }
19391
+ "endColumn": 25
19392
19392
  }
19393
19393
  }
19394
19394
  }
@@ -19418,17 +19418,19 @@
19418
19418
  "startLine": 2,
19419
19419
  "startColumn": 21,
19420
19420
  "endLine": 2,
19421
- "endColumn": 24,
19422
- "snippet": {
19423
- "text": "any"
19424
- }
19421
+ "endColumn": 24
19425
19422
  }
19426
19423
  }
19427
19424
  }
19428
19425
  ],
19429
19426
  "ruleId": "@typescript-eslint/no-explicit-any",
19430
19427
  "ruleIndex": 0,
19431
- "suppressions": []
19428
+ "suppressions": [
19429
+ {
19430
+ "kind": "inSource",
19431
+ "justification": ""
19432
+ }
19433
+ ]
19432
19434
  },
19433
19435
  {
19434
19436
  "level": "error",
@@ -19439,17 +19441,14 @@
19439
19441
  {
19440
19442
  "physicalLocation": {
19441
19443
  "artifactLocation": {
19442
- "uri": "src/loc/da-dk.ts",
19443
- "index": 874
19444
+ "uri": "src/loc/de-de.ts",
19445
+ "index": 875
19444
19446
  },
19445
19447
  "region": {
19446
19448
  "startLine": 2,
19447
19449
  "startColumn": 1,
19448
19450
  "endLine": 2,
19449
- "endColumn": 25,
19450
- "snippet": {
19451
- "text": "declare var define: any;"
19452
- }
19451
+ "endColumn": 25
19453
19452
  }
19454
19453
  }
19455
19454
  }
@@ -19479,17 +19478,19 @@
19479
19478
  "startLine": 2,
19480
19479
  "startColumn": 21,
19481
19480
  "endLine": 2,
19482
- "endColumn": 24,
19483
- "snippet": {
19484
- "text": "any"
19485
- }
19481
+ "endColumn": 24
19486
19482
  }
19487
19483
  }
19488
19484
  }
19489
19485
  ],
19490
19486
  "ruleId": "@typescript-eslint/no-explicit-any",
19491
19487
  "ruleIndex": 0,
19492
- "suppressions": []
19488
+ "suppressions": [
19489
+ {
19490
+ "kind": "inSource",
19491
+ "justification": ""
19492
+ }
19493
+ ]
19493
19494
  },
19494
19495
  {
19495
19496
  "level": "error",
@@ -19500,17 +19501,14 @@
19500
19501
  {
19501
19502
  "physicalLocation": {
19502
19503
  "artifactLocation": {
19503
- "uri": "src/loc/de-de.ts",
19504
- "index": 875
19504
+ "uri": "src/loc/el-gr.ts",
19505
+ "index": 876
19505
19506
  },
19506
19507
  "region": {
19507
19508
  "startLine": 2,
19508
19509
  "startColumn": 1,
19509
19510
  "endLine": 2,
19510
- "endColumn": 25,
19511
- "snippet": {
19512
- "text": "declare var define: any;"
19513
- }
19511
+ "endColumn": 25
19514
19512
  }
19515
19513
  }
19516
19514
  }
@@ -19540,17 +19538,19 @@
19540
19538
  "startLine": 2,
19541
19539
  "startColumn": 21,
19542
19540
  "endLine": 2,
19543
- "endColumn": 24,
19544
- "snippet": {
19545
- "text": "any"
19546
- }
19541
+ "endColumn": 24
19547
19542
  }
19548
19543
  }
19549
19544
  }
19550
19545
  ],
19551
19546
  "ruleId": "@typescript-eslint/no-explicit-any",
19552
19547
  "ruleIndex": 0,
19553
- "suppressions": []
19548
+ "suppressions": [
19549
+ {
19550
+ "kind": "inSource",
19551
+ "justification": ""
19552
+ }
19553
+ ]
19554
19554
  },
19555
19555
  {
19556
19556
  "level": "error",
@@ -19561,17 +19561,14 @@
19561
19561
  {
19562
19562
  "physicalLocation": {
19563
19563
  "artifactLocation": {
19564
- "uri": "src/loc/el-gr.ts",
19565
- "index": 876
19564
+ "uri": "src/loc/en-us.ts",
19565
+ "index": 877
19566
19566
  },
19567
19567
  "region": {
19568
- "startLine": 2,
19568
+ "startLine": 4,
19569
19569
  "startColumn": 1,
19570
- "endLine": 2,
19571
- "endColumn": 25,
19572
- "snippet": {
19573
- "text": "declare var define: any;"
19574
- }
19570
+ "endLine": 4,
19571
+ "endColumn": 25
19575
19572
  }
19576
19573
  }
19577
19574
  }
@@ -19601,17 +19598,19 @@
19601
19598
  "startLine": 4,
19602
19599
  "startColumn": 21,
19603
19600
  "endLine": 4,
19604
- "endColumn": 24,
19605
- "snippet": {
19606
- "text": "any"
19607
- }
19601
+ "endColumn": 24
19608
19602
  }
19609
19603
  }
19610
19604
  }
19611
19605
  ],
19612
19606
  "ruleId": "@typescript-eslint/no-explicit-any",
19613
19607
  "ruleIndex": 0,
19614
- "suppressions": []
19608
+ "suppressions": [
19609
+ {
19610
+ "kind": "inSource",
19611
+ "justification": ""
19612
+ }
19613
+ ]
19615
19614
  },
19616
19615
  {
19617
19616
  "level": "error",
@@ -19622,17 +19621,14 @@
19622
19621
  {
19623
19622
  "physicalLocation": {
19624
19623
  "artifactLocation": {
19625
- "uri": "src/loc/en-us.ts",
19626
- "index": 877
19624
+ "uri": "src/loc/es-es.ts",
19625
+ "index": 878
19627
19626
  },
19628
19627
  "region": {
19629
- "startLine": 4,
19628
+ "startLine": 2,
19630
19629
  "startColumn": 1,
19631
- "endLine": 4,
19632
- "endColumn": 25,
19633
- "snippet": {
19634
- "text": "declare var define: any;"
19635
- }
19630
+ "endLine": 2,
19631
+ "endColumn": 25
19636
19632
  }
19637
19633
  }
19638
19634
  }
@@ -19662,17 +19658,19 @@
19662
19658
  "startLine": 2,
19663
19659
  "startColumn": 21,
19664
19660
  "endLine": 2,
19665
- "endColumn": 24,
19666
- "snippet": {
19667
- "text": "any"
19668
- }
19661
+ "endColumn": 24
19669
19662
  }
19670
19663
  }
19671
19664
  }
19672
19665
  ],
19673
19666
  "ruleId": "@typescript-eslint/no-explicit-any",
19674
19667
  "ruleIndex": 0,
19675
- "suppressions": []
19668
+ "suppressions": [
19669
+ {
19670
+ "kind": "inSource",
19671
+ "justification": ""
19672
+ }
19673
+ ]
19676
19674
  },
19677
19675
  {
19678
19676
  "level": "error",
@@ -19683,17 +19681,14 @@
19683
19681
  {
19684
19682
  "physicalLocation": {
19685
19683
  "artifactLocation": {
19686
- "uri": "src/loc/es-es.ts",
19687
- "index": 878
19684
+ "uri": "src/loc/et-ee.ts",
19685
+ "index": 879
19688
19686
  },
19689
19687
  "region": {
19690
19688
  "startLine": 2,
19691
19689
  "startColumn": 1,
19692
19690
  "endLine": 2,
19693
- "endColumn": 25,
19694
- "snippet": {
19695
- "text": "declare var define: any;"
19696
- }
19691
+ "endColumn": 25
19697
19692
  }
19698
19693
  }
19699
19694
  }
@@ -19723,17 +19718,19 @@
19723
19718
  "startLine": 2,
19724
19719
  "startColumn": 21,
19725
19720
  "endLine": 2,
19726
- "endColumn": 24,
19727
- "snippet": {
19728
- "text": "any"
19729
- }
19721
+ "endColumn": 24
19730
19722
  }
19731
19723
  }
19732
19724
  }
19733
19725
  ],
19734
19726
  "ruleId": "@typescript-eslint/no-explicit-any",
19735
19727
  "ruleIndex": 0,
19736
- "suppressions": []
19728
+ "suppressions": [
19729
+ {
19730
+ "kind": "inSource",
19731
+ "justification": ""
19732
+ }
19733
+ ]
19737
19734
  },
19738
19735
  {
19739
19736
  "level": "error",
@@ -19744,17 +19741,14 @@
19744
19741
  {
19745
19742
  "physicalLocation": {
19746
19743
  "artifactLocation": {
19747
- "uri": "src/loc/et-ee.ts",
19748
- "index": 879
19744
+ "uri": "src/loc/eu-es.ts",
19745
+ "index": 880
19749
19746
  },
19750
19747
  "region": {
19751
19748
  "startLine": 2,
19752
19749
  "startColumn": 1,
19753
19750
  "endLine": 2,
19754
- "endColumn": 25,
19755
- "snippet": {
19756
- "text": "declare var define: any;"
19757
- }
19751
+ "endColumn": 25
19758
19752
  }
19759
19753
  }
19760
19754
  }
@@ -19784,17 +19778,19 @@
19784
19778
  "startLine": 2,
19785
19779
  "startColumn": 21,
19786
19780
  "endLine": 2,
19787
- "endColumn": 24,
19788
- "snippet": {
19789
- "text": "any"
19790
- }
19781
+ "endColumn": 24
19791
19782
  }
19792
19783
  }
19793
19784
  }
19794
19785
  ],
19795
19786
  "ruleId": "@typescript-eslint/no-explicit-any",
19796
19787
  "ruleIndex": 0,
19797
- "suppressions": []
19788
+ "suppressions": [
19789
+ {
19790
+ "kind": "inSource",
19791
+ "justification": ""
19792
+ }
19793
+ ]
19798
19794
  },
19799
19795
  {
19800
19796
  "level": "error",
@@ -19805,17 +19801,14 @@
19805
19801
  {
19806
19802
  "physicalLocation": {
19807
19803
  "artifactLocation": {
19808
- "uri": "src/loc/eu-es.ts",
19809
- "index": 880
19804
+ "uri": "src/loc/fi-fi.ts",
19805
+ "index": 881
19810
19806
  },
19811
19807
  "region": {
19812
19808
  "startLine": 2,
19813
19809
  "startColumn": 1,
19814
19810
  "endLine": 2,
19815
- "endColumn": 25,
19816
- "snippet": {
19817
- "text": "declare var define: any;"
19818
- }
19811
+ "endColumn": 25
19819
19812
  }
19820
19813
  }
19821
19814
  }
@@ -19845,17 +19838,19 @@
19845
19838
  "startLine": 2,
19846
19839
  "startColumn": 21,
19847
19840
  "endLine": 2,
19848
- "endColumn": 24,
19849
- "snippet": {
19850
- "text": "any"
19851
- }
19841
+ "endColumn": 24
19852
19842
  }
19853
19843
  }
19854
19844
  }
19855
19845
  ],
19856
19846
  "ruleId": "@typescript-eslint/no-explicit-any",
19857
19847
  "ruleIndex": 0,
19858
- "suppressions": []
19848
+ "suppressions": [
19849
+ {
19850
+ "kind": "inSource",
19851
+ "justification": ""
19852
+ }
19853
+ ]
19859
19854
  },
19860
19855
  {
19861
19856
  "level": "error",
@@ -19866,17 +19861,14 @@
19866
19861
  {
19867
19862
  "physicalLocation": {
19868
19863
  "artifactLocation": {
19869
- "uri": "src/loc/fi-fi.ts",
19870
- "index": 881
19864
+ "uri": "src/loc/fr-ca.ts",
19865
+ "index": 882
19871
19866
  },
19872
19867
  "region": {
19873
19868
  "startLine": 2,
19874
19869
  "startColumn": 1,
19875
19870
  "endLine": 2,
19876
- "endColumn": 25,
19877
- "snippet": {
19878
- "text": "declare var define: any;"
19879
- }
19871
+ "endColumn": 25
19880
19872
  }
19881
19873
  }
19882
19874
  }
@@ -19906,17 +19898,19 @@
19906
19898
  "startLine": 2,
19907
19899
  "startColumn": 21,
19908
19900
  "endLine": 2,
19909
- "endColumn": 24,
19910
- "snippet": {
19911
- "text": "any"
19912
- }
19901
+ "endColumn": 24
19913
19902
  }
19914
19903
  }
19915
19904
  }
19916
19905
  ],
19917
19906
  "ruleId": "@typescript-eslint/no-explicit-any",
19918
19907
  "ruleIndex": 0,
19919
- "suppressions": []
19908
+ "suppressions": [
19909
+ {
19910
+ "kind": "inSource",
19911
+ "justification": ""
19912
+ }
19913
+ ]
19920
19914
  },
19921
19915
  {
19922
19916
  "level": "error",
@@ -19927,17 +19921,14 @@
19927
19921
  {
19928
19922
  "physicalLocation": {
19929
19923
  "artifactLocation": {
19930
- "uri": "src/loc/fr-ca.ts",
19931
- "index": 882
19924
+ "uri": "src/loc/fr-fr.ts",
19925
+ "index": 883
19932
19926
  },
19933
19927
  "region": {
19934
19928
  "startLine": 2,
19935
19929
  "startColumn": 1,
19936
19930
  "endLine": 2,
19937
- "endColumn": 25,
19938
- "snippet": {
19939
- "text": "declare var define: any;"
19940
- }
19931
+ "endColumn": 25
19941
19932
  }
19942
19933
  }
19943
19934
  }
@@ -19967,17 +19958,19 @@
19967
19958
  "startLine": 2,
19968
19959
  "startColumn": 21,
19969
19960
  "endLine": 2,
19970
- "endColumn": 24,
19971
- "snippet": {
19972
- "text": "any"
19973
- }
19961
+ "endColumn": 24
19974
19962
  }
19975
19963
  }
19976
19964
  }
19977
19965
  ],
19978
19966
  "ruleId": "@typescript-eslint/no-explicit-any",
19979
19967
  "ruleIndex": 0,
19980
- "suppressions": []
19968
+ "suppressions": [
19969
+ {
19970
+ "kind": "inSource",
19971
+ "justification": ""
19972
+ }
19973
+ ]
19981
19974
  },
19982
19975
  {
19983
19976
  "level": "error",
@@ -19988,17 +19981,14 @@
19988
19981
  {
19989
19982
  "physicalLocation": {
19990
19983
  "artifactLocation": {
19991
- "uri": "src/loc/fr-fr.ts",
19992
- "index": 883
19984
+ "uri": "src/loc/it-it.ts",
19985
+ "index": 884
19993
19986
  },
19994
19987
  "region": {
19995
19988
  "startLine": 2,
19996
19989
  "startColumn": 1,
19997
19990
  "endLine": 2,
19998
- "endColumn": 25,
19999
- "snippet": {
20000
- "text": "declare var define: any;"
20001
- }
19991
+ "endColumn": 25
20002
19992
  }
20003
19993
  }
20004
19994
  }
@@ -20028,17 +20018,19 @@
20028
20018
  "startLine": 2,
20029
20019
  "startColumn": 21,
20030
20020
  "endLine": 2,
20031
- "endColumn": 24,
20032
- "snippet": {
20033
- "text": "any"
20034
- }
20021
+ "endColumn": 24
20035
20022
  }
20036
20023
  }
20037
20024
  }
20038
20025
  ],
20039
20026
  "ruleId": "@typescript-eslint/no-explicit-any",
20040
20027
  "ruleIndex": 0,
20041
- "suppressions": []
20028
+ "suppressions": [
20029
+ {
20030
+ "kind": "inSource",
20031
+ "justification": ""
20032
+ }
20033
+ ]
20042
20034
  },
20043
20035
  {
20044
20036
  "level": "error",
@@ -20049,17 +20041,14 @@
20049
20041
  {
20050
20042
  "physicalLocation": {
20051
20043
  "artifactLocation": {
20052
- "uri": "src/loc/it-it.ts",
20053
- "index": 884
20044
+ "uri": "src/loc/ja-jp.ts",
20045
+ "index": 885
20054
20046
  },
20055
20047
  "region": {
20056
20048
  "startLine": 2,
20057
20049
  "startColumn": 1,
20058
20050
  "endLine": 2,
20059
- "endColumn": 25,
20060
- "snippet": {
20061
- "text": "declare var define: any;"
20062
- }
20051
+ "endColumn": 25
20063
20052
  }
20064
20053
  }
20065
20054
  }
@@ -20089,17 +20078,19 @@
20089
20078
  "startLine": 2,
20090
20079
  "startColumn": 21,
20091
20080
  "endLine": 2,
20092
- "endColumn": 24,
20093
- "snippet": {
20094
- "text": "any"
20095
- }
20081
+ "endColumn": 24
20096
20082
  }
20097
20083
  }
20098
20084
  }
20099
20085
  ],
20100
20086
  "ruleId": "@typescript-eslint/no-explicit-any",
20101
20087
  "ruleIndex": 0,
20102
- "suppressions": []
20088
+ "suppressions": [
20089
+ {
20090
+ "kind": "inSource",
20091
+ "justification": ""
20092
+ }
20093
+ ]
20103
20094
  },
20104
20095
  {
20105
20096
  "level": "error",
@@ -20110,17 +20101,14 @@
20110
20101
  {
20111
20102
  "physicalLocation": {
20112
20103
  "artifactLocation": {
20113
- "uri": "src/loc/ja-jp.ts",
20114
- "index": 885
20104
+ "uri": "src/loc/lt-lt.ts",
20105
+ "index": 886
20115
20106
  },
20116
20107
  "region": {
20117
20108
  "startLine": 2,
20118
20109
  "startColumn": 1,
20119
20110
  "endLine": 2,
20120
- "endColumn": 25,
20121
- "snippet": {
20122
- "text": "declare var define: any;"
20123
- }
20111
+ "endColumn": 25
20124
20112
  }
20125
20113
  }
20126
20114
  }
@@ -20150,17 +20138,19 @@
20150
20138
  "startLine": 2,
20151
20139
  "startColumn": 21,
20152
20140
  "endLine": 2,
20153
- "endColumn": 24,
20154
- "snippet": {
20155
- "text": "any"
20156
- }
20141
+ "endColumn": 24
20157
20142
  }
20158
20143
  }
20159
20144
  }
20160
20145
  ],
20161
20146
  "ruleId": "@typescript-eslint/no-explicit-any",
20162
20147
  "ruleIndex": 0,
20163
- "suppressions": []
20148
+ "suppressions": [
20149
+ {
20150
+ "kind": "inSource",
20151
+ "justification": ""
20152
+ }
20153
+ ]
20164
20154
  },
20165
20155
  {
20166
20156
  "level": "error",
@@ -20171,17 +20161,14 @@
20171
20161
  {
20172
20162
  "physicalLocation": {
20173
20163
  "artifactLocation": {
20174
- "uri": "src/loc/lt-lt.ts",
20175
- "index": 886
20164
+ "uri": "src/loc/lv-lv.ts",
20165
+ "index": 887
20176
20166
  },
20177
20167
  "region": {
20178
20168
  "startLine": 2,
20179
20169
  "startColumn": 1,
20180
20170
  "endLine": 2,
20181
- "endColumn": 25,
20182
- "snippet": {
20183
- "text": "declare var define: any;"
20184
- }
20171
+ "endColumn": 25
20185
20172
  }
20186
20173
  }
20187
20174
  }
@@ -20211,17 +20198,19 @@
20211
20198
  "startLine": 2,
20212
20199
  "startColumn": 21,
20213
20200
  "endLine": 2,
20214
- "endColumn": 24,
20215
- "snippet": {
20216
- "text": "any"
20217
- }
20201
+ "endColumn": 24
20218
20202
  }
20219
20203
  }
20220
20204
  }
20221
20205
  ],
20222
20206
  "ruleId": "@typescript-eslint/no-explicit-any",
20223
20207
  "ruleIndex": 0,
20224
- "suppressions": []
20208
+ "suppressions": [
20209
+ {
20210
+ "kind": "inSource",
20211
+ "justification": ""
20212
+ }
20213
+ ]
20225
20214
  },
20226
20215
  {
20227
20216
  "level": "error",
@@ -20232,17 +20221,14 @@
20232
20221
  {
20233
20222
  "physicalLocation": {
20234
20223
  "artifactLocation": {
20235
- "uri": "src/loc/lv-lv.ts",
20236
- "index": 887
20224
+ "uri": "src/loc/nb-no.ts",
20225
+ "index": 888
20237
20226
  },
20238
20227
  "region": {
20239
20228
  "startLine": 2,
20240
20229
  "startColumn": 1,
20241
20230
  "endLine": 2,
20242
- "endColumn": 25,
20243
- "snippet": {
20244
- "text": "declare var define: any;"
20245
- }
20231
+ "endColumn": 25
20246
20232
  }
20247
20233
  }
20248
20234
  }
@@ -20272,17 +20258,19 @@
20272
20258
  "startLine": 2,
20273
20259
  "startColumn": 21,
20274
20260
  "endLine": 2,
20275
- "endColumn": 24,
20276
- "snippet": {
20277
- "text": "any"
20278
- }
20261
+ "endColumn": 24
20279
20262
  }
20280
20263
  }
20281
20264
  }
20282
20265
  ],
20283
20266
  "ruleId": "@typescript-eslint/no-explicit-any",
20284
20267
  "ruleIndex": 0,
20285
- "suppressions": []
20268
+ "suppressions": [
20269
+ {
20270
+ "kind": "inSource",
20271
+ "justification": ""
20272
+ }
20273
+ ]
20286
20274
  },
20287
20275
  {
20288
20276
  "level": "error",
@@ -20293,17 +20281,14 @@
20293
20281
  {
20294
20282
  "physicalLocation": {
20295
20283
  "artifactLocation": {
20296
- "uri": "src/loc/nb-no.ts",
20297
- "index": 888
20284
+ "uri": "src/loc/nl-nl.ts",
20285
+ "index": 889
20298
20286
  },
20299
20287
  "region": {
20300
20288
  "startLine": 2,
20301
20289
  "startColumn": 1,
20302
20290
  "endLine": 2,
20303
- "endColumn": 25,
20304
- "snippet": {
20305
- "text": "declare var define: any;"
20306
- }
20291
+ "endColumn": 25
20307
20292
  }
20308
20293
  }
20309
20294
  }
@@ -20333,17 +20318,19 @@
20333
20318
  "startLine": 2,
20334
20319
  "startColumn": 21,
20335
20320
  "endLine": 2,
20336
- "endColumn": 24,
20337
- "snippet": {
20338
- "text": "any"
20339
- }
20321
+ "endColumn": 24
20340
20322
  }
20341
20323
  }
20342
20324
  }
20343
20325
  ],
20344
20326
  "ruleId": "@typescript-eslint/no-explicit-any",
20345
20327
  "ruleIndex": 0,
20346
- "suppressions": []
20328
+ "suppressions": [
20329
+ {
20330
+ "kind": "inSource",
20331
+ "justification": ""
20332
+ }
20333
+ ]
20347
20334
  },
20348
20335
  {
20349
20336
  "level": "error",
@@ -20354,17 +20341,14 @@
20354
20341
  {
20355
20342
  "physicalLocation": {
20356
20343
  "artifactLocation": {
20357
- "uri": "src/loc/nl-nl.ts",
20358
- "index": 889
20344
+ "uri": "src/loc/pl-pl.ts",
20345
+ "index": 890
20359
20346
  },
20360
20347
  "region": {
20361
20348
  "startLine": 2,
20362
20349
  "startColumn": 1,
20363
20350
  "endLine": 2,
20364
- "endColumn": 25,
20365
- "snippet": {
20366
- "text": "declare var define: any;"
20367
- }
20351
+ "endColumn": 25
20368
20352
  }
20369
20353
  }
20370
20354
  }
@@ -20394,17 +20378,19 @@
20394
20378
  "startLine": 2,
20395
20379
  "startColumn": 21,
20396
20380
  "endLine": 2,
20397
- "endColumn": 24,
20398
- "snippet": {
20399
- "text": "any"
20400
- }
20381
+ "endColumn": 24
20401
20382
  }
20402
20383
  }
20403
20384
  }
20404
20385
  ],
20405
20386
  "ruleId": "@typescript-eslint/no-explicit-any",
20406
20387
  "ruleIndex": 0,
20407
- "suppressions": []
20388
+ "suppressions": [
20389
+ {
20390
+ "kind": "inSource",
20391
+ "justification": ""
20392
+ }
20393
+ ]
20408
20394
  },
20409
20395
  {
20410
20396
  "level": "error",
@@ -20415,17 +20401,14 @@
20415
20401
  {
20416
20402
  "physicalLocation": {
20417
20403
  "artifactLocation": {
20418
- "uri": "src/loc/pl-pl.ts",
20419
- "index": 890
20404
+ "uri": "src/loc/pt-br.ts",
20405
+ "index": 891
20420
20406
  },
20421
20407
  "region": {
20422
20408
  "startLine": 2,
20423
20409
  "startColumn": 1,
20424
20410
  "endLine": 2,
20425
- "endColumn": 25,
20426
- "snippet": {
20427
- "text": "declare var define: any;"
20428
- }
20411
+ "endColumn": 25
20429
20412
  }
20430
20413
  }
20431
20414
  }
@@ -20455,17 +20438,19 @@
20455
20438
  "startLine": 2,
20456
20439
  "startColumn": 21,
20457
20440
  "endLine": 2,
20458
- "endColumn": 24,
20459
- "snippet": {
20460
- "text": "any"
20461
- }
20441
+ "endColumn": 24
20462
20442
  }
20463
20443
  }
20464
20444
  }
20465
20445
  ],
20466
20446
  "ruleId": "@typescript-eslint/no-explicit-any",
20467
20447
  "ruleIndex": 0,
20468
- "suppressions": []
20448
+ "suppressions": [
20449
+ {
20450
+ "kind": "inSource",
20451
+ "justification": ""
20452
+ }
20453
+ ]
20469
20454
  },
20470
20455
  {
20471
20456
  "level": "error",
@@ -20476,17 +20461,14 @@
20476
20461
  {
20477
20462
  "physicalLocation": {
20478
20463
  "artifactLocation": {
20479
- "uri": "src/loc/pt-br.ts",
20480
- "index": 891
20464
+ "uri": "src/loc/pt-pt.ts",
20465
+ "index": 892
20481
20466
  },
20482
20467
  "region": {
20483
20468
  "startLine": 2,
20484
20469
  "startColumn": 1,
20485
20470
  "endLine": 2,
20486
- "endColumn": 25,
20487
- "snippet": {
20488
- "text": "declare var define: any;"
20489
- }
20471
+ "endColumn": 25
20490
20472
  }
20491
20473
  }
20492
20474
  }
@@ -20516,17 +20498,19 @@
20516
20498
  "startLine": 2,
20517
20499
  "startColumn": 21,
20518
20500
  "endLine": 2,
20519
- "endColumn": 24,
20520
- "snippet": {
20521
- "text": "any"
20522
- }
20501
+ "endColumn": 24
20523
20502
  }
20524
20503
  }
20525
20504
  }
20526
20505
  ],
20527
20506
  "ruleId": "@typescript-eslint/no-explicit-any",
20528
20507
  "ruleIndex": 0,
20529
- "suppressions": []
20508
+ "suppressions": [
20509
+ {
20510
+ "kind": "inSource",
20511
+ "justification": ""
20512
+ }
20513
+ ]
20530
20514
  },
20531
20515
  {
20532
20516
  "level": "error",
@@ -20537,17 +20521,14 @@
20537
20521
  {
20538
20522
  "physicalLocation": {
20539
20523
  "artifactLocation": {
20540
- "uri": "src/loc/pt-pt.ts",
20541
- "index": 892
20524
+ "uri": "src/loc/ro-ro.ts",
20525
+ "index": 893
20542
20526
  },
20543
20527
  "region": {
20544
20528
  "startLine": 2,
20545
20529
  "startColumn": 1,
20546
20530
  "endLine": 2,
20547
- "endColumn": 25,
20548
- "snippet": {
20549
- "text": "declare var define: any;"
20550
- }
20531
+ "endColumn": 25
20551
20532
  }
20552
20533
  }
20553
20534
  }
@@ -20577,17 +20558,19 @@
20577
20558
  "startLine": 2,
20578
20559
  "startColumn": 21,
20579
20560
  "endLine": 2,
20580
- "endColumn": 24,
20581
- "snippet": {
20582
- "text": "any"
20583
- }
20561
+ "endColumn": 24
20584
20562
  }
20585
20563
  }
20586
20564
  }
20587
20565
  ],
20588
20566
  "ruleId": "@typescript-eslint/no-explicit-any",
20589
20567
  "ruleIndex": 0,
20590
- "suppressions": []
20568
+ "suppressions": [
20569
+ {
20570
+ "kind": "inSource",
20571
+ "justification": ""
20572
+ }
20573
+ ]
20591
20574
  },
20592
20575
  {
20593
20576
  "level": "error",
@@ -20598,17 +20581,14 @@
20598
20581
  {
20599
20582
  "physicalLocation": {
20600
20583
  "artifactLocation": {
20601
- "uri": "src/loc/ro-ro.ts",
20602
- "index": 893
20584
+ "uri": "src/loc/ru-ru.ts",
20585
+ "index": 894
20603
20586
  },
20604
20587
  "region": {
20605
20588
  "startLine": 2,
20606
20589
  "startColumn": 1,
20607
20590
  "endLine": 2,
20608
- "endColumn": 25,
20609
- "snippet": {
20610
- "text": "declare var define: any;"
20611
- }
20591
+ "endColumn": 25
20612
20592
  }
20613
20593
  }
20614
20594
  }
@@ -20638,17 +20618,19 @@
20638
20618
  "startLine": 2,
20639
20619
  "startColumn": 21,
20640
20620
  "endLine": 2,
20641
- "endColumn": 24,
20642
- "snippet": {
20643
- "text": "any"
20644
- }
20621
+ "endColumn": 24
20645
20622
  }
20646
20623
  }
20647
20624
  }
20648
20625
  ],
20649
20626
  "ruleId": "@typescript-eslint/no-explicit-any",
20650
20627
  "ruleIndex": 0,
20651
- "suppressions": []
20628
+ "suppressions": [
20629
+ {
20630
+ "kind": "inSource",
20631
+ "justification": ""
20632
+ }
20633
+ ]
20652
20634
  },
20653
20635
  {
20654
20636
  "level": "error",
@@ -20659,17 +20641,14 @@
20659
20641
  {
20660
20642
  "physicalLocation": {
20661
20643
  "artifactLocation": {
20662
- "uri": "src/loc/ru-ru.ts",
20663
- "index": 894
20644
+ "uri": "src/loc/sk-sk.ts",
20645
+ "index": 895
20664
20646
  },
20665
20647
  "region": {
20666
20648
  "startLine": 2,
20667
20649
  "startColumn": 1,
20668
20650
  "endLine": 2,
20669
- "endColumn": 25,
20670
- "snippet": {
20671
- "text": "declare var define: any;"
20672
- }
20651
+ "endColumn": 25
20673
20652
  }
20674
20653
  }
20675
20654
  }
@@ -20699,17 +20678,19 @@
20699
20678
  "startLine": 2,
20700
20679
  "startColumn": 21,
20701
20680
  "endLine": 2,
20702
- "endColumn": 24,
20703
- "snippet": {
20704
- "text": "any"
20705
- }
20681
+ "endColumn": 24
20706
20682
  }
20707
20683
  }
20708
20684
  }
20709
20685
  ],
20710
20686
  "ruleId": "@typescript-eslint/no-explicit-any",
20711
20687
  "ruleIndex": 0,
20712
- "suppressions": []
20688
+ "suppressions": [
20689
+ {
20690
+ "kind": "inSource",
20691
+ "justification": ""
20692
+ }
20693
+ ]
20713
20694
  },
20714
20695
  {
20715
20696
  "level": "error",
@@ -20720,17 +20701,14 @@
20720
20701
  {
20721
20702
  "physicalLocation": {
20722
20703
  "artifactLocation": {
20723
- "uri": "src/loc/sk-sk.ts",
20724
- "index": 895
20704
+ "uri": "src/loc/sr-latn-rs.ts",
20705
+ "index": 896
20725
20706
  },
20726
20707
  "region": {
20727
20708
  "startLine": 2,
20728
20709
  "startColumn": 1,
20729
20710
  "endLine": 2,
20730
- "endColumn": 25,
20731
- "snippet": {
20732
- "text": "declare var define: any;"
20733
- }
20711
+ "endColumn": 25
20734
20712
  }
20735
20713
  }
20736
20714
  }
@@ -20760,38 +20738,37 @@
20760
20738
  "startLine": 2,
20761
20739
  "startColumn": 21,
20762
20740
  "endLine": 2,
20763
- "endColumn": 24,
20764
- "snippet": {
20765
- "text": "any"
20766
- }
20741
+ "endColumn": 24
20767
20742
  }
20768
20743
  }
20769
20744
  }
20770
20745
  ],
20771
20746
  "ruleId": "@typescript-eslint/no-explicit-any",
20772
20747
  "ruleIndex": 0,
20773
- "suppressions": []
20774
- },
20775
- {
20776
- "level": "error",
20777
- "message": {
20748
+ "suppressions": [
20749
+ {
20750
+ "kind": "inSource",
20751
+ "justification": ""
20752
+ }
20753
+ ]
20754
+ },
20755
+ {
20756
+ "level": "error",
20757
+ "message": {
20778
20758
  "text": "Unexpected var, use let or const instead."
20779
20759
  },
20780
20760
  "locations": [
20781
20761
  {
20782
20762
  "physicalLocation": {
20783
20763
  "artifactLocation": {
20784
- "uri": "src/loc/sr-latn-rs.ts",
20785
- "index": 896
20764
+ "uri": "src/loc/sv-se.ts",
20765
+ "index": 897
20786
20766
  },
20787
20767
  "region": {
20788
20768
  "startLine": 2,
20789
20769
  "startColumn": 1,
20790
20770
  "endLine": 2,
20791
- "endColumn": 25,
20792
- "snippet": {
20793
- "text": "declare var define: any;"
20794
- }
20771
+ "endColumn": 25
20795
20772
  }
20796
20773
  }
20797
20774
  }
@@ -20821,17 +20798,19 @@
20821
20798
  "startLine": 2,
20822
20799
  "startColumn": 21,
20823
20800
  "endLine": 2,
20824
- "endColumn": 24,
20825
- "snippet": {
20826
- "text": "any"
20827
- }
20801
+ "endColumn": 24
20828
20802
  }
20829
20803
  }
20830
20804
  }
20831
20805
  ],
20832
20806
  "ruleId": "@typescript-eslint/no-explicit-any",
20833
20807
  "ruleIndex": 0,
20834
- "suppressions": []
20808
+ "suppressions": [
20809
+ {
20810
+ "kind": "inSource",
20811
+ "justification": ""
20812
+ }
20813
+ ]
20835
20814
  },
20836
20815
  {
20837
20816
  "level": "error",
@@ -20842,17 +20821,14 @@
20842
20821
  {
20843
20822
  "physicalLocation": {
20844
20823
  "artifactLocation": {
20845
- "uri": "src/loc/sv-se.ts",
20846
- "index": 897
20824
+ "uri": "src/loc/tr-tr.ts",
20825
+ "index": 898
20847
20826
  },
20848
20827
  "region": {
20849
20828
  "startLine": 2,
20850
20829
  "startColumn": 1,
20851
20830
  "endLine": 2,
20852
- "endColumn": 25,
20853
- "snippet": {
20854
- "text": "declare var define: any;"
20855
- }
20831
+ "endColumn": 25
20856
20832
  }
20857
20833
  }
20858
20834
  }
@@ -20882,17 +20858,19 @@
20882
20858
  "startLine": 2,
20883
20859
  "startColumn": 21,
20884
20860
  "endLine": 2,
20885
- "endColumn": 24,
20886
- "snippet": {
20887
- "text": "any"
20888
- }
20861
+ "endColumn": 24
20889
20862
  }
20890
20863
  }
20891
20864
  }
20892
20865
  ],
20893
20866
  "ruleId": "@typescript-eslint/no-explicit-any",
20894
20867
  "ruleIndex": 0,
20895
- "suppressions": []
20868
+ "suppressions": [
20869
+ {
20870
+ "kind": "inSource",
20871
+ "justification": ""
20872
+ }
20873
+ ]
20896
20874
  },
20897
20875
  {
20898
20876
  "level": "error",
@@ -20903,17 +20881,14 @@
20903
20881
  {
20904
20882
  "physicalLocation": {
20905
20883
  "artifactLocation": {
20906
- "uri": "src/loc/tr-tr.ts",
20907
- "index": 898
20884
+ "uri": "src/loc/vi-vn.ts",
20885
+ "index": 899
20908
20886
  },
20909
20887
  "region": {
20910
20888
  "startLine": 2,
20911
20889
  "startColumn": 1,
20912
20890
  "endLine": 2,
20913
- "endColumn": 25,
20914
- "snippet": {
20915
- "text": "declare var define: any;"
20916
- }
20891
+ "endColumn": 25
20917
20892
  }
20918
20893
  }
20919
20894
  }
@@ -20943,17 +20918,19 @@
20943
20918
  "startLine": 2,
20944
20919
  "startColumn": 21,
20945
20920
  "endLine": 2,
20946
- "endColumn": 24,
20947
- "snippet": {
20948
- "text": "any"
20949
- }
20921
+ "endColumn": 24
20950
20922
  }
20951
20923
  }
20952
20924
  }
20953
20925
  ],
20954
20926
  "ruleId": "@typescript-eslint/no-explicit-any",
20955
20927
  "ruleIndex": 0,
20956
- "suppressions": []
20928
+ "suppressions": [
20929
+ {
20930
+ "kind": "inSource",
20931
+ "justification": ""
20932
+ }
20933
+ ]
20957
20934
  },
20958
20935
  {
20959
20936
  "level": "error",
@@ -20964,17 +20941,14 @@
20964
20941
  {
20965
20942
  "physicalLocation": {
20966
20943
  "artifactLocation": {
20967
- "uri": "src/loc/vi-vn.ts",
20968
- "index": 899
20944
+ "uri": "src/loc/zh-cn.ts",
20945
+ "index": 900
20969
20946
  },
20970
20947
  "region": {
20971
20948
  "startLine": 2,
20972
20949
  "startColumn": 1,
20973
20950
  "endLine": 2,
20974
- "endColumn": 25,
20975
- "snippet": {
20976
- "text": "declare var define: any;"
20977
- }
20951
+ "endColumn": 25
20978
20952
  }
20979
20953
  }
20980
20954
  }
@@ -21004,17 +20978,19 @@
21004
20978
  "startLine": 2,
21005
20979
  "startColumn": 21,
21006
20980
  "endLine": 2,
21007
- "endColumn": 24,
21008
- "snippet": {
21009
- "text": "any"
21010
- }
20981
+ "endColumn": 24
21011
20982
  }
21012
20983
  }
21013
20984
  }
21014
20985
  ],
21015
20986
  "ruleId": "@typescript-eslint/no-explicit-any",
21016
20987
  "ruleIndex": 0,
21017
- "suppressions": []
20988
+ "suppressions": [
20989
+ {
20990
+ "kind": "inSource",
20991
+ "justification": ""
20992
+ }
20993
+ ]
21018
20994
  },
21019
20995
  {
21020
20996
  "level": "error",
@@ -21025,17 +21001,14 @@
21025
21001
  {
21026
21002
  "physicalLocation": {
21027
21003
  "artifactLocation": {
21028
- "uri": "src/loc/zh-cn.ts",
21029
- "index": 900
21004
+ "uri": "src/loc/zh-tw.ts",
21005
+ "index": 901
21030
21006
  },
21031
21007
  "region": {
21032
21008
  "startLine": 2,
21033
21009
  "startColumn": 1,
21034
21010
  "endLine": 2,
21035
- "endColumn": 25,
21036
- "snippet": {
21037
- "text": "declare var define: any;"
21038
- }
21011
+ "endColumn": 25
21039
21012
  }
21040
21013
  }
21041
21014
  }
@@ -21065,44 +21038,13 @@
21065
21038
  "startLine": 2,
21066
21039
  "startColumn": 21,
21067
21040
  "endLine": 2,
21068
- "endColumn": 24,
21069
- "snippet": {
21070
- "text": "any"
21071
- }
21041
+ "endColumn": 24
21072
21042
  }
21073
21043
  }
21074
21044
  }
21075
21045
  ],
21076
21046
  "ruleId": "@typescript-eslint/no-explicit-any",
21077
21047
  "ruleIndex": 0,
21078
- "suppressions": []
21079
- },
21080
- {
21081
- "level": "error",
21082
- "message": {
21083
- "text": "Unexpected var, use let or const instead."
21084
- },
21085
- "locations": [
21086
- {
21087
- "physicalLocation": {
21088
- "artifactLocation": {
21089
- "uri": "src/loc/zh-tw.ts",
21090
- "index": 901
21091
- },
21092
- "region": {
21093
- "startLine": 2,
21094
- "startColumn": 1,
21095
- "endLine": 2,
21096
- "endColumn": 25,
21097
- "snippet": {
21098
- "text": "declare var define: any;"
21099
- }
21100
- }
21101
- }
21102
- }
21103
- ],
21104
- "ruleId": "no-var",
21105
- "ruleIndex": 14,
21106
21048
  "suppressions": [
21107
21049
  {
21108
21050
  "kind": "inSource",
@@ -21320,60 +21262,6 @@
21320
21262
  }
21321
21263
  ]
21322
21264
  },
21323
- {
21324
- "level": "warning",
21325
- "message": {
21326
- "text": "Missing return type on function."
21327
- },
21328
- "locations": [
21329
- {
21330
- "physicalLocation": {
21331
- "artifactLocation": {
21332
- "uri": "src/webparts/controlsTest/components/ControlsTestEnhancedThemeProvider.tsx",
21333
- "index": 906
21334
- },
21335
- "region": {
21336
- "startLine": 22,
21337
- "startColumn": 70,
21338
- "endLine": 22,
21339
- "endColumn": 72,
21340
- "snippet": {
21341
- "text": "=>"
21342
- }
21343
- }
21344
- }
21345
- }
21346
- ],
21347
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21348
- "ruleIndex": 9
21349
- },
21350
- {
21351
- "level": "warning",
21352
- "message": {
21353
- "text": "Missing return type on function."
21354
- },
21355
- "locations": [
21356
- {
21357
- "physicalLocation": {
21358
- "artifactLocation": {
21359
- "uri": "src/webparts/controlsTest/components/ControlsTestEnhancedThemeProvider.tsx",
21360
- "index": 906
21361
- },
21362
- "region": {
21363
- "startLine": 91,
21364
- "startColumn": 3,
21365
- "endLine": 91,
21366
- "endColumn": 16,
21367
- "snippet": {
21368
- "text": "public render"
21369
- }
21370
- }
21371
- }
21372
- }
21373
- ],
21374
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21375
- "ruleIndex": 9
21376
- },
21377
21265
  {
21378
21266
  "level": "warning",
21379
21267
  "message": {
@@ -21522,7 +21410,7 @@
21522
21410
  {
21523
21411
  "level": "warning",
21524
21412
  "message": {
21525
- "text": "Missing return type on function."
21413
+ "text": "Unexpected any. Specify a different type."
21526
21414
  },
21527
21415
  "locations": [
21528
21416
  {
@@ -21532,25 +21420,25 @@
21532
21420
  "index": 914
21533
21421
  },
21534
21422
  "region": {
21535
- "startLine": 482,
21536
- "startColumn": 3,
21537
- "endLine": 482,
21538
- "endColumn": 31,
21423
+ "startLine": 771,
21424
+ "startColumn": 42,
21425
+ "endLine": 771,
21426
+ "endColumn": 45,
21539
21427
  "snippet": {
21540
- "text": "private onSelectedChannel = "
21428
+ "text": "any"
21541
21429
  }
21542
21430
  }
21543
21431
  }
21544
21432
  }
21545
21433
  ],
21546
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21547
- "ruleIndex": 9,
21434
+ "ruleId": "@typescript-eslint/no-explicit-any",
21435
+ "ruleIndex": 0,
21548
21436
  "suppressions": []
21549
21437
  },
21550
21438
  {
21551
21439
  "level": "warning",
21552
21440
  "message": {
21553
- "text": "Missing return type on function."
21441
+ "text": "Unexpected any. Specify a different type."
21554
21442
  },
21555
21443
  "locations": [
21556
21444
  {
@@ -21560,19 +21448,19 @@
21560
21448
  "index": 914
21561
21449
  },
21562
21450
  "region": {
21563
- "startLine": 765,
21564
- "startColumn": 3,
21565
- "endLine": 765,
21566
- "endColumn": 33,
21451
+ "startLine": 792,
21452
+ "startColumn": 121,
21453
+ "endLine": 792,
21454
+ "endColumn": 124,
21567
21455
  "snippet": {
21568
- "text": "public async componentDidMount"
21456
+ "text": "any"
21569
21457
  }
21570
21458
  }
21571
21459
  }
21572
21460
  }
21573
21461
  ],
21574
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21575
- "ruleIndex": 9,
21462
+ "ruleId": "@typescript-eslint/no-explicit-any",
21463
+ "ruleIndex": 0,
21576
21464
  "suppressions": []
21577
21465
  },
21578
21466
  {
@@ -21588,10 +21476,10 @@
21588
21476
  "index": 914
21589
21477
  },
21590
21478
  "region": {
21591
- "startLine": 771,
21592
- "startColumn": 42,
21593
- "endLine": 771,
21594
- "endColumn": 45,
21479
+ "startLine": 831,
21480
+ "startColumn": 32,
21481
+ "endLine": 831,
21482
+ "endColumn": 35,
21595
21483
  "snippet": {
21596
21484
  "text": "any"
21597
21485
  }
@@ -21616,10 +21504,10 @@
21616
21504
  "index": 914
21617
21505
  },
21618
21506
  "region": {
21619
- "startLine": 792,
21620
- "startColumn": 121,
21621
- "endLine": 792,
21622
- "endColumn": 124,
21507
+ "startLine": 918,
21508
+ "startColumn": 43,
21509
+ "endLine": 918,
21510
+ "endColumn": 46,
21623
21511
  "snippet": {
21624
21512
  "text": "any"
21625
21513
  }
@@ -21634,7 +21522,7 @@
21634
21522
  {
21635
21523
  "level": "warning",
21636
21524
  "message": {
21637
- "text": "Missing return type on function."
21525
+ "text": "Unexpected any. Specify a different type."
21638
21526
  },
21639
21527
  "locations": [
21640
21528
  {
@@ -21644,25 +21532,25 @@
21644
21532
  "index": 914
21645
21533
  },
21646
21534
  "region": {
21647
- "startLine": 823,
21648
- "startColumn": 3,
21649
- "endLine": 823,
21650
- "endColumn": 23,
21535
+ "startLine": 933,
21536
+ "startColumn": 44,
21537
+ "endLine": 933,
21538
+ "endColumn": 47,
21651
21539
  "snippet": {
21652
- "text": "private _onConfigure"
21540
+ "text": "any"
21653
21541
  }
21654
21542
  }
21655
21543
  }
21656
21544
  }
21657
21545
  ],
21658
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21659
- "ruleIndex": 9,
21546
+ "ruleId": "@typescript-eslint/no-explicit-any",
21547
+ "ruleIndex": 0,
21660
21548
  "suppressions": []
21661
21549
  },
21662
21550
  {
21663
21551
  "level": "warning",
21664
21552
  "message": {
21665
- "text": "Missing return type on function."
21553
+ "text": "Unexpected any. Specify a different type."
21666
21554
  },
21667
21555
  "locations": [
21668
21556
  {
@@ -21672,19 +21560,19 @@
21672
21560
  "index": 914
21673
21561
  },
21674
21562
  "region": {
21675
- "startLine": 831,
21676
- "startColumn": 3,
21677
- "endLine": 831,
21678
- "endColumn": 24,
21563
+ "startLine": 1067,
21564
+ "startColumn": 38,
21565
+ "endLine": 1067,
21566
+ "endColumn": 41,
21679
21567
  "snippet": {
21680
- "text": "private _getSelection"
21568
+ "text": "any"
21681
21569
  }
21682
21570
  }
21683
21571
  }
21684
21572
  }
21685
21573
  ],
21686
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21687
- "ruleIndex": 9,
21574
+ "ruleId": "@typescript-eslint/no-explicit-any",
21575
+ "ruleIndex": 0,
21688
21576
  "suppressions": []
21689
21577
  },
21690
21578
  {
@@ -21700,10 +21588,10 @@
21700
21588
  "index": 914
21701
21589
  },
21702
21590
  "region": {
21703
- "startLine": 831,
21704
- "startColumn": 32,
21705
- "endLine": 831,
21706
- "endColumn": 35,
21591
+ "startLine": 1163,
21592
+ "startColumn": 24,
21593
+ "endLine": 1163,
21594
+ "endColumn": 27,
21707
21595
  "snippet": {
21708
21596
  "text": "any"
21709
21597
  }
@@ -21718,7 +21606,7 @@
21718
21606
  {
21719
21607
  "level": "warning",
21720
21608
  "message": {
21721
- "text": "Missing return type on function."
21609
+ "text": "Unexpected any. Specify a different type."
21722
21610
  },
21723
21611
  "locations": [
21724
21612
  {
@@ -21728,557 +21616,25 @@
21728
21616
  "index": 914
21729
21617
  },
21730
21618
  "region": {
21731
- "startLine": 840,
21732
- "startColumn": 3,
21733
- "endLine": 840,
21734
- "endColumn": 27,
21619
+ "startLine": 1188,
21620
+ "startColumn": 34,
21621
+ "endLine": 1188,
21622
+ "endColumn": 37,
21735
21623
  "snippet": {
21736
- "text": "private _getDropFiles = "
21624
+ "text": "any"
21737
21625
  }
21738
21626
  }
21739
21627
  }
21740
21628
  }
21741
21629
  ],
21742
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21743
- "ruleIndex": 9,
21630
+ "ruleId": "@typescript-eslint/no-explicit-any",
21631
+ "ruleIndex": 0,
21744
21632
  "suppressions": []
21745
21633
  },
21746
21634
  {
21747
21635
  "level": "warning",
21748
21636
  "message": {
21749
- "text": "Missing return type on function."
21750
- },
21751
- "locations": [
21752
- {
21753
- "physicalLocation": {
21754
- "artifactLocation": {
21755
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21756
- "index": 914
21757
- },
21758
- "region": {
21759
- "startLine": 865,
21760
- "startColumn": 3,
21761
- "endLine": 865,
21762
- "endColumn": 32,
21763
- "snippet": {
21764
- "text": "private _onTaxPickerChange = "
21765
- }
21766
- }
21767
- }
21768
- }
21769
- ],
21770
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21771
- "ruleIndex": 9,
21772
- "suppressions": []
21773
- },
21774
- {
21775
- "level": "warning",
21776
- "message": {
21777
- "text": "Missing return type on function."
21778
- },
21779
- "locations": [
21780
- {
21781
- "physicalLocation": {
21782
- "artifactLocation": {
21783
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21784
- "index": 914
21785
- },
21786
- "region": {
21787
- "startLine": 877,
21788
- "startColumn": 3,
21789
- "endLine": 877,
21790
- "endColumn": 37,
21791
- "snippet": {
21792
- "text": "private _onDateTimePickerChange = "
21793
- }
21794
- }
21795
- }
21796
- }
21797
- ],
21798
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21799
- "ruleIndex": 9,
21800
- "suppressions": []
21801
- },
21802
- {
21803
- "level": "warning",
21804
- "message": {
21805
- "text": "Missing return type on function."
21806
- },
21807
- "locations": [
21808
- {
21809
- "physicalLocation": {
21810
- "artifactLocation": {
21811
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21812
- "index": 914
21813
- },
21814
- "region": {
21815
- "startLine": 886,
21816
- "startColumn": 3,
21817
- "endLine": 886,
21818
- "endColumn": 32,
21819
- "snippet": {
21820
- "text": "private onListPickerChange = "
21821
- }
21822
- }
21823
- }
21824
- }
21825
- ],
21826
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21827
- "ruleIndex": 9,
21828
- "suppressions": []
21829
- },
21830
- {
21831
- "level": "warning",
21832
- "message": {
21833
- "text": "Missing return type on function."
21834
- },
21835
- "locations": [
21836
- {
21837
- "physicalLocation": {
21838
- "artifactLocation": {
21839
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21840
- "index": 914
21841
- },
21842
- "region": {
21843
- "startLine": 897,
21844
- "startColumn": 3,
21845
- "endLine": 897,
21846
- "endColumn": 32,
21847
- "snippet": {
21848
- "text": "private onViewPickerChange = "
21849
- }
21850
- }
21851
- }
21852
- }
21853
- ],
21854
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21855
- "ruleIndex": 9,
21856
- "suppressions": []
21857
- },
21858
- {
21859
- "level": "warning",
21860
- "message": {
21861
- "text": "Missing return type on function."
21862
- },
21863
- "locations": [
21864
- {
21865
- "physicalLocation": {
21866
- "artifactLocation": {
21867
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21868
- "index": 914
21869
- },
21870
- "region": {
21871
- "startLine": 904,
21872
- "startColumn": 3,
21873
- "endLine": 904,
21874
- "endColumn": 24,
21875
- "snippet": {
21876
- "text": "private deleteItem = "
21877
- }
21878
- }
21879
- }
21880
- }
21881
- ],
21882
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21883
- "ruleIndex": 9,
21884
- "suppressions": []
21885
- },
21886
- {
21887
- "level": "warning",
21888
- "message": {
21889
- "text": "Missing return type on function."
21890
- },
21891
- "locations": [
21892
- {
21893
- "physicalLocation": {
21894
- "artifactLocation": {
21895
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21896
- "index": 914
21897
- },
21898
- "region": {
21899
- "startLine": 918,
21900
- "startColumn": 3,
21901
- "endLine": 918,
21902
- "endColumn": 35,
21903
- "snippet": {
21904
- "text": "private _getPeoplePickerItems = "
21905
- }
21906
- }
21907
- }
21908
- }
21909
- ],
21910
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21911
- "ruleIndex": 9,
21912
- "suppressions": []
21913
- },
21914
- {
21915
- "level": "warning",
21916
- "message": {
21917
- "text": "Unexpected any. Specify a different type."
21918
- },
21919
- "locations": [
21920
- {
21921
- "physicalLocation": {
21922
- "artifactLocation": {
21923
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21924
- "index": 914
21925
- },
21926
- "region": {
21927
- "startLine": 918,
21928
- "startColumn": 43,
21929
- "endLine": 918,
21930
- "endColumn": 46,
21931
- "snippet": {
21932
- "text": "any"
21933
- }
21934
- }
21935
- }
21936
- }
21937
- ],
21938
- "ruleId": "@typescript-eslint/no-explicit-any",
21939
- "ruleIndex": 0,
21940
- "suppressions": []
21941
- },
21942
- {
21943
- "level": "warning",
21944
- "message": {
21945
- "text": "Missing return type on function."
21946
- },
21947
- "locations": [
21948
- {
21949
- "physicalLocation": {
21950
- "artifactLocation": {
21951
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21952
- "index": 914
21953
- },
21954
- "region": {
21955
- "startLine": 933,
21956
- "startColumn": 3,
21957
- "endLine": 933,
21958
- "endColumn": 37,
21959
- "snippet": {
21960
- "text": "private listItemPickerDataSelected"
21961
- }
21962
- }
21963
- }
21964
- }
21965
- ],
21966
- "ruleId": "@typescript-eslint/explicit-function-return-type",
21967
- "ruleIndex": 9,
21968
- "suppressions": []
21969
- },
21970
- {
21971
- "level": "warning",
21972
- "message": {
21973
- "text": "Unexpected any. Specify a different type."
21974
- },
21975
- "locations": [
21976
- {
21977
- "physicalLocation": {
21978
- "artifactLocation": {
21979
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
21980
- "index": 914
21981
- },
21982
- "region": {
21983
- "startLine": 933,
21984
- "startColumn": 44,
21985
- "endLine": 933,
21986
- "endColumn": 47,
21987
- "snippet": {
21988
- "text": "any"
21989
- }
21990
- }
21991
- }
21992
- }
21993
- ],
21994
- "ruleId": "@typescript-eslint/no-explicit-any",
21995
- "ruleIndex": 0,
21996
- "suppressions": []
21997
- },
21998
- {
21999
- "level": "warning",
22000
- "message": {
22001
- "text": "Missing return type on function."
22002
- },
22003
- "locations": [
22004
- {
22005
- "physicalLocation": {
22006
- "artifactLocation": {
22007
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22008
- "index": 914
22009
- },
22010
- "region": {
22011
- "startLine": 937,
22012
- "startColumn": 3,
22013
- "endLine": 937,
22014
- "endColumn": 25,
22015
- "snippet": {
22016
- "text": "private _startProgress"
22017
- }
22018
- }
22019
- }
22020
- }
22021
- ],
22022
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22023
- "ruleIndex": 9,
22024
- "suppressions": []
22025
- },
22026
- {
22027
- "level": "warning",
22028
- "message": {
22029
- "text": "Missing return type on function."
22030
- },
22031
- "locations": [
22032
- {
22033
- "physicalLocation": {
22034
- "artifactLocation": {
22035
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22036
- "index": 914
22037
- },
22038
- "region": {
22039
- "startLine": 998,
22040
- "startColumn": 3,
22041
- "endLine": 998,
22042
- "endColumn": 37,
22043
- "snippet": {
22044
- "text": "private _onFilePickerSave = async "
22045
- }
22046
- }
22047
- }
22048
- }
22049
- ],
22050
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22051
- "ruleIndex": 9,
22052
- "suppressions": []
22053
- },
22054
- {
22055
- "level": "warning",
22056
- "message": {
22057
- "text": "Missing return type on function."
22058
- },
22059
- "locations": [
22060
- {
22061
- "physicalLocation": {
22062
- "artifactLocation": {
22063
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22064
- "index": 914
22065
- },
22066
- "region": {
22067
- "startLine": 1011,
22068
- "startColumn": 3,
22069
- "endLine": 1011,
22070
- "endColumn": 44,
22071
- "snippet": {
22072
- "text": "private onToolbarSelectedFiltersChange = "
22073
- }
22074
- }
22075
- }
22076
- }
22077
- ],
22078
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22079
- "ruleIndex": 9,
22080
- "suppressions": []
22081
- },
22082
- {
22083
- "level": "warning",
22084
- "message": {
22085
- "text": "Missing return type on function."
22086
- },
22087
- "locations": [
22088
- {
22089
- "physicalLocation": {
22090
- "artifactLocation": {
22091
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22092
- "index": 914
22093
- },
22094
- "region": {
22095
- "startLine": 1017,
22096
- "startColumn": 3,
22097
- "endLine": 1017,
22098
- "endColumn": 33,
22099
- "snippet": {
22100
- "text": "private toggleToolbarFilter = "
22101
- }
22102
- }
22103
- }
22104
- }
22105
- ],
22106
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22107
- "ruleIndex": 9,
22108
- "suppressions": []
22109
- },
22110
- {
22111
- "level": "warning",
22112
- "message": {
22113
- "text": "Missing return type on function."
22114
- },
22115
- "locations": [
22116
- {
22117
- "physicalLocation": {
22118
- "artifactLocation": {
22119
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22120
- "index": 914
22121
- },
22122
- "region": {
22123
- "startLine": 1037,
22124
- "startColumn": 3,
22125
- "endLine": 1037,
22126
- "endColumn": 23,
22127
- "snippet": {
22128
- "text": "private addFilter = "
22129
- }
22130
- }
22131
- }
22132
- }
22133
- ],
22134
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22135
- "ruleIndex": 9,
22136
- "suppressions": []
22137
- },
22138
- {
22139
- "level": "warning",
22140
- "message": {
22141
- "text": "Missing return type on function."
22142
- },
22143
- "locations": [
22144
- {
22145
- "physicalLocation": {
22146
- "artifactLocation": {
22147
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22148
- "index": 914
22149
- },
22150
- "region": {
22151
- "startLine": 1045,
22152
- "startColumn": 3,
22153
- "endLine": 1045,
22154
- "endColumn": 28,
22155
- "snippet": {
22156
- "text": "private onClearFilters = "
22157
- }
22158
- }
22159
- }
22160
- }
22161
- ],
22162
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22163
- "ruleIndex": 9,
22164
- "suppressions": []
22165
- },
22166
- {
22167
- "level": "warning",
22168
- "message": {
22169
- "text": "Missing return type on function."
22170
- },
22171
- "locations": [
22172
- {
22173
- "physicalLocation": {
22174
- "artifactLocation": {
22175
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22176
- "index": 914
22177
- },
22178
- "region": {
22179
- "startLine": 1050,
22180
- "startColumn": 3,
22181
- "endLine": 1050,
22182
- "endColumn": 28,
22183
- "snippet": {
22184
- "text": "private onRemoveFilter = "
22185
- }
22186
- }
22187
- }
22188
- }
22189
- ],
22190
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22191
- "ruleIndex": 9,
22192
- "suppressions": []
22193
- },
22194
- {
22195
- "level": "warning",
22196
- "message": {
22197
- "text": "Unexpected any. Specify a different type."
22198
- },
22199
- "locations": [
22200
- {
22201
- "physicalLocation": {
22202
- "artifactLocation": {
22203
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22204
- "index": 914
22205
- },
22206
- "region": {
22207
- "startLine": 1067,
22208
- "startColumn": 38,
22209
- "endLine": 1067,
22210
- "endColumn": 41,
22211
- "snippet": {
22212
- "text": "any"
22213
- }
22214
- }
22215
- }
22216
- }
22217
- ],
22218
- "ruleId": "@typescript-eslint/no-explicit-any",
22219
- "ruleIndex": 0,
22220
- "suppressions": []
22221
- },
22222
- {
22223
- "level": "warning",
22224
- "message": {
22225
- "text": "Unexpected any. Specify a different type."
22226
- },
22227
- "locations": [
22228
- {
22229
- "physicalLocation": {
22230
- "artifactLocation": {
22231
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22232
- "index": 914
22233
- },
22234
- "region": {
22235
- "startLine": 1163,
22236
- "startColumn": 24,
22237
- "endLine": 1163,
22238
- "endColumn": 27,
22239
- "snippet": {
22240
- "text": "any"
22241
- }
22242
- }
22243
- }
22244
- }
22245
- ],
22246
- "ruleId": "@typescript-eslint/no-explicit-any",
22247
- "ruleIndex": 0,
22248
- "suppressions": []
22249
- },
22250
- {
22251
- "level": "warning",
22252
- "message": {
22253
- "text": "Unexpected any. Specify a different type."
22254
- },
22255
- "locations": [
22256
- {
22257
- "physicalLocation": {
22258
- "artifactLocation": {
22259
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22260
- "index": 914
22261
- },
22262
- "region": {
22263
- "startLine": 1188,
22264
- "startColumn": 34,
22265
- "endLine": 1188,
22266
- "endColumn": 37,
22267
- "snippet": {
22268
- "text": "any"
22269
- }
22270
- }
22271
- }
22272
- }
22273
- ],
22274
- "ruleId": "@typescript-eslint/no-explicit-any",
22275
- "ruleIndex": 0,
22276
- "suppressions": []
22277
- },
22278
- {
22279
- "level": "warning",
22280
- "message": {
22281
- "text": "Unexpected any. Specify a different type."
21637
+ "text": "Unexpected any. Specify a different type."
22282
21638
  },
22283
21639
  "locations": [
22284
21640
  {
@@ -22321,7 +21677,7 @@
22321
21677
  "endLine": 3259,
22322
21678
  "endColumn": 1,
22323
21679
  "snippet": {
22324
- "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 &#39;Fluent UI&#39; 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"
21680
+ "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 &#39;Fluent UI&#39; 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 = (): Record<string, unknown>[] => {\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): void {\n console.log((isExpanded ? \"item expanded: \" : \"item collapsed: \") + item);\n }\n\n private onItemSelected(items: ITreeItem[]): void {\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): void {\n console.log('Page:', page);\n }\n\n // private _onFolderSelect = (folder: IFolder): void => {\n // console.log('selected folder', folder);\n //\n}\n"
22325
21681
  }
22326
21682
  }
22327
21683
  }
@@ -22583,34 +21939,6 @@
22583
21939
  "ruleIndex": 0,
22584
21940
  "suppressions": []
22585
21941
  },
22586
- {
22587
- "level": "warning",
22588
- "message": {
22589
- "text": "Missing return type on function."
22590
- },
22591
- "locations": [
22592
- {
22593
- "physicalLocation": {
22594
- "artifactLocation": {
22595
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22596
- "index": 914
22597
- },
22598
- "region": {
22599
- "startLine": 3210,
22600
- "startColumn": 3,
22601
- "endLine": 3210,
22602
- "endColumn": 42,
22603
- "snippet": {
22604
- "text": "private getRandomCollectionFieldData = "
22605
- }
22606
- }
22607
- }
22608
- }
22609
- ],
22610
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22611
- "ruleIndex": 9,
22612
- "suppressions": []
22613
- },
22614
21942
  {
22615
21943
  "level": "warning",
22616
21944
  "message": {
@@ -22639,90 +21967,6 @@
22639
21967
  "ruleIndex": 0,
22640
21968
  "suppressions": []
22641
21969
  },
22642
- {
22643
- "level": "warning",
22644
- "message": {
22645
- "text": "Missing return type on function."
22646
- },
22647
- "locations": [
22648
- {
22649
- "physicalLocation": {
22650
- "artifactLocation": {
22651
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22652
- "index": 914
22653
- },
22654
- "region": {
22655
- "startLine": 3231,
22656
- "startColumn": 3,
22657
- "endLine": 3231,
22658
- "endColumn": 31,
22659
- "snippet": {
22660
- "text": "private onExpandCollapseTree"
22661
- }
22662
- }
22663
- }
22664
- }
22665
- ],
22666
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22667
- "ruleIndex": 9,
22668
- "suppressions": []
22669
- },
22670
- {
22671
- "level": "warning",
22672
- "message": {
22673
- "text": "Missing return type on function."
22674
- },
22675
- "locations": [
22676
- {
22677
- "physicalLocation": {
22678
- "artifactLocation": {
22679
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22680
- "index": 914
22681
- },
22682
- "region": {
22683
- "startLine": 3235,
22684
- "startColumn": 3,
22685
- "endLine": 3235,
22686
- "endColumn": 25,
22687
- "snippet": {
22688
- "text": "private onItemSelected"
22689
- }
22690
- }
22691
- }
22692
- }
22693
- ],
22694
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22695
- "ruleIndex": 9,
22696
- "suppressions": []
22697
- },
22698
- {
22699
- "level": "warning",
22700
- "message": {
22701
- "text": "Missing return type on function."
22702
- },
22703
- "locations": [
22704
- {
22705
- "physicalLocation": {
22706
- "artifactLocation": {
22707
- "uri": "src/webparts/controlsTest/components/ControlsTest.tsx",
22708
- "index": 914
22709
- },
22710
- "region": {
22711
- "startLine": 3251,
22712
- "startColumn": 3,
22713
- "endLine": 3251,
22714
- "endColumn": 19,
22715
- "snippet": {
22716
- "text": "private _getPage"
22717
- }
22718
- }
22719
- }
22720
- }
22721
- ],
22722
- "ruleId": "@typescript-eslint/explicit-function-return-type",
22723
- "ruleIndex": 9,
22724
- "suppressions": []
22725
- },
22726
21970
  {
22727
21971
  "level": "warning",
22728
21972
  "message": {