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

package/esm/@ui/@utils/keyboardNavigation.d.ts

@@ -105,4 +105,14 @@ export declare const makeLinearKeyboardNavigationWithConfirm: <T extends Keyboar
     onSelect?: ((event: T) => void) | undefined;
     onUnhandledKeyDown?: ((event: T) => void) | undefined;
 }, options?: IHandleActionOptions) => (event: T) => void;
+/**
+ * Home and End are left out so they reach an enclosing toolbar.
+ *
+ * @internal
+ */
+export declare const makeRadioGroupKeyboardNavigation: <T extends KeyboardEvent = KeyboardEvent<Element>>(handlers: {
+    onFocusNext?: ((event: T) => void) | undefined;
+    onFocusPrevious?: ((event: T) => void) | undefined;
+    onUnhandledKeyDown?: ((event: T) => void) | undefined;
+}, options?: IHandleActionOptions) => (event: T) => void;
 //# sourceMappingURL=keyboardNavigation.d.ts.map

package/esm/@ui/@utils/keyboardNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardNavigation.d.ts","sourceRoot":"","sources":["../../../src/@ui/@utils/keyboardNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAqBD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAG,GAAY,CAAC;AAC5C;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,GAAG,OAAO,eAAe,GAAG,WAAW,EAAE,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAC9B,aAAa,SAAS;IAAE,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAA;KAAE,CAAC,CAAA;CAAE,iBACrF,aAAa,MAE/B,CAAC,SAAS,aAAa,GAAG,aAAa,YAC1B,GAAG,MAAM,IAAI,MAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAE,YAChF,oBAAoB,aAEd,CAAC,SAmCnB,CAAC;AAEN;;GAEG;AACH,eAAO,MAAM,0BAA0B,GA5ClC,CAAC,SAAS,aAAa;6BAC+D,IAAI;;;;;;;;;aAC9E,oBAAoB,uBAmDnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,0BAA0B,GA1DlC,CAAC,SAAS,aAAa;iCAC+D,IAAI;;;;;;;;aAC9E,oBAAoB,uBAgEnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B,GAvEpC,CAAC,SAAS,aAAa;6BAC+D,IAAI;;;;;;;aAC9E,oBAAoB,uBA4EnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B,GAnFpC,CAAC,SAAS,aAAa;6BAC+D,IAAI;;;;aAC9E,oBAAoB,uBAqFnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,0BAA0B,GA5FlC,CAAC,SAAS,aAAa;kCAC+D,IAAI;;;;;;aAC9E,oBAAoB,uBAgGnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gCAAgC,GAvGxC,CAAC,SAAS,aAAa;kCAC+D,IAAI;;;;;aAC9E,oBAAoB,uBA0GnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uCAAuC,GAjH/C,CAAC,SAAS,aAAa;6BAC+D,IAAI;;;;;;;;aAC9E,oBAAoB,uBAuHnC,CAAC"}
+{"version":3,"file":"keyboardNavigation.d.ts","sourceRoot":"","sources":["../../../src/@ui/@utils/keyboardNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAqBD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAG,GAAY,CAAC;AAC5C;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,GAAG,OAAO,eAAe,GAAG,WAAW,EAAE,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAC9B,aAAa,SAAS;IAAE,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAA;KAAE,CAAC,CAAA;CAAE,iBACrF,aAAa,MAE/B,CAAC,SAAS,aAAa,GAAG,aAAa,YAC1B,GAAG,MAAM,IAAI,MAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAE,YAChF,oBAAoB,aAEd,CAAC,SAmCnB,CAAC;AAEN;;GAEG;AACH,eAAO,MAAM,0BAA0B,GA5ClC,CAAC,SAAS,aAAa;6BAC+D,IAAI;;;;;;;;;aAC9E,oBAAoB,uBAmDnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,0BAA0B,GA1DlC,CAAC,SAAS,aAAa;iCAC+D,IAAI;;;;;;;;aAC9E,oBAAoB,uBAgEnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B,GAvEpC,CAAC,SAAS,aAAa;6BAC+D,IAAI;;;;;;;aAC9E,oBAAoB,uBA4EnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B,GAnFpC,CAAC,SAAS,aAAa;6BAC+D,IAAI;;;;aAC9E,oBAAoB,uBAqFnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,0BAA0B,GA5FlC,CAAC,SAAS,aAAa;kCAC+D,IAAI;;;;;;aAC9E,oBAAoB,uBAgGnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gCAAgC,GAvGxC,CAAC,SAAS,aAAa;kCAC+D,IAAI;;;;;aAC9E,oBAAoB,uBA0GnC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uCAAuC,GAjH/C,CAAC,SAAS,aAAa;6BAC+D,IAAI;;;;;;;;aAC9E,oBAAoB,uBAuHnC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,GAhIxC,CAAC,SAAS,aAAa;iCAC+D,IAAI;;;aAC9E,oBAAoB,uBAiInC,CAAC"}

package/esm/@ui/@utils/keyboardNavigation.js

@@ -119,3 +119,12 @@ export const makeLinearKeyboardNavigationWithConfirm = makeKeyboardNavigation({
     onConfirm: [{ code: "Enter" }],
     onClose: [{ code: "Escape" }],
 });
+/**
+ * Home and End are left out so they reach an enclosing toolbar.
+ *
+ * @internal
+ */
+export const makeRadioGroupKeyboardNavigation = makeKeyboardNavigation({
+    onFocusPrevious: [{ code: ["ArrowLeft", "ArrowUp"] }],
+    onFocusNext: [{ code: ["ArrowRight", "ArrowDown"] }],
+});

package/esm/@ui/UiAddGranteeDialog/UiAddGranteeDialogCard.d.ts

@@ -5,8 +5,6 @@ import { type PermissionMenuLevel } from "../UiPermissionMenu/UiPermissionMenu.j
  * @internal
  */
 export interface IUiAddGranteeDialogCardProps {
-    /** Object title shown in the header — wrapped into `Share "\{title\}"`. */
-    objectTitle: string;
     /** Loader passed straight through to the embedded `UiGranteeAsyncPicker`. */
     loadOptions: (search: string) => Promise<IUiGranteeAsyncOptions>;
     /**
@@ -54,9 +52,9 @@ export interface IUiAddGranteeDialogCardProps {
     dataTestId?: string;
 }
 /**
- * Add-grantee dialog card — header + grantee picker (search input with
- * sectioned Groups/Users dropdown and picked-rows list) + footer with Cancel
- * and Share. Renders inline as a plain card. For modal behavior (portal,
+ * Add-grantee dialog card — header ("Add users or groups", which also names the
+ * search input) + grantee picker (search input with sectioned Groups/Users
+ * dropdown and picked-rows list) + footer with Cancel and Add. Renders inline as a plain card. For modal behavior (portal,
  * backdrop, focus trap, dismiss), use `UiAddGranteeDialog` which wraps this
  * in `UiModalDialog`.
  *
@@ -66,5 +64,5 @@ export interface IUiAddGranteeDialogCardProps {
  *
  * @internal
  */
-export declare function UiAddGranteeDialogCard({ objectTitle, loadOptions, disabledLevels, disabledTooltip, selectedGrantees, onSelectedGranteesChange, initialPermissionLevel, labels, onBack, onClose, onCancel, onShare, dataTestId, }: IUiAddGranteeDialogCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiAddGranteeDialogCard({ loadOptions, disabledLevels, disabledTooltip, selectedGrantees, onSelectedGranteesChange, initialPermissionLevel, labels, onBack, onClose, onCancel, onShare, dataTestId, }: IUiAddGranteeDialogCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiAddGranteeDialogCard.d.ts.map

package/esm/@ui/UiAddGranteeDialog/UiAddGranteeDialogCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiAddGranteeDialogCard.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiAddGranteeDialog/UiAddGranteeDialogCard.tsx"],"names":[],"mappings":"AAWA,OAAO,EACH,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EAExB,MAAM,iDAAiD,CAAC;AAEzD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAGxF,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAMnF;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,2EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IAEpB,6EAA6E;IAC7E,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACjE;;;OAGG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,gBAAgB,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAClD;;;;OAIG;IACH,wBAAwB,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC7D;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,mBAAmB,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAE/C,+DAA+D;IAC/D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uDAAuD;IACvD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,WAAW,EACX,WAAW,EACX,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,wBAAwB,EACxB,sBAA+B,EAC/B,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,UAAU,GACb,EAAE,4BAA4B,2CAoD9B"}
+{"version":3,"file":"UiAddGranteeDialogCard.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiAddGranteeDialog/UiAddGranteeDialogCard.tsx"],"names":[],"mappings":"AAOA,OAAO,EACH,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EAExB,MAAM,iDAAiD,CAAC;AAEzD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAGxF,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAMnF;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,6EAA6E;IAC7E,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACjE;;;OAGG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,gBAAgB,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAClD;;;;OAIG;IACH,wBAAwB,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC7D;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,mBAAmB,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAE/C,+DAA+D;IAC/D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uDAAuD;IACvD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,WAAW,EACX,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,wBAAwB,EACxB,sBAA+B,EAC/B,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,UAAU,GACb,EAAE,4BAA4B,2CAuD9B"}

package/esm/@ui/UiAddGranteeDialog/UiAddGranteeDialogCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
 import { useIntl } from "react-intl";
-import { commonDialogMessages, olpAddGranteeDialogMessages, olpObjectShareDialogMessages, } from "../../locales.js";
+import { commonDialogMessages, olpAddGranteeDialogMessages } from "../../locales.js";
 import { bem } from "../@utils/bem.js";
 import { UiButton } from "../UiButton/UiButton.js";
 import { UiGranteeAsyncPicker, } from "../UiGranteeAsyncPicker/UiGranteeAsyncPicker.js";
@@ -11,9 +11,9 @@ import { UiDialogHeader } from "../UiModalDialog/UiDialogHeader.js";
 import { useGranteeSelection } from "./useGranteeSelection.js";
 const { b } = bem("gd-ui-kit-add-grantee-dialog");
 /**
- * Add-grantee dialog card — header + grantee picker (search input with
- * sectioned Groups/Users dropdown and picked-rows list) + footer with Cancel
- * and Share. Renders inline as a plain card. For modal behavior (portal,
+ * Add-grantee dialog card — header ("Add users or groups", which also names the
+ * search input) + grantee picker (search input with sectioned Groups/Users
+ * dropdown and picked-rows list) + footer with Cancel and Add. Renders inline as a plain card. For modal behavior (portal,
  * backdrop, focus trap, dismiss), use `UiAddGranteeDialog` which wraps this
  * in `UiModalDialog`.
  *
@@ -23,14 +23,16 @@ const { b } = bem("gd-ui-kit-add-grantee-dialog");
  *
  * @internal
  */
-export function UiAddGranteeDialogCard({ objectTitle, loadOptions, disabledLevels, disabledTooltip, selectedGrantees, onSelectedGranteesChange, initialPermissionLevel = "VIEW", labels, onBack, onClose, onCancel, onShare, dataTestId, }) {
+export function UiAddGranteeDialogCard({ loadOptions, disabledLevels, disabledTooltip, selectedGrantees, onSelectedGranteesChange, initialPermissionLevel = "VIEW", labels, onBack, onClose, onCancel, onShare, dataTestId, }) {
     const intl = useIntl();
-    const dialogTitle = intl.formatMessage(olpObjectShareDialogMessages.title, { title: objectTitle });
-    const backButton = (_jsx(UiIconButton, { icon: "chevronLeft", variant: "tertiary", size: "small", onClick: onBack, accessibilityConfig: { ariaLabel: intl.formatMessage(olpAddGranteeDialogMessages.back) } }));
+    // The title doubles as the accessible name of the picker's search input, which has
+    // no visible label of its own.
+    const dialogTitle = intl.formatMessage(olpAddGranteeDialogMessages.title);
+    const backButton = (_jsx(UiIconButton, { icon: "chevronLeft", variant: "secondary", size: "small", onClick: onBack, accessibilityConfig: { ariaLabel: intl.formatMessage(olpAddGranteeDialogMessages.back) } }));
     const { select, changePermission, changeLabels, remove } = useGranteeSelection({
         selectedGrantees,
         onSelectedGranteesChange,
         initialPermissionLevel,
     });
-    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [_jsx(UiDialogHeader, { title: dialogTitle, titleSize: "large", onClose: onClose, leading: backButton }), _jsx(UiGranteeAsyncPicker, { loadOptions: loadOptions, disabledLevels: disabledLevels, disabledTooltip: disabledTooltip, selectedGrantees: selectedGrantees, onSelect: select, onPermissionChange: changePermission, labels: labels, onLabelsChange: changeLabels, onRemove: remove }), _jsxs(UiDialogFooter, { divider: true, children: [_jsx(UiButton, { label: intl.formatMessage(commonDialogMessages.cancel), variant: "secondary", size: "medium", onClick: onCancel }), _jsx(UiButton, { label: intl.formatMessage(olpAddGranteeDialogMessages.add), variant: "primary", size: "medium", onClick: onShare, isDisabled: selectedGrantees.length === 0 })] })] }));
+    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [_jsx(UiDialogHeader, { title: dialogTitle, onClose: onClose, leading: backButton }), _jsx(UiGranteeAsyncPicker, { accessibilityConfig: { ariaLabel: dialogTitle }, loadOptions: loadOptions, disabledLevels: disabledLevels, disabledTooltip: disabledTooltip, selectedGrantees: selectedGrantees, onSelect: select, onPermissionChange: changePermission, labels: labels, onLabelsChange: changeLabels, onRemove: remove }), _jsxs(UiDialogFooter, { divider: true, children: [_jsx(UiButton, { label: intl.formatMessage(commonDialogMessages.cancel), variant: "secondary", size: "medium", onClick: onCancel }), _jsx(UiButton, { label: intl.formatMessage(olpAddGranteeDialogMessages.add), variant: "primary", size: "medium", onClick: onShare, isDisabled: selectedGrantees.length === 0 })] })] }));
 }

