@esri/solutions-components 0.10.14 → 0.10.16

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 (36) hide show
  1. package/dist/cjs/calcite-flow_6.cjs.entry.js +3 -4
  2. package/dist/cjs/crowdsource-reporter.cjs.entry.js +4 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/map-select-tools_3.cjs.entry.js +11 -1
  5. package/dist/cjs/public-notification.cjs.entry.js +4 -2
  6. package/dist/cjs/solutions-components.cjs.js +1 -1
  7. package/dist/collection/components/create-feature/create-feature.js +3 -4
  8. package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +38 -2
  9. package/dist/collection/components/map-select-tools/map-select-tools.js +47 -1
  10. package/dist/collection/components/public-notification/public-notification.js +40 -2
  11. package/dist/collection/demos/crowdsource-reporter.html +63 -113
  12. package/dist/components/create-feature2.js +3 -4
  13. package/dist/components/crowdsource-reporter.js +6 -2
  14. package/dist/components/map-select-tools2.js +13 -1
  15. package/dist/components/public-notification.js +6 -2
  16. package/dist/esm/calcite-flow_6.entry.js +3 -4
  17. package/dist/esm/crowdsource-reporter.entry.js +4 -2
  18. package/dist/esm/loader.js +1 -1
  19. package/dist/esm/map-select-tools_3.entry.js +11 -1
  20. package/dist/esm/public-notification.entry.js +4 -2
  21. package/dist/esm/solutions-components.js +1 -1
  22. package/dist/solutions-components/demos/crowdsource-reporter.html +63 -113
  23. package/dist/solutions-components/p-2737e44e.entry.js +17 -0
  24. package/dist/solutions-components/p-5907d17d.entry.js +6 -0
  25. package/dist/solutions-components/p-c5e05351.entry.js +6 -0
  26. package/dist/solutions-components/p-f0a23f46.entry.js +6 -0
  27. package/dist/solutions-components/solutions-components.esm.js +1 -1
  28. package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +8 -0
  29. package/dist/types/components/map-select-tools/map-select-tools.d.ts +8 -0
  30. package/dist/types/components/public-notification/public-notification.d.ts +8 -0
  31. package/dist/types/components.d.ts +48 -0
  32. package/package.json +1 -1
  33. package/dist/solutions-components/p-31f7dd8e.entry.js +0 -6
  34. package/dist/solutions-components/p-40e305b4.entry.js +0 -17
  35. package/dist/solutions-components/p-4d44410b.entry.js +0 -6
  36. package/dist/solutions-components/p-abd3e579.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
  //
@@ -685,7 +685,7 @@ const CreateFeature = class {
685
685
  this._editor.viewModel.addHandles(attachmentHandle);
686
686
  //Add handle to watch featureTemplatesViewModel ready state and then start the creation
687
687
  const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
688
- if (state === 'ready') {
688
+ if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
689
689
  this.progressStatus.emit(0.5);
690
690
  this._editorLoading = true;
691
691
  }
@@ -706,7 +706,6 @@ const CreateFeature = class {
706
706
  const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
707
707
  if (state === 'creating-features') {
708
708
  this._mapViewContainer?.classList?.replace("hide-map", "show-map");
709
- this._editorLoading = true;
710
709
  this._showSearchWidget = true;
711
710
  }
712
711
  });
