@gooddata/sdk-ui-analytical-designer 0.0.0-stage → 11.65.0-alpha.7

package/esm/components/header/InsightPickerDialog.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useIntl } from "react-intl";
+import { useDispatch, useSelector } from "react-redux";
+import { createSelector } from "reselect";
+import { idRef, objRefToString, uriRef } from "@gooddata/sdk-model";
+import { InsightPicker, useInsightPickerState, } from "@gooddata/sdk-ui-ext";
+import { Button, Dialog } from "@gooddata/sdk-ui-kit";
+import { deleteReport } from "../../actions/delete_actions.js";
+import { openReport } from "../../actions/open_actions.js";
+import { saveReportCheck } from "../../actions/save_actions.js";
+import { descriptionTooltipOpened } from "../../sagas/description_tooltip/description_tooltip_ui_actions.js";
+import { isOwnershipSupported, supportsObjectUris } from "../../selectors/backend_capabilities_selector.js";
+import { getProjectId, getUserLoginMD5, getUserUri } from "../../selectors/bootstrap_selector.js";
+import { enableCatalogSmartSearchResults, enableVisualizationFilteringByTags, getMetadataTimeZone, } from "../../selectors/feature_flag_selector.js";
+import { canOpenReport } from "../../selectors/open_report_selector.js";
+import { openReportIdSelector } from "../../selectors/report_selector.js";
+import { getTagsConfiguration } from "../../selectors/route_selector.js";
+import { getEnabledVisualizationClassesUrls } from "../../services/visualization_class_service.js";
+import { getIsReadOnlyMode } from "../../store/embedding/embedding_selectors.js";
+const isDisabledSelector = createSelector([canOpenReport], (canOpenReport) => !canOpenReport);
+const authorSelector = createSelector(supportsObjectUris, getUserUri, getUserLoginMD5, (isObjectUriSupported, userUri, userLoginMd5) => {
+    return isObjectUriSupported ? userUri : userLoginMd5;
+});
+export function InsightPickerDialog() {
+    const workspaceId = useSelector(getProjectId);
+    const author = useSelector(authorSelector);
+    const isDisabled = useSelector(isDisabledSelector);
+    const openInsightId = useSelector(openReportIdSelector);
+    const enabledVisualizationClassesUrls = useSelector(getEnabledVisualizationClassesUrls);
+    const hasOwnershipSupport = useSelector(isOwnershipSupported);
+    const metadataTimeZone = useSelector(getMetadataTimeZone);
+    const isFilteringByTagsEnabled = useSelector(enableVisualizationFilteringByTags);
+    const isReadOnly = useSelector(getIsReadOnlyMode);
+    const isSmartSearchResultsEnabled = useSelector(enableCatalogSmartSearchResults);
+    const tagsConfiguration = useSelector(getTagsConfiguration);
+    const dispatch = useDispatch();
+    const onOpenInsight = useCallback((insightRef) => {
+        dispatch(openReport(insightRef, false));
+    }, [dispatch]);
+    const onDeleteInsight = useCallback((insightRef, insightTitle) => {
+        dispatch(deleteReport(insightRef, false, { title: insightTitle }));
+    }, [dispatch]);
+    const onSaveAsNew = useCallback((saveAsNew) => {
+        dispatch(saveReportCheck(saveAsNew));
+    }, [dispatch]);
+    const onDescriptionTooltipOpened = useCallback((description) => {
+        dispatch(descriptionTooltipOpened(description));
+    }, [dispatch]);
+    const intl = useIntl();
+    const buttonText = intl.formatMessage({ id: "openReportPlaceholder" });
+    const [isDialogOpen, setIsDialogOpen] = useState(false);
+    const pickerState = useInsightPickerState(hasOwnershipSupport ? author : undefined);
+    const pendingSaveAsNew = useRef(null);
+    // When the target insight finishes loading after a "Save as new" click, trigger save-as-new.
+    // If the user clicks "Save as new" on the already-open insight, we handle it
+    // immediately in the onClick (openInsightId won't change, so this effect wouldn't fire).
+    useEffect(() => {
+        if (pendingSaveAsNew.current && pendingSaveAsNew.current === openInsightId) {
+            pendingSaveAsNew.current = null;
+            onSaveAsNew(true);
+        }
+    }, [openInsightId, onSaveAsNew]);
+    const includeTags = useMemo(() => isFilteringByTagsEnabled
+        ? tagsConfiguration?.includeObjectsWithTags?.map((tag) => objRefToString(tag))
+        : undefined, [isFilteringByTagsEnabled, tagsConfiguration?.includeObjectsWithTags]);
+    const excludeTags = useMemo(() => isFilteringByTagsEnabled
+        ? tagsConfiguration?.excludeObjectsWithTags?.map((tag) => objRefToString(tag))
+        : undefined, [isFilteringByTagsEnabled, tagsConfiguration?.excludeObjectsWithTags]);
+    const handleSelect = useCallback((insightRef) => {
+        setIsDialogOpen(false);
+        onOpenInsight(insightRef);
+    }, [onOpenInsight]);
+    const toRef = (item) => item.uri ? uriRef(item.uri) : idRef(item.identifier, "insight");
+    const menuActions = isReadOnly
+        ? []
+        : [
+            {
+                id: "save-as-new",
+                title: intl.formatMessage({ id: "save_as_new" }),
+                onClick: (item) => {
+                    setIsDialogOpen(false);
+                    if (item.identifier === openInsightId) {
+                        // Already open — trigger save-as-new immediately
+                        onSaveAsNew(true);
+                    }
+                    else {
+                        // Different insight — open it, effect triggers save-as-new when it loads
+                        pendingSaveAsNew.current = item.identifier;
+                        onOpenInsight(toRef(item));
+                    }
+                },
+            },
+            {
+                id: "delete",
+                title: intl.formatMessage({ id: "openReport.menu.delete" }),
+                isDestructive: true,
+                hasSeparator: true,
+                onClick: (item) => {
+                    setIsDialogOpen(false);
+                    onDeleteInsight(toRef(item), item.title);
+                },
+            },
+        ];
+    return (_jsxs("div", { className: "s-report_select report-select editor-header-item", children: [_jsx(Button, { className: "gd-button-secondary type-metric customizable", value: buttonText, disabled: isDisabled, onClick: () => setIsDialogOpen(true) }), isDialogOpen ? (_jsx(Dialog, { className: "open-visualizations-dialog", containerClassName: "open-visualizations-dialog-container", isModal: false, shouldCloseOnClick: () => true, onClose: () => setIsDialogOpen(false), children: _jsx("div", { className: "open-visualizations s-open-visualizations", children: _jsx(InsightPicker, { workspace: workspaceId, author: hasOwnershipSupport ? author : undefined, includeTags: includeTags, excludeTags: excludeTags, enabledVisualizationClassesUrls: enabledVisualizationClassesUrls, selectedInsightId: openInsightId, metadataTimeZone: metadataTimeZone, enableSemanticSearch: isSmartSearchResultsEnabled, width: 740, ...pickerState, onSelect: handleSelect, onDescriptionPanelOpen: onDescriptionTooltipOpened, menuActions: menuActions }) }) })) : null] }));
+}

