@gooddata/sdk-ui-dashboard 11.43.0-alpha.4 → 11.43.0-alpha.5

package/esm/__version.d.ts

@@ -1,4 +1,4 @@
-export declare const LIB_VERSION = "11.43.0-alpha.4";
+export declare const LIB_VERSION = "11.43.0-alpha.5";
 export declare const LIB_DESCRIPTION = "GoodData SDK - Dashboard Component";
 export declare const LIB_NAME = "@gooddata/sdk-ui-dashboard";
 //# sourceMappingURL=__version.d.ts.map

package/esm/__version.js

@@ -1,5 +1,5 @@
 // (C) 2021 GoodData Corporation
 // DO NOT CHANGE THIS FILE, IT IS RE-GENERATED ON EVERY BUILD
-export const LIB_VERSION = "11.43.0-alpha.4";
+export const LIB_VERSION = "11.43.0-alpha.5";
 export const LIB_DESCRIPTION = "GoodData SDK - Dashboard Component";
 export const LIB_NAME = "@gooddata/sdk-ui-dashboard";

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.d.ts

@@ -1,10 +1,11 @@
 import { type ReactElement, type ReactNode } from "react";
 /**
- * Internal presentational wrapper that holds the dashboard sidebar drag-to-resize state.
+ * Internal presentational wrapper that drives the dashboard sidebar drag-to-resize interaction.
  *
- * Owns: committed width (persisted to localStorage), live drag width (only used for the dashed
- * indicator transform), drag phase, and a window-width tracker that enforces a minimum editor
- * canvas width without overwriting the user's persisted preference.
+ * Owns only the live drag state (drag width — used for the dashed indicator transform — and drag
+ * phase). The committed width, min/max, and the editor-canvas constraint live in the shared
+ * {@link useResizableSidebar} state, so the same value also feeds the content area's width via the
+ * `--gd-dashboard-sidebar-width` custom property.
  *
  * Renders `.gd-sidebar-container` itself so the resize handle can be positioned absolutely inside
  * it — that element is sticky+100vh, so the handle (and the grip centered inside it) tracks the

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarResizeChrome.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,YAAY,EACjB,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAqCf;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,gBAAgB,EAChB,QAAQ,EACX,EAAE;IACC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACvB,GAAG,YAAY,CAyHf"}
+{"version":3,"file":"SidebarResizeChrome.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,YAAY,EACjB,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AAkBf;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,gBAAgB,EAChB,QAAQ,EACX,EAAE;IACC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACvB,GAAG,YAAY,CAiHf"}

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useEffect, useRef, useState, } from "react";
+import { useRef, useState, } from "react";
 import cx from "classnames";
 import { clamp } from "lodash-es";
-import { useLocalStorage } from "@gooddata/sdk-ui";
 import { makeKeyboardNavigation, useCloseOnEscape } from "@gooddata/sdk-ui-kit";
-const SIDEBAR_MIN_WIDTH = 230;
-const SIDEBAR_MAX_WIDTH = 500;
-const EDITOR_MIN_WIDTH = 960;
+import { useResizableSidebar } from "./SidebarResizeContext.js";
 const KEYBOARD_STEP = 10;
-const LOCAL_STORAGE_KEY = "gd-dashboard-sidebar-width";
 const handleSeparatorKeyboardNavigation = makeKeyboardNavigation({
     shrink: [{ code: "ArrowLeft" }],
     grow: [{ code: "ArrowRight" }],
@@ -17,23 +13,12 @@ const handleSeparatorKeyboardNavigation = makeKeyboardNavigation({
     maximize: [{ code: "End" }],
 });
 /**
- * Returns the current `window.innerWidth`, kept in sync with the `resize` event.
- */
-function useWindowWidth() {
-    const [width, setWidth] = useState(() => window.innerWidth);
-    useEffect(() => {
-        const handleResize = () => setWidth(window.innerWidth);
-        window.addEventListener("resize", handleResize);
-        return () => window.removeEventListener("resize", handleResize);
-    }, []);
-    return width;
-}
-/**
- * Internal presentational wrapper that holds the dashboard sidebar drag-to-resize state.
+ * Internal presentational wrapper that drives the dashboard sidebar drag-to-resize interaction.
  *
- * Owns: committed width (persisted to localStorage), live drag width (only used for the dashed
- * indicator transform), drag phase, and a window-width tracker that enforces a minimum editor
- * canvas width without overwriting the user's persisted preference.
+ * Owns only the live drag state (drag width — used for the dashed indicator transform — and drag
+ * phase). The committed width, min/max, and the editor-canvas constraint live in the shared
+ * {@link useResizableSidebar} state, so the same value also feeds the content area's width via the
+ * `--gd-dashboard-sidebar-width` custom property.
  *
  * Renders `.gd-sidebar-container` itself so the resize handle can be positioned absolutely inside
  * it — that element is sticky+100vh, so the handle (and the grip centered inside it) tracks the
@@ -47,49 +32,46 @@ function useWindowWidth() {
 export function SidebarResizeChrome({ onContainerClick, children, }) {
     const [dragWidth, setDragWidth] = useState(null);
     const dragOriginRef = useRef(null);
-    const containerWidth = useWindowWidth();
-    const [persistedWidth, setPersistedWidth] = useLocalStorage(LOCAL_STORAGE_KEY, SIDEBAR_MIN_WIDTH);
-    const effectiveMax = clamp(containerWidth - EDITOR_MIN_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_MAX_WIDTH);
-    const effectiveWidth = clamp(persistedWidth, SIDEBAR_MIN_WIDTH, effectiveMax);
+    const { width, min, max, canResize, setWidth } = useResizableSidebar();
     const isDragging = dragWidth !== null;
-    const isResizable = effectiveMax > SIDEBAR_MIN_WIDTH;
+    // Tear down the drag without committing — used when the user presses Escape.
     const endDrag = () => {
         dragOriginRef.current = null;
         setDragWidth(null);
     };
     useCloseOnEscape(isDragging, endDrag);
     const handleKeyDown = handleSeparatorKeyboardNavigation({
-        shrink: () => setPersistedWidth(clamp(effectiveWidth - KEYBOARD_STEP, SIDEBAR_MIN_WIDTH, effectiveMax)),
-        grow: () => setPersistedWidth(clamp(effectiveWidth + KEYBOARD_STEP, SIDEBAR_MIN_WIDTH, effectiveMax)),
-        minimize: () => setPersistedWidth(SIDEBAR_MIN_WIDTH),
-        maximize: () => setPersistedWidth(effectiveMax),
+        shrink: () => setWidth(width - KEYBOARD_STEP),
+        grow: () => setWidth(width + KEYBOARD_STEP),
+        minimize: () => setWidth(min),
+        maximize: () => setWidth(max),
     });
     const handlePointerDown = (event) => {
         event.preventDefault();
         event.currentTarget.setPointerCapture(event.pointerId);
         dragOriginRef.current = {
             clientX: event.clientX,
-            width: effectiveWidth,
+            width,
             pointerId: event.pointerId,
         };
-        setDragWidth(effectiveWidth);
+        setDragWidth(width);
     };
     const handlePointerMove = (event) => {
         if (event.pointerId !== dragOriginRef.current?.pointerId) {
             return;
         }
-        const width = widthFromClientX(event.clientX);
-        if (width !== null) {
-            setDragWidth(width);
+        const nextWidth = widthFromClientX(event.clientX);
+        if (nextWidth !== null) {
+            setDragWidth(nextWidth);
         }
     };
-    const handlePointerUp = (event) => {
-        if (event.pointerId !== dragOriginRef.current?.pointerId) {
-            return;
-        }
-        const width = widthFromClientX(event.clientX);
-        if (width !== null) {
-            setPersistedWidth(width);
+    // Commit the last dragged width, then tear the drag down. onLostPointerCapture fires whenever the
+    // captured pointer is released for any reason — pointerup, pointercancel, or the pointer being
+    // lost (e.g. the mouse released outside the iframe/window) — so the final width is always
+    // persisted even if a plain pointerup never reaches us.
+    const handleLostPointerCapture = () => {
+        if (dragWidth !== null) {
+            setWidth(dragWidth);
         }
         endDrag();
     };
@@ -98,15 +80,15 @@ export function SidebarResizeChrome({ onContainerClick, children, }) {
         if (!origin) {
             return null;
         }
-        return clamp(origin.width + (clientX - origin.clientX), SIDEBAR_MIN_WIDTH, effectiveMax);
+        return clamp(origin.width + (clientX - origin.clientX), min, max);
     };
     return (_jsx("div", { className: cx("gd-resizable-sidebar", {
-            "gd-resizable-sidebar--resizable": isResizable,
+            "gd-resizable-sidebar--resizable": canResize,
             "gd-resizable-sidebar--dragging": isDragging,
-        }), style: { width: effectiveWidth }, children: _jsxs("div", { className: "col gd-flex-item gd-sidebar-container gd-sidebar-container--resizable", onClick: onContainerClick, children: [children, _jsx("button", { type: "button", style: {
-                        "--drag-x": `${isDragging ? dragWidth : effectiveWidth}px`,
+        }), style: { width }, children: _jsxs("div", { className: "col gd-flex-item gd-sidebar-container gd-sidebar-container--resizable", onClick: onContainerClick, children: [children, _jsx("button", { type: "button", style: {
+                        "--drag-x": `${isDragging ? dragWidth : width}px`,
                     }, className: cx("gd-resizable-sidebar__handle", {
                         "gd-resizable-sidebar__handle--dragging": isDragging,
-                    }), disabled: !isResizable, role: "separator", "aria-orientation": "vertical", "aria-valuemin": SIDEBAR_MIN_WIDTH, "aria-valuemax": effectiveMax, "aria-valuenow": effectiveWidth, onPointerDown: isResizable ? handlePointerDown : undefined, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: endDrag, onKeyDown: isDragging ? undefined : handleKeyDown, children: _jsx("span", { className: "gd-resizable-sidebar__handle-grip", "aria-hidden": "true" }) })
+                    }), disabled: !canResize, role: "separator", "aria-orientation": "vertical", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": width, onPointerDown: canResize ? handlePointerDown : undefined, onPointerMove: handlePointerMove, onLostPointerCapture: handleLostPointerCapture, onKeyDown: isDragging ? undefined : handleKeyDown, children: _jsx("span", { className: "gd-resizable-sidebar__handle-grip", "aria-hidden": "true" }) })
             ] }) }));
 }

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeContext.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from "react";
+interface IResizableSidebar {
+    width: number;
+    min: number;
+    max: number;
+    canResize: boolean;
+    setWidth: (width: number) => void;
+}
+/**
+ * Computes the resizable-sidebar state. When the sidebar is not resizable (not edit mode, the feature
+ * is off, or it is replaced by the enhanced insight picker) it returns the static
+ * {@link NON_RESIZABLE_SIDEBAR} — no window resize listener, no width math.
+ *
+ * Reads the config store, so it must be called below the dashboard loading gate where the config is
+ * initialized.
+ *
+ * @internal
+ */
+export declare function useResizableSidebarState(): IResizableSidebar;
+/**
+ * Shares the resize state produced by {@link useResizableSidebarState} with descendants such as the
+ * resize handle, so it stays a single source of truth.
+ *
+ * @internal
+ */
+export declare function ResizableSidebarProvider({ value, children }: {
+    value: IResizableSidebar;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Returns the sidebar resize state, or {@link NON_RESIZABLE_SIDEBAR} when the sidebar is not resizable.
+ *
+ * @internal
+ */
+export declare function useResizableSidebar(): IResizableSidebar;
+export {};
+//# sourceMappingURL=SidebarResizeContext.d.ts.map

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarResizeContext.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarResizeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAC;AAsCvF,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAeD;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,IAAI,iBAAiB,CA2B5D;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,KAAK,EACL,QAAQ,EACX,EAAE;IACC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACvB,2CAEA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CAEvD"}

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeContext.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { createContext, useContext, useEffect, useState } from "react";
+import { clamp } from "lodash-es";
+import { useLocalStorage } from "@gooddata/sdk-ui";
+import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
+import { selectSettings } from "../../../model/store/config/configSelectors.js";
+import { selectIsInEditMode } from "../../../model/store/renderMode/renderModeSelectors.js";
+const SIDEBAR_MIN_WIDTH = 230;
+const SIDEBAR_MAX_WIDTH = 500;
+const EDITOR_MIN_WIDTH = 960;
+const LOCAL_STORAGE_KEY = "gd-dashboard-sidebar-width";
+/**
+ * Returns the current `window.innerWidth`, kept in sync with the `resize` event. Only attaches the
+ * listener while `active`, so a non-resizable sidebar triggers no resize-driven re-renders.
+ */
+function useWindowWidth(active) {
+    const [width, setWidth] = useState(() => window.innerWidth);
+    useEffect(() => {
+        if (!active) {
+            return undefined;
+        }
+        setWidth(window.innerWidth);
+        const handleResize = () => setWidth(window.innerWidth);
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, [active]);
+    return width;
+}
+// Stable value used whenever the sidebar is not resizable: it is fixed at the minimum width, cannot
+// be resized, and ignores writes — so consumers never have to null-check.
+const NON_RESIZABLE_SIDEBAR = {
+    width: SIDEBAR_MIN_WIDTH,
+    min: SIDEBAR_MIN_WIDTH,
+    max: SIDEBAR_MIN_WIDTH,
+    canResize: false,
+    setWidth: () => { },
+};
+const ResizableSidebarContext = createContext(NON_RESIZABLE_SIDEBAR);
+ResizableSidebarContext.displayName = "ResizableSidebarContext";
+/**
+ * Computes the resizable-sidebar state. When the sidebar is not resizable (not edit mode, the feature
+ * is off, or it is replaced by the enhanced insight picker) it returns the static
+ * {@link NON_RESIZABLE_SIDEBAR} — no window resize listener, no width math.
+ *
+ * Reads the config store, so it must be called below the dashboard loading gate where the config is
+ * initialized.
+ *
+ * @internal
+ */
+export function useResizableSidebarState() {
+    const settings = useDashboardSelector(selectSettings);
+    const isEditMode = useDashboardSelector(selectIsInEditMode);
+    const isSidebarResizeEnabled = settings?.enableDashboardSidebarResize ?? false;
+    const enableEnhancedInsightPicker = settings?.enableEnhancedInsightPicker ?? false;
+    const isResizable = isEditMode && isSidebarResizeEnabled && !enableEnhancedInsightPicker;
+    const containerWidth = useWindowWidth(isResizable);
+    const [persistedWidth, setPersistedWidth] = useLocalStorage(LOCAL_STORAGE_KEY, SIDEBAR_MIN_WIDTH);
+    if (!isResizable) {
+        return NON_RESIZABLE_SIDEBAR;
+    }
+    const max = clamp(containerWidth - EDITOR_MIN_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_MAX_WIDTH);
+    const width = clamp(persistedWidth, SIDEBAR_MIN_WIDTH, max);
+    return {
+        width,
+        min: SIDEBAR_MIN_WIDTH,
+        max,
+        canResize: max > SIDEBAR_MIN_WIDTH,
+        // Clamp every write to the current bounds, so callers can't persist an out-of-range width and
+        // a non-resizable sidebar (max === min) collapses any value back to the minimum.
+        setWidth: (next) => setPersistedWidth(clamp(next, SIDEBAR_MIN_WIDTH, max)),
+    };
+}
+/**
+ * Shares the resize state produced by {@link useResizableSidebarState} with descendants such as the
+ * resize handle, so it stays a single source of truth.
+ *
+ * @internal
+ */
+export function ResizableSidebarProvider({ value, children, }) {
+    return _jsx(ResizableSidebarContext.Provider, { value: value, children: children });
+}
+/**
+ * Returns the sidebar resize state, or {@link NON_RESIZABLE_SIDEBAR} when the sidebar is not resizable.
+ *
+ * @internal
+ */
+export function useResizableSidebar() {
+    return useContext(ResizableSidebarContext);
+}

package/esm/presentation/dashboard/components/DashboardInner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardInner.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardInner.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAOnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CA6FpD"}
+{"version":3,"file":"DashboardInner.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardInner.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAOnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CA2GpD"}

package/esm/presentation/dashboard/components/DashboardInner.js

@@ -23,6 +23,7 @@ import { DashboardContent } from "../DashboardContent.js";
 import { DashboardHeader } from "../DashboardHeader/DashboardHeader.js";
 import { DashboardSidebar } from "../DashboardSidebar/DashboardSidebar.js";
 import { RenderModeAwareDashboardSidebar } from "../DashboardSidebar/RenderModeAwareDashboardSidebar.js";
+import { ResizableSidebarProvider, useResizableSidebarState, } from "../DashboardSidebar/SidebarResizeContext.js";
 import { DashboardScreenSizeProvider } from "./DashboardScreenSizeContext.js";
 const overlayController = OverlayController.getInstance(DASHBOARD_HEADER_OVERLAYS_Z_INDEX);
 const toastsOverlayController = OverlayController.getInstance(DASHBOARD_TOASTS_OVERLAY_Z_INDEX);
@@ -56,20 +57,29 @@ export function DashboardInner(props) {
         "gd-dash-content--density-standard": density === "comfortable",
         "gd-dash-content--density-compact": density === "compact",
     });
+    const resizableSidebar = useResizableSidebarState();
+    // When the sidebar can be resized, expose its live width so the sibling content area can subtract
+    // it (see `--gd-dashboard-sidebar-width` in sdk-dashboard.scss). Otherwise leave it unset so the
+    // content falls back to the static sidebar width.
+    const dashboardsRootStyle = resizableSidebar.canResize
+        ? {
+            "--gd-dashboard-sidebar-width": `${resizableSidebar.width}px`,
+        }
+        : undefined;
     return (_jsx(IntlWrapper, { locale: locale, children: _jsxs(ToastsCenterContextProvider, { skipAutomaticMessageRendering: true, children: [
-                _jsx(OverlayControllerProvider, { overlayController: toastsOverlayController, children: _jsx(ToastsCenter, {}) }), _jsxs("div", { className: cx("component-root", {
-                        "sdk-edit-mode-on": isEditMode,
-                        "catalog-is-loaded": isCatalogLoaded,
-                        "accessible-dashboards-loaded": accessibleDashboardsLoaded,
-                    }), children: [
-                        _jsx(DragLayerComponent, {}), _jsxs("div", { className: cx("gd-dashboards-root gd-flex-container", {
-                                "gd-dashboards-root--floating-toolbar": enableEnhancedInsightPicker,
-                            }), children: [
-                                _jsx(DashboardSidebar, { DefaultSidebar: RenderModeAwareDashboardSidebar, DeleteDropZoneComponent: DeleteDropZone, WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDrag, WrapInsightListItemWithDragComponent: WrapInsightListItemWithDrag }), _jsxs("main", { className: dashboardContentClassNames, ...mainContentNavigationProps, children: [
-                                        _jsx("div", { className: "gd-dash-header-wrapper gd-dash-header-wrapper-sdk-8-12", ref: headerRef, children: _jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(DashboardHeader, {}) }) }), _jsxs("div", { className: "gd-flex-item-stretch dash-section dash-section-kpis", ref: layoutRef, children: [
-                                                _jsx(DashboardScreenSizeProvider, { children: _jsx(DashboardContent, { ...props }) }), enableEnhancedInsightPicker ? _jsx(FilterDeleteOverlay, {}) : null] }), _jsx("div", { className: "gd-dash-bottom-position-pixel", ref: bottomRef })
-                                    ] })
-                            ] }), _jsx(Toolbar, {})
-                    ] })
+                _jsx(OverlayControllerProvider, { overlayController: toastsOverlayController, children: _jsx(ToastsCenter, {}) }), _jsx(ResizableSidebarProvider, { value: resizableSidebar, children: _jsxs("div", { className: cx("component-root", {
+                            "sdk-edit-mode-on": isEditMode,
+                            "catalog-is-loaded": isCatalogLoaded,
+                            "accessible-dashboards-loaded": accessibleDashboardsLoaded,
+                        }), children: [
+                            _jsx(DragLayerComponent, {}), _jsxs("div", { className: cx("gd-dashboards-root gd-flex-container", {
+                                    "gd-dashboards-root--floating-toolbar": enableEnhancedInsightPicker,
+                                }), style: dashboardsRootStyle, children: [
+                                    _jsx(DashboardSidebar, { DefaultSidebar: RenderModeAwareDashboardSidebar, DeleteDropZoneComponent: DeleteDropZone, WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDrag, WrapInsightListItemWithDragComponent: WrapInsightListItemWithDrag }), _jsxs("main", { className: dashboardContentClassNames, ...mainContentNavigationProps, children: [
+                                            _jsx("div", { className: "gd-dash-header-wrapper gd-dash-header-wrapper-sdk-8-12", ref: headerRef, children: _jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(DashboardHeader, {}) }) }), _jsxs("div", { className: "gd-flex-item-stretch dash-section dash-section-kpis", ref: layoutRef, children: [
+                                                    _jsx(DashboardScreenSizeProvider, { children: _jsx(DashboardContent, { ...props }) }), enableEnhancedInsightPicker ? _jsx(FilterDeleteOverlay, {}) : null] }), _jsx("div", { className: "gd-dash-bottom-position-pixel", ref: bottomRef })
+                                        ] })
+                                ] }), _jsx(Toolbar, {})
+                        ] }) })
             ] }) }));
 }

