@esri/solutions-components 0.6.16 → 0.6.18

package/dist/collection/components/spatial-ref/test/spatial-ref.e2e.js

@@ -0,0 +1,71 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newE2EPage } from "@stencil/core/testing";
+describe('spatial-ref', () => {
+  let page;
+  beforeEach(async () => {
+    page = await newE2EPage();
+  });
+  it('renders', async () => {
+    await page.setContent('<spatial-ref/>');
+    const spatial_ref = await page.find('spatial-ref');
+    expect(spatial_ref).toHaveClass('hydrated');
+    expect(await spatial_ref.getProperty('defaultWkid')).toBe(102100);
+    expect(await spatial_ref.getProperty('value')).toBe('102100');
+  });
+  it('select first value after typing in search field', async () => {
+    await page.setContent('<spatial-ref/>');
+    const spatial_ref = await page.find('spatial-ref');
+    expect(await spatial_ref.getProperty('value')).toBe('102100');
+    const input = await page.find('calcite-input >>> input');
+    await input.focus();
+    await page.keyboard.type('wyoming');
+    await page.waitForChanges();
+    await page.keyboard.press('Enter');
+    await page.waitForChanges();
+    expect(await spatial_ref.getProperty('value')).toBe('2862');
+  });
+  xit('select tabbed-to value after typing in search field', async () => {
+    await page.setContent('<spatial-ref/>');
+    const spatial_ref = await page.find('spatial-ref');
+    expect(await spatial_ref.getProperty('value')).toBe('102100');
+    const input = await page.find('calcite-input >>> input');
+    await input.focus();
+    await page.keyboard.type('wyoming');
+    await page.waitForChanges();
+    // Enter the list of suggested projections
+    await page.keyboard.press('Tab');
+    await page.waitForChanges();
+    // And tab down to one of them
+    await page.keyboard.press('Tab');
+    await page.waitForChanges();
+    await page.keyboard.press('Tab');
+    await page.waitForChanges();
+    await page.keyboard.press('Tab');
+    await page.waitForChanges();
+    // Select it, and use second selection to make it the current projection
+    await page.keyboard.press('Enter');
+    await page.waitForChanges();
+    await page.keyboard.press('Enter');
+    await page.waitForChanges();
+    expect(await spatial_ref.getProperty('value')).toBe('2865');
+  });
+});

package/dist/collection/components/spatial-ref/test/spatial-ref.spec.js

