@gooddata/sdk-ui-kit 11.42.0 → 11.43.0-alpha.1

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":"AAeA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,yCAAyC,CAAC;AAIrG;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAClC,yFAAuF;IACvF,EAAE,EAAE,MAAM,CAAC;IACX,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;CACxC;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,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAOD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,WAAW,EACX,gBAAqB,EACrB,QAAQ,EACR,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACb,EAAE,0BAA0B,2CA2G5B"}
+{"version":3,"file":"UiGranteeAsyncPicker.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,yCAAyC,CAAC;AAIrG;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAClC,yFAAuF;IACvF,EAAE,EAAE,MAAM,CAAC;IACX,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;CACxC;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,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAOD;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,WAAW,EACX,gBAAqB,EACrB,QAAQ,EACR,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACb,EAAE,0BAA0B,2CAgH5B"}

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

@@ -55,14 +55,17 @@ export function UiGranteeAsyncPicker({ loadOptions, selectedGrantees = [], onSel
         onSelect(option.grantee);
     }, [onSelect]);
     const autocompleteMessages = useMemo(() => ({
-        searchPlaceholder: intl.formatMessage(uiGranteeAsyncPickerMessages.searchPlaceholder),
+        searchPlaceholder: intl.formatMessage(olpAddGranteeDialogMessages.searchPlaceholder),
         stateError: intl.formatMessage(uiGranteeAsyncPickerMessages.stateError),
         stateNoMatch: intl.formatMessage(uiGranteeAsyncPickerMessages.stateNoMatch),
     }), [intl]);
+    const fieldLabel = intl.formatMessage(olpAddGranteeDialogMessages.userOrGroup);
     return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [
-            _jsx(UiAutocomplete, { loadOptions: adaptedLoadOptions, selectedIds: selectedIds, onSelect: handleSelect, messages: autocompleteMessages, accessibilityConfig: {
-                    ariaLabel: intl.formatMessage(olpAddGranteeDialogMessages.userOrGroup),
-                } }), 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) => {
+            _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) => {
                     const triggerLabel = g.permissionLevel === "SHARE" ? canShareLabel : canViewLabel;
                     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), onRemoveAccess: onRemove ? () => onRemove(g) : undefined, anchor: _jsx(UiButton, { label: triggerLabel, variant: "dropdownInline", size: "small", iconAfter: "navigateDown" }) }) }) }, g.id));
                 }) })) : null] }));

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

