@esri/solutions-components 0.8.16 → 0.8.18
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.
- package/dist/cjs/calcite-flow_6.cjs.entry.js +8 -7
- package/dist/cjs/crowdsource-manager.cjs.entry.js +2 -1
- package/dist/cjs/crowdsource-reporter.cjs.entry.js +5 -5
- package/dist/cjs/feature-list.cjs.entry.js +5 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/create-related-feature/create-related-feature.js +17 -1
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +19 -1
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.css +4 -3
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +4 -21
- package/dist/collection/components/feature-details/feature-details.js +22 -7
- package/dist/collection/components/feature-list/feature-list.js +5 -3
- package/dist/components/create-related-feature2.js +2 -1
- package/dist/components/crowdsource-manager.js +3 -1
- package/dist/components/crowdsource-reporter.js +5 -6
- package/dist/components/feature-details2.js +6 -6
- package/dist/components/feature-list2.js +5 -3
- package/dist/esm/calcite-flow_6.entry.js +8 -7
- package/dist/esm/crowdsource-manager.entry.js +2 -1
- package/dist/esm/crowdsource-reporter.entry.js +5 -5
- package/dist/esm/feature-list.entry.js +5 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/p-48c99a48.entry.js +6 -0
- package/dist/solutions-components/p-64779bb2.entry.js +6 -0
- package/dist/solutions-components/p-e6abef31.entry.js +6 -0
- package/dist/solutions-components/{p-b6d47bab.entry.js → p-f6668347.entry.js} +3 -3
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/create-related-feature/create-related-feature.d.ts +16 -0
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +6 -0
- package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +1 -6
- package/dist/types/components/feature-details/feature-details.d.ts +16 -1
- package/dist/types/components/feature-list/feature-list.d.ts +4 -0
- package/dist/types/components.d.ts +9 -9
- package/package.json +1 -1
- package/dist/solutions-components/p-22aece81.entry.js +0 -6
- package/dist/solutions-components/p-4830649e.entry.js +0 -6
- package/dist/solutions-components/p-92ed8d5d.entry.js +0 -6
|
@@ -774,7 +774,7 @@ const CreateRelatedFeature = class {
|
|
|
774
774
|
this.reactiveUtils = reactiveUtils;
|
|
775
775
|
}
|
|
776
776
|
render() {
|
|
777
|
-
return (index.h(index.Host, { key: '
|
|
777
|
+
return (index.h(index.Host, { key: '9807b7dcad1f8305756e6098f1e64ef8caffcbac' }));
|
|
778
778
|
}
|
|
779
779
|
/**
|
|
780
780
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -881,6 +881,7 @@ const CreateRelatedFeature = class {
|
|
|
881
881
|
* @param parentRelationship Parent relationship
|
|
882
882
|
* @param childRelationship Child relationship
|
|
883
883
|
* @returns Attributes for related feature
|
|
884
|
+
* @protected
|
|
884
885
|
*/
|
|
885
886
|
makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
|
|
886
887
|
const parentKeyField = parentRelationship.keyField;
|
|
@@ -1027,12 +1028,12 @@ const FeatureDetails = class {
|
|
|
1027
1028
|
var _a, _b, _c, _d, _e;
|
|
1028
1029
|
//When related features found show comments list of only those features else comments list will be empty
|
|
1029
1030
|
const commentsListWhereClause = ((_a = this._relatedFeaturesOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
|
|
1030
|
-
return (index.h("calcite-panel", { key: '
|
|
1031
|
-
index.h("div", { key: '
|
|
1032
|
-
index.h("div", { key: '
|
|
1033
|
-
index.h("calcite-button", { key: '
|
|
1034
|
-
index.h("calcite-button", { key: '
|
|
1035
|
-
index.h("feature-list", { key: '
|
|
1031
|
+
return (index.h("calcite-panel", { key: 'b8d1cc9d4d9040665be3c892f5738a179ab64eaf', "full-height": true }, index.h("info-card", { key: '0a31a068a4e80e34ba2435a7d8d8faaea271dac8', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el, zoomAndScrollToSelected: true }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
|
|
1032
|
+
index.h("div", { key: '8e27d13341a9b4ad37f87778e046a4e8e0b2778e', class: "buttons-container" }, this._commentsAvailable &&
|
|
1033
|
+
index.h("div", { key: '3dd02fdbc107e7ce04e8aabb96a6748b68eeec6b', class: "comment-btn" }, index.h("span", { key: '5601fdb24ff385e0b6d2b9e5b86bde06b3c2d1b8' }, this._relatedFeaturesOIDs.length), index.h("calcite-icon", { key: '97a517d117a4d5a8c6798da9c9c82e46c39c25f8', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
|
|
1034
|
+
index.h("calcite-button", { key: '0d1ff14be9396ab3ff634e92208792f5fd3b8d36', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
|
|
1035
|
+
index.h("calcite-button", { key: '34e362e083dbc13dffae7ad5544aa33a0421a51a', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
|
|
1036
|
+
index.h("feature-list", { key: '4abc53ab7679b07f0dd7413b97f447da736e5002', class: "height-full", mapView: this.mapView, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
|
|
1036
1037
|
}
|
|
1037
1038
|
/**
|
|
1038
1039
|
* Load esri javascript api modules
|
|
@@ -42,6 +42,7 @@ const CrowdsourceManager = class {
|
|
|
42
42
|
this._shouldSetMapView = false;
|
|
43
43
|
this.appProxies = undefined;
|
|
44
44
|
this.basemapConfig = undefined;
|
|
45
|
+
this.coverPageEnabled = undefined;
|
|
45
46
|
this.defaultCenter = "";
|
|
46
47
|
this.defaultGlobalId = "";
|
|
47
48
|
this.defaultLayer = "";
|
|
@@ -182,7 +183,7 @@ const CrowdsourceManager = class {
|
|
|
182
183
|
* Renders the component.
|
|
183
184
|
*/
|
|
184
185
|
render() {
|
|
185
|
-
return (index.h(index.Host, { key: '
|
|
186
|
+
return (index.h(index.Host, { key: '686aeccc0f97c1eb8bc1b673d8816663e80fdf71' }, index.h("calcite-shell", { key: 'f3451483cdbafa8b68a00b71e9927bbff55781b9', class: "position-relative" }, index.h("calcite-panel", { key: '8256440e1cefa8f25bf1af1f9a1e87650c34462d', class: `width-full height-full border-width-0` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
|
|
186
187
|
}
|
|
187
188
|
/**
|
|
188
189
|
* Called after each render
|
|
@@ -13,7 +13,7 @@ const mapViewUtils = require('./mapViewUtils-6e46ba33.js');
|
|
|
13
13
|
require('./esri-loader-fce6a9cb.js');
|
|
14
14
|
require('./interfaces-7cd0a48a.js');
|
|
15
15
|
|
|
16
|
-
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{
|
|
16
|
+
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1) !important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}.report-submitted-msg{position:absolute;z-index:1000}";
|
|
17
17
|
const CrowdsourceReporterStyle0 = crowdsourceReporterCss;
|
|
18
18
|
|
|
19
19
|
const CrowdsourceReporter = class {
|
|
@@ -21,7 +21,6 @@ const CrowdsourceReporter = class {
|
|
|
21
21
|
index.registerInstance(this, hostRef);
|
|
22
22
|
this.togglePanel = index.createEvent(this, "togglePanel", 7);
|
|
23
23
|
this.center = undefined;
|
|
24
|
-
this.coverPageEnabled = undefined;
|
|
25
24
|
this.defaultWebmap = "";
|
|
26
25
|
this.description = undefined;
|
|
27
26
|
this.enableAnonymousAccess = undefined;
|
|
@@ -126,7 +125,7 @@ const CrowdsourceReporter = class {
|
|
|
126
125
|
*/
|
|
127
126
|
render() {
|
|
128
127
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
129
|
-
return (index.h(index.Host, { key: '
|
|
128
|
+
return (index.h(index.Host, { key: '530bb7e6dacde9109246733345157c95c1a50dcb' }, this._reportSubmitted && index.h("calcite-alert", { key: '52abbe347eb4adaf526a3194cb4d389326323d19', "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: '3251fcd334b449292d3597af996eb7eea08dd00e', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && index.h("calcite-alert", { key: '0d0553df8133b8d20cc0f2d66a8462334117b5cf', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, index.h("div", { key: '81658d0eab5392cbddbcf42ccb0b79b0cebc22dd', slot: "title" }, this._translations.error), index.h("div", { key: 'e4a00bef08ca9121425fd4f3b8ac7bfffa70d371', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && index.h("calcite-alert", { key: '97a200eebe63b3f6fb7515fa07c617d40f94815f', "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: 'b9b01d82faded409059563840a4bc0ce3ef1faf7', slot: "message" }, this._translations.commentSubmittedMsg)), this._addingCommentFailed && index.h("calcite-alert", { key: '3754d8a1d5d91ac3bf3b1bddc16f078170e61a80', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, index.h("div", { key: '977b632702e8dc176bd9a9c930c1492539689576', slot: "title" }, this._translations.error), index.h("div", { key: '45fa0ba61f3831a743b0cc7ae4aa10854b1a9ff5', slot: "message" }, this._translations.addingCommentFailedMsg)), index.h("div", { key: '57be499cc8fb87ca20c6efa65fbbe9cc47269906' }, index.h("calcite-shell", { key: '2ce48b4cdd0dc0dd52995cd7b32f476b14ddd49d', "content-behind": true }, this._getReporter())), this.filterModal()));
|
|
130
129
|
}
|
|
131
130
|
//--------------------------------------------------------------------------
|
|
132
131
|
//
|
|
@@ -228,6 +227,7 @@ const CrowdsourceReporter = class {
|
|
|
228
227
|
* On sort option click update the sort field and sort order
|
|
229
228
|
* @param sortField sort field
|
|
230
229
|
* @param sortOrder sort order
|
|
230
|
+
* @param sortOption selected sort option (Newest/Oldest/Highest Voted/Lowest Voted)
|
|
231
231
|
*/
|
|
232
232
|
async sortOptionClick(sortField, sortOrder, sortOption) {
|
|
233
233
|
this._updatedSorting = {
|
|
@@ -554,7 +554,7 @@ const CrowdsourceReporter = class {
|
|
|
554
554
|
*/
|
|
555
555
|
getFeatureDetailsFlowItem() {
|
|
556
556
|
const showCommentBtn = this.reportingOptions[this._currentFeature.layer.id].comment && this._currentFeature.layer.relationships.length > 0;
|
|
557
|
-
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, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }),
|
|
557
|
+
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, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, 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, mapView: this.mapView, onFeatureSelect: this.onCommentSelectFromList.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions }), showCommentBtn &&
|
|
558
558
|
index.h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
|
|
559
559
|
}
|
|
560
560
|
/**
|
|
@@ -563,7 +563,7 @@ const CrowdsourceReporter = class {
|
|
|
563
563
|
* @returns Node
|
|
564
564
|
*/
|
|
565
565
|
getFeaturesPagination() {
|
|
566
|
-
return (index.h("div", { class: "feature-pagination"
|
|
566
|
+
return (index.h("div", { class: "feature-pagination" }, index.h("div", null, index.h("calcite-button", { appearance: 'transparent', disabled: false, iconStart: "chevron-left", id: "solutions-back", onClick: () => void this._featureDetails.back(), scale: "s", width: "full" }), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, index.h("span", null, this._translations.back))), index.h("calcite-button", { appearance: 'transparent', onClick: () => void this._featureDetails.toggleListView(), scale: "s" }, index.h("span", { class: "pagination-count" }, this._getCount())), index.h("div", null, index.h("calcite-button", { appearance: "transparent", disabled: false, iconStart: "chevron-right", id: "solutions-next", onClick: () => void this._featureDetails.next(), scale: "s", width: "full" }), index.h("calcite-tooltip", { placement: "top", "reference-element": "solutions-next" }, index.h("span", null, this._translations.next)))));
|
|
567
567
|
}
|
|
568
568
|
/**
|
|
569
569
|
* Returns the calcite-flow item for comment details
|
|
@@ -98,9 +98,9 @@ const FeatureList = class {
|
|
|
98
98
|
* Renders the component.
|
|
99
99
|
*/
|
|
100
100
|
render() {
|
|
101
|
-
return (index.h("calcite-panel", { key: '
|
|
102
|
-
index.h("calcite-notice", { key: '
|
|
103
|
-
index.h("div", { key: '
|
|
101
|
+
return (index.h("calcite-panel", { key: '9f702c6d98cc19704e0773e36fd969817ea7262e', "full-height": true, "full-width": true }, this._isLoading && index.h("calcite-loader", { key: 'e9acf13f3444057b097d6b145c1a6e0118f150ea', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
|
|
102
|
+
index.h("calcite-notice", { key: '8c7fa89e2da7490b04456e51f8534c2515a02399', class: "error-msg", icon: "feature-details", kind: "info", open: true }, index.h("div", { key: '799d419e9c26b7928f15cb1cf9afa9f47cab0e94', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), index.h("calcite-list", { key: '82c60b16ab586ad57f8f98bb08814f688102b166', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
103
|
+
index.h("div", { key: 'e5b789ea46c6bedfbe83f1323ffb89271c0b76ce', class: "width-full", slot: "footer" }, index.h("calcite-pagination", { key: '4d30b5364fc4742f278157c5f2c21e75d4ecb0b8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
|
|
104
104
|
}
|
|
105
105
|
//--------------------------------------------------------------------------
|
|
106
106
|
//
|
|
@@ -141,7 +141,9 @@ const FeatureList = class {
|
|
|
141
141
|
* @protected
|
|
142
142
|
*/
|
|
143
143
|
async initializeFeatureItems() {
|
|
144
|
+
var _a;
|
|
144
145
|
if (this._selectedLayer) {
|
|
146
|
+
void ((_a = this._pagination) === null || _a === void 0 ? void 0 : _a.goTo("start"));
|
|
145
147
|
this._isLoading = this.showInitialLoading;
|
|
146
148
|
this._featureItems = await this.queryPage(0);
|
|
147
149
|
const query = {
|