@omnia/fx-models 8.0.130-dev → 8.0.131-dev

package/internal-do-not-import-from-here/shared/models/theming/Blueprints.d.ts

@@ -4,8 +4,9 @@ import { TypographyValue } from "./Typography";
 export interface BoxDimensions extends Spacing {
 }
 import { TypographyBlueprint } from "./Typography";
-import { GuidValue, VelcronAppDefinition } from "@omnia/fx-models";
+import { Guid, GuidValue, VelcronAppDefinition } from "@omnia/fx-models";
 export interface Blueprints {
+    id: Guid;
     name?: string;
 }
 export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3";
@@ -34,7 +35,7 @@ export interface ChromeBlueprint {
         spacing?: Spacing;
     };
 }
-export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "disabled" | "link";
+export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "link" | "variant1" | "variant2" | "variant3" | "variant4";
 export interface ComponentBlueprints extends Blueprints {
     buttons?: {
         text?: {
@@ -42,16 +43,22 @@ export interface ComponentBlueprints extends Blueprints {
             basic?: ButtonBlueprint;
             accent1?: ButtonBlueprint;
             warn?: ButtonBlueprint;
-            disabled?: ButtonBlueprint;
             link?: ButtonBlueprint;
+            variant1?: ButtonBlueprint;
+            variant2?: ButtonBlueprint;
+            variant3?: ButtonBlueprint;
+            variant4?: ButtonBlueprint;
         };
         icon?: {
             primary?: ButtonBlueprint;
             basic?: ButtonBlueprint;
             accent1?: ButtonBlueprint;
             warn?: ButtonBlueprint;
-            disabled?: ButtonBlueprint;
             link?: ButtonBlueprint;
+            variant1?: ButtonBlueprint;
+            variant2?: ButtonBlueprint;
+            variant3?: ButtonBlueprint;
+            variant4?: ButtonBlueprint;
         };
     };
     tabs?: {

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -1,5 +1,5 @@
 import { Guid } from "../Guid";
-import { BoxDimensions, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
+import { BoxDimensions } from "./Blueprints";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;
@@ -39,14 +39,15 @@ export interface ColorSchemas {
     error: ColorSchema;
     info: ColorSchema;
     warning: ColorSchema;
+    notification: ColorSchema;
 }
 export interface ThemeDefinitionV2 {
     id: Guid;
     name?: string;
     colors: ColorSchemas;
-    typography: TypographyBlueprints;
-    spacing: SpacingBlueprints;
-    components: ComponentBlueprints;
+    typographyId: Guid;
+    spacingId: Guid;
+    componentId: Guid;
 }
 export type ColorSchemaType = keyof typeof ColorSchemaTypes;
 export declare enum ColorSchemaTypes {
@@ -56,6 +57,8 @@ export declare enum ColorSchemaTypes {
     accent2 = "accent2",
     accent3 = "accent3",
     neutral = "neutral",
+    warning = "warning",
+    notification = "notification",
     background = "background",
     error = "error",
     info = "info",

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js

@@ -9,6 +9,8 @@ var ColorSchemaTypes;
     ColorSchemaTypes["accent2"] = "accent2";
     ColorSchemaTypes["accent3"] = "accent3";
     ColorSchemaTypes["neutral"] = "neutral";
+    ColorSchemaTypes["warning"] = "warning";
+    ColorSchemaTypes["notification"] = "notification";
     ColorSchemaTypes["background"] = "background";
     ColorSchemaTypes["error"] = "error";
     ColorSchemaTypes["info"] = "info";

package/internal-do-not-import-from-here/shared/services/DefineService.d.ts

@@ -1,6 +1,9 @@
+import { SetupFactoryContext } from "../factory";
 import { http } from "../http";
+interface SetupServiceContext extends SetupFactoryContext {
+    http: typeof http;
+}
 export declare function defineService<TActions extends {
     [key: string]: Function;
-}>(name: string, setup: (ctx: {
-    http: typeof http;
-}) => TActions): () => TActions;
+}, TArgs extends any[]>(setup: (ctx: SetupServiceContext) => TActions): () => TActions;
+export {};

package/internal-do-not-import-from-here/shared/services/ThemingService.d.ts

@@ -0,0 +1,8 @@
+import { ButtonBlueprint, Guid, ITemplateRegistration } from "@omnia/fx-models";
+export declare const useThemingService: () => {
+    buttonBlueprints: () => {
+        upsert: (blueprint: ITemplateRegistration<ButtonBlueprint>) => Promise<void>;
+        delete: (id: Guid) => Promise<void>;
+        getAll: () => Promise<ITemplateRegistration<ButtonBlueprint>[]>;
+    };
+};

package/internal-do-not-import-from-here/shared/services/index.d.ts

@@ -2,3 +2,4 @@ export * from "./DefineService";
 export * from "./ActivityService";
 export * from "./RealtimeService";
 export * from "./ActivitySubscriptionService";
+export * from "./ThemingService";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx-models",
   "license": "MIT",
-  "version": "8.0.130-dev",
+  "version": "8.0.131-dev",
   "description": "Provide Omnia Fx Models Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/ux/ThemingApi.d.ts

@@ -1,34 +1,40 @@
-import { BorderStylingDefinition, ButtonBlueprint, ChromeBlueprint, ChromeBlueprints, ColorSchema, ComponentBlueprints, FillDefinition, SpacingBlueprints, SpacingDefinition, TabsBlueprint, ThemeDefinitionV2, TypographyBlueprints } from "@omnia/fx-models";
+import { BorderStylingDefinition, ButtonBlueprint, ChromeBlueprint, ChromeBlueprints, ColorSchema, ComponentBlueprints, FillDefinition, Guid, SpacingBlueprints, SpacingDefinition, TabsBlueprint, ThemeDefinitionV2, TypographyBlueprints } from "@omnia/fx-models";
 import { ApiPath } from "../Extends";
+export interface ITemplateRegistration<TTemplateType = any> {
+    id: Guid;
+    template: TTemplateType;
+    hidden?: boolean;
+    custom?: boolean;
+}
 export interface IThemeRegistrationApiHandler {
-    getAllThemes(): any;
-    registerTheme(definitions: ThemeDefinitionV2 | ThemeDefinitionV2[]): any;
-    registerColorSchema(colorSchema: ColorSchema | ColorSchema[]): any;
-    getAllColorSchemas(): any;
+    getAllThemeRegistrations(): ITemplateRegistration<ThemeDefinitionV2>[];
+    registerTheme(definitions: ITemplateRegistration<ThemeDefinitionV2> | ITemplateRegistration<ThemeDefinitionV2>[]): any;
+    registerColorSchema(colorSchema: ITemplateRegistration<ColorSchema> | ITemplateRegistration<ColorSchema>[]): any;
+    getAllColorSchemaRegistrations(): any;
     templates: {
         get: {
-            spacingDefinition: () => SpacingDefinition[];
-            spacingBlueprints: () => SpacingBlueprints[];
-            fillDefinition: () => FillDefinition[];
-            borderDefinition: () => BorderStylingDefinition[];
-            buttonBlueprint: () => ButtonBlueprint[];
-            tabsBlueprint: () => TabsBlueprint[];
-            chromeBlueprint: () => ChromeBlueprint[];
-            chromeBlueprints: () => ChromeBlueprints[];
-            componentBlueprints: () => ComponentBlueprints[];
-            typographyBlueprints: () => TypographyBlueprints[];
+            spacingDefinition: () => ITemplateRegistration<SpacingDefinition>[];
+            spacingBlueprints: () => ITemplateRegistration<SpacingBlueprints>[];
+            fillDefinition: () => ITemplateRegistration<FillDefinition>[];
+            borderDefinition: () => ITemplateRegistration<BorderStylingDefinition>[];
+            buttonBlueprint: () => ITemplateRegistration<ButtonBlueprint>[];
+            tabsBlueprint: () => ITemplateRegistration<TabsBlueprint>[];
+            chromeBlueprint: () => ITemplateRegistration<ChromeBlueprint>[];
+            chromeBlueprints: () => ITemplateRegistration<ChromeBlueprints>[];
+            componentBlueprints: () => ITemplateRegistration<ComponentBlueprints>[];
+            typographyBlueprints: () => ITemplateRegistration<TypographyBlueprints>[];
         };
         add: {
-            spacingDefinition: (spacing: SpacingDefinition | SpacingDefinition[]) => void;
-            spacingBlueprints: (spacing: SpacingBlueprints | SpacingBlueprints[]) => void;
-            fillDefinition: (fill: FillDefinition | FillDefinition[]) => void;
-            borderDefinition: (border: BorderStylingDefinition | BorderStylingDefinition[]) => void;
-            buttonBlueprint: (blueprint: ButtonBlueprint | ButtonBlueprint[]) => void;
-            tabsBlueprint: (blueprint: TabsBlueprint | TabsBlueprint[]) => void;
-            chromeBlueprint: (blueprint: ChromeBlueprint | ChromeBlueprint[]) => void;
-            chromeBlueprints: (blueprint: ChromeBlueprints | ChromeBlueprints[]) => void;
-            componentBlueprints: (blueprint: ComponentBlueprints | ComponentBlueprints[]) => void;
-            typographyBlueprints: (blueprints: TypographyBlueprints | TypographyBlueprints[]) => void;
+            spacingDefinition: (spacing: ITemplateRegistration<SpacingDefinition> | ITemplateRegistration<SpacingDefinition>[]) => void;
+            spacingBlueprints: (spacing: ITemplateRegistration<SpacingBlueprints> | ITemplateRegistration<SpacingBlueprints>[]) => void;
+            fillDefinition: (fill: ITemplateRegistration<FillDefinition> | ITemplateRegistration<FillDefinition>[]) => void;
+            borderDefinition: (border: ITemplateRegistration<BorderStylingDefinition> | ITemplateRegistration<BorderStylingDefinition>[]) => void;
+            buttonBlueprint: (blueprint: ITemplateRegistration<ButtonBlueprint> | ITemplateRegistration<ButtonBlueprint>[]) => void;
+            tabsBlueprint: (blueprint: ITemplateRegistration<TabsBlueprint> | ITemplateRegistration<TabsBlueprint>[]) => void;
+            chromeBlueprint: (blueprint: ITemplateRegistration<ChromeBlueprint> | ITemplateRegistration<ChromeBlueprint>[]) => void;
+            chromeBlueprints: (blueprint: ITemplateRegistration<ChromeBlueprints> | ITemplateRegistration<ChromeBlueprints>[]) => void;
+            componentBlueprints: (blueprint: ITemplateRegistration<ComponentBlueprints> | ITemplateRegistration<ComponentBlueprints>[]) => void;
+            typographyBlueprints: (blueprints: ITemplateRegistration<TypographyBlueprints> | ITemplateRegistration<TypographyBlueprints>[]) => void;
         };
     };
 }