@openfin/workspace-platform 22.2.0 → 22.2.1

package/client-api-platform/src/api/controllers/theme-storage-controller.d.ts

@@ -21,6 +21,10 @@ export declare const getPaletteExtensions: (palette: CustomPaletteSet, paletteSc
     dockComponentContainerBorderColor: string;
     companionDockButtonActiveBackground: string;
     companionDockButtonHoverBackground: string;
+    'computed-scrollbar-thumb-alpha': number;
+    'computed-scrollbar-track-alpha': number;
+    'scrollbar-thumb-rgb': string;
+    'scrollbar-track-rgb': string;
     selectedTab: string;
 };
 export type Palettes = {

package/common/src/utils/enterprise-channels.d.ts

@@ -3,6 +3,7 @@ export declare const getContextMenuChannelName: () => string;
 export declare const getBookmarkContextMenuChannelName: () => string;
 export declare const getBookmarkPanelActionsMonitorChannelName: () => string;
 export declare const getDropdownMenuChannelName: () => string;
+export declare const getZoomControlsDialogChannelName: () => string;
 export declare const createDropdownMenuChannel: () => Promise<OpenFin.ChannelProvider>;
 export declare const connectDropdownMenuChannel: () => Promise<OpenFin.ChannelClient>;
 export declare const createBookmarkDialogChannel: () => Promise<OpenFin.ChannelProvider>;
@@ -13,3 +14,5 @@ export declare const createContextMenuChannel: () => Promise<OpenFin.ChannelProv
 export declare const connectToContextMenuChannel: () => Promise<OpenFin.ChannelClient>;
 export declare const connectToEnterpriseContentChannel: (uuid: string) => Promise<OpenFin.ChannelClient>;
 export declare const connectToEnterpriseModalChannel: (uuid: string) => Promise<OpenFin.ChannelClient>;
+export declare const createZoomControlsDialogChannel: () => Promise<OpenFin.ChannelProvider>;
+export declare const connectToZoomControlsDialogChannel: () => Promise<OpenFin.ChannelClient>;

package/common/src/utils/popup-window.d.ts

@@ -38,7 +38,8 @@ export declare enum EnterpriseMenuType {
     ContextMenu = "context-menu",
     RenameSupertab = "rename-supertab",
     AddEditBookmark = "add-edit-bookmark",
-    DropdownMenu = "dropdown-menu"
+    DropdownMenu = "dropdown-menu",
+    ZoomControls = "zoom-controls"
 }
 export type BookmarkButtonPayload = {
     selectedViewIdentity: OpenFin.Identity;
@@ -72,6 +73,14 @@ export type BookmarkDialogChannelMessage = BaseEnterpriseMenuChannelMessage & {
     type: EnterpriseMenuType.AddEditBookmark;
     payload: BookmarkButtonPayload;
 };
+export type ZoomControlsDialogPayload = {
+    selectedViewIdentity?: OpenFin.Identity;
+    zoomPercent?: number;
+};
+export type ZoomControlsDialogChannelMessage = BaseEnterpriseMenuChannelMessage & {
+    type: EnterpriseMenuType.ZoomControls;
+    payload: ZoomControlsDialogPayload;
+};
 export type DropdownMenuChannelMessage = BaseEnterpriseMenuChannelMessage & {
     type: EnterpriseMenuType.DropdownMenu;
     payload: {

package/common/src/utils/route.d.ts

@@ -30,7 +30,8 @@ declare enum BrowserRoute {
     EnterpriseBookmarkDialog = "/bookmark-dialog/",
     EnterpriseStorageProxy = "/enterprise/storage-proxy",
     DropdownMenu = "/dropdown-menu/",
-    EnterpriseDock = "/dock/"
+    EnterpriseDock = "/dock/",
+    ZoomControlsDialog = "/zoom-controls-dialog/"
 }
 declare const PageRoute: {
     Browser: BrowserRoute.Browser;
@@ -49,6 +50,7 @@ declare const PageRoute: {
     EnterpriseStorageProxy: BrowserRoute.EnterpriseStorageProxy;
     DropdownMenu: BrowserRoute.DropdownMenu;
     EnterpriseDock: BrowserRoute.EnterpriseDock;
+    ZoomControlsDialog: BrowserRoute.ZoomControlsDialog;
     Home: WorkspaceRoute.Home;
     HomeSearch: WorkspaceRoute.HomeSearch;
     HomePagesRename: WorkspaceRoute.HomePagesRename;

package/common/src/utils/theming.d.ts

@@ -1,4 +1,29 @@
 import { BackgroundLayers, CustomPaletteSet } from '../../../common/src/api/theming';
+/**
+ * Parses a CSS color string (hex, rgb(a), or hsl(a)) into a structured RGB string and alpha value.
+ *
+ * This helper is designed to extract RGB and alpha components from theme-defined color values,
+ * enabling usage in CSS `rgba(var(--color), <alpha>)` syntax by separating the color and opacity parts.
+ *
+ * Supported formats:
+ * - Hex strings (`#RRGGBB` or `#RGB`) → parsed to `"r, g, b"` with `alpha: 1`
+ * - `rgb()` / `rgba()` → extracts numeric values; alpha is preserved if present
+ * - `hsl()` / `hsla()` → numeric values are extracted but visually may not reflect true RGB; alpha is preserved
+ *
+ * Example:
+ * ```ts
+ * const { rgb, alpha } = parseColorToRgbWithAlpha('rgba(255, 255, 255, 0.75)');
+ * // rgb = "255, 255, 255"
+ * // alpha = 0.75
+ * ```
+ *
+ * @param color - The primary color string from the theme (may be hex, rgb[a], hsl[a]).
+ * @returns An object with `rgb` as a comma-separated string, and `alpha` as a number between 0 and 1.
+ */
+export declare const parseColorToRgbWithAlpha: (color: string) => {
+    rgb: string;
+    alpha: number;
+};
 /**
  * Get hue from a CSS color
  *

package/common/src/utils/window.d.ts

@@ -16,7 +16,8 @@ export declare enum WindowName {
     DropdownMenu = "openfin-enterprise-dropdown-menu",
     DockCompanion = "openfin-dock-companion",
     AICompanionPrefix = "openfin-ai-companion-",
-    UpdateVersionModal = "here-update-version-modal"
+    UpdateVersionModal = "here-update-version-modal",
+    ZoomControlsDialog = "here-zoom-controls-dialog"
 }
 export interface WindowIdentity {
     uuid: ApplicationUUID | string;