@omnia/fx-models 8.0.276-dev → 8.0.278-dev

package/Layout.d.ts

@@ -261,6 +261,7 @@ export interface HeaderItemSettings {
     titleSettings: BlockTitleSettings;
     anchorName?: string;
     scrollIntoViewDisabled: boolean;
+    titleRenderer?: TitleRendererValue;
 }
 export interface SpacingItemSettings {
     paddingRight: number | SpacingValue;

package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts

@@ -60,7 +60,7 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
     icon?: any;
 }
 export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
-export type BuiltInPropertyEditorType = "text" | "number" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "blueprint" | "background" | "grid" | "reference" | "select" | "property-resolver";
+export type BuiltInPropertyEditorType = "text" | "number" | "slider" | "switch" | "alignment" | "color" | "flow" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "blueprint" | "background" | "grid" | "reference" | "select" | "property-resolver";
 export type EditorLocation = "inline" | "pane" | "toolbar";
 export interface VelcronEditor<TSettings = any> {
     name?: string;

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

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant, IconBlueprint } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant, IconBlueprint, ButtonBlueprint } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore } from "..";
@@ -46,6 +46,14 @@ export interface OnItemRenderedHookResult {
     cssClass: string;
     containerRenderer?: VelcronContainerRenderer;
 }
