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

package/esm/presentation/widget/insight/ViewModeDashboardInsight/InsightDrillDialog/InsightDrillDialog.js

@@ -4,13 +4,13 @@ import { useCallback, useState } from "react";
 import cx from "classnames";
 import { useIntl } from "react-intl";
 import { insightTitle, insightVisualizationType, isInsight, } from "@gooddata/sdk-model";
-import { Button, FullScreenOverlay, Overlay, OverlayController, OverlayControllerProvider, RichText, UiIcon, UiTooltip, isNotDocumentFocused, useIdPrefixed, useMediaQuery, } from "@gooddata/sdk-ui-kit";
+import { Button, FLOATING_ELEMENT_DATA_ATTR, FullScreenOverlay, Overlay, OverlayController, OverlayControllerProvider, RichText, UiIcon, UiTooltip, isNotDocumentFocused, useIdPrefixed, useMediaQuery, } from "@gooddata/sdk-ui-kit";
 import { DOWNLOADER_ID } from "../../../../../_staging/fileUtils/downloadFile.js";
 import { useDashboardSelector } from "../../../../../model/react/DashboardStoreProvider.js";
+import { useDashboardExecConfig } from "../../../../../model/react/useWidgetExecConfig.js";
 import { useWidgetExecutionsHandler } from "../../../../../model/react/useWidgetExecutionsHandler.js";
 import { selectSeparators } from "../../../../../model/store/config/configSelectors.js";
 import { DRILL_MODAL_EXECUTION_PSEUDO_REF } from "../../../../../model/store/executionResults/constants.js";
-import { selectExecutionTimestamp } from "../../../../../model/store/ui/uiSelectors.js";
 import { DASHBOARD_HEADER_OVERLAYS_Z_INDEX } from "../../../../constants/zIndex.js";
 import { useDashboardComponentsContext } from "../../../../dashboardContexts/DashboardComponentsContext.js";
 import { WithDrillSelect } from "../../../../drill/DrillSelect/WithDrillSelect.js";
@@ -32,6 +32,7 @@ const overlayIgnoredClasses = [
     ".options-menu-export-xlsx",
     ".options-menu-export-csv",
     `#${DOWNLOADER_ID}`,
+    `[${FLOATING_ELEMENT_DATA_ATTR}]`,
 ];
 const defaultDescriptionConfig = {
     source: "insight",
@@ -125,11 +126,9 @@ function InsightDrillDialogDescriptionButton({ isOpen, isMobileDevice, setIsOpen
 }
 function InsightDrillDialogDescriptionContent({ id, isOpen, isMobileDevice, description, widgetFilters, LoadingComponent, }) {
     const separators = useDashboardSelector(selectSeparators);
-    const executionTimestamp = useDashboardSelector(selectExecutionTimestamp);
+    const execConfig = useDashboardExecConfig();
     return (_jsx("div", { id: id, className: cx("drill-dialog-insight-container-description", {
             "drill-dialog-insight-container-description--open": isOpen,
             "drill-dialog-insight-container-description--mobile": isMobileDevice,
-        }), children: _jsx("div", { className: "drill-dialog-insight-container-description-content", children: _jsx(RichText, { value: description, execConfig: {
-                    timestamp: executionTimestamp,
-                }, renderMode: "view", referencesEnabled: true, filters: widgetFilters, separators: separators, LoadingComponent: LoadingComponent }) }) }));
+        }), children: _jsx("div", { className: "drill-dialog-insight-container-description-content", children: _jsx(RichText, { value: description, execConfig: execConfig, renderMode: "view", referencesEnabled: true, filters: widgetFilters, separators: separators, LoadingComponent: LoadingComponent }) }) }));
 }

package/esm/presentation/widget/insight/configuration/InsightDescriptionConfig/InsightDescription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InsightDescription.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightDescriptionConfig/InsightDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,OAAO,CAAC;AAK7E,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAWrE,UAAU,wBAAwB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,WAAW,EACX,cAAc,EACd,QAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACb,EAAE,wBAAwB,2CAmE1B"}
+{"version":3,"file":"InsightDescription.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/InsightDescriptionConfig/InsightDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAoC,MAAM,OAAO,CAAC;AAK7E,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAUrE,UAAU,wBAAwB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,WAAW,EACX,cAAc,EACd,QAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACb,EAAE,wBAAwB,2CAiE1B"}

