@gooddata/sdk-ui-dashboard 10.2.0-alpha.9 → 10.2.0

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 (63) hide show
  1. package/esm/__version.d.ts +1 -1
  2. package/esm/__version.d.ts.map +1 -1
  3. package/esm/__version.js +1 -1
  4. package/esm/__version.js.map +1 -1
  5. package/esm/model/store/config/configSelectors.d.ts +6 -0
  6. package/esm/model/store/config/configSelectors.d.ts.map +1 -1
  7. package/esm/model/store/config/configSelectors.js +8 -0
  8. package/esm/model/store/config/configSelectors.js.map +1 -1
  9. package/esm/model/store/index.d.ts +1 -1
  10. package/esm/model/store/index.d.ts.map +1 -1
  11. package/esm/model/store/index.js +1 -1
  12. package/esm/model/store/index.js.map +1 -1
  13. package/esm/presentation/filterBar/attributeFilter/DefaultDashboardAttributeFilter.d.ts.map +1 -1
  14. package/esm/presentation/filterBar/attributeFilter/DefaultDashboardAttributeFilter.js +7 -6
  15. package/esm/presentation/filterBar/attributeFilter/DefaultDashboardAttributeFilter.js.map +1 -1
  16. package/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/hooks/useDependentDateFilterConfigurationState.d.ts.map +1 -1
  17. package/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/hooks/useDependentDateFilterConfigurationState.js +2 -2
  18. package/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/hooks/useDependentDateFilterConfigurationState.js.map +1 -1
  19. package/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/hooks/useDependentDateFiltersConfiguration.js +1 -1
  20. package/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/hooks/useDependentDateFiltersConfiguration.js.map +1 -1
  21. package/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/limitValues/shared/limitingItemsHook.d.ts.map +1 -1
  22. package/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/limitValues/shared/limitingItemsHook.js +5 -5
  23. package/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/limitValues/shared/limitingItemsHook.js.map +1 -1
  24. package/esm/presentation/localization/bundles/en-GB.json +441 -0
  25. package/esm/presentation/localization/bundles/en-US.json +25 -0
  26. package/esm/presentation/localization/bundles/es-419.json +441 -0
  27. package/esm/presentation/localization/bundles/fr-CA.json +441 -0
  28. package/esm/presentation/localization/translations.d.ts.map +1 -1
  29. package/esm/presentation/localization/translations.js +6 -0
  30. package/esm/presentation/localization/translations.js.map +1 -1
  31. package/esm/presentation/presentationComponents/DashboardItems/DashboardItem.d.ts.map +1 -1
  32. package/esm/presentation/presentationComponents/DashboardItems/DashboardItem.js +2 -2
  33. package/esm/presentation/presentationComponents/DashboardItems/DashboardItem.js.map +1 -1
  34. package/esm/presentation/topBar/buttonBar/button/editButton/DefaultEditButton.d.ts.map +1 -1
  35. package/esm/presentation/topBar/buttonBar/button/editButton/DefaultEditButton.js +7 -3
  36. package/esm/presentation/topBar/buttonBar/button/editButton/DefaultEditButton.js.map +1 -1
  37. package/esm/presentation/topBar/buttonBar/button/shareButton/DefaultShareButton.d.ts.map +1 -1
  38. package/esm/presentation/topBar/buttonBar/button/shareButton/DefaultShareButton.js +7 -4
  39. package/esm/presentation/topBar/buttonBar/button/shareButton/DefaultShareButton.js.map +1 -1
  40. package/esm/presentation/topBar/menuButton/DefaultMenuButton.d.ts.map +1 -1
  41. package/esm/presentation/topBar/menuButton/DefaultMenuButton.js +8 -2
  42. package/esm/presentation/topBar/menuButton/DefaultMenuButton.js.map +1 -1
  43. package/esm/presentation/widget/description/DescriptionClickTrigger.d.ts.map +1 -1
  44. package/esm/presentation/widget/description/DescriptionClickTrigger.js +11 -2
  45. package/esm/presentation/widget/description/DescriptionClickTrigger.js.map +1 -1
  46. package/esm/presentation/widget/insight/ViewModeDashboardInsight/InsightDrillDialog/useDrillDialogInsightDrills.d.ts.map +1 -1
  47. package/esm/presentation/widget/insight/ViewModeDashboardInsight/InsightDrillDialog/useDrillDialogInsightDrills.js +19 -5
  48. package/esm/presentation/widget/insight/ViewModeDashboardInsight/InsightDrillDialog/useDrillDialogInsightDrills.js.map +1 -1
  49. package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenuButton.d.ts.map +1 -1
  50. package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenuButton.js +11 -2
  51. package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenuButton.js.map +1 -1
  52. package/esm/presentation/widget/widget/InsightWidget/DefaultDashboardInsightWidget.js +10 -2
  53. package/esm/presentation/widget/widget/InsightWidget/DefaultDashboardInsightWidget.js.map +1 -1
  54. package/esm/sdk-ui-dashboard.d.ts +7 -0
  55. package/package.json +15 -15
  56. package/styles/css/dashboard.css +24 -0
  57. package/styles/css/dashboard.css.map +1 -1
  58. package/styles/css/main.css +100 -14
  59. package/styles/css/main.css.map +1 -1
  60. package/styles/css/topBar.css +13 -0
  61. package/styles/css/topBar.css.map +1 -1
  62. package/styles/scss/dashboard.scss +35 -1
  63. package/styles/scss/topBar.scss +16 -0
