@gooddata/sdk-ui-dashboard 10.28.0-alpha.71 → 10.28.0-alpha.73

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 (35) hide show
  1. package/esm/__version.d.ts +1 -1
  2. package/esm/__version.js +1 -1
  3. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonOperatorSelect.d.ts.map +1 -1
  4. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonOperatorSelect.js +55 -22
  5. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonOperatorSelect.js.map +1 -1
  6. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonPeriodSelect.d.ts.map +1 -1
  7. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonPeriodSelect.js +21 -11
  8. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonPeriodSelect.js.map +1 -1
  9. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertDestinationSelect.d.ts.map +1 -1
  10. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertDestinationSelect.js +20 -11
  11. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertDestinationSelect.js.map +1 -1
  12. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertMeasureSelect.d.ts.map +1 -1
  13. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertMeasureSelect.js +21 -9
  14. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertMeasureSelect.js.map +1 -1
  15. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertTriggerModeSelect.d.ts.map +1 -1
  16. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertTriggerModeSelect.js +21 -11
  17. package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertTriggerModeSelect.js.map +1 -1
  18. package/esm/presentation/alerting/DefaultAlertingDialog/constants.d.ts +1 -2
  19. package/esm/presentation/alerting/DefaultAlertingDialog/constants.d.ts.map +1 -1
  20. package/esm/presentation/alerting/DefaultAlertingDialog/hooks/useOperators.d.ts +1 -7
  21. package/esm/presentation/alerting/DefaultAlertingDialog/hooks/useOperators.d.ts.map +1 -1
  22. package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/components/DestinationSelect/DestinationSelect.d.ts.map +1 -1
  23. package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/components/DestinationSelect/DestinationSelect.js +13 -4
  24. package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/components/DestinationSelect/DestinationSelect.js.map +1 -1
  25. package/package.json +15 -15
  26. package/styles/css/alerting.css +8 -0
  27. package/styles/css/alerting.css.map +1 -1
  28. package/styles/css/dashboard.css +8 -0
  29. package/styles/css/dashboard.css.map +1 -1
  30. package/styles/css/main.css +60 -0
  31. package/styles/css/main.css.map +1 -1
  32. package/styles/css/notifications_channels_dialog.css +8 -0
  33. package/styles/css/notifications_channels_dialog.css.map +1 -1
  34. package/styles/scss/alerting.scss +9 -0
  35. package/styles/scss/notifications_channels_dialog.scss +10 -0
@@ -1,2 +1,2 @@
1
- export declare const LIB_VERSION = "10.28.0-alpha.71";
1
+ export declare const LIB_VERSION = "10.28.0-alpha.73";
2
2
  //# sourceMappingURL=__version.d.ts.map
package/esm/__version.js CHANGED
@@ -1,4 +1,4 @@
1
1
  // (C) 2021 GoodData Corporation
2
2
  // DO NOT CHANGE THIS FILE, IT IS RE-GENERATED ON EVERY BUILD
3
- export const LIB_VERSION = "10.28.0-alpha.71";
3
+ export const LIB_VERSION = "10.28.0-alpha.73";
4
4
  //# sourceMappingURL=__version.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertComparisonOperatorSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonOperatorSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,wBAAwB,EACxB,gCAAgC,EAChC,sBAAsB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAA0B,mBAAmB,EAAwB,MAAM,sBAAsB,CAAC;AAEzG,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,MAAM,WAAW,mCAAmC;IAChD,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,0BAA0B,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACjE,wBAAwB,EAAE,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,GAAG,SAAS,CAAC;IACjG,0BAA0B,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACxG,wBAAwB,EAAE,CACtB,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,sBAAsB,EACxC,0BAA0B,EAAE,gCAAgC,KAC3D,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,6BAA6B,UAAW,mCAAmC,6BAkIvF,CAAC"}
