@arcgis/portal-components 6.0.0-next.2 → 6.0.0-next.20

package/dist/components/arcgis-portal-field-delete/customElement.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as k } from "../../chunks/runtime.js";
-import { html as f, css as M } from "lit";
+import { html as c, css as M } from "lit";
 import { LitElement as P, createEvent as T, renderElement as $ } from "@arcgis/lumina";
 import { createRef as N, ref as D } from "lit/directives/ref.js";
 import { Task as O } from "@lit/task";
@@ -10,8 +10,8 @@ import B from "@arcgis/core/Graphic.js";
 import j from "@arcgis/core/identity/IdentityManager.js";
 import y from "@arcgis/core/request.js";
 import * as U from "@arcgis/core/applications/PortalApp/layerUtils.js";
-import { i as E, a as z, g as q, b as R, d as J, e as W } from "../../chunks/fieldAddDelete.js";
-import { a as A } from "../../chunks/portal.js";
+import { i as E, c as z, g as q, a as R, b as J, d as W } from "../../chunks/fieldAddDelete.js";
+import { g as A } from "../../chunks/portal.js";
 import { u as V } from "../../chunks/useT9n.js";
 import { log as b, composeMissingPropertyMessage as C, composeEmptyPropertyMessage as G } from "@arcgis/toolkit/log";
 const n = /* @__PURE__ */ new Map();
@@ -31,7 +31,7 @@ n.set("date-only", "calendar");
 n.set("time-only", "clock");
 n.set("timestamp-offset", "time-zone");
 n.set("string", "string");
