@openfin/workspace-platform 22.2.3 → 22.2.5

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

@@ -1,4 +1,4 @@
 import { ThemeStorageController } from '../../../../client-api-platform/src/api/controllers/theme-storage-controller';
 import { CustomThemes } from '../../../../client-api-platform/src/shapes';
-export declare const initialiseStoragePalettes: (customThemes: CustomThemes | undefined, isWindows: boolean) => void;
+export declare const initialiseStoragePalettes: (customThemes: CustomThemes | undefined, isWindows: boolean) => CustomThemes;
 export declare const getThemeStorageController: () => ThemeStorageController;

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

@@ -1,4 +1,3 @@
-import { StorageProxy } from '../../../../client-api-platform/src/api/utils';
 import { ColorSchemeOptionType, CustomPaletteSet } from '../../../../client-api-platform/src/shapes';
 /**
  * Palette extensions can be used to add new variables to the palette set.
@@ -40,13 +39,19 @@ export declare class ThemeStorageController {
     private getVarsByScheme;
     /**
      * Set the current Storage Proxy to enable Workspace Storage properties to be populated.
+     *
+     * Currently, we only support same Storage Based theming for same origin scenarios like EB, where the provider
+     * is in the same origin as the workspace pages.
+     *
+     * A workaround that can be leveraged in cross origin scenarios (which is the majority of the workspace use case) is available in this commit: 233e843cda6cd68968fd5831fb20597e0d5bb7cc
+     * `git revert 233e843cda6cd68968fd5831fb20597e0d5bb7cc --no-commit`
      */
-    setWorkspaceStorageProxy: (proxy: StorageProxy) => void;
+    setWorkspaceStorage: (proxy: Pick<Storage, "setItem">) => void;
     /**
      * Synchronize the current palette and scheme with workspace's storage instance if
      * storage based theming is enabled
      */
