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

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

@@ -30,9 +30,10 @@ export interface IUiGeneralAccessRadioProps {
     /**
      * Workspace-wide permission level, used to keep the `All workspace members`
      * description in sync with the level picked in `workspaceControls`
-     * (`view` → "can view", `share` → "can view and share"). Defaults to `view`.
+     * (`VIEW` → "can view", `SHARE` → "can view and share", `EDIT` → "can edit").
+     * Defaults to `VIEW`.
      */
-    workspaceLevel?: "VIEW" | "SHARE";
+    workspaceLevel?: "VIEW" | "SHARE" | "EDIT";
     /** Test id forwarded to the root element. */
     dataTestId?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"UiGeneralAccessRadio.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGeneralAccessRadio/UiGeneralAccessRadio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAU9C;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,WAAW,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,uBAAuB;IACvB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,0EAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,wBAAwB,EACxB,iBAAiB,EACjB,cAAuB,EACvB,UAAU,EACb,EAAE,0BAA0B,2CAuC5B"}
+{"version":3,"file":"UiGeneralAccessRadio.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGeneralAccessRadio/UiGeneralAccessRadio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAiB9C;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,WAAW,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,uBAAuB;IACvB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,0EAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,wBAAwB,EACxB,iBAAiB,EACjB,cAAuB,EACvB,UAAU,EACb,EAAE,0BAA0B,2CAmC5B"}

package/esm/@ui/UiGeneralAccessRadio/UiGeneralAccessRadio.js

@@ -6,6 +6,12 @@ import { olpGeneralAccessMessages } from "../../locales.js";
 import { bem } from "../@utils/bem.js";
 import { UiRadioRow } from "../UiRadioRow/UiRadioRow.js";
 const { b } = bem("gd-ui-kit-general-access-radio");
+// "All workspace members" description for each workspace-wide level.
+const WORKSPACE_DESCRIPTION = {
+    VIEW: olpGeneralAccessMessages.workspaceDescription,
+    SHARE: olpGeneralAccessMessages.workspaceDescriptionShare,
+    EDIT: olpGeneralAccessMessages.workspaceDescriptionEdit,
+};
 /**
  * Two-row radio used by the OLP share dialog to choose between restricting
  * access to the listed grantees and granting access to every workspace
@@ -19,8 +25,6 @@ export function UiGeneralAccessRadio({ value, onChange, disabled, workspaceAcces
     return (_jsxs("div", { className: b(), "data-testid": dataTestId, role: "radiogroup", "aria-label": intl.formatMessage(olpGeneralAccessMessages.groupLabel), children: [
             _jsx(UiRadioRow, { name: name, value: "RESTRICTED", checked: value === "RESTRICTED", disabled: disabled || workspaceAccessInherited, title: intl.formatMessage(olpGeneralAccessMessages.restrictedTitle), description: intl.formatMessage(workspaceAccessInherited
                     ? olpGeneralAccessMessages.restrictedDescriptionInherited
-                    : olpGeneralAccessMessages.restrictedDescription), onChange: () => onChange("RESTRICTED") }), _jsx(UiRadioRow, { name: name, value: "WORKSPACE", checked: value === "WORKSPACE", disabled: disabled, title: intl.formatMessage(olpGeneralAccessMessages.workspaceTitle), description: intl.formatMessage(workspaceLevel === "SHARE"
-                    ? olpGeneralAccessMessages.workspaceDescriptionShare
-                    : olpGeneralAccessMessages.workspaceDescription), onChange: () => onChange("WORKSPACE"), trailing: workspaceControls })
+                    : olpGeneralAccessMessages.restrictedDescription), onChange: () => onChange("RESTRICTED") }), _jsx(UiRadioRow, { name: name, value: "WORKSPACE", checked: value === "WORKSPACE", disabled: disabled, title: intl.formatMessage(olpGeneralAccessMessages.workspaceTitle), description: intl.formatMessage(WORKSPACE_DESCRIPTION[workspaceLevel]), onChange: () => onChange("WORKSPACE"), trailing: workspaceControls })
         ] }));
 }

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

@@ -1,3 +1,4 @@
+import { type ObjRef } from "@gooddata/sdk-model";
 import { type GranteeAvatarKind } from "../UiGranteeAvatar/UiGranteeAvatar.js";
 import { type PermissionMenuLevel } from "../UiPermissionMenu/UiPermissionMenu.js";
 /**
@@ -8,6 +9,10 @@ import { type PermissionMenuLevel } from "../UiPermissionMenu/UiPermissionMenu.j
 export interface IUiGranteeAsyncOption {
     /** Stable identifier — used as the React key and as the value passed to `onSelect`. */
     id: string;