package/esm/@ui/UiAutocomplete/useAsyncListSource.js

@@ -83,7 +83,7 @@ export function useAsyncListSource(loadOptions, { debounceMs }) {
     const reset = useCallback(() => {
         setInputValueImmediate("");
         setPagination(null);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // oxlint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return useMemo(() => ({
         inputValue,

package/esm/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.d.ts

@@ -1,4 +1,5 @@
 import { type ObjRef } from "@gooddata/sdk-model";
+import { type IAccessibilityConfigBase } from "../../typings/accessibility.js";
 import { type GranteeAvatarKind } from "../UiGranteeAvatar/UiGranteeAvatar.js";
 import { type IUiLabelsChecklistItem } from "../UiLabelsChecklist/UiLabelsChecklist.js";
 import { type PermissionMenuLevel } from "../UiPermissionMenu/UiPermissionMenu.js";
@@ -84,6 +85,12 @@ export interface IUiGranteeAsyncPickerProps {
      * stays hidden rather than offering an Apply that discards it.
      */
     labels?: ReadonlyArray<IUiLabelsChecklistItem>;
+    /**
+     * Accessible name of the search input, which has no visible label of its own — the
+     * surrounding dialog's title names it, so pass that title here. Defaults to the
+     * add-grantee dialog title.
+     */
+    accessibilityConfig?: Pick<IAccessibilityConfigBase, "ariaLabel">;
     /** Fires with the applied label scope of a picked row. Enables `labels`. */
     onLabelsChange?: (grantee: IUiPickedGrantee, selectedLabelIds: string[]) => void;
     /** Test id forwarded to the root element. */
@@ -98,5 +105,5 @@ export interface IUiGranteeAsyncPickerProps {
  *
  * @internal
  */
-export declare function UiGranteeAsyncPicker({ loadOptions, selectedGrantees, onSelect, onPermissionChange, disabledLevels, disabledTooltip, onRemove, labels, onLabelsChange, dataTestId, }: IUiGranteeAsyncPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiGranteeAsyncPicker({ loadOptions, selectedGrantees, onSelect, onPermissionChange, disabledLevels, disabledTooltip, onRemove, labels, onLabelsChange, accessibilityConfig, dataTestId, }: IUiGranteeAsyncPickerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiGranteeAsyncPicker.d.ts.map

package/esm/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiGranteeAsyncPicker.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAOlD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EACH,KAAK,mBAAmB,EAG3B,MAAM,yCAAyC,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAClC,uFAAuF;IACvF,EAAE,EAAE,MAAM,CAAC;IACX;;yBAEqB;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,IAAI,EAAE,iBAAiB,CAAC;IACxB,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB;IAC3D,gGAAgG;IAChG,eAAe,EAAE,mBAAmB,CAAC;IACrC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CACpC;AAED;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACjE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACnD,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpF;;;OAGG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC/C,4EAA4E;IAC5E,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjF,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAOD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,WAAW,EACX,gBAAqB,EACrB,QAAQ,EACR,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,QAAQ,EACR,MAAM,EACN,cAAc,EACd,UAAU,GACb,EAAE,0BAA0B,2CAyH5B"}
+{"version":3,"file":"UiGranteeAsyncPicker.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAK/E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EACH,KAAK,mBAAmB,EAG3B,MAAM,yCAAyC,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAClC,uFAAuF;IACvF,EAAE,EAAE,MAAM,CAAC;IACX;;yBAEqB;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,IAAI,EAAE,iBAAiB,CAAC;IACxB,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB;IAC3D,gGAAgG;IAChG,eAAe,EAAE,mBAAmB,CAAC;IACrC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CACpC;AAED;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC;;;;;OAKG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACjE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACnD,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpF;;;OAGG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC/C;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC;IAClE,4EAA4E;IAC5E,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjF,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAOD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,WAAW,EACX,gBAAqB,EACrB,QAAQ,EACR,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,QAAQ,EACR,MAAM,EACN,cAAc,EACd,mBAAmB,EACnB,UAAU,GACb,EAAE,0BAA0B,2CA+H5B"}

package/esm/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.js

@@ -18,7 +18,7 @@ const { b, e } = bem("gd-ui-kit-grantee-async-picker");
  *
  * @internal
  */
-export function UiGranteeAsyncPicker({ loadOptions, selectedGrantees = [], onSelect, onPermissionChange, disabledLevels, disabledTooltip, onRemove, labels, onLabelsChange, dataTestId, }) {
+export function UiGranteeAsyncPicker({ loadOptions, selectedGrantees = [], onSelect, onPermissionChange, disabledLevels, disabledTooltip, onRemove, labels, onLabelsChange, accessibilityConfig, dataTestId, }) {
     const intl = useIntl();
     const groupsLabel = intl.formatMessage(uiGranteeAsyncPickerMessages.sectionGroups);
     const usersLabel = intl.formatMessage(uiGranteeAsyncPickerMessages.sectionUsers);
@@ -57,16 +57,20 @@ export function UiGranteeAsyncPicker({ loadOptions, selectedGrantees = [], onSel
         stateError: intl.formatMessage(uiGranteeAsyncPickerMessages.stateError),
         stateNoMatch: intl.formatMessage(uiGranteeAsyncPickerMessages.stateNoMatch),
     }), [intl]);
-    const fieldLabel = intl.formatMessage(olpAddGranteeDialogMessages.userOrGroup);
+    // `||`, not `??`: an empty custom label must not leave the combobox unnamed.
+    const fieldLabel = accessibilityConfig?.ariaLabel || intl.formatMessage(olpAddGranteeDialogMessages.title);
     // A row with no scope of its own covers every label (see `labelIds`). The drill-in is
     // offered only when the pick has somewhere to go — otherwise Apply would silently
     // discard it.
     const scopeLabels = onLabelsChange ? labels : undefined;
     const allLabelIds = useMemo(() => (scopeLabels ?? []).map((l) => l.id), [scopeLabels]);
-    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [_jsxs("div", { className: e("field"), children: [_jsx("div", { className: e("field-label"), children: fieldLabel }), _jsx(UiAutocomplete, { loadOptions: adaptedLoadOptions, selectedIds: selectedIds, onSelect: handleSelect, messages: autocompleteMessages, accessibilityConfig: {
-                            ariaLabel: fieldLabel,
-                        } })] }), selectedGrantees.length === 0 ? (_jsx("div", { className: e("empty-state"), children: intl.formatMessage(olpAddGranteeDialogMessages.emptyState) })) : null, selectedGrantees.length > 0 ? (_jsx("ul", { className: e("picked-list"), children: selectedGrantees.map((g) => {
+    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [_jsx("div", { className: e("field"), children: _jsx(UiAutocomplete, { loadOptions: adaptedLoadOptions, selectedIds: selectedIds, onSelect: handleSelect, messages: autocompleteMessages, accessibilityConfig: {
+                        ariaLabel: fieldLabel,
+                    } }) }), selectedGrantees.length === 0 ? (_jsx("div", { className: e("empty-state"), children: intl.formatMessage(olpAddGranteeDialogMessages.emptyState) })) : null, selectedGrantees.length > 0 ? (_jsx("ul", { className: e("picked-list"), children: selectedGrantees.map((g) => {
                     const triggerLabel = intl.formatMessage(permissionLevelMessage(g.permissionLevel));
-                    return (_jsx("li", { className: e("picked-item"), children: _jsx(UiGranteeRow, { kind: g.kind, name: g.name, email: g.email, controls: _jsx(UiPermissionMenu, { selectedLevel: g.permissionLevel, onPermissionChange: (next) => onPermissionChange?.(g, next), disabledLevels: disabledLevels, disabledTooltip: disabledTooltip, labels: scopeLabels, selectedLabelIds: g.labelIds ?? allLabelIds, onLabelsChange: (ids) => onLabelsChange?.(g, ids), onRemoveAccess: onRemove ? () => onRemove(g) : undefined, anchor: _jsx(UiButton, { label: triggerLabel, variant: "dropdownInline", size: "small", iconAfter: "navigateDown" }) }) }) }, g.id));
+                    return (_jsx("li", { className: e("picked-item"), children: _jsx(UiGranteeRow, { kind: g.kind, name: g.name, email: g.email, controls: _jsx(UiPermissionMenu, { selectedLevel: g.permissionLevel, onPermissionChange: (next) => onPermissionChange?.(g, next), disabledLevels: disabledLevels, disabledTooltip: disabledTooltip, labels: scopeLabels, selectedLabelIds: g.labelIds ?? allLabelIds, onLabelsChange: (ids) => onLabelsChange?.(g, ids), onRemoveAccess: onRemove ? () => onRemove(g) : undefined, 
+                                // Nothing is granted yet, so the row drops the
+                                // candidate rather than revoking access.
+                                removeAccessLabel: intl.formatMessage(olpAddGranteeDialogMessages.remove), anchor: _jsx(UiButton, { label: triggerLabel, variant: "dropdownInline", size: "small", iconAfter: "navigateDown" }) }) }) }, g.id));
                 }) })) : null] }));
 }

package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiListboxInteractiveItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,KAAK,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAElE;;GAEG;AACH,wBAAgB,wCAAwC,CAAC,CAAC,EAAE,EACxD,IAAI,EACJ,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,GACX,EAAE,8BAA8B,CAAC,CAAC,CAAC,GAAG,SAAS,CAuC/C"}
+{"version":3,"file":"DefaultUiListboxInteractiveItemComponent.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,KAAK,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAKlE;;GAEG;AACH,wBAAgB,wCAAwC,CAAC,CAAC,EAAE,EACxD,IAAI,EACJ,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,GACX,EAAE,8BAA8B,CAAC,CAAC,CAAC,GAAG,SAAS,CA0D/C"}

package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.js

@@ -1,16 +1,20 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ShortenedText } from "../../../ShortenedText/ShortenedText.js";
+import { useIsTextTruncated } from "../../hooks/useIsTextTruncated.js";
 import { UiIcon } from "../../UiIcon/UiIcon.js";
 import { UiTooltip } from "../../UiTooltip/UiTooltip.js";
 import { e } from "../listboxBem.js";
+// The tooltip anchor wrapper defaults to fit-content; the title must be allowed to shrink and clip.
+const TITLE_ANCHOR_STYLE = { display: "block", minWidth: 0, flex: "1 1 0%" };
 /**
  * @internal
  */
 export function DefaultUiListboxInteractiveItemComponent({ item, isFocused, isSelected, isCompact, onSelect, }) {
+    const title = useIsTextTruncated(item.stringTitle);
+    const titleElement = (_jsx("span", { ref: title.ref, className: e("item-title"), children: item.stringTitle }));
     return (_jsxs("div", { className: e("item", {
             isFocused,
             isSelected,
             isCompact,
             isDisabled: !!item.isDisabled,
-        }), onClick: item.isDisabled ? undefined : onSelect, children: [item.icon ? _jsx(UiIcon, { type: item.icon, size: 14, color: "complementary-7" }) : null, _jsx(ShortenedText, { className: e("item-title"), ellipsisPosition: "end", children: item.stringTitle }), item.tooltip ? (_jsxs(_Fragment, { children: [_jsx(UiTooltip, { anchor: _jsx("div", { className: e("item-explanation"), children: _jsx(UiIcon, { type: "question", size: 14, color: "complementary-7" }) }), content: item.tooltip, triggerBy: ["hover"], accessibilityHidden: true, arrowPlacement: "left", optimalPlacement: true, width: 200, offset: 10 }), _jsx("span", { className: "sr-only", children: item.tooltip })] })) : null] }));
+        }), onClick: item.isDisabled ? undefined : onSelect, children: [item.icon ? _jsx(UiIcon, { type: item.icon, size: 14, color: "complementary-7" }) : null, title.isTruncated ? (_jsx(UiTooltip, { anchor: titleElement, content: item.stringTitle, triggerBy: ["hover"], accessibilityHidden: true, arrowPlacement: "left", optimalPlacement: true, offset: 10, component: "span", anchorWrapperStyles: TITLE_ANCHOR_STYLE })) : (titleElement), item.tooltip ? (_jsxs(_Fragment, { children: [_jsx(UiTooltip, { anchor: _jsx("div", { className: e("item-explanation"), children: _jsx(UiIcon, { type: "question", size: 14, color: "complementary-7" }) }), content: item.tooltip, triggerBy: ["hover"], accessibilityHidden: true, arrowPlacement: "left", optimalPlacement: true, width: 200, offset: 10 }), _jsx("span", { className: "sr-only", children: item.tooltip })] })) : null] }));
 }

package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuContentItem.d.ts","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,SAAS,EAGjB,MAAM,OAAO,CAAC;AAOf,OAAO,EACH,KAAK,uBAAuB,EAC5B,KAAK,8BAA8B,EACnC,KAAK,eAAe,EACvB,MAAM,gBAAgB,CAAC;AACxB;;;GAGG;AACH,eAAO,MAAM,+BAA+B,8EAgF3C,CAAC;AAEF;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EACzE,IAAI,EACJ,SAAS,GACZ,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAAG,SAAS,CAgBxC"}
+{"version":3,"file":"DefaultUiMenuContentItem.d.ts","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,SAAS,EAGjB,MAAM,OAAO,CAAC;AAWf,OAAO,EACH,KAAK,uBAAuB,EAC5B,KAAK,8BAA8B,EACnC,KAAK,eAAe,EACvB,MAAM,gBAAgB,CAAC;AACxB;;;GAGG;AACH,eAAO,MAAM,+BAA+B,8EAgF3C,CAAC;AAEF;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EACzE,IAAI,EACJ,SAAS,GACZ,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAAG,SAAS,CAmCxC"}

package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuContentItem.js

@@ -2,7 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2025-2026 GoodData Corporation
 import { memo, useCallback, } from "react";
 import cx from "classnames";
-import { ShortenedText } from "../../../../ShortenedText/ShortenedText.js";
+// The tooltip anchor wrapper defaults to fit-content; the title must be allowed to shrink and clip.
+const TITLE_ANCHOR_STYLE = { display: "block", minWidth: 0, flex: "1 1 0%" };
+import { useIsTextTruncated } from "../../../hooks/useIsTextTruncated.js";
+import { UiTooltip } from "../../../UiTooltip/UiTooltip.js";
 import { typedUiMenuContextStore } from "../../context.js";
 import { e } from "../../menuBem.js";
 /**
@@ -52,8 +55,10 @@ export const DefaultUiMenuContentItemWrapper = memo(function DefaultUiMenuConten
  * @internal
  */
 export function DefaultUiMenuContentItem({ item, isFocused, }) {
+    const title = useIsTextTruncated(item.stringTitle);
+    const titleElement = (_jsx("span", { ref: title.ref, className: e("item-title"), children: item.stringTitle }));
     return (_jsxs("div", { className: e("item", {
             isFocused,
             isDisabled: !!item.isDisabled,
-        }), children: [item.iconLeft ? item.iconLeft : null, _jsx(ShortenedText, { className: e("item-title"), ellipsisPosition: "end", children: item.stringTitle }), !!item.Component && _jsx("i", { className: "gd-icon-navigateright" })] }));
+        }), children: [item.iconLeft ? item.iconLeft : null, title.isTruncated ? (_jsx(UiTooltip, { anchor: titleElement, content: item.stringTitle, triggerBy: ["hover"], accessibilityHidden: true, arrowPlacement: "left", optimalPlacement: true, offset: 10, component: "span", anchorWrapperStyles: TITLE_ANCHOR_STYLE })) : (titleElement), !!item.Component && _jsx("i", { className: "gd-icon-navigateright" })] }));
 }