@@ -12,6 +12,8 @@ export interface IUiGranteeRowProps {
     email?: string;
     /** When true, an "Owner" tag is rendered between the text block and the controls slot. */
     isOwner?: boolean;
+    /** When true, the row is visually muted to signal an in-flight save. */
+    isPending?: boolean;
     /** Trailing controls slot — typically the `UiGranteeRowControls` trigger pair. */
     controls?: ReactNode;
     /** Test id forwarded to the root element. */
@@ -23,5 +25,5 @@ export interface IUiGranteeRowProps {
  *
  * @internal
  */
-export declare function UiGranteeRow({ kind, name, email, isOwner, controls, dataTestId }: IUiGranteeRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiGranteeRow({ kind, name, email, isOwner, isPending, controls, dataTestId }: IUiGranteeRowProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiGranteeRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UiGranteeRow.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGranteeRow/UiGranteeRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,KAAK,iBAAiB,EAAmB,MAAM,uCAAuC,CAAC;AAKhG;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,oDAAkD;IAClD,IAAI,EAAE,iBAAiB,CAAC;IACxB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CAyBpG"}
+{"version":3,"file":"UiGranteeRow.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGranteeRow/UiGranteeRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,KAAK,iBAAiB,EAAmB,MAAM,uCAAuC,CAAC;AAKhG;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,oDAAkD;IAClD,IAAI,EAAE,iBAAiB,CAAC;IACxB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACb,EAAE,kBAAkB,2CAyBpB"}

package/esm/@ui/UiGranteeRow/UiGranteeRow.js

@@ -11,9 +11,9 @@ const { b, e } = bem("gd-ui-kit-grantee-row");
  *
  * @internal
  */
-export function UiGranteeRow({ kind, name, email, isOwner, controls, dataTestId }) {
+export function UiGranteeRow({ kind, name, email, isOwner, isPending, controls, dataTestId, }) {
     const intl = useIntl();
-    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [
+    return (_jsxs("div", { className: b({ pending: Boolean(isPending) }), "data-testid": dataTestId, children: [
             _jsx(UiGranteeAvatar, { kind: kind, decorative: true }), _jsxs("div", { className: e("text"), children: [
                     _jsx("span", { className: e("name"), title: name, children: name }), email ? (_jsx("span", { className: e("email"), title: email, children: email })) : null] }), isOwner ? (_jsx(UiTag, { label: intl.formatMessage(olpGranteeRowMessages.ownerTag), size: "small", variant: "solid" })) : null, controls] }));
 }

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

@@ -1,33 +1,33 @@
-import { type IUiLabelsPickerItem } from "../UiLabelsPicker/UiLabelsPicker.js";
+import { type IUiLabelsChecklistItem } from "../UiLabelsChecklist/UiLabelsChecklist.js";
 import { type PermissionMenuLevel } from "../UiPermissionMenu/UiPermissionMenu.js";
 /**
  * @internal
  */
 export interface IUiGranteeRowControlsProps {
-    /** All labels available on the parent attribute. */
-    labels: ReadonlyArray<IUiLabelsPickerItem>;
-    /** Currently selected label ids. Locked items are always treated as selected. */
+    /** Locked items are always treated as selected. */
+    labels: ReadonlyArray<IUiLabelsChecklistItem>;
     selectedLabelIds: ReadonlyArray<string>;
-    /** Current permission level for the grantee. */
     permissionLevel: PermissionMenuLevel;
-    /** Fires when the labels picker commits a new selection. */
+    /**
+     * Set only when the grantee inherits a higher permission than `permissionLevel`
+     * (e.g. from a group); drives the warning badge. Undefined when not elevated.
+     */
+    effectivePermission?: PermissionMenuLevel;
     onLabelsChange: (selectedIds: string[]) => void;
-    /** Fires when the user picks a new permission level. */
     onPermissionChange: (level: PermissionMenuLevel) => void;
-    /** Fires when the user picks Transfer ownership in the permission menu. */
     onTransferOwnership?: () => void;
-    /** Fires when the user picks Remove access in the permission menu. */
     onRemoveAccess?: () => void;
-    /** Test id forwarded to the root element. */
+    /** Disables both triggers, e.g. while the row's change is saving. */
+    isDisabled?: boolean;
     dataTestId?: string;
 }
 /**
- * Pair of controls shown on every grantee row in the OLP share dialog:
- * a labels-picker trigger and a permission-menu trigger. Both triggers are
- * Tertiary `small` `UiButton`s with `chevronDown`
- * and open their respective popovers on click.
+ * Per-row controls in the OLP share dialog: a permission trigger
+ * ({@link UiPermissionMenu}) plus a "⋯" menu ({@link UiMoreOptionsMenu}) for
+ * labels access and Transfer ownership, with an optional inherited-permission
+ * warning badge.
  *
  * @internal
  */
-export declare function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, onLabelsChange, onPermissionChange, onTransferOwnership, onRemoveAccess, dataTestId }: IUiGranteeRowControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, onLabelsChange, onPermissionChange, onTransferOwnership, onRemoveAccess, isDisabled, dataTestId }: IUiGranteeRowControlsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiGranteeRowControls.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UiGranteeRowControls.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGranteeRowControls/UiGranteeRowControls.tsx"],"names":[],"mappings":"AAOA,OAAO,EACH,KAAK,mBAAmB,EAG3B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,yCAAyC,CAAC;AAIrG;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,oDAAoD;IACpD,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC3C,iFAAiF;IACjF,gBAAgB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,gDAAgD;IAChD,eAAe,EAAE,mBAAmB,CAAC;IACrC,4DAA4D;IAC5D,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,wDAAwD;IACxD,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,UAAU,EACb,EAAE,0BAA0B,2CA6C5B"}
+{"version":3,"file":"UiGranteeRowControls.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGranteeRowControls/UiGranteeRowControls.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,yCAAyC,CAAC;AAKrG;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,mDAAmD;IACnD,MAAM,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC9C,gBAAgB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,eAAe,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,UAAU,EACb,EAAE,0BAA0B,2CAgE5B"}

package/esm/@ui/UiGranteeRowControls/UiGranteeRowControls.js

@@ -1,31 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
 import { useIntl } from "react-intl";
-import { olpGranteeControlsMessages, olpPermissionMessages } from "../../locales.js";
+import { olpPermissionMessages } from "../../locales.js";
 import { bem } from "../@utils/bem.js";
 import { UiButton } from "../UiButton/UiButton.js";
-import { UiLabelsPicker, isLabelsPickerItemChecked, } from "../UiLabelsPicker/UiLabelsPicker.js";
+import { UiIcon } from "../UiIcon/UiIcon.js";
+import { UiMoreOptionsMenu } from "../UiMoreOptionsMenu/UiMoreOptionsMenu.js";
 import { UiPermissionMenu } from "../UiPermissionMenu/UiPermissionMenu.js";
-const { b } = bem("gd-ui-kit-grantee-row-controls");
+import { UiTooltip } from "../UiTooltip/UiTooltip.js";
+const { b, e } = bem("gd-ui-kit-grantee-row-controls");
 /**
- * Pair of controls shown on every grantee row in the OLP share dialog:
- * a labels-picker trigger and a permission-menu trigger. Both triggers are
- * Tertiary `small` `UiButton`s with `chevronDown`
- * and open their respective popovers on click.
+ * Per-row controls in the OLP share dialog: a permission trigger
+ * ({@link UiPermissionMenu}) plus a "⋯" menu ({@link UiMoreOptionsMenu}) for
+ * labels access and Transfer ownership, with an optional inherited-permission
+ * warning badge.
  *
  * @internal
  */
-export function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, onLabelsChange, onPermissionChange, onTransferOwnership, onRemoveAccess, dataTestId, }) {
+export function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, onLabelsChange, onPermissionChange, onTransferOwnership, onRemoveAccess, isDisabled, dataTestId, }) {
     const intl = useIntl();
-    const total = labels.length;
-    // Locked labels always count as selected. Reuse the picker's predicate so the
-    // trigger never shows "N-1 of N" when a locked id is omitted from selectedLabelIds.
-    const selected = labels.filter((label) => isLabelsPickerItemChecked(label, selectedLabelIds)).length;
-    const labelsTriggerText = selected === total
-        ? intl.formatMessage(olpGranteeControlsMessages.allLabels)
-        : intl.formatMessage(olpGranteeControlsMessages.labelsCount, { selected, total });
+    const hasLabels = labels.length > 0;
     const permissionTriggerText = intl.formatMessage(permissionLevel === "SHARE" ? olpPermissionMessages.canViewAndShare : olpPermissionMessages.canView);
-    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [
-            _jsx(UiLabelsPicker, { anchor: _jsx(UiButton, { label: labelsTriggerText, size: "small", variant: "dropdownInline", iconAfter: "navigateDown" }), items: labels, defaultSelectedIds: selectedLabelIds, onApply: onLabelsChange }), _jsx(UiPermissionMenu, { anchor: _jsx(UiButton, { label: permissionTriggerText, size: "small", variant: "dropdownInline", iconAfter: "navigateDown" }), selectedLevel: permissionLevel, onPermissionChange: onPermissionChange, onTransferOwnership: onTransferOwnership, onRemoveAccess: onRemoveAccess })
-        ] }));
+    // No labels and no transfer → nothing in the ⋯ menu, so drop it.
+    const hasMoreOptions = hasLabels || !!onTransferOwnership;
+    // Guard on permissionLevel too, so the badge can't show when the assigned
+    // level already matches the inherited one.
+    const isInheritedHigherPermission = permissionLevel === "VIEW" && effectivePermission === "SHARE";
+    const effectiveTooltip = isInheritedHigherPermission
+        ? intl.formatMessage(olpPermissionMessages.effectivePermissionTooltipShare)
+        : undefined;
+    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [effectiveTooltip ? (_jsx(UiTooltip, { triggerBy: ["hover", "focus"], content: effectiveTooltip, anchor: _jsx("span", { className: e("effective-warning"), role: "img", "aria-label": intl.formatMessage(olpPermissionMessages.effectivePermissionAriaLabel), tabIndex: 0, children: _jsx(UiIcon, { type: "warning", size: 16, color: "warning" }) }) })) : null, _jsx(UiPermissionMenu, { anchor: _jsx(UiButton, { label: permissionTriggerText, size: "small", variant: "dropdownInline", iconAfter: "navigateDown", isDisabled: isDisabled }), selectedLevel: permissionLevel, onPermissionChange: onPermissionChange, onRemoveAccess: onRemoveAccess }), hasMoreOptions ? (_jsx(UiMoreOptionsMenu, { labels: hasLabels ? labels : undefined, selectedLabelIds: selectedLabelIds, onLabelsChange: onLabelsChange, onTransferOwnership: onTransferOwnership, isDisabled: isDisabled })) : null] }));
 }

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