1
+ {"version":3,"file":"AlertComparisonOperatorSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonOperatorSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,wBAAwB,EACxB,gCAAgC,EAChC,sBAAsB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAoB,mBAAmB,EAAmC,MAAM,sBAAsB,CAAC;AAE9G,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiB7C,MAAM,WAAW,mCAAmC;IAChD,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,0BAA0B,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACjE,wBAAwB,EAAE,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,GAAG,SAAS,CAAC;IACjG,0BAA0B,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACxG,wBAAwB,EAAE,CACtB,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,sBAAsB,EACxC,0BAA0B,EAAE,gCAAgC,KAC3D,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,6BAA6B,UAAW,mCAAmC,6BA0LvF,CAAC"}
@@ -1,8 +1,8 @@
1
- import { Button, Dropdown, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
1
+ import { Button, Dropdown, SingleSelectListItem, UiListbox } from "@gooddata/sdk-ui-kit";
2
2
  import cx from "classnames";
3
3
  import React, { useRef } from "react";
4
4
  import { FormattedMessage, useIntl } from "react-intl";
5
- import { DROPDOWN_ITEM_HEIGHT, DROPDOWN_SEPARATOR_ITEM_HEIGHT, OPERATORS } from "../constants.js";
5
+ import { OPERATORS } from "../constants.js";
6
6
  import { useOperators } from "../hooks/useOperators.js";
7
7
  export const AlertComparisonOperatorSelect = (props) => {
8
8
  const { measure, selectedComparisonOperator, onComparisonOperatorChange, selectedRelativeOperator, onRelativeOperatorChange, overlayPositionType, id, closeOnParentScroll, } = props;
@@ -18,34 +18,67 @@ export const AlertComparisonOperatorSelect = (props) => {
18
18
  if (!measure) {
19
19
  return null;
20
20
  }
21
- return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, renderButton: ({ isOpen, toggleDropdown }) => {
21
+ return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, autofocusOnOpen: true, renderButton: ({ isOpen, toggleDropdown, buttonRef, dropdownId }) => {
22
22
  return (React.createElement("div", { ref: (item) => {
23
23
  ref.current = item;
24
24
  } },
25
25
  React.createElement(Button, { id: id, className: cx("gd-alert-comparison-operator-select__button s-alert-operator-select", {
26
26
  "is-active": isOpen,
27
- }), size: "small", variant: "secondary", iconLeft: selectedComparisonItem?.icon ?? selectedRelativeItem?.icon, iconRight: `gd-icon-navigate${isOpen ? "up" : "down"}`, onClick: toggleDropdown }, intl.formatMessage({
27
+ }), size: "small", variant: "secondary", iconLeft: selectedComparisonItem?.icon ?? selectedRelativeItem?.icon, iconRight: `gd-icon-navigate${isOpen ? "up" : "down"}`, onClick: toggleDropdown, accessibilityConfig: {
28
+ role: "button",
29
+ popupId: dropdownId,
30
+ isExpanded: isOpen,
31
+ }, buttonRef: buttonRef }, intl.formatMessage({
28
32
  id: selectedComparisonItem?.title ?? selectedRelativeItem?.title,
29
33
  }))));
30
- }, renderBody: ({ closeDropdown }) => {
31
- return (React.createElement(List, { width: ref.current?.offsetWidth, className: "gd-alert-comparison-operator-select__list s-alert-operator-select-list", items: operators, itemHeightGetter: (idx) => operators[idx].type === "separator"
32
- ? DROPDOWN_SEPARATOR_ITEM_HEIGHT
33
- : DROPDOWN_ITEM_HEIGHT, renderItem: (prop) => {
34
- return (React.createElement(SingleSelectListItem, { key: prop.rowIndex, type: prop.item.type, icon: prop.item.icon ? (React.createElement("div", { className: cx("gd-alert-comparison-operator-select__icon", prop.item.icon) })) : undefined, title: prop.item.title
35
- ? intl.formatMessage({ id: prop.item.title })
36
- : undefined, info: prop.item.info ? (React.createElement(FormattedMessage, { id: prop.item.info, values: {
34
+ }, renderBody: ({ closeDropdown, ariaAttributes }) => {
35
+ const listboxItems = operators.map((item) => {
36
+ if (item.type === "separator") {
37
+ return {
38
+ type: "static",
39
+ data: { type: "separator" },
40
+ };
41
+ }
42
+ else if (item.type === "header") {
43
+ return {
44
+ type: "static",
45
+ data: {
46
+ type: "header",
47
+ title: item.title,
48
+ info: item.info,
49
+ },
50
+ };
51
+ }
52
+ else {
53
+ return {
54
+ type: "interactive",
55
+ id: item.id.toString(),
56
+ stringTitle: item.title ? intl.formatMessage({ id: item.title }) : "",
57
+ data: item,
58
+ };
59
+ }
60
+ });
61
+ const selectedItemId = (selectedComparisonItem?.id ?? selectedRelativeItem?.id)?.toString();
62
+ return (React.createElement(UiListbox, { shouldKeyboardActionStopPropagation: true, shouldKeyboardActionPreventDefault: true, className: "gd-alert-comparison-operator-select__list s-alert-operator-select-list", items: listboxItems, maxWidth: ref.current?.offsetWidth, selectedItemId: selectedItemId, onSelect: (item) => {
63
+ const operatorItem = item.data;
64
+ const [first, second] = operatorItem.id.toString().split(".");
65
+ if (first && !second) {
66
+ onComparisonOperatorChange(measure, first);
67
+ }
68
+ if (first && second) {
69
+ onRelativeOperatorChange(measure, second, first);
70
+ }
71
+ }, onClose: closeDropdown, ariaAttributes: ariaAttributes, InteractiveItemComponent: ({ item, isSelected, onSelect, isFocused }) => {
72
+ return (React.createElement(SingleSelectListItem, { type: item.data.type, icon: item.data.icon ? (React.createElement("div", { className: cx("gd-alert-comparison-operator-select__icon", item.data.icon) })) : undefined, title: item.stringTitle, info: item.data.info ? (React.createElement(FormattedMessage, { id: item.data.info, values: {
37
73
  spacer: (React.createElement("div", { className: "gd-alert-comparison-operator-tooltip-spacer" })),
38
- } })) : undefined, isSelected: prop.item === selectedComparisonItem ||
39
- prop.item === selectedRelativeItem, onClick: () => {
40
- const [first, second] = prop.item.id.split(".");
41
- if (first && !second) {
42
- onComparisonOperatorChange(measure, first);
43
- }
44
- if (first && second) {
45
- onRelativeOperatorChange(measure, second, first);
46
- }
47
- closeDropdown();
48
- } }));
74
+ } })) : undefined, isSelected: isSelected, isFocused: isFocused, onClick: onSelect, className: "gd-alert-comparison-operator-select__list-item" }));
75
+ }, StaticItemComponent: ({ item }) => {
76
+ const headerItem = item.data.type === "header" ? item.data : undefined;
77
+ return (React.createElement(SingleSelectListItem, { type: item.data.type, title: headerItem?.title
78
+ ? intl.formatMessage({ id: headerItem.title })
79
+ : undefined, info: headerItem?.info ? (React.createElement(FormattedMessage, { id: headerItem.info, values: {
80
+ spacer: (React.createElement("div", { className: "gd-alert-comparison-operator-tooltip-spacer" })),
81
+ } })) : undefined, className: "gd-alert-comparison-operator-select__list-item" }));
49
82
  } }));
50
83
  } }));
51
84
  };
@@ -1 +1 @@
1
- {"version":3,"file":"AlertComparisonOperatorSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonOperatorSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AlertComparisonOperatorSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonOperatorSelect.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertComparisonPeriodSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonPeriodSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAA0B,mBAAmB,EAAwB,MAAM,sBAAsB,CAAC;AAEzG,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAyB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAM/F,MAAM,WAAW,iCAAiC;IAC9C,KAAK,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAC7C,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;IAC/C,kBAAkB,EAAE,CAAC,UAAU,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpE,mBAAmB,EAAE,OAAO,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,2BAA2B,UAAW,iCAAiC,6BAuHnF,CAAC"}
1
+ {"version":3,"file":"AlertComparisonPeriodSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonPeriodSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAA0C,mBAAmB,EAAa,MAAM,sBAAsB,CAAC;AAE9G,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAyB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAK/F,MAAM,WAAW,iCAAiC;IAC9C,KAAK,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAC7C,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,kBAAkB,CAAC,EAAE,yBAAyB,CAAC;IAC/C,kBAAkB,EAAE,CAAC,UAAU,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpE,mBAAmB,EAAE,OAAO,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,2BAA2B,UAAW,iCAAiC,6BA4InF,CAAC"}
@@ -1,11 +1,10 @@
1
1
  // (C) 2022-2025 GoodData Corporation
2
2
  import { DateGranularity } from "@gooddata/sdk-model";
3
- import { Button, Dropdown, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
3
+ import { Button, Dropdown, SingleSelectListItem, UiListbox } from "@gooddata/sdk-ui-kit";
4
4
  import cx from "classnames";
5
5
  import React, { useMemo } from "react";
6
6
  import { FormattedMessage, useIntl } from "react-intl";
7
7
  import { AlertMetricComparatorType } from "../../types.js";
8
- import { DROPDOWN_ITEM_HEIGHT } from "../constants.js";
9
8
  import { translateGranularity } from "../utils/granularity.js";
10
9
  import { isChangeOrDifferenceOperator } from "../utils/guards.js";
11
10
  export const AlertComparisonPeriodSelect = (props) => {
@@ -52,19 +51,30 @@ export const AlertComparisonPeriodSelect = (props) => {
52
51
  if (measure?.comparators.length === 1 || !canManageComparison) {
53
52
  return React.createElement(DropdownButtonLabel, { selectedOperator: selectedOperator });
54
53
  }
55
- return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, renderButton: ({ isOpen, toggleDropdown }) => {
54
+ return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, autofocusOnOpen: true, renderButton: ({ isOpen, toggleDropdown, buttonRef, dropdownId }) => {
56
55
  return (React.createElement(Button, { id: id, onClick: toggleDropdown, iconRight: isOpen ? "gd-icon-navigateup" : "gd-icon-navigatedown", size: "small", variant: "primary", className: cx("gd-alert-comparison-select__button s-alert-comparison-select", "button-dropdown", "dropdown-button", {
57
56
  "gd-alert-comparison-select__button--open": isOpen,
58
57
  "is-active": isOpen,
59
- }) },
58
+ }), accessibilityConfig: {
59
+ role: "button",
60
+ popupId: dropdownId,
61
+ isExpanded: isOpen,
62
+ }, buttonRef: buttonRef },
60
63
  React.createElement(DropdownButtonLabel, { selectedOperator: selectedOperator })));
61
- }, renderBody: ({ closeDropdown }) => {
62
- return (React.createElement(List, { className: "gd-alert-comparison-select__list s-alert-comparison-select-list", items: comparisons, itemHeight: DROPDOWN_ITEM_HEIGHT, renderItem: (i) => (React.createElement(SingleSelectListItem, { key: i.rowIndex, title: i.item.title, isSelected: i.item.type === selectedComparison, onClick: () => {
63
- if (i.item.type !== selectedComparison) {
64
- onComparisonChange(i.item.type);
65
- }
66
- closeDropdown();
67
- } })) }));
64
+ }, renderBody: ({ closeDropdown, ariaAttributes }) => {
65
+ const listboxItems = comparisons.map((comparison) => ({
66
+ type: "interactive",
67
+ id: comparison.type.toString(),
68
+ stringTitle: comparison.title,
69
+ data: comparison,
70
+ }));
71
+ return (React.createElement(UiListbox, { shouldKeyboardActionStopPropagation: true, shouldKeyboardActionPreventDefault: true, className: "gd-alert-comparison-select__list s-alert-comparison-select-list", items: listboxItems, selectedItemId: selectedComparison?.toString(), onSelect: (item) => {
72
+ if (item.data.type !== selectedComparison) {
73
+ onComparisonChange(item.data.type);
74
+ }
75
+ }, onClose: closeDropdown, ariaAttributes: ariaAttributes, InteractiveItemComponent: ({ item, isSelected, onSelect, isFocused }) => {
76
+ return (React.createElement(SingleSelectListItem, { title: item.stringTitle, isSelected: isSelected, isFocused: isFocused, onClick: onSelect, className: "gd-alert-comparison-select__list-item" }));
77
+ } }));
68
78
  } }));
69
79
  };
