@omnia/velcron 7.0.521-dev → 7.0.523-dev

package/actions/Emit.d.ts

@@ -0,0 +1,2 @@
+import { IActionHandler } from "./IActionHandler";
+export declare const emit: IActionHandler;

package/actions/Emit.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emit = void 0;
+const parser_1 = require("../parser");
+exports.emit = {
+    name: "@emit",
+    action: (action, value, ...args) => {
+        if (action.eventHandlers?.receiving) {
+            let found = false;
+            Object.keys(action.eventHandlers?.receiving).forEach((key) => {
+                if (value.toLowerCase() == key.toLowerCase()) {
+                    action.eventHandlers?.receiving[key](...args);
+                    found = true;
+                }
+            });
+            if (!found) {
+                parser_1.VelcronLogger.logActionError(`Could not find incoming event handler for ${value}`);
+            }
+        }
+        else {
+            parser_1.VelcronLogger.logActionError("There is no incoming event handlers registered");
+        }
+        return Promise.resolve(null);
+    }
+};

package/actions/index.d.ts

@@ -8,3 +8,4 @@ export * from "./Alert";
 export * from "./Log";
 export * from "./MsGraph";
 export * from "./MsSharePoint";
+export * from "./Emit";

package/actions/index.js

@@ -11,3 +11,4 @@ tslib_1.__exportStar(require("./Alert"), exports);
 tslib_1.__exportStar(require("./Log"), exports);
 tslib_1.__exportStar(require("./MsGraph"), exports);
 tslib_1.__exportStar(require("./MsSharePoint"), exports);
+tslib_1.__exportStar(require("./Emit"), exports);

package/index.d.ts

@@ -3,3 +3,4 @@ export * from "./parser";
 export * from "./actions";
 export * from "./stores";
 export * from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
+export * from "./utilities";

package/index.js

@@ -6,3 +6,4 @@ tslib_1.__exportStar(require("./parser"), exports);
 tslib_1.__exportStar(require("./actions"), exports);
 tslib_1.__exportStar(require("./stores"), exports);
 tslib_1.__exportStar(require("@omnia/velcron/internal-do-not-import-from-here/shared/models"), exports);
+tslib_1.__exportStar(require("./utilities"), exports);

package/models/VelcronDefinitions.d.ts

@@ -47,6 +47,13 @@ export interface VelcronRenderContext {
     };
     parent?: VelcronRenderContext;
     hooks?: VelcronRenderContextHooks;