package/esm/presentation/widget/insight/configuration/InsightDescriptionConfig/InsightDescription.js

@@ -4,8 +4,7 @@ import { useCallback, useEffect, useState } from "react";
 import cx from "classnames";
 import { useIntl } from "react-intl";
 import { RichTextWithTooltip } from "@gooddata/sdk-ui-kit";
-import { useDashboardSelector } from "../../../../../model/react/DashboardStoreProvider.js";
-import { selectExecutionTimestamp } from "../../../../../model/store/ui/uiSelectors.js";
+import { useDashboardExecConfig } from "../../../../../model/react/useWidgetExecConfig.js";
 const richTextTooltipAlignPoints = [
     { align: "bl tl", offset: { x: 4, y: 5 } },
     { align: "tl bl", offset: { x: 4, y: -5 } },
@@ -17,7 +16,7 @@ export function InsightDescription({ description, setDescription, readOnly = fal
     });
     const [isRichTextEditing, setIsRichTextEditing] = useState(false);
     const [richTextValue, setRichTextValue] = useState(description);
-    const executionTimestamp = useDashboardSelector(selectExecutionTimestamp);
+    const execConfig = useDashboardExecConfig();
     useEffect(() => {
         setRichTextValue(description);
     }, [description]);
@@ -36,7 +35,5 @@ export function InsightDescription({ description, setDescription, readOnly = fal
     const onRichTextChange = useCallback((value) => {
         setRichTextValue(value);
     }, []);
-    return (_jsx("label", { className: "gd-input", children: _jsx("div", { className: cx("gd-input-field gd-rich-text-insight-description", { disabled: readOnly }), onClick: onDescriptionClick, onBlur: onDescriptionBlur, children: _jsx(RichTextWithTooltip, { value: richTextValue, renderMode: isRichTextEditing ? "edit" : "view", onChange: onRichTextChange, editRows: 4, editPlaceholder: placeholder, emptyElement: readOnly ? undefined : (_jsx("div", { className: "gd-editable-label-richtext-empty", children: placeholder })), showTooltip: isRichTextEditing, tooltipAlignPoints: richTextTooltipAlignPoints, referencesEnabled: true, LoadingComponent: LoadingComponent, filters: insightFilters, separators: separators, execConfig: {
-                    timestamp: executionTimestamp,
-                } }) }) }));
+    return (_jsx("label", { className: "gd-input", children: _jsx("div", { className: cx("gd-input-field gd-rich-text-insight-description", { disabled: readOnly }), onClick: onDescriptionClick, onBlur: onDescriptionBlur, children: _jsx(RichTextWithTooltip, { value: richTextValue, renderMode: isRichTextEditing ? "edit" : "view", onChange: onRichTextChange, editRows: 4, editPlaceholder: placeholder, emptyElement: readOnly ? undefined : (_jsx("div", { className: "gd-editable-label-richtext-empty", children: placeholder })), showTooltip: isRichTextEditing, tooltipAlignPoints: richTextTooltipAlignPoints, referencesEnabled: true, LoadingComponent: LoadingComponent, filters: insightFilters, separators: separators, execConfig: execConfig }) }) }));
 }

package/esm/presentation/widget/richText/EditModeDashboardRichText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditModeDashboardRichText.d.ts","sourceRoot":"","sources":["../../../../src/presentation/widget/richText/EditModeDashboardRichText.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAK1D;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CAgHvG"}
+{"version":3,"file":"EditModeDashboardRichText.d.ts","sourceRoot":"","sources":["../../../../src/presentation/widget/richText/EditModeDashboardRichText.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAK1D;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA8GvG"}

package/esm/presentation/widget/richText/EditModeDashboardRichText.js

@@ -10,9 +10,9 @@ import { useRichTextWidgetFilters } from "../../../_staging/sharedHooks/useRichT
 import { eagerRemoveSectionItemByWidgetRef } from "../../../model/commands/layout.js";
 import { changeRichTextWidgetContent } from "../../../model/commands/richText.js";
 import { useDashboardDispatch, useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
+import { useDashboardExecConfig } from "../../../model/react/useWidgetExecConfig.js";
 import { useWidgetSelection } from "../../../model/react/useWidgetSelection.js";
 import { selectIsWhiteLabeled, selectSeparators } from "../../../model/store/config/configSelectors.js";
-import { selectExecutionTimestamp } from "../../../model/store/ui/uiSelectors.js";
 import { DASHBOARD_OVERLAYS_FILTER_Z_INDEX } from "../../../presentation/constants/zIndex.js";
 import { useDashboardComponentsContext } from "../../dashboardContexts/DashboardComponentsContext.js";
 import { useEditableRichTextMenu } from "./useEditableRichTextMenu.js";
@@ -25,7 +25,7 @@ export function EditModeDashboardRichText({ widget, clientWidth, clientHeight })
     const previousIsSelected = usePrevious(isSelected);
     const isWhiteLabeled = useDashboardSelector(selectIsWhiteLabeled);
     const intl = useIntl();
-    const executionTimestamp = useDashboardSelector(selectExecutionTimestamp);
+    const execConfig = useDashboardExecConfig();
     const { menuItems } = useEditableRichTextMenu({ closeMenu: closeConfigPanel, widget });
     const { filters } = useRichTextWidgetFilters(widget);
     const separators = useDashboardSelector(selectSeparators);
@@ -56,7 +56,5 @@ export function EditModeDashboardRichText({ widget, clientWidth, clientHeight })
         clientWidth > 250 &&
         typeof clientHeight !== "undefined" &&
         clientHeight > 150;
-    return (_jsxs(_Fragment, { children: [hasConfigPanelOpen ? (_jsx(RichTextMenuComponent, { widget: widget, isOpen: hasConfigPanelOpen, onClose: closeConfigPanel, items: menuItems })) : null, _jsx(RichText, { referencesEnabled: true, filters: filters, separators: separators, className: "gd-rich-text-widget", value: richText, onChange: setRichText, renderMode: isRichTextEditing ? "edit" : "view", emptyElement: EmptyElement, LoadingComponent: LoadingComponent, execConfig: {
-                    timestamp: executionTimestamp,
-                } }), isRichTextEditing && showLink ? (_jsx("div", { className: "gd-rich-text-widget-footer", children: _jsx("div", { className: "gd-rich-text-footer-options", children: showLink ? (_jsx("a", { className: "gd-button-link-dimmed gd-icon-circle-question", href: "https://www.gooddata.com/docs/cloud/create-dashboards/rich-text/", rel: "noopener noreferrer", target: "_blank", children: _jsx(FormattedMessage, { id: "richText.formattingOptions" }) })) : null }) })) : null, isConfirmDeleteDialogVisible ? (_jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(ConfirmDialog, { className: "s-rich-text-remove-confirm-dialog", onSubmit: () => dispatch(eagerRemoveSectionItemByWidgetRef(widget.ref)), onCancel: () => setIsConfirmDeleteDialogVisible(false), headline: intl.formatMessage({ id: "richText.deleteDialog.header" }), submitButtonText: intl.formatMessage({ id: "delete" }), cancelButtonText: intl.formatMessage({ id: "cancel" }), children: _jsx(FormattedMessage, { id: "richText.deleteDialog.message" }) }) })) : null] }));
+    return (_jsxs(_Fragment, { children: [hasConfigPanelOpen ? (_jsx(RichTextMenuComponent, { widget: widget, isOpen: hasConfigPanelOpen, onClose: closeConfigPanel, items: menuItems })) : null, _jsx(RichText, { referencesEnabled: true, filters: filters, separators: separators, className: "gd-rich-text-widget", value: richText, onChange: setRichText, renderMode: isRichTextEditing ? "edit" : "view", emptyElement: EmptyElement, LoadingComponent: LoadingComponent, execConfig: execConfig }), isRichTextEditing && showLink ? (_jsx("div", { className: "gd-rich-text-widget-footer", children: _jsx("div", { className: "gd-rich-text-footer-options", children: showLink ? (_jsx("a", { className: "gd-button-link-dimmed gd-icon-circle-question", href: "https://www.gooddata.com/docs/cloud/create-dashboards/rich-text/", rel: "noopener noreferrer", target: "_blank", children: _jsx(FormattedMessage, { id: "richText.formattingOptions" }) })) : null }) })) : null, isConfirmDeleteDialogVisible ? (_jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(ConfirmDialog, { className: "s-rich-text-remove-confirm-dialog", onSubmit: () => dispatch(eagerRemoveSectionItemByWidgetRef(widget.ref)), onCancel: () => setIsConfirmDeleteDialogVisible(false), headline: intl.formatMessage({ id: "richText.deleteDialog.header" }), submitButtonText: intl.formatMessage({ id: "delete" }), cancelButtonText: intl.formatMessage({ id: "cancel" }), children: _jsx(FormattedMessage, { id: "richText.deleteDialog.message" }) }) })) : null] }));
 }

