mis-crystal-design-system 2.3.4 → 2.3.6

package/fesm2015/mis-crystal-design-system-widgets.js

@@ -0,0 +1,122 @@
+import { ReplaySubject, Subject } from 'rxjs';
+import { switchMap, tap } from 'rxjs/operators';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class BaseWidget {
+    constructor(data, customStates = []) {
+        // Get loader stream
+        this.loader$ = new ReplaySubject(1);
+        this.loader = this.loader$.asObservable();
+        this.state = {};
+        // reset data/stream
+        this.reset$ = new Subject();
+        this.customStates = customStates;
+    }
+    // Toggle loader with value
+    toggleLoader(value) {
+        this.loader$.next(value);
+    }
+    // Trigger widget refresh
+    reset() {
+        this.reset$.next();
+    }
+    updateValue(data) { }
+    updateCustomStates(customStates, value) {
+        if (customStates.length > 0) {
+            customStates.forEach(customState => {
+                this.state = Object.assign(Object.assign({}, this.state), customState(value));
+            });
+        }
+        else {
+            this.state = {};
+        }
+    }
+}
+
+class SyncWidget extends BaseWidget {
+    // @param dataStream: Stream to subscribe to when widget refreshed
+    constructor(data, customStates = []) {
+        super(data, customStates);
+        if (data) {
+            this.value = data;
+        }
+    }
+    // Change data value
+    updateValue(value) {
+        this.value = value;
+        this.updateCustomStates(this.customStates, value);
+    }
+    reset() {
+        super.reset();
+        this.value = null;
+    }
+}
+
+// Data type that the stream will return
+class AsyncWidget extends BaseWidget {
+    // @param dataStream: Stream to subscribe to when widget refreshed
+    constructor(dataStream, customStates = []) {
+        super(dataStream, customStates);
+        if (dataStream) {
+            this.updateValue(dataStream);
+        }
+    }
+    // Change widget data stream
+    updateValue(dataStream) {
+        this.value = this.reset$.pipe(switchMap(() => {
+            this.toggleLoader(true);
+            return dataStream.pipe(tap(() => {
+                this.toggleLoader(false);
+            }), tap((value) => this.updateCustomStates(this.customStates, value)));
+        }));
+    }
+}
+
+class WidgetGroup extends BaseWidget {
+    constructor(widgets) {
+        super();
+        this.items = new Map();
+        Object.keys(widgets).forEach(key => {
+            this.addWidget(key, widgets[key]);
+        });
+    }
+    get value() {
+        const keys = Array.from(this.items.keys());
+        return keys.reduce((acc, key) => {
+            return Object.assign(Object.assign({}, acc), { [key]: this.get(key).value });
+        }, {});
+    }
+    get widgets() {
+        return Array.from(this.items.values());
+    }
+    addWidget(key, widget) {
+        this.items.set(key, widget);
+    }
+    get(key) {
+        return this.items.get(key);
+    }
+    removeWidget(key) {
+        this.items.delete(key);
+    }
+    reset() {
+        this.widgets.forEach(widget => widget.reset());
+    }
+}
+
+class WidgetsModule {
+}
+WidgetsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [],
+                imports: [CommonModule],
+                providers: []
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AsyncWidget, BaseWidget, SyncWidget, WidgetGroup, WidgetsModule };
+//# sourceMappingURL=mis-crystal-design-system-widgets.js.map

