@social-mail/social-mail-client 1.2.215 → 1.2.217

package/dist/common/commands/CommonCommands.d.ts

@@ -26,8 +26,6 @@ export default class CommonCommands extends Commands {
     static editProductList: Command<{
         storeID: any;
     }, any>;
-    static editProduct: Command<{
-        id: any;
-    }, any>;
+    static editProduct: Command<Partial<import("../../model/model").IStoreItem>, any>;
 }
 //# sourceMappingURL=CommonCommands.d.ts.map

package/dist/common/commands/CommonCommands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommonCommands.d.ts","sourceRoot":"","sources":["../../../src/common/commands/CommonCommands.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAKtE,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,QAAQ;IAEhD,MAAM,CAAC,WAAW;;YAIf;IAEH,MAAM,CAAC,WAAW;;YAIf;IAEH,MAAM,CAAC,eAAe;;YAInB;IAEH,MAAM,CAAC,UAAU,oBAId;IAEH,MAAM,CAAC,aAAa;;YAIjB;IAGH,MAAM,CAAC,WAAW;;;YAIf;IAEH,MAAM,CAAC,cAAc,oBAGlB;IAEH,MAAM,CAAC,gBAAgB,oBAGpB;IAEH,MAAM,CAAC,eAAe,oBAInB;IAEH,MAAM,CAAC,SAAS;;YAIb;IAEH,MAAM,CAAC,eAAe;;YAInB;IAGH,MAAM,CAAC,WAAW;;YAIf;CACN"}
+{"version":3,"file":"CommonCommands.d.ts","sourceRoot":"","sources":["../../../src/common/commands/CommonCommands.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAKtE,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,QAAQ;IAEhD,MAAM,CAAC,WAAW;;YAIf;IAEH,MAAM,CAAC,WAAW;;YAIf;IAEH,MAAM,CAAC,eAAe;;YAInB;IAEH,MAAM,CAAC,UAAU,oBAId;IAEH,MAAM,CAAC,aAAa;;YAIjB;IAGH,MAAM,CAAC,WAAW;;;YAIf;IAEH,MAAM,CAAC,cAAc,oBAGlB;IAEH,MAAM,CAAC,gBAAgB,oBAGpB;IAEH,MAAM,CAAC,eAAe,oBAInB;IAEH,MAAM,CAAC,SAAS;;YAIb;IAEH,MAAM,CAAC,eAAe;;YAInB;IAGH,MAAM,CAAC,WAAW,gEAIf;CACN"}

package/dist/common/commands/CommonCommands.js

@@ -67,7 +67,7 @@ System.register(["@web-atoms/core/dist/core/Command", "../apiPath"], function (_
         openPage: () => _context.import("../pages/stores/products/EditProductListPage")
       });
       CommonCommands.editProduct = Command.create({
-        route: "/stores/product/{id}",
+        route: "/stores/product/{storeItemID}",
         routeOrder: 200,
         openPage: () => _context.import("../pages/stores/products/EditProductDetailPage")
       });

package/dist/common/commands/CommonCommands.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommonCommands","_export","setters","_webAtomsCoreDistCoreCommand","Command","default","Commands","_apiPath","apiPathRoot","execute","routePrefix","openMailbox","create","route","routeOrder","openPage","_context","import","openChannel","openSubscribers","openDrives","manageWebSite","editWebSite","changePassword","pushPage","setupMultiFactor","openWebSiteList","editStore","editProductList","editProduct"],"sources":["../../../src/common/commands/CommonCommands.ts"],"sourcesContent":[null],"mappings":"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"}
+{"version":3,"names":["CommonCommands","_export","setters","_webAtomsCoreDistCoreCommand","Command","default","Commands","_apiPath","apiPathRoot","execute","routePrefix","openMailbox","create","route","routeOrder","openPage","_context","import","openChannel","openSubscribers","openDrives","manageWebSite","editWebSite","changePassword","pushPage","setupMultiFactor","openWebSiteList","editStore","editProductList","editProduct"],"sources":["../../../src/common/commands/CommonCommands.ts"],"sourcesContent":[null],"mappings":"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"}

package/dist/common/controls/collection-editor/CollectionEditor.d.ts

@@ -1,5 +1,5 @@
 import XNode from "@web-atoms/core/dist/core/XNode";
-export default function CollectionEditor<T>({ model, collection, addPage, pageResultToItem, addItemDefaults, itemFactory, editPage, label, itemRenderer }: {
+export default function CollectionEditor<T>({ model, collection, addPage, pageResultToItem, addItemDefaults, itemFactory, editPage, label, itemRenderer, autoFocus }: {
     model: T;
     collection: string & keyof T;
     pageResultToItem?: (item: any) => any;
@@ -9,5 +9,6 @@ export default function CollectionEditor<T>({ model, collection, addPage, pageRe
     editPage?: any;
     label: string;
     itemRenderer: (item: any) => XNode;
+    autoFocus?: boolean;
 }): any;
 //# sourceMappingURL=CollectionEditor.d.ts.map

package/dist/common/controls/collection-editor/CollectionEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionEditor.d.ts","sourceRoot":"","sources":["../../../../src/common/controls/collection-editor/CollectionEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAiBpD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,EAAE,EACxC,KAAK,EACL,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,WAA+D,EAC/D,QAAQ,EACR,KAAK,EACL,YAAY,EACf,EAAE;IACC,KAAK,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,KAAA,KAAK,KAAK,CAAA;CAChC,OA2EA"}
+{"version":3,"file":"CollectionEditor.d.ts","sourceRoot":"","sources":["../../../../src/common/controls/collection-editor/CollectionEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AA4BpD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,EAAE,EACxC,KAAK,EACL,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,SAAiB,EACpB,EAAE;IACC,KAAK,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,KAAA,KAAK,KAAK,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB,OAmFA"}

package/dist/common/controls/collection-editor/CollectionEditor.js

@@ -1,23 +1,25 @@
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/basic/Expander", "../buttons/IconButton", "@web-atoms/web-controls/dist/PageNavigator", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/web/services/PopupService", "../../../services/EntityService", "@web-atoms/core/dist/style/styled"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/basic/Expander", "../buttons/IconButton", "@web-atoms/web-controls/dist/PageNavigator", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/web/services/PopupService", "../../../services/EntityService", "@web-atoms/core/dist/style/styled", "../../../model/model"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, XNode, AtomRepeater, Expander, AddIconTextButton, DeleteIconButton, PageNavigator, Bind, PopupService, EntityService, styled;
+  var __awaiter, XNode, AtomRepeater, Expander, AddIconTextButton, DeleteIconButton, PageNavigator, Bind, PopupService, EntityService, styled, modelEntitySchemas, hasKeys;
   function CollectionEditor({
     model,
     collection,
     addPage,
     pageResultToItem,
     addItemDefaults,
-    itemFactory = () => {
-      throw new Error("itemFactory not set");
-    },
+    itemFactory,
     editPage,
     label,
-    itemRenderer
+    itemRenderer,
+    autoFocus = false
   }) {
     var _a;
     let repeater;
     const items = (_a = model[collection]) !== null && _a !== void 0 ? _a : model[collection] = [];
+    const schema = modelEntitySchemas[model.$type];
+    const relation = schema.schema.relations.find(x => x.name === collection);
+    itemFactory !== null && itemFactory !== void 0 ? itemFactory : itemFactory = () => relation.relatedModel.create(addItemDefaults !== null && addItemDefaults !== void 0 ? addItemDefaults : {});
     const onAddItem = () => __awaiter(this, void 0, void 0, function* () {
       const es = repeater.app.resolve(EntityService);
       let newItem;
@@ -33,12 +35,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
       if (newItem === null || newItem === void 0 ? void 0 : newItem.then) {
         newItem = yield newItem;
       }
-      const draft = Object.assign(Object.assign({}, model), {
-        [collection]: [newItem]
-      });
-      let clone = es.cloner(draft);
-      clone = clone.include(x => x[collection]);
-      yield es.save(clone.copy);
+      if (hasKeys(model, schema)) {
+        const draft = Object.assign(Object.assign({}, model), {
+          [collection]: [newItem]
+        });
+        let clone = es.cloner(draft);
+        clone = clone.include(x => x[collection]);
+        yield es.save(clone.copy);
+      }
       repeater.items.add(newItem);
     });
     const deleteItem = item => __awaiter(this, void 0, void 0, function* () {
@@ -106,6 +110,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
       EntityService = _servicesEntityService.default;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_modelModel) {
+      modelEntitySchemas = _modelModel.modelEntitySchemas;
     }],
     execute: function () {
       styled.css`
@@ -114,6 +120,14 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-con
     border: solid 1px lightgray;
     border-radius: 10px;
 `.installGlobal("div[data-collection-editor]");
+      hasKeys = (model, schema) => {
+        for (const iterator of schema.schema.keys) {
+          if (!model[iterator.name]) {
+            return false;
+          }
+        }
+        return true;
+      };
     }
   };
 });

package/dist/common/controls/collection-editor/CollectionEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["CollectionEditor","model","collection","addPage","pageResultToItem","addItemDefaults","itemFactory","Error","editPage","label","itemRenderer","repeater","items","_a","onAddItem","__awaiter","es","app","resolve","EntityService","newItem","result","PageNavigator","pushPageForResult","then","draft","Object","assign","clone","cloner","include","x","save","copy","add","deleteItem","item","PopupService","confirm","message","title","$deleted","remove","XNode","create","Expander","isExpanded","text","AtomRepeater","presenter","Bind","c","ce","detail","footer","node","children","push","DeleteIconButton","AddIconTextButton","_export","setters","_tslib","_webAtomsCoreDistCoreXNode","default","_webAtomsWebControlsDistBasicAtomRepeater","_webAtomsWebControlsDistBasicExpander","_buttonsIconButton","_webAtomsWebControlsDistPageNavigator","_webAtomsCoreDistCoreBind","_webAtomsCoreDistWebServicesPopupService","_servicesEntityService","_webAtomsCoreDistStyleStyled","styled","execute","css","installGlobal"],"sources":["../../../../src/common/controls/collection-editor/CollectionEditor.tsx"],"sourcesContent":[null],"mappings":"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"}
+{"version":3,"names":["CollectionEditor","model","collection","addPage","pageResultToItem","addItemDefaults","itemFactory","editPage","label","itemRenderer","autoFocus","repeater","items","_a","schema","modelEntitySchemas","$type","relation","relations","find","x","name","relatedModel","create","onAddItem","__awaiter","es","app","resolve","EntityService","newItem","result","PageNavigator","pushPageForResult","then","hasKeys","draft","Object","assign","clone","cloner","include","save","copy","add","deleteItem","item","PopupService","confirm","message","title","$deleted","remove","XNode","Expander","isExpanded","text","AtomRepeater","presenter","Bind","c","ce","detail","footer","node","children","push","DeleteIconButton","AddIconTextButton","_export","setters","_tslib","_webAtomsCoreDistCoreXNode","default","_webAtomsWebControlsDistBasicAtomRepeater","_webAtomsWebControlsDistBasicExpander","_buttonsIconButton","_webAtomsWebControlsDistPageNavigator","_webAtomsCoreDistCoreBind","_webAtomsCoreDistWebServicesPopupService","_servicesEntityService","_webAtomsCoreDistStyleStyled","styled","_modelModel","execute","css","installGlobal","iterator","keys"],"sources":["../../../../src/common/controls/collection-editor/CollectionEditor.tsx"],"sourcesContent":[null],"mappings":"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"}

package/dist/common/controls/collection-editor/CollectionEditorEx.js

@@ -0,0 +1,173 @@
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/ExpressionParser", "../buttons/IconButton", "@web-atoms/web-controls/dist/PageNavigator", "@web-atoms/core/dist/core/Bind", "../../../services/EntityService", "@web-atoms/core/dist/style/styled", "../../../model/model", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, XNode, AtomRepeater, ExpressionParser, AddIconTextButton, DeleteIconButton, PageNavigator, Bind, EntityService, styled, modelEntitySchemas, AtomControl, InjectProperty, Action, CollectionEditorEx, hasKeys;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_webAtomsCoreDistCoreExpressionParser) {
+      ExpressionParser = _webAtomsCoreDistCoreExpressionParser.default;
+    }, function (_buttonsIconButton) {
+      AddIconTextButton = _buttonsIconButton.AddIconTextButton;
+      DeleteIconButton = _buttonsIconButton.DeleteIconButton;
+    }, function (_webAtomsWebControlsDistPageNavigator) {
+      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_modelModel) {
+      modelEntitySchemas = _modelModel.modelEntitySchemas;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }],
+    execute: function () {
+      styled.css`
+    margin: 10px;
+    padding: 10px;
+    border: solid 1px lightgray;
+    border-radius: 10px;
+`.installGlobal("div[data-collection-editor]");
+      hasKeys = (model, schema) => {
+        for (const iterator of schema.schema.keys) {
+          if (!model[iterator.name]) {
+            return false;
+          }
+        }
+        return true;
+      };
+      _export("default", CollectionEditorEx = class CollectionEditorEx extends AtomControl {
+        constructor(app, e = document.createElement("details")) {
+          super(app, e);
+          this.label = "";
+          this.model = null;
+          this.field = null;
+          this.pageResultToItem = null;
+          this.itemFactory = null;
+          this.addPage = null;
+          this.editPage = null;
+          this.itemRenderer = null;
+          this.autoFocus = false;
+          this.saveAfterAdd = true;
+          this.addItemDefaults = null;
+          this.schema = null;
+          this.items = [];
+          this.fieldName = null;
+          this.relation = null;
+          this.runAfterInit(() => this.app.runAsync(() => this.init()));
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const fieldName = ExpressionParser.parsePath(this.field)[0][0];
+            this.fieldName = fieldName;
+            const fx = () => {
+              var _a;
+              var _b, _c;
+              return (_a = (_b = this.model)[_c = this.fieldName]) !== null && _a !== void 0 ? _a : _b[_c] = [];
+            };
+            fx.toString = () => `() => this.model.${this.fieldName}`;
+            this.renderer = XNode.create("details", {
+              "data-border": "frame",
+              open: true,
+              items: Bind.oneWay(fx),
+              schema: Bind.oneWay(() => modelEntitySchemas[this.model.$type]),
+              relation: Bind.oneWay(() => this.schema.schema.relations.find(x => x.name === this.fieldName))
+            }, XNode.create("summary", {
+              text: Bind.oneWay(() => this.label)
+            }), XNode.create("div", null, XNode.create(AtomRepeater, {
+              presenter: Bind.presenter(c => this.repeater = c),
+              "data-layout": "data-grid",
+              "event-delete-collection-item": ce => this.deleteItem(ce.detail),
+              items: Bind.oneWay(() => this.items),
+              footer: true,
+              itemRenderer: item => {
+                const node = this.itemRenderer(item);
+                node.children.push(XNode.create("span", null, XNode.create(DeleteIconButton, {
+                  "data-click-event": "delete-collection-item"
+                })));
+                return node;
+              }
+            }), XNode.create("div", null, XNode.create(AddIconTextButton, {
+              "event-click": () => this.onAddItem(),
+              text: "Add New"
+            }))));
+          });
+        }
+        deleteItem(item) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              items,
+              repeater
+            } = this;
+            if (typeof item.$deleted === "undefined") {
+              items.remove(item);
+              return;
+            }
+            item.$deleted = true;
+            const es = repeater.app.resolve(EntityService);
+            const copy = es.cloner(item).copy;
+            yield es.save(copy);
+            items.remove(item);
+          });
+        }
+        onAddItem() {
+          var _a;
+          return __awaiter(this, void 0, void 0, function* () {
+            const {
+              repeater,
+              addPage,
+              addItemDefaults,
+              pageResultToItem,
+              itemFactory,
+              model,
+              schema
+            } = this;
+            const es = this.resolve(EntityService);
+            let newItem;
+            if (addPage) {
+              const result = yield PageNavigator.pushPageForResult(addPage, Object.assign({}, addItemDefaults !== null && addItemDefaults !== void 0 ? addItemDefaults : {}));
+              newItem = pageResultToItem ? pageResultToItem(result) : result;
+            } else {
+              newItem = (_a = itemFactory === null || itemFactory === void 0 ? void 0 : itemFactory()) !== null && _a !== void 0 ? _a : this.relation.relatedModel.create(Object.assign({}, addItemDefaults !== null && addItemDefaults !== void 0 ? addItemDefaults : {}));
+            }
+            if (!newItem) {
+              return;
+            }
+            if (newItem === null || newItem === void 0 ? void 0 : newItem.then) {
+              newItem = yield newItem;
+            }
+            if (hasKeys(model, schema) && this.saveAfterAdd) {
+              const draft = Object.assign(Object.assign({}, model), {
+                [this.fieldName]: [newItem]
+              });
+              let clone = es.cloner(draft);
+              clone = clone.include(x => x[this.fieldName]);
+              yield es.save(clone.copy);
+            }
+            repeater.items.add(newItem);
+          });
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", EntityService)], CollectionEditorEx.prototype, "entityService", void 0);
+      __decorate([Action({
+        confirm: "Are you sure you want to delete this?",
+        confirmTitle: "Confirm Delete"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], CollectionEditorEx.prototype, "deleteItem", null);
+      __decorate([Action({}), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], CollectionEditorEx.prototype, "onAddItem", null);
+    }
+  };
+});
+//# sourceMappingURL=CollectionEditorEx.js.map