package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuInteractiveItem.d.ts","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AASnG,OAAO,EAEH,KAAK,2BAA2B,EAChC,KAAK,kCAAkC,EACvC,KAAK,eAAe,EACvB,MAAM,gBAAgB,CAAC;AAmBxB;;GAEG;AACH,wBAAgB,mCAAmC,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EACpF,IAAI,EACJ,SAAS,GACZ,EAAE,kCAAkC,CAAC,CAAC,CAAC,GAAG,SAAS,CA0GnD;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EAC7E,IAAI,EACJ,SAAS,EACT,aAAa,GAChB,EAAE,2BAA2B,CAAC,CAAC,CAAC,GAAG,SAAS,CAoD5C"}
+{"version":3,"file":"DefaultUiMenuInteractiveItem.d.ts","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,SAAS,EAAyB,MAAM,OAAO,CAAC;AASnG,OAAO,EAEH,KAAK,2BAA2B,EAChC,KAAK,kCAAkC,EACvC,KAAK,eAAe,EACvB,MAAM,gBAAgB,CAAC;AAsBxB;;GAEG;AACH,wBAAgB,mCAAmC,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EACpF,IAAI,EACJ,SAAS,GACZ,EAAE,kCAAkC,CAAC,CAAC,CAAC,GAAG,SAAS,CA0GnD;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,EAC7E,IAAI,EACJ,SAAS,EACT,aAAa,GAChB,EAAE,2BAA2B,CAAC,CAAC,CAAC,GAAG,SAAS,CAuE5C"}