package/fesm2015/mis-crystal-design-system-widgets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-widgets.js","sources":["../../../projects/mis-components/widgets/classes/base-widget.ts","../../../projects/mis-components/widgets/classes/sync-widget.ts","../../../projects/mis-components/widgets/classes/async-widget.ts","../../../projects/mis-components/widgets/classes/widget-group.ts","../../../projects/mis-components/widgets/widgets.module.ts","../../../projects/mis-components/widgets/mis-crystal-design-system-widgets.ts"],"sourcesContent":["import { ReplaySubject, Subject } from \"rxjs\";\nimport { CustomState, WidgetStateMap } from \"../interfaces/widgets.model\";\n\nexport class BaseWidget<D> {\n  // Get loader stream\n  private loader$ = new ReplaySubject<boolean>(1);\n  loader = this.loader$.asObservable();\n  protected customStates: Array<CustomState<D>>;\n  state: WidgetStateMap = {};\n\n  constructor(data?: unknown, customStates: Array<CustomState<D>> = []) {\n    this.customStates = customStates;\n  }\n\n  // Toggle loader with value\n  toggleLoader(value: boolean): void {\n    this.loader$.next(value);\n  }\n  // reset data/stream\n  protected reset$ = new Subject<void>();\n\n  // Trigger widget refresh\n  reset(): void {\n    this.reset$.next();\n  }\n\n  updateValue(data: unknown): void {}\n\n  protected updateCustomStates(customStates: Array<CustomState<D>>, value: D): void {\n    if (customStates.length > 0) {\n      customStates.forEach(customState => {\n        this.state = { ...this.state, ...customState(value) };\n      });\n    } else {\n      this.state = {};\n    }\n  }\n}\n","import { CustomState } from \"../interfaces/widgets.model\";\nimport { BaseWidget } from \"./base-widget\";\n\nexport class SyncWidget<D = any> extends BaseWidget<D> {\n  // DataObject with widget functionalities\n  value: D;\n\n  // @param dataStream: Stream to subscribe to when widget refreshed\n  constructor(data?: D, customStates: Array<CustomState<D>> = []) {\n    super(data, customStates);\n    if (data) {\n      this.value = data;\n    }\n  }\n\n  // Change data value\n  updateValue(value: D): void {\n    this.value = value;\n    this.updateCustomStates(this.customStates, value);\n  }\n\n  reset(): void {\n    super.reset();\n    this.value = null;\n  }\n}\n","import { Observable } from \"rxjs\";\nimport { tap, switchMap } from \"rxjs/operators\";\nimport { CustomState, WidgetStateMap } from \"../interfaces/widgets.model\";\nimport { BaseWidget } from \"./base-widget\";\n// Data type that the stream will return\nexport class AsyncWidget<D = any> extends BaseWidget<D> {\n  // Stream with widget functionalities\n  value: Observable<D>;\n\n  // @param dataStream: Stream to subscribe to when widget refreshed\n  constructor(dataStream?: Observable<D>, customStates: Array<CustomState<D>> = []) {\n    super(dataStream, customStates);\n    if (dataStream) {\n      this.updateValue(dataStream);\n    }\n  }\n\n  // Change widget data stream\n  updateValue(dataStream: Observable<D>): void {\n    this.value = this.reset$.pipe(\n      switchMap(() => {\n        this.toggleLoader(true);\n        return dataStream.pipe(\n          tap(() => {\n            this.toggleLoader(false);\n          }),\n          tap((value: D) => this.updateCustomStates(this.customStates, value))\n        );\n      })\n    );\n  }\n}\n","import { BaseWidget } from \"./base-widget\";\nimport { WidgetMap } from \"../interfaces/widgets.model\";\nimport { AsyncWidget } from \"./async-widget\";\nimport { SyncWidget } from \"./sync-widget\";\n\nexport class WidgetGroup extends BaseWidget<any> {\n  private items = new Map<string, SyncWidget | AsyncWidget | WidgetGroup>();\n\n  constructor(widgets: WidgetMap) {\n    super();\n    Object.keys(widgets).forEach(key => {\n      this.addWidget(key, widgets[key]);\n    });\n  }\n\n  get value(): { [key: string]: any } {\n    const keys = Array.from(this.items.keys());\n    return keys.reduce((acc, key) => {\n      return { ...acc, [key]: this.get(key).value };\n    }, {});\n  }\n\n  get widgets() {\n    return Array.from(this.items.values());\n  }\n\n  addWidget(key: string, widget: SyncWidget | AsyncWidget): void {\n    this.items.set(key, widget);\n  }\n\n  get(key: string): SyncWidget | AsyncWidget | WidgetGroup {\n    return this.items.get(key);\n  }\n\n  removeWidget(key: string): void {\n    this.items.delete(key);\n  }\n\n  reset(): void {\n    this.widgets.forEach(widget => widget.reset());\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { WidgetService } from \"./services/widget.service\";\n\n@NgModule({\n  declarations: [],\n  imports: [CommonModule],\n  providers: []\n})\nexport class WidgetsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mis-crystal-design-system",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",

package/widgets/classes/async-widget.d.ts

@@ -0,0 +1,8 @@
+import { Observable } from "rxjs";
+import { CustomState } from "../interfaces/widgets.model";
+import { BaseWidget } from "./base-widget";
+export declare class AsyncWidget<D = any> extends BaseWidget<D> {
+    value: Observable<D>;
+    constructor(dataStream?: Observable<D>, customStates?: Array<CustomState<D>>);
+    updateValue(dataStream: Observable<D>): void;
+}

package/widgets/classes/base-widget.d.ts

@@ -0,0 +1,14 @@
+import { Subject } from "rxjs";
+import { CustomState, WidgetStateMap } from "../interfaces/widgets.model";
+export declare class BaseWidget<D> {
+    private loader$;
+    loader: import("rxjs").Observable<boolean>;
+    protected customStates: Array<CustomState<D>>;
+    state: WidgetStateMap;
+    constructor(data?: unknown, customStates?: Array<CustomState<D>>);
+    toggleLoader(value: boolean): void;
+    protected reset$: Subject<void>;
+    reset(): void;
+    updateValue(data: unknown): void;
+    protected updateCustomStates(customStates: Array<CustomState<D>>, value: D): void;
+}