package/esm/components/header/OptionsMenu/OptionsButton.d.ts

@@ -0,0 +1,2 @@
+export declare const OptionsButton: import("react").MemoExoticComponent<(_props: Record<string, unknown>) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=OptionsButton.d.ts.map

package/esm/components/header/OptionsMenu/OptionsButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsButton.d.ts","sourceRoot":"","sources":["../../../../src/components/header/OptionsMenu/OptionsButton.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa,+CAAuC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,6CAiBtF,CAAC"}

package/esm/components/header/OptionsMenu/OptionsButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { Fragment, memo, useState } from "react";
+import { Button } from "@gooddata/sdk-ui-kit";
+import { OptionsMenu } from "./OptionsMenu.js";
+export const OptionsButton = memo(function OptionsButton(_props) {
+    const [isShowOptionsMenu, setIsShowOptionsMenu] = useState(false);
+    const toggleOptionsMenu = () => {
+        setIsShowOptionsMenu(!isShowOptionsMenu);
+    };
+    return (_jsxs(Fragment, { children: [_jsx(Button, { className: "gd-button-secondary s-options-button editor-header-item", value: "\u22EF", onClick: toggleOptionsMenu }), _jsx(OptionsMenu, { isShowOptionsMenu: isShowOptionsMenu, toggleOptionsMenu: toggleOptionsMenu })] }));
+});

package/esm/components/header/OptionsMenu/OptionsMenu.d.ts

