@esri/solutions-components 0.0.2 → 0.0.4

package/dist/collection/components/solution-configuration/solution-configuration.js

@@ -21,6 +21,8 @@
 import { Component, Element, h, Host, Listen, Method, Prop, State } from '@stencil/core';
 import * as utils from '../../utils/templates';
 import state from '../../utils/editStore';
+import { save } from '../../utils/common';
+import { cloneObject, getItemDataAsJson, getProp, setProp, setCreateProp } from '@esri/solution-common';
 import '@esri/calcite-components';
 export class SolutionConfiguration {
   constructor() {
@@ -51,10 +53,18 @@ export class SolutionConfiguration {
       properties: {},
       type: ""
     };
+    /**
+     * Contains the current solution item id
+     */
+    this.itemid = "";
     /**
      * Used to show/hide the content tree
      */
     this.treeOpen = true;
+    /**
+    * Contains the current solution item id
+    */
+    this.sourceItemData = {};
   }
   //--------------------------------------------------------------------------
   //
@@ -62,9 +72,10 @@ export class SolutionConfiguration {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    this._initTemplatesObserver();
+    this._initObserver();
   }
   render() {
+    const wkid = getProp(state.spatialReferenceInfo, "spatialReference.wkid");
     return (h(Host, null,
       h("div", { class: "configuration-container" },
         h("div", { class: "configuration" },
@@ -75,13 +86,13 @@ export class SolutionConfiguration {
             h("calcite-tab", { active: true, class: "config-tab" },
               h("div", { class: "config-solution" },
                 h("div", { class: this.treeOpen ? "config-inventory" : "config-inventory-hide" },
-                  h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, translations: this.translations, value: this.value.contents })),
+                  h("solution-contents", { id: "configInventory", key: `${this.itemid}-contents`, translations: this.translations, value: this.value.contents })),
                 h("calcite-button", { appearance: "transparent", class: "collapse-btn", "icon-start": this.treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this.translations.cancelEdits }),
                 h("div", { class: "config-item" },
-                  h("solution-item", { key: `${this.solutionItemId}-item`, organizationVariables: this._organizationVariables, solutionVariables: this._solutionVariables, translations: this.translations, value: this.item })))),
+                  h("solution-item", { key: `${this.itemid}-item`, organizationVariables: this._organizationVariables, solutionVariables: this._solutionVariables, translations: this.translations, value: this.item })))),
             h("calcite-tab", { class: "config-tab" },
               h("div", { class: "config-solution" },
-                h("solution-spatial-ref", { id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref`, services: state.featureServices, translations: this.translations }))))))));
+                h("solution-spatial-ref", { defaultWkid: wkid, id: "configure-solution-spatial-ref", key: `${this.itemid}-spatial-ref`, locked: !wkid, services: state.featureServices.map(fs => fs.name), translations: this.translations }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -107,22 +118,32 @@ export class SolutionConfiguration {
   async getSpatialReferenceInfo() {
     return Promise.resolve(state.spatialReferenceInfo);
   }
+  async getSourceTemplates() {
+    return Promise.resolve(this.templates);
+  }
+  async save() {
+    return Promise.resolve(this._save());
+  }
   //--------------------------------------------------------------------------
   //
   //  Private Methods
   //
   //--------------------------------------------------------------------------
   /**
-   * Observe changes to the templates prop
+   * Observe changes to the props
    */
-  _initTemplatesObserver() {
+  _initObserver() {
     this._templatesObserver = new MutationObserver(ml => {
       ml.some(mutation => {
-        if (mutation.type === 'attributes' && mutation.attributeName === "templates" &&
-          mutation.target[mutation.attributeName] !== mutation.oldValue) {
-          const v = JSON.parse(mutation.target[mutation.attributeName]);
-          this._initProps(v);
-          this._initState(v);
+        const v = mutation.target[mutation.attributeName];
+        if (mutation.type === 'attributes' && mutation.attributeName === "itemid" && v && v !== mutation.oldValue) {
+          // eslint-disable-next-line @typescript-eslint/no-floating-promises
+          getItemDataAsJson(v, this.authentication).then(data => {
+            this.sourceItemData = data;
+            this.templates = data.templates;
+            this._initProps(this.templates);
+            this._initState(this.templates);
+          });
           return true;
         }
       });
@@ -135,7 +156,7 @@ export class SolutionConfiguration {
   _initState(v) {
     state.models = utils.getModels(v);
     state.featureServices = utils.getFeatureServices(v);
-    state.spatialReferenceInfo = utils.getSpatialReferenceInfo(state.featureServices);
+    state.spatialReferenceInfo = utils.getSpatialReferenceInfo(state.featureServices, this.sourceItemData);
     this.modelsSet = true;
   }
   /**
@@ -160,6 +181,143 @@ export class SolutionConfiguration {
   _toggleTree() {
     this.treeOpen = !this.treeOpen;
   }
+  /**
+   * Save all edits from the current configuration
+   *
+   * @returns a response that will indicate success or failure and any associated messages
+   */
+  async _save() {
+    const templateUpdates = await this._updateTemplates();
+    const data = this._setSrInfo(templateUpdates.templates);
+    return templateUpdates.errors.length === 0 ? save(this.itemid, data, this.authentication, this.translations, "") : {
+      success: false,
+      message: `The following templates have errors: ${templateUpdates.errors.join(", ")}`
+    };
+  }
+  /**
+   * Update the solutions templates based on the stored changes
+   *
+   * @returns an object that contains the updated templates as well as any errors that were found
+   */
+  async _updateTemplates() {
+    const errors = [];
+    const models = await this.getEditModels();
+    let templates = cloneObject(this.templates);
+    Object.keys(models).forEach(k => {
+      const m = models[k];
+      templates = templates.map(t => {
+        if (t.itemId === m.itemId) {
+          this._setItem(t, m);
+          const hasDataError = this._setData(t, m);
+          const hasPropError = this._setProps(t, m);
+          if (hasDataError || hasPropError) {
+            errors.push(m.itemId);
+          }
+        }
+        return t;
+      });
+    });
+    errors.concat(window.monaco.editor.getModelMarkers({}));
+    return Promise.resolve({
+      templates,
+      errors
+    });
+  }
+  /**
+   * Set a templates data property with changes from the models
+   *
+   * @param template the current template to update
+   * @param model the corresponding model for the current template (stores any user changes)
+   *
+   * @returns a boolean that indicates if any errors were detected
+   */
+  _setData(template, model) {
+    return this._setTemplateProp(template, model.dataOriginValue, model.dataModel.getValue(), "data");
+  }
+  /**
+   * Set a templates properties property with changes from the models
+   *
+   * @param template the current template to update
+   * @param model the corresponding model for the current template (stores any user changes)
+   *
+   * @returns a boolean that indicates if any errors were detected
+   */
+  _setProps(template, model) {
+    return this._setTemplateProp(template, model.propsOriginValue, model.propsModel.getValue(), "properties");
+  }
+  /**
+   * Generic function used to set properties or data property on a given template
+   *
+   * @param template the current template to update
+   * @param originValue the original value from the solution template
+   * @param modelValue the current value from the model (will contain any edits that have been made)
+   * @param path the path to the property we should update if any changes are found
+   *
+   * @returns a boolean that indicates if any errors were detected
+   */
+  _setTemplateProp(template, originValue, modelValue, path) {
+    let hasError = false;
+    try {
+      const _originValue = JSON.parse(originValue);
+      const _modelValue = JSON.parse(modelValue);
+      if (_originValue && _modelValue && (JSON.stringify(_originValue) !== JSON.stringify(_modelValue))) {
+        setProp(template, path, _modelValue);
+      }
+    }
+    catch (e) {
+      console.error(e);
+      hasError = true;
+    }
+    return hasError;
+  }
+  /**
+   * Set a templates item property with changes from the models
+   *
+   * @param template the current template to update
+   * @param model the corresponding model for the current template (stores any user changes)
+   *
+   * This function will update the template argument when edits are found
+   */
+  _setItem(template, model) {
+    if (model.updateItemValues && Object.keys(model.updateItemValues).length > 0) {
+      Object.keys(model.updateItemValues).forEach(k => {
+        template.item[k] = model.updateItemValues[k];
+      });
+    }
+  }
+  /**
+   * Set spatial reference info in the solutions data
+   *
+   * @returns a cloned copy of the solutions data that has been updated with spatial reference info
+   *
+   */
+  _setSrInfo(templates) {
+    const srInfo = state.spatialReferenceInfo;
+    const serviceEnabled = typeof (srInfo === null || srInfo === void 0 ? void 0 : srInfo.services) === 'undefined' ?
+      false : Object.keys(srInfo.services).some(k => srInfo.services[k]);
+    const data = cloneObject(this.sourceItemData);
+    data.templates = templates;
+    if (srInfo && srInfo.enabled && serviceEnabled) {
+      const wkid = srInfo.spatialReference.wkid.toString();
+      const wkidParam = {
+        "label": "Spatial Reference",
+        "default": wkid,
+        "valueType": "spatialReference",
+        "attributes": {
+          "required": "true"
+        }
+      };
+      const params = getProp(data, "params");
+      const hasWkid = params && params.wkid;
+      setCreateProp(data, hasWkid ? "params.wkid.default" : "params.wkid", hasWkid ? wkid : params ? wkidParam : wkid);
+    }
+    else if (!srInfo.enabled) {
+      if (getProp(data, "params.wkid")) {
+        delete (data.params.wkid);
+      }
+    }
+    return data;
+  }
   static get is() { return "solution-configuration"; }
   static get originalStyleUrls() { return {
     "$": ["solution-configuration.css"]
@@ -168,6 +326,26 @@ export class SolutionConfiguration {
     "$": ["solution-configuration.css"]
   }; }
   static get properties() { return {
+    "authentication": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "UserSession",
+        "resolved": "UserSession",
+        "references": {
+          "UserSession": {
+            "location": "import",
+            "path": "@esri/solution-common"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Credentials for requests"
+      }
+    },
     "translations": {
       "type": "any",
       "mutable": true,
@@ -194,7 +372,8 @@ export class SolutionConfiguration {
         "resolved": "ISolutionConfiguration",
         "references": {
           "ISolutionConfiguration": {
-            "location": "local"
+            "location": "import",
+            "path": "../../utils/interfaces"
           }
         }
       },
@@ -207,11 +386,11 @@ export class SolutionConfiguration {
       "defaultValue": "{\r\n    contents: []\r\n  }"
     },
     "templates": {
-      "type": "string",
+      "type": "unknown",
       "mutable": true,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "any[]",
+        "resolved": "any[]",
         "references": {}
       },
       "required": false,
@@ -219,9 +398,7 @@ export class SolutionConfiguration {
       "docs": {
         "tags": [],
         "text": "Contains the raw templates from the solution item"
-      },
-      "attribute": "templates",
-      "reflect": true
+      }
     },
     "item": {
       "type": "unknown",
@@ -232,7 +409,7 @@ export class SolutionConfiguration {
         "references": {
           "ISolutionItem": {
             "location": "import",
-            "path": "../solution-item/solution-item"
+            "path": "../../utils/interfaces"
           }
         }
       },
@@ -244,7 +421,7 @@ export class SolutionConfiguration {
       },
       "defaultValue": "{\r\n    itemId: \"\",\r\n    itemDetails: {},\r\n    isResource: false,\r\n    data: {},\r\n    properties: {},\r\n    type: \"\"\r\n  }"
     },
-    "solutionItemId": {
+    "itemid": {
       "type": "string",
       "mutable": true,
       "complexType": {
@@ -258,8 +435,9 @@ export class SolutionConfiguration {
         "tags": [],
         "text": "Contains the current solution item id"
       },
-      "attribute": "solution-item-id",
-      "reflect": false
+      "attribute": "itemid",
+      "reflect": true,
+      "defaultValue": "\"\""
     },
     "treeOpen": {
       "type": "boolean",
@@ -278,6 +456,24 @@ export class SolutionConfiguration {
       "attribute": "tree-open",
       "reflect": false,
       "defaultValue": "true"
+    },
+    "sourceItemData": {
+      "type": "any",
+      "mutable": true,
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Contains the current solution item id"
+      },
+      "attribute": "source-item-data",
+      "reflect": false,
+      "defaultValue": "{}"
     }
   }; }
   static get states() { return {
@@ -315,6 +511,38 @@ export class SolutionConfiguration {
         "text": "",
         "tags": []
       }
+    },
+    "getSourceTemplates": {
+      "complexType": {
+        "signature": "() => Promise<any>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "save": {
+      "complexType": {
+        "signature": "() => Promise<any>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<any>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "el"; }
@@ -326,4 +554,3 @@ export class SolutionConfiguration {
       "passive": false
     }]; }
 }
-//# sourceMappingURL=solution-configuration.js.map

package/dist/collection/components/solution-contents/solution-contents.js

@@ -18,7 +18,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Component, Element, Event, Host, h, Prop } from '@stencil/core';
+import { Component, Element, Event, Host, h, Prop, Watch } from '@stencil/core';
 import '@esri/calcite-components';
 export class SolutionContents {
   constructor() {
@@ -36,6 +36,11 @@ export class SolutionContents {
      */
     this.value = [];
   }
+  valueWatchHandler(v, oldV) {
+    if (v && v !== oldV && Array.isArray(v) && v.length > 0) {
+      this._treeItemSelected(v[0].solutionItem);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -112,7 +117,8 @@ export class SolutionContents {
         "resolved": "IInventoryItem[]",
         "references": {
           "IInventoryItem": {
-            "location": "local"
+            "location": "import",
+            "path": "../../utils/interfaces"
           }
         }
       },
@@ -142,5 +148,8 @@ export class SolutionContents {
       }
     }]; }
   static get elementRef() { return "el"; }
+  static get watchers() { return [{
+      "propName": "value",
+      "methodName": "valueWatchHandler"
+    }]; }
 }
-//# sourceMappingURL=solution-contents.js.map

package/dist/collection/components/solution-item/solution-item.css

@@ -38,4 +38,5 @@
 .config-tab {
   width: 100%;
   overflow-y: auto;
+  height: inherit;
 }

package/dist/collection/components/solution-item/solution-item.js

@@ -124,7 +124,8 @@ export class SolutionItem {
         "resolved": "ISolutionItem",
         "references": {
           "ISolutionItem": {
-            "location": "local"
+            "location": "import",
+            "path": "../../utils/interfaces"
           }
         }
       },
@@ -171,4 +172,3 @@ export class SolutionItem {
   }; }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=solution-item.js.map

package/dist/collection/components/solution-item-details/solution-item-details.js

@@ -21,7 +21,7 @@
 import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';
 import '@esri/calcite-components';
 import state from '../../utils/editStore';
-import { getProp } from '../../utils/common';
+import { getProp } from '@esri/solution-common';
 export class SolutionItemDetails {
   constructor() {
     //--------------------------------------------------------------------------
@@ -167,6 +167,7 @@ export class SolutionItemDetails {
       const reader = new FileReader();
       reader.onloadend = () => {
         this.thumbnail.src = reader.result;
+        this._updateStore("thumbnail", this.thumbnail.src);
       };
       reader.readAsDataURL(files[0]);
     }
@@ -245,7 +246,8 @@ export class SolutionItemDetails {
         "resolved": "IItemDetails",
         "references": {
           "IItemDetails": {
-            "location": "local"
+            "location": "import",
+            "path": "../../utils/interfaces"
           }
         }
       },
@@ -285,4 +287,3 @@ export class SolutionItemDetails {
       "passive": false
     }]; }
 }
-//# sourceMappingURL=solution-item-details.js.map

package/dist/collection/components/solution-item-icon/solution-item-icon.js

@@ -424,4 +424,3 @@ export class SolutionItemIcon {
   }; }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=solution-item-icon.js.map

package/dist/collection/components/solution-item-sharing/solution-item-sharing.js

@@ -140,7 +140,8 @@ export class SolutionItemSharing {
         "resolved": "IItemShare[]",
         "references": {
           "IItemShare": {
-            "location": "local"
+            "location": "import",
+            "path": "../../utils/interfaces"
           }
         }
       },
@@ -172,4 +173,3 @@ export class SolutionItemSharing {
   }; }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=solution-item-sharing.js.map

package/dist/collection/components/solution-organization-variables/solution-organization-variables.js

@@ -110,7 +110,8 @@ export class SolutionOrganizationVariables {
         "resolved": "IOrganizationVariableItem[]",
         "references": {
           "IOrganizationVariableItem": {
-            "location": "local"
+            "location": "import",
+            "path": "../../utils/interfaces"
           }
         }
       },
@@ -141,4 +142,3 @@ export class SolutionOrganizationVariables {
     }]; }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=solution-organization-variables.js.map

package/dist/collection/components/solution-resource-item/solution-resource-item.js

@@ -155,7 +155,8 @@ export class SolutionResourceItem {
         "resolved": "IResourceItem",
         "references": {
           "IResourceItem": {
-            "location": "local"
+            "location": "import",
+            "path": "../../utils/interfaces"
           }
         }
       },
@@ -177,4 +178,3 @@ export class SolutionResourceItem {
       "methodName": "valueWatchHandler"
     }]; }
 }
-//# sourceMappingURL=solution-resource-item.js.map