@@ -0,0 +1,44 @@
+import { type LabelRowKind } from "../UiLabelRow/UiLabelRow.js";
+/**
+ * One label entry in the checklist.
+ *
+ * @internal
+ */
+export interface IUiLabelsChecklistItem {
+    id: string;
+    label: string;
+    kind?: LabelRowKind;
+    /** Locked rows render checked + disabled and are always included (the primary key). */
+    locked?: boolean;
+}
+/**
+ * Whether an item counts as selected: locked items always do, otherwise
+ * membership in `selectedIds`. Exported so callers apply the same rule.
+ *
+ * @internal
+ */
+export declare const isLabelsChecklistItemChecked: (item: IUiLabelsChecklistItem, selectedIds: readonly string[]) => boolean;
+/**
+ * @internal
+ */
+export interface IUiLabelsChecklistProps {
+    items: ReadonlyArray<IUiLabelsChecklistItem>;
+    /** Locked items are always selected regardless of this. */
+    defaultSelectedIds: ReadonlyArray<string>;
+    /** Fires on Apply with the locked-augmented selection (staged internally until then). */
+    onApply: (selectedIds: string[]) => void;
+    /** Back arrow — returns to the parent view. */
+    onBack: () => void;
+    /** Dismisses the menu; Cancel and (post-commit) Apply both call it. */
+    onClose: () => void;
+    dataTestId?: string;
+}
+/**
+ * Per-label checklist drill-in for the grantee "⋯" menu. Stages selection
+ * internally, commits via `onApply`, and renders its own back-only header so it
+ * slots into {@link UiMenu} as a `showComponentOnly` content item.
+ *
+ * @internal
+ */
+export declare function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack, onClose, dataTestId }: IUiLabelsChecklistProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UiLabelsChecklist.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiLabelsChecklist.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiLabelsChecklist/UiLabelsChecklist.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAKhE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,2EAG0B,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC7C,2DAA2D;IAC3D,kBAAkB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,yFAAyF;IACzF,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,iDAA+C;IAC/C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uEAAuE;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,OAAO,EACP,UAAU,EACb,EAAE,uBAAuB,2CA6FzB"}