@@ -0,0 +1,63 @@
+import { type IntlShape } from "react-intl";
+import { type ExportCsvMode } from "../../../actions/export_report_actions.js";
+import { openInAnalyticalDesignerAction } from "../../../store/router/router_actions.js";
+interface IOptionsMenuDispatchProps {
+    onOpenAsReport: (title: string) => void;
+    showDialogExportCsv: (mode: ExportCsvMode) => void;
+    showDialogExportReport: () => void;
+    showDialogExportPdf: () => void;
+    openInAnalyticalDesigner: () => ReturnType<typeof openInAnalyticalDesignerAction>;
+}
+type BubbleTextProvider = (intl: IntlShape) => string;
+interface IOptionsMenuStateProps {
+    bubbleTextProvider?: BubbleTextProvider;
+    exportBubbleTextProvider?: BubbleTextProvider;
+    exportRawBubbleTextProvider?: BubbleTextProvider;
+    isOpenAsReportDisabled: boolean;
+    isExportVisible: boolean;
+    isExportCSVDisabled: boolean;
+    isExportRawCSVDisabled: boolean;
+    isExportXLSXDisabled: boolean;
+    isExportPDFDisabled: boolean;
+    exportToCsvSupported: boolean;
+    exportToXlsxSupported: boolean;
+    exportToPdfSupported: boolean;
+    isEditFromKD: boolean;
+    hiddenActions: string[];
+    enableRawExports: boolean;
+    hasPartialDataLimitBreaks: boolean;
+    isAccessibilityModeEnabled: boolean;
+    isEnableTimezoneChange: boolean;
+}
+interface IOptionsMenuOwnProps {
+    isShowOptionsMenu: boolean;
+    toggleOptionsMenu: () => void;
+}
+type IOptionsMenuProps = IOptionsMenuDispatchProps & IOptionsMenuStateProps & IOptionsMenuOwnProps;
+export declare const OptionsMenuBase: import("react").MemoExoticComponent<({ exportBubbleTextProvider, exportRawBubbleTextProvider, isExportVisible, isExportCSVDisabled, isExportRawCSVDisabled, isExportXLSXDisabled, isExportPDFDisabled, exportToCsvSupported, exportToXlsxSupported, exportToPdfSupported, isEditFromKD, hiddenActions, enableRawExports, hasPartialDataLimitBreaks, isAccessibilityModeEnabled, isEnableTimezoneChange, isShowOptionsMenu, toggleOptionsMenu, showDialogExportCsv, showDialogExportReport, showDialogExportPdf, openInAnalyticalDesigner, }: IOptionsMenuProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const OptionsMenu: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ exportBubbleTextProvider, exportRawBubbleTextProvider, isExportVisible, isExportCSVDisabled, isExportRawCSVDisabled, isExportXLSXDisabled, isExportPDFDisabled, exportToCsvSupported, exportToXlsxSupported, exportToPdfSupported, isEditFromKD, hiddenActions, enableRawExports, hasPartialDataLimitBreaks, isAccessibilityModeEnabled, isEnableTimezoneChange, isShowOptionsMenu, toggleOptionsMenu, showDialogExportCsv, showDialogExportReport, showDialogExportPdf, openInAnalyticalDesigner, }: IOptionsMenuProps) => import("react/jsx-runtime").JSX.Element>, {
+    context?: import("react").Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null>;
+    store?: import("redux").Store;
+    bubbleTextProvider?: BubbleTextProvider;
+    exportBubbleTextProvider?: BubbleTextProvider;
+    exportRawBubbleTextProvider?: BubbleTextProvider;
+    isOpenAsReportDisabled: boolean;
+    isExportVisible: boolean;
+    isExportCSVDisabled: boolean;
+    isExportRawCSVDisabled: boolean;
+    isExportXLSXDisabled: boolean;
+    isExportPDFDisabled: boolean;
+    exportToCsvSupported: boolean;
+    exportToXlsxSupported: boolean;
+    exportToPdfSupported: boolean;
+    isEditFromKD: boolean;
+    hiddenActions: string[];
+    enableRawExports: boolean;
+    hasPartialDataLimitBreaks: boolean;
+    isAccessibilityModeEnabled: boolean;
+    isEnableTimezoneChange: boolean;
+    isShowOptionsMenu: boolean;
+    toggleOptionsMenu: () => void;
+}>;
+export {};
+//# sourceMappingURL=OptionsMenu.d.ts.map

package/esm/components/header/OptionsMenu/OptionsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/header/OptionsMenu/OptionsMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAA0B,MAAM,YAAY,CAAC;AAMpE,OAAO,EACH,KAAK,aAAa,EAIrB,MAAM,2CAA2C,CAAC;AAyBnD,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAWzF,UAAU,yBAAyB;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,wBAAwB,EAAE,MAAM,UAAU,CAAC,OAAO,8BAA8B,CAAC,CAAC;CACrF;AAED,KAAK,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;AAEtD,UAAU,sBAAsB;IAC5B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;IAC9C,2BAA2B,CAAC,EAAE,kBAAkB,CAAC;IACjD,sBAAsB,EAAE,OAAO,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,sBAAsB,EAAE,OAAO,CAAC;IAChC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yBAAyB,EAAE,OAAO,CAAC;IACnC,0BAA0B,EAAE,OAAO,CAAC;IACpC,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,UAAU,oBAAoB;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,iBAAiB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,KAAK,iBAAiB,GAAG,yBAAyB,GAAG,sBAAsB,GAAG,oBAAoB,CAAC;AA+BnG,eAAO,MAAM,eAAe,+gBAuBzB,iBAAiB,6CAiLlB,CAAC;AAEH,eAAO,MAAM,WAAW,wjBAnLrB,iBAAiB;;;yBA/EK,kBAAkB;+BACZ,kBAAkB;kCACf,kBAAkB;4BACxB,OAAO;qBACd,OAAO;yBACH,OAAO;4BACJ,OAAO;0BACT,OAAO;yBACR,OAAO;0BACN,OAAO;2BACN,OAAO;0BACR,OAAO;kBACf,OAAO;mBACN,MAAM,EAAE;sBACL,OAAO;+BACE,OAAO;gCACN,OAAO;4BACX,OAAO;uBAIZ,OAAO;uBACP,MAAM,IAAI;EAoPf,CAAC"}