package/esm/presentation/localization/bundles/zh-Hant.localization-bundle.js

@@ -742,7 +742,7 @@ export const zh_Hant = {
     "insightAlert.config.accessibility.title": "自訂警報名稱",
     "insightAlert.config.when": "什麼時候",
     "insightAlert.config.for": "為了",
-    "insightAlert.config.condition": "狀態",
+    "insightAlert.config.condition": "條件",
     "insightAlert.config.threshold": "臨界點",
     "insightAlert.config.comparison": "比較",
     "insightAlert.config.recipients": "收件者",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "11.43.0-alpha.4",
+  "version": "11.43.0-alpha.5",
   "description": "GoodData SDK - Dashboard Component",
   "license": "LicenseRef-LICENSE",
   "author": "GoodData Corporation",
@@ -60,19 +60,19 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.1",
-    "@gooddata/sdk-backend-base": "11.43.0-alpha.4",
-    "@gooddata/sdk-backend-spi": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui-charts": "11.43.0-alpha.4",
-    "@gooddata/sdk-model": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui-ext": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui-filters": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui-geo": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui-kit": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui-pivot": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui-theme-provider": "11.43.0-alpha.4",
-    "@gooddata/sdk-ui-vis-commons": "11.43.0-alpha.4",
-    "@gooddata/util": "11.43.0-alpha.4"
+    "@gooddata/sdk-backend-base": "11.43.0-alpha.5",
+    "@gooddata/sdk-backend-spi": "11.43.0-alpha.5",
+    "@gooddata/sdk-model": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui-charts": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui-filters": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui-ext": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui-kit": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui-geo": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui-theme-provider": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui-pivot": "11.43.0-alpha.5",
+    "@gooddata/util": "11.43.0-alpha.5",
+    "@gooddata/sdk-ui-vis-commons": "11.43.0-alpha.5"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -118,12 +118,12 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.43.0-alpha.4",
-    "@gooddata/i18n-toolkit": "11.43.0-alpha.4",
-    "@gooddata/oxlint-config": "11.43.0-alpha.4",
-    "@gooddata/reference-workspace": "11.43.0-alpha.4",
-    "@gooddata/sdk-backend-mockingbird": "11.43.0-alpha.4",
-    "@gooddata/stylelint-config": "11.43.0-alpha.4"
+    "@gooddata/eslint-config": "11.43.0-alpha.5",
+    "@gooddata/i18n-toolkit": "11.43.0-alpha.5",
+    "@gooddata/oxlint-config": "11.43.0-alpha.5",
+    "@gooddata/reference-workspace": "11.43.0-alpha.5",
+    "@gooddata/sdk-backend-mockingbird": "11.43.0-alpha.5",
+    "@gooddata/stylelint-config": "11.43.0-alpha.5"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/css/configurationPanel.css

@@ -345,11 +345,10 @@
   margin-left: 15px;
   margin-right: 15px;
 }