package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuInteractiveItem.js

@@ -2,11 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2025-2026 GoodData Corporation
 import { useCallback, useState } from "react";
 import cx from "classnames";
-import { ShortenedText } from "../../../../ShortenedText/ShortenedText.js";
 import { useCloseOnEscape } from "../../../hooks/useCloseOnEscape.js";
+import { useIsTextTruncated } from "../../../hooks/useIsTextTruncated.js";
 import { UiTooltip } from "../../../UiTooltip/UiTooltip.js";
 import { typedUiMenuContextStore } from "../../context.js";
 import { e } from "../../menuBem.js";
+// The tooltip anchor wrapper defaults to fit-content; the title must be allowed to shrink and clip.
+const TITLE_ANCHOR_STYLE = { display: "block", minWidth: 0, flex: "1 1 0%" };
 function hasIconTooltip(item) {
     return !!item.tooltip && !!item.iconRight;
 }
@@ -85,12 +87,15 @@ export function DefaultUiMenuInteractiveItemWrapper({ item, Component, }) {
  */
 export function DefaultUiMenuInteractiveItem({ item, isFocused, isTooltipOpen, }) {
     const useIconTooltip = hasIconTooltip(item);
+    const isRowTooltip = !!item.tooltip && !useIconTooltip;
+    const title = useIsTextTruncated(item.stringTitle);
+    const titleElement = (_jsx("span", { ref: title.ref, className: e("item-title"), children: item.stringTitle }));
     const itemInner = (_jsxs("div", { className: e("item", {
             isFocused,
             isSelected: !!item.isSelected,
             isDisabled: !!item.isDisabled,
             isDestructive: !!item.isDestructive,
-        }), children: [item.iconLeft ? item.iconLeft : null, _jsx(ShortenedText, { className: e("item-title"), ellipsisPosition: "end", children: item.stringTitle }), !!item.subItems && _jsx("i", { className: "gd-icon-navigateright" }), useIconTooltip ? (_jsx(UiTooltip, { anchor: item.iconRight, content: item.tooltip, optimalPlacement: true, triggerBy: ["hover"], inlineAnchor: true, accessibilityHidden: true, arrowPlacement: "bottom-end", width: item.tooltipWidth })) : item.iconRight ? (item.iconRight) : null, item.tooltip ? _jsx("span", { className: "sr-only", children: item.tooltip }) : null] }));
+        }), children: [item.iconLeft ? item.iconLeft : null, title.isTruncated && !isRowTooltip ? (_jsx(UiTooltip, { anchor: titleElement, content: item.stringTitle, triggerBy: ["hover"], accessibilityHidden: true, arrowPlacement: "left", optimalPlacement: true, offset: 10, component: "span", anchorWrapperStyles: TITLE_ANCHOR_STYLE })) : (titleElement), !!item.subItems && _jsx("i", { className: "gd-icon-navigateright" }), useIconTooltip ? (_jsx(UiTooltip, { anchor: item.iconRight, content: item.tooltip, optimalPlacement: true, triggerBy: ["hover"], inlineAnchor: true, accessibilityHidden: true, arrowPlacement: "bottom-end", width: item.tooltipWidth })) : item.iconRight ? (item.iconRight) : null, item.tooltip ? _jsx("span", { className: "sr-only", children: item.tooltip }) : null] }));
     if (!item.tooltip) {
         return itemInner;
     }

