@omnia/velcron 8.0.277-dev → 8.0.279-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

@@ -4,7 +4,6 @@ import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, Velcron
 import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore } from "..";
 import { guid, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx/models";
 import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
-import { IDataSourcePropertySelection } from "internal/fx/ux/properties/models/PropertyPicker";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
@@ -46,6 +45,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 +78,7 @@ export interface VelcronRenderContext {
     baseDefinition?: VelcronAppDefinition;
     subApp?: boolean;
     subAppreferenceId?: guid;
+    $display: VelcronDisplay;
 }
 export interface VelcronRenderContextEventHandlers {
     receiving?: {
@@ -372,12 +380,6 @@ export interface VelcronPropertyDefinitionValue {
     value: PropertyValue;
     configuration: PropertyConfiguration<PropertyDefinition<any, any, any, PropertySetupBase>>;
 }
-export interface VelcronPropertyDefinitionValueResolver {
-    source?: IDataSourcePropertySelection;
-}
-export interface VelcronPropertyEditorValue {
-    [key: string]: VelcronPropertyDefinitionValueResolver;
-}
 export type VelcronRenderProps<TDefinition> = {
     definition: TDefinition;
     renderContext: VelcronRenderContext;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "8.0.277-dev",
+  "version": "8.0.279-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/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;