package/widgets/classes/sync-widget.d.ts

@@ -0,0 +1,8 @@
+import { CustomState } from "../interfaces/widgets.model";
+import { BaseWidget } from "./base-widget";
+export declare class SyncWidget<D = any> extends BaseWidget<D> {
+    value: D;
+    constructor(data?: D, customStates?: Array<CustomState<D>>);
+    updateValue(value: D): void;
+    reset(): void;
+}

package/widgets/classes/widget-group.d.ts

@@ -0,0 +1,16 @@
+import { BaseWidget } from "./base-widget";
+import { WidgetMap } from "../interfaces/widgets.model";
+import { AsyncWidget } from "./async-widget";
+import { SyncWidget } from "./sync-widget";
+export declare class WidgetGroup extends BaseWidget<any> {
+    private items;
+    constructor(widgets: WidgetMap);
+    get value(): {
+        [key: string]: any;
+    };
+    get widgets(): (AsyncWidget<any> | SyncWidget<any> | WidgetGroup)[];
+    addWidget(key: string, widget: SyncWidget | AsyncWidget): void;
+    get(key: string): SyncWidget | AsyncWidget | WidgetGroup;
+    removeWidget(key: string): void;
+    reset(): void;
+}

package/widgets/index.d.ts

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

package/widgets/interfaces/widgets.model.d.ts

@@ -0,0 +1,13 @@
+import { AsyncWidget } from "../classes/async-widget";
+import { BaseWidget } from "../classes/base-widget";
+import { SyncWidget } from "../classes/sync-widget";
+export interface WidgetMap {
+    [key: string]: AsyncWidget | SyncWidget;
+}
+export interface WidgetTap {
+    (widget: BaseWidget<unknown>): void;
+}
+export declare type CustomState<D> = (data: D) => WidgetStateMap;
+export interface WidgetStateMap {
+    [key: string]: boolean;
+}

package/widgets/mis-crystal-design-system-widgets.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/widgets/mis-crystal-design-system-widgets.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"SyncWidget":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"BaseWidget"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":8,"character":21,"context":{"typeName":"D"},"module":"./classes/sync-widget"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"CustomState"}]}]}],"updateValue":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"AsyncWidget":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"BaseWidget"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":38,"context":{"typeName":"D"},"module":"./classes/async-widget"}]},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"CustomState"}]}]}],"updateValue":[{"__symbolic":"method"}]}},"BaseWidget":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":10,"character":21,"module":"./classes/base-widget"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"CustomState"}]}]}],"toggleLoader":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"updateCustomStates":[{"__symbolic":"method"}]}},"WidgetGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseWidget"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WidgetMap"}]}],"addWidget":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}],"removeWidget":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]}},"WidgetMap":{"__symbolic":"interface"},"WidgetTap":{"__symbolic":"interface"},"CustomState":{"__symbolic":"interface"},"WidgetStateMap":{"__symbolic":"interface"},"WidgetsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"providers":[]}]}],"members":{}}},"origins":{"SyncWidget":"./classes/sync-widget","AsyncWidget":"./classes/async-widget","BaseWidget":"./classes/base-widget","WidgetGroup":"./classes/widget-group","WidgetMap":"./interfaces/widgets.model","WidgetTap":"./interfaces/widgets.model","CustomState":"./interfaces/widgets.model","WidgetStateMap":"./interfaces/widgets.model","WidgetsModule":"./widgets.module"},"importAs":"mis-crystal-design-system/widgets"}

package/widgets/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-widgets.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-widgets.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-widgets.js",
+  "esm2015": "../esm2015/widgets/mis-crystal-design-system-widgets.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-widgets.js",
+  "typings": "mis-crystal-design-system-widgets.d.ts",
+  "metadata": "mis-crystal-design-system-widgets.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/widgets"
+}

package/widgets/public_api.d.ts

@@ -0,0 +1,6 @@
+export * from "./classes/sync-widget";
+export * from "./classes/async-widget";
+export * from "./classes/base-widget";
+export * from "./classes/widget-group";
+export * from "./interfaces/widgets.model";
+export * from "./widgets.module";

package/widgets/services/widget.service.d.ts

@@ -0,0 +1,6 @@
+export declare class WidgetService {
+    private refresh$;
+    refresh: import("rxjs").Observable<string[]>;
+    constructor();
+    refreshWidgets(types?: string[]): void;
+}

package/widgets/widgets.module.d.ts

@@ -0,0 +1,2 @@
+export declare class WidgetsModule {
+}