package/esm/@ui/UiLabelsChecklist/UiLabelsChecklist.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useCallback, useId, useMemo, useState } from "react";
+import { useIntl } from "react-intl";
+import { commonDialogMessages, olpLabelMessages } from "../../locales.js";
+import { bem } from "../@utils/bem.js";
+import { UiButton } from "../UiButton/UiButton.js";
+import { UiLabelChecklistRow } from "../UiLabelChecklistRow/UiLabelChecklistRow.js";
+import { UiSubmenuHeader } from "../UiSubmenuHeader/UiSubmenuHeader.js";
+const { b, e } = bem("gd-ui-kit-labels-checklist");
+/**
+ * Whether an item counts as selected: locked items always do, otherwise
+ * membership in `selectedIds`. Exported so callers apply the same rule.
+ *
+ * @internal
+ */
+export const isLabelsChecklistItemChecked = (item, selectedIds) => item.locked === true || selectedIds.includes(item.id);
+/**
+ * Per-label checklist drill-in for the grantee "⋯" menu. Stages selection
+ * internally, commits via `onApply`, and renders its own back-only header so it
+ * slots into {@link UiMenu} as a `showComponentOnly` content item.
+ *
+ * @internal
+ */
+export function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack, onClose, dataTestId, }) {
+    const intl = useIntl();
+    const groupId = useId();
+    // Staged toggles only; locked ids are folded in by the predicate, not stored here.
+    const [selected, setSelected] = useState(() => [...defaultSelectedIds]);
+    const toggle = useCallback((id, next) => {
+        setSelected((prev) => next ? (prev.includes(id) ? prev : [...prev, id]) : prev.filter((x) => x !== id));
+    }, []);
+    const handleApply = useCallback(() => {
+        onApply(items.filter((item) => isLabelsChecklistItemChecked(item, selected)).map((item) => item.id));
+        onClose();
+    }, [items, selected, onApply, onClose]);
+    const isDirty = useMemo(() => {
+        // Compare against the locked-augmented initial set, so an unchanged
+        // selection stays non-dirty even when defaultSelectedIds omits a locked id.
+        const initial = new Set();
+        for (const id of defaultSelectedIds)
+            initial.add(id);
+        for (const item of items)
+            if (item.locked)
+                initial.add(item.id);
+        const current = new Set();
+        for (const item of items) {
+            if (isLabelsChecklistItemChecked(item, selected))
+                current.add(item.id);
+        }
+        if (initial.size !== current.size)
+            return true;
+        for (const id of initial) {
+            if (!current.has(id))
+                return true;
+        }
+        return false;
+    }, [items, defaultSelectedIds, selected]);
+    const handleKeyDown = (event) => {
+        // Enter commits — scoped to the rows so the footer buttons keep native Enter.
+        if (event.key === "Enter" && isDirty) {
+            event.preventDefault();
+            handleApply();
+        }
+    };
+    const suffixFor = (kind) => {
+        if (!kind)
+            return undefined;
+        return intl.formatMessage(kind === "primary" ? olpLabelMessages.suffixPrimary : olpLabelMessages.suffixDefault);
+    };
+    return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [
+            _jsx(UiSubmenuHeader, { title: intl.formatMessage(olpLabelMessages.popoverTitle), backAriaLabel: intl.formatMessage(olpLabelMessages.backAriaLabel), height: "medium", onBack: onBack }), _jsx("div", { id: groupId, className: e("items"), role: "group", "aria-label": intl.formatMessage(olpLabelMessages.popoverTitle), onKeyDown: handleKeyDown, children: items.map((item) => (_jsx(UiLabelChecklistRow, { label: item.label, kind: item.kind, suffix: suffixFor(item.kind), checked: isLabelsChecklistItemChecked(item, selected), disabled: item.locked, onChange: (next) => toggle(item.id, next) }, item.id))) }), _jsxs("div", { className: e("actions"), children: [
+                    _jsx(UiButton, { variant: "secondary", size: "small", label: intl.formatMessage(commonDialogMessages.cancel), onClick: onClose }), _jsx(UiButton, { variant: "primary", size: "small", label: intl.formatMessage(commonDialogMessages.apply), onClick: handleApply, isDisabled: !isDirty })
+                ] })
+        ] }));
+}

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