@@ -0,0 +1,158 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as locale from "../../../utils/locale";
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { SpatialRef } from "../spatial-ref";
+describe('spatial-ref', () => {
+  beforeEach(() => {
+    jest.spyOn(locale, 'getLocaleComponentStrings').mockImplementation(() => Promise.resolve([{ "spatialReferencePlaceholder": "Search for spatial reference using name or WKID" }, "en"]));
+  });
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [SpatialRef],
+      supportsShadowDom: false,
+      template: () => (h("spatial-ref", null))
+    });
+    expect(page.root).toEqualHtml(`
+      <spatial-ref default-wkid="102100" value="102100">
+        <div>
+          <calcite-input id="calcite-sr-search" placeholder="Search for spatial reference using name or WKID"></calcite-input>
+          <calcite-tree id="calcite-sr-tree" slot="children">
+            <div class="spatial-ref-container" id="solution-wkid-container">
+              <calcite-tree-item aria-selected="" id="102100" selected="">
+                <div>
+                  WGS 1984 Web Mercator Auxiliary Sphere (102100)
+                </div>
+              </calcite-tree-item>
+            </div>
+          </calcite-tree>
+        </div>
+      </spatial-ref>
+    `);
+  });
+  it('creates description for known WKID', async () => {
+    await newSpecPage({
+      components: [SpatialRef],
+      template: () => (h("spatial-ref", null))
+    });
+    const component = document.querySelector('spatial-ref');
+    component.wkidToDisplay(4326)
+      .then(result => expect(result).toEqual('GCS WGS 1984 (4326)'));
+  });
+  it('creates description for unknown WKID', async () => {
+    await newSpecPage({
+      components: [SpatialRef],
+      template: () => (h("spatial-ref", null))
+    });
+    const component = document.querySelector('spatial-ref');
+    component.wkidToDisplay(0)
+      .then(result => expect(result).toEqual('WKID 0'));
+  });
+  it('creates description for default component value', async () => {
+    await newSpecPage({
+      components: [SpatialRef],
+      template: () => (h("spatial-ref", null))
+    });
+    const component = document.querySelector('spatial-ref');
+    component.createSpatialRefDisplay(null)
+      .then(result => {
+      expect(result.display).toEqual('WGS 1984 Web Mercator Auxiliary Sphere (102100)');
+      expect(result.usingWkid).toBeTruthy();
+      expect(result.wkid).toEqual(102100);
+      expect(result.wkt).toEqual('');
+    });
+  });
+  it('creates description for WKID component value', async () => {
+    await newSpecPage({
+      components: [SpatialRef],
+      template: () => (h("spatial-ref", null))
+    });
+    const component = document.querySelector('spatial-ref');
+    component.createSpatialRefDisplay("4151")
+      .then(result => {
+      expect(result.display).toEqual('GCS Swiss TRF 1995 (4151)');
+      expect(result.usingWkid).toBeTruthy();
+      expect(result.wkid).toEqual(4151);
+      expect(result.wkt).toEqual('');
+    });
+  });
+  it('creates description for WKT component value', async () => {
+    await newSpecPage({
+      components: [SpatialRef],
+      template: () => (h("spatial-ref", null))
+    });
+    const component = document.querySelector('spatial-ref');
+    component.createSpatialRefDisplay('PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]')
+      .then(result => {
+      expect(result.display).toEqual('PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]');
+      expect(result.usingWkid).toBeFalsy();
+      expect(result.wkid).toEqual(0);
+      expect(result.wkt).toEqual('PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]');
+    });
+  });
+  it('sets default component value', async () => {
+    await newSpecPage({
+      components: [SpatialRef],
+      template: () => (h("spatial-ref", null))
+    });
+    const component = document.querySelector('spatial-ref');
+    component.getSpatialRef()
+      .then(result => {
+      expect(result.display).toEqual('WGS 1984 Web Mercator Auxiliary Sphere (102100)');
+      expect(result.usingWkid).toBeTruthy();
+      expect(result.wkid).toEqual(102100);
+      expect(result.wkt).toEqual('');
+    });
+  });
+  it('sets WKID component value', async () => {
+    await newSpecPage({
+      components: [SpatialRef],
+      template: () => (h("spatial-ref", { value: "4151" }))
+    });
+    const component = document.querySelector('spatial-ref');
+    component.getSpatialRef()
+      .then(result => {
+      expect(result.display).toEqual('GCS Swiss TRF 1995 (4151)');
+      expect(result.usingWkid).toBeTruthy();
+      expect(result.wkid).toEqual(4151);
+      expect(result.wkt).toEqual('');
+    });
+  });
+  it('sets WKT component value', async () => {
+    const v = `PROJCS["Germany_Zone_5",GEOGCS["GCS_Deutsches_Hauptdreiecksnetz",DATUM["D_Deutsches_Hauptdreiecksnetz",SPHEROID["Bessel_1841",6377397.155,299.1528128]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",5500000.0],PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",15.0],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Meter",1.0]]`;
+    await newSpecPage({
+      components: [SpatialRef],
+      template: () => (h("spatial-ref", { value: v }))
+    });
+    const component = document.querySelector('spatial-ref');
+    component.getSpatialRef()
+      .then(result => {
+      expect(result.display).toEqual(v);
+      expect(result.usingWkid).toBeFalsy();
+      expect(result.wkid).toEqual(0);
+      expect(result.wkt).toEqual(v);
+    });
+  });
+});

package/dist/collection/demos/crowdsource-manager.html

@@ -85,6 +85,7 @@
           ...[{
             id: "ce3dec81bf714d3bb71da9691ab686d1",
             name: "Popup Configured Map",
+            // filters: {},
             // layerInfos: [{
             //   id: "Requests_681",
             //   columnTemplates: [{
@@ -122,6 +123,9 @@
           }, {
             id: "f5b01c17a09941eaad63e7b4e6c7d880",
             name: "Attachments Map"
+          }, {
+            id: "b422923b7a4c4958b9788118255f2f0a",
+            name: "Floor aware map"
           }]
         ];
       }

package/dist/collection/demos/solution-spatial-ref.html

@@ -19,44 +19,37 @@
    | See the License for the specific language governing permissions and
    | limitations under the License.
   -->
-
   <link rel="stylesheet" href="https://unpkg.com/@esri/calcite-components@1.0.0-beta.97/dist/calcite/calcite.css" type="text/css" />
   <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
   <link rel="stylesheet" href="../solutions-components.css" type="text/css">
   <style>
-  .full-height {
-    height: 100%;
-  }
+    .content {
+      padding: 20px;
+    }
+    .full-height {
+      height: calc(100% - 40px);
+    }
   </style>
-
   <script type="module" src="https://unpkg.com/@esri/calcite-components@1.0.0-beta.97/dist/calcite/calcite.esm.js"></script>
   <script type="module" src="../solutions-components.esm.js"></script>
 </head>
-
 <body>
   <h1>Demo Solution Spatial Reference</h1>
   <main id="appContainer">
     <div class="content full-height">
       <store-manager id="helper"></store-manager>