70
80
  const DropdownButtonLabel = (props) => {
@@ -1 +1 @@
1
- {"version":3,"file":"AlertComparisonPeriodSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonPeriodSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AlertComparisonPeriodSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertComparisonPeriodSelect.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,eAAe,EAA6B,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAuB,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC9G,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAsC,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE/F,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAalE,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAwC,EAAE,EAAE;IACpF,MAAM,EACF,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,EAAE,EACF,mBAAmB,GACtB,GAAG,KAAK,CAAC;IACV,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,kBAAkB,CAAC,CAAC;IACjF,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,EAAE,GAAG,OAAO,EAAE,WAAW,CAAC,IAAI,CAChC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,yBAAyB,CAAC,sBAAsB,CAC3E,CAAC;QACF,MAAM,EAAE,GAAG,OAAO,EAAE,WAAW,CAAC,IAAI,CAChC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,yBAAyB,CAAC,cAAc,CACnE,CAAC;QAEF,OAAO;YACH,EAAE,EAAE,WAAW,IAAI,EAAE,EAAE,WAAW,KAAK,eAAe,CAAC,IAAI;gBACvD,CAAC,CAAC;oBACI,KAAK,EAAE,IAAI,CAAC,aAAa,CACrB,EAAE,EAAE,EAAE,iDAAiD,EAAE,EACzD;wBACI,MAAM,EAAE,oBAAoB,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC;qBACrD,CACJ;oBACD,IAAI,EAAE,yBAAyB,CAAC,sBAAsB;iBACzD;gBACH,CAAC,CAAC;oBACI,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,qCAAqC,EAAE,CAAC;oBACxE,IAAI,EAAE,yBAAyB,CAAC,sBAAsB;iBACzD;YACP,EAAE,EAAE,WAAW;gBACX,CAAC,CAAC;oBACI,KAAK,EAAE,IAAI,CAAC,aAAa,CACrB,EAAE,EAAE,EAAE,iDAAiD,EAAE,EACzD;wBACI,MAAM,EAAE,oBAAoB,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC;qBACrD,CACJ;oBACD,IAAI,EAAE,yBAAyB,CAAC,cAAc;iBACjD;gBACH,CAAC,CAAC;oBACI,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,qCAAqC,EAAE,CAAC;oBACxE,IAAI,EAAE,yBAAyB,CAAC,cAAc;iBACjD;SACV,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,oFAAoF;IACpF,IAAI,CAAC,KAAK,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACvD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,+EAA+E;IAC/E,+BAA+B;IAC/B,uFAAuF;IACvF,IAAI,OAAO,EAAE,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5D,OAAO,oBAAC,mBAAmB,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,CAAC;IACvE,CAAC;IAED,OAAO,CACH,oBAAC,QAAQ,IACL,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,IAAI,EACrB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE;YAChE,OAAO,CACH,oBAAC,MAAM,IACH,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACjE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,EAAE,CACT,8DAA8D,EAC9D,iBAAiB,EACjB,iBAAiB,EACjB;oBACI,0CAA0C,EAAE,MAAM;oBAClD,WAAW,EAAE,MAAM;iBACtB,CACJ,EACD,mBAAmB,EAAE;oBACjB,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE,UAAU;oBACnB,UAAU,EAAE,MAAM;iBACrB,EACD,SAAS,EAAE,SAAgD;gBAE3D,oBAAC,mBAAmB,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,CACtD,CACZ,CAAC;QACN,CAAC,EACD,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,EAAE,EAAE;YAC9C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;gBAClD,IAAI,EAAE,aAAsB;gBAC5B,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAC9B,WAAW,EAAE,UAAU,CAAC,KAAK;gBAC7B,IAAI,EAAE,UAAU;aACnB,CAAC,CAAC,CAAC;YAEJ,OAAO,CACH,oBAAC,SAAS,IACN,mCAAmC,EAAE,IAAI,EACzC,kCAAkC,EAAE,IAAI,EACxC,SAAS,EAAC,iEAAiE,EAC3E,KAAK,EAAE,YAAY,EACnB,cAAc,EAAE,kBAAkB,EAAE,QAAQ,EAAE,EAC9C,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;oBACf,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,kBAAkB,EAAE,CAAC;wBACxC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACvC,CAAC;gBACL,CAAC,EACD,OAAO,EAAE,aAAa,EACtB,cAAc,EAAE,cAAc,EAC9B,wBAAwB,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;oBACpE,OAAO,CACH,oBAAC,oBAAoB,IACjB,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,uCAAuC,GACnD,CACL,CAAC;gBACN,CAAC,GACH,CACL,CAAC;QACN,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAMF,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC5D,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEnC,IAAI,gBAAgB,EAAE,UAAU,KAAK,yBAAyB,CAAC,sBAAsB,EAAE,CAAC;QACpF,OAAO,CACH,6BAAK,SAAS,EAAC,6BAA6B,IACvC,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,WAAW,KAAK,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CACrF,oBAAC,gBAAgB,IACb,EAAE,EAAC,iDAAiD,EACpD,MAAM,EAAE;gBACJ,MAAM,EAAE,oBAAoB,CAAC,IAAI,EAAE,gBAAgB,CAAC,WAAW,CAAC;aACnE,GACH,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,gBAAgB,IAAC,EAAE,EAAC,qCAAqC,GAAG,CAChE,CACC,CACT,CAAC;IACN,CAAC;IAED,IAAI,gBAAgB,EAAE,UAAU,KAAK,yBAAyB,CAAC,cAAc,EAAE,CAAC;QAC5E,OAAO,CACH,6BAAK,SAAS,EAAC,6BAA6B,IACvC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAC5B,oBAAC,gBAAgB,IACb,EAAE,EAAC,iDAAiD,EACpD,MAAM,EAAE;gBACJ,MAAM,EAAE,oBAAoB,CAAC,IAAI,EAAE,gBAAgB,CAAC,WAAW,CAAC;aACnE,GACH,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,gBAAgB,IAAC,EAAE,EAAC,qCAAqC,GAAG,CAChE,CACC,CACT,CAAC;IACN,CAAC;IAED,OAAO,6BAAK,SAAS,EAAC,6BAA6B,UAAU,CAAC;AAClE,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDestinationSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertDestinationSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kCAAkC,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAA0B,mBAAmB,EAAwB,MAAM,sBAAsB,CAAC;AAEzG,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,4BAA4B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,kCAAkC,EAAE,CAAC;IACnD,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAiEzE,CAAC"}
1
+ {"version":3,"file":"AlertDestinationSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertDestinationSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kCAAkC,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAA+B,mBAAmB,EAAwB,MAAM,sBAAsB,CAAC;AAE9G,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,4BAA4B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,kCAAkC,EAAE,CAAC;IACnD,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAqFzE,CAAC"}
@@ -1,26 +1,35 @@
1
- import { Button, Dropdown, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
1
+ import { Button, Dropdown, UiListbox, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
2
2
  import cx from "classnames";
3
3
  import React from "react";
4
4
  import { useIntl } from "react-intl";
5
- import { DROPDOWN_ITEM_HEIGHT } from "../constants.js";
6
5
  export const AlertDestinationSelect = ({ id, selectedDestination, onDestinationChange, destinations, overlayPositionType, closeOnParentScroll, }) => {
7
6
  const intl = useIntl();
8
7
  const selectedOption = destinations.find((o) => o.id === selectedDestination);
9
8
  const accessibilityAriaLabel = intl.formatMessage({ id: "alert.accessibility.destination.label" });
10
- return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, renderButton: ({ isOpen, toggleDropdown }) => {
9
+ return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, autofocusOnOpen: true, renderButton: ({ isOpen, toggleDropdown, buttonRef, dropdownId }) => {
11
10
  return (React.createElement(Button, { id: id, accessibilityConfig: {
11
+ role: "button",
12
+ popupId: dropdownId,
13
+ isExpanded: isOpen,
12
14
  ariaLabel: accessibilityAriaLabel,
13
15
  }, onClick: toggleDropdown, iconRight: isOpen ? "gd-icon-navigateup" : "gd-icon-navigatedown", size: "small", variant: "primary", className: cx("gd-alert-destination-select__button s-alert-destination-select", "button-dropdown", "dropdown-button", {
14
16
  "gd-alert-destination-select__button--open": isOpen,
15
17
  "is-active": isOpen,
16
- }) }, selectedOption?.title ?? " - "));
17
- }, renderBody: ({ closeDropdown }) => {
18
- return (React.createElement(List, { className: "gd-alert-destination-select__list s-alert-destination-select-list", items: destinations, itemHeight: DROPDOWN_ITEM_HEIGHT, renderItem: (i) => (React.createElement(SingleSelectListItem, { key: i.rowIndex, title: i.item?.title, isSelected: i.item.id === selectedDestination, onClick: () => {
19
- if (i.item.id !== selectedDestination) {
20
- onDestinationChange(i.item.id);
21
- }
22
- closeDropdown();
23
- } })) }));
18
+ }), buttonRef: buttonRef }, selectedOption?.title ?? " - "));
19
+ }, renderBody: ({ closeDropdown, ariaAttributes }) => {
20
+ const listboxItems = destinations.map((destination) => ({
21
+ type: "interactive",
22
+ id: destination.id,
23
+ stringTitle: destination.title ?? "",
24
+ data: destination,
25
+ }));
26
+ return (React.createElement(UiListbox, { shouldKeyboardActionStopPropagation: true, shouldKeyboardActionPreventDefault: true, className: "gd-alert-destination-select__list s-alert-destination-select-list", items: listboxItems, selectedItemId: selectedDestination, shouldCloseOnSelect: true, onSelect: (item) => {
27
+ if (item.id !== selectedDestination) {
28
+ onDestinationChange(item.id);
29
+ }
30
+ }, onClose: closeDropdown, ariaAttributes: ariaAttributes, InteractiveItemComponent: ({ item, isSelected, onSelect, isFocused }) => {
31
+ return (React.createElement(SingleSelectListItem, { title: item.data.title, isSelected: isSelected, isFocused: isFocused, onClick: onSelect, className: "gd-alert-destination-select__list-item" }));
32
+ } }));
24
33
  } }));