+    /** Backend ref of the user/group, carried through selection so the consumer can
+     * write the grant against the exact ref (preserves Uri-vs-Id; `id` is a lossy
+     * serialization). */
+    ref: ObjRef;
     /** Avatar variant. */
     kind: GranteeAvatarKind;
     /** Display name shown on the row. */

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,2CAgH5B"}
+{"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,EACH,KAAK,mBAAmB,EAG3B,MAAM,yCAAyC,CAAC;AAIjD;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAClC,yFAAuF;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;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,2CA8G5B"}

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

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
 import { useCallback, useMemo } from "react";
 import { useIntl } from "react-intl";
-import { olpAddGranteeDialogMessages, olpPermissionMessages, uiGranteeAsyncPickerMessages, } from "../../locales.js";
+import { olpAddGranteeDialogMessages, uiGranteeAsyncPickerMessages } from "../../locales.js";
 import { bem } from "../@utils/bem.js";
 import { UiAutocomplete } from "../UiAutocomplete/UiAutocomplete.js";
 import { UiButton } from "../UiButton/UiButton.js";
 import { UiGranteeRow } from "../UiGranteeRow/UiGranteeRow.js";
-import { UiPermissionMenu } from "../UiPermissionMenu/UiPermissionMenu.js";
+import { UiPermissionMenu, permissionLevelMessage, } from "../UiPermissionMenu/UiPermissionMenu.js";
 const { b, e } = bem("gd-ui-kit-grantee-async-picker");
 /**
  * Sectioned async grantee picker — specialization of `UiAutocomplete` for the
@@ -22,8 +22,6 @@ export function UiGranteeAsyncPicker({ loadOptions, selectedGrantees = [], onSel
     const intl = useIntl();
     const groupsLabel = intl.formatMessage(uiGranteeAsyncPickerMessages.sectionGroups);
     const usersLabel = intl.formatMessage(uiGranteeAsyncPickerMessages.sectionUsers);
-    const canViewLabel = intl.formatMessage(olpPermissionMessages.canView);
-    const canShareLabel = intl.formatMessage(olpPermissionMessages.canViewAndShare);
     const selectedIds = useMemo(() => selectedGrantees.map((g) => g.id), [selectedGrantees]);
     const adaptedLoadOptions = useCallback(async (search) => {
         const { groups, users } = await loadOptions(search);
@@ -66,7 +64,7 @@ export function UiGranteeAsyncPicker({ loadOptions, selectedGrantees = [], onSel
                             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;
+                    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), onRemoveAccess: onRemove ? () => onRemove(g) : undefined, anchor: _jsx(UiButton, { label: triggerLabel, variant: "dropdownInline", size: "small", iconAfter: "navigateDown" }) }) }) }, g.id));
                 }) })) : null] }));
 }

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

@@ -8,38 +8,32 @@ export interface IUiGranteeRowControlsProps {
     /** Locked items are always treated as selected. */
     labels: ReadonlyArray<IUiLabelsChecklistItem>;
     selectedLabelIds: ReadonlyArray<string>;
-    /** The level to display. `EDIT` renders read-only; VIEW/SHARE are selectable. */
+    /** The grantee's current permission level — anchors the permission menu. */
     permissionLevel: AccessGranularPermission;
     /**
-     * Set only when the grantee inherits a higher permission than `permissionLevel`
-     * (e.g. from a group); drives the warning badge. Undefined when not elevated.
+     * CONTRACT: set only when the grantee inherits a higher permission than
+     * `permissionLevel` (e.g. via a group) — the control renders the warning badge
+     * whenever this is set and does not re-check the ordering. Undefined when the
+     * assigned level already is the effective one.
      */
     effectivePermission?: AccessGranularPermission;
-    /**
-     * Merge every action into the permission dropdown: the labels drill-in and
-     * Remove access render inside {@link UiPermissionMenu} (no "⋯" menu), and
-     * the level dropdown is offered even for an EDIT row. Used for the signed-in
-     * user's own row when they manage their own access.
-     */
-    mergedControls?: boolean;
     /** Levels rendered disabled in the permission menu — see {@link UiPermissionMenu}. */
     disabledLevels?: ReadonlyArray<PermissionMenuLevel>;
     /** Tooltip shown on disabled level rows in place of the level's info text. */
     disabledTooltip?: string;
     onLabelsChange: (selectedIds: string[]) => void;