package/esm/@ui/UiModalDialog/UiDialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiDialogHeader.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiModalDialog/UiDialogHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,oBAAoB,2CAsBtG"}
+{"version":3,"file":"UiDialogHeader.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiModalDialog/UiDialogHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,oBAAoB,2CA2BtG"}

package/esm/@ui/UiModalDialog/UiDialogHeader.js

@@ -13,7 +13,10 @@ const { b, e } = bem("gd-ui-kit-dialog-header");
 export function UiDialogHeader({ title, titleSize = "default", onClose, leading }) {
     const intl = useIntl();
     const dialogContext = useUiDialogContext();
-    return (_jsxs("div", { className: b(), children: [leading ? _jsx("span", { className: e("leading"), children: leading }) : null, _jsx("h2", { id: dialogContext?.titleId, className: e("title", { size: titleSize }), children: title }), onClose ? (_jsx(UiIconButton, { icon: "cross", variant: "tertiary", size: "small", onClick: onClose, accessibilityConfig: {
-                    ariaLabel: intl.formatMessage(commonDialogMessages.close),
-                } })) : null] }));
+    return (_jsxs("div", { className: b(), children: [leading ? _jsx("span", { className: e("leading"), children: leading }) : null, _jsx("h2", { id: dialogContext?.titleId, className: e("title", { size: titleSize }), children: title }), onClose ? (_jsx("span", { className: e("close"), children: _jsx(UiIconButton, { icon: "cross", variant: "tertiary", 
+                    // 18px cross, matching the design; the tertiary box has no fill or
+                    // border of its own, so only the icon size shows.
+                    size: "medium", onClick: onClose, accessibilityConfig: {
+                        ariaLabel: intl.formatMessage(commonDialogMessages.close),
+                    } }) })) : null] }));
 }

