@gooddata/sdk-ui-dashboard 11.52.0 → 11.53.0-alpha.1

package/esm/presentation/topBar/buttonBar/button/saveButton/DefaultSaveButton.js

@@ -7,6 +7,7 @@ import { messages } from "../../../../../locales.js";
 import { saveDashboard } from "../../../../../model/commands/dashboard.js";
 import { useDashboardDispatch, useDashboardSelector, } from "../../../../../model/react/DashboardStoreProvider.js";
 import { dispatchAndWaitFor } from "../../../../../model/store/_infra/dispatchAndWaitFor.js";
+import { selectIsAiGenerating } from "../../../../../model/store/config/configSelectors.js";
 import { selectIsDashboardDirty } from "../../../../../model/store/meta/metaSelectors.js";
 import { selectIsInEditMode } from "../../../../../model/store/renderMode/renderModeSelectors.js";
 import { selectIsDashboardSaving } from "../../../../../model/store/saving/savingSelectors.js";
@@ -34,6 +35,7 @@ export function useSaveButtonProps() {
         });
     }, [dispatch]);
     const isEditing = useDashboardSelector(selectIsInEditMode);
+    const isAiGenerating = useDashboardSelector(selectIsAiGenerating);
     const isSavingDashboard = useDashboardSelector(selectIsDashboardSaving);
     const isPrivateDashboard = useDashboardSelector(selectIsPrivateDashboard);
     const isEmptyDashboard = !useDashboardSelector(selectLayoutHasAnalyticalWidgets); // we need at least one non-custom widget there