+export interface VelcronDisplay {
+    size: VelcronDisplaySizes;
+}
+export interface VelcronDisplaySizes {
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+}
 export interface VelcronRenderContext {
     id?: string;
     rootContext: DynamicState;
@@ -71,6 +79,7 @@ export interface VelcronRenderContext {
     baseDefinition?: VelcronAppDefinition;
     subApp?: boolean;
     subAppreferenceId?: guid;
+    $display: VelcronDisplay;
 }
 export interface VelcronRenderContextEventHandlers {
     receiving?: {
@@ -240,13 +249,14 @@ export interface VelcronVideoDefinition extends VelcronDefinition {
     autoplay?: VelcronBindableProp<boolean>;
     muted?: VelcronBindableProp<boolean>;
 }
-export interface VelcronButtonDefinition extends VelcronDefinition {
+export interface VelcronButtonDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "button";
     text: string;
     icon?: VelcronIcon;
     disabled?: boolean;
     events?: VelcronOnPressEvent;
     size?: string;
+    blueprint?: VelcronBindableProp<ButtonBlueprint>;
 }
 export interface VelcronTextInputDefinition extends VelcronDefinition {
     type: "text-input";
@@ -372,8 +382,10 @@ export interface VelcronPropertyDefinitionValue {
     configuration: PropertyConfiguration<PropertyDefinition<any, any, any, PropertySetupBase>>;
 }
 export interface VelcronPropertyDefinitionValueResolver {
-    name: string;
-    source: IDataSourcePropertySelection;
+    source?: IDataSourcePropertySelection;
+}
+export interface VelcronPropertyEditorValue {
+    [key: string]: VelcronPropertyDefinitionValueResolver;
 }
 export type VelcronRenderProps<TDefinition> = {
     definition: TDefinition;

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

@@ -37,15 +37,16 @@ export interface VelcronNumberEditorSettings {
     step: number;
 }
 export interface VelcronPropertyMapping {
-    name: string;
+    state: string;
+    title: string;
     definitionId: guid;
-    dataSourceId?: guid;
+    dataSourceIds?: guid[];
 }
 export interface VelcronPropertyResolverEditorSettings {
     properties: Array<VelcronPropertyMapping>;
 }
 export interface VelcronBlueprintEditorSettings {
-    type: "container" | "icon";
+    type: "container" | "icon" | "button";
 }
 export interface VelcronBackgroundEditorSettings {
     type: "image" | "video";

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

@@ -71,8 +71,10 @@ export interface VelcronImageState {
 }
 export declare const VelcronImagesStateBinding: {
     main: {
+        mediapickerImage: string;
         editor: string;
         url: string;
+        value: string;
         ratio: string;
         caption: string;
         width: string;
@@ -81,6 +83,7 @@ export declare const VelcronImagesStateBinding: {
     alt1: {
         editor: string;
         url: string;
+        value: string;
         ratio: string;
         caption: string;
         width: string;
@@ -89,6 +92,7 @@ export declare const VelcronImagesStateBinding: {
     alt2: {
         editor: string;
         url: string;
+        value: string;
         ratio: string;
         caption: string;
         width: string;
@@ -129,8 +133,10 @@ export declare const VelcronStateBinding: {
     };
     images: {
         main: {
+            mediapickerImage: string;
             editor: string;
             url: string;
+            value: string;
             ratio: string;
             caption: string;
             width: string;
@@ -139,6 +145,7 @@ export declare const VelcronStateBinding: {
         alt1: {
             editor: string;
             url: string;
+            value: string;
             ratio: string;
             caption: string;
             width: string;
@@ -147,6 +154,7 @@ export declare const VelcronStateBinding: {
         alt2: {
             editor: string;
             url: string;
+            value: string;
             ratio: string;
             caption: string;
             width: string;

package/internal-do-not-import-from-here/velcron/core/models/VelcronState.js

@@ -4,28 +4,32 @@ exports.VelcronStateBinding = exports.VelcronStateMapping = exports.VelcronImage
 const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
 exports.VelcronImagesStateBinding = {
     main: {
-        editor: "{{images.main.url}}",
-        url: "{{images.main.url}}",
-        ratio: "{{images.main.ratio}}",
-        caption: "{{images.main.caption}}",
-        width: "{{images.main.width}}",
-        height: "{{images.main.height}}",
+        mediapickerImage: (0, models_1.velcronBind)("images.main"),
+        editor: (0, models_1.velcronBind)("images.main.url"),
+        url: (0, models_1.velcronBind)("images.main.url"),
+        value: (0, models_1.velcronBind)("images.main.url"),
+        ratio: (0, models_1.velcronBind)("images.main.ratio"),
+        caption: (0, models_1.velcronBind)("images.main.caption"),
+        width: (0, models_1.velcronBind)("images.main.width"),
+        height: (0, models_1.velcronBind)("images.main.height"),
     },
     alt1: {
-        editor: "{{images.alt1.url}}",
-        url: "{{images.alt1.url}}",
-        ratio: "{{images.alt1.ratio}}",
-        caption: "{{images.alt1.caption}}",
-        width: "{{images.alt1.width}}",
-        height: "{{images.alt1.height}}",
+        editor: (0, models_1.velcronBind)("images.alt1.url"),
+        url: (0, models_1.velcronBind)("images.alt1.url"),
+        value: (0, models_1.velcronBind)("images.alt1.url"),
+        ratio: (0, models_1.velcronBind)("images.alt1.ratio"),
+        caption: (0, models_1.velcronBind)("images.alt1.caption"),
+        width: (0, models_1.velcronBind)("images.alt1.width"),
+        height: (0, models_1.velcronBind)("images.alt1.height"),
     },
     alt2: {
-        editor: "{{images.alt2.url}}",
-        url: "{{images.alt2.url}}",
-        ratio: "{{images.alt2.ratio}}",
-        caption: "{{images.alt2.caption}}",
-        width: "{{images.alt2.width}}",
-        height: "{{images.alt2.height}}",
+        editor: (0, models_1.velcronBind)("images.alt2.url"),
+        url: (0, models_1.velcronBind)("images.alt2.url"),
+        value: (0, models_1.velcronBind)("images.alt2.url"),
+        ratio: (0, models_1.velcronBind)("images.alt2.ratio"),
+        caption: (0, models_1.velcronBind)("images.alt2.caption"),
+        width: (0, models_1.velcronBind)("images.alt2.width"),
+        height: (0, models_1.velcronBind)("images.alt2.height"),
     },
 };
 const VelcronContentStateBinding = {

package/package.json

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

package/properties/datasource/DataSourcePropertyDisplayInformation.d.ts

@@ -8,7 +8,9 @@ export declare class DataSourcePropertyCategory {
     constructor(id: guid, title: MultilingualString, order: number, builtIn: boolean);
 }
 export declare class DataSourcePropertyDisplayInformation {
+    name: string;
     title: string;
     category?: DataSourcePropertyCategory;
-    constructor(title: string, category?: DataSourcePropertyCategory);
+    constructor(name: string, // like property internal name use to query
+    title: string, category?: DataSourcePropertyCategory);
 }

package/properties/datasource/DataSourcePropertyDisplayInformation.js

@@ -11,7 +11,9 @@ class DataSourcePropertyCategory {
 }
 exports.DataSourcePropertyCategory = DataSourcePropertyCategory;
 class DataSourcePropertyDisplayInformation {
-    constructor(title, category) {
+    constructor(name, // like property internal name use to query
+    title, category) {
+        this.name = name;
         this.title = title;
         this.category = category;
     }