@omnia/fx 8.0.25-vnext → 8.0.26-vnext

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts

@@ -1,7 +1,7 @@
-import { VelcronComponentDescriptor } from "./VelcronDescriptors";
+import { VelcronComponentDescriptor } from "../../editor/models/VelcronDescriptors";
 import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
-import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VerticalAlignments } from "./Enums";
+import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { useVelcronThemingStore } from "..";
 import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
 export interface ResolvedComponentRenderer {
@@ -22,6 +22,7 @@ export interface BuiltInComponentRenderers {
     "Dialog": unknown;
     "Icon": unknown;
     "Chip": unknown;
+    "Markdown": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
@@ -66,6 +67,7 @@ export interface VelcronRenderContextHooks {
     dialogVisibilityChanged?: ((visible: boolean) => void);
     onItemSelected?: ((item: VelcronDefinition) => void);
     onItemRendered?: ((item: VelcronDefinition) => OnItemRenderedHookResult);
+    onItemCreatedProps?: ((item: VelcronDefinition) => object);
 }
 export interface VelcronContainerRenderer {
     definition: VelcronDefinition;
@@ -107,13 +109,6 @@ export interface VelcronDefinitionBase {
      */
     key?: string;
 }
-export interface VelcronColorStyling {
-    colorSchemaType?: string;
-    color?: string;
-    filled?: boolean;
-    container?: boolean;
-    toned?: boolean;
-}
 export interface VelcronDefinition extends VelcronDefinitionBase {
     body?: Array<VelcronDefinition>;
     style?: VelcronStyling;
@@ -121,6 +116,13 @@ export interface VelcronDefinition extends VelcronDefinitionBase {
     if?: string;
     events?: VelcronEvent;
 }
+export interface VelcronColorStyling {
+    colorSchemaType?: string;
+    color?: string;
+    filled?: boolean;
+    container?: boolean;
+    toned?: boolean;
+}
 export interface VelcronStyling {
     margin?: number;
     marginTop?: number;
@@ -150,6 +152,8 @@ export interface VelcronIcon {
 }
 export interface VelcronAppDefinition extends VelcronDefinitionBase {
     type: "Velcron";
+    version: string;
+    name: string;
     body?: Array<VelcronDefinition>;
     events?: VelcronOnLoadEvent & VelcronOnPressEvent;
     actions?: {
@@ -168,11 +172,20 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
 /*** Built-in Components *********************************************************************/
 export interface VelcronViewDefinition extends VelcronDefinition {
     type: "View";
-    style?: VelcronStyling;
+    color?: VelcronColorStyling;
     events?: VelcronOnPressEvent;
+    column?: boolean;
+    columnStyle?: object;
+    horizontalAlignment?: VelcronHorizontalAlignments;
+    verticalAlignment?: VelcronVerticalAlignments;
+    grow?: number;
+    border?: VelcronBorder;
+    borderRadius?: VelcronDimensions;
+    width?: string;
 }
-export interface VelcronCardDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronCardDefinition extends VelcronDefinition {
     type: "Card";
+    color?: VelcronColorStyling;
     style?: VelcronCardStyling;
     footer?: Array<VelcronDefinition>;
     events?: VelcronOnPressEvent;
@@ -181,8 +194,8 @@ export interface VelcronTextDefinition extends VelcronDefinition {
     type: "Text";
     text: string;
     color?: string;
-    lineClamp: number;
-    noWrap: boolean;
+    lineClamp?: number;
+    noWrap?: boolean;
     typography?: string;
     events?: VelcronOnPressEvent;
 }
@@ -197,7 +210,7 @@ export interface VelcronImageDefinition extends VelcronDefinition {
     borderRadius?: VelcronDimensions;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronButtonDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronButtonDefinition extends VelcronDefinition {
     type: "Button";
     text: string;
     icon?: VelcronIcon;
@@ -225,23 +238,20 @@ export interface VelcronDialogDefinition extends VelcronDefinition {
     visible: string;
     events?: VelcronOnCloseRequestedEvent & VelcronOnClosedEvent;
 }
-export interface VelcronIconDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronIconDefinition extends VelcronDefinition {
     type: "Icon";
     icon: string;
+    color: VelcronColorStyling;
     size?: number;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronFlexViewDefinition extends VelcronDefinition, VelcronColorStyling {
-    type: "FlexView";
-    column?: boolean;
-    body: Array<VelcronDefinition>;
-    columnStyle?: object;
-    horizontalAlignment?: VelcronHorizontalAlignments;
-    verticalAlignment?: VerticalAlignments;
-    grow?: number;
-    border?: VelcronBorder;
-    borderRadius?: VelcronDimensions;
-    width: string;
+export interface VelcronMarkdownDefinition extends VelcronDefinition {
+    type: "Markdown";
+    text: string;
+    initialValue: string;
+    bind: string;
+    edit?: boolean | string;
+    events: VelcronOnChangedEvent;
 }
 export interface VelcronDimensions {
     top: number;
@@ -252,7 +262,7 @@ export interface VelcronDimensions {
 export interface VelcronBorder extends VelcronDimensions {
     color: string;
 }
-export interface VelcronChipDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronChipDefinition extends VelcronDefinition {
     type: "Chip";
     text: string;
     icon?: VelcronIcon;

package/internal-do-not-import-from-here/ux/velcron/core/models/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./VelcronDefinitions";
 export * from "./ViewModelAndContext";
-export * from "./VelcronDescriptors";
 export * from "./VelcronEvents";
 export * from "./VelcronTypes";
 export * from "./Enums";

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts

@@ -12,6 +12,7 @@ export declare const VelcronConstants: {
         dialog: string;
         icon: string;
         chip: string;
+        markdown: string;
     };
     events: {
         idTokenStart: string;

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts

@@ -1,4 +1,5 @@
 import { BuiltInComponentRenderers, VelcronState, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
+import { ColorSchemaTypes } from "..";
 export declare class VelcronRenderers {
     private static components;
     static registerComponent(type: string, component: any): void;
@@ -14,13 +15,13 @@ export declare class VelcronRenderers {
                 currentTheme: import("..").ThemeDefinitionV2;
             };
             get: {
-                colorSchema: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
+                colorSchema: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType) => import("..").ColorSchema;
                 typography: (typographyType: import("..").TypographyType | import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
-                color: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                colorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                color: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
                 complementaryColorType: (colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorTypes;
-                complementaryColor: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                complementaryColorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                complementaryColor: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
                 currentTheme: () => import("..").ThemeDefinitionV2;
             };
             actions: {
@@ -44,25 +45,26 @@ export declare class VelcronRenderers {
                 onContainer: import("..").ColorDefinition;
                 isContainer: boolean;
                 name: string;
-                colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes;
+                colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType;
                 themeStore: {
                     state: {
                         currentTheme: import("..").ThemeDefinitionV2;
                     };
                     get: {
-                        colorSchema: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
+                        colorSchema: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType) => import("..").ColorSchema;
                         typography: (typographyType: import("..").TypographyType | import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
-                        color: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                        colorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                        color: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => string;
+                        colorDefinition: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
                         complementaryColorType: (colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorTypes;
-                        complementaryColor: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                        complementaryColorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                        complementaryColor: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => string;
+                        complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
                         currentTheme: () => import("..").ThemeDefinitionV2;
                     };
                     actions: {
                         setTheme(newTheme: import("..").ThemeDefinitionV2): void;
                     };
                 };
+                id: import("..").GuidValue;
             };
             get: {
                 readonly colorSchema: import("..").ColorSchema;
@@ -77,19 +79,19 @@ export declare class VelcronRenderers {
                         currentTheme: import("..").ThemeDefinitionV2;
                     };
                     get: {
-                        colorSchema: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
+                        colorSchema: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType) => import("..").ColorSchema;
                         typography: (typographyType: import("..").TypographyType | import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
-                        color: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                        colorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                        color: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => string;
+                        colorDefinition: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
                         complementaryColorType: (colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorTypes;
-                        complementaryColor: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                        complementaryColorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                        complementaryColor: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => string;
+                        complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | import("..").ColorSchemaType, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
                         currentTheme: () => import("..").ThemeDefinitionV2;
                     };
                     actions: {
                         setTheme(newTheme: import("..").ThemeDefinitionV2): void;
                     };
-                }, colorSchemaType?: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => void;
+                }, colorSchemaType?: ColorSchemaTypes | import("..").ColorSchemaType, container?: boolean) => void;
                 setColorSchema: (colorSchemaType: import("..").ColorSchemaType, container?: boolean) => void;
             };
         };

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronStyles.d.ts

@@ -4,7 +4,7 @@ export declare class VelcronStyles {
     static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => any;
     static unitProvider: VelcronUnitProvider;
     static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
-    static insertBackgroundColor(styleBase: any, definition: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
+    static insertBackgroundColor(styleBase: any, color: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
     static insertBorderRadiusStyles(styleBase: any, settings: VelcronDimensions): void;
     static insertBorderStyles(styleBase: any, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
     static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronColorSchema.d.ts

@@ -8,25 +8,26 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
         onContainer: ColorDefinition;
         isContainer: boolean;
         name: string;
-        colorSchemaType: ColorSchemaType | ColorSchemaTypes;
+        colorSchemaType: ColorSchemaTypes | ColorSchemaType;
         themeStore: {
             state: {
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
             };
             get: {
-                colorSchema: (colorSchemaType: ColorSchemaType | ColorSchemaTypes) => ColorSchema;
+                colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
                 typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
-                color: (colorSchemaType: ColorSchemaType | ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
-                colorDefinition: (colorSchemaType: ColorSchemaType | ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
+                color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
                 complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
-                complementaryColor: (colorSchemaType: ColorSchemaType | ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
-                complementaryColorDefinition: (colorSchemaType: ColorSchemaType | ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
+                complementaryColor: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
                 currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
             };
             actions: {
                 setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;
             };
         };
+        id: import("@omnia/fx-models").GuidValue;
     };
     get: {
         readonly colorSchema: ColorSchema;
@@ -36,7 +37,7 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
         readonly onContainer: ColorDefinition;
     };
     actions: {
-        setThemeStore: (themeStoreInstance: ReturnType<typeof useVelcronThemingStore>, colorSchemaType?: ColorSchemaTypes | ColorSchemaType) => void;
+        setThemeStore: (themeStoreInstance: ReturnType<typeof useVelcronThemingStore>, colorSchemaType?: ColorSchemaTypes | ColorSchemaType, container?: boolean) => void;
         setColorSchema: (colorSchemaType: ColorSchemaType, container?: boolean) => void;
     };
 };

package/internal-do-not-import-from-here/ux/velcron/editor/VelcronEditor.css.d.ts

@@ -1,6 +1,7 @@
 export declare const VelcronEditorStyles: {
     contentContainer: string;
     leftCompontentContainer: string;
+    leftCompontentContainerCode: string;
     leftNavContainer: string;
     panesWrapper: (splitterColor: any) => string;
 };