25
34
  };
26
35
  //# sourceMappingURL=AlertDestinationSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDestinationSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertDestinationSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAuB,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACzG,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAWvD,MAAM,CAAC,MAAM,sBAAsB,GAA2C,CAAC,EAC3E,EAAE,EACF,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,GACQ,EAAE,EAAE;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,mBAAmB,CAAC,CAAC;IAE9E,MAAM,sBAAsB,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,uCAAuC,EAAE,CAAC,CAAC;IACnG,OAAO,CACH,oBAAC,QAAQ,IACL,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;YACzC,OAAO,CACH,oBAAC,MAAM,IACH,EAAE,EAAE,EAAE,EACN,mBAAmB,EAAE;oBACjB,SAAS,EAAE,sBAAsB;iBACpC,EACD,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACjE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,EAAE,CACT,gEAAgE,EAChE,iBAAiB,EACjB,iBAAiB,EACjB;oBACI,2CAA2C,EAAE,MAAM;oBACnD,WAAW,EAAE,MAAM;iBACtB,CACJ,IAEA,cAAc,EAAE,KAAK,IAAI,KAAK,CAC1B,CACZ,CAAC;QACN,CAAC,EACD,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;YAC9B,OAAO,CACH,oBAAC,IAAI,IACD,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,oBAAoB,EAChC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACf,oBAAC,oBAAoB,IACjB,GAAG,EAAE,CAAC,CAAC,QAAQ,EACf,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EACpB,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,mBAAmB,EAC7C,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,mBAAmB,EAAE,CAAC;4BACpC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBACnC,CAAC;wBACD,aAAa,EAAE,CAAC;oBACpB,CAAC,GACH,CACL,GACH,CACL,CAAC;QACN,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"AlertDestinationSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertDestinationSelect.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertMeasureSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertMeasureSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAgD,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIzG,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,MAAM,WAAW,uBAAuB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,WAAW,GAAG,SAAS,CAAC;IACzC,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAID,eAAO,MAAM,kBAAkB,kGAO5B,uBAAuB,sBA0DzB,CAAC"}