-    /** Fires only for selectable rows (VIEW/SHARE); EDIT rows have no level control. */
     onPermissionChange: (level: PermissionMenuLevel) => void;
     onRemoveAccess?: () => void;
-    /** Disables both triggers, e.g. while the row's change is saving. */
+    /** Disables the permission trigger, e.g. while the row's change is saving. */
     isDisabled?: boolean;
     dataTestId?: string;
 }
 /**
- * Per-row controls in the OLP share dialog: a permission trigger
- * ({@link UiPermissionMenu}) plus a "⋯" menu ({@link UiMoreOptionsMenu}) for
- * labels access, with an optional inherited-permission warning badge.
+ * Per-row controls in the OLP share dialog: the permission dropdown
+ * ({@link UiPermissionMenu}) hosting the level choice, the labels drill-in and
+ * Remove access, with an optional inherited-permission warning badge.
  *
  * @internal
  */
-export declare function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, mergedControls, disabledLevels, disabledTooltip, onLabelsChange, onPermissionChange, onRemoveAccess, isDisabled, dataTestId }: IUiGranteeRowControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, disabledLevels, disabledTooltip, onLabelsChange, onPermissionChange, 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":"AAIA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAMpE,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,iFAAiF;IACjF,eAAe,EAAE,wBAAwB,CAAC;IAC1C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wFAAsF;IACtF,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,oFAAoF;IACpF,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,UAAU,EACb,EAAE,0BAA0B,2CA4F5B"}
+{"version":3,"file":"UiGranteeRowControls.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiGranteeRowControls/UiGranteeRowControls.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAMpE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EACH,KAAK,mBAAmB,EAG3B,MAAM,yCAAyC,CAAC;AAYjD;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,mDAAmD;IACnD,MAAM,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC9C,gBAAgB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,8EAA4E;IAC5E,eAAe,EAAE,wBAAwB,CAAC;IAC1C;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,wFAAsF;IACtF,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,UAAU,EACb,EAAE,0BAA0B,2CAuD5B"}

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

@@ -5,45 +5,32 @@ import { olpPermissionMessages } from "../../locales.js";
 import { bem } from "../@utils/bem.js";
 import { UiButton } from "../UiButton/UiButton.js";
 import { UiIcon } from "../UiIcon/UiIcon.js";
-import { UiMoreOptionsMenu } from "../UiMoreOptionsMenu/UiMoreOptionsMenu.js";
-import { UiPermissionMenu } from "../UiPermissionMenu/UiPermissionMenu.js";
+import { UiPermissionMenu, permissionLevelMessage, } from "../UiPermissionMenu/UiPermissionMenu.js";
 import { UiTooltip } from "../UiTooltip/UiTooltip.js";
 const { b, e } = bem("gd-ui-kit-grantee-row-controls");
+// The warning badge names an inherited EDIT or SHARE. VIEW can never be the
+// higher level and has no entry — an absent entry means "no badge".
+const EFFECTIVE_PERMISSION_TOOLTIP = {
+    EDIT: olpPermissionMessages.effectivePermissionTooltipEdit,
+    SHARE: olpPermissionMessages.effectivePermissionTooltipShare,
+};
 /**
- * Per-row controls in the OLP share dialog: a permission trigger
- * ({@link UiPermissionMenu}) plus a "⋯" menu ({@link UiMoreOptionsMenu}) for
- * labels access, with an optional inherited-permission warning badge.
+ * Per-row controls in the OLP share dialog: the permission dropdown
+ * ({@link UiPermissionMenu}) hosting the level choice, the labels drill-in and
+ * Remove access, with an optional inherited-permission warning badge.
  *
  * @internal
  */