package/styles/css/main.css CHANGED
@@ -3695,7 +3695,6 @@
3695
3695
  margin: 0;
3696
3696
  box-shadow: 0 1px 2px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1));
3697
3697
  color: var(--gd-palette-complementary-8, #000);
3698
- padding-right: 30px;
3699
3698
  border-bottom: 1px solid var(--gd-palette-complementary-4, #c9d5e0);
3700
3699
  }
3701
3700
 
@@ -5064,7 +5063,8 @@ textarea.gd-input, textarea.input-text {
5064
5063
  font-size: 16px;
5065
5064
  }
5066
5065
 
5067
- .gd-button-important {
5066
+ .gd-button-important,
5067
+ .gd-button-large {
5068
5068
  height: 38px;
5069
5069
  padding: 7px 19px;
5070
5070
  line-height: 22px;
@@ -5397,9 +5397,17 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
5397
5397
  flex-shrink: 1;
5398
5398
  }
5399
5399
 
5400
+ .gd-invertable-select-search-input {
5401
+ margin: 10px;
5402
+ width: 100%;
5403
+ min-width: 0;
5404
+ }
5405
+
5400
5406
  .gd-invertable-select-all-checkbox,
5401
5407
  .gd-invertable-select-search-bar,
5402
5408
  .gd-invertable-select-status-bar {
5409
+ display: flex;
5410
+ flex-wrap: wrap;
5403
5411
  flex-shrink: 0;
5404
5412
  }
5405
5413
 
@@ -5412,10 +5420,6 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
5412
5420
  flex-shrink: 1;
5413
5421
  }
5414
5422
 
5415
- .gd-invertable-select-search-input {
5416
- margin-bottom: 14px;
5417
- }
5418
-
5419
5423
  .gd-invertable-select-all-checkbox {
5420
5424
  display: flex;
5421
5425
  justify-content: flex-start;
@@ -5481,6 +5485,19 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
5481
5485
  width: 100%;
5482
5486
  }
5483
5487
 
5488
+ .gd-invertable-select-actions {
5489
+ display: flex;
5490
+ flex-direction: column;
5491
+ padding: 0 10px;
5492
+ }
5493
+
5494
+ .gd-invertable-select-actions-buttons {
5495
+ display: flex;
5496
+ justify-content: flex-end;
5497
+ align-items: center;
5498
+ padding: 10px 0;
5499
+ }
5500
+
5484
5501
  .gd-flex-wrapper {
5485
5502
  display: flex;
5486
5503
  width: 100%;
@@ -5820,6 +5837,11 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
5820
5837
  font-size: 12px;
5821
5838
  }
5822
5839
 
5840
+ .gd-attribute-filter-dropdown-button__next:focus-visible {
5841
+ outline: auto 5px Highlight; /* For Firefox */
5842
+ outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
5843
+ }
5844
+
5823
5845
  .gd-attribute-filter-dropdown-button-icon__next {
5824
5846
  position: relative;
5825
5847
  z-index: 1;
@@ -7158,7 +7180,6 @@ div.gd-empty-item-bubble {
7158
7180
  margin: 0;
7159
7181
  box-shadow: 0 1px 2px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1));
7160
7182
  color: var(--gd-palette-complementary-8, #000);
7161
- padding-right: 30px;
7162
7183
  border-bottom: 1px solid var(--gd-palette-complementary-4, #c9d5e0);
7163
7184
  }
7164
7185
 
@@ -9820,7 +9841,8 @@ textarea.gd-input, textarea.input-text {
9820
9841
  font-size: 16px;
9821
9842
  }
9822
9843
 
9823
- .gd-button-important {
9844
+ .gd-button-important,
9845
+ .gd-button-large {
9824
9846
  height: 38px;
9825
9847
  padding: 7px 19px;
9826
9848
  line-height: 22px;
@@ -11398,6 +11420,11 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
11398
11420
  color: #e54d42;
11399
11421
  }
11400
11422
 
11423
+ .gd-date-filter-button:focus-visible {
11424
+ outline: auto 5px Highlight; /* For Firefox */
11425
+ outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
11426
+ }
11427
+
11401
11428
  .gd-mobile-dropdown-overlay .gd-date-filter-button-mobile {
11402
11429
  display: none;
11403
11430
  }
@@ -12508,9 +12535,17 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
12508
12535
  flex-shrink: 1;
12509
12536
  }
12510
12537
 
12538
+ .gd-invertable-select-search-input {
12539
+ margin: 10px;
12540
+ width: 100%;
12541
+ min-width: 0;
12542
+ }
12543
+
12511
12544
  .gd-invertable-select-all-checkbox,
12512
12545
  .gd-invertable-select-search-bar,
12513
12546
  .gd-invertable-select-status-bar {
12547
+ display: flex;
12548
+ flex-wrap: wrap;
12514
12549
  flex-shrink: 0;
12515
12550
  }
12516
12551
 
@@ -12523,10 +12558,6 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
12523
12558
  flex-shrink: 1;
12524
12559
  }
12525
12560
 
12526
- .gd-invertable-select-search-input {
12527
- margin-bottom: 14px;
12528
- }
12529
-
12530
12561
  .gd-invertable-select-all-checkbox {
12531
12562
  display: flex;
12532
12563
  justify-content: flex-start;
@@ -12592,6 +12623,19 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
12592
12623
  width: 100%;
12593
12624
  }
12594
12625
 
12626
+ .gd-invertable-select-actions {
12627
+ display: flex;
12628
+ flex-direction: column;
12629
+ padding: 0 10px;
12630
+ }
12631
+
12632
+ .gd-invertable-select-actions-buttons {
12633
+ display: flex;
12634
+ justify-content: flex-end;
12635
+ align-items: center;
12636
+ padding: 10px 0;
12637
+ }
12638
+
12595
12639
  .gd-flex-wrapper {
12596
12640
  display: flex;
12597
12641
  width: 100%;
@@ -14496,7 +14540,6 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
14496
14540
  margin: 0;
14497
14541
  box-shadow: 0 1px 2px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1));