+    eventHandlers?: VelcronRenderContextEventHandlers;
+}
+export interface VelcronRenderContextEventHandlers {
+    receiving?: {
+        [name: string]: (...args: any[]) => void;
+    };
+    emitting?: <T>(emitter: (i: T) => T) => T;
 }
 export interface VelcronRenderContextHooks {
     dialogVisibilityChanged?: ((visible: boolean) => void);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "7.0.521-dev",
+  "version": "7.0.523-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronActions.js

@@ -102,9 +102,7 @@ class VelcronActions {
         const result = {
             id: eventId,
             type: models_1.VelcronActionTypes.getOrSetValue,
-            rootContext: renderContext.rootContext,
-            currentContext: renderContext.currentContext,
-            actions: renderContext.actions
+            ...renderContext
         };
         partialTemplate = partialTemplate.trim();
         if (partialTemplate.trim() === "") {

package/parser/VelcronData.js

@@ -448,6 +448,10 @@ class VelcronData {
         if (typeof path !== "string") {
             return null;
         }
+        if (path === "") {
+            //If we pass $state = root we just return object
+            return object;
+        }
         path = path.replace(/\[(\w+)\]/g, ".$1"); // convert indexes to properties
         path = path.replace(/^\./, ""); // strip a leading dot
         const a = path.split(".");
@@ -490,6 +494,9 @@ class VelcronData {
     }
     static getOrSetObjectByPathUsingRenderContext(renderContext, path, value = undefined) {
         let result;
+        if (VelcronData.isUndefined(path)) {
+            return result;
+        }
         const variables = VelcronData.variables;
         if (renderContext.id &&
             variables.hasOwnProperty(renderContext.id) &&
@@ -518,7 +525,7 @@ class VelcronData {
                     path = tokens[0];
                 }
                 let object = null;
-                if (path.startsWith(`${VelcronConstants_1.VelcronConstants.state.stateRootToken}.`)) {
+                if (path.startsWith(`${VelcronConstants_1.VelcronConstants.state.stateRootToken}.`) || path === VelcronConstants_1.VelcronConstants.state.stateRootToken) {
                     //Fetch from the data object
                     object = renderContext.rootContext;
                     path = path.substring(6);

package/parser/VelcronStyles.js

@@ -4,6 +4,7 @@ exports.VelcronStyles = void 0;
 const VelcronData_1 = require("./VelcronData");
 const models_1 = require("../models");
 const VelcronConstants_1 = require("./VelcronConstants");
+const utilities_1 = require("../utilities");
 class VelcronStyles {
     static registerStyleProvider(fn, unitProvider) {
         VelcronStyles.styleProvider = fn;
@@ -70,6 +71,14 @@ class VelcronStyles {
                 //styleBase["backgroundColor"] = renderCtx.theming.get.activeColorSchema().base.color;
                 styleBase["backgroundColor"] = renderCtx.colorSchema.base.color;
             }
+            if (flexViewDefinition.opacity || flexViewDefinition.opacity === 0) {
+                if (flexViewDefinition.opacity === 0) {
+                    styleBase["backgroundColor"] = undefined;
+                }
+                else {
+                    styleBase["backgroundColor"] = (0, utilities_1.useOpacityOnColor)(styleBase["backgroundColor"], flexViewDefinition.opacity / 100);
+                }
+            }
             if (flexViewDefinition.border) {
                 styleBase["borderTopStyle"] = "solid";
                 styleBase["borderRightStyle"] = "solid";

package/stores/VelcronStore.js

@@ -14,19 +14,10 @@ const defineVelcronStore = (name, definition) => {
         const reactiveState = stateMap.get(name);
         return {
             state: reactiveState.state,
-            get: definition.getters(reactiveState.state, reactiveState.privateState),
-            actions: definition.actions(reactiveState.state, reactiveState.privateState)
+            get: definition.getters?.(reactiveState.state, reactiveState.privateState),
+            actions: definition.actions?.(reactiveState.state, reactiveState.privateState)
         };
     };
     return result;
 };
 exports.defineVelcronStore = defineVelcronStore;
-const pelle = (0, exports.defineVelcronStore)("pelle", {
-    setup() {
-        return {
-            state: {
-                test: "Hello"
-            },
-        };
-    }
-});

package/utilities/ColorUtility.d.ts

@@ -0,0 +1 @@
+export declare const useOpacityOnColor: (color: any, opacity: any) => any;

package/utilities/ColorUtility.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpacityOnColor = void 0;
+const useOpacityOnColor = (color, opacity) => {
+    const getRGBValues = (color) => {
+        const tmpColor = color.replace("rgba", "rgb");
+        return tmpColor.substring(4, tmpColor.length - 1)
+            .replace(/ /g, "")
+            .split(",");
+    };
+    const getRGBValuesFromHex = (color) => {
+        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color);
+        if (result) {
+            return [
+                parseInt(result[1], 16),
+                parseInt(result[2], 16),
+                parseInt(result[3], 16)
+            ];
+        }
+    };
+    const isRGBColor = (color) => {
+        if (!color) {
+            return null;
+        }
+        if (color.indexOf("rgb") > -1) {
+            return true;
+        }
+        if (color.indexOf("rgba") > -1) {
+            return true;
+        }
+        return false;
+    };
+    let rgb = null;
+    if (!isRGBColor(color)) {
+        rgb = getRGBValuesFromHex(color);
+    }
+    else {
+        rgb = getRGBValues(color);
+    }
+    if (rgb) {
+        return `rgba(${rgb[0]},${rgb[1]},${rgb[2]},${opacity})`;
+    }
+    return color;
+};
+exports.useOpacityOnColor = useOpacityOnColor;

package/utilities/index.d.ts

@@ -0,0 +1 @@
+export * from "./ColorUtility";

package/utilities/index.js

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