@omnia/velcron 8.0.134-dev → 8.0.136-dev

package/events/CreateEventHook.d.ts

@@ -0,0 +1,5 @@
+import { EventHook } from "@omnia/fx-models";
+/**
+ * Utility for creating event hooks on the fly
+ */
+export declare function createVelcronEventHook<T = any>(): EventHook<T>;

package/events/CreateEventHook.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createVelcronEventHook = void 0;
+/**
+ * Utility for creating event hooks on the fly
+ */
+function createVelcronEventHook() {
+    const fns = [];
+    function off(fn) {
+        const index = fns.indexOf(fn);
+        if (index !== -1)
+            fns.splice(index, 1);
+    }
+    function on(fn) {
+        fns.push(fn);
+        return {
+            off: () => off(fn),
+        };
+    }
+    function trigger(param) {
+        fns.forEach(fn => fn(param));
+    }
+    return {
+        on,
+        off,
+        trigger,
+    };
+}
+exports.createVelcronEventHook = createVelcronEventHook;

package/events/index.d.ts

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

package/events/index.js

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

package/index.d.ts

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

package/index.js

@@ -8,3 +8,4 @@ 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("./rules"), exports);
 tslib_1.__exportStar(require("./templatebuilder"), exports);
+tslib_1.__exportStar(require("./events"), exports);

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

@@ -0,0 +1,10 @@
+export type EventHookOn<T = any> = (fn: (param: T) => void) => {
+    off: () => void;
+};
+export type EventHookOff<T = any> = (fn: (param: T) => void) => void;
+export type EventHookTrigger<T = any> = (param: T) => void;
+export interface EventHook<T = any> {
+    on: EventHookOn<T>;
+    off: EventHookOff<T>;
+    trigger: EventHookTrigger<T>;
+}

package/internal-do-not-import-from-here/shared/models/EventHook.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/internal-do-not-import-from-here/shared/models/hub/activities/ActorActivity.d.ts

@@ -14,6 +14,14 @@ export declare enum ActorActivityCategory {
     snoozed = 3,
     bookmarked = 4
 }