package/esm/@ui/UiObjectShareDialog/UiObjectShareDialogCard.d.ts

@@ -29,12 +29,25 @@ export interface IUiObjectShareDialogGrantee {
  * @internal
  */
 export interface IUiObjectShareDialogCardProps {
-    /** Object title shown in the header — wrapped into `Share "\{title\}"`. */
-    objectTitle: string;
+    /**
+     * Dialog heading, composed by the caller — it names the shared object's type
+     * ("Share attribute"), which only the caller knows.
+     */
+    title: string;
     /** Fires when the user clicks the header X button OR the footer Close button. */
     onClose: () => void;
+    /**
+     * Optional informational note rendered right below the header — e.g. a reminder
+     * that administrators have full access regardless of the grants listed.
+     */
+    note?: ReactNode;
     /** Grantee rows shown inside the SHARED WITH section, in render order. */
     grantees: IUiObjectShareDialogGrantee[];
+    /**
+     * Placeholder shown inside the SHARED WITH section when `grantees` is empty and the
+     * list is not loading — tells the user nobody has been granted access yet.
+     */
+    emptyMessage?: ReactNode;
     /**
      * When true, skeleton rows stand in for the grantee list and the
      * general-access radio — set it while the access list is loading, so the
@@ -86,5 +99,5 @@ export interface IUiObjectShareDialogCardProps {
  *
  * @internal
  */
-export declare function UiObjectShareDialogCard({ objectTitle, onClose, grantees, isLoading, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId, }: IUiObjectShareDialogCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiObjectShareDialogCard({ title, onClose, note, grantees, emptyMessage, isLoading, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId, }: IUiObjectShareDialogCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiObjectShareDialogCard.d.ts.map

package/esm/@ui/UiObjectShareDialog/UiObjectShareDialogCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiObjectShareDialogCard.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiObjectShareDialog/UiObjectShareDialogCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EACH,KAAK,kBAAkB,EAE1B,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAS/E;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B;IACxC,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,IAAI,EAAE,iBAAiB,CAAC;IACxB,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C,2EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,0EAA0E;IAC1E,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,sCAAsC;IACtC,aAAa,EAAE,kBAAkB,CAAC;IAClC,mEAAmE;IACnE,qBAAqB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3D,uFAAuF;IACvF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,UAAU,GACb,EAAE,6BAA6B,2CAuE/B"}
+{"version":3,"file":"UiObjectShareDialogCard.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiObjectShareDialog/UiObjectShareDialogCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EACH,KAAK,kBAAkB,EAE1B,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAS/E;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B;IACxC,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,IAAI,EAAE,iBAAiB,CAAC;IACxB,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,0EAA0E;IAC1E,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,sCAAsC;IACtC,aAAa,EAAE,kBAAkB,CAAC;IAClC,mEAAmE;IACnE,qBAAqB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3D,uFAAuF;IACvF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAU,EACV,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,UAAU,GACb,EAAE,6BAA6B,2CA8E/B"}

package/esm/@ui/UiObjectShareDialog/UiObjectShareDialogCard.js

@@ -18,8 +18,7 @@ const { b, e } = bem("gd-ui-kit-object-share-dialog");
  *
  * @internal
  */
-export function UiObjectShareDialogCard({ objectTitle, onClose, grantees, isLoading, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId, }) {
+export function UiObjectShareDialogCard({ title, onClose, note, grantees, emptyMessage, isLoading, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId, }) {
     const intl = useIntl();
-    const dialogTitle = intl.formatMessage(olpObjectShareDialogMessages.title, { title: objectTitle });
-    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [_jsx(UiDialogHeader, { title: dialogTitle, onClose: onClose }), error ? (_jsx("div", { className: e("error"), role: "alert", children: error })) : (_jsxs(_Fragment, { children: [_jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.sharedWith), action: _jsx(UiButton, { label: intl.formatMessage(olpObjectShareDialogMessages.add), variant: "popout", size: "small", iconBefore: "plus", isDisabled: isAddDisabled, onClick: onAddClick }) }), _jsx("div", { className: e("grantees"), children: isLoading ? (_jsx(UiSkeleton, { itemsCount: 2, itemHeight: 40, itemsGap: 10 })) : (grantees.map((grantee) => (_jsx(UiGranteeRow, { kind: grantee.kind, name: grantee.name, email: grantee.email, isPending: grantee.isPending, controls: grantee.controls }, grantee.id)))) }), _jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.generalAccess) }), isLoading ? (_jsx(UiSkeleton, { itemsCount: 2, itemHeight: 40, itemsGap: 10 })) : (_jsx(UiGeneralAccessRadio, { value: generalAccess, onChange: onGeneralAccessChange, disabled: isGeneralAccessDisabled, workspaceAccessInherited: workspaceAccessInherited, workspaceControls: workspaceControls, workspaceLevel: workspaceLevel }))] })), _jsx(UiDialogFooter, { divider: true, children: _jsx(UiButton, { label: intl.formatMessage(commonDialogMessages.close), variant: "secondary", size: "medium", onClick: onClose }) })] }));
+    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [_jsx(UiDialogHeader, { title: title, onClose: onClose }), note ? (_jsx("div", { className: e("note"), role: "note", children: note })) : null, error ? (_jsx("div", { className: e("error"), role: "alert", children: error })) : (_jsxs(_Fragment, { children: [_jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.sharedWith), action: _jsx(UiButton, { label: intl.formatMessage(olpObjectShareDialogMessages.add), variant: "popout", size: "small", iconBefore: "plus", isDisabled: isAddDisabled, onClick: onAddClick }) }), _jsx("div", { className: e("grantees"), children: isLoading ? (_jsx(UiSkeleton, { itemsCount: 2, itemHeight: 40, itemsGap: 10 })) : grantees.length === 0 && emptyMessage ? (_jsx("div", { className: e("empty"), children: emptyMessage })) : (grantees.map((grantee) => (_jsx(UiGranteeRow, { kind: grantee.kind, name: grantee.name, email: grantee.email, isPending: grantee.isPending, controls: grantee.controls }, grantee.id)))) }), _jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.generalAccess) }), isLoading ? (_jsx(UiSkeleton, { itemsCount: 2, itemHeight: 40, itemsGap: 10 })) : (_jsx(UiGeneralAccessRadio, { value: generalAccess, onChange: onGeneralAccessChange, disabled: isGeneralAccessDisabled, workspaceAccessInherited: workspaceAccessInherited, workspaceControls: workspaceControls, workspaceLevel: workspaceLevel }))] })), _jsx(UiDialogFooter, { divider: true, children: _jsx(UiButton, { label: intl.formatMessage(commonDialogMessages.close), variant: "secondary", size: "medium", onClick: onClose }) })] }));
 }