1
+ {"version":3,"file":"AlertMeasureSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertMeasureSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAA0C,mBAAmB,EAAa,MAAM,sBAAsB,CAAC;AAI9G,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,MAAM,WAAW,uBAAuB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,WAAW,GAAG,SAAS,CAAC;IACzC,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAID,eAAO,MAAM,kBAAkB,kGAO5B,uBAAuB,sBAoFzB,CAAC"}
@@ -1,10 +1,9 @@
1
1
  // (C) 2019-2025 GoodData Corporation
2
2
  import React, { useRef } from "react";
3
- import { Dropdown, Button, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
3
+ import { Dropdown, Button, SingleSelectListItem, UiListbox } from "@gooddata/sdk-ui-kit";
4
4
  import cx from "classnames";
5
5
  import { useIntl } from "react-intl";
6
6
  import { getMeasureTitle } from "../utils/getters.js";
7
- import { DROPDOWN_ITEM_HEIGHT } from "../constants.js";
8
7
  const measureIcon = React.createElement("div", { className: "gd-alert-measure-select__icon gd-icon-metric" });
9
8
  export const AlertMeasureSelect = ({ id, selectedMeasure, onMeasureChange, measures, overlayPositionType, closeOnParentScroll, }) => {
10
9
  const intl = useIntl();
@@ -12,18 +11,31 @@ export const AlertMeasureSelect = ({ id, selectedMeasure, onMeasureChange, measu
12
11
  const selectedMeasureTitle = selectedMeasure
13
12
  ? getMeasureTitle(selectedMeasure.measure)
14
13
  : intl.formatMessage({ id: "insightAlert.config.selectMetric" });
15
- return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, renderButton: ({ isOpen, toggleDropdown }) => {
14
+ return (React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, autofocusOnOpen: true, renderButton: ({ isOpen, toggleDropdown, buttonRef, dropdownId }) => {
16
15
  return (React.createElement("div", { ref: (item) => {
17
16
  ref.current = item;
18
17
  } },
19
18
  React.createElement(Button, { id: id, className: cx("gd-alert-measure-select__button s-alert-measure-select", {
20
19
  "is-active": isOpen,
21
- }), size: "small", variant: "secondary", iconLeft: selectedMeasure ? "gd-icon-metric" : undefined, iconRight: `gd-icon-navigate${isOpen ? "up" : "down"}`, onClick: toggleDropdown }, selectedMeasureTitle)));
22
- }, renderBody: ({ closeDropdown }) => {
23
- return (React.createElement(List, { width: ref.current?.offsetWidth, className: "gd-alert-measure-select__list s-alert-measure-select-list", items: measures, itemHeight: DROPDOWN_ITEM_HEIGHT, renderItem: (i) => (React.createElement(SingleSelectListItem, { key: i.rowIndex, icon: measureIcon, title: getMeasureTitle(i.item.measure), isSelected: i.item.measure === selectedMeasure?.measure, onClick: () => {
24
- onMeasureChange(i.item);
25
- closeDropdown();
26
- } })) }));
20
+ }), size: "small", variant: "secondary", iconLeft: selectedMeasure ? "gd-icon-metric" : undefined, iconRight: `gd-icon-navigate${isOpen ? "up" : "down"}`, onClick: toggleDropdown, accessibilityConfig: {
21
+ role: "button",
22
+ popupId: dropdownId,
23
+ isExpanded: isOpen,
24
+ }, buttonRef: buttonRef }, selectedMeasureTitle)));
25
+ }, renderBody: ({ closeDropdown, ariaAttributes }) => {
26
+ const listboxItems = measures.map((measure, index) => ({
27
+ type: "interactive",
28
+ id: `measure-${index}`,
29
+ stringTitle: getMeasureTitle(measure.measure) ?? "",
30
+ data: measure,
31
+ }));
32
+ const selectedIndex = measures.findIndex((m) => selectedMeasure && m.measure === selectedMeasure.measure);
33
+ const selectedId = selectedIndex !== -1 ? `measure-${selectedIndex}` : undefined;
34
+ return (React.createElement(UiListbox, { shouldKeyboardActionStopPropagation: true, shouldKeyboardActionPreventDefault: true, className: "gd-alert-measure-select__list s-alert-measure-select-list", items: listboxItems, maxWidth: ref.current?.offsetWidth, selectedItemId: selectedId, onSelect: (item) => {
35
+ onMeasureChange(item.data);
36
+ }, onClose: closeDropdown, ariaAttributes: ariaAttributes, InteractiveItemComponent: ({ item, isSelected, onSelect, isFocused }) => {
37
+ return (React.createElement(SingleSelectListItem, { icon: measureIcon, title: item.stringTitle, isSelected: isSelected, isFocused: isFocused, onClick: onSelect, className: "gd-alert-measure-select__list-item" }));
38
+ } }));
27
39
  } }));