14498
14542
  color: var(--gd-palette-complementary-8, #000);
14499
- padding-right: 30px;
14500
14543
  border-bottom: 1px solid var(--gd-palette-complementary-4, #c9d5e0);
14501
14544
  }
14502
14545
 
@@ -15865,7 +15908,8 @@ textarea.gd-input, textarea.input-text {
15865
15908
  font-size: 16px;
15866
15909
  }
15867
15910
 
15868
- .gd-button-important {
15911
+ .gd-button-important,
15912
+ .gd-button-large {
15869
15913
  height: 38px;
15870
15914
  padding: 7px 19px;
15871
15915
  line-height: 22px;
@@ -16459,6 +16503,11 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
16459
16503
  font-size: 12px;
16460
16504
  }
16461
16505
 
16506
+ .gd-attribute-filter-dropdown-button__next:focus-visible {
16507
+ outline: auto 5px Highlight; /* For Firefox */
16508
+ outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
16509
+ }
16510
+
16462
16511
  .gd-attribute-filter-dropdown-button-icon__next {
16463
16512
  position: relative;
16464
16513
  z-index: 1;
@@ -19282,6 +19331,16 @@ div.gd-empty-item-bubble {
19282
19331
  .dash-item.is-selected .dash-item-action-lw-options::before {
19283
19332
  color: var(--gd-palette-complementary-0, #fff);
19284
19333
  }
19334
+ .dash-item:focus-visible {
19335
+ outline: auto 5px Highlight; /* For Firefox */
19336
+ outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
19337
+ }
19338
+ .dash-item:focus-visible .dash-item-action-options {
19339
+ display: block;
19340
+ }
19341
+ .dash-item:focus-visible .dash-item-action-description .dash-item-action-description-trigger {
19342
+ display: flex;
19343
+ }
19285
19344
 
19286
19345
  @keyframes alert-highlighted {
19287
19346
  0% {
@@ -19537,6 +19596,13 @@ div.gd-empty-item-bubble {
19537
19596
  width: 36px;
19538
19597
  height: 36px;
19539
19598
  }
19599
+ .dash-item-action-placeholder:focus-visible {
19600
+ outline: auto 5px Highlight; /* For Firefox */
19601
+ outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
19602
+ }
19603
+ .dash-item-action-placeholder:focus-visible .dash-item-action-options {
19604
+ display: block;
19605
+ }
19540
19606
 
19541
19607
  .dash-item-action-placeholder-headline {
19542
19608
  right: calc(-10px - var(--gd-dashboards-content-widget-borderWidth, 2px) + 36px + 5px);
@@ -19545,6 +19611,13 @@ div.gd-empty-item-bubble {
19545
19611
  .dash-item-action-description .dash-item-action-description-trigger:not(.is-mobile) {
19546
19612
  display: none;
19547
19613
  }
19614
+ .dash-item-action-description:focus-visible {
19615
+ outline: auto 5px Highlight; /* For Firefox */
19616
+ outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
19617
+ }
19618
+ .dash-item-action-description:focus-visible .dash-item-action-description-trigger {
19619
+ display: flex;
19620
+ }
19548
19621
 
19549
19622
  .dash-item-action-description-trigger {
19550
19623
  display: flex;
@@ -21108,6 +21181,15 @@ div.gd-empty-item-bubble {
21108
21181
  color: var(--gd-palette-complementary-6, #94a1ad);
21109
21182
  }
21110
21183
 
21184
+ @media only screen and (max-width: 320px), only screen and (max-width: 640px) {
21185
+ .dash-header-options-wrapper {
21186
+ height: 100%;
21187
+ }
21188
+ .dash-header-options-wrapper button {
21189
+ height: 100%;
21190
+ }
21191
+ }
21192
+
21111
21193
  .dash-header-options-button {
21112
21194
  flex: 0 0 auto;
21113
21195
  text-align: center;
@@ -21133,6 +21215,10 @@ div.gd-empty-item-bubble {
21133
21215
  }
21134
21216
  }
21135
21217
 
21218
+ .dash-header-share-button {
21219
+ margin-left: 10px;
21220
+ }
21221
+
21136
21222
  .overlay-wrapper {
21137
21223
  z-index: 5001;
21138
21224
  }