@omnia/velcron 7.0.512-dev → 7.0.514-dev

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

@@ -12,4 +12,3 @@ export * from "./Realtime";
 export * from "./OmniaSharedBootstrapData";
 export * from "./StringExtensions";
 export * from "./theming";
-export * from "./reactivity";

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

@@ -16,4 +16,3 @@ tslib_1.__exportStar(require("./Realtime"), exports);
 tslib_1.__exportStar(require("./OmniaSharedBootstrapData"), exports);
 tslib_1.__exportStar(require("./StringExtensions"), exports);
 tslib_1.__exportStar(require("./theming"), exports);
-tslib_1.__exportStar(require("./reactivity"), exports);

package/package.json

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

package/{internal-do-not-import-from-here/shared/models/reactivity/DefineReactivity.js → stores/ReactivitySystem.js}

@@ -8,4 +8,5 @@ class ReactivitySystem {
     }
 }
 exports.ReactivitySystem = ReactivitySystem;
+ReactivitySystem.makeReactive = null;
 ReactivitySystem.hasReactivityProvider = false;

package/stores/VelcronStore.d.ts

@@ -1,9 +1,12 @@
-export declare const defineVelcronStore: <TState, TGetters, TActions>(name: string, definition: {
-    state: TState;
-    getters: (state: TState) => TGetters;
-    actions: (state: TState) => TActions;
+export declare const defineVelcronStore: <TState extends {
+    state: object;
+    privateState?: object;
+}, TGetters, TActions>(name: string, definition: {
+    state: () => TState;
+    getters: (state: TState["state"], privateState?: TState["privateState"]) => TGetters;
+    actions: (state: TState["state"], privateState?: TState["privateState"]) => TActions;
 }) => () => {
-    state: TState;
+    state: object;
     get: TGetters;
     actions: TActions;
 };

package/stores/VelcronStore.js

@@ -1,37 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defineVelcronStore = void 0;
-const __1 = require("..");
+const ReactivitySystem_1 = require("./ReactivitySystem");
 const stateMap = new Map();
 const defineVelcronStore = (name, definition) => {
-    if (!stateMap.has(name)) {
-        stateMap.set(name, __1.ReactivitySystem.makeReactive(definition.state));
-    }
-    const reactiveState = stateMap.get(name);
     const result = () => {
+        if (!stateMap.has(name)) {
+            stateMap.set(name, ReactivitySystem_1.ReactivitySystem.makeReactive(definition.state()));
+        }
+        const reactiveState = stateMap.get(name);
         return {
-            state: reactiveState,
-            get: definition.getters(reactiveState),
-            actions: definition.actions(reactiveState)
+            state: reactiveState.state,
+            get: definition.getters(reactiveState.state, reactiveState.privateState),
+            actions: definition.actions(reactiveState.state, reactiveState.privateState)
         };
     };
     return result;
 };
 exports.defineVelcronStore = defineVelcronStore;
-// export const testStore = defineVelcronStore({
-//     state: {
-//         hepp: ""
-//     },
-//     getters(state) {
-//         return {
-//             get hepp() { return state.hepp; }
-//         };
-//     },
-//     actions(state) {
-//         return {
-//             testMutate() {
-//                 state.hepp = "hepp";
-//             }
-//         };
-//     }
-// });

package/stores/VelcronTheming.d.ts

@@ -1,11 +1,9 @@
 import { ColorSchema, ThemeDefinitionV2, TypographyType } from "..";
 export declare const useVelcronThemingStore: () => {
-    state: {
-        currentTheme: ThemeDefinitionV2;
-        activeSchema: string;
-    };
+    state: object;
     get: {
         activeColorSchema: () => ColorSchema;
+        colorSchema: (schema: string) => ColorSchema;
         typography: (name: string) => TypographyType;
         colorFromActiveSchema: (name: string) => string;
     };

package/stores/VelcronTheming.js

@@ -3,39 +3,46 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVelcronThemingStore = void 0;
 const __1 = require("..");
 const VelcronStore_1 = require("./VelcronStore");
+let activeSchemaType = "";
 exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("VelcronTheming", {
-    state: {
-        currentTheme: {},
-        activeSchema: ""
+    state() {
+        return {
+            state: {
+                currentTheme: {}
+            }
+        };
     },
     getters(state) {
-        const activeColorSchema = () => {
-            if (state.activeSchema === __1.ColorSchemaTypes.primary) {
+        const colorSchema = (schema) => {
+            if (schema === __1.ColorSchemaTypes.primary) {
                 return state.currentTheme?.primary;
             }
-            else if (state.activeSchema === __1.ColorSchemaTypes.secondary) {
+            else if (schema === __1.ColorSchemaTypes.secondary) {
                 return state.currentTheme?.secondary;
             }
-            else if (state.activeSchema === __1.ColorSchemaTypes.accent1) {
+            else if (schema === __1.ColorSchemaTypes.accent1) {
                 return state.currentTheme?.accent1;
             }
-            else if (state.activeSchema === __1.ColorSchemaTypes.accent2) {
+            else if (schema === __1.ColorSchemaTypes.accent2) {
                 return state.currentTheme?.accent2;
             }
-            else if (state.activeSchema === __1.ColorSchemaTypes.accent3) {
+            else if (schema === __1.ColorSchemaTypes.accent3) {
                 return state.currentTheme?.accent3;
             }
-            else if (state.activeSchema === __1.ColorSchemaTypes.background) {
+            else if (schema === __1.ColorSchemaTypes.background) {
                 return state.currentTheme?.background;
             }
-            else if (state.activeSchema === __1.ColorSchemaTypes.neutral) {
+            else if (schema === __1.ColorSchemaTypes.neutral) {
                 return state.currentTheme?.neutral;
             }
-            else if (state.activeSchema === __1.ColorSchemaTypes.error) {
+            else if (schema === __1.ColorSchemaTypes.error) {
                 return state.currentTheme?.error;
             }
             return state.currentTheme?.background;
         };
+        const activeColorSchema = () => {
+            return colorSchema(activeSchemaType);
+        };
         const typography = (name) => {
             if (name === __1.TypographyTypes.h1) {
                 return state.currentTheme.typography.h1;
@@ -86,6 +93,7 @@ exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("Velcron
         };
         return {
             activeColorSchema,
+            colorSchema,
             typography,
             colorFromActiveSchema
         };
@@ -93,7 +101,7 @@ exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("Velcron
     actions(state) {
         return {
             setActiveSchema(name) {
-                state.activeSchema = name;
+                activeSchemaType = name;
             },
             setTheme(newTheme) {
                 state.currentTheme = newTheme;
@@ -101,90 +109,3 @@ exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("Velcron
         };
     }
 });
-// export class VelcronTheming extends VelcronStore {
-//     // public currentTheme = this.state({} as ThemeDefinitionV2);
-//     // private activeSchemaState = this.state("" as string);
-//     typography = (name: string): TypographyType => {
-//         if (name === TypographyTypes.h1) {
-//             return this.currentTheme.typography.h1;
-//         }
-//         else if (name === TypographyTypes.h2) {
-//             return this.currentTheme.typography.h2;
-//         }
-//         else if (name === TypographyTypes.h3) {
-//             return this.currentTheme.typography.h3;
-//         }
-//         else if (name === TypographyTypes.caption) {
-//             return this.currentTheme.typography.caption;
-//         }
-//         else if (name === TypographyTypes.link) {
-//             return this.currentTheme.typography.link;
-//         }
-//         else if (name === TypographyTypes.text) {
-//             return this.currentTheme.typography.text;
-//         }
-//         return this.currentTheme.typography.text;
-//     };
-//     activeColorSchema =  (): ColorSchema => {
-//         if (this.activeSchemaState === ColorSchemaTypes.primary) {
-//             return this.currentTheme.primary;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.secondary) {
-//             return this.currentTheme.secondary;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.accent1) {
-//             return this.currentTheme.accent1;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.accent2) {
-//             return this.currentTheme.accent2;
-//         }
-//         else if (this.activeSchemaState=== ColorSchemaTypes.accent3) {
-//             return this.currentTheme.accent3;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.background) {
-//             return this.currentTheme.background;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.neutral) {
-//             return this.currentTheme.neutral;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.error) {
-//             return this.currentTheme.error;
-//         }
-//         return this.currentTheme.background;
-//     };
-//     getColorFromActiveSchema =  (name):string => {
-//         if (name === ColorTypes.base) {
-//             return this.activeColorSchema().base.color;
-//         }
-//         else if (name === ColorTypes.baseTone) {
-//             return this.activeColorSchema().base.colorToned;
-//         }
-//         else if (name === ColorTypes.onBase) {
-//             return this.activeColorSchema().onBase.color;
-//         }
-//         else if (name === ColorTypes.onBaseTone) {
-//             return this.activeColorSchema().onBase.colorToned;
-//         }
-//         else if (name === ColorTypes.container) {
-//             return this.activeColorSchema().container.color;
-//         }
-//         else if (name === ColorTypes.containerTone) {
-//             return this.activeColorSchema().container.colorToned;
-//         }
-//         else if (name === ColorTypes.onContainer) {
-//             return this.activeColorSchema().onContainer.color;
-//         }
-//         else if (name === ColorTypes.onContainerTone) {
-//             return this.activeColorSchema().onContainer.colorToned;
-//         }
-//         return name;
-//     };
-//     mutations = {
-//         setActiveSchema: (name: string) => {
-//             this.activeSchemaState = name;
-//         },
-//         setTheme: (newTheme: ThemeDefinitionV2) => {
-//             this.currentTheme = newTheme;
-//         }
-//     };
-// }

package/stores/index.d.ts

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

package/stores/index.js

@@ -3,3 +3,4 @@ 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);

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

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

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

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