-const H = ({ fieldType: I }) => f`<calcite-icon scale=s .icon=${n.get(I)}></calcite-icon>`, K = [
+const H = ({ fieldType: w }) => c`<calcite-icon scale=s .icon=${n.get(w)}></calcite-icon>`, K = [
   "esrignss_speed",
   "esrignss_direction",
   "esrisnsr_azimuth",
@@ -166,7 +166,7 @@ class X extends P {
     if (this.options?.ignorePopupTemplate)
       return this.getFieldDisplayNameFromLayerFields(e);
     {
-      const o = (s.popupTemplate ?? s.createPopupTemplate()).fieldInfos?.find((a) => a.fieldName === e);
+      const o = (s.popupTemplate ?? s.createPopupTemplate())?.fieldInfos?.find((a) => a.fieldName === e);
       return o ? J(s, o, t) : this.getFieldDisplayNameFromLayerFields(e);
     }
   }
@@ -196,8 +196,8 @@ class X extends P {
         if (h) {
           const i = h.data;
           this.currentLayerInfo = h.data, i && (this.updateTypesAndTemplatesOnLayer(), s.forEach((r) => {
-            i.templates?.length ? i.templates.forEach((c) => delete c.prototype.attributes[r]) : i.types?.forEach((c) => {
-              c.templates.forEach((u) => delete u.prototype.attributes[r]);
+            i.templates?.length ? i.templates.forEach((p) => delete p.prototype.attributes[r]) : i.types?.forEach((p) => {
+              p.templates.forEach((u) => delete u.prototype.attributes[r]);
             });
           }), this.updateFeatureService(i));
         } else
@@ -226,8 +226,8 @@ class X extends P {
       const g = {};
       s.fields.forEach((i) => {
         let r = !1;
-        for (let c = 0; c < o.prototype.attributes.length; c++)
-          if (o.prototype.attributes[c] === i.name) {
+        for (let p = 0; p < o.prototype.attributes.length; p++)
+          if (o.prototype.attributes[p] === i.name) {
             r = !0, g[i.name] = o.prototype.attributes[i.name];
             break;
           }
@@ -256,15 +256,15 @@ class X extends P {
       if (g.data?.success) {
         const h = `${A(this.portal)}content/items/${this.item.id}/data`;
         if (this.options?.ignorePopupTemplate || t.forEach((i) => {
-          s.popupTemplate?.fieldInfos && (s.popupTemplate.fieldInfos = s.popupTemplate.fieldInfos.filter((r) => r.fieldName !== i)), s.popupTemplate?.content?.forEach((r, c) => {
-            r.type === "fields" && r.fieldInfos && ((s.popupTemplate?.content)[c].fieldInfos = (s.popupTemplate?.content)[c].fieldInfos?.filter((u) => u.fieldName !== i));
+          s.popupTemplate?.fieldInfos && (s.popupTemplate.fieldInfos = s.popupTemplate.fieldInfos.filter((r) => r.fieldName !== i)), s.popupTemplate?.content?.forEach((r, p) => {
+            r.type === "fields" && r.fieldInfos && ((s.popupTemplate?.content)[p].fieldInfos = (s.popupTemplate?.content)[p].fieldInfos?.filter((u) => u.fieldName !== i));
           });
         }), s.attributeTableTemplate) {
           const i = s.attributeTableTemplate.clone();
           i.elements = i.elements.filter((r) => !(r.type === "field" && t.includes(r.fieldName))), i.orderByFields = i.orderByFields.filter((r) => !t.includes(r.field)), s.attributeTableTemplate = i;
         }
         if (s.fieldConfigurations?.length) {
-          const r = L.clone(s.fieldConfigurations).filter((c) => !t.includes(c.name));
+          const r = L.clone(s.fieldConfigurations).filter((p) => !t.includes(p.name));
           s.fieldConfigurations = r;
         }
         await y(h, {
@@ -273,9 +273,9 @@ class X extends P {
         }).then(async (i) => {
           const r = i.data;
           if (r?.layers || r?.tables) {
-            const c = s.isTable, u = c ? r.tables : r.layers, p = u?.find((m) => m.id === s.layerId);
+            const p = s.isTable, u = p ? r.tables : r.layers, f = u?.find((m) => m.id === s.layerId);
             if (t.forEach((m) => {
-              p?.attributeTableInfo?.attributeTableElements && (p.attributeTableInfo.attributeTableElements = p.attributeTableInfo.attributeTableElements.map((d) => {
+              f?.attributeTableInfo?.attributeTableElements && (f.attributeTableInfo.attributeTableElements = f.attributeTableInfo.attributeTableElements.map((d) => {
                 if (d.type === "field")
                   return d.fieldName === m ? void 0 : d;
                 if (d.type === "group" && Array.isArray(d.attributeTableElements)) {
@@ -286,15 +286,15 @@ class X extends P {
                   } : void 0;
                 }
                 return d;
-              }).filter(Boolean), p.attributeTableInfo.orderByFields = p.attributeTableInfo.orderByFields.filter((d) => d.field !== m));
-            }), p?.layerDefinition?.fieldConfigurations && (p.layerDefinition.fieldConfigurations = p.layerDefinition.fieldConfigurations.filter((m) => !t.includes(m.name))), p?.popupInfo) {
+              }).filter(Boolean), f.attributeTableInfo.orderByFields = f.attributeTableInfo.orderByFields.filter((d) => d.field !== m));
+            }), f?.layerDefinition?.fieldConfigurations && (f.layerDefinition.fieldConfigurations = f.layerDefinition.fieldConfigurations.filter((m) => !t.includes(m.name))), f?.popupInfo) {
               t.forEach((_) => {
-                p.popupInfo.fieldInfos = p.popupInfo.fieldInfos.filter((F) => F.fieldName !== _), p.popupInfo.popupElements?.forEach((F, w) => {
-                  F.type === "fields" && F.fieldInfos && (p.popupInfo.popupElements[w].fieldInfos = p.popupInfo.popupElements[w].fieldInfos.filter((x) => x.fieldName !== _));
+                f.popupInfo.fieldInfos = f.popupInfo.fieldInfos.filter((F) => F.fieldName !== _), f.popupInfo.popupElements?.forEach((F, I) => {
+                  F.type === "fields" && F.fieldInfos && (f.popupInfo.popupElements[I].fieldInfos = f.popupInfo.popupElements[I].fieldInfos.filter((x) => x.fieldName !== _));
                 });
               });
               const m = `${A(this.portal)}content/users/${this.item.owner}/items/${this.item.id}/update`, d = {};
-              c ? (d.tables = u, r.layers && (d.layers = r.layers)) : (d.layers = u, r.tables && (d.tables = r.tables));
+              p ? (d.tables = u, r.layers && (d.layers = r.layers)) : (d.layers = u, r.tables && (d.tables = r.tables));
               const v = {
                 f: "json",
                 text: JSON.stringify(d)
@@ -323,44 +323,46 @@ class X extends P {
   }
   displaySuccessAlert() {
     const { messages: e, fieldNames: s } = this;
-    this.successAlertNode && (this.successAlertNode.parentElement?.removeChild(this.successAlertNode), this.successAlertNode = void 0), this.successAlertNode = $(f`<calcite-alert .label=${s.length === 1 ? e.fieldDeleted : e.fieldsDeleted} kind=success icon=check-circle auto-close open><div slot=message>${s.length === 1 ? e.fieldDeleted : e.fieldsDeleted}</div></calcite-alert>`), document.body.append(this.successAlertNode);
+    this.successAlertNode && (this.successAlertNode.parentElement?.removeChild(this.successAlertNode), this.successAlertNode = void 0), this.successAlertNode = $(c`<calcite-alert .label=${s.length === 1 ? e.fieldDeleted : e.fieldsDeleted} kind=success icon=check-circle auto-close open><div slot=message>${s.length === 1 ? e.fieldDeleted : e.fieldsDeleted}</div></calcite-alert>`), document.body.append(this.successAlertNode);
   }
   displayErrorAlert() {
     const { messages: e } = this;
-    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = $(f`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close open><div slot=message>${e.fieldDeletionUnsuccessful}</div></calcite-alert>`), document.body.append(this.errorAlertNode);
+    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = $(c`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close open><div slot=message>${e.fieldDeletionUnsuccessful}</div></calcite-alert>`), document.body.append(this.errorAlertNode);
   }
   displayReadOnlyErrorAlert() {
     const { messages: e, portal: s } = this;
-    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = $(f`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close auto-close-duration=slow open><div slot=title>${e.error}</div><div slot=message>${s.isPortal ? e.readOnlyErrorMessageEnterprise : e.readOnlyErrorMessage}</div>${!s.isPortal && f`<calcite-link slot=link target=_blank href=https://status.arcgis.com>${e.healthDashboard}</calcite-link>` || ""}</calcite-alert>`), document.body.append(this.errorAlertNode);
+    this.errorAlertNode && (this.errorAlertNode.parentElement?.removeChild(this.errorAlertNode), this.errorAlertNode = void 0), this.errorAlertNode = $(c`<calcite-alert .label=${e.fieldDeletionUnsuccessful} kind=danger icon=exclamation-mark-triangle auto-close auto-close-duration=slow open><div slot=title>${e.error}</div><div slot=message>${s.isPortal ? e.readOnlyErrorMessageEnterprise : e.readOnlyErrorMessage}</div>${!s.isPortal && c`<calcite-link slot=link target=_blank href=https://status.arcgis.com>${e.healthDashboard}</calcite-link>` || ""}</calcite-alert>`), document.body.append(this.errorAlertNode);
   }
   render() {
     const { messages: e, fieldsAreDeletable: s, fieldNames: t, deleteInProgress: l } = this;
-    return this._propWatcherTask.render({
-      complete: () => (s || (t?.length ? t?.length === 1 ? b("error", this, "Field cannot be deleted") : b("error", this, "One or more fields cannot be deleted") : b("error", this, G("fieldNames"))), f`<calcite-dialog class="dialog" width=s open modal outside-close-disabled escape-disabled @calciteDialogClose=${() => this.arcgisClose.emit()} .heading=${t?.length === 1 ? e.deleteField : e.deleteFields} ${D(this.dialogNode)}>${s ? f`<div class=${`dialog-content-wrapper ${l ? "hide-overflow" : ""}`}>${this.renderDeleteLoader()}<calcite-label>${t.length === 1 ? e.deletePrompt : e.deleteMultiplePrompt}</calcite-label>${this.renderFieldsPreview()}</div>${this.renderCancelButton()}${this.renderDeleteButton()}` : this.renderError()}</calcite-dialog>`)
-    });
+    return c`<calcite-dialog class="dialog" width=s open modal outside-close-disabled escape-disabled @calciteDialogClose=${() => this.arcgisClose.emit()} .heading=${t?.length === 1 ? e.deleteField : e.deleteFields} ${D(this.dialogNode)}>${this._propWatcherTask.render({
+      pending: () => c`<div class="dialog-content-wrapper hide-overflow"><div class="loader-container active"><calcite-loader class="loader" .label=${e.fields}></calcite-loader></div></div>`,
+      error: () => c`<div class="dialog-content-wrapper">${this.renderError()}</div>`,
+      complete: () => (s || (t?.length ? t?.length === 1 ? b("error", this, "Field cannot be deleted") : b("error", this, "One or more fields cannot be deleted") : b("error", this, G("fieldNames"))), s ? c`<div class=${`dialog-content-wrapper ${l ? "hide-overflow" : ""}`}>${this.renderDeleteLoader()}<calcite-label>${t.length === 1 ? e.deletePrompt : e.deleteMultiplePrompt}</calcite-label>${this.renderFieldsPreview()}</div>${this.renderCancelButton()}${this.renderDeleteButton()}` : c`<div class="dialog-content-wrapper">${this.renderError()}</div>`)
+    })}</calcite-dialog>`;
   }
   renderError() {
     const { messages: e } = this;
-    return f`<div class="loader-container active"><div class="loader-text">${e.errorOccurred}</div></div>`;
+    return c`<div class="loader-container active"><div class="loader-text">${e.errorOccurred}</div></div>`;
   }
   renderDeleteLoader() {
     const { messages: e, fieldNames: s, deleteInProgress: t } = this;
-    return f`<div class=${`loader-container ${t ? "active" : ""}`}><calcite-loader class="loader" .label=${s.length === 1 ? e.deletingField : e.deletingFields} .hidden=${!t}></calcite-loader><div class="loader-text">${s.length === 1 ? e.deletingField : e.deletingFields}</div></div>`;
+    return c`<div class=${`loader-container ${t ? "active" : ""}`}><calcite-loader class="loader" .label=${s.length === 1 ? e.deletingField : e.deletingFields} .hidden=${!t}></calcite-loader><div class="loader-text">${s.length === 1 ? e.deletingField : e.deletingFields}</div></div>`;
   }
   renderFieldsPreview() {
     const { fieldNames: e, layerFields: s, layerFieldsMap: t, arcadeExpMap: l, messages: o } = this;
-    return f`<calcite-list .label=${o.fields}>${e.map((a) => {
+    return c`<calcite-list .label=${o.fields}>${e.map((a) => {
       const g = s.find((h) => h.name === a);
-      return f`<calcite-list-item .label=${this.getFieldLabel(a)} .description=${`{${a}}`} .value=${a} .disabled=${!g.editable}><div slot=actions-end class="field-icons">${H({ fieldType: W(a, t, l) })}</div></calcite-list-item>`;
+      return c`<calcite-list-item .label=${this.getFieldLabel(a)} .description=${`{${a}}`} .value=${a} .disabled=${!g.editable}><div slot=actions-end class="field-icons">${H({ fieldType: W(a, t, l) })}</div></calcite-list-item>`;
     })}</calcite-list>`;
   }
   renderCancelButton() {
     const { messages: e } = this;
-    return f`<calcite-button @click=${() => this.dialogNode.value.open = !1} slot=footer-end appearance=outline ${D(this.cancelNode)}>${e.cancel}</calcite-button>`;
+    return c`<calcite-button @click=${() => this.dialogNode.value.open = !1} slot=footer-end appearance=outline ${D(this.cancelNode)}>${e.cancel}</calcite-button>`;
   }
   renderDeleteButton() {
     const { messages: e, fieldNames: s } = this;
-    return f`<calcite-button kind=danger slot=footer-end @click=${async (t) => {
+    return c`<calcite-button kind=danger slot=footer-end @click=${async (t) => {
       const { portal: l } = this;
       t.currentTarget.disabled = !0, this.cancelNode.value.disabled = !0, this.dialogNode.value.closeDisabled = !0, l.sourceJSON?.isReadOnly ? this.handleError(!0) : (this.deleteInProgress = !0, this.requestUpdate(), this.arcgisBeforeDelete.emit(), await this.deleteFields());
     }}>${s.length === 1 ? e.deleteField : e.deleteFieldsWithNumber.replace("${number}", `${s.length}`)}</calcite-button>`;

package/dist/components/arcgis-portal-field-delete/index.js

@@ -2,8 +2,8 @@ import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-alert";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";
 import "@esri/calcite-components/components/calcite-button";

package/dist/components/arcgis-portal-group-badges/customElement.js

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as h } from "../../chunks/runtime.js";
-import { nothing as g, safeClassMap as m, LitElement as u } from "@arcgis/lumina";
+import { c as g } from "../../chunks/runtime.js";
+import { nothing as h, safeClassMap as m, LitElement as u } from "@arcgis/lumina";
 import { u as b } from "../../chunks/useT9n.js";
 import { html as c, css as f } from "lit";
 import { i as w } from "../../chunks/functionalities.js";
-import { a as $, b as x, c as G, i as y, d as I, e as O } from "../../chunks/groups2.js";
+import { g as $, a as x, b as G, i as y, c as I, d as O } from "../../chunks/groups.js";
 const C = ({ appearance: a, badgeType: t, class: e, messages: s, scale: o, showTooltip: i, width: n }) => {
   const r = s[t] ?? { title: t, tooltip: "" }, d = v[t], l = n === "narrow", p = `portal-group-badge-${t}`;
-  return c`<calcite-chip id=${p ?? g} class=${m({
+  return c`<calcite-chip id=${p ?? h} class=${m({
     badge: !0,
     "badge--colored": w(["OpenData", "Partnered"], t),
     narrow: l,
@@ -45,7 +45,7 @@ class _ extends u {
     return e.map((n) => C({ appearance: t, badgeType: n, class: "portal-group-badges__badge", messages: this._messages, scale: s, showTooltip: o, width: i }));
   }
 }
-h("arcgis-portal-group-badges", _);
+g("arcgis-portal-group-badges", _);
 export {
   _ as ArcgisPortalGroupBadges
 };