@omnia/fx 8.0.26-vnext → 8.0.28-vnext

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper.d.ts

@@ -1,11 +1,16 @@
-import { VelcronState } from "@omnia/fx-models";
+import { ColorSchemaReference } from "@omnia/fx-models";
+interface VelcronColorSchema {
+    colorSchemas: {
+        [key: string]: ColorSchemaReference;
+    };
+}
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            model: import("vue").Prop<VelcronState, VelcronState>;
-            onChange: import("vue").Prop<(value: VelcronState) => void, (value: VelcronState) => void>;
+            model: import("vue").Prop<VelcronColorSchema, VelcronColorSchema>;
+            onChange: import("vue").Prop<(value: VelcronColorSchema) => void, (value: VelcronColorSchema) => void>;
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -21,8 +26,8 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            model: import("vue").Prop<VelcronState, VelcronState>;
-            onChange: import("vue").Prop<(value: VelcronState) => void, (value: VelcronState) => void>;
+            model: import("vue").Prop<VelcronColorSchema, VelcronColorSchema>;
+            onChange: import("vue").Prop<(value: VelcronColorSchema) => void, (value: VelcronColorSchema) => void>;
         }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -44,19 +49,19 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        model: import("vue").Prop<VelcronState, VelcronState>;
-        onChange: import("vue").Prop<(value: VelcronState) => void, (value: VelcronState) => void>;
+        model: import("vue").Prop<VelcronColorSchema, VelcronColorSchema>;
+        onChange: import("vue").Prop<(value: VelcronColorSchema) => void, (value: VelcronColorSchema) => void>;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    model: import("vue").Prop<VelcronState, VelcronState>;
-    onChange: import("vue").Prop<(value: VelcronState) => void, (value: VelcronState) => void>;
+    model: import("vue").Prop<VelcronColorSchema, VelcronColorSchema>;
+    onChange: import("vue").Prop<(value: VelcronColorSchema) => void, (value: VelcronColorSchema) => void>;
 }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        onChange?: (value: VelcronState) => void;
-        model?: VelcronState;
+        onChange?: (value: VelcronColorSchema) => void;
+        model?: VelcronColorSchema;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/velcron/editor/stores/VelcronEditorStore.d.ts

