@gooddata/sdk-ui-kit 10.23.0-alpha.35 → 10.23.0-alpha.37

package/esm/ZoomContext/ZoomContext.js

@@ -0,0 +1,97 @@
+// (C) 2025 GoodData Corporation
+import React, { createContext, useContext, useEffect, useState } from "react";
+/**
+ * @internal
+ * The threshold for determining if the window is zoomed enough to handle it explicitly in components styles
+ */
+export const ZOOM_THRESHOLD = 1.2;
+// Default context values
+const defaultZoomState = {
+    zoomLevel: 1,
+    viewportWidth: window.innerWidth,
+    viewportHeight: window.innerHeight,
+    hasVisualViewport: typeof window !== "undefined" && "visualViewport" in window,
+};
+/**
+ * @internal
+ * Context for zoom level and viewport info
+ */
+export const ZoomContext = createContext(defaultZoomState);
+/**
+ * @internal
+ * Provider component that monitors zoom level and viewport dimensions
+ */
+export const ZoomProvider = ({ children }) => {
+    const [zoomState, setZoomState] = useState(defaultZoomState);
+    useEffect(() => {
+        // Function to update zoom state
+        const updateZoomState = () => {
+            // Current zoom level
+            const zoomLevel = window.devicePixelRatio || 1;
+            // Get viewport dimensions
+            let viewportWidth;
+            let viewportHeight;
+            if (window.visualViewport) {
+                // If visual viewport API is supported, use it (more accurate for zoomed content)
+                viewportWidth = window.visualViewport.width;
+                viewportHeight = window.visualViewport.height;
+            }
+            else {
+                // Fallback to standard viewport
+                viewportWidth = window.innerWidth;
+                viewportHeight = window.innerHeight;
+            }
+            setZoomState({
+                zoomLevel,
+                viewportWidth,
+                viewportHeight,
+                hasVisualViewport: !!window.visualViewport,
+            });
+        };
+        // Initial update
+        updateZoomState();
+        // Add event listeners
+        if (window.visualViewport) {
+            // Modern API - more accurate for zoom changes
+            window.visualViewport.addEventListener("resize", updateZoomState);
+            window.visualViewport.addEventListener("scroll", updateZoomState);
+        }
+        else {
+            // Fallback
+            window.addEventListener("resize", updateZoomState);
+        }
+        // Cleanup
+        return () => {
+            if (window.visualViewport) {
+                window.visualViewport.removeEventListener("resize", updateZoomState);
+                window.visualViewport.removeEventListener("scroll", updateZoomState);
+            }
+            else {
+                window.removeEventListener("resize", updateZoomState);
+            }
+        };
+    }, []);
+    return React.createElement(ZoomContext.Provider, { value: zoomState }, children);
+};
+/**
+ * @internal
+ * Hook to access zoom level and viewport info
+ */
+export const useZoom = () => {
+    const context = useContext(ZoomContext);
+    if (context === undefined) {
+        throw new Error("useZoom must be used within a ZoomProvider");
+    }
+    return context;
+};
+/**
+ * @internal
+ * Helper hook info it window is zoomed
+ * @param baseZoomLevel - The zoom level the component was designed for (default 1)
+ * @returns true if window is zoomed, false otherwise
+ */
+export const useIsZoomed = (baseZoomLevel = 1) => {
+    const { zoomLevel } = useZoom();
+    return zoomLevel > baseZoomLevel;
+};
+//# sourceMappingURL=ZoomContext.js.map

package/esm/ZoomContext/ZoomContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomContext.js","sourceRoot":"","sources":["../../src/ZoomContext/ZoomContext.tsx"],"names":[],"mappings":"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"}

package/esm/ZoomContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ZoomContext.js";
+//# sourceMappingURL=index.d.ts.map

package/esm/ZoomContext/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ZoomContext/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAC"}

package/esm/ZoomContext/index.js

@@ -0,0 +1,3 @@
+// (C) 2020-2025 GoodData Corporation
+export * from "./ZoomContext.js";
+//# sourceMappingURL=index.js.map

package/esm/ZoomContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ZoomContext/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,cAAc,kBAAkB,CAAC"}

package/esm/index.d.ts

@@ -65,6 +65,7 @@ export * from "./SeparatorLine/index.js";
 export * from "./RichText/index.js";
 export * from "./RecurrenceForm/index.js";
 export * from "./AddButton/index.js";
+export * from "./ZoomContext/ZoomContext.js";
 /**
  * New components
  */

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnF,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC3F,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC7E,YAAY,EACR,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,aAAa,GAChB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,YAAY,EACR,uBAAuB,EACvB,mCAAmC,GACtC,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/esm/index.js

@@ -66,6 +66,7 @@ export * from "./SeparatorLine/index.js";
 export * from "./RichText/index.js";
 export * from "./RecurrenceForm/index.js";
 export * from "./AddButton/index.js";
+export * from "./ZoomContext/ZoomContext.js";
 /**
  * New components
  */

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnF,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAUtD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAKpF,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnF,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAUtD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAKpF,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC"}