package/dist/common/controls/collection-editor/CollectionEditorEx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CollectionEditorEx","hasKeys","_export","setters","_tslib","XNode","_webAtomsCoreDistCoreXNode","default","_webAtomsWebControlsDistBasicAtomRepeater","AtomRepeater","_webAtomsCoreDistCoreExpressionParser","ExpressionParser","_buttonsIconButton","AddIconTextButton","DeleteIconButton","_webAtomsWebControlsDistPageNavigator","PageNavigator","_webAtomsCoreDistCoreBind","Bind","_servicesEntityService","EntityService","_webAtomsCoreDistStyleStyled","styled","_modelModel","modelEntitySchemas","_webAtomsCoreDistWebControlsAtomControl","AtomControl","_webAtomsCoreDistCoreInjectProperty","InjectProperty","_webAtomsCoreDistViewModelAction","Action","execute","css","installGlobal","model","schema","iterator","keys","name","constructor","app","e","document","createElement","label","field","pageResultToItem","itemFactory","addPage","editPage","itemRenderer","autoFocus","saveAfterAdd","addItemDefaults","items","fieldName","relation","runAfterInit","runAsync","init","parsePath","fx","_a","_b","_c","toString","renderer","create","open","oneWay","$type","relations","find","x","text","presenter","c","repeater","ce","deleteItem","detail","footer","item","node","children","push","event-click","onAddItem","$deleted","remove","es","resolve","copy","cloner","save","newItem","result","pushPageForResult","Object","assign","relatedModel","then","draft","clone","include","add","__decorate","confirm","confirmTitle"],"sources":["../../../../src/common/controls/collection-editor/CollectionEditorEx.tsx"],"sourcesContent":[null],"mappings":"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"}