-export function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, mergedControls, disabledLevels, disabledTooltip, onLabelsChange, onPermissionChange, onRemoveAccess, isDisabled, dataTestId, }) {
+export function UiGranteeRowControls({ labels, selectedLabelIds, permissionLevel, effectivePermission, disabledLevels, disabledTooltip, onLabelsChange, onPermissionChange, onRemoveAccess, isDisabled, dataTestId, }) {
     const intl = useIntl();
     const hasLabels = labels.length > 0;
-    // EDIT is display-only: the dialog can't assign or change it, and offering the
-    // VIEW/SHARE menu on an EDIT row would silently downgrade the grant on pick.
-    // So an EDIT row shows a static, non-interactive "Can edit" label instead of
-    // the permission dropdown — except in merged mode, where the user manages
-    // their own access and downgrading is exactly the offered action.
-    const isReadOnlyLevel = permissionLevel === "EDIT" && !mergedControls;
-    // EDIT is not selectable — a merged EDIT row anchors on "Can edit" with no
-    // radio checked, offering only the (lower) selectable levels.
-    const selectedLevel = permissionLevel === "EDIT" ? undefined : permissionLevel;
-    const permissionTriggerText = intl.formatMessage(permissionLevel === "EDIT"
-        ? olpPermissionMessages.canEdit
-        : permissionLevel === "SHARE"
-            ? olpPermissionMessages.canViewAndShare
-            : olpPermissionMessages.canView);
-    // A read-only level has no permission dropdown to host Remove access, so that
-    // action moves into the ⋯ menu for those rows (dropdown rows keep it in the menu).
-    const removeInMoreOptions = isReadOnlyLevel ? onRemoveAccess : undefined;
-    // Nothing to put in the ⋯ menu → drop it. Merged mode hosts everything in
-    // the permission dropdown, so the ⋯ menu never renders there.
-    const hasMoreOptions = !mergedControls && (hasLabels || !!removeInMoreOptions);
-    // 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)
+    // The caller sets `effectivePermission` only when it outranks the assigned level
+    // (the ext side owns that comparison) — render the badge whenever it is set and
+    // has tooltip copy, without re-deriving the level ordering here.
+    const inheritedTooltipMessage = effectivePermission === undefined ? undefined : EFFECTIVE_PERMISSION_TOOLTIP[effectivePermission];
+    const effectiveTooltip = inheritedTooltipMessage
+        ? intl.formatMessage(inheritedTooltipMessage)
         : 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, isReadOnlyLevel ? (_jsx("span", { className: e("readonly-permission"), children: permissionTriggerText })) : (_jsx(UiPermissionMenu, { anchor: _jsx(UiButton, { label: permissionTriggerText, size: "small", variant: "dropdownInline", iconAfter: "navigateDown", isDisabled: isDisabled }), selectedLevel: selectedLevel, onPermissionChange: onPermissionChange, disabledLevels: disabledLevels, disabledTooltip: disabledTooltip, labels: mergedControls && hasLabels ? labels : undefined, selectedLabelIds: mergedControls ? selectedLabelIds : undefined, onLabelsChange: mergedControls ? onLabelsChange : undefined, onRemoveAccess: onRemoveAccess })), hasMoreOptions ? (_jsx(UiMoreOptionsMenu, { labels: hasLabels ? labels : undefined, selectedLabelIds: selectedLabelIds, onLabelsChange: onLabelsChange, onRemoveAccess: removeInMoreOptions, isDisabled: isDisabled })) : null] }));
+    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: intl.formatMessage(permissionLevelMessage(permissionLevel)), size: "small", variant: "dropdownInline", iconAfter: "navigateDown", isDisabled: isDisabled }), selectedLevel: permissionLevel, onPermissionChange: onPermissionChange, disabledLevels: disabledLevels, disabledTooltip: disabledTooltip, labels: hasLabels ? labels : undefined, selectedLabelIds: selectedLabelIds, onLabelsChange: onLabelsChange, onRemoveAccess: onRemoveAccess })
+        ] }));
 }

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

@@ -31,6 +31,8 @@ export interface IUiLabelsChecklistProps {
     onBack: () => void;
     /** Dismisses the menu; Cancel and (post-commit) Apply both call it. */
     onClose: () => void;
+    /** Focus the Back button on mount — e.g. when opened as a drill-in so keyboard focus follows. */
+    autoFocus?: boolean;
     dataTestId?: string;
 }
 /**
@@ -40,5 +42,5 @@ export interface IUiLabelsChecklistProps {
  *
  * @internal
  */
-export declare function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack, onClose, dataTestId }: IUiLabelsChecklistProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack, onClose, autoFocus, dataTestId }: IUiLabelsChecklistProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiLabelsChecklist.d.ts.map

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

@@ -1 +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,2CAoFzB"}
+{"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,mGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,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,SAAS,EACT,UAAU,EACb,EAAE,uBAAuB,2CAiGzB"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useId, useState } from "react";
+import { useCallback, useId, useState } from "react";
 import { useIntl } from "react-intl";
 import { commonDialogMessages, olpLabelMessages } from "../../locales.js";
 import { bem } from "../@utils/bem.js";