package/esm/presentation/widget/richText/ViewModeDashboardRichText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewModeDashboardRichText.d.ts","sourceRoot":"","sources":["../../../../src/presentation/widget/richText/ViewModeDashboardRichText.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,MAAM,EACN,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACV,EAAE,uBAAuB,2CAwDzB"}
+{"version":3,"file":"ViewModeDashboardRichText.d.ts","sourceRoot":"","sources":["../../../../src/presentation/widget/richText/ViewModeDashboardRichText.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,MAAM,EACN,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACV,EAAE,uBAAuB,2CAsDzB"}

package/esm/presentation/widget/richText/ViewModeDashboardRichText.js

@@ -4,11 +4,11 @@ import { useIntl } from "react-intl";
 import { RichText } from "@gooddata/sdk-ui-kit";
 import { useRichTextWidgetFilters } from "../../../_staging/sharedHooks/useRichTextFilters.js";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
+import { useDashboardExecConfig } from "../../../model/react/useWidgetExecConfig.js";
 import { selectSeparators } from "../../../model/store/config/configSelectors.js";
 import { DASHBOARD_SUMMARY_MACRO } from "../../../model/store/dashboardSummaryWorkflow/constants.js";
 import { selectCurrentDashboardSummaryWorkflowStatus } from "../../../model/store/dashboardSummaryWorkflow/dashboardSummaryWorkflowSelectors.js";
 import { selectCurrentDashboardSummary } from "../../../model/store/listedDashboards/listedDashboardsSummarySelectors.js";
-import { selectExecutionTimestamp } from "../../../model/store/ui/uiSelectors.js";
 import { useDashboardComponentsContext } from "../../dashboardContexts/DashboardComponentsContext.js";
 /**
  * @internal
@@ -43,11 +43,9 @@ export function ViewModeDashboardRichText({ widget, richTextExportData, onLoadin
     })();
     const raw = widget?.content ?? "";
     const value = raw.split(DASHBOARD_SUMMARY_MACRO).join(summaryWorkflowReplaceString);
-    const executionTimestamp = useDashboardSelector(selectExecutionTimestamp);
+    const execConfig = useDashboardExecConfig();
     return (_jsx(RichText, { referencesEnabled: true, className: "gd-rich-text-widget", value: value, filters: filters, separators: separators, renderMode: "view", rawContent: {
             show: !!richTextExportData,
             dataAttributes: richTextExportData?.markdown,
-        }, execConfig: {
-            timestamp: executionTimestamp,
-        }, onLoadingChanged: onLoadingChanged, onError: onError, LoadingComponent: LoadingComponent }));
+        }, execConfig: execConfig, onLoadingChanged: onLoadingChanged, onError: onError, LoadingComponent: LoadingComponent }));
 }