package/dist/common/controls/reference-editor/ReferenceEditor.d.ts

@@ -0,0 +1,38 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import { CancelToken } from "@web-atoms/core/dist/core/types";
+import Query from "@web-atoms/entity/dist/services/Query";
+export default class ReferenceEditor<T = any, TR = any> extends AtomControl {
+    label: string;
+    model: T;
+    field: (x: T) => TR;
+    searchQuery: (q: Query<TR>, searchText: string) => Query<TR>;
+    cacheVersion: string;
+    cacheSeconds: number;
+    editModelPage: any;
+    addNewDefaults: Partial<TR>;
+    ["event-reference-updated"]: (ce: CustomEvent<TR>) => any;
+    private reference;
+    private fieldName;
+    private search;
+    private suggestions;
+    private relation;
+    private entityService;
+    private schema;
+    private showSearch;
+    private hasFocus;
+    constructor(app: any, e: any);
+    itemRenderer: (x: TR) => XNode;
+    suggestionRenderer: (x: TR) => XNode;
+    onAddNew: (search: string) => Promise<TR>;
+    init(): Promise<void>;
+    queryItems(start: any, search: string, cancelToken: CancelToken, showSearch: any): Promise<import("@web-atoms/entity/dist/models/IPagedList").default<TR>> | {
+        items: any[];
+        total: number;
+    };
+    addNew(): Promise<void>;
+    clearModel(): Promise<any>;
+    hasAllKeys(): boolean;
+    selectSuggestion(item: any): void;
+}
+//# sourceMappingURL=ReferenceEditor.d.ts.map