-.sdk-edit-mode-on .gd-visualizations-list .fixedDataTableRowLayout_rowWrapper:hover {
+.sdk-edit-mode-on .gd-visualizations-list .gd-infinite-list-item:hover {
   z-index: 1 !important;
 }
-.sdk-edit-mode-on .gd-visualizations-list .public_fixedDataTableRow_main,
-.sdk-edit-mode-on .gd-visualizations-list .public_fixedDataTableCell_main {
+.sdk-edit-mode-on .gd-visualizations-list .gd-infinite-list-item {
   background: none;
 }
 .sdk-edit-mode-on .gd-visualizations-list .gd-visualizations-list-item {

package/styles/css/configurationPanel.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../scss/configurationPanel.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;AAAA;AAAA;ACEA;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCwCgB;EDvChB;EACA;;AAEA;EACI;EACA;EACA;EACA,OECe;;AFEnB;EACI,OC2E6B;ED1E7B;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAMR;EACI;;;AAMR;EAII,SGtEkB;;AHwElB;EACI,SGxEqB;;AH6EzB;EACI,SG/Ec;;AHkFlB;EACI,SGjFqB;EHkFrB,OCiBwB;;ADfxB;EACI,SGpFwB;;AHuF5B;EACI;;AAGJ;EACI;;AAIA;EACI;;AAIR;EACI,YCLqB;EDMrB;EACA;EACA;EACA;;AAGJ;EACI,YCVqB;EDWrB,aCXqB;EDYrB,cCZqB;EDarB;EACA;;AAEA;EACI,eCjBiB;;ADqBzB;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA,OElIW;EFmIX;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EAEI;EACA,QA1H+B;;AA6HnC;EACI,KA9H+B;;AAiInC;EACI;EACA;EACA;EACA;EACA;EACA,YEtFY;;AFyFhB;EACI;;AAEA;EACI;EACA;;;AASZ;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OE9MW;;AFgNX;EACI,OF1MmB;;AE6MvB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,OEhOO;EFiOP;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA,OElQI;;AFoQJ;EACI;;AAGJ;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI,OE3RQ;;AF8RZ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKA;AAAA;EACI,OElUY;;AFsUpB;EAGI;EAIA,YACI;EAEJ,OEjWkB;;AFqWlB;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EAGA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EAGI;;AAGJ;AAAA;EAEI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA,OEtbW;EFubX;;AAEA;EACI;EACA;;AAGJ;EACI;;AAMR;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAOI;EACI;;AAQhB;EACI;;AAIR;EACI,OCva6B;;ADya7B;EACI;;AAKJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,MACI;EAEJ;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAIA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAEA;EACI,OEljBA;;AFsjBR;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;AAIR;EACI;EACA,OE5kBW;;AF8kBX;EACI,OE5ZC;;;AFkajB;EACI;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;;AAGJ;EACI;EACA","file":"configurationPanel.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Button/_variables.scss","../scss/configurationPanel.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_zIndexes.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;AAAA;AAAA;ACEA;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCwCgB;EDvChB;EACA;;AAEA;EACI;EACA;EACA;EACA,OECe;;AFEnB;EACI,OC2E6B;ED1E7B;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAMR;EACI;;;AAMR;EAII,SGtEkB;;AHwElB;EACI,SGxEqB;;AH6EzB;EACI,SG/Ec;;AHkFlB;EACI,SGjFqB;EHkFrB,OCiBwB;;ADfxB;EACI,SGpFwB;;AHuF5B;EACI;;AAGJ;EACI;;AAIA;EACI;;AAIR;EACI,YCLqB;EDMrB;EACA;EACA;EACA;;AAGJ;EACI,YCVqB;EDWrB,aCXqB;EDYrB,cCZqB;EDarB;EACA;;AAEA;EACI,eCjBiB;;ADqBzB;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA,OElIW;EFmIX;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EAEI;EACA,QA1H+B;;AA6HnC;EACI,KA9H+B;;AAiInC;EACI;EACA;EACA;EACA;EACA;EACA,YEtFY;;AFyFhB;EACI;;AAEA;EACI;EACA;;;AASZ;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OE9MW;;AFgNX;EACI,OF1MmB;;AE6MvB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI,OEhOO;EFiOP;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA,OElQI;;AFoQJ;EACI;;AAGJ;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI,OE3RQ;;AF8RZ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKA;AAAA;EACI,OElUY;;AFsUpB;EAGI;EAIA,YACI;EAEJ,OEjWkB;;AFqWlB;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EAGA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EAGI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA,OErbW;EFsbX;;AAEA;EACI;EACA;;AAGJ;EACI;;AAMR;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAOI;EACI;;AAQhB;EACI;;AAIR;EACI,OCta6B;;ADwa7B;EACI;;AAKJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,MACI;EAEJ;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAIA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAEA;EACI,OEjjBA;;AFqjBR;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;AAIR;EACI;EACA,OE3kBW;;AF6kBX;EACI,OE3ZC;;;AFiajB;EACI;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;;AAGJ;EACI;EACA","file":"configurationPanel.css"}