+export interface ActivitySettings {
+    category: ActorActivityCategory;
+    social: ActivitySocialSettings;
+}
+export interface ActivitySocialSettings {
+    comments: boolean;
+    reactions: boolean;
+}
 export interface ActorActivityBase {
     activityId: ActivityId;
     status: ActorActivityStatus;

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

@@ -19,3 +19,4 @@ export * from "./hub";
 export * from "./velcron";
 export * from "./DependencyInjection";
 export * from "./Messaging";
+export * from "./EventHook";

package/internal-do-not-import-from-here/shared/models/index.js

@@ -23,3 +23,4 @@ tslib_1.__exportStar(require("./hub"), exports);
 tslib_1.__exportStar(require("./velcron"), exports);
 tslib_1.__exportStar(require("./DependencyInjection"), exports);
 tslib_1.__exportStar(require("./Messaging"), exports);
+tslib_1.__exportStar(require("./EventHook"), exports);

package/internal-do-not-import-from-here/shared/models/theming/Blueprints.d.ts

@@ -1,26 +1,25 @@
-import { BackgroundDefinition, ColorSchemaType, ColorValue, FillDefinition } from "./ThemeDefinitionV2";
+import { BackgroundDefinition, BlueprintsReference, ColorSchemaType, ColorValue, FillDefinition } from "./ThemeDefinitionV2";
 import { SpacingDefinition, Spacing } from "./Spacing";
 import { TypographyValue } from "./Typography";
 export interface BoxDimensions extends Spacing {
 }
 import { TypographyBlueprint } from "./Typography";
-import { Guid, GuidValue, VelcronAppDefinition } from "@omnia/fx-models";
+import { GuidValue, VelcronAppDefinition } from "@omnia/fx-models";
 export interface Blueprints {
-    id: Guid;
     name?: string;
 }
 export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3";
 export type ButtonBlueprintType = "text" | "icon";
-export interface ChromeBlueprints extends Blueprints {
+export interface ChromeBlueprints extends Blueprints, BlueprintsReference {
     primary: ChromeBlueprint;
     variant1?: ChromeBlueprint;
     variant2?: ChromeBlueprint;
     variant3?: ChromeBlueprint;
 }
-export interface TypographyBlueprints extends Blueprints {
+export interface TypographyBlueprints extends Blueprints, BlueprintsReference {
     primary: TypographyBlueprint;
 }
-export interface SpacingBlueprints extends Blueprints {
+export interface SpacingBlueprints extends Blueprints, BlueprintsReference {
     primary: SpacingBlueprint;
 }
 export interface ChromeBlueprint {
@@ -36,37 +35,9 @@ export interface ChromeBlueprint {
     };
 }
 export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "link" | "variant1" | "variant2" | "variant3" | "variant4";
-export interface ComponentBlueprints extends Blueprints {
-    buttons?: {
-        text?: {
-            primary?: ButtonBlueprint;
-            basic?: ButtonBlueprint;
-            accent1?: ButtonBlueprint;
-            warn?: ButtonBlueprint;
-            link?: ButtonBlueprint;
-            variant1?: ButtonBlueprint;
-            variant2?: ButtonBlueprint;
-            variant3?: ButtonBlueprint;
-            variant4?: ButtonBlueprint;
-        };
-        icon?: {
-            primary?: ButtonBlueprint;
-            basic?: ButtonBlueprint;
-            accent1?: ButtonBlueprint;
-            warn?: ButtonBlueprint;
-            link?: ButtonBlueprint;
-            variant1?: ButtonBlueprint;
-            variant2?: ButtonBlueprint;
-            variant3?: ButtonBlueprint;
-            variant4?: ButtonBlueprint;
-        };
-    };
-    tabs?: {
-        primary?: TabsBlueprint;
-        variant1?: TabsBlueprint;
-        variant2?: TabsBlueprint;
-        variant3?: TabsBlueprint;
-    };
+export interface ComponentBlueprints extends Blueprints, BlueprintsReference {
+    buttons?: ButtonBlueprints;
+    tabs?: TabsBlueprints;
     blocks?: ChromeBlueprints;
 }
 export interface SpacingBlueprint {
@@ -87,20 +58,47 @@ export interface Blueprint {
     type: VelcronBlueprintDefintionType | WebBlueprintItemDefintionType;
 }
 export interface SearchBoxBlueprint extends Blueprint {
-    type: "searchbox";
     borderRadius?: BoxDimensions;
     variant?: "outlined" | "solo" | "regular" | "plain" | "underlined";
 }
 export interface ButtonBlueprint extends Blueprint {
-    type: "button";
     padding?: Spacing;
     background?: BackgroundDefinition;
     alterCase?: boolean;
     text?: TextBlueprint;
     icon?: IconBlueprint;
 }
+export interface ButtonBlueprints extends Blueprints {
+    text: {
+        primary?: ButtonBlueprint;
+        basic?: ButtonBlueprint;
+        accent1?: ButtonBlueprint;
+        warn?: ButtonBlueprint;
+        link?: ButtonBlueprint;
+        variant1?: ButtonBlueprint;
+        variant2?: ButtonBlueprint;
+        variant3?: ButtonBlueprint;
+        variant4?: ButtonBlueprint;
+    };
+    icon: {
+        primary?: ButtonBlueprint;
+        basic?: ButtonBlueprint;
+        accent1?: ButtonBlueprint;
+        warn?: ButtonBlueprint;
+        link?: ButtonBlueprint;
+        variant1?: ButtonBlueprint;
+        variant2?: ButtonBlueprint;
+        variant3?: ButtonBlueprint;
+        variant4?: ButtonBlueprint;
+    };
+}
+export interface TabsBlueprints extends Blueprints {
+    primary?: TabsBlueprint;
+    variant1?: TabsBlueprint;
+    variant2?: TabsBlueprint;
+    variant3?: TabsBlueprint;
+}
 export interface TabsBlueprint extends Blueprint {
-    type: "tab";
     background?: BackgroundDefinition;
     padding?: Spacing;
     margin?: Spacing;
@@ -125,12 +123,10 @@ export interface TabsBlueprint extends Blueprint {
     };
 }
 export interface TextBlueprint extends Blueprint {
-    type: "text";
     color?: FillDefinition;
     typography?: TypographyValue;
 }
 export interface IconBlueprint extends Blueprint {
-    type: "icon";
     color?: FillDefinition;
     size?: number;
 }

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -1,5 +1,5 @@
 import { Guid } from "../Guid";
-import { BoxDimensions } from "./Blueprints";
+import { BoxDimensions, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;
@@ -21,14 +21,14 @@ export interface ColorStyles {
     color: object | string;
     all: object | string;
 }
-export interface ColorSchema {
+export interface ColorSchema extends BlueprintsReference {
     name: string;
     base: ColorDefinition;
     onBase: ColorDefinition;
     container: ColorDefinition;
     onContainer: ColorDefinition;
 }
-export interface ColorSchemas {
+export interface ColorSchemas extends ColorSchemasReference {
     primary: ColorSchema;
     secondary: ColorSchema;
     accent1: ColorSchema;
@@ -41,13 +41,41 @@ export interface ColorSchemas {
     warning: ColorSchema;
     notification: ColorSchema;
 }
-export interface ThemeDefinitionV2 {
+export interface BlueprintsReference {
+    id: Guid;
+}
+export interface ColorSchemasReference {
+    primary: BlueprintsReference;
+    secondary: BlueprintsReference;
+    accent1: BlueprintsReference;
+    accent2: BlueprintsReference;
+    accent3: BlueprintsReference;
+    neutral: BlueprintsReference;
+    background: BlueprintsReference;
+    error: BlueprintsReference;
+    info: BlueprintsReference;
+    warning: BlueprintsReference;
+    notification: BlueprintsReference;
+}
+export interface ThemeDefinitionReference {
     id: Guid;
     name?: string;
+    colors: ColorSchemasReference;
+    typography: BlueprintsReference;
+    spacing: BlueprintsReference;
+    components: BlueprintsReference;
+}
+export interface ThemeDefinitionV2 extends ThemeDefinitionReference {
     colors: ColorSchemas;
-    typographyId: Guid;
-    spacingId: Guid;
-    componentId: Guid;
+    typography: TypographyBlueprints;
+    spacing: SpacingBlueprints;
+    components: ComponentBlueprints;
+}
+export interface ITemplateRegistration<TTemplateType = any> {
+    id: Guid;
+    template: TTemplateType;
+    hidden?: boolean;
+    custom?: boolean;
 }
 export type ColorSchemaType = keyof typeof ColorSchemaTypes;
 export declare enum ColorSchemaTypes {

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

@@ -1,5 +1,5 @@
 import { DynamicState } from "../DynamicState";
-import { VelcronEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnSaveEvent } from "./VelcronEvents";
+import { VelcronEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnSavingEvent } from "./VelcronEvents";
 /**
  * Velcron definition base
  */
@@ -73,7 +73,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
     version?: string;
     name?: string;
     body?: Array<VelcronDefinition>;
-    events?: VelcronOnLoadEvent & VelcronOnEditModeEvent & VelcronOnSaveEvent;
+    events?: VelcronOnLoadEvent & VelcronOnEditModeEvent & VelcronOnSavingEvent;
     actions?: {
         [name: string]: Array<string>;
     };

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

@@ -4,8 +4,8 @@ export type VelcronOnPressEvent = {
 export type VelcronOnLoadEvent = {
     onLoaded?: Array<string>;
 };
-export type VelcronOnSaveEvent = {
-    onSaved?: Array<string>;
+export type VelcronOnSavingEvent = {
+    onSaving?: Array<string>;
 };
 export type VelcronOnEditModeEvent = {
     onEditMode?: Array<string>;

package/models/VelcronDefinitions.d.ts

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future } 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, useVelcronThemingStore } from "..";
@@ -61,7 +61,7 @@ export interface VelcronRenderContext {
     };
     parent?: VelcronRenderContext;
     hooks?: VelcronRenderContextHooks;
-    eventHandlers?: VelcronRenderContextEventHandlers;
+    eventHandlers?: VelcronRenderContextEventHandlersInstance;
     editMode?: boolean;
     disposers: Array<() => void>;
 }
@@ -71,6 +71,9 @@ export interface VelcronRenderContextEventHandlers {
     };
     emitting?: <T>(emitter: (i: T) => T) => T;
 }
+export interface VelcronRenderContextEventHandlersInstance extends VelcronRenderContextEventHandlers {
+    emitOnSaved: EventHook<Future<void>>;
+}
 export interface VelcronRenderContextHooks {
     dialogVisibilityChanged?: ((visible: boolean) => void);
     onItemSelected?: ((item: VelcronDefinition) => void);

package/package.json

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

package/parser/VelcronActions.js

@@ -263,8 +263,7 @@ class VelcronActions {
             const params = VelcronActions.extractParameterValues(val, awAction);
             let promise = null;
             const actionName = awAction.action.substring(0, awAction.action.indexOf("(")).trim().toLowerCase();
-            //promise = VelcronActions.runHandler(awAction, actionName, params);
-            if (!VelcronActions._actionHandlers) {
+            if (!VelcronActions.registeredBuiltInHandlers) {
                 Object.keys(builtInHandlers).forEach((key) => {
                     const handler = builtInHandlers[key];
                     if (handler && handler.name && VelcronActions._actionHandlers) {

package/stores/VelcronColorSchema.d.ts

@@ -12,9 +12,6 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
         themeStore: {
             state: {
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
-                components: import("@omnia/fx-models").ComponentBlueprints;
-                spacing: import("@omnia/fx-models").SpacingBlueprints;
-                typography: import("@omnia/fx-models").TypographyBlueprints;
             };
             get: {
                 componentBlueprints: () => void;

package/stores/VelcronTheming.d.ts

@@ -1,10 +1,7 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ComponentBlueprints, SpacingBlueprints, ThemeDefinitionV2, TypographyBlueprints, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ThemeDefinitionV2;
-        components: ComponentBlueprints;
-        spacing: SpacingBlueprints;
-        typography: TypographyBlueprints;
     };
     get: {
         componentBlueprints: () => void;

package/stores/VelcronTheming.js

@@ -8,25 +8,22 @@ exports.useVelcronThemingStore = (0, _1.defineVelcronStore)("VelcronTheming", {
         return {
             state: {
                 currentTheme: {},
-                components: {},
-                spacing: {},
-                typography: {},
             }
         };
     },
     getters(state) {
         return {
             componentBlueprints: () => {
-                state.components;
+                state.currentTheme.components;
             },
             colorSchema: (colorSchemaType) => {
                 return (0, __1.useThemeMethods)(() => state.currentTheme).colorSchema(colorSchemaType);
             },
             spacing: () => {
-                return state.spacing.primary.inner;
+                return state.currentTheme.spacing.primary.inner;
             },
             typography: (typographyType, size) => {
-                const typography = state.typography.primary;
+                const typography = state.currentTheme.typography.primary;
                 if (typographyType === __1.TypographyTypes.text) {
                     return typography.text[size];
                 }