@@ -0,0 +1,23 @@
+import { type IUiLabelsChecklistItem } from "../UiLabelsChecklist/UiLabelsChecklist.js";
+/**
+ * @internal
+ */
+export interface IUiMoreOptionsMenuProps {
+    /** Empty/omitted hides the "Manage labels access" row (e.g. facts have no labels). */
+    labels?: ReadonlyArray<IUiLabelsChecklistItem>;
+    /** Locked items are always treated as selected. */
+    selectedLabelIds?: ReadonlyArray<string>;
+    onLabelsChange?: (selectedIds: string[]) => void;
+    /** Omit to hide the row (Transfer ownership is gated until wired). */
+    onTransferOwnership?: () => void;
+    isDisabled?: boolean;
+    dataTestId?: string;
+}
+/**
+ * Per-grantee "⋯" menu: "Manage labels access" (drills into {@link UiLabelsChecklist})
+ * and "Transfer ownership". Each row shows only when its data/handler is given.
+ *
+ * @internal
+ */
+export declare function UiMoreOptionsMenu({ labels, selectedLabelIds, onLabelsChange, onTransferOwnership, isDisabled, dataTestId }: IUiMoreOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UiMoreOptionsMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiMoreOptionsMenu.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMoreOptionsMenu/UiMoreOptionsMenu.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,2CAA2C,CAAC;AAO3G;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,sFAAsF;IACtF,MAAM,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC/C,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAuCD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,UAAU,EACV,UAAU,EACb,EAAE,uBAAuB,2CAwFzB"}

package/esm/@ui/UiMoreOptionsMenu/UiMoreOptionsMenu.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useId, useMemo, useRef } 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 { UiMenu } from "../UiMenu/UiMenu.js";
+import { UiPopover } from "../UiPopover/UiPopover.js";
+const { b } = bem("gd-ui-kit-more-options-menu");
+// Defined at module scope, and reading data through a ref, so its identity never
+// changes across renders — UiMenu remounts the drill-in on a new component type,
+// which would drop the checklist's staged edits.
+function LabelsChecklistContent({ onBack, onClose, dataRef }) {
+    const data = dataRef.current;
+    return (_jsx(UiLabelsChecklist, { items: data.labels, defaultSelectedIds: data.selectedLabelIds, onApply: (ids) => data.onLabelsChange?.(ids), onBack: onBack, onClose: onClose, dataTestId: data.dataTestId }));
+}
+/**
+ * Per-grantee "⋯" menu: "Manage labels access" (drills into {@link UiLabelsChecklist})
+ * and "Transfer ownership". Each row shows only when its data/handler is given.
+ *
+ * @internal
+ */
+export function UiMoreOptionsMenu({ labels, selectedLabelIds, onLabelsChange, onTransferOwnership, isDisabled, dataTestId, }) {
+    const intl = useIntl();
+    const menuId = useId();
+    const hasLabels = (labels?.length ?? 0) > 0;
+    // Feed the live inputs to the stable content component through a ref so the
+    // component itself never has to change (see LabelsChecklistContent).
+    const dataRef = useRef({
+        labels: labels ?? [],
+        selectedLabelIds: selectedLabelIds ?? [],
+        onLabelsChange,
+        dataTestId,
+    });
+    dataRef.current = {
+        labels: labels ?? [],
+        selectedLabelIds: selectedLabelIds ?? [],
+        onLabelsChange,
+        dataTestId,
+    };
+    const labelsContentRef = useRef(undefined);
+    if (!labelsContentRef.current) {
+        labelsContentRef.current = (props) => _jsx(LabelsChecklistContent, { ...props, dataRef: dataRef });
+    }
+    const items = useMemo(() => {
+        const result = [];
+        if (hasLabels) {
+            result.push({
+                type: "content",
+                id: "labels",
+                stringTitle: intl.formatMessage(olpPermissionMessages.labels),
+                showComponentOnly: true,
+                // UiMenu adds the trailing drill-in chevron itself; we only set the leading icon.
+                iconLeft: _jsx(UiIcon, { type: "ldmLabel", size: 16, color: "complementary-7" }),
+                data: undefined,
+                Component: labelsContentRef.current,
+            });
+        }
+        if (onTransferOwnership) {
+            result.push({
+                type: "interactive",
+                id: "transfer",
+                stringTitle: intl.formatMessage(olpPermissionMessages.transferOwnership),
+                iconLeft: _jsx(UiIcon, { type: "sync", size: 16, color: "complementary-7" }),
+                data: undefined,
+            });
+        }
+        return result;
+    }, [hasLabels, onTransferOwnership, intl]);
+    return (_jsx(UiPopover, { anchor: _jsx(UiIconButton, { icon: "ellipsis", variant: "tertiary", size: "large", iconColor: "complementary-6", isDisabled: isDisabled, accessibilityConfig: {
+                ariaLabel: intl.formatMessage(olpPermissionMessages.moreOptionsAriaLabel),
+            } }), anchorAccessibilityConfig: { ariaHaspopup: "menu" }, width: 200, content: ({ onClose }) => (_jsx("div", { className: b(), "data-testid": dataTestId, children: _jsx(UiMenu, { items: items, size: "small", onSelect: (item) => {
+                    if (item.id === "transfer") {
+                        onTransferOwnership?.();
+                    }
+                }, onClose: onClose, ariaAttributes: {
+                    id: menuId,
+                    "aria-label": intl.formatMessage(olpPermissionMessages.moreOptionsMenuLabel),
+                } }) })) }));
+}

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

