@entropic-bond/crud-panel 1.1.0 → 2.2.0

package/README.md

@@ -1 +1 @@
-# Crud Panel
+# Crud Panel 2.0

package/lib/crud-controller.d.ts

@@ -1,33 +1,29 @@
-import { Callback, Persistent, Model } from 'entropic-bond';
+import { Callback, Persistent, Model, Observable } from 'entropic-bond';
+import { ProgressController, ProgressEvent } from './progress-controller';
 export interface CrudControllerEvent<T extends Persistent> {
     documentChanged?: T;
     documentCollection?: T[];
 }
 export declare abstract class CrudController<T extends Persistent> {
-    constructor(document: T);
+    constructor(document?: T);
+    abstract allRequiredPropertiesFilled(): boolean;
+    protected abstract createDocument(): T;
     protected abstract getModel(): Model<T>;
-    static registerController(documentName: string, construct: ControllerConstructor): void;
-    static createController(document: Persistent): CrudController<Persistent>;
+    protected storeDoc(): Promise<void>;
+    protected deleteDoc(): Promise<void>;
+    protected findDocs(limit: number): Promise<T[]>;
     onChange(observer: Callback<CrudControllerEvent<T>>): import("entropic-bond").Unsubscriber;
-    createDocument(): T;
-    setDocument(value: T): this;
-    get document(): T;
-    storeDocument(document: T): Promise<void>;
-    deleteDocument(document: T): Promise<void>;
-    getDocumentCollection(): Promise<T[]>;
+    newDocument(): CrudController<T>;
+    storeDocument(): Promise<void>;
+    deleteDocument(): Promise<void>;
+    documentCollection(limit?: number): Promise<T[]>;
+    onProgress(observer: Callback<ProgressEvent>): import("entropic-bond").Unsubscriber;
     protected get model(): Model<T>;
-    private _onChange;
+    setDocument(value: T): CrudController<T>;
+    set document(value: T);
+    get document(): T;
+    protected progressController: ProgressController;
+    protected onChangeHdl: Observable<CrudControllerEvent<T>>;
     private _model;
     private _document;
-    private static _factories;
 }
-declare type ControllerConstructor = new (document: Persistent) => CrudController<Persistent>;
-/**
- * Decorator to associate this controller with the document type that it manages.
- * This will allow to create a controller from a given document automatically.
- *
- * @param documentTypeName the document type name that this controller is
- * dessigned for.
- */
-export declare function controllerFor(documentTypeName: string): (constructor: ControllerConstructor) => void;
-export {};

package/lib/crud-controller.js

@@ -36,93 +36,115 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.controllerFor = exports.CrudController = void 0;
+exports.CrudController = void 0;
 var entropic_bond_1 = require("entropic-bond");