package/esm/sdk-ui-kit.d.ts

@@ -99,6 +99,8 @@ export declare type Alignment = {
     left: number;
     top: number;
     right: number;
+    width?: number;
+    height?: number;
     align: string;
 };
 
@@ -1312,6 +1314,7 @@ export declare interface IBubbleProps {
     overlayClassName?: string;
     children?: React_2.ReactNode;
     overlayPositionType?: OverlayPositionType;
+    ensureVisibility?: boolean;
 }
 
 /**
@@ -3394,8 +3397,6 @@ export declare interface IOverlayProps<T> {
     closeOnEscape?: boolean;
     width?: number | string;
     maxWidth?: number | string;
-    height?: number | string;
-    maxHeight?: number | string;
     /**
      * Specifies a threshold for resizing the component when its content changes.
      * The threshold is a percentage (0-1) of the component's height.
@@ -3426,6 +3427,7 @@ export declare interface IOverlayProps<T> {
     onMouseOver?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onMouseUp?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     zIndex?: number | undefined;
+    ensureVisibility?: boolean;
 }
 
 /**
@@ -3436,8 +3438,11 @@ export declare interface IOverlayState {
         left: number;
         top: number;
         right: number;
+        width?: number;
+        height?: number;
         align: string;
     };
+    initialVisiblePart: number;
     overflow?: string;
     scrollTop?: number;
     observedHeight?: number;
@@ -4219,6 +4224,29 @@ export declare interface IWorkspacePickerHomeFooterProps {
     children?: React_2.ReactNode;
 }
 
+/**
+ * @internal
+ * Interface for zoom context state
+ */
+export declare interface IZoomContextState {
+    /**
+     * Current zoom level, where 1 is normal (100%), 2 is 200% zoom, etc.
+     */
+    zoomLevel: number;
+    /**
+     * Width of the visual viewport
+     */
+    viewportWidth: number;
+    /**
+     * Height of the visual viewport
+     */
+    viewportHeight: number;
+    /**
+     * Flag indicating if visual viewport API is supported
+     */
+    hasVisualViewport: boolean;
+}
+
 /**
  * @internal
  */
@@ -4495,6 +4523,7 @@ export declare class Overlay<T = HTMLElement> extends React_2.Component<IOverlay
     private clickedInside;
     private id;
     private alignmentTimeoutId;
+    private isInitialAlign;
     static contextType: React_2.Context<OverlayController_2>;
     context: React_2.ContextType<typeof OverlayContext>;
     private observer;
@@ -4507,6 +4536,7 @@ export declare class Overlay<T = HTMLElement> extends React_2.Component<IOverlay
     componentWillUnmount(): void;
     render(): React_2.JSX.Element;
     align: () => void;
+    private calculateConstrainedAlignment;
     private clearAlignmentTimeout;
     private alignWithTimeout;
     private onMaskClick;
@@ -4518,6 +4548,7 @@ export declare class Overlay<T = HTMLElement> extends React_2.Component<IOverlay
      * for position of arrows and stuff
      */
     private getAlignClasses;
+    private getVisibilityClass;
     private createPortalNode;
     private removePortalNodeAfterAllTreeUnmount;
     private isSameAsTargetPosition;
@@ -5281,6 +5312,14 @@ export declare const useId: () => string;
  */
 export declare function useInvertableSelectionStatusText<T>(selectedItems: T[], isInverted: boolean, getItemTitle: (item: T) => string): string;
 
+/**
+ * @internal
+ * Helper hook info it window is zoomed
+ * @param baseZoomLevel - The zoom level the component was designed for (default 1)
+ * @returns true if window is zoomed, false otherwise
+ */
+export declare const useIsZoomed: (baseZoomLevel?: number) => boolean;
+
 /**
  * Hook, testing whether screen width matches provided media query.
  *
@@ -5341,6 +5380,12 @@ export declare interface UseToastMessageType {
     removeAllMessages: () => void;
 }
 
+/**
+ * @internal
+ * Hook to access zoom level and viewport info
+ */
+export declare const useZoom: () => IZoomContextState;
+
 /**
  * @internal
  */