package/esm/components/header/OptionsMenu/OptionsMenu.js

@@ -0,0 +1,116 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo, useCallback, useState } from "react";
+import { defineMessage, useIntl } from "react-intl";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { Header, ItemsWrapper, Overlay, Separator } from "@gooddata/sdk-ui-kit";
+import { showDialogExportCsv, showDialogExportPdf, showDialogExportReport, } from "../../../actions/export_report_actions.js";
+import { exportReport } from "../../../actions/report_actions.js";
+import { supportsExportToCsv, supportsExportToXlsx, } from "../../../selectors/backend_capabilities_selector.js";
+import { AVAILABLE_HIDDEN_ACTIONS, hiddenActions } from "../../../selectors/editor_header_selector.js";
+import { getBubbleTextProvider, getIsExportDisabled } from "../../../selectors/export_button_selector.js";
+import { enableRawExports, isAccessibilityModeEnabled, isEnableTimezoneChange, } from "../../../selectors/feature_flag_selector.js";
+import { getExportBubbleTextProvider, getExportRawBubbleTextProvider, getExportVisible, getIsExportCSVDisabled, getIsExportCSVRawDisabled, getIsExportPDFDisabled, getIsExportXLSXDisabled, isTableVisualization, } from "../../../selectors/options_menu_selector.js";
+import { hasPartialDataLimitBreaks } from "../../../selectors/report_selector.js";
+import { isEditFromKD } from "../../../selectors/route_selector.js";
+import { openInAnalyticalDesignerAction } from "../../../store/router/router_actions.js";
+import { TimezoneDialog } from "../TimezoneDialog.js";
+import { OptionsMenuItem } from "./OptionsMenuItem.js";
+const noopString = () => "";
+const partialResultExportBubbleTextProvider = (intl) => intl.formatMessage(defineMessage({ id: "options.menu.export_data.partial_result_disabled" }));
+const mapStateToProps = createStructuredSelector({
+    bubbleTextProvider: getBubbleTextProvider,
+    exportBubbleTextProvider: getExportBubbleTextProvider,
+    exportRawBubbleTextProvider: getExportRawBubbleTextProvider,
+    isOpenAsReportDisabled: getIsExportDisabled,
+    isExportCSVDisabled: getIsExportCSVDisabled,
+    isExportRawCSVDisabled: getIsExportCSVRawDisabled,
+    isExportXLSXDisabled: getIsExportXLSXDisabled,
+    isExportPDFDisabled: getIsExportPDFDisabled,
+    isExportVisible: getExportVisible,
+    isEditFromKD,
+    hiddenActions,
+    exportToCsvSupported: supportsExportToCsv,
+    exportToXlsxSupported: supportsExportToXlsx,
+    exportToPdfSupported: isTableVisualization,
+    enableRawExports: enableRawExports,
+    hasPartialDataLimitBreaks,
+    isAccessibilityModeEnabled: isAccessibilityModeEnabled,
+    isEnableTimezoneChange,
+});
+const mapDispatchToProps = {
+    showDialogExportCsv,
+    onOpenAsReport: exportReport,
+    showDialogExportReport,
+    showDialogExportPdf,
+    openInAnalyticalDesigner: openInAnalyticalDesignerAction,
+};
+export const OptionsMenuBase = memo(function OptionsMenuBase({ exportBubbleTextProvider = noopString, exportRawBubbleTextProvider, isExportVisible, isExportCSVDisabled, isExportRawCSVDisabled, isExportXLSXDisabled, isExportPDFDisabled, exportToCsvSupported, exportToXlsxSupported, exportToPdfSupported, isEditFromKD, hiddenActions, enableRawExports, hasPartialDataLimitBreaks, isAccessibilityModeEnabled, isEnableTimezoneChange, isShowOptionsMenu, toggleOptionsMenu, showDialogExportCsv, showDialogExportReport, showDialogExportPdf, openInAnalyticalDesigner, }) {
+    const intl = useIntl();
+    const [isTimezoneDialogOpen, setIsTimezoneDialogOpen] = useState(false);
+    const openTimezoneDialog = useCallback(() => {
+        toggleOptionsMenu();
+        setIsTimezoneDialogOpen(true);
+    }, [toggleOptionsMenu]);
+    const closeTimezoneDialog = useCallback(() => {
+        setIsTimezoneDialogOpen(false);
+    }, []);
+    const openExportCsvDialog = useCallback((mode) => {
+        showDialogExportCsv(mode);
+        toggleOptionsMenu();
+    }, [showDialogExportCsv, toggleOptionsMenu]);
+    const exportToCSV = useCallback(() => {
+        openExportCsvDialog("formatted");
+    }, [openExportCsvDialog]);
+    const exportToPDF = useCallback(() => {
+        toggleOptionsMenu();
+        showDialogExportPdf();
+    }, [toggleOptionsMenu, showDialogExportPdf]);
+    const showExportDialog = useCallback(() => {
+        toggleOptionsMenu();
+        showDialogExportReport();
+    }, [showDialogExportReport, toggleOptionsMenu]);
+    const exportToCSVRaw = useCallback(() => {
+        openExportCsvDialog("raw");
+    }, [openExportCsvDialog]);
+    const onOpenInAnalyticalDesigner = useCallback(() => {
+        openInAnalyticalDesigner();
+        toggleOptionsMenu();
+    }, [openInAnalyticalDesigner, toggleOptionsMenu]);
+    const renderExportMenu = useCallback(() => {
+        const isOpenInADVisible = isEditFromKD && !hiddenActions.includes(AVAILABLE_HIDDEN_ACTIONS.OPEN_IN_ANALYTICAL_DESIGNER);
+        const formattedExportBubbleTextProvider = hasPartialDataLimitBreaks
+            ? partialResultExportBubbleTextProvider
+            : exportBubbleTextProvider;
+        const isFormattedExportDisabled = (isDisabled) => isDisabled || hasPartialDataLimitBreaks;
+        return (_jsx(Overlay, { alignTo: ".s-options-button", alignPoints: [{ align: "br tr" }], className: "gd-export-menu-overlay s-gd-export-menu-overlay", closeOnMouseDrag: true, closeOnOutsideClick: true, onClose: toggleOptionsMenu, children: _jsxs(ItemsWrapper, { smallItemsSpacing: true, children: [isOpenInADVisible ? (_jsx(OptionsMenuItem, { bubbleId: "options.menu.open.in.analytical.designer", className: "gd-open-in-analytical-designer s-open-in-analytical-designer", titleId: defineMessage({ id: "options.menu.open.in.analytical.designer" }).id, isDisabled: false, onClick: onOpenInAnalyticalDesigner })) : null, isExportVisible ? (_jsxs(_Fragment, { children: [_jsx(Header, { children: intl.formatMessage({ id: "options.menu.export_data" }) }), exportToXlsxSupported ? (_jsx(OptionsMenuItem, { bubbleId: "ExportXLSXBubble", bubbleTextProvider: formattedExportBubbleTextProvider, className: "gd-export-menu-export-xlsx s-gd-export-menu-export-xlsx gd-export-options-xlsx", isDisabled: isFormattedExportDisabled(isExportXLSXDisabled), titleId: defineMessage({ id: "export.type.XLSX" }).id, onClick: showExportDialog })) : null, exportToPdfSupported && !isAccessibilityModeEnabled ? (_jsx(OptionsMenuItem, { bubbleId: "ExportPDFBubble", bubbleTextProvider: formattedExportBubbleTextProvider, className: "gd-export-menu-export-pdf s-gd-export-menu-export-pdf gd-export-options-pdf", isDisabled: isFormattedExportDisabled(isExportPDFDisabled), titleId: defineMessage({ id: "export.type.PDF" }).id, onClick: exportToPDF })) : null, exportToCsvSupported ? (enableRawExports ? (_jsxs(_Fragment, { children: [_jsx(OptionsMenuItem, { bubbleId: "ExportCSVFormattedBubble", bubbleTextProvider: formattedExportBubbleTextProvider, className: "gd-export-menu-export-csv s-gd-export-menu-export-csv gd-export-options-csv-formatted", isDisabled: isFormattedExportDisabled(isExportCSVDisabled), titleId: defineMessage({ id: "export.type.CSV.formatted" }).id, onClick: exportToCSV }), _jsx(OptionsMenuItem, { bubbleId: "ExportCSVRawBubble", bubbleTextProvider: exportRawBubbleTextProvider, className: "gd-export-menu-export-csv s-gd-export-menu-export-csv gd-export-options-csv-raw", isDisabled: isExportRawCSVDisabled, titleId: defineMessage({ id: "export.type.CSV.raw" }).id, onClick: exportToCSVRaw })] })) : (_jsx(OptionsMenuItem, { bubbleId: "ExportCSVBubble", bubbleTextProvider: formattedExportBubbleTextProvider, className: "gd-export-menu-export-csv s-gd-export-menu-export-csv gd-export-options-csv-formatted", isDisabled: isFormattedExportDisabled(isExportCSVDisabled), titleId: defineMessage({ id: "export.type.CSV" }).id, onClick: exportToCSV }))) : null] })) : null, isEnableTimezoneChange ? (_jsxs(_Fragment, { children: [isOpenInADVisible || isExportVisible ? _jsx(Separator, {}) : null, _jsx(OptionsMenuItem, { bubbleId: "options.menu.changeTimezone", className: "gd-options-menu-timezone s-options-menu-timezone", titleId: defineMessage({ id: "options.menu.changeTimezone" }).id, isDisabled: false, onClick: openTimezoneDialog })] })) : null] }) }, "OptionsMenu"));
+    }, [
+        exportBubbleTextProvider,
+        exportRawBubbleTextProvider,
+        intl,
+        isExportCSVDisabled,
+        isExportRawCSVDisabled,
+        isExportXLSXDisabled,
+        isExportPDFDisabled,
+        toggleOptionsMenu,
+        isExportVisible,
+        isEditFromKD,
+        hiddenActions,
+        exportToCsvSupported,
+        exportToXlsxSupported,
+        exportToPdfSupported,
+        enableRawExports,
+        hasPartialDataLimitBreaks,
+        onOpenInAnalyticalDesigner,
+        showExportDialog,
+        exportToCSV,
+        exportToCSVRaw,
+        exportToPDF,
+        isAccessibilityModeEnabled,
+        isEnableTimezoneChange,
+        openTimezoneDialog,
+    ]);
+    return (_jsxs(_Fragment, { children: [isShowOptionsMenu ? renderExportMenu() : null, isTimezoneDialogOpen ? _jsx(TimezoneDialog, { onClose: closeTimezoneDialog }) : null] }));
+});
+export const OptionsMenu = connect(mapStateToProps, mapDispatchToProps)(OptionsMenuBase);