@@ -41,7 +43,7 @@ export function useSaveButtonProps() {
     const isDashboardDirty = useDashboardSelector(selectIsDashboardDirty);
     const isSaving = isSavingDashboard || optimisticIsSaving;
     const isVisible = isEditing;
-    const isEnabled = isDashboardDirty && !isEmptyDashboard && canSaveDashboard;
+    const isEnabled = isDashboardDirty && !isEmptyDashboard && canSaveDashboard && !isAiGenerating;
     let buttonTitle = messages.controlButtonsSaveAndPublishTitle;
     if (isPrivateDashboard) {
         buttonTitle = messages.controlButtonsSaveAsPrivateTitle;

package/esm/presentation/topBar/buttonBar/button/settingButton/DefaultSettingButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultSettingButton.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/topBar/buttonBar/button/settingButton/DefaultSettingButton.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,mBAAmB,CAsB3D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,cAAc,EACjB,EAAE,mBAAmB,kDAuBrB"}
+{"version":3,"file":"DefaultSettingButton.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/topBar/buttonBar/button/settingButton/DefaultSettingButton.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,mBAAmB,CAuB3D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,cAAc,EACjB,EAAE,mBAAmB,kDAuBrB"}

package/esm/presentation/topBar/buttonBar/button/settingButton/DefaultSettingButton.js

@@ -5,6 +5,7 @@ import { FormattedMessage, useIntl } from "react-intl";
 import { UiIconButton, UiTooltip, useMediaQuery } from "@gooddata/sdk-ui-kit";
 import { messages } from "../../../../../locales.js";
 import { useDashboardDispatch, useDashboardSelector, } from "../../../../../model/react/DashboardStoreProvider.js";
+import { selectIsAiGenerating } from "../../../../../model/store/config/configSelectors.js";
 import { selectIsInEditMode } from "../../../../../model/store/renderMode/renderModeSelectors.js";
 import { selectIsDashboardSaving } from "../../../../../model/store/saving/savingSelectors.js";
 import { uiActions } from "../../../../../model/store/ui/index.js";
@@ -17,8 +18,9 @@ export function useSettingButtonProps() {
     const onSettingClick = useCallback(() => dispatch(uiActions.openSettingsDialog()), [dispatch]);
     const isEditing = useDashboardSelector(selectIsInEditMode);
     const isSaving = useDashboardSelector(selectIsDashboardSaving);
+    const isAiGenerating = useDashboardSelector(selectIsAiGenerating);
     const isVisible = isEditing && !isSmall;
-    const isEnabled = true;
+    const isEnabled = !isAiGenerating;
     const buttonValue = messages.controlButtonsSettingValue;
     const buttonTitle = messages.controlButtonsSettingTitle;
     return {

package/esm/presentation/topBar/buttonBar/button/shareButton/DefaultShareButton.d.ts

@@ -7,5 +7,5 @@ export declare function useShareButtonProps(): IShareButtonProps;
 /**
  * @alpha
  */
-export declare function DefaultShareButton({ isVisible, onShareButtonClick }: IShareButtonProps): ReactElement | null;
+export declare function DefaultShareButton({ isVisible, isEnabled, onShareButtonClick }: IShareButtonProps): ReactElement | null;
 //# sourceMappingURL=DefaultShareButton.d.ts.map

package/esm/presentation/topBar/buttonBar/button/shareButton/DefaultShareButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultShareButton.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/topBar/buttonBar/button/shareButton/DefaultShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,OAAO,CAAC;AAgBvD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CASvD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,SAAS,EACT,kBAAkB,EACrB,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAiCzC"}
+{"version":3,"file":"DefaultShareButton.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/topBar/buttonBar/button/shareButton/DefaultShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,OAAO,CAAC;AAiBvD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CAWvD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,SAAS,EACT,SAAS,EACT,kBAAkB,EACrB,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAkCzC"}

package/esm/presentation/topBar/buttonBar/button/shareButton/DefaultShareButton.js

@@ -5,6 +5,7 @@ import cx from "classnames";
 import { useIntl } from "react-intl";
 import { Button, UiTooltip } from "@gooddata/sdk-ui-kit";
 import { useDashboardDispatch, useDashboardSelector, } from "../../../../../model/react/DashboardStoreProvider.js";
+import { selectIsAiGenerating } from "../../../../../model/store/config/configSelectors.js";
 import { selectIsShareButtonVisible } from "../../../../../model/store/topBar/topBarSelectors.js";
 import { uiActions } from "../../../../../model/store/ui/index.js";
 import { selectDashboardDensity } from "../../../../../model/store/ui/uiSelectors.js";
@@ -16,22 +17,24 @@ export function useShareButtonProps() {
     const dispatch = useDashboardDispatch();
     const onShareButtonClick = useCallback(() => dispatch(uiActions.openShareDialog()), [dispatch]);
     const isVisible = useDashboardSelector(selectIsShareButtonVisible);
+    const isAiGenerating = useDashboardSelector(selectIsAiGenerating);
     return {
         isVisible,
+        isEnabled: !isAiGenerating,
         onShareButtonClick,
     };
 }
 /**
  * @alpha
  */
-export function DefaultShareButton({ isVisible, onShareButtonClick, }) {
+export function DefaultShareButton({ isVisible, isEnabled, onShareButtonClick, }) {
     const density = useDashboardSelector(selectDashboardDensity);
     const intl = useIntl();
     const tooltipText = intl.formatMessage({ id: "share.button.tooltip" });
     if (!isVisible) {
         return _jsx(HiddenShareButton, {});
     }
-    return (_jsx(UiTooltip, { arrowPlacement: "top-end", content: tooltipText, anchor: _jsx(Button, { onClick: () => onShareButtonClick(), value: intl.formatMessage({ id: "share.button.text" }), className: cx("gd-button-secondary dash-header-share-button s-header-share-button gd-button gd-icon-users", {
+    return (_jsx(UiTooltip, { arrowPlacement: "top-end", content: tooltipText, anchor: _jsx(Button, { onClick: () => onShareButtonClick(), value: intl.formatMessage({ id: "share.button.text" }), disabled: !isEnabled, className: cx("gd-button-secondary dash-header-share-button s-header-share-button gd-button gd-icon-users", {
                 "gd-button-small": density === "compact",
             }), accessibilityConfig: {
                 ariaLabel: tooltipText,

package/esm/presentation/topBar/buttonBar/button/shareButton/types.d.ts

@@ -4,6 +4,7 @@ import { type ComponentType } from "react";
  */
 export interface IShareButtonProps {
     isVisible: boolean;
+    isEnabled: boolean;
     onShareButtonClick: () => void;
 }
 /**

package/esm/presentation/topBar/buttonBar/button/shareButton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/topBar/buttonBar/button/shareButton/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/topBar/buttonBar/button/shareButton/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC"}

package/esm/presentation/topBar/buttonBar/button/shareButton/types.js

@@ -1 +1,2 @@
+// (C) 2021-2026 GoodData Corporation
 export {};

package/esm/presentation/topBar/menuButton/DefaultMenuButton.d.ts

@@ -3,5 +3,5 @@ import { type IMenuButtonProps } from "./types.js";
 /**
  * @alpha
  */
-export declare function DefaultMenuButton({ menuItems }: IMenuButtonProps): ReactElement | null;
+export declare function DefaultMenuButton({ menuItems, isEnabled }: IMenuButtonProps): ReactElement | null;
 //# sourceMappingURL=DefaultMenuButton.d.ts.map

package/esm/presentation/topBar/menuButton/DefaultMenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/presentation/topBar/menuButton/DefaultMenuButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,YAAY,EAOpB,MAAM,OAAO,CAAC;AA4Bf,OAAO,EAIH,KAAK,gBAAgB,EACxB,MAAM,YAAY,CAAC;AAIpB;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CA+NtF"}
+{"version":3,"file":"DefaultMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/presentation/topBar/menuButton/DefaultMenuButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,YAAY,EAOpB,MAAM,OAAO,CAAC;AA4Bf,OAAO,EAIH,KAAK,gBAAgB,EACxB,MAAM,YAAY,CAAC;AAIpB;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,SAAgB,EAAE,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAsOxG"}

package/esm/presentation/topBar/menuButton/DefaultMenuButton.js

@@ -12,7 +12,7 @@ const overlayAlignPoints = [{ align: "br tr" }];
 /**
  * @alpha
  */
-export function DefaultMenuButton({ menuItems }) {
+export function DefaultMenuButton({ menuItems, isEnabled = true }) {
     const [isOpen, setIsOpen] = useState(false);
     const [autofocusSubmenu, setAutofocusSubmenu] = useState(false);
     const intl = useIntl();
@@ -127,6 +127,11 @@ export function DefaultMenuButton({ menuItems }) {
             setParentItemId(null);
         }
     }, [selectedMenuItem, parentItemId, menuItemRefs, autofocusSubmenu]);
+    useEffect(() => {
+        if (!isEnabled && isOpen) {
+            onClose();
+        }
+    }, [isEnabled, isOpen, onClose]);
     if (!visibleMenuItems.length) {
         return null;
     }
@@ -140,7 +145,7 @@ export function DefaultMenuButton({ menuItems }) {
                         ] }) }) }) }, "topBarMenuButton"));
     };
     return (_jsxs(_Fragment, { children: [
-            _jsx("div", { className: cx("dash-header-options-button", dropdownAnchorClassName), children: _jsx(UiTooltip, { arrowPlacement: "top-end", content: tooltipText, anchor: _jsx(UiIconButton, { ref: triggerButtonRef, onClick: onMenuButtonClick, icon: "ellipsis", id: DEFAULT_MENU_BUTTON_ID, dataTestId: "s-header-options-button", variant: smallScreen ? "tertiary" : "secondary", size: smallScreen ? "xlarge" : density === "compact" ? "small" : "medium", accessibilityConfig: {
+            _jsx("div", { className: cx("dash-header-options-button", dropdownAnchorClassName), children: _jsx(UiTooltip, { arrowPlacement: "top-end", content: tooltipText, anchor: _jsx(UiIconButton, { ref: triggerButtonRef, onClick: onMenuButtonClick, icon: "ellipsis", id: DEFAULT_MENU_BUTTON_ID, dataTestId: "s-header-options-button", variant: smallScreen ? "tertiary" : "secondary", size: smallScreen ? "xlarge" : density === "compact" ? "small" : "medium", isDisabled: !isEnabled, accessibilityConfig: {
                             role: "button",
                             ariaLabel: tooltipText,
                             ariaExpanded: isOpen,

package/esm/presentation/topBar/menuButton/types.d.ts

@@ -70,6 +70,10 @@ export interface IMenuButtonProps {
      * Items that will be in the menu.
      */
     menuItems: ReadonlyArray<IMenuButtonItem>;
+    /**
+     * Indicates if the menu button is enabled.
+     */
+    isEnabled?: boolean;
     DefaultMenuButton: CustomMenuButtonComponent;
 }
 /**

package/esm/presentation/topBar/menuButton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/presentation/topBar/menuButton/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE;QACH,qBAAqB,GAAG,wBAAwB,GAAG,qBAAqB;QACxE,GAAG,CAAC,qBAAqB,GAAG,wBAAwB,GAAG,qBAAqB,CAAC,EAAE;KAClF,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IAClE,IAAI,EAAE,WAAW,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GACrB,qBAAqB,GACrB,wBAAwB,GACxB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAE1C,iBAAiB,EAAE,yBAAyB,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAE3C;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;CAClE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/presentation/topBar/menuButton/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE;QACH,qBAAqB,GAAG,wBAAwB,GAAG,qBAAqB;QACxE,GAAG,CAAC,qBAAqB,GAAG,wBAAwB,GAAG,qBAAqB,CAAC,EAAE;KAClF,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IAClE,IAAI,EAAE,WAAW,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GACrB,qBAAqB,GACrB,wBAAwB,GACxB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,iBAAiB,EAAE,yBAAyB,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAE3C;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;CAClE"}

package/esm/presentation/widget/common/configuration/DateDatasetDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateDatasetDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/common/configuration/DateDatasetDropdown.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAkB,MAAM,qBAAqB,CAAC;AAwE5F,MAAM,WAAW,yBAAyB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACpD,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,oBAAoB,CAAC,EAAE,mBAAmB,CAAC;IAC3C,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;IAC5C,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,qBAAqB,EAAE,SAAS,mBAAmB,EAAE,GAAG,SAAS,CAAC;CACrE;AAOD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,2CAiLnE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,OAAO;;;EAiB9C"}
+{"version":3,"file":"DateDatasetDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/common/configuration/DateDatasetDropdown.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAkB,MAAM,qBAAqB,CAAC;AAsF5F,MAAM,WAAW,yBAAyB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACpD,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,oBAAoB,CAAC,EAAE,mBAAmB,CAAC;IAC3C,qBAAqB,CAAC,EAAE,mBAAmB,CAAC;IAC5C,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,qBAAqB,EAAE,SAAS,mBAAmB,EAAE,GAAG,SAAS,CAAC;CACrE;AAOD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,2CAqOnE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,OAAO;;;EAiB9C"}

package/esm/presentation/widget/common/configuration/DateDatasetDropdown.js

@@ -1,38 +1,67 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2007-2026 GoodData Corporation
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import cx from "classnames";
+import { debounce } from "lodash-es";
 import { FormattedMessage, defineMessage, defineMessages, useIntl } from "react-intl";
 import { objRefToString } from "@gooddata/sdk-model";
-import { Button, Dropdown, DropdownButton, DropdownList, ScrollableItem, ShortenedText, isDateDatasetHeader, } from "@gooddata/sdk-ui-kit";
-import { simplifyText } from "@gooddata/util";
-import { getDateConfigurationDropdownHeight, getSortedDateDatasetsItems, removeDateFromTitle, } from "./utils.js";
+import { Button, DATE_DATASET_LIST_ITEM_CLASSNAME, DateDatasetsListItem, Dropdown, DropdownButton, DropdownList, ScrollableItem, isDateDatasetHeader, } from "@gooddata/sdk-ui-kit";
+import { getDateConfigurationDropdownHeight, getDateDatasetDropdownWidth, getSortedDateDatasetsItems, removeDateFromTitle, } from "./utils.js";
 const DEFAULT_HYPHEN_CHAR = "-";
-const alignPoints = [{ align: "bl tl" }, { align: "tl bl" }];
-const tooltipAlignPoints = [
-    { align: "cl cr", offset: { x: -10, y: 0 } },
-    { align: "cr cl", offset: { x: 10, y: 0 } },
+const alignPoints = [
+    { align: "bl tl" },
+    { align: "tl bl" },
+    { align: "br tr" },
+    { align: "tr br" },
 ];
 const DROPDOWN_MIN_HEIGHT = 170;
 const DEFAULT_DROPDOWN_ITEM_HEIGHT = 28;
-// work around the evil DateDatasetsListItem from kit that magically translates SOME of the items' titles
-// this way the i18n actually has a chance to detect these
+const EVENT_DEBOUNCE_MILLISECONDS = 60;
+function measureScrollbarWidth() {
+    const probe = document.createElement("div");
+    probe.className = "s-date-dataset-scrollbar-probe";
+    probe.style.position = "absolute";
+    probe.style.top = "-9999px";
+    probe.style.left = "-9999px";
+    probe.style.width = "100px";
+    probe.style.height = "100px";
+    probe.style.overflow = "scroll";
+    document.body.appendChild(probe);
+    const scrollbarWidth = probe.offsetWidth - probe.clientWidth;
+    document.body.removeChild(probe);
+    return scrollbarWidth;
+}
+function measureLongestItemWidth(titles) {
+    if (titles.length === 0) {
+        return 0;
+    }
+    const probe = document.createElement("div");
+    probe.className = `${DATE_DATASET_LIST_ITEM_CLASSNAME} is-selected s-date-dataset-width-probe`;
+    probe.style.position = "absolute";
+    probe.style.visibility = "hidden";
+    probe.style.whiteSpace = "nowrap";
+    probe.style.top = "-9999px";
+    probe.style.left = "-9999px";
+    const text = document.createElement("span");
+    text.className = "shortened is-whole";
+    probe.appendChild(text);
+    document.body.appendChild(probe);
+    let maxWidth = 0;
+    for (const title of titles) {
+        text.textContent = title;
+        maxWidth = Math.max(maxWidth, probe.getBoundingClientRect().width);
+    }
+    document.body.removeChild(probe);
+    return Math.ceil(maxWidth);
+}
+// pre-translate header titles before handing them to the kit's DateDatasetsListItem,
+// which renders whatever title it's given as-is (see DateDatasetsDropdown.tsx in AD for the same pattern)
 const dateDatasetHeaderMessages = defineMessages({
     "gs.date.date-dataset.recommended": { id: "gs.date.date-dataset.recommended" },
     "gs.date.date-dataset.other": { id: "gs.date.date-dataset.other" },
     "gs.date.date-dataset.related": { id: "gs.date.date-dataset.related" },
     "gs.date.date-dataset.unrelated": { id: "gs.date.date-dataset.unrelated" },
 });
-function DateDatasetsListItem({ id, title = "", isHeader, isSelected, isUnrelated, onClick, }) {
-    if (isHeader) {
-        return _jsx("div", { className: "gd-list-item gd-list-item-header", children: title });
-    }
-    const classNames = cx("gd-list-item", "gd-list-item-shortened", `s-${id}`, `s-${simplifyText(title)}`, {
-        "is-selected": isSelected,
-        "is-unrelated": isUnrelated,
-    });
-    return (_jsx("div", { className: classNames, onClick: onClick, children: _jsx(ShortenedText, { tooltipAlignPoints: tooltipAlignPoints, ellipsisPosition: "end", children: title }) }));
-}
 export function DateDatasetDropdown(props) {
     const { className = "s-date-dataset-switch", isLoading = false, autoOpen = false, onDateDatasetChange, activeDateDataset, unrelatedDateDataset, dateFromVisualization, relatedDateDatasets, widgetRef, enableUnrelatedItemsVisibility, unrelatedDateDatasets, } = props;
     const intl = useIntl();
@@ -51,7 +80,14 @@ export function DateDatasetDropdown(props) {
     if (dateFromVisualization) {
         recommendedDateDataSet = relatedDateDatasets.find((d) => d.dataSet.uri === dateFromVisualization.dataSet.uri);
     }
-    const sortedItems = getSortedDateDatasetsItems(relatedDateDatasets, recommendedDateDataSet, unrelatedDateDataset, unrelatedDateDatasets, enableUnrelatedItemsVisibility && showUnavailableItems);
+    const sortedItems = useMemo(() => getSortedDateDatasetsItems(relatedDateDatasets, recommendedDateDataSet, unrelatedDateDataset, unrelatedDateDatasets, enableUnrelatedItemsVisibility && showUnavailableItems), [
+        relatedDateDatasets,
+        recommendedDateDataSet,
+        unrelatedDateDataset,
+        unrelatedDateDatasets,
+        enableUnrelatedItemsVisibility,
+        showUnavailableItems,
+    ]);
     const unrelatedDateDatasetCount = (unrelatedDateDatasets?.length ?? 0) - (unrelatedDateDataset ? 1 : 0);
     const buttonRef = useRef(null);
     const [{ height, width }, setDropdownDimensions] = useState({
@@ -59,12 +95,42 @@ export function DateDatasetDropdown(props) {
         height: DROPDOWN_MIN_HEIGHT,
     });
     const dropdownBodyHeight = (sortedItems?.length || 0) * DEFAULT_DROPDOWN_ITEM_HEIGHT;
-    useEffect(() => {
-        const buttonRect = buttonRef?.current?.getBoundingClientRect();
-        const calculatedWidth = buttonRect?.width ?? 0;
+    const measuredContentWidthRef = useRef(0);
+    const scrollbarWidthRef = useRef(null);
+    // Cheap: only reads the button's current position/size plus the content width already
+    // measured below, so it's safe to run on every debounced resize/scroll. The scrollbar
+    // width is measured lazily, on first actual need, and cached — never during render, so
+    // this stays safe for SSR/non-DOM environments.
+    const recalculateDimensions = useCallback(() => {
+        const buttonRect = buttonRef.current?.getBoundingClientRect();
         const calculatedHeight = getDateConfigurationDropdownHeight(buttonRect?.top ?? 0, buttonRect?.height ?? 0, dropdownBodyHeight, !unrelatedDateDatasets?.length);
+        let contentWidth = measuredContentWidthRef.current;
+        if (dropdownBodyHeight > calculatedHeight) {
+            scrollbarWidthRef.current ??= measureScrollbarWidth();
+            contentWidth += scrollbarWidthRef.current;
+        }
+        const calculatedWidth = getDateDatasetDropdownWidth(buttonRect?.width ?? 0, contentWidth, buttonRect?.left ?? 0, buttonRect?.right ?? 0);
         setDropdownDimensions({ width: calculatedWidth, height: calculatedHeight });
-    }, [dropdownBodyHeight, unrelatedDateDatasets, buttonRef]);
+    }, [dropdownBodyHeight, unrelatedDateDatasets]);
+    // Expensive: builds a DOM probe and measures every title, so it only re-runs when the
+    // actual item list changes, not on every resize/scroll.
+    useLayoutEffect(() => {
+        const titles = sortedItems.map((item) => isDateDatasetHeader(item)
+            ? intl.formatMessage(dateDatasetHeaderMessages[item.title])
+            : removeDateFromTitle(item.title));
+        measuredContentWidthRef.current = measureLongestItemWidth(titles);
+        recalculateDimensions();
+    }, [sortedItems, intl, recalculateDimensions]);
+    useEffect(() => {
+        const debouncedRecalculate = debounce(recalculateDimensions, EVENT_DEBOUNCE_MILLISECONDS);
+        window.addEventListener("resize", debouncedRecalculate);
+        window.addEventListener("scroll", debouncedRecalculate, true);
+        return () => {
+            debouncedRecalculate.cancel();
+            window.removeEventListener("resize", debouncedRecalculate);
+            window.removeEventListener("scroll", debouncedRecalculate, true);
+        };
+    }, [recalculateDimensions]);
     const onShowHideUnrelatedItemsClick = () => {
         setShowUnavailableItems(!showUnavailableItems);
     };
@@ -72,13 +138,13 @@ export function DateDatasetDropdown(props) {
         if (isLoading) {
             return null;
         }
-        return (_jsxs("div", { style: { width }, children: [_jsx(DropdownList, { className: "configuration-dropdown dataSets-list", height: height, width: width, items: sortedItems, itemsCount: sortedItems.length, renderItem: ({ item }) => {
+        return (_jsxs("div", { style: { width }, children: [_jsx(DropdownList, { className: "configuration-dropdown dataSets-list", height: height, width: width, items: sortedItems, itemsCount: sortedItems.length, renderItem: ({ item, width: itemWidth }) => {
                         const isHeader = isDateDatasetHeader(item);
                         const isSelected = !isDateDatasetHeader(item) && activeDateDataSetId === item.id;
                         const isUnrelated = !isDateDatasetHeader(item) && unrelatedDateDataSetId === item.id;
                         return (_jsx(DateDatasetsListItem, { title: isHeader
                                 ? intl.formatMessage(dateDatasetHeaderMessages[item.title])
-                                : removeDateFromTitle(item.title), isHeader: isHeader, isSelected: isSelected, isUnrelated: isUnrelated, onClick: (e) => {
+                                : removeDateFromTitle(item.title), isHeader: isHeader, isSelected: isSelected, isUnrelated: isUnrelated, width: itemWidth, onClick: (e) => {
                                 e.preventDefault();
                                 if (isDateDatasetHeader(item)) {
                                     return;

package/esm/presentation/widget/common/configuration/utils.d.ts

@@ -1,10 +1,13 @@
 import { type IAttributeMetadataObject, type ICatalogDateDataset, type IInsightDefinition, type ObjRef } from "@gooddata/sdk-model";
 import { type IDateDataset, type IDateDatasetHeader } from "@gooddata/sdk-ui-kit";
+export declare const PADDING = 10;
+export declare const MAX_DATE_DATASET_DROPDOWN_WIDTH = 350;
 export declare function getUnrelatedDateDataset(relatedDateDataSets: readonly ICatalogDateDataset[], selectedDateDataSet: ICatalogDateDataset | undefined, selectedDateDataSetHidden: boolean | undefined): ICatalogDateDataset | undefined;
 export declare function getDateOptionsDisabledForInsight(insight: IInsightDefinition): boolean;
 export declare function removeDateFromTitle(title: string): string;
 export declare function getAttributeByDisplayForm(attributes: IAttributeMetadataObject[], displayForm: ObjRef): IAttributeMetadataObject | undefined;
 export declare function getUnrelatedDateDatasets(allDateDataSets: readonly ICatalogDateDataset[], relatedDateDataSets?: readonly ICatalogDateDataset[]): readonly ICatalogDateDataset[];
 export declare function getDateConfigurationDropdownHeight(dropdownButtonTop: number, dropdownButtonHeight: number, dropdownBodyHeight: number, hasFooter?: boolean): number;
+export declare function getDateDatasetDropdownWidth(minWidth: number, contentWidth: number, buttonLeft: number, buttonRight: number, windowObj?: Pick<Window, "innerWidth">): number;
 export declare function getSortedDateDatasetsItems(relatedDateDatasets: readonly ICatalogDateDataset[], recommendedDateDataSet: ICatalogDateDataset | undefined, unrelatedDateDataset: ICatalogDateDataset | undefined, unrelatedDateDatasets: readonly ICatalogDateDataset[] | undefined, shouldDisplayUnrelatedDatasets?: boolean): (IDateDataset | IDateDatasetHeader)[];
 //# sourceMappingURL=utils.d.ts.map

package/esm/presentation/widget/common/configuration/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/common/configuration/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EAEvB,KAAK,MAAM,EAMd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,KAAK,YAAY,EACjB,KAAK,kBAAkB,EAG1B,MAAM,sBAAsB,CAAC;AAO9B,wBAAgB,uBAAuB,CACnC,mBAAmB,EAAE,SAAS,mBAAmB,EAAE,EACnD,mBAAmB,EAAE,mBAAmB,GAAG,SAAS,EACpD,yBAAyB,EAAE,OAAO,GAAG,SAAS,GAC/C,mBAAmB,GAAG,SAAS,CAQjC;AAUD,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAGrF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEzD;AAED,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,wBAAwB,EAAE,EAAE,WAAW,EAAE,MAAM,wCAEpG;AAED,wBAAgB,wBAAwB,CACpC,eAAe,EAAE,SAAS,mBAAmB,EAAE,EAC/C,mBAAmB,CAAC,EAAE,SAAS,mBAAmB,EAAE,GACrD,SAAS,mBAAmB,EAAE,CAUhC;AAED,wBAAgB,kCAAkC,CAC9C,iBAAiB,EAAE,MAAM,EACzB,oBAAoB,EAAE,MAAM,EAC5B,kBAAkB,EAAE,MAAM,EAC1B,SAAS,UAAQ,UASpB;AAUD,wBAAgB,0BAA0B,CACtC,mBAAmB,EAAE,SAAS,mBAAmB,EAAE,EACnD,sBAAsB,EAAE,mBAAmB,GAAG,SAAS,EACvD,oBAAoB,EAAE,mBAAmB,GAAG,SAAS,EACrD,qBAAqB,EAAE,SAAS,mBAAmB,EAAE,GAAG,SAAS,EACjE,8BAA8B,UAAQ,GACvC,CAAC,YAAY,GAAG,kBAAkB,CAAC,EAAE,CAqBvC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/common/configuration/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EAEvB,KAAK,MAAM,EAMd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,KAAK,YAAY,EACjB,KAAK,kBAAkB,EAG1B,MAAM,sBAAsB,CAAC;AAI9B,eAAO,MAAM,OAAO,KAAK,CAAC;AAG1B,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAEnD,wBAAgB,uBAAuB,CACnC,mBAAmB,EAAE,SAAS,mBAAmB,EAAE,EACnD,mBAAmB,EAAE,mBAAmB,GAAG,SAAS,EACpD,yBAAyB,EAAE,OAAO,GAAG,SAAS,GAC/C,mBAAmB,GAAG,SAAS,CAQjC;AAUD,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAGrF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEzD;AAED,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,wBAAwB,EAAE,EAAE,WAAW,EAAE,MAAM,wCAEpG;AAED,wBAAgB,wBAAwB,CACpC,eAAe,EAAE,SAAS,mBAAmB,EAAE,EAC/C,mBAAmB,CAAC,EAAE,SAAS,mBAAmB,EAAE,GACrD,SAAS,mBAAmB,EAAE,CAUhC;AAED,wBAAgB,kCAAkC,CAC9C,iBAAiB,EAAE,MAAM,EACzB,oBAAoB,EAAE,MAAM,EAC5B,kBAAkB,EAAE,MAAM,EAC1B,SAAS,UAAQ,UASpB;AAED,wBAAgB,2BAA2B,CACvC,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,SAAS,GAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAU,GAC/C,MAAM,CAWR;AAUD,wBAAgB,0BAA0B,CACtC,mBAAmB,EAAE,SAAS,mBAAmB,EAAE,EACnD,sBAAsB,EAAE,mBAAmB,GAAG,SAAS,EACvD,oBAAoB,EAAE,mBAAmB,GAAG,SAAS,EACrD,qBAAqB,EAAE,SAAS,mBAAmB,EAAE,GAAG,SAAS,EACjE,8BAA8B,UAAQ,GACvC,CAAC,YAAY,GAAG,kBAAkB,CAAC,EAAE,CAqBvC"}

package/esm/presentation/widget/common/configuration/utils.js

@@ -1,11 +1,12 @@
-// (C) 2022-2025 GoodData Corporation
+// (C) 2022-2026 GoodData Corporation
 import { isEmpty } from "lodash-es";
 import { areObjRefsEqual, insightMeasures, isDateFilter, isSimpleMeasure, measureFilters, } from "@gooddata/sdk-model";
 import { sortDateDatasets, unrelatedHeader, } from "@gooddata/sdk-ui-kit";
 const DATE_DROPDOWN_BODY_MARGIN = 6;
 const UNRELATED_HEIGHT = 37;
-const PADDING = 10;
+export const PADDING = 10;
 const DROPDOWN_MAX_HEIGHT = 400;
+export const MAX_DATE_DATASET_DROPDOWN_WIDTH = 350;
 export function getUnrelatedDateDataset(relatedDateDataSets, selectedDateDataSet, selectedDateDataSetHidden) {
     if (!selectedDateDataSet || selectedDateDataSetHidden) {
         return undefined;
@@ -44,6 +45,17 @@ export function getDateConfigurationDropdownHeight(dropdownButtonTop, dropdownBu
     const maxHeight = Math.max(nodeAboveHeight, nodeBelowHeight);
     return Math.min(dropdownBodyHeight, maxHeight, DROPDOWN_MAX_HEIGHT);
 }
+export function getDateDatasetDropdownWidth(minWidth, contentWidth, buttonLeft, buttonRight, windowObj = window) {
+    const isButtonLeftOnScreen = buttonLeft >= 0 && buttonLeft <= windowObj.innerWidth;
+    const isButtonRightOnScreen = buttonRight >= 0 && buttonRight <= windowObj.innerWidth;
+    const availableToTheRight = isButtonLeftOnScreen
+        ? Math.max(0, windowObj.innerWidth - buttonLeft - PADDING)
+        : 0;
+    const availableToTheLeft = isButtonRightOnScreen ? Math.max(0, buttonRight - PADDING) : 0;
+    const viewportLimit = Math.max(availableToTheRight, availableToTheLeft);
+    const maxWidth = Math.max(minWidth, Math.min(MAX_DATE_DATASET_DROPDOWN_WIDTH, viewportLimit));
+    return Math.min(Math.max(minWidth, contentWidth), maxWidth);
+}
 function catalogDateDatasetToDateDataset(ds) {
     return {
         id: ds.dataSet.id,