@gooddata/sdk-ui-kit 11.57.0-alpha.0 → 11.57.0-alpha.2

package/esm/RichText/plugins/rehype-references.js

@@ -4,16 +4,24 @@ import { ClientFormatterFacade } from "@gooddata/number-formatter";
 import { areObjRefsEqual } from "@gooddata/sdk-model";
 import { createReference } from "../helpers/references.js";
 import { REFERENCE_REGEX_MATCH, REFERENCE_REGEX_SPLIT } from "./types.js";
-export function rehypeReferences(intl, metrics, separators) {
+export function rehypeReferences(intl, metrics, separators, restrictedReferences) {
+    const isRestricted = (ref) => !!restrictedReferences?.some((restricted) => areObjRefsEqual(restricted, ref));
     return function () {
         return function (tree) {
             iterateTree(tree, {
                 onTextNodeReference: (text, ref) => {
+                    if (isRestricted(ref)) {
+                        return [createRestrictedMarker(intl, text)];
+                    }
                     const metric = metrics?.find((m) => areObjRefsEqual(m.ref, ref));
                     const { metricDef } = createMetricValue(intl, text, metric, separators);
                     return [metricDef];
                 },
                 onTextRawReference: (ref) => {
+                    // markup cannot be nested in a URL or an alt text, so the marker is its word alone
+                    if (isRestricted(ref)) {
+                        return intl.formatMessage({ id: "richText.restricted" });
+                    }
                     const metric = metrics?.find((m) => areObjRefsEqual(m.ref, ref));
                     const { value, formattedValue } = createMetricValue(intl, null, metric, separators);
                     return value === null ? "" : formattedValue;
@@ -23,6 +31,21 @@ export function rehypeReferences(intl, metrics, separators) {
         };
     };
 }
+/**
+ * Stands in for a reference the user is not allowed to read. It never names the object, because the
+ * reference is the object's identifier; the rest of the text keeps its own values.
+ */
+function createRestrictedMarker(intl, text) {
+    return {
+        type: "element",
+        tagName: "span",
+        properties: {
+            className: "gd-rich-text-metric-restricted gd-icon-lock",
+        },
+        position: text?.position ?? undefined,
+        children: [{ type: "text", value: intl.formatMessage({ id: "richText.restricted" }) }],
+    };
+}
 function iterateTree(node, callbacks) {
     //Text type
     if (node.type === "text") {

package/esm/index.js

@@ -1,5 +1,5 @@
 // (C) 2020-2026 GoodData Corporation
-/* oxlint-disable no-barrel-files/no-barrel-files */
+// oxlint-disable no-barrel-files/no-barrel-files
 /**
  * This package provides various UI components used to build GoodData applications (such as buttons, icons, and so on).
  *

package/esm/responsive/interfaces.d.ts

@@ -18,79 +18,79 @@ export type IBreakpointsConfig = {
  *
  * @internal
  */
-export interface IMediaQueries {
+export interface IMediaQueries<T> {
     /**
      * Is screen classified as smaller than 'sm'?
      */
-    "<sm": string;
+    "<sm": T;
     /**
      * Is screen classified as 'sm' or larger?
      */
-    ">=sm": string;
+    ">=sm": T;
     /**
      * Is screen classified as 'sm'?
      */
-    sm: string;
+    sm: T;
     /**
      * Is screen classified as 'md' or larger?
      */
-    ">=md": string;
+    ">=md": T;
     /**
      * Is screen classified as 'md' or smaller?
      */
-    "<=md": string;
+    "<=md": T;
     /**
      * Is screen classified as 'md'?
      */
-    md: string;
+    md: T;
     /**
      * Is screen classified as 'lg' or larger?
      */
-    ">=lg": string;
+    ">=lg": T;
     /**
      * Is screen classified as 'lg' or smaller?
      */
-    "<=lg": string;
+    "<=lg": T;
     /**
      * Is screen classified as 'lg'?
      */
-    lg: string;
+    lg: T;
     /**
      * Is screen classified as 'xl' or smaller?
      */
-    "<=xl": string;
+    "<=xl": T;
     /**
      * Is screen classified as 'xl' or larger?
      */
-    ">=xl": string;
+    ">=xl": T;
     /**
      * Is screen classified as 'xl'?
      */
-    xl: string;
+    xl: T;
     /**
      * Is screen classified as 'xxl' or larger?
      */
-    ">=xxl": string;
+    ">=xxl": T;
     /**
      * Is screen classified as 'xxl'?
      */
-    xxl: string;
+    xxl: T;
     /**
      * Is screen classified as a mobile device?
      */
-    mobileDevice: string;
+    mobileDevice: T;
     /**
      * Is screen classified as other than mobile device?
      */
-    "!mobileDevice": string;
+    "!mobileDevice": T;
     /**
      * Is screen classified as a desktop device?
      */
-    desktop: string;
+    desktop: T;
     /**
      * Is screen classified as smaller than desktop device?
      */
-    "<desktop": string;
+    "<desktop": T;
 }
 /**
  * The responsive configuration serves to configure breakpoints and other constants

package/esm/responsive/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/responsive/interfaces.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG;KAC5B,CAAC,IAAI,oBAAoB,GAAG,MAAM;CACtC,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,kBAAkB,CAAC;CACnC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/responsive/interfaces.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG;KAC5B,CAAC,IAAI,oBAAoB,GAAG,MAAM;CACtC,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;IAEV;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IAEN;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;IAEV;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;IAEV;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IAEN;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;IAEV;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;IAEV;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IAEN;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;IAEV;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;IAEV;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IAEN;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IAEX;;OAEG;IACH,GAAG,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC;IAEhB;;OAEG;IACH,eAAe,EAAE,CAAC,CAAC;IAEnB;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IAEX;;OAEG;IACH,UAAU,EAAE,CAAC,CAAC;CACjB;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,kBAAkB,CAAC;CACnC"}

package/esm/responsive/useMediaQuery.d.ts

@@ -4,7 +4,8 @@ import { type IMediaQueries } from "./interfaces.js";
  *
  * @internal
  * @param mediaQueryName - media query name to test
+ * @param anchor - anchor point for the media query. If provided, the media query will be tested against the anchor point.
  * @returns boolean
  */
-export declare const useMediaQuery: (mediaQueryName: keyof IMediaQueries) => boolean;
+export declare const useMediaQuery: (mediaQueryName: keyof IMediaQueries<string>, anchor?: number) => boolean;
 //# sourceMappingURL=useMediaQuery.d.ts.map

package/esm/responsive/useMediaQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/responsive/useMediaQuery.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAmBrD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,mBAAoB,MAAM,aAAa,KAAG,OAoEnE,CAAC"}
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/responsive/useMediaQuery.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAmCrD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,mBAAoB,MAAM,aAAa,CAAC,MAAM,CAAC,WAAW,MAAM,KAAG,OA+F5F,CAAC"}

package/esm/responsive/useMediaQuery.js

@@ -3,17 +3,33 @@ import { useMediaQuery as useReactResponsiveMediaQuery } from "react-responsive"
 import { invariant } from "ts-invariant";
 import { useResponsiveContext } from "./ResponsiveContext.js";
 const SCREEN = "only screen";
-const getQueryMatching = (range) => `${SCREEN} and (min-width:${range.lower}px) and (max-width:${range.upper}px)`;
-const getQueryMatchingOrGreater = (range) => `${SCREEN} and (min-width:${range.lower}px)`;
-const getQueryMatchingOrSmaller = (range) => `${SCREEN} and (max-width:${range.upper}px)`;
+const getQueryMatching = (range) => {
+    return `${SCREEN} and (min-width:${range.lower}px) and (max-width:${range.upper}px)`;
+};
+const getQueryMatchingOrGreater = (range) => {
+    return `${SCREEN} and (min-width:${range.lower}px)`;
+};
+const getQueryMatchingOrSmaller = (range) => {
+    return `${SCREEN} and (max-width:${range.upper}px)`;
+};
+const getAnchorMatching = (range, anchor = -1) => {
+    return range.lower <= anchor && anchor <= range.upper;
+};
+const getAnchorMatchingOrGreater = (range, anchor = -1) => {
+    return range.lower <= anchor && anchor >= 0;
+};
+const getAnchorMatchingOrSmaller = (range, anchor = -1) => {
+    return range.upper >= anchor && anchor >= 0;
+};
 /**
  * Hook, testing whether screen width matches provided media query.
  *
  * @internal
  * @param mediaQueryName - media query name to test
+ * @param anchor - anchor point for the media query. If provided, the media query will be tested against the anchor point.
  * @returns boolean
  */
-export const useMediaQuery = (mediaQueryName) => {
+export const useMediaQuery = (mediaQueryName, anchor) => {
     const { breakpoints } = useResponsiveContext();
     const smallRange = {
         lower: 0,
@@ -68,7 +84,32 @@ export const useMediaQuery = (mediaQueryName) => {
         desktop: getQueryMatching(desktopRange),
         "<desktop": getQueryMatching(smallerThanDesktop),
     };
+    const mediaAnchors = {
+        "<sm": getAnchorMatching(smallRange, anchor),
+        ">=sm": getAnchorMatchingOrGreater(smallRange, anchor),
+        sm: getAnchorMatching(smallRange, anchor),
+        ">=md": getAnchorMatchingOrGreater(mediumRange, anchor),
+        "<=md": getAnchorMatchingOrSmaller(mediumRange, anchor),
+        md: getAnchorMatching(mediumRange, anchor),
+        ">=lg": getAnchorMatchingOrGreater(largeRange, anchor),
+        "<=lg": getAnchorMatchingOrSmaller(largeRange, anchor),
+        lg: getAnchorMatching(largeRange, anchor),
+        "<=xl": getAnchorMatchingOrSmaller(xlargeRange, anchor),
+        ">=xl": getAnchorMatchingOrGreater(xlargeRange, anchor),
+        xl: getAnchorMatching(xlargeRange, anchor),
+        ">=xxl": getAnchorMatchingOrGreater(xxlargeRange, anchor),
+        xxl: getAnchorMatching(xxlargeRange, anchor),
+        mobileDevice: getAnchorMatching(mobileRange, anchor),
+        "!mobileDevice": getAnchorMatching(notMobileRange, anchor),
+        desktop: getAnchorMatching(desktopRange, anchor),
+        "<desktop": getAnchorMatching(smallerThanDesktop, anchor),
+    };
     const mediaQuery = mediaQueries[mediaQueryName];
     invariant(mediaQuery, `Please provide valid media query name! Actual: ${mediaQuery}`);
-    return useReactResponsiveMediaQuery({ query: mediaQuery });
+    const query = useReactResponsiveMediaQuery({ query: mediaQuery });
+    const anchored = mediaAnchors[mediaQueryName];
+    if (anchor) {
+        return anchored;
+    }
+    return query;
 };

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

@@ -2724,7 +2724,7 @@ export declare function IconTreeMap({ className, width, height, color, ariaHidde
 /**
  * @internal
  */
-export declare type IconType = "aiAgent" | "aiAgentDisabled" | "brain" | "brainDisabled" | "check" | "checkCircle" | "certification" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "edit" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "infoCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "geoCollection" | "geoCollectionUpload" | "minimize" | "shrink" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderSmall" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minus" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "building" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "ldmKey" | "ldmLabel" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "alignLeft" | "alignCenter" | "alignRight" | "alignTop" | "alignMiddle" | "alignBottom" | "bold" | "italic" | "imageContain" | "imageCover" | "imageFill" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "history2" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "externalLink" | "click" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "aiDocument" | "recommendation" | "streamUp" | "streamDown" | "stream" | "density" | "parameter" | "pin" | "unpin" | "speechBubble" | "pieChart" | "timezone" | "sidePanelCollapse" | "sidePanelExpand";
+export declare type IconType = "aiAgent" | "aiAgentDisabled" | "brain" | "brainDisabled" | "check" | "checkCircle" | "certification" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "edit" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "infoCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "geoCollection" | "geoCollectionUpload" | "minimize" | "shrink" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderSmall" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "levelUp" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minus" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "building" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "ldmKey" | "ldmLabel" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "alignLeft" | "alignCenter" | "alignRight" | "alignTop" | "alignMiddle" | "alignBottom" | "bold" | "italic" | "imageContain" | "imageCover" | "imageFill" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "history2" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "externalLink" | "click" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "aiDocument" | "recommendation" | "streamUp" | "streamDown" | "stream" | "density" | "parameter" | "pin" | "unpin" | "speechBubble" | "pieChart" | "timezone" | "sidePanelCollapse" | "sidePanelExpand";
 
 /**
  * @internal
@@ -2947,6 +2947,8 @@ export declare interface IDescriptionPanelProps {
     LoadingComponent?: ComponentType;
     filters?: IFilter[];
     separators?: ISeparators_3;
+    /** References the current user is not allowed to read; each renders as a marker in place of its value. */
+    restrictedReferences?: ObjRef[];
     execConfig?: IExecutionConfig;
     id?: string;
 }
@@ -4261,6 +4263,8 @@ export declare interface IInsightListItemProps {
     onDescriptionPanelOpen?: () => void;
     showDescriptionPanel?: boolean;
     useReferences?: boolean;
+    /** References the current user is not allowed to read; each renders as a marker in place of its value. */
+    restrictedReferences?: ObjRef[];
     metadataTimeZone?: string;
     richTextExecConfig?: IExecutionConfig;
     LoadingComponent?: ComponentType;
@@ -4870,79 +4874,79 @@ export declare interface IMeasureNumberFormatOwnProps {
  *
  * @internal
  */
-export declare interface IMediaQueries {
+export declare interface IMediaQueries<T> {
     /**
      * Is screen classified as smaller than 'sm'?
      */
-    "<sm": string;
+    "<sm": T;
     /**
      * Is screen classified as 'sm' or larger?
      */
-    ">=sm": string;
+    ">=sm": T;
     /**
      * Is screen classified as 'sm'?
      */
-    sm: string;
+    sm: T;
     /**
      * Is screen classified as 'md' or larger?
      */
-    ">=md": string;
+    ">=md": T;
     /**
      * Is screen classified as 'md' or smaller?
      */
-    "<=md": string;
+    "<=md": T;
     /**
      * Is screen classified as 'md'?
      */
-    md: string;
+    md: T;
     /**
      * Is screen classified as 'lg' or larger?
      */
-    ">=lg": string;
+    ">=lg": T;
     /**
      * Is screen classified as 'lg' or smaller?
      */
-    "<=lg": string;
+    "<=lg": T;
     /**
      * Is screen classified as 'lg'?
      */
-    lg: string;
+    lg: T;
     /**
      * Is screen classified as 'xl' or smaller?
      */
-    "<=xl": string;
+    "<=xl": T;
     /**
      * Is screen classified as 'xl' or larger?
      */
-    ">=xl": string;
+    ">=xl": T;
     /**
      * Is screen classified as 'xl'?
      */
-    xl: string;
+    xl: T;
     /**
      * Is screen classified as 'xxl' or larger?
      */
-    ">=xxl": string;
+    ">=xxl": T;
     /**
      * Is screen classified as 'xxl'?
      */
-    xxl: string;
+    xxl: T;
     /**
      * Is screen classified as a mobile device?
      */
-    mobileDevice: string;
+    mobileDevice: T;
     /**
      * Is screen classified as other than mobile device?
      */
-    "!mobileDevice": string;
+    "!mobileDevice": T;
     /**
      * Is screen classified as a desktop device?
      */
-    desktop: string;
+    desktop: T;
     /**
      * Is screen classified as smaller than desktop device?
      */
-    "<desktop": string;
+    "<desktop": T;
 }
 
 /**
@@ -5146,7 +5150,7 @@ export declare function InsightIcon({ visualizationUrl, iconProps, }: IInsightIc
 /**
  * @internal
  */
-export declare function InsightListItem({ title, description, updated, type, isSelected, isLoading, filters, separators, LoadingComponent, onClick, onDescriptionPanelOpen, showDescriptionPanel, useReferences, richTextExecConfig, width, isLocked, onDelete, metadataTimeZone, }: IInsightListItemProps): JSX.Element;
+export declare function InsightListItem({ title, description, updated, type, isSelected, isLoading, filters, separators, LoadingComponent, onClick, onDescriptionPanelOpen, showDescriptionPanel, useReferences, restrictedReferences, richTextExecConfig, width, isLocked, onDelete, metadataTimeZone, }: IInsightListItemProps): JSX.Element;
 
 /**
  * @internal
@@ -5574,6 +5578,12 @@ export declare interface IRichTextProps {
      * Filters to be used for rendering references.
      */
     filters?: IFilter[];
+    /**
+     * References the current user is not allowed to read. Each of them renders as a marker in place
+     * of its value, and is left out of the execution that resolves the remaining references — one
+     * execution serves them all, and it fails as a whole if it asks for a restricted object.
+     */
+    restrictedReferences?: ObjRef[];
     /**
      * If true, the filters are loading.
      */
@@ -6116,7 +6126,7 @@ export declare const isLabelsChecklistItemChecked: (item: IUiLabelsChecklistItem
  * replace it; a slot that does not spread `defaultProps` onto `Default` loses the default
  * behavior wired through them (including the host's initial-focus ref).
  *
- * @alpha
+ * @beta
  */
 export declare interface ISlotProps<TProps> {
     /**
@@ -7625,6 +7635,11 @@ export declare interface IUiDropdownBodyRenderProps {
     ariaAttributes: {
         id: string;
     };
+    /**
+     * Id of the element around the trigger. A body with no name of its own takes it as
+     * `aria-labelledby`; a body that sets `aria-label` leaves it alone.
+     */
+    triggerId: string;
 }
 
 /**
@@ -8804,7 +8819,7 @@ export declare interface IUiPagedVirtualListProps<T> {
     getIsItemSelected?: (item: T) => boolean;
     itemHeightGetter?: (index: number) => number;
     onScroll?: () => void;
-    onFocus?: (e: React.FocusEvent) => void;
+    onFocus?: (e: FocusEvent_2) => void;
     handleFocusIndexChange?: boolean;
 }
 
@@ -12150,9 +12165,10 @@ export declare function useListWithActionsKeyboardNavigation<Item, Action extend
  *
  * @internal
  * @param mediaQueryName - media query name to test
+ * @param anchor - anchor point for the media query. If provided, the media query will be tested against the anchor point.
  * @returns boolean
  */
-export declare const useMediaQuery: (mediaQueryName: keyof IMediaQueries) => boolean;
+export declare const useMediaQuery: (mediaQueryName: keyof IMediaQueries<string>, anchor?: number) => boolean;
 
 /**
  * Hook that creates format presets and templates based on metric type.

package/esm/typings/slots.d.ts

@@ -12,7 +12,7 @@ import { type ComponentType } from "react";
  * replace it; a slot that does not spread `defaultProps` onto `Default` loses the default
  * behavior wired through them (including the host's initial-focus ref).
  *
- * @alpha
+ * @beta
  */
 export interface ISlotProps<TProps> {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "11.57.0-alpha.0",
+  "version": "11.57.0-alpha.2",
   "description": "GoodData SDK - UI Building Components",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -79,11 +79,11 @@
     "unified": "^11.0.5",
     "uuid": "11.1.1",
     "yaml": "2.8.3",
-    "@gooddata/sdk-backend-spi": "11.57.0-alpha.0",
-    "@gooddata/sdk-model": "11.57.0-alpha.0",
-    "@gooddata/sdk-ui": "11.57.0-alpha.0",
-    "@gooddata/sdk-ui-theme-provider": "11.57.0-alpha.0",
-    "@gooddata/util": "11.57.0-alpha.0"
+    "@gooddata/sdk-backend-spi": "11.57.0-alpha.2",
+    "@gooddata/sdk-model": "11.57.0-alpha.2",
+    "@gooddata/sdk-ui-theme-provider": "11.57.0-alpha.2",
+    "@gooddata/util": "11.57.0-alpha.2",
+    "@gooddata/sdk-ui": "11.57.0-alpha.2"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "7.30.10",
@@ -117,22 +117,23 @@
     "kefir": "3.8.8",
     "npm-run-all": "4.1.5",
     "oxfmt": "0.66.0",
-    "oxlint": "1.57.0",
-    "oxlint-tsgolint": "0.15.0",
+    "oxlint": "1.66.0",
+    "oxlint-plugin-eslint": "1.82.0",
+    "oxlint-tsgolint": "0.18.1",
     "raf": "3.4.1",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "sass": "1.100.0",
+    "sass": "1.104.0",
     "stylelint": "16.26.1",
     "svgo": "2.8.3",
     "typescript": "7.0.2",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/oxlint-config": "11.57.0-alpha.0",
-    "@gooddata/eslint-config": "11.57.0-alpha.0",
-    "@gooddata/reference-workspace": "11.57.0-alpha.0",
-    "@gooddata/stylelint-config": "11.57.0-alpha.0",
-    "@gooddata/sdk-backend-mockingbird": "11.57.0-alpha.0"
+    "@gooddata/eslint-config": "11.57.0-alpha.2",
+    "@gooddata/oxlint-config": "11.57.0-alpha.2",
+    "@gooddata/reference-workspace": "11.57.0-alpha.2",
+    "@gooddata/sdk-backend-mockingbird": "11.57.0-alpha.2",
+    "@gooddata/stylelint-config": "11.57.0-alpha.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",