28
40
  };
29
41
  //# sourceMappingURL=AlertMeasureSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertMeasureSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertMeasureSelect.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAuB,MAAM,sBAAsB,CAAC;AACzG,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAIrC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAWvD,MAAM,WAAW,GAAG,6BAAK,SAAS,EAAC,8CAA8C,GAAG,CAAC;AAErF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAC/B,EAAE,EACF,eAAe,EACf,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,mBAAmB,GACG,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC7C,MAAM,oBAAoB,GAAG,eAAe;QACxC,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,OAAO,CAAC;QAC1C,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kCAAkC,EAAE,CAAC,CAAC;IAErE,OAAO,CACH,oBAAC,QAAQ,IACL,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;YACzC,OAAO,CACH,6BACI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oBACV,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;gBACvB,CAAC;gBAED,oBAAC,MAAM,IACH,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE;wBACpE,WAAW,EAAE,MAAM;qBACtB,CAAC,EACF,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACxD,SAAS,EAAE,mBAAmB,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EACtD,OAAO,EAAE,cAAc,IAEtB,oBAAoB,CAChB,CACP,CACT,CAAC;QACN,CAAC,EACD,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;YAC9B,OAAO,CACH,oBAAC,IAAI,IACD,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,EAC/B,SAAS,EAAC,2DAA2D,EACrE,KAAK,EAAE,QAAQ,EACf,UAAU,EAAE,oBAAoB,EAChC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACf,oBAAC,oBAAoB,IACjB,GAAG,EAAE,CAAC,CAAC,QAAQ,EACf,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EACtC,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,eAAe,EAAE,OAAO,EACvD,OAAO,EAAE,GAAG,EAAE;wBACV,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;wBACxB,aAAa,EAAE,CAAC;oBACpB,CAAC,GACH,CACL,GACH,CACL,CAAC;QACN,CAAC,GACH,CACL,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"AlertMeasureSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertMeasureSelect.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertTriggerModeSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertTriggerModeSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgD,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGzG,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAkBxD,MAAM,WAAW,4BAA4B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,EAAE,iBAAiB,CAAC;IACvC,mBAAmB,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,sBAAsB,gGAMhC,4BAA4B,sBAqD9B,CAAC"}
1
+ {"version":3,"file":"AlertTriggerModeSelect.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertTriggerModeSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIH,mBAAmB,EAGtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAkBxD,MAAM,WAAW,4BAA4B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,EAAE,iBAAiB,CAAC;IACvC,mBAAmB,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,sBAAsB,gGAMhC,4BAA4B,sBA2E9B,CAAC"}
@@ -1,8 +1,7 @@
1
1
  // (C) 2024-2025 GoodData Corporation
2
2
  import React from "react";
3
- import { Dropdown, Button, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
3
+ import { Dropdown, Button, SingleSelectListItem, UiListbox, } from "@gooddata/sdk-ui-kit";
4
4
  import cx from "classnames";
5
- import { DROPDOWN_ITEM_HEIGHT } from "../constants.js";
6
5
  import { useIntl } from "react-intl";
7
6
  import { messages } from "../messages.js";
8
7
  const options = [
@@ -19,17 +18,28 @@ export const AlertTriggerModeSelect = ({ id, selectedTriggerMode, onTriggerModeC
19
18
  const selectedOption = options.find((o) => o.id === selectedTriggerMode);
20
19
  const intl = useIntl();
21
20
  return (React.createElement("div", { className: "gd-alert-trigger-mode-select" },
22
- React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, renderButton: ({ isOpen, toggleDropdown }) => {
21
+ React.createElement(Dropdown, { closeOnParentScroll: closeOnParentScroll, overlayPositionType: overlayPositionType, autofocusOnOpen: true, renderButton: ({ isOpen, toggleDropdown, buttonRef, dropdownId }) => {
23
22
  return (React.createElement(Button, { id: id, onClick: toggleDropdown, iconRight: isOpen ? "gd-icon-navigateup" : "gd-icon-navigatedown", size: "small", variant: "secondary", className: cx("gd-edit-alert-trigger-mode-select__button s-alert-trigger-mode-select", {
24
23
  "is-active": isOpen,
25
- }) }, selectedOption ? intl.formatMessage({ id: selectedOption.title }) : ""));
26
- }, renderBody: ({ closeDropdown }) => {
27
- return (React.createElement(List, { className: "gd-alert-trigger-mode-select__list s-alert-trigger-mode-select-list", items: options, itemHeight: DROPDOWN_ITEM_HEIGHT, renderItem: (i) => (React.createElement(SingleSelectListItem, { key: i.rowIndex, title: intl.formatMessage({ id: i.item.title }), isSelected: i.item === selectedOption, onClick: () => {
28
- if (selectedTriggerMode !== i.item.id) {
29
- onTriggerModeChange(i.item.id);
30
- }
31
- closeDropdown();
32
- } })) }));
24
+ }), accessibilityConfig: {
25
+ role: "button",
26
+ popupId: dropdownId,
27
+ isExpanded: isOpen,
28
+ }, buttonRef: buttonRef }, selectedOption ? intl.formatMessage({ id: selectedOption.title }) : ""));
29
+ }, renderBody: ({ closeDropdown, ariaAttributes }) => {
30
+ const listboxItems = options.map((option) => ({
31
+ type: "interactive",
32
+ id: option.id,
33
+ stringTitle: intl.formatMessage({ id: option.title }),
34
+ data: option,
35
+ }));
36
+ return (React.createElement(UiListbox, { shouldKeyboardActionStopPropagation: true, shouldKeyboardActionPreventDefault: true, className: "gd-alert-trigger-mode-select__list s-alert-trigger-mode-select-list", items: listboxItems, selectedItemId: selectedTriggerMode, onSelect: (item) => {
37
+ if (selectedTriggerMode !== item.id) {
38
+ onTriggerModeChange(item.id);
39
+ }
40
+ }, onClose: closeDropdown, ariaAttributes: ariaAttributes, InteractiveItemComponent: ({ item, isSelected, onSelect, isFocused }) => {
41
+ return (React.createElement(SingleSelectListItem, { title: item.stringTitle, isSelected: isSelected, isFocused: isFocused, onClick: onSelect, className: "gd-alert-trigger-mode-select__list-item" }));
42
+ } }));
33
43
  } })));