@@ -19,6 +19,8 @@ export interface IUiObjectShareDialogGrantee {
     email?: string;
     /** When true, the row is rendered with the "Owner" tag instead of controls. */
     isOwner?: boolean;
+    /** When true, the row is visually muted to signal an in-flight save. */
+    isPending?: boolean;
     /** Per-row controls — usually `UiGranteeRowControls`. Owner rows leave this empty. */
     controls?: ReactNode;
 }

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;AAQ/E;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B;IACxC,+DAA6D;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,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C,6EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,0EAA0E;IAC1E,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,4EAA4E;IAC5E,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,sCAAsC;IACtC,aAAa,EAAE,kBAAkB,CAAC;IAClC,mEAAmE;IACnE,qBAAqB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3D;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,WAAW,EACX,OAAO,EACP,QAAQ,EACR,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,iBAAiB,EACjB,UAAU,EACb,EAAE,6BAA6B,2CAiD/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;AAQ/E;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B;IACxC,+DAA6D;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,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wFAAsF;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C,6EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,0EAA0E;IAC1E,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,4EAA4E;IAC5E,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,sCAAsC;IACtC,aAAa,EAAE,kBAAkB,CAAC;IAClC,mEAAmE;IACnE,qBAAqB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3D;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,WAAW,EACX,OAAO,EACP,QAAQ,EACR,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,iBAAiB,EACjB,UAAU,EACb,EAAE,6BAA6B,2CAkD/B"}

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

@@ -21,6 +21,6 @@ export function UiObjectShareDialogCard({ objectTitle, onClose, grantees, onAddC
     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 }), _jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.sharedWith), action: _jsx(UiButton, { label: intl.formatMessage(olpObjectShareDialogMessages.add), variant: "popout", size: "small", iconBefore: "plus", onClick: onAddClick }) }), _jsx("div", { className: e("grantees"), children: grantees.map((grantee) => (_jsx(UiGranteeRow, { kind: grantee.kind, name: grantee.name, email: grantee.email, isOwner: grantee.isOwner, controls: grantee.controls }, grantee.id))) }), _jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.generalAccess) }), _jsx(UiGeneralAccessRadio, { value: generalAccess, onChange: onGeneralAccessChange, workspaceControls: workspaceControls }), _jsx(UiDialogFooter, { divider: true, children: _jsx(UiButton, { label: intl.formatMessage(commonDialogMessages.close), variant: "secondary", size: "medium", onClick: onClose }) })
+            _jsx(UiDialogHeader, { title: dialogTitle, onClose: onClose }), _jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.sharedWith), action: _jsx(UiButton, { label: intl.formatMessage(olpObjectShareDialogMessages.add), variant: "popout", size: "small", iconBefore: "plus", onClick: onAddClick }) }), _jsx("div", { className: e("grantees"), children: grantees.map((grantee) => (_jsx(UiGranteeRow, { kind: grantee.kind, name: grantee.name, email: grantee.email, isOwner: grantee.isOwner, isPending: grantee.isPending, controls: grantee.controls }, grantee.id))) }), _jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.generalAccess) }), _jsx(UiGeneralAccessRadio, { value: generalAccess, onChange: onGeneralAccessChange, workspaceControls: workspaceControls }), _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

