@gooddata/sdk-ui-dashboard 10.44.0-alpha.1 → 10.44.0-alpha.3

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 (34) hide show
  1. package/NOTICE +102 -15
  2. package/esm/__version.d.ts +1 -1
  3. package/esm/__version.js +1 -1
  4. package/esm/_staging/dateFilterConfig/dateFilterConfigConverters.d.ts.map +1 -1
  5. package/esm/_staging/dateFilterConfig/dateFilterConfigConverters.js +1 -4
  6. package/esm/_staging/dateFilterConfig/dateFilterConfigConverters.js.map +1 -1
  7. package/esm/presentation/alerting/DefaultAlertingDialog/DefaultAlertingDialogNew.d.ts.map +1 -1
  8. package/esm/presentation/alerting/DefaultAlertingDialog/DefaultAlertingDialogNew.js +3 -4
  9. package/esm/presentation/alerting/DefaultAlertingDialog/DefaultAlertingDialogNew.js.map +1 -1
  10. package/esm/presentation/automationFilters/components/AutomationDateFilter.d.ts.map +1 -1
  11. package/esm/presentation/automationFilters/components/AutomationDateFilter.js +1 -1
  12. package/esm/presentation/automationFilters/components/AutomationDateFilter.js.map +1 -1
  13. package/esm/presentation/filterBar/filterBar/filterViews/FilterViewsList.d.ts.map +1 -1
  14. package/esm/presentation/filterBar/filterBar/filterViews/FilterViewsList.js +42 -21
  15. package/esm/presentation/filterBar/filterBar/filterViews/FilterViewsList.js.map +1 -1
  16. package/esm/presentation/localization/bundles/en-US.json +20 -0
  17. package/esm/presentation/localization/bundles/en-US.localization-bundle.d.ts +5 -0
  18. package/esm/presentation/localization/bundles/en-US.localization-bundle.d.ts.map +1 -1
  19. package/esm/presentation/localization/bundles/en-US.localization-bundle.js +5 -0
  20. package/esm/presentation/localization/bundles/en-US.localization-bundle.js.map +1 -1
  21. package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/DefaultScheduledEmailDialog.js +4 -4
  22. package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/DefaultScheduledEmailDialog.js.map +1 -1
  23. package/esm/presentation/scheduledEmail/utils/date.d.ts.map +1 -1
  24. package/esm/presentation/scheduledEmail/utils/date.js +1 -1
  25. package/esm/presentation/scheduledEmail/utils/date.js.map +1 -1
  26. package/esm/presentation/widget/insight/ViewModeDashboardInsight/InsightDrillDialog/DrillDialog.d.ts.map +1 -1
  27. package/esm/presentation/widget/insight/ViewModeDashboardInsight/InsightDrillDialog/DrillDialog.js +1 -1
  28. package/esm/presentation/widget/insight/ViewModeDashboardInsight/InsightDrillDialog/DrillDialog.js.map +1 -1
  29. package/package.json +17 -17
  30. package/styles/css/filterBar.css +14 -10
  31. package/styles/css/filterBar.css.map +1 -1
  32. package/styles/css/main.css +373 -251
  33. package/styles/css/main.css.map +1 -1
  34. package/styles/scss/filterBar.scss +21 -13
package/styles/scss/filterBar.scss CHANGED
@@ -617,7 +617,7 @@ $attribute-filter-drag-handle-left: 10px;
617
617
  outline: none;
618
618
 
619
619
  .gd-filter-view__item--isFocused .gd-filter-view__item__button {
620
- display: block;
620
+ opacity: 1;
621
621
  }
622
622
 
623
623
  .gd-filter-view__item--isFocusedSelectItem,
@@ -677,7 +677,7 @@ $attribute-filter-drag-handle-left: 10px;
677
677
 
678
678
  .gd-filter-view__item {
679
679
  display: flex;
680
- flex-direction: row-reverse;
680
+ flex-direction: row;
681
681
  align-items: center;
682
682
  height: 28px;
683
683
 
@@ -705,23 +705,25 @@ $attribute-filter-drag-handle-left: 10px;
705
705
  }
706
706
 
707
707
  .gd-filter-view__item__button {
708
- display: none;
708
+ opacity: 0;
709
709
  flex-shrink: 0;
710
710
  height: 28px;
711
711
  padding: 0;
712
712
  margin: 0;
713
713
  transition: none;
714
-
715
- .gd-button-icon::before {
716
- font-size: 12px;
717
- }
714
+ display: flex;
715
+ align-items: center;
718
716
  }
719
717
 
720
718
  &:hover {
721
719
  background: kit-variables.$default-is-focused-background;
720
+ }
722
721
 
722
+ &:hover,
723
+ &--isFocused:focus,
724
+ &--isFocused:focus-within {
723
725
  .gd-filter-view__item__button {
724
- display: block;
726
+ opacity: 1;
725
727
  cursor: pointer;
726
728
  }
727
729
  }
@@ -743,16 +745,22 @@ $attribute-filter-drag-handle-left: 10px;
743
745
 
744
746
  .gd-filter-view__item__delete-button-wrapper {
745
747
  padding: 0 5px;
748
+ display: flex;
749
+ align-items: center;
746
750
 
747
751
  &:hover {
748
752
  background-color: kit-variables.$gd-delete-item-background;
749
-
750
- ~ .gd-filter-view__item__button,
751
- ~ .gd-filter-view__item__value {
752
- background-color: kit-variables.$gd-delete-item-background;
753
- }
753
+ color: kit-variables.$gd-color-negative;
754
754
  }
755
755
  }
756
+
757
+ // Make all other items on the row red when hovering over the delete button
758
+ .gd-filter-view__item__button:has(~ .gd-filter-view__item__delete-button-wrapper:hover),
759
+ .gd-filter-view__item__button ~ .gd-filter-view__item__delete-button-wrapper:hover,
760
+ .gd-filter-view__item__value:has(~ .gd-filter-view__item__delete-button-wrapper:hover),
761
+ .gd-filter-view__item__value ~ .gd-filter-view__item__delete-button-wrapper:hover {
762
+ background-color: kit-variables.$gd-delete-item-background;
763
+ }
756
764
  }
757
765
 
758
766
  // --- Filter Views configuration miscellaneous