package/esm/components/header/OptionsMenu/OptionsMenuItem.d.ts

@@ -0,0 +1,12 @@
+import { type IntlShape } from "react-intl";
+interface IOptionsMenuItemProps {
+    bubbleId: string;
+    bubbleTextProvider?: (intl: IntlShape) => string;
+    className: string;
+    isDisabled: boolean;
+    titleId: string;
+    onClick: () => void;
+}
+export declare const OptionsMenuItem: import("react").MemoExoticComponent<({ bubbleId, bubbleTextProvider, className, isDisabled, titleId, onClick, }: IOptionsMenuItemProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=OptionsMenuItem.d.ts.map

package/esm/components/header/OptionsMenu/OptionsMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/header/OptionsMenu/OptionsMenuItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,YAAY,CAAC;AAMrD,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,mHAOzB,qBAAqB,6CAsCtB,CAAC"}

package/esm/components/header/OptionsMenu/OptionsMenuItem.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { memo } from "react";
+import classNames from "classnames";
+import { useIntl } from "react-intl";
+import { Bubble, BubbleHoverTrigger, Item } from "@gooddata/sdk-ui-kit";
+const noopString = () => "";
+export const OptionsMenuItem = memo(function OptionsMenuItem({ bubbleId, bubbleTextProvider = noopString, className, isDisabled, titleId, onClick, }) {
+    const intl = useIntl();
+    const getItemClasses = (customClassName, isDisabled) => {
+        return classNames("gd-list-item", "gd-menu-item", customClassName, { "is-disabled": isDisabled });
+    };
+    const renderBubble = (key, children, message) => {
+        return (_jsxs(BubbleHoverTrigger, { className: "s-gd-bubble-trigger-options-menu-item", children: [children, _jsx(Bubble, { className: `bubble-primary bubble-primary-${key} s-bubble-primary-${key}`, alignPoints: [{ align: "cl cr" }], children: message })] }, key));
+    };
+    const itemClasses = getItemClasses(className, isDisabled);
+    if (isDisabled) {
+        const button = _jsx(Item, { className: itemClasses, children: intl.formatMessage({ id: titleId }) });
+        const bubbleMessage = bubbleTextProvider(intl);
+        if (bubbleMessage) {
+            return renderBubble(bubbleId, button, bubbleMessage);
+        }
+        else {
+            return button;
+        }
+    }
+    else {
+        return (_jsx(Item, { className: itemClasses, onClick: onClick, children: intl.formatMessage({ id: titleId }) }));
+    }
+});

package/esm/components/header/SaveAsNewReportButton.d.ts

@@ -0,0 +1,2 @@
+export declare function SaveAsNewReportButton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SaveAsNewReportButton.d.ts.map

package/esm/components/header/SaveAsNewReportButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveAsNewReportButton.d.ts","sourceRoot":"","sources":["../../../src/components/header/SaveAsNewReportButton.tsx"],"names":[],"mappings":"AAaA,wBAAgB,qBAAqB,4CAmBpC"}

package/esm/components/header/SaveAsNewReportButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { useCallback } from "react";
+import { defineMessage, useIntl } from "react-intl";
+import { useDispatch, useSelector } from "react-redux";
+import { Button } from "@gooddata/sdk-ui-kit";
+import { saveReportCheck } from "../../actions/save_actions.js";
+import { isSaveAsNewDisabledSelector, isSavingAsNewSelector } from "../../selectors/save_report_selector.js";
+export function SaveAsNewReportButton() {
+    const intl = useIntl();
+    const dispatch = useDispatch();
+    const isSaving = useSelector(isSavingAsNewSelector);
+    const isDisabled = useSelector(isSaveAsNewDisabledSelector);
+    const onClick = useCallback(() => {
+        dispatch(saveReportCheck(true));
+    }, [dispatch]);
+    const value = isSaving ? defineMessage({ id: "saving" }).id : defineMessage({ id: "save_as_new" }).id;
+    return (_jsx(Button, { className: "s-save-as-new-button save-as-new-button gd-button-secondary editor-header-item", onClick: onClick, value: intl.formatMessage({ id: value }), disabled: isDisabled }));
+}

package/esm/components/header/SaveReportButton.d.ts

@@ -0,0 +1,2 @@
+export declare function SaveReportButton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SaveReportButton.d.ts.map

package/esm/components/header/SaveReportButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveReportButton.d.ts","sourceRoot":"","sources":["../../../src/components/header/SaveReportButton.tsx"],"names":[],"mappings":"AAWA,wBAAgB,gBAAgB,4CA6C/B"}

package/esm/components/header/SaveReportButton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2007-2026 GoodData Corporation
+import { defineMessage, useIntl } from "react-intl";
+import { useDispatch, useSelector } from "react-redux";
+import { Bubble, BubbleHoverTrigger, Button } from "@gooddata/sdk-ui-kit";
+import { saveReportCheck, saveReportFromKD } from "../../actions/save_actions.js";
+import { saveReportSelector } from "../../selectors/save_report_selector.js";
+export function SaveReportButton() {
+    const intl = useIntl();
+    const dispatch = useDispatch();
+    const isSaving = useSelector((state) => saveReportSelector(state).isSaving);
+    const isDisabled = useSelector((state) => saveReportSelector(state).isDisabled);
+    const displaySaveInsightFromKDDialog = useSelector((state) => saveReportSelector(state).displaySaveInsightFromKDDialog);
+    const showDisabledTooltip = useSelector((state) => saveReportSelector(state).showDisabledTooltip);
+    const value = isSaving ? defineMessage({ id: "saving" }).id : defineMessage({ id: "save" }).id;
+    const handleSaveButtonClick = () => {
+        if (displaySaveInsightFromKDDialog) {
+            dispatch(saveReportFromKD());
+        }
+        else {
+            dispatch(saveReportCheck(false));
+        }
+    };
+    const SaveButton = (_jsx(Button, { className: "s-save-button save-button gd-button-action editor-header-item", onClick: handleSaveButtonClick, value: intl.formatMessage({ id: value }), disabled: isDisabled }));
+    if (showDisabledTooltip) {
+        return (_jsxs(BubbleHoverTrigger, { children: [SaveButton, _jsx(Bubble, { className: "bubble-primary", alignPoints: [{ align: "bc tr", offset: { x: 0, y: 10 } }], children: intl.formatMessage({ id: "save.disabledTooltip.executionTimestamp" }) })] }));
+    }
+    return SaveButton;
+}

package/esm/components/header/TimezoneDialog.d.ts

@@ -0,0 +1,15 @@
+import { type ReactElement } from "react";
+export interface ITimezoneDialogProps {
+    onClose: () => void;
+}
+/**
+ * Dialog for the ad-hoc, session-only change of the insight timezone in Analytical Designer.
+ *
+ * @remarks
+ * Mirrors the KD {@code TimezoneDialog}: hosts the shared timezone picker with "Default" (clears
+ * the override so the workspace configuration applies again) and "From browser" special items.
+ * Applying a selection resolves the browser-detected sentinel locally so the session-only Redux
+ * state always stores a concrete IANA timezone ID. The override is never persisted with the insight.
+ */
+export declare function TimezoneDialog({ onClose }: ITimezoneDialogProps): ReactElement;
+//# sourceMappingURL=TimezoneDialog.d.ts.map

package/esm/components/header/TimezoneDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimezoneDialog.d.ts","sourceRoot":"","sources":["../../../src/components/header/TimezoneDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,OAAO,CAAC;AAoBxE,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,oBAAoB,GAAG,YAAY,CAkF9E"}

package/esm/components/header/TimezoneDialog.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useEffect, useMemo, useState } from "react";
+import { defineMessage, useIntl } from "react-intl";
+import { useDispatch, useSelector } from "react-redux";
+import { BROWSER_DETECTED, resolveTimezoneId } from "@gooddata/sdk-model";
+import { ConfirmDialog, TimezoneSelect, getCurrentTimeByTimezoneId, getTimezoneDisplayLabel, useToastMessage, } from "@gooddata/sdk-ui-kit";
+import { setTimezoneOverride } from "../../actions/timezone_override_actions.js";
+import { getWorkspaceTimezone } from "../../selectors/feature_flag_selector.js";
+import { getTimezoneOverride } from "../../selectors/timezone_override_selectors.js";
+/**
+ * Dialog for the ad-hoc, session-only change of the insight timezone in Analytical Designer.
+ *
+ * @remarks
+ * Mirrors the KD {@code TimezoneDialog}: hosts the shared timezone picker with "Default" (clears
+ * the override so the workspace configuration applies again) and "From browser" special items.
+ * Applying a selection resolves the browser-detected sentinel locally so the session-only Redux
+ * state always stores a concrete IANA timezone ID. The override is never persisted with the insight.
+ */
+export function TimezoneDialog({ onClose }) {
+    const intl = useIntl();
+    // explicit Dispatch instead of the react-redux UnknownAction default
+    const dispatch = useDispatch();
+    const currentOverride = useSelector((state) => getTimezoneOverride(state));
+    const workspaceTimezone = useSelector((state) => getWorkspaceTimezone(state));
+    const { addSuccess } = useToastMessage();
+    const [selected, setSelected] = useState(currentOverride);
+    const [currentTimeOfTimezone, setCurrentTimeOfTimezone] = useState();
+    const defaultTimezoneId = workspaceTimezone;
+    const specialItems = useMemo(() => {
+        const defaultItemLabel = intl.formatMessage({ id: "timezoneDialog.default" });
+        // plain ID here — the label template already brackets the value, so the "id (offset)"
+        // display label would produce nested brackets
+        const browserTimezoneId = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        const browserTimezoneName = getTimezoneDisplayLabel(browserTimezoneId);
+        const browserItemLabel = intl.formatMessage({ id: "timezoneDialog.fromBrowser" }, { timezone: browserTimezoneName });
+        return [
+            { id: undefined, label: defaultItemLabel },
+            { id: BROWSER_DETECTED, label: browserItemLabel },
+        ];
+    }, [intl]);
+    useEffect(() => {
+        const timezoneId = resolveTimezoneId(selected) ?? defaultTimezoneId;
+        if (timezoneId) {
+            setCurrentTimeOfTimezone(getCurrentTimeByTimezoneId(timezoneId));
+        }
+        else {
+            setCurrentTimeOfTimezone(undefined);
+        }
+    }, [selected, defaultTimezoneId]);
+    const onApply = () => {
+        onClose();
+        // Resolve locally so Redux always stores a concrete IANA ID (or undefined for Default).
+        // Skip dispatching when the selection matches the current override.
+        const resolved = resolveTimezoneId(selected);
+        if (resolved !== currentOverride) {
+            dispatch(setTimezoneOverride(resolved));
+            addSuccess(defineMessage({ id: "timezoneDialog.success" }));
+        }
+    };
+    return (_jsx(ConfirmDialog, { onCancel: onClose, onSubmit: onApply, isPositive: true, className: "s-dialog s-timezone-dialog gd-timezone-dialog", headline: intl.formatMessage({ id: "timezoneDialog.title" }), cancelButtonText: intl.formatMessage({ id: "cancel" }), submitButtonText: intl.formatMessage({ id: "apply" }), children: _jsxs("div", { className: "gd-timezone-dialog-picker", children: [_jsx(TimezoneSelect, { value: selected, onChange: setSelected, specialItems: specialItems, searchPlaceholder: intl.formatMessage({
+                        id: "timezoneDialog.select.searchPlaceholder",
+                    }), ariaLabel: intl.formatMessage({ id: "timezoneDialog.title" }), noMatchLabel: intl.formatMessage({ id: "timezoneDialog.select.noMatch" }) }), currentTimeOfTimezone ? (_jsx("span", { className: "gd-timezone-dialog-current-time", children: intl.formatMessage({ id: "timezoneDialog.currentTime" }, { time: currentTimeOfTimezone }) })) : null] }) }));
+}

package/esm/components/header/VisualizationsDropdown.d.ts

@@ -0,0 +1,2 @@
+export declare function VisualizationsDropdown(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VisualizationsDropdown.d.ts.map

package/esm/components/header/VisualizationsDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualizationsDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/header/VisualizationsDropdown.tsx"],"names":[],"mappings":"AAwGA,wBAAgB,sBAAsB,4CA6SrC"}