@esri/solutions-components 5.1.0-next.115 → 5.1.0-next.116

package/dist/components/layer-table/customElement.js

@@ -6,7 +6,7 @@ import { d as x } from "../../chunks/downloadUtils.js";
 import { b } from "../../chunks/interfaces.js";
 import { defineCustomElements as F } from "@arcgis/instant-apps-components/loader";
 import { u as S } from "../../chunks/useT9n.js";
-import { css as O, html as o, nothing as f } from "lit";
+import { css as O, html as o, nothing as _ } from "lit";
 import { createRef as g, ref as p } from "lit-html/directives/ref.js";
 import { LitElement as C, createEvent as c, noShadowRoot as A, safeClassMap as y } from "@arcgis/lumina";
 import { h as H } from "../../chunks/helpers.js";
@@ -204,7 +204,7 @@ class M extends C {
     const e = this._fetchingData || this._hideTable ? "display-none" : "height-full", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", s = this._size.toString(), a = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", h = this._canShowFullTextSearch();
     return this._validateActiveActions(), o`<div><calcite-scrim class=${y(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(r) => {
       this._searchTextChanged(r);
-    }} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? f} type=search ${p(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${y(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${y(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
+    }} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? _} type=search ${p(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${y(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${y(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
   }
   updated() {
     this._table && this.updateRelatedAttachmentColumns();
@@ -268,7 +268,7 @@ class M extends C {
   }
   _getMapLayerPicker(e) {
     const t = this.isMobile ? "display-none" : "";
-    return o`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? f}><map-layer-picker appearance=transparent .configLayerOrderDefined=${this._configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
+    return o`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? _}><map-layer-picker appearance=transparent .configLayerOrderDefined=${this._configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
   }
   _getLayerOption(e) {
     let t;
@@ -277,13 +277,13 @@ class M extends C {
   _getActionsEnd(e) {
     const t = this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._layer, i = this._relatedFeatureTable || this._table;
     let s = this._getLayerOption(t?.id || "");
-    return o`<div class="display-flex" slot=${e ?? f}><field-selection .configExtraFields=${s?.extraFields} .layer=${t} .mapView=${this.mapView} .table=${i} .tableRef=${this.el}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
+    return o`<div class="display-flex" slot=${e ?? _}><field-selection .configExtraFields=${s?.extraFields} .layer=${t} .mapView=${this.mapView} .table=${i} .tableRef=${this.el}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
   }
   _getTableControlRow(e) {
-    return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? f} ${p(this._toolbar)}>${this._getActionBar()}</div>`;
+    return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? _} ${p(this._toolbar)}>${this._getActionBar()}</div>`;
   }
   _getActionBar() {
-    return o`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? f} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
+    return o`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? _} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
   }
   _getActions() {
     return this._toolInfos?.reduce((e, t) => (t && e.push(t.isDanger ? this._getDangerAction(t.icon, t.label, t.func, t.disabled) : this._getAction(t.active, t.icon, t.indicator, t.label, t.func, t.disabled, !!t.loading, t.toolTip)), e), []);
@@ -304,8 +304,8 @@ class M extends C {
     const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > b, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), r = this.featureSelectionMode === "single";
     let d = this.enableCSV;
     if (this._relatedFeatureTable) {
-      const _ = await this._queryRelatedFeatures();
-      d = _ && Object.keys(_).length > 0;
+      const f = await this._queryRelatedFeatures();
+      d = f && Object.keys(f).length > 0;
     }
     const n = [];
     l && n.push({
@@ -466,7 +466,7 @@ class M extends C {
     });
   }
   _getShare(e) {
-    return o`<div id=${this._getId(e) ?? f}><instant-apps-social-share class="height-51 width-51 display-flex" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${p(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>`;
+    return o`<div id=${this._getId(e) ?? _}><instant-apps-social-share class="height-51 width-51 display-flex" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${p(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>`;
   }
   _updateShareUrl() {
     const e = this._shareNode.value?.shareUrl;
@@ -483,7 +483,7 @@ class M extends C {
   }
   _getDangerAction(e, t, i, s) {
     const a = this._layer === void 0 ? !0 : s;
-    return o`<div class="display-flex" id=${this._getId(e) ?? f}>${o`<calcite-action .disabled=${a} .id=${`layer-table-${e}`} @click=${i} .text=${t}><calcite-icon aria-hidden=true class="danger-icon-color" .icon=${e} scale=s></calcite-icon><span class="label-override padding-start-1-4 danger-label-color">${t}</span></calcite-action>`}${this._getToolTip("bottom", `layer-table-${e}`, t)}</div>`;
+    return o`<calcite-action class="delete-red" .disabled=${a} .id=${`layer-table-${e}`} .label=${t} @click=${i} text text-enabled><calcite-icon aria-hidden=true class="danger-icon-color" .icon=${e} scale=s></calcite-icon><span class="label-override padding-start-1-4 danger-label-color">${t}</span></calcite-action>${this._getToolTip("bottom", `layer-table-${e}`, t)}`;
   }
   _getIds() {
     let e = this._relatedFeatureTable ?? this._table;
@@ -889,13 +889,13 @@ class M extends C {
     const h = s?.fields && s?.fieldOrder ? s.fieldOrder.filter((d) => s?.fields && s.fields.indexOf(d) > -1) : l.length > 0 ? l : void 0;
     let r;
     return t && (r = t.reduce((d, n) => {
-      const _ = {
+      const f = {
         type: "field",
         fieldName: n.name,
         label: this.getFieldLabel(n, i),
         menuConfig: this._getMenuConfig(n.name)
       };
-      return s && s.fields && s?.fields?.length > 0 ? s.fields.indexOf(n.name) > -1 && d.push(_) : l.length > 0 ? l.indexOf(n.name) > -1 && d.push(_) : d.push(_), d;
+      return s && s.fields && s?.fields?.length > 0 ? s.fields.indexOf(n.name) > -1 && d.push(f) : l.length > 0 ? l.indexOf(n.name) > -1 && d.push(f) : d.push(f), d;
     }, [])), r ? h ? r?.sort(this._sortFields.bind(this, h)) : r : [];
   }
   updateRelatedAttachmentColumns() {

package/dist/components/solution-builder-assistant/customElement.d.ts

@@ -95,6 +95,8 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       requiredFieldTooltip: string;
       done: string;
       removeLayer: string;
+      deleteFields: string;
+      requiredFieldsCannotBeDeleted: string;
       delete: string;
       stringType: string;
       integerType: string;
@@ -213,6 +215,8 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       requiredFieldTooltip: string;
       done: string;
       removeLayer: string;
+      deleteFields: string;
+      requiredFieldsCannotBeDeleted: string;
       delete: string;
       stringType: string;
       integerType: string;