@@ -22,9 +22,18 @@ export const isLabelsChecklistItemChecked = (item, selectedIds) => item.locked =
  *
  * @internal
  */
-export function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack, onClose, dataTestId, }) {
+export function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack, onClose, autoFocus, dataTestId, }) {
     const intl = useIntl();
     const groupId = useId();
+    // When opened as a drill-in, focus the Back button as it mounts so the view
+    // swap hands keyboard focus to a named control instead of dropping it to
+    // <body>. A callback ref focuses on attach — no effect, and it can't race the
+    // node's mount the way a ref read in an effect could.
+    const focusOnAttach = useCallback((node) => {
+        if (autoFocus) {
+            node?.focus();
+        }
+    }, [autoFocus]);
     // Staged toggles only; locked ids are folded in by the predicate, not stored here.
     const [selected, setSelected] = useState(() => [...defaultSelectedIds]);
     const toggle = (id, next) => {
@@ -51,7 +60,7 @@ export function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack,
         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(UiSubmenuHeader, { backButtonRef: focusOnAttach, 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/UiObjectShareDialog/UiObjectShareDialogCard.d.ts

@@ -35,6 +35,12 @@ export interface IUiObjectShareDialogCardProps {
     onClose: () => void;
     /** Grantee rows shown inside the SHARED WITH section, in render order. */
     grantees: IUiObjectShareDialogGrantee[];
+    /**
+     * 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
+     * placeholders (empty list, Restricted) aren't mistaken for a real policy.
+     */
+    isLoading?: boolean;
     /** Fires when the user clicks the + Add link in the SHARED WITH heading. */
     onAddClick: () => void;
     /** Disables the + Add action — e.g. while the object's labels are still loading. */
@@ -58,9 +64,9 @@ export interface IUiObjectShareDialogCardProps {
     workspaceControls?: ReactNode;
     /**
      * Workspace-wide permission level, so the "All workspace members" description
-     * matches the level picked in `workspaceControls`. Defaults to `view`.
+     * matches the level picked in `workspaceControls`. Defaults to `VIEW`.
      */
-    workspaceLevel?: "VIEW" | "SHARE";
+    workspaceLevel?: "VIEW" | "SHARE" | "EDIT";
     /**
      * Optional error notice. When set, it replaces the grantee list and
      * general-access sections (which can't reflect a real policy on a failed
@@ -79,5 +85,5 @@ export interface IUiObjectShareDialogCardProps {
  *
  * @internal
  */
-export declare function UiObjectShareDialogCard({ objectTitle, onClose, grantees, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId }: IUiObjectShareDialogCardProps): import("react/jsx-runtime").JSX.Element;
+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;
 //# 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;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,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,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;IACvB,sFAAoF;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,yFAAuF;IACvF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAElC;;;;;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,UAAU,EACV,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,UAAU,EACb,EAAE,6BAA6B,2CA+D/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,+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,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,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;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,sFAAoF;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,yFAAuF;IACvF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;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,EACb,EAAE,6BAA6B,2CAuE/B"}

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

@@ -8,6 +8,7 @@ import { UiGranteeRow } from "../UiGranteeRow/UiGranteeRow.js";
 import { UiDialogFooter } from "../UiModalDialog/UiDialogFooter.js";
 import { UiDialogHeader } from "../UiModalDialog/UiDialogHeader.js";
 import { UiSectionHeading } from "../UiSectionHeading/UiSectionHeading.js";
+import { UiSkeleton } from "../UiSkeleton/UiSkeleton.js";
 const { b, e } = bem("gd-ui-kit-object-share-dialog");
 /**
  * Object share dialog card — header, grantee list, general-access radio,
@@ -17,12 +18,11 @@ const { b, e } = bem("gd-ui-kit-object-share-dialog");
  *
  * @internal
  */
-export function UiObjectShareDialogCard({ objectTitle, onClose, grantees, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId, }) {
+export function UiObjectShareDialogCard({ objectTitle, onClose, grantees, 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: 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) }), _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 }) })
+                    _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 }) })
         ] }));
 }

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

@@ -1,13 +1,21 @@
 import { type ReactElement } from "react";