@@ -5381,4 +5426,38 @@ export declare function withBubble<T>(WrappedComponent: React_2.ComponentType<T>
  */
 export declare const WorkspacePickerHomeFooter: React_2.ComponentType<Omit<IWorkspacePickerHomeFooterProps, "theme" | "themeIsLoading" | "themeStatus">>;
 
+/**
+ * @internal
+ * The threshold for determining if the window is zoomed enough to handle it explicitly in components styles
+ */
+export declare const ZOOM_THRESHOLD = 1.2;
+
+/**
+ * @internal
+ * ZoomAwareOverlay wraps the standard Overlay component with a ZoomProvider
+ * to ensure all children components have access to zoom information and can
+ * adjust their rendering accordingly.
+ */
+export declare const ZoomAwareOverlay: <T extends HTMLElement = HTMLElement>(props: IOverlayProps<T>) => JSX.Element;
+
+/**
+ * @internal
+ * Context for zoom level and viewport info
+ */
+export declare const ZoomContext: React_2.Context<IZoomContextState>;
+
+/**
+ * @internal
+ * Provider component that monitors zoom level and viewport dimensions
+ */
+export declare const ZoomProvider: React_2.FC<ZoomProviderProps>;
+
+/**
+ * @internal
+ * Props for the ZoomProvider component
+ */
+export declare interface ZoomProviderProps {
+    children: ReactNode;
+}
+
 export { }

package/esm/typings/overlay.d.ts

@@ -36,6 +36,8 @@ export type Alignment = {
     left: number;
     top: number;
     right: number;
+    width?: number;
+    height?: number;
     align: string;
 };
 /**

package/esm/typings/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/typings/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AAEH,MAAM,MAAM,mBAAmB,GAAG;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,uBAAuB,GAAG;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,4BAA4B,GAAG;IACvC,cAAc,EAAE,GAAG,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE,WAAW,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,OAAO,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/typings/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AAEH,MAAM,MAAM,mBAAmB,GAAG;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,uBAAuB,GAAG;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,4BAA4B,GAAG;IACvC,cAAc,EAAE,GAAG,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE,WAAW,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,OAAO,GAAG,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.23.0-alpha.35",
+  "version": "10.23.0-alpha.37",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -68,11 +68,11 @@
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
     "unified": "^11.0.5",
-    "@gooddata/sdk-backend-spi": "10.23.0-alpha.35",
-    "@gooddata/sdk-model": "10.23.0-alpha.35",
-    "@gooddata/sdk-ui-theme-provider": "10.23.0-alpha.35",
-    "@gooddata/util": "10.23.0-alpha.35",
-    "@gooddata/sdk-ui": "10.23.0-alpha.35"
+    "@gooddata/sdk-backend-spi": "10.23.0-alpha.37",
+    "@gooddata/sdk-ui": "10.23.0-alpha.37",
+    "@gooddata/sdk-ui-theme-provider": "10.23.0-alpha.37",
+    "@gooddata/sdk-model": "10.23.0-alpha.37",
+    "@gooddata/util": "10.23.0-alpha.37"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -131,8 +131,8 @@
     "typescript": "5.3.3",
     "vitest": "1.0.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.23.0-alpha.35",
-    "@gooddata/sdk-backend-mockingbird": "10.23.0-alpha.35"
+    "@gooddata/reference-workspace": "10.23.0-alpha.37",
+    "@gooddata/sdk-backend-mockingbird": "10.23.0-alpha.37"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",

package/styles/css/descriptionPanel.css

@@ -53,6 +53,14 @@
   padding: 0 15px;
 }
 
+.truncated .gd-description-panel-bubble,
+.truncated .bubble-content,
+.truncated .content,
+.truncated .gd-description-panel.zoomed {
+  height: 100%;
+  max-height: 100%;
+}
+
 .gd-ellipsis-text {
   display: flex;
   flex-direction: column;

package/styles/css/descriptionPanel.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/descriptionPanel.scss","../scss/variables.scss"],"names":[],"mappings":"AAII;EACI;;AACA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA,OCwKS;;ADpKT;EACI,OCDI;;;ADMhB;EACI;EACA;EACA;EACA;EACA,kBCxBa;EDyBb,aCoDc;EDnDd;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OCrBQ;EDsBR;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA,OCyHS;EDxHT;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OCuGS;EDtGT;EACA;;AAGJ;EACI,OCnEQ;;;ADuEhB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA,OCtFe;EDuFf;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OCzFQ;ED0FR;EACA;;AAEA;EACI;EACA;;AAIR;EACI,OC3Ge;ED4Gf;EACA;EACA","file":"descriptionPanel.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/descriptionPanel.scss","../scss/variables.scss"],"names":[],"mappings":"AAII;EACI;;AACA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA,OCwKS;;ADpKT;EACI,OCDI;;;ADMhB;EACI;EACA;EACA;EACA;EACA,kBCxBa;EDyBb,aCoDc;EDnDd;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OCrBQ;EDsBR;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAKJ;AAAA;AAAA;AAAA;EAII;EACA;;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA,OC+GS;ED9GT;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC6FS;ED5FT;EACA;;AAGJ;EACI,OC7EQ;;;ADiFhB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA,OChGe;EDiGf;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OCnGQ;EDoGR;EACA;;AAEA;EACI;EACA;;AAIR;EACI,OCrHe;EDsHf;EACA;EACA","file":"descriptionPanel.css"}

package/styles/css/main.css

@@ -10413,6 +10413,14 @@ input[type=search]::-webkit-search-cancel-button {
   padding: 0 15px;
 }
 
+.truncated .gd-description-panel-bubble,
+.truncated .bubble-content,
+.truncated .content,
+.truncated .gd-description-panel.zoomed {
+  height: 100%;
+  max-height: 100%;
+}
+
 .gd-ellipsis-text {
   display: flex;
   flex-direction: column;