@esri/solutions-components 0.10.13 → 0.10.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/cjs/calcite-flow_6.cjs.entry.js +10 -4
  2. package/dist/cjs/card-manager_3.cjs.entry.js +2 -1
  3. package/dist/cjs/crowdsource-manager.cjs.entry.js +3 -2
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/solutions-components.cjs.js +1 -1
  6. package/dist/collection/components/card-manager/card-manager.js +19 -1
  7. package/dist/collection/components/create-feature/create-feature.js +10 -4
  8. package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +20 -2
  9. package/dist/collection/demos/crowdsource-reporter.html +63 -113
  10. package/dist/components/card-manager2.js +3 -1
  11. package/dist/components/create-feature2.js +10 -4
  12. package/dist/components/crowdsource-manager.js +4 -2
  13. package/dist/esm/calcite-flow_6.entry.js +10 -4
  14. package/dist/esm/card-manager_3.entry.js +2 -1
  15. package/dist/esm/crowdsource-manager.entry.js +3 -2
  16. package/dist/esm/loader.js +1 -1
  17. package/dist/esm/solutions-components.js +1 -1
  18. package/dist/solutions-components/demos/crowdsource-reporter.html +63 -113
  19. package/dist/solutions-components/p-8efa9edf.entry.js +6 -0
  20. package/dist/solutions-components/p-977f2314.entry.js +6 -0
  21. package/dist/solutions-components/p-f4750f05.entry.js +17 -0
  22. package/dist/solutions-components/solutions-components.esm.js +1 -1
  23. package/dist/types/components/card-manager/card-manager.d.ts +4 -0
  24. package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +4 -0
  25. package/dist/types/components.d.ts +16 -0
  26. package/package.json +1 -1
  27. package/dist/solutions-components/p-40e305b4.entry.js +0 -17
  28. package/dist/solutions-components/p-4a0d9efe.entry.js +0 -6
  29. package/dist/solutions-components/p-f7d3ef3e.entry.js +0 -6