package/dist/common/controls/reference-editor/ReferenceEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceEditor.d.ts","sourceRoot":"","sources":["../../../../src/common/controls/reference-editor/ReferenceEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AASpD,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAK5E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,KAAK,MAAM,uCAAuC,CAAC;AA4B1D,MAAM,CAAC,OAAO,OAAO,eAAe,CAAC,CAAC,GAAG,GAAG,EAAE,EAAE,GAAG,GAAG,CAAE,SAAQ,WAAW;IAEhE,KAAK,EAAE,MAAM,CAAM;IAEnB,KAAK,EAAE,CAAC,CAAQ;IAEhB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAQ;IAE3B,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,KAAK,CAAC,EAAE,CAAC,CAAQ;IAEpE,YAAY,SAAQ;IAEpB,YAAY,SAAM;IAGlB,aAAa,EAAE,GAAG,CAAQ;IAE1B,cAAc,EAAE,OAAO,CAAC,EAAE,CAAC,CAAM;IAEjC,CAAC,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC;IAEjE,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,QAAQ,CAAmB;IAGnC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,QAAQ,CAAS;gBAEb,GAAG,KAAA,EAAE,CAAC,KAAA;IAKX,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,KAAK,CAA2E;IACzG,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,KAAK,CAA+B;IACnE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,EAAE,CAAC,CAAwG;IAElJ,IAAI;IAqEV,UAAU,CAAC,KAAK,KAAA,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,KAAA;;;;IAmBhE,MAAM;IAKN,UAAU,IAAI,OAAO,CAAC,GAAG,CAAC;IAwBhC,UAAU;IAcV,gBAAgB,CAAC,IAAI,KAAA;CAUxB"}

