@esri/solutions-components 0.10.13 → 0.10.15

Sign up to get free protection for your applications and to get access to all the features.
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