+import { type MessageDescriptor } from "react-intl";
 import { type IUiLabelsChecklistItem } from "../UiLabelsChecklist/UiLabelsChecklist.js";
 /**
- * Selectable permission level. The menu and the add-grantee picker only ever
- * assign VIEW or SHARE — EDIT is shown as a read-only row (via the model's
- * `AccessGranularPermission`) and is never selectable from the UI.
+ * Selectable permission level, mirroring the model's `AccessGranularPermission`:
+ * EDIT ("Can edit & share"), SHARE ("Can view & share") and VIEW ("Can view")
+ * are all assignable from the menu.
  *
  * @internal
  */
-export type PermissionMenuLevel = "VIEW" | "SHARE";
+export type PermissionMenuLevel = "VIEW" | "SHARE" | "EDIT";
+/**
+ * Message descriptor of a permission level's display label ("Can edit & share" /
+ * "Can view & share" / "Can view") — for triggers anchoring {@link UiPermissionMenu}.
+ *
+ * @internal
+ */
+export declare function permissionLevelMessage(level: PermissionMenuLevel): MessageDescriptor;
 /**
  * @internal
  */
@@ -20,7 +28,7 @@ export interface IUiPermissionMenuProps {
     onPermissionChange: (level: PermissionMenuLevel) => void;
     /**
      * Levels rendered disabled (`aria-disabled`, click blocked) — e.g. levels
-     * above the caller's own when they manage their own access.
+     * 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. */
@@ -40,11 +48,11 @@ export interface IUiPermissionMenuProps {
     dataTestId?: string;
 }
 /**
- * Per-grantee permission popover. Renders a fixed set of rows — two
- * permission levels (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`.
+ * 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`.
  *
  * @internal
  */

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,EAAoB,MAAM,OAAO,CAAC;AAShF,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,2CAA2C,CAAC;AAM3G;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,4CAA4C;IAC5C,MAAM,EAAE,YAAY,CAAC;IACrB,qEAAmE;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,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,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,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,UAAU,EACb,EAAE,sBAAsB,2CAuBxB"}
+{"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,qEAAmE;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,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,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,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,UAAU,EACb,EAAE,sBAAsB,2CAuBxB"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useRef, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import { useIntl } from "react-intl";
 import { olpPermissionMessages } from "../../locales.js";
 import { bem } from "../@utils/bem.js";
@@ -10,12 +10,26 @@ import { UiLabelsChecklist } from "../UiLabelsChecklist/UiLabelsChecklist.js";
 import { UiPopover } from "../UiPopover/UiPopover.js";
 import { UiTooltip } from "../UiTooltip/UiTooltip.js";
 const { b, e } = bem("gd-ui-kit-permission-menu");
+const PERMISSION_LEVEL_MESSAGE = {
+    EDIT: olpPermissionMessages.canEditAndShare,
+    SHARE: olpPermissionMessages.canViewAndShare,
+    VIEW: olpPermissionMessages.canView,
+};
 /**
- * Per-grantee permission popover. Renders a fixed set of rows — two
- * permission levels (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`.
+ * Message descriptor of a permission level's display label ("Can edit & share" /
+ * "Can view & share" / "Can view") — for triggers anchoring {@link UiPermissionMenu}.
+ *
+ * @internal
+ */
+export function permissionLevelMessage(level) {
+    return PERMISSION_LEVEL_MESSAGE[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`.
  *
  * @internal
  */
@@ -26,8 +40,15 @@ export function UiPermissionMenu({ anchor, selectedLevel, onPermissionChange, di
 function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledTooltip, labels, selectedLabelIds, onLabelsChange, onRemoveAccess, 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.
-    const [view, setView] = useState("menu");
+    // popover content, so it resets every time the menu opens. `origin` is what
+    // triggered the current view so the newly-mounted view knows whether to grab
+    // focus: a drill-in/return swaps the focused element out of the DOM (focus
+    // would otherwise fall to <body>), while the initial open leaves focus to the
+    // popover. See `focusOnMount`.
+    const [{ view, origin }, setView] = useState({
+        view: "menu",
+        origin: "open",
+    });
     const choose = (next) => () => {
         next();
         onClose();
@@ -46,6 +67,7 @@ function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledT
         };
     };
     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)),
     ];
@@ -57,7 +79,7 @@ function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledT
             icon: "ldmLabel",
             iconRight: "navigateRight",
             // Drill in — the checklist owns Back/Cancel/Apply and closes the menu itself.
-            onClick: () => setView("labels"),
+            onClick: () => setView({ view: "labels", origin: "nav" }),
         });
     }
     if (onRemoveAccess) {
@@ -98,20 +120,30 @@ function MenuBody({ selectedLevel, onPermissionChange, disabledLevels, disabledT
         focusable[nextIndex]?.focus();
     };
     if (view === "labels") {
-        return (_jsx("div", { className: b(), "data-testid": dataTestId, children: _jsx(UiLabelsChecklist, { items: labels ?? [], defaultSelectedIds: selectedLabelIds ?? [], onApply: (ids) => onLabelsChange?.(ids), onBack: () => setView("menu"), onClose: onClose, dataTestId: dataTestId }) }));
+        return (_jsx("div", { className: b(), "data-testid": dataTestId, children: _jsx(UiLabelsChecklist, { items: labels ?? [], defaultSelectedIds: selectedLabelIds ?? [], onApply: (ids) => onLabelsChange?.(ids), onBack: () => setView({ view: "menu", origin: "nav" }), onClose: onClose, autoFocus: origin === "nav", dataTestId: dataTestId }) }));
     }
-    return (_jsx("div", { className: b(), "data-testid": dataTestId, children: _jsxs("div", { ref: menuRef, className: e("items"), role: "menu", "aria-orientation": "vertical", "aria-label": intl.formatMessage(olpPermissionMessages.menuLabel), onKeyDown: handleKeyDown, children: [levelItems.map((item) => (_jsx(PermissionMenuItem, { item: item, selectedLevel: selectedLevel }, item.key))), actionItems.length > 0 ? _jsx("div", { className: e("divider"), role: "separator" }) : null, actionItems.map((item) => (_jsx(PermissionMenuItem, { item: item, selectedLevel: selectedLevel }, item.key)))] }) }));
+    return (_jsx("div", { className: b(), "data-testid": dataTestId, children: _jsxs("div", { ref: menuRef, className: e("items"), role: "menu", "aria-orientation": "vertical", "aria-label": intl.formatMessage(olpPermissionMessages.menuLabel), onKeyDown: handleKeyDown, children: [levelItems.map((item) => (_jsx(PermissionMenuItem, { item: item, selectedLevel: selectedLevel }, item.key))), actionItems.length > 0 ? _jsx("div", { className: e("divider"), role: "separator" }) : null, actionItems.map((item) => (_jsx(PermissionMenuItem, { item: item, selectedLevel: selectedLevel, 
+                    // Returning from the checklist restores focus to the row that opened it.
+                    autoFocus: item.key === "labels" && origin === "nav" }, item.key)))] }) }));
 }
-function PermissionMenuItem({ item, selectedLevel }) {
+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) => {
+        if (autoFocus) {
+            node?.focus();
+        }
+    }, [autoFocus]);
     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, "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: {
+            _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,
                         }),

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

@@ -1,4 +1,4 @@
-import { type MouseEvent } from "react";
+import { type MouseEvent, type Ref } from "react";
 import { type SizeLarge, type SizeMedium } from "../@types/size.js";
 /**
  * @internal
@@ -8,6 +8,8 @@ export interface IUiSubmenuHeaderProps {
     tooltipText?: string;
     onBack?: (e: MouseEvent<HTMLButtonElement>) => void;
     onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
+    /** Ref to the back button, e.g. to focus it when the submenu opens. */
+    backButtonRef?: Ref<HTMLButtonElement>;
     backAriaLabel?: string;
     closeAriaLabel?: string;
     useShortenedTitle?: boolean;
@@ -21,5 +23,5 @@ export interface IUiSubmenuHeaderProps {
  * Title can render as Typography h3 or ShortenedText h3.
  * @internal
  */
-export declare function UiSubmenuHeader({ title, tooltipText, onBack, onClose, backAriaLabel, closeAriaLabel, useShortenedTitle, textColor, backgroundColor, height, titleId }: IUiSubmenuHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function UiSubmenuHeader({ title, tooltipText, onBack, onClose, backButtonRef, backAriaLabel, closeAriaLabel, useShortenedTitle, textColor, backgroundColor, height, titleId }: IUiSubmenuHeaderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UiSubmenuHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UiSubmenuHeader.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiSubmenuHeader/UiSubmenuHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,MAAiB,EACjB,OAAO,EACV,EAAE,qBAAqB,2CAiFvB"}
+{"version":3,"file":"UiSubmenuHeader.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiSubmenuHeader/UiSubmenuHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,uEAAuE;IACvE,aAAa,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,MAAiB,EACjB,OAAO,EACV,EAAE,qBAAqB,2CAkFvB"}

package/esm/@ui/UiSubmenuHeader/UiSubmenuHeader.js

@@ -10,12 +10,12 @@ import { UiTooltip } from "../UiTooltip/UiTooltip.js";
  * Title can render as Typography h3 or ShortenedText h3.
  * @internal
  */
-export function UiSubmenuHeader({ title = "", tooltipText, onBack, onClose, backAriaLabel, closeAriaLabel, useShortenedTitle, textColor, backgroundColor, height = "medium", titleId, }) {
+export function UiSubmenuHeader({ title = "", tooltipText, onBack, onClose, backButtonRef, backAriaLabel, closeAriaLabel, useShortenedTitle, textColor, backgroundColor, height = "medium", titleId, }) {
     const heightClass = cx({
         "gd-ui-kit-submenu-header--large": height === "large",
         "gd-ui-kit-submenu-header--medium": height === "medium",
     });
     const backButtonSize = "small";
     const closeButtonSize = "small";
-    return (_jsxs("div", { className: cx("gd-ui-kit-submenu-header", heightClass), style: { backgroundColor: backgroundColor, color: textColor }, children: [onBack ? (_jsx(UiIconButton, { icon: "navigateLeft", variant: "bare", size: backButtonSize, onClick: onBack, label: backAriaLabel, dataId: "s-submenu-header-back-button", dataTestId: "s-submenu-header-back-button" })) : null, _jsxs("div", { className: cx("gd-ui-kit-submenu-header__title"), "data-testid": "drill-filters-section", children: [useShortenedTitle ? (_jsx(ShortenedText, { tagName: "h3", className: cx("gd-ui-kit-submenu-header__title-text"), id: titleId, children: title })) : (_jsx(Typography, { tagName: "h3", className: cx("gd-ui-kit-submenu-header__title-text"), id: titleId, children: title })), tooltipText ? (_jsx(UiTooltip, { triggerBy: ["hover", "focus"], arrowPlacement: "left", optimalPlacement: true, content: _jsx("div", { className: "gd-ui-kit-submenu-header__title-tooltip-content", children: tooltipText }), anchor: _jsx(QuestionMark, { className: "gd-ui-kit-submenu-header__title-tooltip-icon", width: 14, height: 14, color: "var(--gd-palette-complementary-6)" }), offset: 10, anchorWrapperStyles: { lineHeight: 0, width: "fit-content" } })) : null] }), onClose ? (_jsx(UiIconButton, { size: closeButtonSize, variant: "bare", icon: "close", label: closeAriaLabel, onClick: onClose, dataId: "s-submenu-header-close-button", dataTestId: "s-submenu-header-close-button" })) : null] }));
+    return (_jsxs("div", { className: cx("gd-ui-kit-submenu-header", heightClass), style: { backgroundColor: backgroundColor, color: textColor }, children: [onBack ? (_jsx(UiIconButton, { ref: backButtonRef, icon: "navigateLeft", variant: "bare", size: backButtonSize, onClick: onBack, label: backAriaLabel, dataId: "s-submenu-header-back-button", dataTestId: "s-submenu-header-back-button" })) : null, _jsxs("div", { className: cx("gd-ui-kit-submenu-header__title"), "data-testid": "drill-filters-section", children: [useShortenedTitle ? (_jsx(ShortenedText, { tagName: "h3", className: cx("gd-ui-kit-submenu-header__title-text"), id: titleId, children: title })) : (_jsx(Typography, { tagName: "h3", className: cx("gd-ui-kit-submenu-header__title-text"), id: titleId, children: title })), tooltipText ? (_jsx(UiTooltip, { triggerBy: ["hover", "focus"], arrowPlacement: "left", optimalPlacement: true, content: _jsx("div", { className: "gd-ui-kit-submenu-header__title-tooltip-content", children: tooltipText }), anchor: _jsx(QuestionMark, { className: "gd-ui-kit-submenu-header__title-tooltip-icon", width: 14, height: 14, color: "var(--gd-palette-complementary-6)" }), offset: 10, anchorWrapperStyles: { lineHeight: 0, width: "fit-content" } })) : null] }), onClose ? (_jsx(UiIconButton, { size: closeButtonSize, variant: "bare", icon: "close", label: closeAriaLabel, onClick: onClose, dataId: "s-submenu-header-close-button", dataTestId: "s-submenu-header-close-button" })) : null] }));
 }