+var progress_controller_1 = require("./progress-controller");
 var CrudController = /** @class */ (function () {
     function CrudController(document) {
-        this._document = document;
-        this._onChange = new entropic_bond_1.Observable();
+        this.progressController = new progress_controller_1.ProgressController();
+        this.onChangeHdl = new entropic_bond_1.Observable();
+        this._document = document || this.createDocument();
     }
-    CrudController.registerController = function (documentName, construct) {
-        this._factories[documentName] = function (document) {
-            return new construct(document);
-        };
+    CrudController.prototype.storeDoc = function () {
+        return this.model.save(this.document);
     };
-    CrudController.createController = function (document) {
-        if (!this._factories[document.className])
-            throw new Error("You should register " + document.className + " controller prior to use in the CRUD system");
-        var factory = this._factories[document.className];
-        return factory(document);
+    CrudController.prototype.deleteDoc = function () {
+        return this.model.delete(this.document.id);
     };
-    CrudController.prototype.onChange = function (observer) {
-        return this._onChange.subscribe(observer);
+    CrudController.prototype.findDocs = function (limit) {
+        return this.model.find().limit(limit).get();
     };
-    CrudController.prototype.createDocument = function () {
-        this._document = entropic_bond_1.Persistent.createInstance(this.document.className);
-        this._onChange.notify({ documentChanged: this._document });
-        return this._document;
+    CrudController.prototype.onChange = function (observer) {
+        return this.onChangeHdl.subscribe(observer);
     };
-    CrudController.prototype.setDocument = function (value) {
-        if (this._document != value) {
-            this._document = value;
-            this._onChange.notify({ documentChanged: value });
-        }
-        return this;
+    CrudController.prototype.newDocument = function () {
+        return this.setDocument(this.createDocument());
     };
-    Object.defineProperty(CrudController.prototype, "document", {
-        get: function () {
-            return this._document;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CrudController.prototype.storeDocument = function (document) {
+    CrudController.prototype.storeDocument = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, _b;
+            var progressStage, _a, _b;
             var _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.model.save(document)];
+                    case 0:
+                        progressStage = 'Saving main document';
+                        _d.label = 1;
                     case 1:
-                        _d.sent();
-                        this._document = document;
-                        _b = (_a = this._onChange).notify;
-                        _c = {
-                            documentChanged: this._document !== document ? document : undefined
-                        };
-                        return [4 /*yield*/, this.getDocumentCollection()];
+                        _d.trys.push([1, , 4, 5]);
+                        this.progressController.notifyBusy(true, progressStage);
+                        return [4 /*yield*/, this.storeDoc()];
                     case 2:
+                        _d.sent();
+                        _b = (_a = this.onChangeHdl).notify;
+                        _c = {};
+                        return [4 /*yield*/, this.documentCollection()];
+                    case 3:
                         _b.apply(_a, [(_c.documentCollection = _d.sent(),
                                 _c)]);
-                        return [2 /*return*/];
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this.progressController.notifyBusy(false, progressStage);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
                 }
             });
         });
     };
-    CrudController.prototype.deleteDocument = function (document) {
+    CrudController.prototype.deleteDocument = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, _b;
+            var progressStage, _a, _b;
             var _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
-                    case 0: return [4 /*yield*/, this.model.delete(document.id)];
+                    case 0:
+                        progressStage = 'Delete main document';
+                        _d.label = 1;
                     case 1:
-                        _d.sent();
-                        _b = (_a = this._onChange).notify;
-                        _c = {
-                            documentChanged: document
-                        };
-                        return [4 /*yield*/, this.getDocumentCollection()];
+                        _d.trys.push([1, , 4, 5]);
+                        this.progressController.notifyBusy(true, progressStage);
+                        return [4 /*yield*/, this.deleteDoc()];
                     case 2:
+                        _d.sent();
+                        _b = (_a = this.onChangeHdl).notify;
+                        _c = {};
+                        return [4 /*yield*/, this.documentCollection()];
+                    case 3:
                         _b.apply(_a, [(_c.documentCollection = _d.sent(),
                                 _c)]);
-                        return [2 /*return*/];
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this.progressController.notifyBusy(false, progressStage);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    CrudController.prototype.documentCollection = function (limit) {
+        return __awaiter(this, void 0, void 0, function () {
+            var progressStage, found;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        progressStage = 'Retrieving document collection';
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, , 3, 4]);
+                        this.progressController.notifyBusy(true, progressStage);
+                        return [4 /*yield*/, this.findDocs(limit)];
+                    case 2:
+                        found = _a.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        this.progressController.notifyBusy(false, progressStage);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/, found];
                 }
             });
         });
     };