@@ -567,7 +567,7 @@ const CreateFeature = class {
567
567
  const loaderClass = this._editorLoading ? "" : "display-none";
568
568
  const featureFormClass = this._editorLoading ? "display-none" : "";
569
569
  const mobileMapClass = this.isMobile ? "show-map" : "display-none";
570
- return (index.h(index.Fragment, { key: '47d29e529402482acf3811c37c0cd5a426ed40ed' }, index.h("calcite-loader", { key: '283b2c6a0f1722c9a8d955e11390e65e6041b247', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: 'bb596467d5da22882932259db6a9e8029717850b', class: featureFormClass, id: "feature-form" }), index.h("div", { key: 'c3887f5c5aa92efdcf588da4918933dadb87937f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), index.h("div", { key: '566069a6202053468a3cf7a221feb071491eabb4', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
570
+ return (index.h(index.Fragment, { key: 'aac8fd8fe4ba5d7fb67a2b74a86147e053c1b0b8' }, index.h("calcite-loader", { key: 'e440bd2e0f4cf5acf4fd6941ada508c8ac5a0380', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: '055a4e4b30b1fe24e0735257fa54fa9845cbaf2f', class: featureFormClass, id: "feature-form" }), index.h("div", { key: '342847f06ba99ad3c9693026bc83a8ac18b6c05f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), index.h("div", { key: '0acb837b4604d8d590bbfbcd738a3e09a099c362', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
571
571
  }
572
572
  //--------------------------------------------------------------------------
573
573
  //
@@ -671,6 +671,8 @@ const CreateFeature = class {
671
671
  }
672
672
  //Add handle to watch if attachments are added/edited
673
673
  const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
674
+ console.log(`this._editor.viewModel.state: ${state}`);
675
+ console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
674
676
  if (state === 'adding-attachment' || state === 'editing-attachment') {
675
677
  this._addingAttachment = true;
676
678
  this.editingAttachment.emit(true);
@@ -685,7 +687,9 @@ const CreateFeature = class {
685
687
  this._editor.viewModel.addHandles(attachmentHandle);
686
688
  //Add handle to watch featureTemplatesViewModel ready state and then start the creation
687
689
  const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
688
- if (state === 'ready') {
690
+ console.log(`this._editor.viewModel.featureTemplatesViewModel.state: ${state}`);
691
+ console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
692
+ if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
689
693
  this.progressStatus.emit(0.5);
690
694
  this._editorLoading = true;
691
695
  }
@@ -704,9 +708,10 @@ const CreateFeature = class {
704
708
  this._editor.viewModel.addHandles(formHandle);
705
709
  //Add handle to watch editor viewmodel state and then show the search widget
706
710
  const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
711
+ console.log(`==============================this._editor.viewModel.state: ${state}`);
707
712
  if (state === 'creating-features') {
708
713
  this._mapViewContainer?.classList?.replace("hide-map", "show-map");
709
- this._editorLoading = true;
714
+ //this._editorLoading = true;
710
715
  this._showSearchWidget = true;
711
716
  }
712
717
  });
@@ -717,7 +722,8 @@ const CreateFeature = class {
717
722
  * @protected
718
723
  */
719
724
  async startCreate() {
720
- // hides the header elements on template picker page
725
+ console.log("========================startCreate==============================");
726
+ // hides the header elements on template picker page
721
727
  await this.hideEditorsElements();
722
728
  return new Promise((resolve, reject) => {
723
729
  if (this._editor.viewModel.featureTemplatesViewModel.items?.length) {
@@ -23,6 +23,7 @@ const CardManagerStyle0 = cardManagerCss;
23
23
  const CardManager = class {
24
24
  constructor(hostRef) {
25
25
  index.registerInstance(this, hostRef);
26
+ this.customInfoText = undefined;
26
27
  this.enableEditGeometry = false;
27
28
  this.isMobile = undefined;
28
29
  this.layer = undefined;
@@ -85,7 +86,7 @@ const CardManager = class {
85
86
  render() {
86
87
  const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
87
88
  const messageClass = this._graphics?.length > 0 ? "display-none" : "";
88
- return (index.h(index.Host, { key: '0309205d485d9c7a5c558b3619a6c5ac03fcb528' }, index.h("div", { key: 'a5d291f6073b0e0a918573549c6eb29fe1d892dd', class: "overflow-auto height-full" }, index.h("calcite-shell", { key: '572b9cdf002e0c8c46e6c4bc5e2f1f8494228e93', class: "position-relative " + featuresClass }, index.h("div", { key: 'f8ba07deb9786d64f3d25011ff66ead43d809bf1' }, index.h("info-card", { key: '6eda3ab2cfa2e5fb948f5a7ddaeb6b9022aa5543', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), index.h("calcite-shell", { key: 'f32d9cfe3a41bbd7d58cdc732c8abe99b232beb7', class: "position-relative " + messageClass }, index.h("div", { key: 'b97eb023c5d57a4a8dda09467d8599166da40f3c', class: "padding-1" }, index.h("calcite-notice", { key: '23a204782bd254909e3ab803a944d10004e4954a', icon: "table", open: true }, index.h("div", { key: 'ea25078647612b8fa40e26b4474a91c853dae126', slot: "message" }, this._translations.selectFeaturesToStart)))))));
89
+ return (index.h(index.Host, { key: 'dafff11793b5ae60164964c346cbb152caceaeb9' }, index.h("div", { key: '02507fe9e1f4205fe8a9342b466f1ada849c8ed8', class: "overflow-auto height-full" }, index.h("calcite-shell", { key: '712c42c4044c1386e8bc4ff42e44f250ac4023a2', class: "position-relative " + featuresClass }, index.h("div", { key: 'f2bc47f58463506f7ea8011495b22cafb63e4f27' }, index.h("info-card", { key: '1ad1fb78dcc99a43d92ad08d4c7bbeda7c2f276d', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), index.h("calcite-shell", { key: 'fa9fcada67198c182f918b939826f1f7f19f8e5b', class: "position-relative " + messageClass }, index.h("div", { key: '0da349d1442b6375cde177780c5f868d2e32072a', class: "padding-1" }, index.h("calcite-notice", { key: 'c0e04ca03c546f90c942c2eef622fbe9c8e61227', icon: "table", open: true }, index.h("div", { key: '85e3925e725798189b16270df31c266c55391ec7', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart)))))));
89
90
  }
90
91
  //--------------------------------------------------------------------------
91
92
  //
@@ -26,6 +26,7 @@ const CrowdsourceManager = class {
26
26
  this.appProxies = undefined;
27
27
  this.basemapConfig = undefined;
28
28
  this.coverPageEnabled = undefined;
29
+ this.customInfoText = undefined;
29
30
  this.defaultCenter = "";
30
31
  this.defaultGlobalId = "";
31
32
  this.defaultLayer = "";
@@ -221,7 +222,7 @@ const CrowdsourceManager = class {
221
222
  render() {
222
223
  // only avoid border when we have a header color that is not white
223
224
  const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
224
- return (index.h(index.Host, { key: '805eb5daf8d5d7879e3404cd3c5145abf36469de' }, index.h("calcite-shell", { key: 'cb8a9037084e0ce4d32986a19a9aac9e6f407e1a', class: "position-relative" }, index.h("calcite-panel", { key: '176b6ef3c05414ec4a0582aac2d56deb21bd329f', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
225
+ return (index.h(index.Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, index.h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, index.h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
225
226
  }
226
227
  /**
227
228
  * Called after each render
@@ -444,7 +445,7 @@ const CrowdsourceManager = class {
444
445
  const isTableLayout = this.appLayout === 'tableView';
445
446
  const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
446
447
  const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
447
- return (index.h("div", { class: `width-50 height-full ${themeClass}` }, index.h("card-manager", { class: `${cardManagerHeight} width-full`, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
448
+ return (index.h("div", { class: `width-50 height-full ${themeClass}` }, index.h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
448
449
  }
449
450
  /**
450
451
  * Get the table node based for the current layout