@omnia/velcron 8.0.275-dev → 8.0.277-dev

package/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/velcron/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/velcron/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 "..";
@@ -240,13 +240,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 +373,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/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/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/models/VelcronState.js

@@ -4,28 +4,32 @@ exports.VelcronStateBinding = exports.VelcronStateMapping = exports.VelcronImage
 const models_1 = require("@omnia/velcron/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/velcron",
   "license": "MIT",
-  "version": "8.0.275-dev",
+  "version": "8.0.277-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/templatebuilder/VelcronEditorBuilder.d.ts

@@ -3,7 +3,7 @@ export declare class VelcronEditorBuilder {
     private editors;
     private formatStateMapping;
     add(): {
-        blueprintEditor: (name: string, stateMapping: string, type: "container") => VelcronEditorBuilder;
+        blueprintEditor: (name: string, stateMapping: string, type: "container" | "icon" | "button") => VelcronEditorBuilder;
         spacingEditor: (name: string, stateMapping: string, individualSelection?: boolean) => VelcronEditorBuilder;
         imageEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
         colorSchemaEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;

package/templatebuilder/VelcronEditorBuilder.js

@@ -146,21 +146,7 @@ class VelcronEditorBuilder {
         };
     }
     build() {
-        // const result = [] as Array<VelcronPropertyEditor>;
-        // if(this.colorSchemaEditorBuilder){
-        //     result.push(...this.colorSchemaEditorBuilder.internalBuild());            
-        // }
-        // if(this.contentEditorBuilder){
-        //     result.push(...this.contentEditorBuilder.internalBuild());            
-        // }
-        // if(this.imageEditorBuilder){
-        //     result.push(...this.imageEditorBuilder.internalBuild());            
-        // }
-        // if(this.propertyMappingBuilder){
-        //     result.push(...this.propertyMappingBuilder.internalBuild());            
-        // }
         return this.editors;
-        // return result;
     }
 }
 exports.VelcronEditorBuilder = VelcronEditorBuilder;