-    CrudController.prototype.getDocumentCollection = function () {
-        return this.model.find().get();
+    CrudController.prototype.onProgress = function (observer) {
+        return this.progressController.onProgress(observer);
     };
     Object.defineProperty(CrudController.prototype, "model", {
         get: function () {
@@ -131,21 +153,24 @@ var CrudController = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    CrudController._factories = {};
+    CrudController.prototype.setDocument = function (value) {
+        if (this._document !== value) {
+            this._document = value;
+            this.onChangeHdl.notify({ documentChanged: this._document });
+        }
+        return this;
+    };
+    Object.defineProperty(CrudController.prototype, "document", {
+        get: function () {
+            return this._document;
+        },
+        set: function (value) {
+            this.setDocument(value);
+        },
+        enumerable: false,
+        configurable: true
+    });
     return CrudController;
 }());
 exports.CrudController = CrudController;
-/**
- * Decorator to associate this controller with the document type that it manages.
- * This will allow to create a controller from a given document automatically.
- *
- * @param documentTypeName the document type name that this controller is
- * dessigned for.
- */
-function controllerFor(documentTypeName) {
-    return function (constructor) {
-        CrudController.registerController(documentTypeName, constructor);
-    };
-}
-exports.controllerFor = controllerFor;
 //# sourceMappingURL=crud-controller.js.map

package/lib/crud-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"crud-controller.js","sourceRoot":"","sources":["../src/crud-controller.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"crud-controller.js","sourceRoot":"","sources":["../src/crud-controller.ts"],"names":[],"mappings":"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"}

package/lib/crud-controller.spec.d.ts

@@ -0,0 +1,12 @@
+import { EntropicComponent, Model } from 'entropic-bond';
+import { CrudController } from './crud-controller';
+export declare class Test extends EntropicComponent {
+    set testProp(value: string);
+    get testProp(): string;
+    private _testProp;
+}
+export declare class TestController extends CrudController<Test> {
+    createDocument(): Test;
+    protected getModel(): Model<Test>;
+    allRequiredPropertiesFilled(): boolean;
+}

package/lib/crud-controller.spec.js

@@ -0,0 +1,176 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestController = exports.Test = void 0;
+var entropic_bond_1 = require("entropic-bond");
+var crud_controller_1 = require("./crud-controller");
+var mockData = {
+    Test: {
+        test1: {
+            __className: 'Test',
+            id: 'test1',
+            testProp: 'Test prop 1'
+        },
+        test2: {
+            __className: 'Test',
+            id: 'test2',
+            testProp: 'Test prop 2'
+        }
+    }
+};
+var Test = /** @class */ (function (_super) {
+    __extends(Test, _super);
+    function Test() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(Test.prototype, "testProp", {
+        get: function () {
+            return this._testProp;
+        },
+        set: function (value) {
+            this.changeProp('testProp', value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    __decorate([
+        entropic_bond_1.persistent
+    ], Test.prototype, "_testProp", void 0);
+    Test = __decorate([
+        (0, entropic_bond_1.registerPersistentClass)('Test')
+    ], Test);
+    return Test;
+}(entropic_bond_1.EntropicComponent));
+exports.Test = Test;
+var TestController = /** @class */ (function (_super) {
+    __extends(TestController, _super);
+    function TestController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TestController.prototype.createDocument = function () {
+        return new Test();
+    };
+    TestController.prototype.getModel = function () {
+        return entropic_bond_1.Store.getModel('Test');
+    };
+    TestController.prototype.allRequiredPropertiesFilled = function () {
+        return true;
+    };
+    return TestController;
+}(crud_controller_1.CrudController));
+exports.TestController = TestController;
+describe('Crud Controller', function () {
+    var controller;
+    var datasource;
+    var onProgress;
+    beforeEach(function () {
+        datasource = new entropic_bond_1.JsonDataSource(__assign({}, mockData));
+        entropic_bond_1.Store.useDataSource(datasource);
+        controller = new TestController();
+        onProgress = jest.fn();
+        controller.onProgress(onProgress);
+    });
+    describe('Long operations', function () {
+        beforeEach(function () {
+            datasource.simulateDelay(50);
+        });
+        it('should notify busy on delete', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var promise;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        promise = controller.deleteDocument();
+                        expect(onProgress).toHaveBeenLastCalledWith(expect.objectContaining({ busy: true }));
+                        return [4 /*yield*/, promise];
+                    case 1:
+                        _a.sent();
+                        expect(onProgress).toHaveBeenLastCalledWith(expect.objectContaining({ busy: false }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should notify busy on store', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var promise;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        promise = controller.storeDocument();
+                        expect(onProgress).toHaveBeenLastCalledWith(expect.objectContaining({ busy: true }));
+                        return [4 /*yield*/, promise];
+                    case 1:
+                        _a.sent();
+                        expect(onProgress).toHaveBeenLastCalledWith(expect.objectContaining({ busy: false }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});
+//# sourceMappingURL=crud-controller.spec.js.map

package/lib/crud-controller.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crud-controller.spec.js","sourceRoot":"","sources":["../src/crud-controller.spec.ts"],"names":[],"mappings":"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"}

package/lib/crud-panel.d.ts

@@ -8,11 +8,11 @@ declare enum Mode {
 }
 export interface CrudCardProps<T extends Persistent> {
     document: T;
-    onSelect: (document: T) => void;
-    onDelete: (document: T) => void;
+    onSelect?: (document: T) => void;
+    onDelete?: (document: T) => void;
 }
 export interface CrudContentViewProps<T extends Persistent> {
-    controller: CrudController<T>;
+    document: T;
     submitButtonCaption: string;
     onSubmit: (document: T) => void;
     onCancel: () => void;
@@ -24,7 +24,7 @@ export interface CrudPanelLabels {
     documentsInCollectionCaption: string;
     noDocumentsFoundLabel: string;
 }
-export declare type Layout = 'formOrItems' | 'formAlways' | 'itemsAlways' | 'formAndItems';
+export declare type Layout = 'formOrItems' | 'itemsAlways' | 'formAndItems';
 interface CrudPanelState<T extends Persistent> {
     documents: T[];
     mode: Mode;
@@ -38,6 +38,9 @@ interface CrudPanelProps<T extends Persistent> {
         ((props: CrudCardProps<T>) => ReactElement) | ReactElement<CrudCardProps<T>>
     ];
     className?: string;
+    cardAddButton?: boolean | JSX.Element;
+    header?: string | JSX.Element;
+    footer?: string | JSX.Element;
 }
 export declare class CrudPanel<T extends Persistent> extends Component<CrudPanelProps<T>, CrudPanelState<T>> {
     constructor(props: CrudPanelProps<T>);