@@ -717,7 +716,7 @@ const CreateFeature = class {
717
716
  * @protected
718
717
  */
719
718
  async startCreate() {
720
- // hides the header elements on template picker page
719
+ // hides the header elements on template picker page
721
720
  await this.hideEditorsElements();
722
721
  return new Promise((resolve, reject) => {
723
722
  if (this._editor.viewModel.featureTemplatesViewModel.items?.length) {
@@ -22,6 +22,8 @@ const CrowdsourceReporter = class {
22
22
  index.registerInstance(this, hostRef);
23
23
  this.togglePanel = index.createEvent(this, "togglePanel", 7);
24
24
  this.center = undefined;
25
+ this.commentButtonText = undefined;
26
+ this.commentSubmittedMessage = undefined;
25
27
  this.defaultWebmap = "";
26
28
  this.description = undefined;
27
29
  this.enableAnonymousAccess = undefined;
@@ -289,7 +291,7 @@ const CrowdsourceReporter = class {
289
291
  */
290
292
  render() {
291
293
  const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
292
- return (index.h(index.Host, { key: '57ea463ae2d3eac3a23e63ed8702f5fde3743e09' }, this._reportSubmitted && index.h("calcite-alert", { key: '4082ad71fa4d6c3a01ec0ac6477e81b3d3bc40e1', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '9e042989b10a7d68347b7f34b9f31957ede3ca37', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && index.h("calcite-alert", { key: '573dc6a472b00191a1822c95ba0ee2192c486612', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, index.h("div", { key: 'f3799e01a09ccbeec651762833783d3200729f1b', slot: "title" }, this._translations.error), index.h("div", { key: 'cd80f9a2c8df9a4c7b5b517a9e98ce4622e230c2', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && index.h("calcite-alert", { key: '1137ce7794f36419d20a5b5d2d1f390e72713155', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '24a0604c3be1cab965c48ab46435c349a7d67f65', slot: "message" }, this._translations.commentSubmittedMsg)), this._addingCommentFailed && index.h("calcite-alert", { key: '86112e4c449e1061fa436822670dc93cb3bfe949', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, index.h("div", { key: '94be8a14c1bf22127f8018dfe3a92304870ce70d', slot: "title" }, this._translations.error), index.h("div", { key: '6b30463e2ee941834fcad93e4cbe32e5a65d592d', slot: "message" }, this._translations.addingCommentFailedMsg)), index.h("div", { key: '9b928eab61af6ed84a0059dbc04c633c131f879b' }, index.h("calcite-shell", { key: 'e07ac5d7d6d8e8c8fd0001586448ab13733e2ed5', "content-behind": true }, this._getReporter()))));
294
+ return (index.h(index.Host, { key: '712bd9d383d112b8e86832adc5026780ed5b6a21' }, this._reportSubmitted && index.h("calcite-alert", { key: '4f355784741e72c1cdd13b6e36d77ff05680e147', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '1a529422b45de78ff1a97ff71a616d39e33736fe', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && index.h("calcite-alert", { key: '02722111a22c5c9da25a20cd77daae0d16c4829e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, index.h("div", { key: '94725b928eb5200f8b114d565f1eef551b1f8472', slot: "title" }, this._translations.error), index.h("div", { key: '362ab693984413822e85b50945cbff5633798dec', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && index.h("calcite-alert", { key: '74b1287b952b7e9d9406b8cc08ce85fa6ee124b2', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '1ebed2836d95fc7d3dc79e26acb60645b6c8300f', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && index.h("calcite-alert", { key: '62428d3d20b754200c6390880b7067d262008d3d', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, index.h("div", { key: '78593f816ca80583b062b90fc796dd9e54ed7344', slot: "title" }, this._translations.error), index.h("div", { key: '5d45971a4f8c26f34e87e2985e9252932e6d90ac', slot: "message" }, this._translations.addingCommentFailedMsg)), index.h("div", { key: '0a7d3e35e62a9955c8cb16b6e1f4435c11b8b11d' }, index.h("calcite-shell", { key: 'e8f9b57f6906a3e9c8960cdf722db2dc253dd454', "content-behind": true }, this._getReporter()))));
293
295
  }
294
296
  //--------------------------------------------------------------------------
295
297
  //
@@ -791,7 +793,7 @@ const CrowdsourceReporter = class {
791
793
  getFeatureDetailsFlowItem() {
792
794
  const showCommentBtn = this._getLayersConfig(this._selectedLayerId)?.comment && this._selectedLayer.relationships.length > 0;
793
795
  return (index.h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), index.h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "share-node", embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, removePopoverOffset: true, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), index.h("calcite-panel", null, index.h("feature-details", { class: 'full-height', graphics: this._selectedFeature, layerItemsHash: this._layerItemsHash, mapView: this.mapView, onCommentSelect: this.onCommentSelectFromList.bind(this), onFeatureSelectionChange: this.selectionChanged.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions, showUserImageInCommentsList: this.showUserImageInCommentsList }), showCommentBtn &&
794
- index.h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
796
+ index.h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this.commentButtonText || this._translations.comment))));
795
797
  }
796
798
  /**
797
799
  * Returns the pagination for the multiple features