-      <solution-spatial-ref id="demo"></solution-spatial-ref>
+      <solution-spatial-ref id="demo"/>
     </div>
   </main>
 
   <script src="./libs/require.js"></script>
   <script src="./libs/setLocale.js"></script>
   <script>
-    require([],
+    require([],  // for loading i18n in setLocale
     function () {
-      // Initialize the configuration content
-      const demo = document.getElementById("demo");
-
-      window.addEventListener("stateLoaded", (r) => {
-        demo.services = r.detail.featureServices.map(fs => fs.name);
-        document.getElementById("appContainer").style.opacity = "1";
-      });
-
       fetch("./data/election-outreach.json").then(result => {
         result.json().then(data => {
+          document.getElementById("appContainer").style.opacity = "1";
           const helper = document.getElementById("helper");
           helper.value = JSON.stringify(data.templates);
         });

package/dist/collection/demos/spatial-ref.html

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+  <title>Spatial Reference</title>
+  <!--
+   | Copyright 2022 Esri
+   |
+   | Licensed under the Apache License, Version 2.0 (the "License");
+   | you may not use this file except in compliance with the License.
+   | You may obtain a copy of the License at
+   |
+   |    http://www.apache.org/licenses/LICENSE-2.0
+   |
+   | Unless required by applicable law or agreed to in writing, software
+   | distributed under the License is distributed on an "AS IS" BASIS,
+   | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   | See the License for the specific language governing permissions and
+   | limitations under the License.
+  -->
+  <link rel="stylesheet" href="https://unpkg.com/@esri/calcite-components@1.0.0-beta.97/dist/calcite/calcite.css" type="text/css" />
+  <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
+  <link rel="stylesheet" href="../solutions-components.css" type="text/css">
+  <style>
+    .content {
+      padding: 20px;
+    }
+    .full-height {
+      height: calc(100% - 40px);
+    }
+  </style>
+  <script type="module" src="https://unpkg.com/@esri/calcite-components@1.0.0-beta.97/dist/calcite/calcite.esm.js"></script>
+  <script type="module" src="../solutions-components.esm.js"></script>
+</head>
+<body>
+  <h1>Demo Spatial Reference</h1>
+  <main id="appContainer">
+    <div class="content full-height">
+      <spatial-ref id="demo"/>
+    </div>
+  </main>
+
+  <script src="./libs/require.js"></script>
+  <script src="./libs/setLocale.js"></script>
+  <script>
+    require([],  // for loading i18n in setLocale
+    function () {
+      document.getElementById("appContainer").style.opacity = "1";
+    });
+  </script>
+</body>
+</html>

package/dist/collection/utils/mapViewUtils.js

@@ -42,16 +42,7 @@ export async function getMapLayerHash(mapView, onlyShowUpdatableLayers) {
       return prev;
     }, {});
   });
-  return onlyShowUpdatableLayers ? Object.keys(layerHash).reduce(async (prev, cur) => {
-    const layer = await getLayerOrTable(mapView, cur);
-    await layer.when(() => {
-      prev[cur] = {
-        name: layerHash[cur].name,
-        supportsUpdate: layer.editingEnabled && layer.capabilities.operations.supportsUpdate
-      };
-    });
-    return prev;
-  }, {}) : layerHash;
+  return _getFinalHash(onlyShowUpdatableLayers, layerHash, mapView);
 }
 /**
  * Gets the table names from the current map
@@ -73,15 +64,37 @@ export async function getMapTableHash(mapView, onlyShowUpdatableTables) {
       return prev;
     }, {});
   });
-  return onlyShowUpdatableTables ? Object.keys(tableHash).reduce(async (prev, cur) => {
-    const item = await getLayerOrTable(mapView, cur);
-    await item.load();
-    prev[cur] = {
-      name: tableHash[cur].name,
-      supportsUpdate: item.editingEnabled && item.capabilities.operations.supportsUpdate
-    };
-    return prev;
-  }, {}) : tableHash;
+  return _getFinalHash(onlyShowUpdatableTables, tableHash, mapView);
+}
+/**
+ * Get the final hash
+ *
+ * @param onlyShowUpdatable boolean when true only layers that support editing and the update capability will be returned
+ * @param hash IMapItemHash key: layer id, values: name, supportsUpdate
+ * @param mapView the map view to fetch the layer from
+ *
+ * @returns Promise resolving with IMapItemHash
+ *
+ */
+async function _getFinalHash(onlyShowUpdatable, hash, mapView) {
+  if (onlyShowUpdatable) {
+    const editableHash = {};
+    const keys = Object.keys(hash);
+    for (let i = 0; i < keys.length; i++) {
+      const id = keys[i];
+      const layer = await getLayerOrTable(mapView, id);
+      await layer.load();
+      await layer.when();
+      editableHash[id] = {
+        name: hash[id].name,
+        supportsUpdate: layer.editingEnabled && layer.capabilities.operations.supportsUpdate
+      };
+    }
+    return editableHash;
+  }
+  else {
+    return hash;
+  }
 }
 /**
  * Get a layer view by id

package/dist/collection/utils/mapViewUtils.ts

@@ -42,17 +42,11 @@ export async function getMapLayerHash(
       return prev;
     }, {});
   });
-
-  return onlyShowUpdatableLayers ? Object.keys(layerHash).reduce(async (prev, cur) => {
-    const layer = await getLayerOrTable(mapView, cur);
-    await layer.when(() => {
-      prev[cur] = {
-        name: layerHash[cur].name,
-        supportsUpdate: layer.editingEnabled && layer.capabilities.operations.supportsUpdate
-      };
-    });
-    return prev;
-  }, {}) : layerHash;
+  return _getFinalHash(
+    onlyShowUpdatableLayers,
+    layerHash,
+    mapView
+  );
 }
 
 /**
@@ -78,16 +72,45 @@ export async function getMapTableHash(
       return prev;
     }, {});
   });
+  return _getFinalHash(
+    onlyShowUpdatableTables,
+    tableHash,
+    mapView
+  );
+}
 
-  return onlyShowUpdatableTables ? Object.keys(tableHash).reduce(async (prev, cur) => {
-    const item = await getLayerOrTable(mapView, cur);
-    await item.load();
-    prev[cur] = {
-      name: tableHash[cur].name,
-      supportsUpdate: item.editingEnabled && item.capabilities.operations.supportsUpdate
-    };
-    return prev;
-  }, {}) : tableHash;
+/**
+ * Get the final hash
+ *
+ * @param onlyShowUpdatable boolean when true only layers that support editing and the update capability will be returned
+ * @param hash IMapItemHash key: layer id, values: name, supportsUpdate
+ * @param mapView the map view to fetch the layer from
+ *
+ * @returns Promise resolving with IMapItemHash
+ *
+ */
+async function _getFinalHash(
+  onlyShowUpdatable: boolean,
+  hash: IMapItemHash,
+  mapView: __esri.MapView
+): Promise<IMapItemHash> {
+  if (onlyShowUpdatable) {
+    const editableHash = {};
+    const keys = Object.keys(hash);
+    for (let i = 0; i < keys.length; i++) {
+      const id = keys[i];
+      const layer = await getLayerOrTable(mapView, id);
+      await layer.load();
+      await layer.when();
+      editableHash[id] = {
+        name: hash[id].name,
+        supportsUpdate: layer.editingEnabled && layer.capabilities.operations.supportsUpdate
+      };
+    }
+    return editableHash;
+  } else {
+    return hash;
+  }
 }
 
 /**

package/dist/collection/utils/{templates.e2e.js → test/templates.e2e.js}

@@ -18,8 +18,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { getInventoryItems } from "./templates";
-import * as electionOutreach from "../demos/data/election-outreach.json";
+import { getInventoryItems } from "../templates";
+import * as electionOutreach from "../../demos/data/election-outreach.json";
 describe("getInventoryItems", () => {
   it("can get inventory items", () => {
     const templates = electionOutreach.templates;

package/dist/collection/utils/{templates.e2e.ts → test/templates.e2e.ts}

@@ -16,8 +16,8 @@
 
 import {
   getInventoryItems
-} from "./templates";
-import * as electionOutreach from '../demos/data/election-outreach.json';
+} from "../templates";
+import * as electionOutreach from '../../demos/data/election-outreach.json';
 
 describe("getInventoryItems", () => {
   it("can get inventory items", () => {

package/dist/components/card-manager2.js

@@ -84,7 +84,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
     var _a, _b;
     const featuresClass = ((_a = this._graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 ? "" : "display-none";
     const messageClass = ((_b = this._graphics) === null || _b === void 0 ? void 0 : _b.length) > 0 ? "display-none" : "";
-    return (h(Host, null, h("div", { class: "overflow-auto height-full" }, h("calcite-shell", { class: "position-relative " + featuresClass }, h("div", null, h("info-card", { graphics: this._graphics, isLoading: this._cardLoading, mapView: this.mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))), h("div", { class: "padding-1 " + messageClass }, h("calcite-notice", { icon: "table", open: true }, h("div", { slot: "message" }, this._translations.selectFeaturesToStart))))));
+    return (h(Host, null, h("div", { class: "overflow-auto height-full" }, h("calcite-shell", { class: "position-relative " + featuresClass }, h("div", null, h("info-card", { graphics: this._graphics, isLoading: this._cardLoading, mapView: this.mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))), h("calcite-shell", { class: "position-relative " + messageClass }, h("div", { class: "padding-1" }, h("calcite-notice", { icon: "table", open: true }, h("div", { slot: "message" }, this._translations.selectFeaturesToStart)))))));
   }
   //--------------------------------------------------------------------------
   //