package/esm/@ui/UiPermissionMenu/UiPermissionMenu.d.ts

@@ -31,7 +31,7 @@ export interface IUiPermissionMenuProps {
      * the signed-in user may not pick because they exceed their own.
      */
     disabledLevels?: ReadonlyArray<PermissionMenuLevel>;
-    /** Tooltip shown on disabled level rows in place of the level's info text. */
+    /** Tooltip shown on disabled level rows, explaining why the level can't be picked. */
     disabledTooltip?: string;
     /**
      * Per-level override of `disabledTooltip`, for menus whose disabled levels have
@@ -57,6 +57,11 @@ export interface IUiPermissionMenuProps {
     isRemoveDisabled?: boolean;
     /** Tooltip shown on Remove access while it is disabled. */
     removeDisabledTooltip?: string;
+    /**
+     * Label of the remove row. Defaults to "Remove access"; a picker staging a grantee
+     * that holds no access yet passes the shorter "Remove".
+     */
+    removeAccessLabel?: string;
     /** Test id forwarded to the menu body. */
     dataTestId?: string;
 }
@@ -64,10 +69,10 @@ export interface IUiPermissionMenuProps {
  * Per-grantee permission popover. Renders a fixed set of rows — three
  * permission levels (Can edit & share / Can view & share / Can view), an
  * optional divider, an optional labels drill-in and an optional Remove access
- * action row. Each level row carries an `infoCircle` tooltip; disabled level
- * rows (`disabledLevels`) swap it for `disabledTooltip`.
+ * action row. Enabled rows carry no tooltip; a disabled row (`disabledLevels`,
+ * `isRemoveDisabled`) shows its explanation as a tooltip over the whole row.
  *
  * @internal
  */
-export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, disabledLevelTooltips, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isRemoveDisabled, removeDisabledTooltip, dataTestId, }: IUiPermissionMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, disabledLevelTooltips, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isRemoveDisabled, removeDisabledTooltip, removeAccessLabel, dataTestId, }: IUiPermissionMenuProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiPermissionMenu.d.ts.map

package/esm/@ui/UiPermissionMenu/UiPermissionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiPermissionMenu.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPermissionMenu/UiPermissionMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,YAAY,EAAiC,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAO7D,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,2CAA2C,CAAC;AAM3G;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAQ5D;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,GAAG,iBAAiB,CAEpF;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,4CAA4C;IAC5C,MAAM,EAAE,YAAY,CAAC;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,oDAAoD;IACpD,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;IACrE;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC/C,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAsBD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,UAAU,GACb,EAAE,sBAAsB,2CA0BxB"}
+{"version":3,"file":"UiPermissionMenu.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPermissionMenu/UiPermissionMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,YAAY,EAAwC,MAAM,OAAO,CAAC;AAEpG,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAM7D,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,2CAA2C,CAAC;AAM3G;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAQ5D;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,GAAG,iBAAiB,CAEpF;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,4CAA4C;IAC5C,MAAM,EAAE,YAAY,CAAC;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,oDAAoD;IACpD,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;IACrE;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC/C,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAqBD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,UAAU,GACb,EAAE,sBAAsB,2CA2BxB"}

package/esm/@ui/UiPermissionMenu/UiPermissionMenu.js

@@ -1,11 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useCallback, useRef, useState } from "react";
+import { useCallback, useId, useRef, useState } from "react";
 import { useIntl } from "react-intl";
 import { olpPermissionMessages } from "../../locales.js";
 import { bem } from "../@utils/bem.js";
 import { UiIcon } from "../UiIcon/UiIcon.js";
-import { UiIconButton } from "../UiIconButton/UiIconButton.js";
 import { UiLabelsChecklist } from "../UiLabelsChecklist/UiLabelsChecklist.js";
 import { UiPopover } from "../UiPopover/UiPopover.js";
 import { UiTooltip } from "../UiTooltip/UiTooltip.js";
@@ -28,16 +27,16 @@ export function permissionLevelMessage(level) {
  * Per-grantee permission popover. Renders a fixed set of rows — three
  * permission levels (Can edit & share / Can view & share / Can view), an
  * optional divider, an optional labels drill-in and an optional Remove access
- * action row. Each level row carries an `infoCircle` tooltip; disabled level
- * rows (`disabledLevels`) swap it for `disabledTooltip`.
+ * action row. Enabled rows carry no tooltip; a disabled row (`disabledLevels`,
+ * `isRemoveDisabled`) shows its explanation as a tooltip over the whole row.
  *
  * @internal
  */
-export function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, disabledLevelTooltips, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isRemoveDisabled, removeDisabledTooltip, dataTestId, }) {
+export function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, disabledLevelTooltips, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isRemoveDisabled, removeDisabledTooltip, removeAccessLabel, dataTestId, }) {
     const hasLabels = (labels?.length ?? 0) > 0;
-    return (_jsx(UiPopover, { anchor: anchor, anchorAccessibilityConfig: { ariaHaspopup: "menu" }, width: hasLabels ? 200 : 180, content: ({ onClose }) => (_jsx(MenuBody, { selectedLevel: selectedLevel, onPermissionChange: onPermissionChange, disabledLevels: disabledLevels, disabledTooltip: disabledTooltip, disabledLevelTooltips: disabledLevelTooltips, labels: labels, selectedLabelIds: selectedLabelIds, onLabelsChange: onLabelsChange, onRemoveAccess: onRemoveAccess, isRemoveDisabled: isRemoveDisabled, removeDisabledTooltip: removeDisabledTooltip, onClose: onClose, dataTestId: dataTestId })) }));
+    return (_jsx(UiPopover, { anchor: anchor, anchorAccessibilityConfig: { ariaHaspopup: "menu" }, width: hasLabels ? 200 : 180, content: ({ onClose }) => (_jsx(MenuBody, { selectedLevel: selectedLevel, onPermissionChange: onPermissionChange, disabledLevels: disabledLevels, disabledTooltip: disabledTooltip, disabledLevelTooltips: disabledLevelTooltips, labels: labels, selectedLabelIds: selectedLabelIds, onLabelsChange: onLabelsChange, onRemoveAccess: onRemoveAccess, isRemoveDisabled: isRemoveDisabled, removeDisabledTooltip: removeDisabledTooltip, removeAccessLabel: removeAccessLabel, onClose: onClose, dataTestId: dataTestId })) }));
 }
