@omnia/velcron 8.0.276-dev → 8.0.278-dev

package/actions/Clone.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.objAssign = exports.objClone = void 0;
-const stores_1 = require("../stores");
+const providers_1 = require("../providers");
 exports.objClone = {
     name: "@clone",
     action: (action, objToClone) => {
-        action.promise.resolve(stores_1.ReactivitySystem.makeReactive(JSON.parse(JSON.stringify(objToClone))));
+        action.promise.resolve(providers_1.ReactivityProvider.makeReactive(JSON.parse(JSON.stringify(objToClone))));
     }
 };
 exports.objAssign = {

package/index.d.ts

@@ -6,3 +6,4 @@ export * from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
 export * from "./rules";
 export * from "./templatebuilder";
 export * from "./events";
+export * from "./providers";

package/index.js

@@ -9,3 +9,4 @@ tslib_1.__exportStar(require("@omnia/velcron/internal-do-not-import-from-here/sh
 tslib_1.__exportStar(require("./rules"), exports);
 tslib_1.__exportStar(require("./templatebuilder"), exports);
 tslib_1.__exportStar(require("./events"), exports);
+tslib_1.__exportStar(require("./providers"), exports);

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/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 "..";
@@ -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/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.276-dev",
+  "version": "8.0.278-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronConstants.d.ts

@@ -44,6 +44,7 @@ export declare const VelcronConstants: {
     context: {
         thisToken: string;
         editModeToken: string;
+        displayToken: string;
         activeToken: string;
     };
     async: {

package/parser/VelcronConstants.js

@@ -47,6 +47,7 @@ exports.VelcronConstants = {
     context: {
         thisToken: "$this",
         editModeToken: "$editmode",
+        displayToken: "$display",
         activeToken: "$active"
     },
     async: {

package/parser/VelcronData.js

@@ -19,6 +19,9 @@ class VelcronData {
         if (bindTo === VelcronConstants_1.VelcronConstants.context.editModeToken) {
             return renderContext.$editmode;
         }
+        else if (bindTo === VelcronConstants_1.VelcronConstants.context.displayToken) {
+            return renderContext.$display;
+        }
         else if (bindTo === VelcronConstants_1.VelcronConstants.context.activeToken) {
             return renderContext.$active;
         }
@@ -110,6 +113,9 @@ class VelcronData {
         if (template.indexOf(VelcronConstants_1.VelcronConstants.context.editModeToken) > -1) {
             propertiesToEval[VelcronConstants_1.VelcronConstants.context.editModeToken] = "renderContext";
         }
+        if (template.indexOf(VelcronConstants_1.VelcronConstants.context.displayToken) > -1) {
+            propertiesToEval[VelcronConstants_1.VelcronConstants.context.displayToken] = "renderContext" + "." + VelcronConstants_1.VelcronConstants.context.displayToken;
+        }
         if (template.indexOf(VelcronConstants_1.VelcronConstants.context.activeToken) > -1) {
             propertiesToEval[VelcronConstants_1.VelcronConstants.context.activeToken] = "renderContext";
         }

package/parser/VelcronRenderers.js

@@ -90,6 +90,7 @@ class VelcronRenderers {
             computed: currentRenderCtx.computed,
             colors: currentRenderCtx.colors,
             $editmode: currentRenderCtx.$editmode,
+            $display: currentRenderCtx.$display,
             $active: currentRenderCtx.$active,
             //blueprints: currentRenderCtx.blueprints,
             disposers: currentRenderCtx.disposers,

package/providers/DisplayProvider.d.ts

@@ -0,0 +1,6 @@
+import { VelcronDisplay } from "../models";
+export declare class DisplayProvider {
+    static display: VelcronDisplay;
+    static hasProvider: boolean;
+    static registerProvider(reactiveDisplay: VelcronDisplay): void;
+}

package/providers/DisplayProvider.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisplayProvider = void 0;
+class DisplayProvider {
+    static { this.hasProvider = false; }
+    static registerProvider(reactiveDisplay) {
+        DisplayProvider.display = reactiveDisplay;
+        DisplayProvider.hasProvider = true;
+    }
+}
+exports.DisplayProvider = DisplayProvider;

package/{stores/ReactivitySystem.d.ts → providers/ReactivityProvider.d.ts}

@@ -1,5 +1,5 @@
-export declare class ReactivitySystem {
-    static makeReactive: (obj: any) => any;
+export declare class ReactivityProvider {
+    static makeReactive: <T = {}>(obj: T) => T;
     static hasReactivityProvider: boolean;
     static registerProvider(fn: (obj: any) => any): void;
 }

package/providers/ReactivityProvider.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactivityProvider = void 0;
+class ReactivityProvider {
+    static { this.makeReactive = null; }
+    static { this.hasReactivityProvider = false; }
+    static registerProvider(fn) {
+        ReactivityProvider.makeReactive = fn;
+        ReactivityProvider.hasReactivityProvider = true;
+    }
+}
+exports.ReactivityProvider = ReactivityProvider;

package/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ReactivityProvider";
+export * from "./DisplayProvider";

package/providers/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ReactivityProvider"), exports);
+tslib_1.__exportStar(require("./DisplayProvider"), exports);

package/stores/VelcronStore.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defineVelcronStore = defineVelcronStore;
-const _1 = require(".");
+const providers_1 = require("../providers");
 const stateMap = new Map();
 function defineVelcronStore(name, definition) {
     function result(newStateWithName) {
@@ -13,7 +13,7 @@ function defineVelcronStore(name, definition) {
             //we needed it in useVelcronColorSchemaStore. If we need privateState to be reactive and support non reactive stuff
             // we need to rewrite defineVelcronStore to the new defineStore pattern that supports setup in a better way
             const setup = definition.setup();
-            const reactive = _1.ReactivitySystem.makeReactive(setup.state);
+            const reactive = providers_1.ReactivityProvider.makeReactive(setup.state);
             setup.state = reactive;
             stateMap.set(name, setup);
         }

package/stores/index.d.ts

@@ -1,4 +1,3 @@
 export * from "./VelcronStore";
 export * from "./VelcronTheming";
-export * from "./ReactivitySystem";
 export * from "./VelcronColorSchema";

package/stores/index.js

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./VelcronStore"), exports);
 tslib_1.__exportStar(require("./VelcronTheming"), exports);
-tslib_1.__exportStar(require("./ReactivitySystem"), exports);
 tslib_1.__exportStar(require("./VelcronColorSchema"), exports);
 //export * from "./VelcronBlueprint";

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;

package/stores/ReactivitySystem.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactivitySystem = void 0;
-class ReactivitySystem {
-    static { this.makeReactive = null; }
-    static { this.hasReactivityProvider = false; }
-    static registerProvider(fn) {
-        ReactivitySystem.makeReactive = fn;
-        ReactivitySystem.hasReactivityProvider = true;
-    }
-}
-exports.ReactivitySystem = ReactivitySystem;