@esri/solutions-components 0.8.16 → 0.8.18
Sign up to get free protection for your applications and to get access to all the features.
- 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 = {
|