34
44
  };
35
45
  //# sourceMappingURL=AlertTriggerModeSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertTriggerModeSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertTriggerModeSelect.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAuB,MAAM,sBAAsB,CAAC;AACzG,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,OAAO,GAGP;IACF;QACI,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EAAE;QACzC,EAAE,EAAE,QAAQ;KACf;IACD;QACI,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,EAAE;QACvC,EAAE,EAAE,MAAM;KACb;CACJ,CAAC;AAUF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,EAAE,EACF,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,GACQ,EAAE,EAAE;IAC/B,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,mBAAmB,CAAC,CAAC;IACzE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,6BAAK,SAAS,EAAC,8BAA8B;QACzC,oBAAC,QAAQ,IACL,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;gBACzC,OAAO,CACH,oBAAC,MAAM,IACH,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACjE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CACT,uEAAuE,EACvE;wBACI,WAAW,EAAE,MAAM;qBACtB,CACJ,IAEA,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAClE,CACZ,CAAC;YACN,CAAC,EACD,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;gBAC9B,OAAO,CACH,oBAAC,IAAI,IACD,SAAS,EAAC,qEAAqE,EAC/E,KAAK,EAAE,OAAO,EACd,UAAU,EAAE,oBAAoB,EAChC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACf,oBAAC,oBAAoB,IACjB,GAAG,EAAE,CAAC,CAAC,QAAQ,EACf,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAC/C,UAAU,EAAE,CAAC,CAAC,IAAI,KAAK,cAAc,EACrC,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,mBAAmB,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;gCACpC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;4BACnC,CAAC;4BACD,aAAa,EAAE,CAAC;wBACpB,CAAC,GACH,CACL,GACH,CACL,CAAC;YACN,CAAC,GACH,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"AlertTriggerModeSelect.js","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/components/AlertTriggerModeSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { IAlertComparisonOperator } from "@gooddata/sdk-model";
2
2
  import { SingleSelectListItemType } from "@gooddata/sdk-ui-kit";