@@ -15,18 +15,6 @@ export interface IUiPermissionMenuProps {
     selectedLevel?: PermissionMenuLevel;
     /** Fires when the user picks a permission level. */
     onPermissionChange: (level: PermissionMenuLevel) => void;
-    /** Fires when the user picks Transfer ownership. */
-    onTransferOwnership?: () => void;
-    /**
-     * Fires when the user picks the Labels entry. Display the count via
-     * `labelsCounter`.
-     */
-    onLabelsClick?: () => void;
-    /**
-     * Counter shown next to the Labels row (e.g. `"4/4"`). Hidden
-     * if omitted.
-     */
-    labelsCounter?: string;
     /** Fires when the user picks Remove access. */
     onRemoveAccess?: () => void;
     /** Test id forwarded to the menu body. */
@@ -35,10 +23,11 @@ export interface IUiPermissionMenuProps {
 /**
  * Per-grantee permission popover. Renders a fixed set of rows — two
  * permission levels (Can view & share / Can view), an optional divider,
- * and optional Transfer ownership / Labels / Remove access action rows.
- * Each level row carries an `infoCircle` tooltip.
+ * and an optional Remove access action row. Each level row carries an
+ * `infoCircle` tooltip. Labels and Transfer ownership live in the separate
+ * {@link UiMoreOptionsMenu}.
  *
  * @internal
  */
-export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, onTransferOwnership, onLabelsClick, labelsCounter, onRemoveAccess, dataTestId }: IUiPermissionMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, onRemoveAccess, 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,EAAU,MAAM,OAAO,CAAC;AAYtE;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,4CAA4C;IAC5C,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC1B,qEAAmE;IACnE,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,oDAAoD;IACpD,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAiBD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,EACb,EAAE,sBAAsB,2CAoBxB"}
+{"version":3,"file":"UiPermissionMenu.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPermissionMenu/UiPermissionMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,YAAY,EAAU,MAAM,OAAO,CAAC;AActE;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,4CAA4C;IAC5C,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC1B,qEAAmE;IACnE,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,oDAAoD;IACpD,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAkBD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,UAAU,EACb,EAAE,sBAAsB,2CAiBxB"}

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

@@ -4,6 +4,7 @@ import { useRef } 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 { UiPopover } from "../UiPopover/UiPopover.js";
 import { UiTooltip } from "../UiTooltip/UiTooltip.js";
@@ -11,15 +12,16 @@ const { b, e } = bem("gd-ui-kit-permission-menu");
 /**
  * Per-grantee permission popover. Renders a fixed set of rows — two
  * permission levels (Can view & share / Can view), an optional divider,
- * and optional Transfer ownership / Labels / Remove access action rows.
- * Each level row carries an `infoCircle` tooltip.
+ * and an optional Remove access action row. Each level row carries an
+ * `infoCircle` tooltip. Labels and Transfer ownership live in the separate
+ * {@link UiMoreOptionsMenu}.
  *
  * @internal
  */
-export function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, onTransferOwnership, onLabelsClick, labelsCounter, onRemoveAccess, dataTestId, }) {
-    return (_jsx(UiPopover, { anchor: anchor, anchorAccessibilityConfig: { ariaHaspopup: "menu" }, width: 180, content: ({ onClose }) => (_jsx(MenuBody, { selectedLevel: selectedLevel, onPermissionChange: onPermissionChange, onTransferOwnership: onTransferOwnership, onLabelsClick: onLabelsClick, labelsCounter: labelsCounter, onRemoveAccess: onRemoveAccess, onClose: onClose, dataTestId: dataTestId })) }));
+export function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, onRemoveAccess, dataTestId, }) {
+    return (_jsx(UiPopover, { anchor: anchor, anchorAccessibilityConfig: { ariaHaspopup: "menu" }, width: 180, content: ({ onClose }) => (_jsx(MenuBody, { selectedLevel: selectedLevel, onPermissionChange: onPermissionChange, onRemoveAccess: onRemoveAccess, onClose: onClose, dataTestId: dataTestId })) }));
 }
