synapse-react-client 3.1.0 → 3.1.2

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.
Files changed (71) hide show
  1. package/dist/containers/CardContainerLogic.d.ts +14 -0
  2. package/dist/containers/CardContainerLogic.js +20 -1
  3. package/dist/containers/CardContainerLogic.js.map +1 -1
  4. package/dist/containers/CertificationQuiz.d.ts +3 -0
  5. package/dist/containers/CertificationQuiz.js +145 -0
  6. package/dist/containers/CertificationQuiz.js.map +1 -0
  7. package/dist/containers/GenericCard.d.ts +2 -2
  8. package/dist/containers/GenericCard.js +17 -8
  9. package/dist/containers/GenericCard.js.map +1 -1
  10. package/dist/containers/HasAccessV2.js +9 -6
  11. package/dist/containers/HasAccessV2.js.map +1 -1
  12. package/dist/containers/InfiniteQueryWrapper.d.ts +2 -2
  13. package/dist/containers/InfiniteQueryWrapper.js +24 -94
  14. package/dist/containers/InfiniteQueryWrapper.js.map +1 -1
  15. package/dist/containers/MarkdownSynapse.js +2 -1
  16. package/dist/containers/MarkdownSynapse.js.map +1 -1
  17. package/dist/containers/QueryContext.d.ts +6 -5
  18. package/dist/containers/QuerySortSelector.d.ts +8 -0
  19. package/dist/containers/QuerySortSelector.js +50 -0
  20. package/dist/containers/QuerySortSelector.js.map +1 -0
  21. package/dist/containers/QueryWrapper.d.ts +2 -2
  22. package/dist/containers/QueryWrapper.js +21 -106
  23. package/dist/containers/QueryWrapper.js.map +1 -1
  24. package/dist/containers/RssFeedCards.d.ts +2 -2
  25. package/dist/containers/RssFeedCards.js +4 -4
  26. package/dist/containers/RssFeedCards.js.map +1 -1
  27. package/dist/containers/SearchV2.d.ts +2 -2
  28. package/dist/containers/SearchV2.js +8 -8
  29. package/dist/containers/SearchV2.js.map +1 -1
  30. package/dist/containers/SynapseHomepage.js +2 -2
  31. package/dist/containers/SynapseHomepage.js.map +1 -1
  32. package/dist/containers/TermsAndConditions.js +1 -1
  33. package/dist/containers/TermsAndConditions.js.map +1 -1
  34. package/dist/containers/entity/annotations/CustomSelectWidget.d.ts +19 -0
  35. package/dist/containers/entity/annotations/CustomSelectWidget.js +4 -2
  36. package/dist/containers/entity/annotations/CustomSelectWidget.js.map +1 -1
  37. package/dist/containers/table/SynapseTable.js +10 -3
  38. package/dist/containers/table/SynapseTable.js.map +1 -1
  39. package/dist/containers/table/TopLevelControls.js +3 -2
  40. package/dist/containers/table/TopLevelControls.js.map +1 -1
  41. package/dist/containers/table/table-top/DownloadLoginModal.js +1 -1
  42. package/dist/containers/table/table-top/DownloadLoginModal.js.map +1 -1
  43. package/dist/containers/useImmutableTableQuery.d.ts +32 -0
  44. package/dist/containers/useImmutableTableQuery.js +102 -0
  45. package/dist/containers/useImmutableTableQuery.js.map +1 -0
  46. package/dist/containers/widgets/query-filter/FacetChip.d.ts +8 -0
  47. package/dist/containers/widgets/query-filter/FacetChip.js +21 -0
  48. package/dist/containers/widgets/query-filter/FacetChip.js.map +1 -0
  49. package/dist/containers/widgets/query-filter/QueryFilter.js +43 -15
  50. package/dist/containers/widgets/query-filter/QueryFilter.js.map +1 -1
  51. package/dist/style/base/_core.scss +1 -1
  52. package/dist/style/bootstrap4_backports/_overrides.scss +1 -0
  53. package/dist/style/components/_all.scss +17 -16
  54. package/dist/style/components/_cards.scss +14 -0
  55. package/dist/style/components/_query-filter.scss +8 -0
  56. package/dist/style/components/_query-wrapper-plot-nav.scss +54 -46
  57. package/dist/style/components/query_filter/_facet-chip.scss +18 -0
  58. package/dist/style/main.css +96 -44
  59. package/dist/umd/synapse-react-client.development.css +93 -44
  60. package/dist/umd/synapse-react-client.development.css.map +2 -2
  61. package/dist/umd/synapse-react-client.development.js +11747 -2782
  62. package/dist/umd/synapse-react-client.development.js.map +3 -3
  63. package/dist/umd/synapse-react-client.production.min.css +1 -1
  64. package/dist/umd/synapse-react-client.production.min.js +142 -97
  65. package/dist/umd.index.d.ts +1 -0
  66. package/dist/umd.index.js +2 -0
  67. package/dist/umd.index.js.map +1 -1
  68. package/dist/utils/functions/queryUtils.d.ts +3 -2
  69. package/dist/utils/functions/queryUtils.js +18 -2
  70. package/dist/utils/functions/queryUtils.js.map +1 -1
  71. package/package.json +10 -9