3
- type OperatorItemType<T = IAlertComparisonOperator> = {
3
+ export type OperatorItemType<T = IAlertComparisonOperator> = {
4
4
  title: string;
5
5
  icon: string;
6
6
  id: T;
@@ -41,5 +41,4 @@ export declare const SEPARATOR: OperatorItemType<string>;
41
41
  export declare const DROPDOWN_ITEM_HEIGHT = 28;
42
42
  export declare const DROPDOWN_SEPARATOR_ITEM_HEIGHT = 10;
43
43
  export declare const DEFAULT_MEASURE_FORMAT = "#,##0.00";
44
- export {};
45
44
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/presentation/alerting/DefaultAlertingDialog/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,KAAK,gBAAgB,CAAC,CAAC,GAAG,wBAAwB,IAAI;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,CAAC,CAAC;IACN,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,6BAA6B,cAAc,CAAC;AACzD,eAAO,MAAM,yCAAyC,0BAA0B,CAAC;AACjF,eAAO,MAAM,gCAAgC,iBAAiB,CAAC;AAC/D,eAAO,MAAM,4CAA4C,6BAA6B,CAAC;AAEvF,eAAO,MAAM,6BAA6B,iBAAiB,CAAC;AAC5D,eAAO,MAAM,6BAA6B,iBAAiB,CAAC;AAC5D,eAAO,MAAM,4BAA4B,eAAe,CAAC;AAEzD,eAAO,MAAM,8BAA8B,eAAe,CAAC;AAC3D,eAAO,MAAM,0BAA0B,WAAW,CAAC;AAEnD,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,eAAO,MAAM,2BAA2B,EAAE,gBAAgB,EAqBzD,CAAC;AACF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAgBnE,CAAC;AACF,eAAO,MAAM,oCAAoC,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAgBvE,CAAC;AAEF,eAAO,MAAM,SAAS,yBAIrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAMlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,CAAC,MAAM,CAMtD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAK9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,sBAAsB,aAAa,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/presentation/alerting/DefaultAlertingDialog/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,wBAAwB,IAAI;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,CAAC,CAAC;IACN,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,6BAA6B,cAAc,CAAC;AACzD,eAAO,MAAM,yCAAyC,0BAA0B,CAAC;AACjF,eAAO,MAAM,gCAAgC,iBAAiB,CAAC;AAC/D,eAAO,MAAM,4CAA4C,6BAA6B,CAAC;AAEvF,eAAO,MAAM,6BAA6B,iBAAiB,CAAC;AAC5D,eAAO,MAAM,6BAA6B,iBAAiB,CAAC;AAC5D,eAAO,MAAM,4BAA4B,eAAe,CAAC;AAEzD,eAAO,MAAM,8BAA8B,eAAe,CAAC;AAC3D,eAAO,MAAM,0BAA0B,WAAW,CAAC;AAEnD,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,eAAO,MAAM,2BAA2B,EAAE,gBAAgB,EAqBzD,CAAC;AACF,eAAO,MAAM,gCAAgC,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAgBnE,CAAC;AACF,eAAO,MAAM,oCAAoC,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAgBvE,CAAC;AAEF,eAAO,MAAM,SAAS,yBAIrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAMlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,CAAC,MAAM,CAMtD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAK9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,sBAAsB,aAAa,CAAC"}
@@ -1,9 +1,3 @@
1
1
  import { AlertMetric } from "../../types.js";
2
- export declare function useOperators(measure: AlertMetric | undefined): {
3
- title: string;
4
- icon: string;
5
- id: any;
6
- type?: import("@gooddata/sdk-ui-kit").SingleSelectListItemType | undefined;
7
- info?: string | undefined;
8
- }[];
2
+ export declare function useOperators(measure: AlertMetric | undefined): import("../constants.js").OperatorItemType<any>[];
9
3
  //# sourceMappingURL=useOperators.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useOperators.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/hooks/useOperators.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA6B,MAAM,gBAAgB,CAAC;AAUxE,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS;;;;;;IAqB5D"}
1
+ {"version":3,"file":"useOperators.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/alerting/DefaultAlertingDialog/hooks/useOperators.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA6B,MAAM,gBAAgB,CAAC;AAUxE,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,qDAqB5D"}
@@ -1 +1 @@
1
- {"version":3,"file":"DestinationSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/scheduledEmail/DefaultScheduledEmailDialog/components/DestinationSelect/DestinationSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAKH,mBAAmB,EAEtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,kCAAkC,EAAE,MAAM,qBAAqB,CAAC;AASzE,UAAU,uBAAuB;IAC7B,oBAAoB,EAAE,kCAAkC,EAAE,CAAC;IAC3D,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC7C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8E/D,CAAC"}
1
+ {"version":3,"file":"DestinationSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/scheduledEmail/DefaultScheduledEmailDialog/components/DestinationSelect/DestinationSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAIH,mBAAmB,EAItB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,kCAAkC,EAAE,MAAM,qBAAqB,CAAC;AASzE,UAAU,uBAAuB;IAC7B,oBAAoB,EAAE,kCAAkC,EAAE,CAAC;IAC3D,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC7C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoG/D,CAAC"}
@@ -1,7 +1,7 @@
1
1
  // (C) 2024-2025 GoodData Corporation
2
2
  import React, { useMemo } from "react";
3
3
  import { FormattedMessage, useIntl } from "react-intl";
4
- import { Dropdown, DropdownButton, DropdownList, Hyperlink, SingleSelectListItem, } from "@gooddata/sdk-ui-kit";
4
+ import { Dropdown, DropdownButton, SingleSelectListItem, UiListbox, Hyperlink, } from "@gooddata/sdk-ui-kit";
5
5
  import { DEFAULT_DROPDOWN_ALIGN_POINTS } from "../../constants.js";
6
6
  const DROPDOWN_WIDTH = 199;
7
7
  export const DestinationSelect = ({ notificationChannels, selectedItemId, onChange, closeOnParentScroll, overlayPositionType, }) => {
@@ -23,9 +23,18 @@ export const DestinationSelect = ({ notificationChannels, selectedItemId, onChan
23
23
  React.createElement("span", null,
24
24
  React.createElement("span", { className: "gd-icon-warning" }),
25
25
  React.createElement(FormattedMessage, { id: "dialogs.schedule.email.destination.missing" })),
26
- React.createElement(Hyperlink, { text: intl.formatMessage({ id: "dialogs.schedule.email.destination.help" }), href: "/settings" }))) : (React.createElement(Dropdown, { overlayPositionType: overlayPositionType, closeOnParentScroll: closeOnParentScroll, alignPoints: DEFAULT_DROPDOWN_ALIGN_POINTS, className: "gd-notifications-channels-dialog-destination s-gd-notifications-channels-dialog-destination", renderButton: ({ toggleDropdown, dropdownId, isOpen }) => (React.createElement(DropdownButton, { id: accessibilityValue, value: selectedItem?.title, onClick: toggleDropdown, className: "gd-notifications-channels-dialog-destination-button", dropdownId: dropdownId, isOpen: isOpen })), renderBody: ({ closeDropdown, isMobile }) => (React.createElement(DropdownList, { width: DROPDOWN_WIDTH, items: items, isMobile: isMobile, renderItem: ({ item }) => (React.createElement(SingleSelectListItem, { title: item.title, onClick: () => {
26
+ React.createElement(Hyperlink, { text: intl.formatMessage({ id: "dialogs.schedule.email.destination.help" }), href: "/settings" }))) : (React.createElement(Dropdown, { overlayPositionType: overlayPositionType, closeOnParentScroll: closeOnParentScroll, alignPoints: DEFAULT_DROPDOWN_ALIGN_POINTS, className: "gd-notifications-channels-dialog-destination s-gd-notifications-channels-dialog-destination", autofocusOnOpen: true, renderButton: ({ toggleDropdown, dropdownId, isOpen, buttonRef }) => (React.createElement(DropdownButton, { id: accessibilityValue, value: selectedItem?.title, onClick: toggleDropdown, className: "gd-notifications-channels-dialog-destination-button", buttonRef: buttonRef, dropdownId: dropdownId, isOpen: isOpen })), renderBody: ({ closeDropdown, ariaAttributes }) => {
27
+ const listboxItems = items.map((item) => ({
28
+ type: "interactive",
29
+ id: item.id,
30
+ stringTitle: item.title,
31
+ data: item,
32
+ }));
33
+ return (React.createElement(UiListbox, { shouldKeyboardActionStopPropagation: true, shouldKeyboardActionPreventDefault: true, className: "gd-notifications-channels-dialog-destination-list s-gd-notifications-channels-dialog-destination-list", items: listboxItems, maxWidth: DROPDOWN_WIDTH, selectedItemId: selectedItemId, onSelect: (item) => {
27
34
  onChange(item.id);
28
- closeDropdown();
29
- }, isSelected: selectedItem?.id === item.id })) })) }))));
35
+ }, onClose: closeDropdown, ariaAttributes: ariaAttributes, InteractiveItemComponent: ({ item, isSelected, onSelect, isFocused }) => {
36
+ return (React.createElement(SingleSelectListItem, { title: item.stringTitle, isSelected: isSelected, isFocused: isFocused, onClick: onSelect, className: "gd-notifications-channels-dialog-destination-list-item" }));
37
+ } }));
38
+ } }))));
30
39
  };
31
40
  //# sourceMappingURL=DestinationSelect.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DestinationSelect.js","sourceRoot":"","sources":["../../../../../../src/presentation/scheduledEmail/DefaultScheduledEmailDialog/components/DestinationSelect/DestinationSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DestinationSelect.js","sourceRoot":"","sources":["../../../../../../src/presentation/scheduledEmail/DefaultScheduledEmailDialog/components/DestinationSelect/DestinationSelect.tsx"],"names":[],"mappings":"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"}