-function MenuBody({ selectedLevel, onPermissionChange, onTransferOwnership, onLabelsClick, labelsCounter, onRemoveAccess, onClose, dataTestId, }) {
+function MenuBody({ selectedLevel, onPermissionChange, onRemoveAccess, onClose, dataTestId, }) {
     const intl = useIntl();
     const choose = (next) => () => {
         next();
@@ -42,25 +44,11 @@ function MenuBody({ selectedLevel, onPermissionChange, onTransferOwnership, onLa
         },
     ];
     const actionItems = [];
-    if (onTransferOwnership) {
-        actionItems.push({
-            key: "transfer",
-            label: intl.formatMessage(olpPermissionMessages.transferOwnership),
-            onClick: choose(onTransferOwnership),
-        });
-    }
-    if (onLabelsClick) {
-        actionItems.push({
-            key: "labels",
-            label: intl.formatMessage(olpPermissionMessages.labels),
-            counter: labelsCounter,
-            onClick: choose(onLabelsClick),
-        });
-    }
     if (onRemoveAccess) {
         actionItems.push({
             key: "remove",
             label: intl.formatMessage(olpPermissionMessages.removeAccess),
+            icon: "trash",
             onClick: choose(onRemoveAccess),
         });
     }
@@ -99,13 +87,13 @@ function PermissionMenuItem({ item, selectedLevel }) {
     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 label + counter; the
+    // wrapper provides the flex layout; the button covers the label; the
     // tooltip sits next to the button.
     const isRadio = !!item.radioValue;
     const isChecked = isRadio && item.radioValue === selectedLevel;
     return (_jsxs("div", { className: e("item-row"), children: [
-            _jsxs("button", { type: "button", role: isRadio ? "menuitemradio" : "menuitem", "aria-checked": isRadio ? isChecked : undefined, className: e("item"), onClick: item.onClick, children: [
-                    _jsx("span", { className: e("item-label"), children: item.label }), item.counter ? _jsx("span", { className: e("item-counter"), children: item.counter }) : null] }), item.tooltip ? (_jsx(UiTooltip, { triggerBy: ["hover", "focus"], content: item.tooltip, anchor: _jsx(UiIconButton, { icon: "infoCircle", variant: "tertiary", size: "small", accessibilityConfig: {
+            _jsxs("button", { type: "button", role: isRadio ? "menuitemradio" : "menuitem", "aria-checked": isRadio ? isChecked : undefined, className: e("item"), 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.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,
                         }),

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

@@ -46,11 +46,20 @@ export interface IUiPopoverProps {
      * When true, uses UiFocusManager's focus trap instead of tabOutHandler
      */
     enableFocusTrap?: boolean;
+    /**
+     * Controls the open state. When set, the popover ignores anchor clicks and
+     * opens/closes purely from this prop; pair with `onOpenChange` to
+     * react to outside-click / Escape. When omitted the popover stays
+     * uncontrolled and opens on anchor click as before.
+     */
+    isOpen?: boolean;
+    /** Fires when an interaction (outside-click, Escape) requests an open-state change. */
+    onOpenChange?: (open: boolean) => void;
     onOpen?: () => void;
     onClose?: () => void;
 }
 /**
  * @internal
  */
-export declare function UiPopover({ id, accessibilityConfig, anchor, anchorAccessibilityConfig, width, title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy, returnFocusAfterClose, focusCheckFn, enableFocusTrap, onOpen, onClose }: IUiPopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiPopover({ id, accessibilityConfig, anchor, anchorAccessibilityConfig, width, title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy, returnFocusAfterClose, focusCheckFn, enableFocusTrap, isOpen, onOpenChange, onOpen, onClose }: IUiPopoverProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiPopover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UiPopover.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPopover/UiPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,cAAc,EAEnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAGd,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAM/E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAqB7D;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC1B;;;;;;;OAOG;IACH,yBAAyB,CAAC,EAAE;QACxB,YAAY,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;QACvE,YAAY,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;KAClD,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACrE,MAAM,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACpE,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;IAC/C,aAAa,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;IAChD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;IACjD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,EAAE,EACF,mBAAgD,EAChD,MAAM,EACN,yBAAyB,EACzB,KAAiB,EACjB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,SAAqB,EACrB,qBAA4B,EAC5B,YAAkC,EAClC,eAAuB,EACvB,MAAM,EACN,OAAO,EACV,EAAE,eAAe,2CA4GjB"}
+{"version":3,"file":"UiPopover.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPopover/UiPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,cAAc,EAEnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAGd,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAM/E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAqB7D;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC1B;;;;;;;OAOG;IACH,yBAAyB,CAAC,EAAE;QACxB,YAAY,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;QACvE,YAAY,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;KAClD,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACrE,MAAM,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACpE,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;IAC/C,aAAa,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;IAChD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;IACjD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,EAAE,EACF,mBAAgD,EAChD,MAAM,EACN,yBAAyB,EACzB,KAAiB,EACjB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,SAAqB,EACrB,qBAA4B,EAC5B,YAAkC,EAClC,eAAuB,EACvB,MAAM,EACN,YAAY,EACZ,MAAM,EACN,OAAO,EACV,EAAE,eAAe,2CA8GjB"}