@gooddata/sdk-ui-dashboard 10.9.0-alpha.1 → 10.9.0-alpha.11
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.
- package/esm/__version.d.ts +1 -1
- package/esm/__version.d.ts.map +1 -1
- package/esm/__version.js +1 -1
- package/esm/__version.js.map +1 -1
- package/esm/model/commandHandlers/drill/crossFilteringHandler.d.ts.map +1 -1
- package/esm/model/commandHandlers/drill/crossFilteringHandler.js +4 -1
- package/esm/model/commandHandlers/drill/crossFilteringHandler.js.map +1 -1
- package/esm/model/commandHandlers/filterContext/attributeFilter/changeAttributeDisplayFormHandler.d.ts.map +1 -1
- package/esm/model/commandHandlers/filterContext/attributeFilter/changeAttributeDisplayFormHandler.js +24 -0
- package/esm/model/commandHandlers/filterContext/attributeFilter/changeAttributeDisplayFormHandler.js.map +1 -1
- package/esm/presentation/constants/index.d.ts +1 -0
- package/esm/presentation/constants/index.d.ts.map +1 -1
- package/esm/presentation/constants/index.js +2 -1
- package/esm/presentation/constants/index.js.map +1 -1
- package/esm/presentation/localization/bundles/de-DE.json +1 -0
- package/esm/presentation/localization/bundles/en-AU.json +475 -0
- package/esm/presentation/localization/bundles/en-GB.json +1 -0
- package/esm/presentation/localization/bundles/en-US.json +135 -0
- package/esm/presentation/localization/bundles/es-419.json +1 -0
- package/esm/presentation/localization/bundles/es-ES.json +1 -0
- package/esm/presentation/localization/bundles/fi-FI.json +475 -0
- package/esm/presentation/localization/bundles/fr-CA.json +1 -0
- package/esm/presentation/localization/bundles/fr-FR.json +1 -0
- package/esm/presentation/localization/bundles/it-IT.json +1 -0
- package/esm/presentation/localization/bundles/ja-JP.json +1 -0
- package/esm/presentation/localization/bundles/nl-NL.json +1 -0
- package/esm/presentation/localization/bundles/pt-BR.json +1 -0
- package/esm/presentation/localization/bundles/pt-PT.json +1 -0
- package/esm/presentation/localization/bundles/zh-Hans.json +1 -0
- package/esm/presentation/localization/bundles/zh-Hant.json +475 -0
- package/esm/presentation/localization/bundles/zh-Yue.json +475 -0
- package/esm/presentation/localization/translations.d.ts.map +1 -1
- package/esm/presentation/localization/translations.js +8 -0
- package/esm/presentation/localization/translations.js.map +1 -1
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useEditScheduledEmail.d.ts +1 -1
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useEditScheduledEmail.d.ts.map +1 -1
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useEditScheduledEmail.js +1 -1
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useEditScheduledEmail.js.map +1 -1
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertActionsDropdown.d.ts +12 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertActionsDropdown.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertActionsDropdown.js +74 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertActionsDropdown.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertComparisonOperatorSelect.d.ts +8 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertComparisonOperatorSelect.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertComparisonOperatorSelect.js +25 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertComparisonOperatorSelect.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDeleteDialog.d.ts +7 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDeleteDialog.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDeleteDialog.js +13 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDeleteDialog.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDestinationSelect.d.ts +9 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDestinationSelect.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDestinationSelect.js +23 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDestinationSelect.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.d.ts +9 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.js +22 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertTriggerModeSelect.d.ts +8 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertTriggerModeSelect.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertTriggerModeSelect.js +35 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertTriggerModeSelect.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsList.d.ts +15 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsList.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsList.js +19 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsList.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsListItem.d.ts +12 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsListItem.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsListItem.js +16 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsListItem.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/CreateAlert.d.ts +15 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/CreateAlert.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/CreateAlert.js +7 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/CreateAlert.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.d.ts +17 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.js +46 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.d.ts +10 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.js +47 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/constants.d.ts +23 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/constants.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/constants.js +36 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/constants.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/messages.d.ts +48 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/messages.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/messages.js +50 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/messages.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.d.ts +21 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.js +97 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useEditAlert.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useInsightAlerting.d.ts +27 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useInsightAlerting.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useInsightAlerting.js +128 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/useInsightAlerting.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/utils.d.ts +16 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/utils.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/utils.js +86 -0
- package/esm/presentation/widget/insight/configuration/InsightAlertConfig/utils.js.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlerts.d.ts +4 -0
- package/esm/presentation/widget/insight/configuration/InsightAlerts.d.ts.map +1 -0
- package/esm/presentation/widget/insight/configuration/InsightAlerts.js +38 -0
- package/esm/presentation/widget/insight/configuration/InsightAlerts.js.map +1 -0
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightMenuItemButton.d.ts.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightMenuItemButton.js +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightMenuItemButton.js.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuContainer.d.ts +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuContainer.d.ts.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuContainer.js +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuHeader.d.ts +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuHeader.d.ts.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuHeader.js +4 -3
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuHeader.js.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/index.d.ts.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/index.js +3 -3
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/index.js.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/getDefaultInsightMenuItems.d.ts +2 -0
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/getDefaultInsightMenuItems.d.ts.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/getDefaultInsightMenuItems.js +28 -7
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/getDefaultInsightMenuItems.js.map +1 -1
- package/esm/presentation/widget/insightMenu/index.d.ts +1 -1
- package/esm/presentation/widget/insightMenu/index.d.ts.map +1 -1
- package/esm/presentation/widget/insightMenu/types.d.ts +28 -6
- package/esm/presentation/widget/insightMenu/types.d.ts.map +1 -1
- package/esm/presentation/widget/widget/InsightWidget/DefaultDashboardInsightWidget.js +7 -2
- package/esm/presentation/widget/widget/InsightWidget/DefaultDashboardInsightWidget.js.map +1 -1
- package/esm/presentation/widget/widget/InsightWidget/useInsightMenu.d.ts +2 -0
- package/esm/presentation/widget/widget/InsightWidget/useInsightMenu.d.ts.map +1 -1
- package/esm/presentation/widget/widget/InsightWidget/useInsightMenu.js +13 -8
- package/esm/presentation/widget/widget/InsightWidget/useInsightMenu.js.map +1 -1
- package/esm/sdk-ui-dashboard.d.ts +30 -5
- package/package.json +15 -15
- package/styles/css/alerting.css +211 -0
- package/styles/css/alerting.css.map +1 -0
- package/styles/css/main.css +210 -0
- package/styles/css/main.css.map +1 -1
- package/styles/scss/alerting.scss +253 -0
- package/styles/scss/main.scss +1 -0
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertActionsDropdown.js
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React, { useState } from "react";
|
|
3
|
+
import { Dropdown, Button, List, SingleSelectListItem, Icon, } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
import { useIntl } from "react-intl";
|
|
6
|
+
import { DROPDOWN_ITEM_HEIGHT, DROPDOWN_SEPARATOR_ITEM_HEIGHT } from "./constants.js";
|
|
7
|
+
import { messages } from "./messages.js";
|
|
8
|
+
import { AlertDeleteDialog } from "./AlertDeleteDialog.js";
|
|
9
|
+
const ALERT_ACTIONS_DROPDOWN_OPTIONS = [
|
|
10
|
+
{
|
|
11
|
+
title: messages.alertActionEdit.id,
|
|
12
|
+
id: "edit",
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
title: messages.alertActionPause.id,
|
|
16
|
+
id: "pause",
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
title: messages.alertActionResume.id,
|
|
20
|
+
id: "resume",
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
type: "separator",
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
title: messages.alertActionDelete.id,
|
|
27
|
+
id: "delete",
|
|
28
|
+
},
|
|
29
|
+
];
|
|
30
|
+
export const AlertActionsDropdown = ({ alert, onEdit, onPause, onResume, onDelete, isPaused, }) => {
|
|
31
|
+
const intl = useIntl();
|
|
32
|
+
const options = ALERT_ACTIONS_DROPDOWN_OPTIONS.filter((option) => {
|
|
33
|
+
if (option.id === "pause") {
|
|
34
|
+
return !isPaused;
|
|
35
|
+
}
|
|
36
|
+
if (option.id === "resume") {
|
|
37
|
+
return isPaused;
|
|
38
|
+
}
|
|
39
|
+
return true;
|
|
40
|
+
});
|
|
41
|
+
const [showDeleteDialog, setShowDeleteDialog] = useState(false);
|
|
42
|
+
return (React.createElement("div", { className: "gd-alert-actions-dropdown" },
|
|
43
|
+
React.createElement(Dropdown, { renderButton: ({ isOpen, toggleDropdown }) => {
|
|
44
|
+
return (React.createElement(Button, { className: cx("gd-alert-actions-dropdown__button gd-button-link gd-button-icon-only s-alert-actions-button", {
|
|
45
|
+
"gd-alert-actions-dropdown__button--open": isOpen,
|
|
46
|
+
}), onClick: (e) => {
|
|
47
|
+
e.stopPropagation();
|
|
48
|
+
toggleDropdown();
|
|
49
|
+
} },
|
|
50
|
+
React.createElement(Icon.Ellipsis, null)));
|
|
51
|
+
}, renderBody: ({ closeDropdown }) => {
|
|
52
|
+
return (React.createElement(List, { width: 80, height: 94, className: "gd-alert-actions-dropdown__list s-alert-actions-list", items: options, itemHeightGetter: (idx) => options[idx].type === "separator"
|
|
53
|
+
? DROPDOWN_SEPARATOR_ITEM_HEIGHT
|
|
54
|
+
: DROPDOWN_ITEM_HEIGHT, renderItem: (i) => (React.createElement(SingleSelectListItem, { key: i.rowIndex, title: i.item.id ? intl.formatMessage({ id: i.item.title }) : "", className: `gd-alert-actions-dropdown__list-item-${i.item.id}`, type: i.item.type, onClick: () => {
|
|
55
|
+
switch (i.item.id) {
|
|
56
|
+
case "edit":
|
|
57
|
+
onEdit();
|
|
58
|
+
break;
|
|
59
|
+
case "resume":
|
|
60
|
+
onResume();
|
|
61
|
+
break;
|
|
62
|
+
case "pause":
|
|
63
|
+
onPause();
|
|
64
|
+
break;
|
|
65
|
+
case "delete":
|
|
66
|
+
setShowDeleteDialog(true);
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
closeDropdown();
|
|
70
|
+
} })) }));
|
|
71
|
+
} }),
|
|
72
|
+
showDeleteDialog ? (React.createElement(AlertDeleteDialog, { title: alert.title, onDelete: onDelete, onCancel: () => setShowDeleteDialog(false) })) : null));
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=AlertActionsDropdown.js.map
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertActionsDropdown.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertActionsDropdown.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertActionsDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IAlertComparisonOperator } from "@gooddata/sdk-model";
|
|
3
|
+
export interface IAlertComparisonOperatorSelectProps {
|
|
4
|
+
selectedComparisonOperator: IAlertComparisonOperator;
|
|
5
|
+
onComparisonOperatorChange: (comparisonOperator: IAlertComparisonOperator) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const AlertComparisonOperatorSelect: (props: IAlertComparisonOperatorSelectProps) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=AlertComparisonOperatorSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertComparisonOperatorSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertComparisonOperatorSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAK/D,MAAM,WAAW,mCAAmC;IAChD,0BAA0B,EAAE,wBAAwB,CAAC;IACrD,0BAA0B,EAAE,CAAC,kBAAkB,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACtF;AAED,eAAO,MAAM,6BAA6B,UAAW,mCAAmC,sBAgEvF,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Dropdown, Button, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
import { COMPARISON_OPERATOR_OPTIONS, DROPDOWN_ITEM_HEIGHT } from "./constants.js";
|
|
6
|
+
import { useIntl } from "react-intl";
|
|
7
|
+
export const AlertComparisonOperatorSelect = (props) => {
|
|
8
|
+
const { selectedComparisonOperator, onComparisonOperatorChange } = props;
|
|
9
|
+
const selectedItem = COMPARISON_OPERATOR_OPTIONS.find((option) => option.id === selectedComparisonOperator);
|
|
10
|
+
const intl = useIntl();
|
|
11
|
+
return (React.createElement("div", { className: "gd-alert-comparison-operator-select" },
|
|
12
|
+
React.createElement(Dropdown, { renderButton: ({ isOpen, toggleDropdown }) => {
|
|
13
|
+
return (React.createElement(Button, { className: cx("gd-alert-comparison-operator-select__button s-alert-operator-select", {
|
|
14
|
+
"is-active": isOpen,
|
|
15
|
+
}), size: "small", variant: "secondary", iconLeft: selectedItem.icon, iconRight: `gd-icon-navigate${isOpen ? "up" : "down"}`, onClick: toggleDropdown }, intl.formatMessage({ id: selectedItem.title })));
|
|
16
|
+
}, renderBody: ({ closeDropdown }) => {
|
|
17
|
+
return (React.createElement(List, { className: "gd-alert-comparison-operator-select__list s-alert-operator-select-list", items: COMPARISON_OPERATOR_OPTIONS, itemHeight: DROPDOWN_ITEM_HEIGHT, renderItem: (i) => (React.createElement(SingleSelectListItem, { key: i.rowIndex, icon: i.item.icon ? (React.createElement("div", { className: cx("gd-alert-comparison-operator-select__icon", i.item.icon) })) : undefined, title: intl.formatMessage({ id: i.item.title }), isSelected: i.item === selectedItem, onClick: () => {
|
|
18
|
+
if (i.item.id) {
|
|
19
|
+
onComparisonOperatorChange(i.item.id);
|
|
20
|
+
closeDropdown();
|
|
21
|
+
}
|
|
22
|
+
} })) }));
|
|
23
|
+
} })));
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=AlertComparisonOperatorSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertComparisonOperatorSelect.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertComparisonOperatorSelect.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEpF,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAOrC,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,KAA0C,EAAE,EAAE;IACxF,MAAM,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,GAAG,KAAK,CAAC;IACzE,MAAM,YAAY,GAAG,2BAA2B,CAAC,IAAI,CACjD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,0BAA0B,CACtD,CAAC;IACH,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,6BAAK,SAAS,EAAC,qCAAqC;QAChD,oBAAC,QAAQ,IACL,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;gBACzC,OAAO,CACH,oBAAC,MAAM,IACH,SAAS,EAAE,EAAE,CACT,qEAAqE,EACrE;wBACI,WAAW,EAAE,MAAM;qBACtB,CACJ,EACD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,YAAY,CAAC,IAAI,EAC3B,SAAS,EAAE,mBAAmB,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EACtD,OAAO,EAAE,cAAc,IAEtB,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAC1C,CACZ,CAAC;YACN,CAAC,EACD,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;gBAC9B,OAAO,CACH,oBAAC,IAAI,IACD,SAAS,EAAC,wEAAwE,EAClF,KAAK,EAAE,2BAA2B,EAClC,UAAU,EAAE,oBAAoB,EAChC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACf,oBAAC,oBAAoB,IACjB,GAAG,EAAE,CAAC,CAAC,QAAQ,EACf,IAAI,EACA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,6BACI,SAAS,EAAE,EAAE,CACT,2CAA2C,EAC3C,CAAC,CAAC,IAAI,CAAC,IAAI,CACd,GACH,CACL,CAAC,CAAC,CAAC,SAAS,EAEjB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAC/C,UAAU,EAAE,CAAC,CAAC,IAAI,KAAK,YAAY,EACnC,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;gCACZ,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gCACtC,aAAa,EAAE,CAAC;4BACpB,CAAC;wBACL,CAAC,GACH,CACL,GACH,CACL,CAAC;YACN,CAAC,GACH,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDeleteDialog.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDeleteDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertDeleteDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAAE,CA2BrG,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ConfirmDialog } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import { FormattedMessage, useIntl } from "react-intl";
|
|
5
|
+
export const AlertDeleteDialog = ({ title, onDelete, onCancel, }) => {
|
|
6
|
+
const intl = useIntl();
|
|
7
|
+
return (React.createElement(ConfirmDialog, { displayCloseButton: true, isPositive: false, headline: intl.formatMessage({ id: "insightAlert.config.delete.title" }), cancelButtonText: intl.formatMessage({ id: "cancel" }), submitButtonText: intl.formatMessage({ id: "delete" }), onSubmit: onDelete, onClose: onCancel, onCancel: onCancel },
|
|
8
|
+
React.createElement(FormattedMessage, { id: "insightAlert.config.delete.message", values: {
|
|
9
|
+
title,
|
|
10
|
+
b: (chunks) => React.createElement("strong", null, chunks),
|
|
11
|
+
} })));
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=AlertDeleteDialog.js.map
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDeleteDialog.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDeleteDialog.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertDeleteDialog.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAEvD,MAAM,CAAC,MAAM,iBAAiB,GAA4E,CAAC,EACvG,KAAK,EACL,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,oBAAC,aAAa,IACV,kBAAkB,EAAE,IAAI,EACxB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kCAAkC,EAAE,CAAC,EACxE,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EACtD,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EACtD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,gBAAgB,IACb,EAAE,EAAC,oCAAoC,EACvC,MAAM,EAAE;gBACJ,KAAK;gBACL,CAAC,EAAE,CAAC,MAAiB,EAAE,EAAE,CAAC,oCAAS,MAAM,CAAU;aACtD,GACH,CACU,CACnB,CAAC;AACN,CAAC,CAAC"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDestinationSelect.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { INotificationChannel } from "./constants.js";
|
|
3
|
+
export interface IAlertDestinationSelectProps {
|
|
4
|
+
selectedDestination: string;
|
|
5
|
+
onDestinationChange: (destinationId: string) => void;
|
|
6
|
+
destinations: INotificationChannel[];
|
|
7
|
+
}
|
|
8
|
+
export declare const AlertDestinationSelect: React.FC<IAlertDestinationSelectProps>;
|
|
9
|
+
//# sourceMappingURL=AlertDestinationSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDestinationSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertDestinationSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAwB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,MAAM,WAAW,4BAA4B;IACzC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,oBAAoB,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAwDzE,CAAC"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertDestinationSelect.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Dropdown, Button, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
import { DROPDOWN_ITEM_HEIGHT } from "./constants.js";
|
|
6
|
+
export const AlertDestinationSelect = ({ selectedDestination, onDestinationChange, destinations, }) => {
|
|
7
|
+
const selectedOption = destinations.find((o) => o.id === selectedDestination);
|
|
8
|
+
return (React.createElement("div", { className: "gd-alert-destination-select" },
|
|
9
|
+
React.createElement(Dropdown, { renderButton: ({ isOpen, toggleDropdown }) => {
|
|
10
|
+
return (React.createElement(Button, { 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", {
|
|
11
|
+
"gd-alert-destination-select__button--open": isOpen,
|
|
12
|
+
"is-active": isOpen,
|
|
13
|
+
}) }, selectedOption?.title));
|
|
14
|
+
}, renderBody: ({ closeDropdown }) => {
|
|
15
|
+
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: () => {
|
|
16
|
+
if (i.item.id !== selectedDestination) {
|
|
17
|
+
onDestinationChange(i.item.id);
|
|
18
|
+
}
|
|
19
|
+
closeDropdown();
|
|
20
|
+
} })) }));
|
|
21
|
+
} })));
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=AlertDestinationSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDestinationSelect.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertDestinationSelect.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,oBAAoB,EAAwB,MAAM,gBAAgB,CAAC;AAQ5E,MAAM,CAAC,MAAM,sBAAsB,GAA2C,CAAC,EAC3E,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,GACe,EAAE,EAAE;IAC/B,MAAM,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,mBAAmB,CAAC,CAAC;IAE9E,OAAO,CACH,6BAAK,SAAS,EAAC,6BAA6B;QACxC,oBAAC,QAAQ,IACL,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;gBACzC,OAAO,CACH,oBAAC,MAAM,IACH,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;wBACI,2CAA2C,EAAE,MAAM;wBACnD,WAAW,EAAE,MAAM;qBACtB,CACJ,IAEA,cAAc,EAAE,KAAK,CACjB,CACZ,CAAC;YACN,CAAC,EACD,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;gBAC9B,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,CAAC,KAAK,EACnB,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,mBAAmB,EAC7C,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,mBAAmB,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"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IMeasure } from "@gooddata/sdk-model";
|
|
3
|
+
export interface IAlertMetricSelectProps {
|
|
4
|
+
selectedMeasure: IMeasure;
|
|
5
|
+
onMeasureChange: (measure: IMeasure) => void;
|
|
6
|
+
measures: IMeasure[];
|
|
7
|
+
}
|
|
8
|
+
export declare const AlertMeasureSelect: ({ selectedMeasure, onMeasureChange, measures, }: IAlertMetricSelectProps) => React.JSX.Element;
|
|
9
|
+
//# sourceMappingURL=AlertMeasureSelect.d.ts.map
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertMeasureSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAK/C,MAAM,WAAW,uBAAuB;IACpC,eAAe,EAAE,QAAQ,CAAC;IAC1B,eAAe,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACxB;AAID,eAAO,MAAM,kBAAkB,oDAI5B,uBAAuB,sBA8CzB,CAAC"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
// (C) 2019-2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Dropdown, Button, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
import { getMeasureTitle } from "./utils.js";
|
|
6
|
+
import { DROPDOWN_ITEM_HEIGHT } from "./constants.js";
|
|
7
|
+
const measureIcon = React.createElement("div", { className: "gd-alert-measure-select__icon gd-icon-metric" });
|
|
8
|
+
export const AlertMeasureSelect = ({ selectedMeasure, onMeasureChange, measures, }) => {
|
|
9
|
+
const selectedMeasureTitle = getMeasureTitle(selectedMeasure);
|
|
10
|
+
return (React.createElement("div", { className: "gd-alert-measure-select" },
|
|
11
|
+
React.createElement(Dropdown, { renderButton: ({ isOpen, toggleDropdown }) => {
|
|
12
|
+
return (React.createElement(Button, { className: cx("gd-alert-measure-select__button s-alert-measure-select", {
|
|
13
|
+
"is-active": isOpen,
|
|
14
|
+
}), size: "small", variant: "secondary", iconLeft: "gd-icon-metric", iconRight: `gd-icon-navigate${isOpen ? "up" : "down"}`, onClick: toggleDropdown }, selectedMeasureTitle));
|
|
15
|
+
}, renderBody: ({ closeDropdown }) => {
|
|
16
|
+
return (React.createElement(List, { 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), isSelected: i.item === selectedMeasure, onClick: () => {
|
|
17
|
+
onMeasureChange(i.item);
|
|
18
|
+
closeDropdown();
|
|
19
|
+
} })) }));
|
|
20
|
+
} })));
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=AlertMeasureSelect.js.map
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertMeasureSelect.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertMeasureSelect.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEpF,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAQtD,MAAM,WAAW,GAAG,6BAAK,SAAS,EAAC,8CAA8C,GAAG,CAAC;AAErF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAC/B,eAAe,EACf,eAAe,EACf,QAAQ,GACc,EAAE,EAAE;IAC1B,MAAM,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;IAE9D,OAAO,CACH,6BAAK,SAAS,EAAC,yBAAyB;QACpC,oBAAC,QAAQ,IACL,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;gBACzC,OAAO,CACH,oBAAC,MAAM,IACH,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE;wBACpE,WAAW,EAAE,MAAM;qBACtB,CAAC,EACF,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,mBAAmB,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EACtD,OAAO,EAAE,cAAc,IAEtB,oBAAoB,CAChB,CACZ,CAAC;YACN,CAAC,EACD,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;gBAC9B,OAAO,CACH,oBAAC,IAAI,IACD,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,EAC9B,UAAU,EAAE,CAAC,CAAC,IAAI,KAAK,eAAe,EACtC,OAAO,EAAE,GAAG,EAAE;4BACV,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;4BACxB,aAAa,EAAE,CAAC;wBACpB,CAAC,GACH,CACL,GACH,CACL,CAAC;YACN,CAAC,GACH,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertTriggerModeSelect.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IAlertTriggerMode } from "@gooddata/sdk-model";
|
|
3
|
+
export interface IAlertTriggerModeSelectProps {
|
|
4
|
+
selectedTriggerMode: IAlertTriggerMode;
|
|
5
|
+
onTriggerModeChange: (triggerMode: IAlertTriggerMode) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const AlertTriggerModeSelect: ({ selectedTriggerMode, onTriggerModeChange, }: IAlertTriggerModeSelectProps) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=AlertTriggerModeSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertTriggerModeSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertTriggerModeSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAkBxD,MAAM,WAAW,4BAA4B;IACzC,mBAAmB,EAAE,iBAAiB,CAAC;IACvC,mBAAmB,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,sBAAsB,kDAGhC,4BAA4B,sBAkD9B,CAAC"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertTriggerModeSelect.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Dropdown, Button, List, SingleSelectListItem } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
import { DROPDOWN_ITEM_HEIGHT } from "./constants.js";
|
|
6
|
+
import { useIntl } from "react-intl";
|
|
7
|
+
import { messages } from "./messages.js";
|
|
8
|
+
const options = [
|
|
9
|
+
{
|
|
10
|
+
title: messages.alertTriggerModeAlways.id,
|
|
11
|
+
id: "ALWAYS",
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
title: messages.alertTriggerModeOnce.id,
|
|
15
|
+
id: "ONCE",
|
|
16
|
+
},
|
|
17
|
+
];
|
|
18
|
+
export const AlertTriggerModeSelect = ({ selectedTriggerMode, onTriggerModeChange, }) => {
|
|
19
|
+
const selectedOption = options.find((o) => o.id === selectedTriggerMode);
|
|
20
|
+
const intl = useIntl();
|
|
21
|
+
return (React.createElement("div", { className: "gd-alert-trigger-mode-select" },
|
|
22
|
+
React.createElement(Dropdown, { renderButton: ({ isOpen, toggleDropdown }) => {
|
|
23
|
+
return (React.createElement(Button, { 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
|
+
"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
|
+
} })) }));
|
|
33
|
+
} })));
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=AlertTriggerModeSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertTriggerModeSelect.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertTriggerModeSelect.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,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;AAOF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,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,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE;gBACzC,OAAO,CACH,oBAAC,MAAM,IACH,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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IAutomationMetadataObject } from "@gooddata/sdk-model";
|
|
3
|
+
interface IAlertsListProps {
|
|
4
|
+
alerts: IAutomationMetadataObject[];
|
|
5
|
+
onCreateAlert: () => void;
|
|
6
|
+
onEditAlert: (alert: IAutomationMetadataObject) => void;
|
|
7
|
+
onPauseAlert: (alert: IAutomationMetadataObject) => void;
|
|
8
|
+
onResumeAlert: (alert: IAutomationMetadataObject) => void;
|
|
9
|
+
onDeleteAlert: (alert: IAutomationMetadataObject) => void;
|
|
10
|
+
onClose: () => void;
|
|
11
|
+
onGoBack: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const AlertsList: React.FC<IAlertsListProps>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=AlertsList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertsList.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAMhE,UAAU,gBAAgB;IACtB,MAAM,EAAE,yBAAyB,EAAE,CAAC;IACpC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC1D,aAAa,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4CjD,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// (C) 2022-2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Button, SeparatorLine } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import { AlertsListItem } from "./AlertsListItem.js";
|
|
5
|
+
import { DashboardInsightSubmenuContainer } from "../../../insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuContainer.js";
|
|
6
|
+
import { FormattedMessage, useIntl } from "react-intl";
|
|
7
|
+
export const AlertsList = ({ alerts, onCreateAlert, onEditAlert, onPauseAlert, onResumeAlert, onDeleteAlert, onClose, onGoBack, }) => {
|
|
8
|
+
const intl = useIntl();
|
|
9
|
+
return (React.createElement(DashboardInsightSubmenuContainer, { title: intl.formatMessage({ id: "insightAlert.config.alerts" }), onClose: onClose, onBack: onGoBack },
|
|
10
|
+
React.createElement("div", { className: "gd-alerts-list" },
|
|
11
|
+
React.createElement("div", { className: "gd-alerts-list__items" }, alerts.map((alert) => {
|
|
12
|
+
return (React.createElement(AlertsListItem, { key: alert.id, alert: alert, onEditAlert: onEditAlert, onPauseAlert: onPauseAlert, onResumeAlert: onResumeAlert, onDeleteAlert: onDeleteAlert }));
|
|
13
|
+
})),
|
|
14
|
+
React.createElement(SeparatorLine, { pL: 10, pR: 10 }),
|
|
15
|
+
React.createElement("div", { className: "gd-alerts-list__buttons" },
|
|
16
|
+
React.createElement(Button, { className: "gd-button gd-button-link gd-icon-plus s-alert-add", onClick: () => onCreateAlert() },
|
|
17
|
+
React.createElement(FormattedMessage, { id: "insightAlert.config.addAlert" }))))));
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=AlertsList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertsList.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertsList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gCAAgC,EAAE,MAAM,2GAA2G,CAAC;AAC7J,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAavD,MAAM,CAAC,MAAM,UAAU,GAA+B,CAAC,EACnD,MAAM,EACN,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EACb,aAAa,EACb,OAAO,EACP,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,oBAAC,gCAAgC,IAC7B,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,4BAA4B,EAAE,CAAC,EAC/D,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,QAAQ;QAEhB,6BAAK,SAAS,EAAC,gBAAgB;YAC3B,6BAAK,SAAS,EAAC,uBAAuB,IACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAClB,OAAO,CACH,oBAAC,cAAc,IACX,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;YACN,CAAC,CAAC,CACA;YACN,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAI;YACjC,6BAAK,SAAS,EAAC,yBAAyB;gBACpC,oBAAC,MAAM,IACH,SAAS,EAAC,mDAAmD,EAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE;oBAE9B,oBAAC,gBAAgB,IAAC,EAAE,EAAC,8BAA8B,GAAG,CACjD,CACP,CACJ,CACyB,CACtC,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IAutomationMetadataObject } from "@gooddata/sdk-model";
|
|
3
|
+
interface IAlertsListItemProps {
|
|
4
|
+
alert: IAutomationMetadataObject;
|
|
5
|
+
onEditAlert: (alert: IAutomationMetadataObject) => void;
|
|
6
|
+
onPauseAlert: (alert: IAutomationMetadataObject) => void;
|
|
7
|
+
onDeleteAlert: (alert: IAutomationMetadataObject) => void;
|
|
8
|
+
onResumeAlert: (alert: IAutomationMetadataObject) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const AlertsListItem: React.FC<IAlertsListItemProps>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=AlertsListItem.d.ts.map
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsListItem.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertsListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertsListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAIhE,UAAU,oBAAoB;IAC1B,KAAK,EAAE,yBAAyB,CAAC;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC1D,aAAa,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+BzD,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// (C) 2022-2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Icon } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import { AlertActionsDropdown } from "./AlertActionsDropdown.js";
|
|
5
|
+
export const AlertsListItem = ({ alert, onEditAlert, onPauseAlert, onDeleteAlert, onResumeAlert, }) => {
|
|
6
|
+
const isPaused = alert.alert?.trigger?.state === "PAUSED";
|
|
7
|
+
return (React.createElement("div", { className: "gd-alerts-list-item", key: alert.id, onClick: () => onEditAlert(alert) },
|
|
8
|
+
React.createElement("div", { className: "gd-alerts-list-item__content s-alert-list-item" },
|
|
9
|
+
React.createElement("div", { className: "gd-alerts-list-item__icon" }, isPaused ? React.createElement(Icon.AlertPaused, null) : React.createElement(Icon.Alert, null)),
|
|
10
|
+
React.createElement("div", { className: "gd-alerts-list-item__details" },
|
|
11
|
+
React.createElement("div", { className: "gd-alerts-list-item__title" }, alert.title),
|
|
12
|
+
React.createElement("div", { className: "gd-alerts-list-item__description" }, alert.description))),
|
|
13
|
+
React.createElement("div", { className: "gd-alerts-list-item__actions" },
|
|
14
|
+
React.createElement(AlertActionsDropdown, { alert: alert, onEdit: () => onEditAlert(alert), onPause: () => onPauseAlert(alert), onDelete: () => onDeleteAlert(alert), onResume: () => onResumeAlert(alert), isPaused: isPaused }))));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=AlertsListItem.js.map
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/AlertsListItem.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertsListItem.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/AlertsListItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAUjE,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC3D,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EACb,aAAa,GAChB,EAAE,EAAE;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,QAAQ,CAAC;IAC1D,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB,EAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;QACjF,6BAAK,SAAS,EAAC,gDAAgD;YAC3D,6BAAK,SAAS,EAAC,2BAA2B,IACrC,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,CAAC,WAAW,OAAG,CAAC,CAAC,CAAC,oBAAC,IAAI,CAAC,KAAK,OAAG,CAC/C;YACN,6BAAK,SAAS,EAAC,8BAA8B;gBACzC,6BAAK,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAC,KAAK,CAAO;gBAC/D,6BAAK,SAAS,EAAC,kCAAkC,IAAE,KAAK,CAAC,WAAW,CAAO,CACzE,CACJ;QACN,6BAAK,SAAS,EAAC,8BAA8B;YACzC,oBAAC,oBAAoB,IACjB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,QAAQ,GACpB,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IAutomationMetadataObjectDefinition, IMeasure } from "@gooddata/sdk-model";
|
|
3
|
+
import { INotificationChannel } from "./constants.js";
|
|
4
|
+
interface ICreateAlertProps {
|
|
5
|
+
alert: IAutomationMetadataObjectDefinition;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
onCancel: () => void;
|
|
8
|
+
onCreate?: (alert: IAutomationMetadataObjectDefinition) => void;
|
|
9
|
+
destinations: INotificationChannel[];
|
|
10
|
+
hasAlerts: boolean;
|
|
11
|
+
measures: IMeasure[];
|
|
12
|
+
}
|
|
13
|
+
export declare const CreateAlert: React.FC<ICreateAlertProps>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=CreateAlert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CreateAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/CreateAlert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEH,mCAAmC,EACnC,QAAQ,EACX,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,UAAU,iBAAiB;IACvB,KAAK,EAAE,mCAAmC,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,IAAI,CAAC;IAChE,YAAY,EAAE,oBAAoB,EAAE,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqBnD,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
// (C) 2022-2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { EditAlert } from "./EditAlert.js";
|
|
4
|
+
export const CreateAlert = ({ alert, onClose, onCancel, onCreate, destinations, hasAlerts, measures, }) => {
|
|
5
|
+
return (React.createElement(EditAlert, { alert: alert, onClose: onClose, onCancel: onCancel, onCreate: onCreate, isNewAlert: true, destinations: destinations, hasAlerts: hasAlerts, measures: measures }));
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=CreateAlert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CreateAlert.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/CreateAlert.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAa3C,MAAM,CAAC,MAAM,WAAW,GAAgC,CAAC,EACrD,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,QAAQ,GACX,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,SAAS,IACN,KAAK,EAAE,KAAkC,EACzC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,QACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IAutomationMetadataObject, IAutomationMetadataObjectDefinition, IMeasure } from "@gooddata/sdk-model";
|
|
3
|
+
import { INotificationChannel } from "./constants.js";
|
|
4
|
+
interface IEditAlertProps {
|
|
5
|
+
alert: IAutomationMetadataObject;
|
|
6
|
+
isNewAlert?: boolean;
|
|
7
|
+
hasAlerts: boolean;
|
|
8
|
+
destinations: INotificationChannel[];
|
|
9
|
+
measures: IMeasure[];
|
|
10
|
+
onClose: () => void;
|
|
11
|
+
onCancel: () => void;
|
|
12
|
+
onCreate?: (alert: IAutomationMetadataObjectDefinition) => void;
|
|
13
|
+
onUpdate?: (alert: IAutomationMetadataObject) => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const EditAlert: React.FC<IEditAlertProps>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=EditAlert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditAlert.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,yBAAyB,EACzB,mCAAmC,EACnC,QAAQ,EACX,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,UAAU,eAAe;IACrB,KAAK,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,oBAAoB,EAAE,CAAC;IACrC,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkH/C,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// (C) 2022-2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Button, Input } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import { DashboardInsightSubmenuContainer } from "../../../insightMenu/DefaultDashboardInsightMenu/DashboardInsightMenu/DashboardInsightSubmenuContainer.js";
|
|
5
|
+
import { AlertMeasureSelect } from "./AlertMeasureSelect.js";
|
|
6
|
+
import { AlertComparisonOperatorSelect } from "./AlertComparisonOperatorSelect.js";
|
|
7
|
+
import { AlertDestinationSelect } from "./AlertDestinationSelect.js";
|
|
8
|
+
import { EditAlertConfiguration } from "./EditAlertConfiguration.js";
|
|
9
|
+
import { useEditAlert } from "./useEditAlert.js";
|
|
10
|
+
import { FormattedMessage, useIntl } from "react-intl";
|
|
11
|
+
export const EditAlert = ({ alert, isNewAlert, hasAlerts, destinations, measures, onClose, onCancel, onCreate, onUpdate, }) => {
|
|
12
|
+
const { viewMode, updatedAlert, canSubmit,
|
|
13
|
+
//
|
|
14
|
+
changeComparisonOperator, changeMeasure, changeValue, changeDestination,
|
|
15
|
+
//
|
|
16
|
+
configureAlert, saveAlertConfiguration, cancelAlertConfiguration,
|
|
17
|
+
//
|
|
18
|
+
createAlert, updateAlert, } = useEditAlert({
|
|
19
|
+
alert,
|
|
20
|
+
onCreate,
|
|
21
|
+
onUpdate,
|
|
22
|
+
});
|
|
23
|
+
const intl = useIntl();
|
|
24
|
+
return viewMode === "edit" ? (React.createElement(DashboardInsightSubmenuContainer, { title: intl.formatMessage({ id: "insightAlert.config.alert" }), onClose: onClose, onBack: hasAlerts ? onCancel : undefined },
|
|
25
|
+
React.createElement("div", { className: "gd-edit-alert" },
|
|
26
|
+
React.createElement("div", { className: "gd-edit-alert__form" },
|
|
27
|
+
React.createElement("div", { className: "gd-edit-alert__form-content" },
|
|
28
|
+
React.createElement("div", { className: "gd-edit-alert__measure-label" },
|
|
29
|
+
React.createElement(FormattedMessage, { id: "insightAlert.config.when" })),
|
|
30
|
+
React.createElement(AlertMeasureSelect, { selectedMeasure: updatedAlert.alert.condition.left, onMeasureChange: changeMeasure, measures: measures }),
|
|
31
|
+
React.createElement(AlertComparisonOperatorSelect, { selectedComparisonOperator: updatedAlert.alert.condition.operator, onComparisonOperatorChange: changeComparisonOperator }),
|
|
32
|
+
React.createElement(Input, { className: "gd-edit-alert__value-input s-alert-value-input", isSmall: true, autofocus: true, value: updatedAlert.alert.condition.right, onChange: (e) => changeValue(e !== "" ? parseInt(e, 10) : undefined), type: "number" }),
|
|
33
|
+
destinations.length > 1 && (React.createElement(AlertDestinationSelect, { selectedDestination: updatedAlert.webhook, onDestinationChange: changeDestination, destinations: destinations })))),
|
|
34
|
+
React.createElement("div", { className: "gd-edit-alert__buttons" },
|
|
35
|
+
React.createElement(Button, { className: "gd-edit-alert__configuration-button gd-button-link gd-button-icon-only gd-icon-settings gd-button-small s-alert-configuration", onClick: configureAlert }),
|
|
36
|
+
React.createElement("div", null,
|
|
37
|
+
React.createElement(Button, { variant: "secondary", size: "small", onClick: () => {
|
|
38
|
+
onCancel();
|
|
39
|
+
} },
|
|
40
|
+
React.createElement(FormattedMessage, { id: "cancel" })),
|
|
41
|
+
React.createElement(Button, { intent: "action", size: "small", disabled: !canSubmit, onClick: isNewAlert ? createAlert : updateAlert }, isNewAlert
|
|
42
|
+
? intl.formatMessage({ id: "add" })
|
|
43
|
+
: intl.formatMessage({ id: "save" }))))))) : (React.createElement(DashboardInsightSubmenuContainer, { title: intl.formatMessage({ id: "insightAlert.config.title" }), onClose: onClose, onBack: cancelAlertConfiguration },
|
|
44
|
+
React.createElement(EditAlertConfiguration, { alert: updatedAlert, onUpdate: saveAlertConfiguration, onCancel: cancelAlertConfiguration })));
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=EditAlert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditAlert.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlert.tsx"],"names":[],"mappings":"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"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IAutomationMetadataObject } from "@gooddata/sdk-model";
|
|
3
|
+
interface IEditAlertConfigurationProps {
|
|
4
|
+
alert: IAutomationMetadataObject;
|
|
5
|
+
onCancel: () => void;
|
|
6
|
+
onUpdate: (alert: IAutomationMetadataObject) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const EditAlertConfiguration: React.FC<IEditAlertConfigurationProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=EditAlertConfiguration.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditAlertConfiguration.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAYhE,UAAU,4BAA4B;IAClC,KAAK,EAAE,yBAAyB,CAAC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmEzE,CAAC"}
|
package/esm/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.js
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
// (C) 2022-2024 GoodData Corporation
|
|
2
|
+
import React, { useState } from "react";
|
|
3
|
+
import { Bubble, BubbleHoverTrigger, Button, Icon } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import { AlertTriggerModeSelect } from "./AlertTriggerModeSelect.js";
|
|
5
|
+
import { useTheme } from "@gooddata/sdk-ui-theme-provider";
|
|
6
|
+
import { FormattedMessage } from "react-intl";
|
|
7
|
+
import { gdColorStateBlank } from "../../../../constants/index.js";
|
|
8
|
+
const TOOLTIP_ALIGN_POINTS = [
|
|
9
|
+
{ align: "cr cl", offset: { x: 0, y: -1 } },
|
|
10
|
+
{ align: "cl cr", offset: { x: 0, y: -1 } },
|
|
11
|
+
];
|
|
12
|
+
export const EditAlertConfiguration = ({ alert, onCancel, onUpdate, }) => {
|
|
13
|
+
const [updatedAlert, setUpdatedAlert] = useState(alert);
|
|
14
|
+
const canSubmit = updatedAlert.alert?.trigger.mode !== alert.alert?.trigger.mode;
|
|
15
|
+
const theme = useTheme();
|
|
16
|
+
return (React.createElement("div", { className: "gd-edit-alert-configuration" },
|
|
17
|
+
React.createElement("div", { className: "gd-edit-alert-configuration__form" },
|
|
18
|
+
React.createElement("div", { className: "gd-edit-alert-configuration__trigger-label" },
|
|
19
|
+
React.createElement(FormattedMessage, { id: "insightAlert.config.trigger" }),
|
|
20
|
+
" ",
|
|
21
|
+
React.createElement(BubbleHoverTrigger, null,
|
|
22
|
+
React.createElement(Icon.QuestionMark, { className: "gd-edit-alert-configuration__trigger-label-icon", color: theme?.palette?.complementary?.c6 ?? gdColorStateBlank, width: 14, height: 14 }),
|
|
23
|
+
React.createElement(Bubble, { alignPoints: TOOLTIP_ALIGN_POINTS },
|
|
24
|
+
React.createElement(FormattedMessage, { id: "insightAlert.config.trigger.tooltip" })))),
|
|
25
|
+
React.createElement("div", { className: "gd-edit-alert-configuration__trigger-select" },
|
|
26
|
+
React.createElement(AlertTriggerModeSelect, { selectedTriggerMode: updatedAlert.alert?.trigger.mode ?? "ALWAYS", onTriggerModeChange: (triggerMode) => {
|
|
27
|
+
setUpdatedAlert({
|
|
28
|
+
...updatedAlert,
|
|
29
|
+
alert: {
|
|
30
|
+
...updatedAlert.alert,
|
|
31
|
+
trigger: {
|
|
32
|
+
...updatedAlert.alert.trigger,
|
|
33
|
+
mode: triggerMode,
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
} }))),
|
|
38
|
+
React.createElement("div", { className: "gd-edit-alert-configuration__buttons" },
|
|
39
|
+
React.createElement("div", null,
|
|
40
|
+
React.createElement(Button, { variant: "secondary", size: "small", onClick: () => {
|
|
41
|
+
onCancel();
|
|
42
|
+
} },
|
|
43
|
+
React.createElement(FormattedMessage, { id: "cancel" })),
|
|
44
|
+
React.createElement(Button, { intent: "action", size: "small", disabled: !canSubmit, onClick: () => onUpdate(updatedAlert) },
|
|
45
|
+
React.createElement(FormattedMessage, { id: "save" }))))));
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=EditAlertConfiguration.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EditAlertConfiguration.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightAlertConfig/EditAlertConfiguration.tsx"],"names":[],"mappings":"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"}
|