@@ -5,7 +5,7 @@ export declare const useVelcronEditorStore: (newInstanceWithName?: string) => {
     state: {
         appData: {};
         appAsJson: string;
-        appDefinition: VelcronAppDefinition;
+        appDefinition: VelcronAppDefinition<object>;
         appCacheKey: string;
         appTreeOpenIds: string[];
         treeViewItems: TreeViewItem<AppTreeItem>[];
@@ -51,8 +51,8 @@ export declare const useVelcronEditorStore: (newInstanceWithName?: string) => {
         onMutatedAppData: import("@omnia/fx").EventHook<{}>;
         onMutatingAppAsJson: import("@omnia/fx").EventHook<string>;
         onMutatedAppAsJson: import("@omnia/fx").EventHook<string>;
-        onMutatingAppDefinition: import("@omnia/fx").EventHook<VelcronAppDefinition>;
-        onMutatedAppDefinition: import("@omnia/fx").EventHook<VelcronAppDefinition>;
+        onMutatingAppDefinition: import("@omnia/fx").EventHook<VelcronAppDefinition<object>>;
+        onMutatedAppDefinition: import("@omnia/fx").EventHook<VelcronAppDefinition<object>>;
         onMutatingAppCacheKey: import("@omnia/fx").EventHook<string>;
         onMutatedAppCacheKey: import("@omnia/fx").EventHook<string>;
         onMutatingAppTreeOpenIds: import("@omnia/fx").EventHook<string[]>;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts

@@ -1,5 +1,5 @@
 import { VelcronAppDefinition, VelcronRenderContext } from "@omnia/fx-models";
-import { ThemeDefinitionV2, useVelcronThemingStore, VelcronRenderContextEventHandlers, ColorSchemaTypes, ColorSchemaType } from "../core";
+import { ThemeDefinitionV2, useVelcronThemingStore, VelcronRenderContextEventHandlers, ColorSchemaTypes, ColorSchemaType, DynamicState } from "../core";
 export type RegisterThemingStore = (store: ReturnType<typeof useVelcronThemingStore>) => void;
 declare const _default: {
     new (...args: any[]): {
@@ -17,6 +17,12 @@ declare const _default: {
             colors?: any;
             blueprintType?: any;
             blueprint?: any;
+            "edit-mode": {
+                type: import("vue").PropType<boolean>;
+            };
+            editMode: {
+                type: import("vue").PropType<boolean>;
+            };
             "color-schema-type": {
                 type: import("vue").PropType<ColorSchemaTypes | ColorSchemaType>;
             };
@@ -38,10 +44,12 @@ declare const _default: {
                 type: import("vue").PropType<VelcronRenderContext>;
             };
             definition: {
-                type: import("vue").PropType<VelcronAppDefinition>;
+                type: import("vue").PropType<VelcronAppDefinition<object>>;
                 required: true;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "blueprint" | "colorSchemaType" | "blueprintType" | "colors">;
+        }>> & {
+            "onState:updated"?: (state: object) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "blueprint" | "colorSchemaType" | "blueprintType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -53,7 +61,7 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "state:updated", state: object) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             colorSchemaType: any;
@@ -61,6 +69,12 @@ declare const _default: {
             colors?: any;
             blueprintType?: any;
             blueprint?: any;
+            "edit-mode": {
+                type: import("vue").PropType<boolean>;
+            };
+            editMode: {
+                type: import("vue").PropType<boolean>;
+            };
             "color-schema-type": {
                 type: import("vue").PropType<ColorSchemaTypes | ColorSchemaType>;
             };
@@ -82,10 +96,14 @@ declare const _default: {
                 type: import("vue").PropType<VelcronRenderContext>;
             };
             definition: {
-                type: import("vue").PropType<VelcronAppDefinition>;
+                type: import("vue").PropType<VelcronAppDefinition<object>>;
                 required: true;
             };
-        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        }>> & {
+            "onState:updated"?: (state: object) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "state:updated": (state: DynamicState) => any;
+        }, string, {
             container?: any;
             blueprint?: any;
             colorSchemaType: any;
@@ -117,6 +135,12 @@ declare const _default: {
         colors?: any;
         blueprintType?: any;
         blueprint?: any;
+        "edit-mode": {
+            type: import("vue").PropType<boolean>;
+        };
+        editMode: {
+            type: import("vue").PropType<boolean>;
+        };
         "color-schema-type": {
             type: import("vue").PropType<ColorSchemaTypes | ColorSchemaType>;
         };
@@ -138,10 +162,12 @@ declare const _default: {
             type: import("vue").PropType<VelcronRenderContext>;
         };
         definition: {
-            type: import("vue").PropType<VelcronAppDefinition>;
+            type: import("vue").PropType<VelcronAppDefinition<object>>;
             required: true;
         };
-    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & {
+        "onState:updated"?: (state: object) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -151,6 +177,12 @@ declare const _default: {
     colors?: any;
     blueprintType?: any;
     blueprint?: any;
+    "edit-mode": {
+        type: import("vue").PropType<boolean>;
+    };
+    editMode: {
+        type: import("vue").PropType<boolean>;
+    };
     "color-schema-type": {
         type: import("vue").PropType<ColorSchemaTypes | ColorSchemaType>;
     };
@@ -172,10 +204,14 @@ declare const _default: {
         type: import("vue").PropType<VelcronRenderContext>;
     };
     definition: {
-        type: import("vue").PropType<VelcronAppDefinition>;
+        type: import("vue").PropType<VelcronAppDefinition<object>>;
         required: true;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & {
+    "onState:updated"?: (state: object) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "state:updated": (state: DynamicState) => any;
+}, string, {
     container?: any;
     blueprint?: any;
     colorSchemaType: any;
@@ -184,7 +220,7 @@ declare const _default: {
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
-        definition: VelcronAppDefinition;
+        definition: VelcronAppDefinition<object>;
         blueprint?: any;
         colorSchemaType: any;
         blueprintType?: any;
@@ -193,9 +229,13 @@ declare const _default: {
         themeDefinition?: ThemeDefinitionV2;
         "theme-definition"?: ThemeDefinitionV2;
         context?: VelcronRenderContext;
+        editMode?: boolean;
         eventHandlers?: unknown;
         "event-handlers"?: unknown;
         "color-schema-type"?: ColorSchemaTypes | ColorSchemaType;
-    }>, never>;
+        "edit-mode"?: boolean;
+    }>, "onState:updated"> & {
+        "onState:updated"?: (state: object) => any;
+    };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/velcron/renderer/components/App.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            definition: import("vue").Prop<VelcronAppDefinition, VelcronAppDefinition>;
+            definition: import("vue").Prop<VelcronAppDefinition<object>, VelcronAppDefinition<object>>;
             renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
@@ -21,7 +21,7 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            definition: import("vue").Prop<VelcronAppDefinition, VelcronAppDefinition>;
+            definition: import("vue").Prop<VelcronAppDefinition<object>, VelcronAppDefinition<object>>;
             renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
         }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -44,18 +44,18 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        definition: import("vue").Prop<VelcronAppDefinition, VelcronAppDefinition>;
+        definition: import("vue").Prop<VelcronAppDefinition<object>, VelcronAppDefinition<object>>;
         renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    definition: import("vue").Prop<VelcronAppDefinition, VelcronAppDefinition>;
+    definition: import("vue").Prop<VelcronAppDefinition<object>, VelcronAppDefinition<object>>;
     renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        definition?: VelcronAppDefinition;
+        definition?: VelcronAppDefinition<object>;
         renderContext?: VelcronRenderContext;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/wizard/IWizard.d.ts

@@ -3,7 +3,7 @@ import { TsxAllowUnknowProperties, WizardStyles } from "..";
 export interface WizardStepModel {
     id: string;
     title: string;
-    content: JSX.Element;
+    content: () => JSX.Element;
     beforeButtons?: () => JSX.Element[];
     afterButtons?: () => JSX.Element[];
     onGoToNext?: () => Promise<boolean>;

package/internal-do-not-import-from-here/ux/wizard/WizardComponent.d.ts

@@ -4,7 +4,7 @@ import { VueComponentBase } from "../VueComponentBase";
 import { IWizard, IWizardInstance, IWizardStepComponent, WizardStateModel, WizardStepModel } from "./IWizard";
 import "./Wizard.css";
 import { IWizardInstanceExtends, WizardStep } from "./WizardStep";
-export default class WizardComponent extends VueComponentBase implements IWebComponentInstance, IWizard, IWizardInstanceExtends {
+export declare class WizardComponent extends VueComponentBase implements IWebComponentInstance, IWizard, IWizardInstanceExtends {
     styles?: typeof WizardStyles;
     steps: Array<WizardStepModel>;
     onInstanceCreated?: (inst: IWizardInstance) => void;
@@ -53,7 +53,7 @@ export default class WizardComponent extends VueComponentBase implements IWebCom
     private renderSelectTemplateStepHeader;
     private renderSelectTemplateStepContent;
     private shouldRenderStep;
-    renderHorizontalMode(): JSX.Element | JSX.Element[];
+    renderHorizontalMode(): JSX.Element[];
     renderVerticalMode(): JSX.Element[] | JSX.Element[][];
     renderActions(): JSX.Element;
     render(): JSX.Element;

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -97,6 +97,7 @@ import wc7f06e68f94904b48b827b23acd148bec from './ux/optionpicker/OptionPicker';
 import wc8e3534c9960c46b090f442e563d71265 from './ux/oxide/alignmentpicker/AlignmentPicker';
 import wc7fbf605e1ae24b21b0a9e35141aca17b from './ux/oxide/appbar/Appbar';
 import wc678a52a5101d41498d47754aeae5f9f6 from './ux/oxide/btn/Button';
+import wc07d25314740f40058782f3123ea1c388 from './ux/oxide/btngroup/ButtonGroup';
 import wcbeb97ee8f2a94d1b86980b1736f82e20 from './ux/oxide/btntoggle/ButtonToggle';
 import wcffc99f8d26ae4caf84ece7c13463b6c5 from './ux/oxide/card/Card';
 import wccd6b8d55c18546d4b1d8c4d9e1d89106 from './ux/oxide/checkbox/Checkbox';
@@ -320,6 +321,7 @@ declare global {
             "o-alignment-picker": typeof wc8e3534c9960c46b090f442e563d71265.propsDefinition & VueComponentBaseProps;
             "o-app-bar": typeof wc7fbf605e1ae24b21b0a9e35141aca17b.propsDefinition & VueComponentBaseProps;
             "o-btn": typeof wc678a52a5101d41498d47754aeae5f9f6.propsDefinition & VueComponentBaseProps;
+            "o-btn-group": typeof wc07d25314740f40058782f3123ea1c388.propsDefinition & VueComponentBaseProps;
             "o-btn-toggle": typeof wcbeb97ee8f2a94d1b86980b1736f82e20.propsDefinition & VueComponentBaseProps;
             "o-card": typeof wcffc99f8d26ae4caf84ece7c13463b6c5.propsDefinition & VueComponentBaseProps;
             "o-checkbox": typeof wccd6b8d55c18546d4b1d8c4d9e1d89106.propsDefinition & VueComponentBaseProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.26-vnext",
+  "version": "8.0.28-vnext",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.26-vnext",
+    "@omnia/fx-models": "8.0.28-vnext",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",

package/internal-do-not-import-from-here/ux/markdown/Toast.d.ts

@@ -1,4 +0,0 @@
-export { Editor, Viewer } from "@toast-ui/editor";
-import "@toast-ui/editor/dist/toastui-editor.css";
-import "@toast-ui/editor/dist/theme/toastui-editor-dark.css";
-import "@toast-ui/editor/dist/toastui-editor-viewer.css";