package/dist/style/main.css CHANGED
@@ -10025,6 +10025,7 @@ html:not(#synapse\.org) .modal-content .modal-header button.close {
10025
10025
  }
10026
10026
  html:not(#synapse\.org) .modal-content .modal-body {
10027
10027
  padding: 10px 0px;
10028
+ margin-bottom: 16px;
10028
10029
  }
10029
10030
  html:not(#synapse\.org) .modal-content .modal-footer {
10030
10031
  padding: 10px 0px;
@@ -14442,7 +14443,7 @@ a.SRC-whiteText {
14442
14443
  }
14443
14444
 
14444
14445
  .SRC-no-underline-on-hover:hover {
14445
- text-decoration: none;
14446
+ text-decoration: none !important;
14446
14447
  }
14447
14448
 
14448
14449
  .SRC-underline-on-hover:hover {
@@ -16769,6 +16770,18 @@ svg.HelpButton {
16769
16770
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
16770
16771
  }
16771
16772
 
16773
+ .QuerySortSelector .sort-by-label {
16774
+ margin: 0px 2px;
16775
+ }
16776
+ .QuerySortSelector .react-select-container {
16777
+ min-width: 250px;
16778
+ }
16779
+ .QuerySortSelector .react-select-container .form-control {
16780
+ padding: 0px;
16781
+ height: 37px;
16782
+ margin-bottom: 0px;
16783
+ }
16784
+
16772
16785
  .download-confirmation {
16773
16786
  display: flex;
16774
16787
  justify-content: space-between;
@@ -17425,6 +17438,14 @@ svg.HelpButton {
17425
17438
  .QueryFilter__facet:first-child {
17426
17439
  margin-top: 0;
17427
17440
  }
17441
+ .QueryFilter .AvailableFacet {
17442
+ display: flex;
17443
+ justify-content: space-between;
17444
+ border-bottom: 1px solid #dcdcdc;
17445
+ }
17446
+ .QueryFilter .AvailableFacet__label {
17447
+ font-weight: bold;
17448
+ }
17428
17449
 
17429
17450
  .page-progress button,
17430
17451
  .page-progress button:active,
@@ -18200,9 +18221,11 @@ svg.HelpButton {
18200
18221
  border-radius: 2px;
18201
18222
  }
18202
18223
 
18224
+ .QueryWrapperPlotNav .SRC-wrapper {
18225
+ display: grid;
18226
+ }
18203
18227
  @media (min-width: 768px) {
18204
18228
  .QueryWrapperPlotNav .SRC-wrapper {
18205
- display: grid;
18206
18229
  grid-template-columns: 25% 75%;
18207
18230
  }
18208
18231
  .QueryWrapperPlotNav .SRC-wrapper > * {
@@ -18214,41 +18237,9 @@ svg.HelpButton {
18214
18237
  .QueryWrapperPlotNav .SRC-wrapper.has-facets > * {
18215
18238
  grid-column: 1/span 2;
18216
18239
  }
18217
- .QueryWrapperPlotNav .SRC-wrapper .QueryFilter {
18218
- grid-row: 3/span 100;
18219
- }
18220
- .QueryWrapperPlotNav .SRC-wrapper .TopLevelControls {
18221
- grid-row: 1/span 1;
18222
- }
18223
- .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
18224
- grid-row: 2/span 1;
18225
- }
18226
- .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
18227
- grid-row: 3/span 1;
18228
- }
18229
- .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput {
18230
- grid-row: 4/span 1;
18231
- }
18232
- .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput .MuiCollapse-entered {
18233
- margin: 5px 0px;
18234
- }
18235
- .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput {
18236
- grid-row: 5/span 1;
18237
- }
18238
- .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput .MuiCollapse-entered {
18239
- margin: 5px 0px;
18240
- }
18241
- .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
18242
- grid-row: 6/span 1;
18243
- }
18244
- .QueryWrapperPlotNav .SRC-wrapper .FacetNav {
18245
- grid-row: 7/span 1;
18246
- }
18247
- .QueryWrapperPlotNav .SRC-wrapper .FilterAndView {
18248
- grid-row: 8/span 1;
18249
- }
18250
18240
  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilter {
18251
18241
  grid-column: 1/span 1;
18242
+ grid-row: 3/span 100;
18252
18243
  }
18253
18244
  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.download-confirmation, .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FacetNav, .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryWrapperSearchInput, .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryWrapperSqlEditorInput, .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.ErrorBannerWrapper, .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FilterAndView {
18254
18245
  grid-column: 2/span 1;
@@ -18256,15 +18247,48 @@ svg.HelpButton {
18256
18247
  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TopLevelControls, .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TotalQueryResults {
18257
18248
  grid-column: 1/span 2;
18258
18249
  }
18259
- .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
18260
- grid-column: 1/span 1;
18261
- }
18262
- .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter > * {
18263
- display: none;
18264
- }
18265
- .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FilterAndView {
18266
- margin-top: 10px;
18267
- }
18250
+ }
18251
+ .QueryWrapperPlotNav .SRC-wrapper .TopLevelControls {
18252
+ grid-row: 1/span 1;
18253
+ }
18254
+ .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
18255
+ grid-row: 2/span 1;
18256
+ }
18257
+ .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
18258
+ grid-row: 3/span 1;
18259
+ }
18260
+ .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput {
18261
+ grid-row: 4/span 1;
18262
+ }
18263
+ .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput .MuiCollapse-entered {
18264
+ margin: 5px 0px;
18265
+ }
18266
+ .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput {
18267
+ grid-row: 5/span 1;
18268
+ }
18269
+ .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput .MuiCollapse-entered {
18270
+ margin: 5px 0px;
18271
+ }
18272
+ .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
18273
+ grid-row: 6/span 1;
18274
+ }
18275
+ .QueryWrapperPlotNav .SRC-wrapper .QueryFilter {
18276
+ grid-row: 7/span 1;
18277
+ }
18278
+ .QueryWrapperPlotNav .SRC-wrapper .FacetNav {
18279
+ grid-row: 8/span 1;
18280
+ }
18281
+ .QueryWrapperPlotNav .SRC-wrapper .FilterAndView {
18282
+ grid-row: 9/span 1;
18283
+ }
18284
+ .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
18285
+ grid-column: 1/span 1;
18286
+ }
18287
+ .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter > * {
18288
+ display: none;
18289
+ }
18290
+ .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FilterAndView {
18291
+ margin-top: 10px;
18268
18292
  }