-    trySynchronizeWorkspaceStorage: () => Promise<void>;
+    trySynchronizeWorkspaceStorage: () => void;
     /**
      * Set the current Palette to be used by workspace. This palette will be converted into
      * css vars and combined into a single stylesheet. This stylesheet is exposed in localstorage

package/client-api-platform/src/api/utils.d.ts

@@ -1,6 +1 @@
 export declare const listenForStoreClose: () => void;
-export type StorageProxy = {
-    setItem: (data: string, value: string) => Promise<void>;
-    destroy: () => Promise<void>;
-};
-export declare const createStorageProxy: (url: string) => Promise<StorageProxy>;

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

@@ -144,6 +144,14 @@ export interface PaletteLayersBackgrounds {
     dark: Partial<BackgroundLayers>;
 }
 export interface CustomPaletteSet extends DefaultPaletteSet {
+    brandPrimaryActive?: string;
+    brandPrimaryHover?: string;
+    brandPrimaryFocused?: string;
+    brandPrimaryText?: string;
+    brandSecondaryActive?: string;
+    brandSecondaryHover?: string;
+    brandSecondaryFocused?: string;
+    brandSecondaryText?: string;
     functional1?: string;
     functional2?: string;
     functional3?: string;
@@ -180,6 +188,7 @@ export interface CustomPaletteSet extends DefaultPaletteSet {
     contentBackground5?: string;
     linkDefault?: string;
     linkHover?: string;
+    borderNeutral?: string;
 }
 export declare const OpenFinLightTheme: {
     background1: "#FFFFFF";
@@ -189,6 +198,10 @@ export declare const OpenFinLightTheme: {
     background5: "#DDDFE4";
     background6: "#C9CBD2";
     brandSecondary: "#DDDFE4";
+    brandSecondaryActive: "#D7DADF";
+    brandSecondaryHover: "#EBECEF";
+    brandSecondaryFocused: "#1E1F23";
+    brandSecondaryText: "#1E1F23";
     inputBackground: "#ECEEF1";
     inputColor: "#1E1F23";
     inputPlaceholder: "#383A40";
@@ -199,6 +212,10 @@ export declare const OpenFinLightTheme: {
     textHelp: "#2F3136";
     textInactive: "#7D808A";
     brandPrimary: string;
+    brandPrimaryActive: string;
+    brandPrimaryHover: string;
+    brandPrimaryFocused: "#FFFFFF";
+    brandPrimaryText: "#FFFFFF";
     statusSuccess: "#207735";
     statusWarning: "#F48F00";
     statusCritical: "#F31818";
@@ -208,6 +225,7 @@ export declare const OpenFinLightTheme: {
     contentBackground3: string;
     contentBackground4: string;
     contentBackground5: string;
+    borderNeutral: "#C0C1C2";
 };
 export declare const OpenFinDarkTheme: {
     background1: "#111214";
@@ -217,6 +235,10 @@ export declare const OpenFinDarkTheme: {
     background5: "#383A40";
     background6: "#53565F";
     brandSecondary: "#383A40";
+    brandSecondaryActive: "#33353B";
+    brandSecondaryHover: "#44464E";
+    brandSecondaryFocused: "#FFFFFF";
+    brandSecondaryText: "#FFFFFF";
     inputBackground: "#53565F";
     inputColor: "#FFFFFF";
     inputPlaceholder: "#C9CBD2";
@@ -227,6 +249,10 @@ export declare const OpenFinDarkTheme: {
     textHelp: "#C9CBD2";
     textInactive: "#7D808A";
     brandPrimary: string;
+    brandPrimaryActive: string;
+    brandPrimaryHover: string;
+    brandPrimaryFocused: "#FFFFFF";
+    brandPrimaryText: "#FFFFFF";
     statusSuccess: "#207735";
     statusWarning: "#F48F00";
     statusCritical: "#F31818";
@@ -236,6 +262,7 @@ export declare const OpenFinDarkTheme: {
     contentBackground3: string;
     contentBackground4: string;
     contentBackground5: string;
+    borderNeutral: "#C0C1C2";
 };
 export declare const DefaultOpenFinTheme: CustomThemes;
 export declare const getComputedPaletteSets: (customTheme: CustomThemeOptions | CustomThemeOptionsWithScheme) => WorkspaceThemeSet;

package/common/src/utils/namespaced-local-storage.d.ts

@@ -1,4 +1,4 @@
-import LocalStorageKey from './local-storage-key';
-export declare const setItem: (key: LocalStorageKey, value: string) => void;
-export declare const getItem: (key: LocalStorageKey) => string;
-export declare const removeItem: (key: LocalStorageKey) => void;
+export declare const createNamespacedLocalStorage: <TKey extends string>(namespace: string) => Pick<Storage, "setItem" | "getItem" | "removeItem">;
+export declare const setItem: (key: string, value: string) => void;
+export declare const getItem: (key: string) => string | null;
+export declare const removeItem: (key: string) => void;

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

@@ -28,7 +28,6 @@ declare enum BrowserRoute {
     EnterpriseLandingPage = "/enterprise/landing/",
     EnterpriseContextMenu = "/context-menu/",
     EnterpriseBookmarkDialog = "/bookmark-dialog/",
-    EnterpriseStorageProxy = "/enterprise/storage-proxy",
     DropdownMenu = "/dropdown-menu/",
     EnterpriseDock = "/dock/",
     ZoomControlsDialog = "/zoom-controls-dialog/"
@@ -47,7 +46,6 @@ declare const PageRoute: {
     EnterpriseLandingPage: BrowserRoute.EnterpriseLandingPage;
     EnterpriseContextMenu: BrowserRoute.EnterpriseContextMenu;
     EnterpriseBookmarkDialog: BrowserRoute.EnterpriseBookmarkDialog;
-    EnterpriseStorageProxy: BrowserRoute.EnterpriseStorageProxy;
     DropdownMenu: BrowserRoute.DropdownMenu;
     EnterpriseDock: BrowserRoute.EnterpriseDock;
     ZoomControlsDialog: BrowserRoute.ZoomControlsDialog;