package/dist/common/controls/reference-editor/ReferenceEditor.js

@@ -0,0 +1,226 @@
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/web-controls/dist/PageNavigator", "@web-atoms/core/dist/core/Bind", "../../../services/EntityService", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/core/ExpressionParser", "../../../model/model", "@web-atoms/core/dist/core/InjectProperty", "../repeater/InfiniteRepeater", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, XNode, AtomRepeater, PageNavigator, Bind, EntityService, styled, AtomControl, ExpressionParser, modelEntitySchemas, InjectProperty, InfiniteRepeater, Action, ReferenceEditor;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsWebControlsDistBasicAtomRepeater) {
+      AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
+    }, function (_webAtomsWebControlsDistPageNavigator) {
+      PageNavigator = _webAtomsWebControlsDistPageNavigator.default;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_servicesEntityService) {
+      EntityService = _servicesEntityService.default;
+    }, function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistCoreExpressionParser) {
+      ExpressionParser = _webAtomsCoreDistCoreExpressionParser.default;
+    }, function (_modelModel) {
+      modelEntitySchemas = _modelModel.modelEntitySchemas;
+    }, function (_webAtomsCoreDistCoreInjectProperty) {
+      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
+    }, function (_repeaterInfiniteRepeater) {
+      InfiniteRepeater = _repeaterInfiniteRepeater.default;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
+    }],
+    execute: function () {
+      styled.css`
+
+    position: relative;
+    overflow: visible !important;
+
+    & .model {
+
+        position: relative;
+        overflow: visible !important;
+
+    }
+
+    & .suggestions {
+        position: absolute;
+        background-color: canvas;
+        padding: 10px;
+        border: solid 1px lightgray;
+        top: 2rem;
+        border-radius: 10px;
+        z-index: 40000;
+    }
+
+`.installGlobal("[data-reference-editor=reference-editor]");
+      _export("default", ReferenceEditor = class ReferenceEditor extends AtomControl {
+        constructor(app, e) {
+          super(app, e);
+          this.label = "";
+          this.model = null;
+          this.field = null;
+          this.searchQuery = null;
+          this.cacheVersion = "c1";
+          this.cacheSeconds = 15;
+          this.editModelPage = null;
+          this.addNewDefaults = {};
+          this.reference = null;
+          this.fieldName = null;
+          this.search = "";
+          this.suggestions = null;
+          this.relation = null;
+          this.schema = null;
+          this.showSearch = false;
+          this.hasFocus = false;
+          this.itemRenderer = () => XNode.create("div", {
+            title: "Setup Item Renderer to customize view",
+            text: "Model"
+          });
+          this.suggestionRenderer = x => this.itemRenderer(x);
+          this.onAddNew = search => PageNavigator.pushPageForResult(this.editModelPage, Object.assign({
+            search
+          }, this.addNewDefaults));
+          this.runAfterInit(() => this.app.runAsync(() => this.init()));
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const fieldName = ExpressionParser.parsePath(this.field)[0][0];
+            this.fieldName = fieldName;
+            const renderModel = (renderer, model) => XNode.create("div", {
+              class: "model",
+              "data-border": "frame",
+              "data-padding": "auto",
+              "data-layout": "vertical-flex-stretch-items"
+            }, XNode.create("div", {
+              "data-layout": "row"
+            }, XNode.create("label", {
+              text: Bind.oneWay(() => this.label)
+            }), model && renderer(model), model && XNode.create("i", {
+              "event-click": () => this.clearModel(),
+              title: "Clear",
+              "data-cursor": "pointer",
+              "data-color": "red",
+              class: "fas fa-times-circle"
+            }), !model && XNode.create("input", {
+              type: "search",
+              placeholder: `Search ${this.label}`,
+              "event-focus": () => this.hasFocus = true,
+              "event-blur": () => setTimeout(() => this.hasFocus = false, 250),
+              value: Bind.twoWaysImmediate(() => this.search)
+            })), !model && XNode.create("div", {
+              class: "suggestions",
+              "style-display": Bind.oneWay(() => this.showSearch)
+            }, XNode.create("div", null, XNode.create("div", {
+              "style-max-height": "200px",
+              "data-overflow-y": "auto"
+            }, XNode.create(AtomRepeater, Object.assign({
+              "data-layout": "data-grid",
+              "data-list-selection": "default",
+              "data-click-event": "select-suggestion",
+              items: this.suggestions
+            }, InfiniteRepeater.pagedItems(start => (c, e, cancelToken) => this.queryItems(start, this.search, cancelToken, this.showSearch)), {
+              itemRenderer: this.suggestionRenderer
+            }))), XNode.create("div", {
+              "data-layout": "row",
+              "data-cursor": "pointer",
+              "event-click": () => this.addNew()
+            }, XNode.create("i", {
+              class: "fas fa-plus"
+            }), "Add New"))));
+            const fx = () => this.model[this.fieldName];
+            fx.toString = () => `() => this.model.${fieldName}`;
+            this.renderer = XNode.create("div", {
+              "data-reference-editor": "reference-editor",
+              reference: Bind.oneWay(fx),
+              schema: Bind.oneWay(() => modelEntitySchemas[this.model.$type]),
+              relation: Bind.oneWay(() => this.schema.schema.relations.find(x => x.name === this.fieldName)),
+              renderer: Bind.oneWay(() => renderModel(this.itemRenderer, this.reference)),
+              showSearch: Bind.oneWay(() => this.hasFocus || this.search ? true : false)
+            });
+          });
+        }
+        queryItems(start, search, cancelToken, showSearch) {
+          if (!showSearch) {
+            return {
+              items: [],
+              total: 0
+            };
+          }
+          let q = this.entityService.query(this.relation.relatedModel);
+          q = this.searchQuery(q, search);
+          const {
+            cacheVersion,
+            cacheSeconds
+          } = this;
+          return q.toPagedList({
+            start,
+            size: 10,
+            cacheSeconds,
+            cacheVersion,
+            cancelToken
+          });
+        }
+        addNew() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.showSearch = false;
+            const model = yield this.onAddNew(this.search);
+          });
+        }
+        clearModel() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.model[this.fieldName] = null;
+            const relation = this.relation;
+            if (!relation.isInverse) {
+              this.model[relation.fkMap[0].fk] = null;
+            }
+            if (!this.hasAllKeys()) {
+              this.element.dispatchEvent(new CustomEvent("referenceUpdated", {
+                detail: null
+              }));
+              return;
+            }
+            yield this.entityService.save(this.model, c => c);
+            this.element.dispatchEvent(new CustomEvent("referenceUpdated", {
+              detail: null
+            }));
+          });
+        }
+        hasAllKeys() {
+          const {
+            schema,
+            model
+          } = this;
+          if (!model) {
+            return;
+          }
+          for (const key of schema.schema.keys) {
+            if (!model[key.name]) {
+              return false;
+            }
+          }
+          return schema.schema.keys.length > 0;
+        }
+        selectSuggestion(item) {
+          const {
+            relation,
+            model
+          } = this;
+          model[this.fieldName] = item;
+          model[relation.fkMap[0].fk] = item[relation.fkMap[0].relatedKey];
+          this.element.dispatchEvent(new CustomEvent("referenceUpdated", {
+            detail: item
+          }));
+        }
+      });
+      __decorate([InjectProperty, __metadata("design:type", EntityService)], ReferenceEditor.prototype, "entityService", void 0);
+      __decorate([Action({
+        onEvent: "select-suggestion"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], ReferenceEditor.prototype, "selectSuggestion", null);
+    }
+  };
+});
+//# sourceMappingURL=ReferenceEditor.js.map