18269
18293
  .QueryWrapperPlotNav .SRC-wrapper > .QueryFilter,
18270
18294
  .QueryWrapperPlotNav .SRC-wrapper > .download-confirmation,
@@ -19058,6 +19082,34 @@ input[type=radio] + span {
19058
19082
  vertical-align: text-top;
19059
19083
  }
19060
19084
 
19085
+ .page-progress button,
19086
+ .page-progress button:active,
19087
+ .page-progress button:focus,
19088
+ .page-progress button:active:focus, .terms-conditions .view-terms a,
19089
+ .terms-conditions .view-terms a:active:focus {
19090
+ border: 0;
19091
+ outline: none;
19092
+ box-shadow: none;
19093
+ border-radius: 2px;
19094
+ }
19095
+
19096
+ .Chip {
19097
+ border-radius: 3px;
19098
+ padding: 4px 6px;
19099
+ margin: 4px;
19100
+ }
19101
+ .Chip:hover {
19102
+ background-color: #eaeded;
19103
+ }
19104
+
19105
+ .Checked {
19106
+ color: #ffffff;
19107
+ background-color: #469285;
19108
+ }
19109
+ .Checked:hover {
19110
+ background-color: #2f8072;
19111
+ }
19112
+
19061
19113
  .Error div.alert {
19062
19114
  text-align: center;
19063
19115
  display: flex;
package/dist/umd/synapse-react-client.development.css CHANGED
@@ -11270,6 +11270,7 @@ html:not(#synapse\.org) .modal-content .modal-header button.close {
11270
11270
  }
11271
11271
  html:not(#synapse\.org) .modal-content .modal-body {
11272
11272
  padding: 10px 0px;
11273
+ margin-bottom: 16px;
11273
11274
  }
11274
11275
  html:not(#synapse\.org) .modal-content .modal-footer {
11275
11276
  padding: 10px 0px;
@@ -15322,7 +15323,7 @@ a.SRC-whiteText {
15322
15323
  text-decoration: none;
15323
15324
  }
15324
15325
  .SRC-no-underline-on-hover:hover {
15325
- text-decoration: none;
15326
+ text-decoration: none !important;
15326
15327
  }
15327
15328
  .SRC-underline-on-hover:hover {
15328
15329
  text-decoration: underline;
@@ -17495,6 +17496,17 @@ svg.HelpButton {
17495
17496
  .cardContainer {
17496
17497
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
17497
17498
  }
17499
+ .QuerySortSelector .sort-by-label {
17500
+ margin: 0px 2px;
17501
+ }
17502
+ .QuerySortSelector .react-select-container {
17503
+ min-width: 250px;
17504
+ }
17505
+ .QuerySortSelector .react-select-container .form-control {
17506
+ padding: 0px;
17507
+ height: 37px;
17508
+ margin-bottom: 0px;
17509
+ }
17498
17510
  .download-confirmation {
17499
17511
  display: flex;
17500
17512
  justify-content: space-between;
@@ -18117,6 +18129,14 @@ svg.HelpButton {
18117
18129
  .QueryFilter__facet:first-child {
18118
18130
  margin-top: 0;
18119
18131
  }
18132
+ .QueryFilter .AvailableFacet {
18133
+ display: flex;
18134
+ justify-content: space-between;
18135
+ border-bottom: 1px solid #dcdcdc;
18136
+ }
18137
+ .QueryFilter .AvailableFacet__label {
18138
+ font-weight: bold;
18139
+ }
18120
18140
  .page-progress button,
18121
18141
  .page-progress button:active,
18122
18142
  .page-progress button:focus,
@@ -18850,9 +18870,11 @@ svg.HelpButton {
18850
18870
  box-shadow: none;
18851
18871
  border-radius: 2px;
18852
18872
  }
18873
+ .QueryWrapperPlotNav .SRC-wrapper {
18874
+ display: grid;
18875
+ }
18853
18876
  @media (min-width: 768px) {
18854
18877
  .QueryWrapperPlotNav .SRC-wrapper {
18855
- display: grid;
18856
18878
  grid-template-columns: 25% 75%;
18857
18879
  }
18858
18880
  .QueryWrapperPlotNav .SRC-wrapper > * {
@@ -18864,41 +18886,9 @@ svg.HelpButton {
18864
18886
  .QueryWrapperPlotNav .SRC-wrapper.has-facets > * {
18865
18887
  grid-column: 1/span 2;
18866
18888
  }
18867
- .QueryWrapperPlotNav .SRC-wrapper .QueryFilter {
18868
- grid-row: 3/span 100;
18869
- }
18870
- .QueryWrapperPlotNav .SRC-wrapper .TopLevelControls {
18871
- grid-row: 1/span 1;
18872
- }
18873
- .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
18874
- grid-row: 2/span 1;
18875
- }
18876
- .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
18877
- grid-row: 3/span 1;
18878
- }
18879
- .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput {
18880
- grid-row: 4/span 1;
18881
- }
18882
- .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput .MuiCollapse-entered {
18883
- margin: 5px 0px;
18884
- }
18885
- .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput {
18886
- grid-row: 5/span 1;
18887
- }
18888
- .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput .MuiCollapse-entered {
18889
- margin: 5px 0px;
18890
- }
18891
- .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
18892
- grid-row: 6/span 1;
18893
- }
18894
- .QueryWrapperPlotNav .SRC-wrapper .FacetNav {
18895
- grid-row: 7/span 1;
18896
- }
18897
- .QueryWrapperPlotNav .SRC-wrapper .FilterAndView {
18898
- grid-row: 8/span 1;
18899
- }
18900
18889
  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilter {
18901
18890
  grid-column: 1/span 1;
18891
+ grid-row: 3/span 100;
18902
18892
  }
18903
18893
  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.download-confirmation,
18904
18894
  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FacetNav,
@@ -18912,15 +18902,48 @@ svg.HelpButton {
18912
18902
  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TotalQueryResults {
18913
18903
  grid-column: 1/span 2;
18914
18904
  }
18915
- .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
18916
- grid-column: 1/span 1;
18917
- }
18918
- .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter > * {
18919
- display: none;
18920
- }
18921
- .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FilterAndView {
18922
- margin-top: 10px;
18923
- }
18905
+ }
18906
+ .QueryWrapperPlotNav .SRC-wrapper .TopLevelControls {
18907
+ grid-row: 1/span 1;
18908
+ }
18909
+ .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
18910
+ grid-row: 2/span 1;
18911
+ }
18912
+ .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
18913
+ grid-row: 3/span 1;
18914
+ }
18915
+ .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput {
18916
+ grid-row: 4/span 1;
18917
+ }
18918
+ .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSearchInput .MuiCollapse-entered {
18919
+ margin: 5px 0px;
18920
+ }
18921
+ .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput {
18922
+ grid-row: 5/span 1;
18923
+ }
18924
+ .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperSqlEditorInput .MuiCollapse-entered {
18925
+ margin: 5px 0px;
18926
+ }
18927
+ .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
18928
+ grid-row: 6/span 1;
18929
+ }
18930
+ .QueryWrapperPlotNav .SRC-wrapper .QueryFilter {
18931
+ grid-row: 7/span 1;
18932
+ }
18933
+ .QueryWrapperPlotNav .SRC-wrapper .FacetNav {
18934
+ grid-row: 8/span 1;
18935
+ }
18936
+ .QueryWrapperPlotNav .SRC-wrapper .FilterAndView {
18937
+ grid-row: 9/span 1;
18938
+ }
18939
+ .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
18940
+ grid-column: 1/span 1;
18941
+ }
18942
+ .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter > * {
18943
+ display: none;
18944
+ }
18945
+ .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FilterAndView {
18946
+ margin-top: 10px;
18924
18947
  }
18925
18948
  .QueryWrapperPlotNav .SRC-wrapper > .QueryFilter,
18926
18949
  .QueryWrapperPlotNav .SRC-wrapper > .download-confirmation,
@@ -19677,6 +19700,32 @@ input[type=radio] + span {
19677
19700
  height: 14px;
19678
19701
  vertical-align: text-top;
19679
19702
  }
19703
+ .page-progress button,
19704
+ .page-progress button:active,
19705
+ .page-progress button:focus,
19706
+ .page-progress button:active:focus,
19707
+ .terms-conditions .view-terms a,
19708
+ .terms-conditions .view-terms a:active:focus {
19709
+ border: 0;
19710
+ outline: none;
19711
+ box-shadow: none;
19712
+ border-radius: 2px;
19713
+ }
19714
+ .Chip {
19715
+ border-radius: 3px;
19716
+ padding: 4px 6px;
19717
+ margin: 4px;
19718
+ }
19719
+ .Chip:hover {
19720
+ background-color: #eaeded;
19721
+ }
19722
+ .Checked {
19723
+ color: #ffffff;
19724
+ background-color: #469285;
19725
+ }
19726
+ .Checked:hover {
19727
+ background-color: #2f8072;
19728
+ }
19680
19729
  .Error div.alert {
19681
19730
  text-align: center;
19682
19731
  display: flex;