@gooddata/sdk-ui-kit 10.25.0-alpha.9 → 10.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/@ui/UiButton/UiButton.js +1 -1
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiChip/UiChip.d.ts.map +1 -1
- package/esm/@ui/UiChip/UiChip.js +9 -2
- package/esm/@ui/UiChip/UiChip.js.map +1 -1
- package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts +11 -1
- package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts.map +1 -1
- package/esm/@ui/UiFocusTrap/UiFocusTrap.js +31 -7
- package/esm/@ui/UiFocusTrap/UiFocusTrap.js.map +1 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.d.ts +5 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.d.ts.map +1 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.js +2 -2
- package/esm/@ui/UiSkeleton/UiSkeleton.js.map +1 -1
- package/esm/Datepicker/Datepicker.d.ts +5 -0
- package/esm/Datepicker/Datepicker.d.ts.map +1 -1
- package/esm/Datepicker/Datepicker.js +9 -2
- package/esm/Datepicker/Datepicker.js.map +1 -1
- package/esm/Dialog/CommunityEditionDialog.d.ts.map +1 -1
- package/esm/Dialog/CommunityEditionDialog.js +5 -3
- package/esm/Dialog/CommunityEditionDialog.js.map +1 -1
- package/esm/Dialog/ConfirmDialogBase.d.ts +2 -6
- package/esm/Dialog/ConfirmDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ConfirmDialogBase.js +32 -41
- package/esm/Dialog/ConfirmDialogBase.js.map +1 -1
- package/esm/Dialog/Dialog.d.ts +3 -5
- package/esm/Dialog/Dialog.d.ts.map +1 -1
- package/esm/Dialog/Dialog.js +10 -13
- package/esm/Dialog/Dialog.js.map +1 -1
- package/esm/Dialog/DialogBase.d.ts +2 -8
- package/esm/Dialog/DialogBase.d.ts.map +1 -1
- package/esm/Dialog/DialogBase.js +22 -39
- package/esm/Dialog/DialogBase.js.map +1 -1
- package/esm/Dialog/DialogCloseButton.d.ts +4 -0
- package/esm/Dialog/DialogCloseButton.d.ts.map +1 -0
- package/esm/Dialog/DialogCloseButton.js +8 -0
- package/esm/Dialog/DialogCloseButton.js.map +1 -0
- package/esm/Dialog/ExportDialog.d.ts +3 -3
- package/esm/Dialog/ExportDialog.d.ts.map +1 -1
- package/esm/Dialog/ExportDialog.js +3 -4
- package/esm/Dialog/ExportDialog.js.map +1 -1
- package/esm/Dialog/ExportDialogBase.d.ts +3 -11
- package/esm/Dialog/ExportDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ExportDialogBase.js +14 -50
- package/esm/Dialog/ExportDialogBase.js.map +1 -1
- package/esm/Dialog/HubspotConversionTouchPointDialog.d.ts.map +1 -1
- package/esm/Dialog/HubspotConversionTouchPointDialog.js +5 -3
- package/esm/Dialog/HubspotConversionTouchPointDialog.js.map +1 -1
- package/esm/Dialog/HubspotConversionTouchPointDialogBase.d.ts +6 -0
- package/esm/Dialog/HubspotConversionTouchPointDialogBase.d.ts.map +1 -1
- package/esm/Dialog/HubspotConversionTouchPointDialogBase.js +3 -2
- package/esm/Dialog/HubspotConversionTouchPointDialogBase.js.map +1 -1
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.d.ts +3 -2
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.d.ts.map +1 -1
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.js +5 -3
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.js.map +1 -1
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.d.ts +3 -3
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.d.ts.map +1 -1
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.js +1 -1
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.js.map +1 -1
- package/esm/Dialog/StylingEditorDialog/index.d.ts +1 -1
- package/esm/Dialog/typings.d.ts +40 -21
- package/esm/Dialog/typings.d.ts.map +1 -1
- package/esm/Dropdown/DropdownList.d.ts.map +1 -1
- package/esm/Dropdown/DropdownList.js +3 -1
- package/esm/Dropdown/DropdownList.js.map +1 -1
- package/esm/Form/InputPure.d.ts +2 -1
- package/esm/Form/InputPure.d.ts.map +1 -1
- package/esm/Form/InputPure.js +3 -2
- package/esm/Form/InputPure.js.map +1 -1
- package/esm/List/InsightListItem.d.ts +2 -1
- package/esm/List/InsightListItem.d.ts.map +1 -1
- package/esm/List/InsightListItem.js +2 -2
- package/esm/List/InsightListItem.js.map +1 -1
- package/esm/List/InvertableSelect/InvertableSelectSearchBar.d.ts.map +1 -1
- package/esm/List/InvertableSelect/InvertableSelectSearchBar.js +3 -1
- package/esm/List/InvertableSelect/InvertableSelectSearchBar.js.map +1 -1
- package/esm/RecurrenceForm/CronExpression.d.ts +6 -2
- package/esm/RecurrenceForm/CronExpression.d.ts.map +1 -1
- package/esm/RecurrenceForm/CronExpression.js +15 -32
- package/esm/RecurrenceForm/CronExpression.js.map +1 -1
- package/esm/RecurrenceForm/CronExpressionSuggestion.d.ts +10 -0
- package/esm/RecurrenceForm/CronExpressionSuggestion.d.ts.map +1 -0
- package/esm/RecurrenceForm/CronExpressionSuggestion.js +21 -0
- package/esm/RecurrenceForm/CronExpressionSuggestion.js.map +1 -0
- package/esm/RecurrenceForm/DateTime.d.ts +1 -1
- package/esm/RecurrenceForm/DateTime.d.ts.map +1 -1
- package/esm/RecurrenceForm/DateTime.js +44 -6
- package/esm/RecurrenceForm/DateTime.js.map +1 -1
- package/esm/RecurrenceForm/Recurrence.d.ts +4 -0
- package/esm/RecurrenceForm/Recurrence.d.ts.map +1 -1
- package/esm/RecurrenceForm/Recurrence.js +30 -8
- package/esm/RecurrenceForm/Recurrence.js.map +1 -1
- package/esm/RecurrenceForm/RecurrenceForm.d.ts +4 -1
- package/esm/RecurrenceForm/RecurrenceForm.d.ts.map +1 -1
- package/esm/RecurrenceForm/RecurrenceForm.js +9 -6
- package/esm/RecurrenceForm/RecurrenceForm.js.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeDescription.js +3 -2
- package/esm/RecurrenceForm/RepeatTypeDescription.js.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeSelect.d.ts +1 -1
- package/esm/RecurrenceForm/RepeatTypeSelect.d.ts.map +1 -1
- package/esm/RecurrenceForm/RepeatTypeSelect.js +41 -18
- package/esm/RecurrenceForm/RepeatTypeSelect.js.map +1 -1
- package/esm/RecurrenceForm/constants.d.ts +1 -6
- package/esm/RecurrenceForm/constants.d.ts.map +1 -1
- package/esm/RecurrenceForm/constants.js +2 -7
- package/esm/RecurrenceForm/constants.js.map +1 -1
- package/esm/RecurrenceForm/locales.d.ts.map +1 -1
- package/esm/RecurrenceForm/locales.js +3 -1
- package/esm/RecurrenceForm/locales.js.map +1 -1
- package/esm/RecurrenceForm/useCronValidation.d.ts +17 -0
- package/esm/RecurrenceForm/useCronValidation.d.ts.map +1 -0
- package/esm/RecurrenceForm/useCronValidation.js +81 -0
- package/esm/RecurrenceForm/useCronValidation.js.map +1 -0
- package/esm/RecurrenceForm/utils.d.ts +3 -2
- package/esm/RecurrenceForm/utils.d.ts.map +1 -1
- package/esm/RecurrenceForm/utils.js +7 -2
- package/esm/RecurrenceForm/utils.js.map +1 -1
- package/esm/RecurrenceForm/utils.test.js +75 -65
- package/esm/RecurrenceForm/utils.test.js.map +1 -1
- package/esm/Typography/Typography.d.ts +1 -0
- package/esm/Typography/Typography.d.ts.map +1 -1
- package/esm/Typography/Typography.js +3 -3
- package/esm/Typography/Typography.js.map +1 -1
- package/esm/responsive/interfaces.d.ts +4 -0
- package/esm/responsive/interfaces.d.ts.map +1 -1
- package/esm/responsive/interfaces.js +1 -1
- package/esm/responsive/useMediaQuery.d.ts.map +1 -1
- package/esm/responsive/useMediaQuery.js +3 -1
- package/esm/responsive/useMediaQuery.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +105 -64
- package/esm/typings/utilities.d.ts +1 -0
- package/esm/typings/utilities.d.ts.map +1 -1
- package/esm/typings/utilities.js +2 -1
- package/esm/typings/utilities.js.map +1 -1
- package/package.json +9 -8
- package/src/@ui/UiChip/UiChip.scss +2 -0
- package/styles/css/aria.css +13 -0
- package/styles/css/aria.css.map +1 -0
- package/styles/css/bubble.css +1 -1
- package/styles/css/button.css +2 -2
- package/styles/css/datepicker.css +6 -6
- package/styles/css/descriptionPanel.css +1 -1
- package/styles/css/dialog.css +3 -3
- package/styles/css/dialogList.css +2 -2
- package/styles/css/form.css +2 -2
- package/styles/css/header.css +9 -9
- package/styles/css/hyperlink.css +1 -1
- package/styles/css/invertableSelect.css +1 -1
- package/styles/css/list.css +4 -4
- package/styles/css/main.css +132 -59
- package/styles/css/main.css.map +1 -1
- package/styles/css/menu.css +4 -4
- package/styles/css/messages.css +1 -1
- package/styles/css/overlay.css +3 -3
- package/styles/css/recurrenceForm.css +60 -2
- package/styles/css/recurrenceForm.css.map +1 -1
- package/styles/css/settingWidget.css +1 -1
- package/styles/css/shareDialog.css +4 -4
- package/styles/css/shareDialogSelectControl.css +3 -3
- package/styles/css/stylingEditorDialog.css +1 -1
- package/styles/css/tabs.css +1 -1
- package/styles/css/typo.css +11 -11
- package/styles/scss/aria.scss +13 -0
- package/styles/scss/main.scss +1 -0
- package/styles/scss/recurrenceForm.scss +76 -2
- package/styles/scss/variables.scss +1 -1
package/esm/Dialog/Dialog.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAe,SAAS,MAAM,CAAC,EAC3D,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,GAAG,WAAW,EACjB;IACG,OAAO,CACH,oBAAC,OAAO,IACJ,WAAW,EAAE;YACT;gBACI,KAAK,EAAE,OAAO;aACjB;SACJ,EACD,OAAO,QACP,YAAY,EAAC,OAAO,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAChD,kBAAkB,EAAE,kBAAkB;QAEtC,oBAAC,UAAU,OAAK,WAAW,GAAI,CACzB,CACb,CAAC;AACN,CAAC,CAAC,CAAC"}
|
@@ -1,13 +1,7 @@
|
|
1
|
-
import React
|
1
|
+
import React from "react";
|
2
2
|
import { IDialogBaseProps } from "./typings.js";
|
3
3
|
/**
|
4
4
|
* @internal
|
5
5
|
*/
|
6
|
-
export declare
|
7
|
-
static defaultProps: Partial<IDialogBaseProps>;
|
8
|
-
protected onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void | undefined;
|
9
|
-
protected getDialogClasses(additionalClassName?: string): string;
|
10
|
-
protected renderCloseButton(): JSX.Element;
|
11
|
-
render(): JSX.Element;
|
12
|
-
}
|
6
|
+
export declare const DialogBase: React.NamedExoticComponent<IDialogBaseProps>;
|
13
7
|
//# sourceMappingURL=DialogBase.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
1
|
+
{"version":3,"file":"DialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AA2BhD;;GAEG;AACH,eAAO,MAAM,UAAU,8CAkDrB,CAAC"}
|
package/esm/Dialog/DialogBase.js
CHANGED
@@ -1,17 +1,17 @@
|
|
1
1
|
// (C) 2020-2025 GoodData Corporation
|
2
|
-
import React
|
2
|
+
import React from "react";
|
3
3
|
import cx from "classnames";
|
4
|
-
import {
|
5
|
-
import {
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
event.preventDefault();
|
10
|
-
event.stopPropagation();
|
11
|
-
handler();
|
4
|
+
import { DialogCloseButton } from "./DialogCloseButton.js";
|
5
|
+
import { UiFocusTrap } from "../@ui/UiFocusTrap/UiFocusTrap.js";
|
6
|
+
const checkKeyHandler = (event, key, handler) => {
|
7
|
+
if (event.key !== key || !handler) {
|
8
|
+
return;
|
12
9
|
}
|
10
|
+
event.preventDefault();
|
11
|
+
event.stopPropagation();
|
12
|
+
handler();
|
13
13
|
};
|
14
|
-
const
|
14
|
+
const isTargetTextInput = ({ target }) => {
|
15
15
|
const { tagName, type } = target;
|
16
16
|
const tagNameInLowercase = tagName.toLowerCase();
|
17
17
|
const typeInLowercase = type ? type.toLowerCase() : "";
|
@@ -21,38 +21,21 @@ const shouldSubmitOnEnterPress = ({ target }) => {
|
|
21
21
|
/**
|
22
22
|
* @internal
|
23
23
|
*/
|
24
|
-
export
|
25
|
-
|
26
|
-
children: false,
|
27
|
-
className: "",
|
28
|
-
displayCloseButton: false,
|
29
|
-
submitOnEnterKey: true,
|
30
|
-
onCancel: noop,
|
31
|
-
onSubmit: noop,
|
32
|
-
};
|
33
|
-
onKeyDown = (event) => {
|
34
|
-
const { submitOnEnterKey, onCancel, onSubmit } = this.props;
|
24
|
+
export const DialogBase = React.memo(function DialogBase({ submitOnEnterKey, onCancel, onSubmit, displayCloseButton, onClose, accessibilityConfig, className, autofocusOnOpen = true, children, CloseButton = DialogCloseButton, initialFocus, }) {
|
25
|
+
const handleKeyDown = React.useCallback((event) => {
|
35
26
|
// don't call onSubmit when pressing enter key on input fields
|
36
|
-
const isEnterKeyDownOnInputField = event.
|
27
|
+
const isEnterKeyDownOnInputField = event.key === "Enter" && isTargetTextInput(event);
|
37
28
|
if (submitOnEnterKey === false && isEnterKeyDownOnInputField) {
|
38
29
|
return;
|
39
30
|
}
|
40
|
-
checkKeyHandler(event,
|
41
|
-
checkKeyHandler(event,
|
42
|
-
};
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
renderCloseButton() {
|
47
|
-
return (React.createElement("div", { className: "gd-dialog-close" },
|
48
|
-
React.createElement(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross s-dialog-close-button", value: "", onClick: this.props.onClose || this.props.onCancel, accessibilityConfig: this.props.accessibilityConfig?.closeButton })));
|
49
|
-
}
|
50
|
-
render() {
|
51
|
-
const dialogClasses = this.getDialogClasses();
|
52
|
-
return (React.createElement("div", { tabIndex: 0, onKeyDown: this.onKeyDown },
|
31
|
+
checkKeyHandler(event, "Enter", onSubmit);
|
32
|
+
checkKeyHandler(event, "Escape", onCancel);
|
33
|
+
}, [onCancel, onSubmit, submitOnEnterKey]);
|
34
|
+
const dialogClasses = cx("overlay", "gd-dialog", className);
|
35
|
+
return (React.createElement(UiFocusTrap, { initialFocus: initialFocus, autofocusOnOpen: autofocusOnOpen },
|
36
|
+
React.createElement("div", { onKeyDown: handleKeyDown, role: "dialog", "aria-labelledby": accessibilityConfig?.titleElementId, "aria-describedby": accessibilityConfig?.descriptionElementId },
|
53
37
|
React.createElement("div", { className: dialogClasses },
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
}
|
38
|
+
displayCloseButton ? (React.createElement(CloseButton, { onClose: onClose ?? onCancel, accessibilityConfig: accessibilityConfig })) : null,
|
39
|
+
children))));
|
40
|
+
});
|
58
41
|
//# sourceMappingURL=DialogBase.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DialogBase.js","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,
|
1
|
+
{"version":3,"file":"DialogBase.js","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAE,GAAW,EAAE,OAAoB,EAAQ,EAAE;IAC5F,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAChC,OAAO;IACX,CAAC;IAED,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,eAAe,EAAE,CAAC;IAExB,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAuB,EAAW,EAAE;IACnE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,MAA0B,CAAC;IAErD,MAAM,kBAAkB,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IACjD,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,OAAO,CACH,kBAAkB,KAAK,UAAU;QACjC,CAAC,kBAAkB,KAAK,OAAO,IAAI,CAAC,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,QAAQ,CAAC,CAAC,CACnG,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAmB,SAAS,UAAU,CAAC,EACvE,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,eAAe,GAAG,IAAI,EACtB,QAAQ,EACR,WAAW,GAAG,iBAAiB,EAC/B,YAAY,GACf;IACG,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAK,EAAE,EAAE;QACN,8DAA8D;QAC9D,MAAM,0BAA0B,GAAG,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACrF,IAAI,gBAAgB,KAAK,KAAK,IAAI,0BAA0B,EAAE,CAAC;YAC3D,OAAO;QACX,CAAC;QAED,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC1C,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CACzC,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACH,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe;QACrE,6BACI,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,QAAQ,qBACG,mBAAmB,EAAE,cAAc,sBAClC,mBAAmB,EAAE,oBAAoB;YAE3D,6BAAK,SAAS,EAAE,aAAa;gBACxB,kBAAkB,CAAC,CAAC,CAAC,CAClB,oBAAC,WAAW,IACR,OAAO,EAAE,OAAO,IAAI,QAAQ,EAC5B,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC,CAAC,CAAC,IAAI;gBAEP,QAAQ,CACP,CACJ,CACI,CACjB,CAAC;AACN,CAAC,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DialogCloseButton.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogCloseButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGvD,eAAO,MAAM,iBAAiB,qDAc5B,CAAC"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
// (C) 2022-2025 GoodData Corporation
|
2
|
+
import React from "react";
|
3
|
+
import { Button } from "../Button/index.js";
|
4
|
+
export const DialogCloseButton = React.memo(function DialogCloseButton({ accessibilityConfig, onClose, }) {
|
5
|
+
return (React.createElement("div", { className: "gd-dialog-close" },
|
6
|
+
React.createElement(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross s-dialog-close-button", value: "", onClick: onClose, accessibilityConfig: accessibilityConfig?.closeButton })));
|
7
|
+
});
|
8
|
+
//# sourceMappingURL=DialogCloseButton.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DialogCloseButton.js","sourceRoot":"","sources":["../../src/Dialog/DialogCloseButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAA0B,SAAS,iBAAiB,CAAC,EAC5F,mBAAmB,EACnB,OAAO,GACV;IACG,OAAO,CACH,6BAAK,SAAS,EAAC,iBAAiB;QAC5B,oBAAC,MAAM,IACH,SAAS,EAAC,wEAAwE,EAClF,KAAK,EAAC,EAAE,EACR,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,EAAE,WAAW,GACvD,CACA,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
2
|
-
import {
|
1
|
+
import React from "react";
|
2
|
+
import { IExportDialogProps } from "./typings.js";
|
3
3
|
/**
|
4
4
|
* @internal
|
5
5
|
*/
|
6
|
-
export declare const ExportDialog:
|
6
|
+
export declare const ExportDialog: React.NamedExoticComponent<IExportDialogProps>;
|
7
7
|
//# sourceMappingURL=ExportDialog.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ExportDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/ExportDialog.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"ExportDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/ExportDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD;;GAEG;AACH,eAAO,MAAM,YAAY,gDAoDvB,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// (C) 2020-
|
1
|
+
// (C) 2020-2025 GoodData Corporation
|
2
2
|
import React from "react";
|
3
3
|
import noop from "lodash/noop.js";
|
4
4
|
import { Overlay } from "../Overlay/index.js";
|
@@ -7,9 +7,8 @@ const alignPoints = [{ align: "cc cc" }];
|
|
7
7
|
/**
|
8
8
|
* @internal
|
9
9
|
*/
|
10
|
-
export const ExportDialog = (
|
11
|
-
const { className, displayCloseButton = true, isPositive = true, isSubmitDisabled = false, containerClassName, headline = "Export to XLSX", cancelButtonText = "Cancel", submitButtonText = "Export", filterContextText = "Include applied filters", filterContextTitle = "INSIGHT CONTEXT", filterContextVisible = true, includeFilterContext = true, mergeHeaders = true, mergeHeadersDisabled = false, mergeHeadersText = "Keep attribute cells merged", mergeHeadersTitle = "CELLS", onCancel = noop, onSubmit = noop, } = props;
|
10
|
+
export const ExportDialog = React.memo(function ExportDialog({ className, displayCloseButton = true, isPositive = true, isSubmitDisabled = false, containerClassName, headline = "Export to XLSX", cancelButtonText = "Cancel", submitButtonText = "Export", filterContextText = "Include applied filters", filterContextTitle = "INSIGHT CONTEXT", filterContextVisible = true, includeFilterContext = true, mergeHeaders = true, mergeHeadersDisabled = false, mergeHeadersText = "Keep attribute cells merged", mergeHeadersTitle = "CELLS", onCancel = noop, onSubmit = noop, }) {
|
12
11
|
return (React.createElement(Overlay, { alignPoints: alignPoints, isModal: true, positionType: "fixed", containerClassName: containerClassName },
|
13
12
|
React.createElement(ExportDialogBase, { className: className, displayCloseButton: displayCloseButton, isPositive: isPositive, isSubmitDisabled: isSubmitDisabled, headline: headline, cancelButtonText: cancelButtonText, submitButtonText: submitButtonText, filterContextText: filterContextText, filterContextTitle: filterContextTitle, filterContextVisible: filterContextVisible, includeFilterContext: includeFilterContext, mergeHeaders: mergeHeaders, mergeHeadersDisabled: mergeHeadersDisabled, mergeHeadersText: mergeHeadersText, mergeHeadersTitle: mergeHeadersTitle, onCancel: onCancel, onSubmit: onSubmit })));
|
14
|
-
};
|
13
|
+
});
|
15
14
|
//# sourceMappingURL=ExportDialog.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ExportDialog.js","sourceRoot":"","sources":["../../src/Dialog/ExportDialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,WAAW,GAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,
|
1
|
+
{"version":3,"file":"ExportDialog.js","sourceRoot":"","sources":["../../src/Dialog/ExportDialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,WAAW,GAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAqB,SAAS,YAAY,CAAC,EAC7E,SAAS,EACT,kBAAkB,GAAG,IAAI,EACzB,UAAU,GAAG,IAAI,EACjB,gBAAgB,GAAG,KAAK,EACxB,kBAAkB,EAElB,QAAQ,GAAG,gBAAgB,EAC3B,gBAAgB,GAAG,QAAQ,EAC3B,gBAAgB,GAAG,QAAQ,EAE3B,iBAAiB,GAAG,yBAAyB,EAC7C,kBAAkB,GAAG,iBAAiB,EACtC,oBAAoB,GAAG,IAAI,EAC3B,oBAAoB,GAAG,IAAI,EAE3B,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,6BAA6B,EAChD,iBAAiB,GAAG,OAAO,EAE3B,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,IAAI,GAClB;IACG,OAAO,CACH,oBAAC,OAAO,IACJ,WAAW,EAAE,WAAW,EACxB,OAAO,QACP,YAAY,EAAC,OAAO,EACpB,kBAAkB,EAAE,kBAAkB;QAEtC,oBAAC,gBAAgB,IACb,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GACpB,CACI,CACb,CAAC;AACN,CAAC,CAAC,CAAC"}
|
@@ -1,15 +1,7 @@
|
|
1
|
-
|
2
|
-
import {
|
3
|
-
import { IExportDialogBaseProps, IExportDialogBaseState } from "./typings.js";
|
1
|
+
import React from "react";
|
2
|
+
import { IExportDialogBaseProps } from "./typings.js";
|
4
3
|
/**
|
5
4
|
* @internal
|
6
5
|
*/
|
7
|
-
export declare
|
8
|
-
static defaultProps: IExportDialogBaseProps;
|
9
|
-
state: IExportDialogBaseState;
|
10
|
-
render(): JSX.Element;
|
11
|
-
private onFilterContextChange;
|
12
|
-
private onMergeHeadersChange;
|
13
|
-
private onSubmit;
|
14
|
-
}
|
6
|
+
export declare const ExportDialogBase: React.NamedExoticComponent<IExportDialogBaseProps>;
|
15
7
|
//# sourceMappingURL=ExportDialogBase.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ExportDialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/ExportDialogBase.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"ExportDialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/ExportDialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAKtD;;GAEG;AACH,eAAO,MAAM,gBAAgB,oDAiE3B,CAAC"}
|
@@ -1,60 +1,24 @@
|
|
1
|
-
// (C) 2020-
|
1
|
+
// (C) 2020-2025 GoodData Corporation
|
2
2
|
import React from "react";
|
3
3
|
import cx from "classnames";
|
4
|
-
import { DialogBase } from "./DialogBase.js";
|
5
4
|
import noop from "lodash/noop.js";
|
6
5
|
import { Checkbox } from "../Form/index.js";
|
7
6
|
import { ConfirmDialogBase } from "./ConfirmDialogBase.js";
|
7
|
+
import { usePropState } from "@gooddata/sdk-ui";
|
8
8
|
/**
|
9
9
|
* @internal
|
10
10
|
*/
|
11
|
-
export
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
submitButtonText: "Export",
|
19
|
-
filterContextText: "Include applied filters",
|
20
|
-
filterContextTitle: "INSIGHT CONTEXT",
|
21
|
-
filterContextVisible: true,
|
22
|
-
includeFilterContext: true,
|
23
|
-
mergeHeaders: true,
|
24
|
-
mergeHeadersDisabled: false,
|
25
|
-
mergeHeadersText: "Keep attribute cells merged",
|
26
|
-
mergeHeadersTitle: "CELLS",
|
27
|
-
onCancel: noop,
|
28
|
-
onSubmit: noop,
|
29
|
-
};
|
30
|
-
state = {
|
31
|
-
includeFilterContext: this.props.includeFilterContext,
|
32
|
-
mergeHeaders: this.props.mergeHeaders,
|
33
|
-
};
|
34
|
-
render() {
|
35
|
-
const { className, displayCloseButton, isPositive, isSubmitDisabled, headline, cancelButtonText, submitButtonText, onCancel, filterContextText, filterContextTitle, filterContextVisible, mergeHeadersDisabled, mergeHeadersText, mergeHeadersTitle, } = this.props;
|
36
|
-
const { includeFilterContext, mergeHeaders } = this.state;
|
37
|
-
let filterContextCheckbox;
|
38
|
-
if (filterContextVisible) {
|
39
|
-
filterContextCheckbox = (React.createElement(Checkbox, { name: "gs.dialog.export.checkbox.includeFilterContext", text: filterContextText, title: filterContextTitle, value: includeFilterContext, onChange: this.onFilterContextChange }));
|
40
|
-
}
|
41
|
-
return (React.createElement(ConfirmDialogBase, { className: cx("gd-export-dialog", className), displayCloseButton: displayCloseButton, isPositive: isPositive, isSubmitDisabled: isSubmitDisabled, headline: headline, cancelButtonText: cancelButtonText, submitButtonText: submitButtonText, onCancel: onCancel, onSubmit: this.onSubmit },
|
42
|
-
React.createElement(Checkbox, { disabled: mergeHeadersDisabled, name: "gs.dialog.export.checkbox.mergeHeaders", text: mergeHeadersText, title: mergeHeadersTitle, value: mergeHeaders, onChange: this.onMergeHeadersChange }),
|
43
|
-
filterContextCheckbox));
|
44
|
-
}
|
45
|
-
onFilterContextChange = (value) => {
|
46
|
-
this.setState({ includeFilterContext: value });
|
47
|
-
};
|
48
|
-
onMergeHeadersChange = (value) => {
|
49
|
-
this.setState({ mergeHeaders: value });
|
50
|
-
};
|
51
|
-
onSubmit = () => {
|
52
|
-
const { filterContextVisible } = this.props;
|
53
|
-
const { includeFilterContext, mergeHeaders } = this.state;
|
54
|
-
this.props.onSubmit({
|
55
|
-
includeFilterContext: filterContextVisible && includeFilterContext,
|
56
|
-
mergeHeaders,
|
11
|
+
export const ExportDialogBase = React.memo(function ExportDialogBase({ className, displayCloseButton = true, isPositive = true, isSubmitDisabled = false, headline = "Export to XLSX", cancelButtonText = "Cancel", submitButtonText = "Export", onCancel = noop, onSubmit = noop, filterContextText = "Include applied filters", filterContextTitle = "INSIGHT CONTEXT", filterContextVisible = true, mergeHeadersDisabled = false, mergeHeadersText = "Keep attribute cells merged", mergeHeadersTitle = "CELLS", includeFilterContext = true, mergeHeaders = true, }) {
|
12
|
+
const [isFilterContextIncluded, setIsFilterContextIncluded] = usePropState(includeFilterContext);
|
13
|
+
const [shouldMergeHeaders, setShouldMergeHeaders] = usePropState(mergeHeaders);
|
14
|
+
const handleSubmit = React.useCallback(() => {
|
15
|
+
onSubmit({
|
16
|
+
includeFilterContext: isFilterContextIncluded,
|
17
|
+
mergeHeaders: shouldMergeHeaders,
|
57
18
|
});
|
58
|
-
};
|
59
|
-
}
|
19
|
+
}, [isFilterContextIncluded, onSubmit, shouldMergeHeaders]);
|
20
|
+
return (React.createElement(ConfirmDialogBase, { className: cx("gd-export-dialog", className), displayCloseButton: displayCloseButton, isPositive: isPositive, isSubmitDisabled: isSubmitDisabled, headline: headline, cancelButtonText: cancelButtonText, submitButtonText: submitButtonText, onCancel: onCancel, onSubmit: handleSubmit },
|
21
|
+
React.createElement(Checkbox, { disabled: mergeHeadersDisabled, name: "gs.dialog.export.checkbox.mergeHeaders", text: mergeHeadersText, title: mergeHeadersTitle, value: shouldMergeHeaders, onChange: setShouldMergeHeaders }),
|
22
|
+
filterContextVisible ? (React.createElement(Checkbox, { name: "gs.dialog.export.checkbox.includeFilterContext", text: filterContextText, title: filterContextTitle, value: isFilterContextIncluded, onChange: setIsFilterContextIncluded })) : null));
|
23
|
+
});
|
60
24
|
//# sourceMappingURL=ExportDialogBase.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ExportDialogBase.js","sourceRoot":"","sources":["../../src/Dialog/ExportDialogBase.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,
|
1
|
+
{"version":3,"file":"ExportDialogBase.js","sourceRoot":"","sources":["../../src/Dialog/ExportDialogBase.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAyB,SAAS,gBAAgB,CAAC,EACzF,SAAS,EACT,kBAAkB,GAAG,IAAI,EACzB,UAAU,GAAG,IAAI,EACjB,gBAAgB,GAAG,KAAK,EAExB,QAAQ,GAAG,gBAAgB,EAC3B,gBAAgB,GAAG,QAAQ,EAC3B,gBAAgB,GAAG,QAAQ,EAE3B,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,IAAI,EAEf,iBAAiB,GAAG,yBAAyB,EAC7C,kBAAkB,GAAG,iBAAiB,EACtC,oBAAoB,GAAG,IAAI,EAE3B,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,6BAA6B,EAChD,iBAAiB,GAAG,OAAO,EAE3B,oBAAoB,GAAG,IAAI,EAC3B,YAAY,GAAG,IAAI,GACtB;IACG,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACjG,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;IAE/E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,QAAQ,CAAC;YACL,oBAAoB,EAAE,uBAAuB;YAC7C,YAAY,EAAE,kBAAkB;SACnC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,uBAAuB,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5D,OAAO,CACH,oBAAC,iBAAiB,IACd,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY;QAEtB,oBAAC,QAAQ,IACL,QAAQ,EAAE,oBAAoB,EAC9B,IAAI,EAAC,wCAAwC,EAC7C,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,qBAAqB,GACjC;QACD,oBAAoB,CAAC,CAAC,CAAC,CACpB,oBAAC,QAAQ,IACL,IAAI,EAAC,gDAAgD,EACrD,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,0BAA0B,GACtC,CACL,CAAC,CAAC,CAAC,IAAI,CACQ,CACvB,CAAC;AACN,CAAC,CAAC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HubspotConversionTouchPointDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/HubspotConversionTouchPointDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAEH,2CAA2C,EAC9C,MAAM,4CAA4C,CAAC;
|
1
|
+
{"version":3,"file":"HubspotConversionTouchPointDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/HubspotConversionTouchPointDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAEH,2CAA2C,EAC9C,MAAM,4CAA4C,CAAC;AAGpD;;GAEG;AACH,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAAC,2CAA2C,CA8BnG,CAAC"}
|
@@ -1,8 +1,9 @@
|
|
1
|
-
// (C) 2021 GoodData Corporation
|
1
|
+
// (C) 2021-2025 GoodData Corporation
|
2
2
|
import React from "react";
|
3
3
|
import { HubspotProvider } from "@aaronhayes/react-use-hubspot-form";
|
4
4
|
import { Dialog } from "./Dialog.js";
|
5
5
|
import { HubspotConversionTouchPointDialogBase, } from "./HubspotConversionTouchPointDialogBase.js";
|
6
|
+
import { useId } from "../utils/useId.js";
|
6
7
|
/**
|
7
8
|
* @public
|
8
9
|
*/
|
@@ -12,8 +13,9 @@ export const HubspotConversionTouchPointDialog = (props) => {
|
|
12
13
|
const submitBtn = document.getElementsByClassName(submitButtonClasses)[0];
|
13
14
|
submitBtn?.click();
|
14
15
|
};
|
15
|
-
|
16
|
+
const titleElementId = useId();
|
17
|
+
return (React.createElement(Dialog, { displayCloseButton: true, onCancel: props.onClose, submitOnEnterKey: true, onSubmit: onDialogSubmit, className: "conversion-touch-point-dialog s-conversion-touch-point-dialog", accessibilityConfig: { titleElementId } },
|
16
18
|
React.createElement(HubspotProvider, null,
|
17
|
-
React.createElement(HubspotConversionTouchPointDialogBase, { ...props, submitButtonClass: submitButtonClasses }))));
|
19
|
+
React.createElement(HubspotConversionTouchPointDialogBase, { ...props, submitButtonClass: submitButtonClasses, accessibilityConfig: { titleElementId } }))));
|
18
20
|
};
|
19
21
|
//# sourceMappingURL=HubspotConversionTouchPointDialog.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HubspotConversionTouchPointDialog.js","sourceRoot":"","sources":["../../src/Dialog/HubspotConversionTouchPointDialog.tsx"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"HubspotConversionTouchPointDialog.js","sourceRoot":"","sources":["../../src/Dialog/HubspotConversionTouchPointDialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACH,qCAAqC,GAExC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAA0D,CACpG,KAAK,EACP,EAAE;IACA,MAAM,mBAAmB,GAAG,2BAA2B,KAAK,CAAC,iBAAiB,IAAI,aAAa,EAAE,CAAC;IAElG,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAqB,CAAC;QAC9F,SAAS,EAAE,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,EAAE,CAAC;IAE/B,OAAO,CACH,oBAAC,MAAM,IACH,kBAAkB,EAAE,IAAI,EACxB,QAAQ,EAAE,KAAK,CAAC,OAAO,EACvB,gBAAgB,EAAE,IAAI,EACtB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,+DAA+D,EACzE,mBAAmB,EAAE,EAAE,cAAc,EAAE;QAEvC,oBAAC,eAAe;YACZ,oBAAC,qCAAqC,OAC9B,KAAK,EACT,iBAAiB,EAAE,mBAAmB,EACtC,mBAAmB,EAAE,EAAE,cAAc,EAAE,GACzC,CACY,CACb,CACZ,CAAC;AACN,CAAC,CAAC"}
|
@@ -84,6 +84,12 @@ export interface IHubspotConversionTouchPointDialogBaseProps {
|
|
84
84
|
* Form submitted callback function
|
85
85
|
*/
|
86
86
|
onFormSubmitted?: () => void;
|
87
|
+
/**
|
88
|
+
* Properties enabling proper accessibility
|
89
|
+
*/
|
90
|
+
accessibilityConfig?: {
|
91
|
+
titleElementId: string;
|
92
|
+
};
|
87
93
|
}
|
88
94
|
/**
|
89
95
|
* @internal
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HubspotConversionTouchPointDialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/HubspotConversionTouchPointDialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,SAAS,GAAG;YAAE,oBAAoB,EAAE,OAAO,CAAA;SAAE,CAAC;KACxD;CACJ;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC;CACxD;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,2CAA2C;IACxD;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;
|
1
|
+
{"version":3,"file":"HubspotConversionTouchPointDialogBase.d.ts","sourceRoot":"","sources":["../../src/Dialog/HubspotConversionTouchPointDialogBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,SAAS,GAAG;YAAE,oBAAoB,EAAE,OAAO,CAAA;SAAE,CAAC;KACxD;CACJ;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC;CACxD;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,2CAA2C;IACxD;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,mBAAmB,CAAC,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,CAAC;CACpD;AAED;;GAEG;AACH,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC,2CAA2C,CAoGvG,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// (C) 2021-
|
1
|
+
// (C) 2021-2025 GoodData Corporation
|
2
2
|
import React, { useEffect, useState } from "react";
|
3
3
|
import { useIntl } from "react-intl";
|
4
4
|
import { useHubspotForm } from "@aaronhayes/react-use-hubspot-form";
|
@@ -9,7 +9,7 @@ import { Typography } from "../Typography/index.js";
|
|
9
9
|
* @internal
|
10
10
|
*/
|
11
11
|
export const HubspotConversionTouchPointDialogBase = (props) => {
|
12
|
-
const { targetId, hubspotPortalId, hubspotFormId, selectedValue, cancelButtonText, dialogTitle, showCancelButton, submitButtonClass, values = {}, onClose, onFormSubmitted, } = props;
|
12
|
+
const { targetId, hubspotPortalId, hubspotFormId, selectedValue, cancelButtonText, dialogTitle, showCancelButton, submitButtonClass, accessibilityConfig, values = {}, onClose, onFormSubmitted, } = props;
|
13
13
|
const intl = useIntl();
|
14
14
|
const [isFormReady, setIsFormReady] = useState(false);
|
15
15
|
const hubspotFormTargetId = targetId || "conversion-touch-point-hubspot";
|
@@ -65,6 +65,7 @@ export const HubspotConversionTouchPointDialogBase = (props) => {
|
|
65
65
|
},
|
66
66
|
});
|
67
67
|
return (React.createElement(React.Fragment, null,
|
68
|
+
accessibilityConfig ? (React.createElement("h2", { className: "sr-only", id: accessibilityConfig.titleElementId }, dialogTitle)) : null,
|
68
69
|
!formCreated ? React.createElement(LoadingComponent, null) : null,
|
69
70
|
formCreated ? (React.createElement("div", { className: "conversion-touch-point-dialog-wrapper" },
|
70
71
|
isFormReady && dialogTitle ? React.createElement(Typography, { tagName: "h3" }, dialogTitle) : null,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HubspotConversionTouchPointDialogBase.js","sourceRoot":"","sources":["../../src/Dialog/HubspotConversionTouchPointDialogBase.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;
|
1
|
+
{"version":3,"file":"HubspotConversionTouchPointDialogBase.js","sourceRoot":"","sources":["../../src/Dialog/HubspotConversionTouchPointDialogBase.tsx"],"names":[],"mappings":"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"}
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import React from "react";
|
2
2
|
import { IColorPalette, ITheme, ObjRef } from "@gooddata/sdk-model";
|
3
|
-
import {
|
3
|
+
import { TStylingEditorDialogFooterProps } from "./StylingEditorDialogFooter.js";
|
4
|
+
import { IDialogBaseProps } from "../typings.js";
|
4
5
|
/**
|
5
6
|
* @internal
|
6
7
|
*/
|
@@ -16,7 +17,7 @@ export interface IStylingPickerItem<T extends StylingPickerItemContent> {
|
|
16
17
|
/**
|
17
18
|
* @internal
|
18
19
|
*/
|
19
|
-
export interface IStylingEditorDialogProps<T extends StylingPickerItemContent> extends
|
20
|
+
export interface IStylingEditorDialogProps<T extends StylingPickerItemContent> extends TStylingEditorDialogFooterProps, Pick<IDialogBaseProps, "onClose" | "className"> {
|
20
21
|
title: string;
|
21
22
|
tooltip?: string;
|
22
23
|
stylingItem?: IStylingPickerItem<T>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"StylingEditorDialog.d.ts","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQpE,OAAO,EAA6B,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;
|
1
|
+
{"version":3,"file":"StylingEditorDialog.d.ts","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQpE,OAAO,EAA6B,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAC5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGjD;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,aAAa,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,wBAAwB;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB,CAAC,CAAC,SAAS,wBAAwB,CACzE,SAAQ,+BAA+B,EACnC,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,EAAE,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,gGAQ/B,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// (C) 2022-
|
1
|
+
// (C) 2022-2025 GoodData Corporation
|
2
2
|
import React, { useMemo, useState } from "react";
|
3
3
|
import { useIntl } from "react-intl";
|
4
4
|
import cx from "classnames";
|
@@ -10,6 +10,7 @@ import { Button } from "../../Button/index.js";
|
|
10
10
|
import { Dialog } from "../Dialog.js";
|
11
11
|
import { Typography } from "../../Typography/index.js";
|
12
12
|
import { StylingEditorDialogFooter } from "./StylingEditorDialogFooter.js";
|
13
|
+
import { useId } from "../../utils/useId.js";
|
13
14
|
/**
|
14
15
|
* @internal
|
15
16
|
*/
|
@@ -70,19 +71,20 @@ const StylingEditorDialogCore = (props) => {
|
|
70
71
|
name,
|
71
72
|
};
|
72
73
|
};
|
74
|
+
const titleElementId = useId();
|
73
75
|
return (React.createElement(Dialog, { className: cx("gd-styling-editor-dialog", {
|
74
76
|
"gd-styling-editor-dialog-create": providedExamples,
|
75
77
|
}, className), onClose: () => {
|
76
78
|
onExit(nameField, definitionField);
|
77
79
|
onClose();
|
78
|
-
}, displayCloseButton: true, submitOnEnterKey: false },
|
80
|
+
}, displayCloseButton: true, submitOnEnterKey: false, accessibilityConfig: { titleElementId } },
|
79
81
|
React.createElement("div", { className: "gd-styling-editor-dialog-header" },
|
80
82
|
showBackButton ? (React.createElement("div", { className: "gd-styling-editor-dialog-header-back-button" },
|
81
83
|
React.createElement(Button, { className: "gd-button-primary gd-button-icon-only gd-icon-navigateleft s-navigate-back-button", onClick: () => {
|
82
84
|
onExit(nameField, definitionField);
|
83
85
|
onClose();
|
84
86
|
} }))) : null,
|
85
|
-
React.createElement(Typography, { tagName: "h2", className: "gd-styling-editor-dialog-header-title" }, title)),
|
87
|
+
React.createElement(Typography, { tagName: "h2", className: "gd-styling-editor-dialog-header-title", id: titleElementId }, title)),
|
86
88
|
React.createElement("div", { className: "gd-styling-editor-dialog-content" },
|
87
89
|
React.createElement("form", { className: "gd-styling-editor-dialog-content-form", onSubmit: (e) => e.preventDefault() },
|
88
90
|
React.createElement("label", { className: "gd-styling-editor-dialog-content-form-input" },
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"StylingEditorDialog.js","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialog.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAmC,MAAM,gCAAgC,CAAC;
|
1
|
+
{"version":3,"file":"StylingEditorDialog.js","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialog.tsx"],"names":[],"mappings":"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"}
|
@@ -3,7 +3,7 @@ import { IDialogBaseProps } from "../typings.js";
|
|
3
3
|
/**
|
4
4
|
* @internal
|
5
5
|
*/
|
6
|
-
export
|
6
|
+
export type TStylingEditorDialogFooterProps = {
|
7
7
|
link: {
|
8
8
|
text: string;
|
9
9
|
url: string;
|
@@ -12,9 +12,9 @@ export interface IStylingEditorDialogFooterProps extends IDialogBaseProps {
|
|
12
12
|
showProgressIndicator?: boolean;
|
13
13
|
errorMessage?: string;
|
14
14
|
onHelpClick?: () => void;
|
15
|
-
}
|
15
|
+
} & Pick<IDialogBaseProps, "onCancel" | "onSubmit">;
|
16
16
|
/**
|
17
17
|
* @internal
|
18
18
|
*/
|
19
|
-
export declare const StylingEditorDialogFooter: (props:
|
19
|
+
export declare const StylingEditorDialogFooter: (props: TStylingEditorDialogFooterProps) => React.JSX.Element;
|
20
20
|
//# sourceMappingURL=StylingEditorDialogFooter.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"StylingEditorDialogFooter.d.ts","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialogFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAOjD;;GAEG;AACH,MAAM,
|
1
|
+
{"version":3,"file":"StylingEditorDialogFooter.d.ts","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialogFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAOjD;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC1C,IAAI,EAAE;QACF,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACf,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,yBAAyB,UAAW,+BAA+B,sBA6C/E,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"StylingEditorDialogFooter.js","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialogFooter.tsx"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"StylingEditorDialogFooter.js","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialogFooter.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAgBpD;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAsC,EAAE,EAAE;IAChF,MAAM,EACF,IAAI,EACJ,aAAa,GAAG,KAAK,EACrB,qBAAqB,GAAG,KAAK,EAC7B,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,IAAI,GACrB,GAAG,KAAK,CAAC;IACV,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,oBAAC,MAAM;QACH,oBAAC,SAAS,IACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC5B,SAAS,EAAE,yBAAyB,GACtC;QACF,oBAAC,aAAa;YACT,qBAAqB,CAAC,CAAC,CAAC,CACrB,oBAAC,cAAc,IAAC,SAAS,EAAC,gEAAgE,GAAG,CAChG,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,MAAM,IACH,SAAS,EAAC,4CAA4C,EACtD,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,GAC3B;YACF,oBAAC,kBAAkB,IAAC,SAAS,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;gBAChE,oBAAC,MAAM,IACH,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EACzB,QAAQ,EAAE,aAAa,GACzB;gBACD,YAAY,IAAI,aAAa,CAAC,CAAC,CAAC,CAC7B,oBAAC,MAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,IAChE,YAAY,CACR,CACZ,CAAC,CAAC,CAAC,IAAI,CACS,CACT,CACX,CACZ,CAAC;AACN,CAAC,CAAC"}
|
@@ -6,7 +6,7 @@ export type { IStylingExampleProps } from "./StylingExample.js";
|
|
6
6
|
export { StylingExample } from "./StylingExample.js";
|
7
7
|
export type { IBubbleHeaderSeparatorProps } from "./BubbleHeaderSeparator.js";
|
8
8
|
export { BubbleHeaderSeparator } from "./BubbleHeaderSeparator.js";
|
9
|
-
export type {
|
9
|
+
export type { TStylingEditorDialogFooterProps } from "./StylingEditorDialogFooter.js";
|
10
10
|
export { StylingEditorDialogFooter } from "./StylingEditorDialogFooter.js";
|
11
11
|
export type { IStylingPickerItem, StylingPickerItemContent } from "./StylingEditorDialog.js";
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|