-function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, disabledLevelTooltips, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isRemoveDisabled, removeDisabledTooltip, onClose, dataTestId, }) {
+function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, disabledLevelTooltips, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, isRemoveDisabled, removeDisabledTooltip, removeAccessLabel, onClose, dataTestId, }) {
     const intl = useIntl();
     // Drill-in state — swaps the row list for the labels checklist. Local to the
     // popover content, so it resets every time the menu opens. `origin` is what
@@ -54,30 +53,28 @@ function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledT
         onClose();
     };
     const hasLabels = (labels?.length ?? 0) > 0;
-    const levelItem = (level, label, tooltip) => {
+    const levelItem = (level, label) => {
         const disabled = disabledLevels?.includes(level) ?? false;
         return {
             key: level,
             label,
-            // A disabled level explains why it can't be picked instead of what it does.
-            // `||`, not `??`: an empty explanation must not suppress the info button.
-            tooltip: disabled ? (disabledLevelTooltips?.[level] ?? disabledTooltip) || tooltip : tooltip,
+            // Only a disabled level explains itself — why it can't be picked.
+            tooltip: disabled ? (disabledLevelTooltips?.[level] ?? disabledTooltip) : undefined,
             radioValue: level,
             disabled,
             onClick: disabled ? () => { } : choose(() => onPermissionChange(level)),
         };
     };
     const levelItems = [
-        levelItem("EDIT", intl.formatMessage(olpPermissionMessages.canEditAndShare), intl.formatMessage(olpPermissionMessages.canEditAndShareTooltip)),
-        levelItem("SHARE", intl.formatMessage(olpPermissionMessages.canViewAndShare), intl.formatMessage(olpPermissionMessages.canViewAndShareTooltip)),
-        levelItem("VIEW", intl.formatMessage(olpPermissionMessages.canView), intl.formatMessage(olpPermissionMessages.canViewTooltip)),
+        levelItem("EDIT", intl.formatMessage(olpPermissionMessages.canEditAndShare)),
+        levelItem("SHARE", intl.formatMessage(olpPermissionMessages.canViewAndShare)),
+        levelItem("VIEW", intl.formatMessage(olpPermissionMessages.canView)),
     ];
     const actionItems = [];
     if (hasLabels) {
         actionItems.push({
             key: "labels",
             label: intl.formatMessage(olpPermissionMessages.labels),
-            icon: "ldmLabel",
             iconRight: "navigateRight",
             // Drill in — the checklist owns Back/Cancel/Apply and closes the menu itself.
             onClick: () => setView({ view: "labels", origin: "nav" }),
@@ -88,8 +85,7 @@ function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledT
         // row can explain why instead of the action silently going missing.
         actionItems.push({
             key: "remove",
-            label: intl.formatMessage(olpPermissionMessages.removeAccess),
-            icon: "trash",
+            label: removeAccessLabel ?? intl.formatMessage(olpPermissionMessages.removeAccess),
             tooltip: isRemoveDisabled ? removeDisabledTooltip : undefined,
             disabled: isRemoveDisabled,
             onClick: isRemoveDisabled ? () => { } : choose(onRemoveAccess),
@@ -132,12 +128,6 @@ function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledT
                     autoFocus: item.key === "labels" && origin === "nav" }, item.key)))] }) }));
 }
 function PermissionMenuItem({ item, selectedLevel, autoFocus }) {
-    const intl = useIntl();
-    // Tooltip anchor must live OUTSIDE the menu-item button so we don't nest an
-    // interactive element inside a button (invalid HTML, breaks focus). The row
-    // wrapper provides the flex layout; the button covers the label; the
-    // tooltip sits next to the button.
-    //
     // When this row opens as the drill-in return target, focus it as it mounts via
     // a callback ref — no effect, and it can't race the button's mount.
     const focusOnAttach = useCallback((node) => {
@@ -147,9 +137,10 @@ function PermissionMenuItem({ item, selectedLevel, autoFocus }) {
     }, [autoFocus]);
     const isRadio = !!item.radioValue;
     const isChecked = isRadio && item.radioValue === selectedLevel;
-    return (_jsxs("div", { className: e("item-row"), children: [_jsxs("button", { type: "button", ref: focusOnAttach, role: isRadio ? "menuitemradio" : "menuitem", "aria-checked": isRadio ? isChecked : undefined, "aria-disabled": item.disabled ? true : undefined, className: e("item", { disabled: Boolean(item.disabled) }), onClick: item.onClick, children: [item.icon ? _jsx(UiIcon, { type: item.icon, size: 16, color: "complementary-7" }) : null, _jsx("span", { className: e("item-label"), children: item.label }), item.iconRight ? _jsx(UiIcon, { type: item.iconRight, size: 14, color: "complementary-7" }) : null] }), item.tooltip ? (_jsx(UiTooltip, { triggerBy: ["hover", "focus"], content: item.tooltip, anchor: _jsx(UiIconButton, { icon: "infoCircle", variant: "tertiary", size: "small", accessibilityConfig: {
-                        ariaLabel: intl.formatMessage(olpPermissionMessages.moreInfoAriaLabel, {
-                            label: item.label,
-                        }),
-                    } }) })) : null] }));
+    // The visual tooltip exists only while open, so the explanation is also kept as a
+    // persistent hidden description the button points at for assistive tech.
+    const descriptionId = useId();
+    const button = (_jsxs("button", { type: "button", ref: focusOnAttach, role: isRadio ? "menuitemradio" : "menuitem", "aria-checked": isRadio ? isChecked : undefined, "aria-disabled": item.disabled ? true : undefined, "aria-describedby": item.tooltip ? descriptionId : undefined, className: e("item", { disabled: Boolean(item.disabled) }), onClick: item.onClick, children: [_jsx("span", { className: e("item-label"), children: item.label }), item.iconRight ? _jsx(UiIcon, { type: item.iconRight, size: 14, color: "complementary-7" }) : null] }));
+    return (_jsx("div", { className: e("item-row"), children: item.tooltip ? (_jsxs(_Fragment, { children: [_jsx(UiTooltip, { triggerBy: ["hover", "focus"], content: _jsx("div", { className: e("item-tooltip"), children: item.tooltip }), anchorWrapperStyles: ROW_ANCHOR_STYLES, anchor: button }), _jsx("span", { className: "sr-only", id: descriptionId, children: item.tooltip })] })) : (button) }));
 }
+const ROW_ANCHOR_STYLES = { display: "flex", flex: "1 1 auto", minWidth: 0 };

package/esm/@ui/UiTags/hooks/useResponsiveTags.js

@@ -42,7 +42,7 @@ export function useResponsiveTags(tags, mode, deps) {
         hiddenTagsContainerRef,
         addButtonRef,
         mode,
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // oxlint-disable-next-line react-hooks/exhaustive-deps
         ...(deps ?? []),
     ]);
     useLayoutEffect(() => {