@arcgis/portal-components 6.0.0-next.5 → 6.0.0-next.7

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

@@ -5,7 +5,6 @@ import "@esri/calcite-components/components/calcite-list-item";
 import "../arcgis-portal-item-type/index.js";
 import "@esri/calcite-components/components/calcite-block";
 import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-notice";
 import "../arcgis-portal-review-related-items/index.js";
 import "@esri/calcite-components/components/calcite-button";

package/dist/components/arcgis-portal-delete-items/types.d.ts

@@ -8,6 +8,7 @@ export interface RecycleStatus extends DeleteCheckResult {
 export interface DeleteCheckResult {
   item: PortalItem;
   usedByItems: PortalItem[];
+  usedByItemsCount: number;
   sourceData: PortalItem | null;
   replacementItemFor: PortalItem[] | null;
   resultData: PortalItem[] | null;

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";
@@ -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-review-related-items/customElement.d.ts

@@ -6,6 +6,336 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 export abstract class ArcgisPortalReviewRelatedItems extends LitElement {
+  /** @internal */
+  protected browserMessages: {
+      browser: {
+          refineContent: string;
+          filters: string;
+          pageRange: string;
+          pageRangeAria: string;
+          pageRangeWithRecycleBin: string;
+          pageRangeAriaWithRecycleBin: string;
+          totalSize: string;
+          loading: string;
+          close: string;
+      };
+      actions: { more: string; };
+      filter: { clear: string; };
+      filterDate: {
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+          title: {
+              created: string;
+              modified: string;
+              joined: string;
+              lastLogin: string;
+          };
+          created: string;
+          modified: string;
+          joined: string;
+          lastLogin: string;
+      };
+      pagination: {
+          next: string;
+          prev: string;
+      };
+      search: {
+          label: string;
+          search: string;
+          clear: string;
+          wildcard: string;
+      };
+      sort: {
+          sortDirection: string;
+          title: string;
+          relevance: string;
+          modified: string;
+          deleted: string;
+          created: string;
+          added: string;
+          size: string;
+          owner: string;
+          sizeAsc: string;
+          sizeDesc: string;
+          numviews: string;
+          numAsc: string;
+          numDesc: string;
+          alphabeticalAsc: string;
+          alphabeticalDesc: string;
+          recentAsc: string;
+          recentDesc: string;
+          sort: string;
+          sortBy: string;
+          sortByColon: string;
+          fullname: string;
+          username: string;
+          name: string;
+          membertype: string;
+          joined: string;
+          lastlogin: string;
+          dataset: string;
+          mfaenabled: string;
+          description: string;
+          lastSyncFailureCount: string;
+          invitationsPendingCount: string;
+          participantGroupLinksCount: string;
+          defaultAsc: string;
+          defaultDesc: string;
+      };
+      topBar: { filter: string; };
+      filterStatus: {
+          clear: string;
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+  } & T9nMeta<{
+      browser: {
+          refineContent: string;
+          filters: string;
+          pageRange: string;
+          pageRangeAria: string;
+          pageRangeWithRecycleBin: string;
+          pageRangeAriaWithRecycleBin: string;
+          totalSize: string;
+          loading: string;
+          close: string;
+      };
+      actions: { more: string; };
+      filter: { clear: string; };
+      filterDate: {
+          today: string;
+          yesterday: string;
+          last7: string;
+          last30: string;
+          never: string;
+          custom: string;
+          title: {
+              created: string;
+              modified: string;
+              joined: string;
+              lastLogin: string;
+          };
+          created: string;
+          modified: string;
+          joined: string;
+          lastLogin: string;
+      };
+      pagination: {
+          next: string;
+          prev: string;
+      };
+      search: {
+          label: string;
+          search: string;
+          clear: string;
+          wildcard: string;
+      };
+      sort: {
+          sortDirection: string;
+          title: string;
+          relevance: string;
+          modified: string;
+          deleted: string;
+          created: string;
+          added: string;
+          size: string;
+          owner: string;
+          sizeAsc: string;
+          sizeDesc: string;
+          numviews: string;
+          numAsc: string;
+          numDesc: string;
+          alphabeticalAsc: string;
+          alphabeticalDesc: string;
+          recentAsc: string;
+          recentDesc: string;
+          sort: string;
+          sortBy: string;
+          sortByColon: string;
+          fullname: string;
+          username: string;
+          name: string;
+          membertype: string;
+          joined: string;
+          lastlogin: string;
+          dataset: string;
+          mfaenabled: string;
+          description: string;
+          lastSyncFailureCount: string;
+          invitationsPendingCount: string;
+          participantGroupLinksCount: string;
+          defaultAsc: string;
+          defaultDesc: string;
+      };
+      topBar: { filter: string; };
+      filterStatus: {
+          clear: string;
+          filters: string;
+          additional: string;
+          clearAllFilters: string;
+      };
+  }>;
+  /** @internal */
+  protected deleteMessages: {
+      deleteItem: string;
+      deleteItems: string;
+      selectedItems: string;
+      reviewItemsCount: string;
+      reviewItemsDescription: string;
+      delete: string;
+      permanentlyDelete: string;
+      permanentlyDeleteInstead: string;
+      deprecate: string;
+      confirm: string;
+      cancel: string;
+      moreInfo: string;
+      bucketItems: string;
+      directlyUsedBy: string;
+      usedByOtherItems: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+      usedByPopover: string;
+      deleteDiscouraged: string;
+      learnMoreAboutDeletingSourceItems: string;
+      reviewRelatedItems: { multiple: string; };
+      reviewItems: string;
+      reviewItemsList: string;
+      exclude: string;
+      deprecateInstead: string;
+      proceedToDelete: string;
+      proceedWithDeletion: string;
+      relatedItemsReviewed: string;
+      reviewImpactedItems: string;
+      summary: {
+          willBeRecycled: string;
+          deprecate: {
+              label: string;
+              message: string;
+          };
+          exclude: {
+              label: string;
+              message: string;
+          };
+          cannotDelete: string;
+          permanentlyDelete: string;
+          canBeRecovered: { single: string; };
+          permanentDelete: {
+              delete: string;
+              notSupported: { single: string; };
+              default: { single: string; };
+          };
+          protectedGroup: {
+              deleteProtectedDescription: string;
+              hasDependentItemsDescription: {
+                  singleOneDependentItem: string;
+                  singleMultipleDependentItems: string;
+              };
+          };
+      };
+      areYouSure: { multiple: string; };
+      deletingWillImpactOtherItems: string;
+      itemsDependingOnThisItem: string;
+      dependentItems: string;
+      dependentItemsWillBeDeletedTogether: string;
+      impactedItems: {
+          title: string;
+          itemsYouHaveAccessTo: string;
+          "View usage": string;
+          "View full list": string;
+      };
+      replacementItem: {
+          isReplacementFor: {
+              single: string;
+              multiple: string;
+              unknown: string;
+          };
+          itemIsReplacedBySelectedItem: string;
+      };
+  } & T9nMeta<{
+      deleteItem: string;
+      deleteItems: string;
+      selectedItems: string;
+      reviewItemsCount: string;
+      reviewItemsDescription: string;
+      delete: string;
+      permanentlyDelete: string;
+      permanentlyDeleteInstead: string;
+      deprecate: string;
+      confirm: string;
+      cancel: string;
+      moreInfo: string;
+      bucketItems: string;
+      directlyUsedBy: string;
+      usedByOtherItems: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+      usedByPopover: string;
+      deleteDiscouraged: string;
+      learnMoreAboutDeletingSourceItems: string;
+      reviewRelatedItems: { multiple: string; };
+      reviewItems: string;
+      reviewItemsList: string;
+      exclude: string;
+      deprecateInstead: string;
+      proceedToDelete: string;
+      proceedWithDeletion: string;
+      relatedItemsReviewed: string;
+      reviewImpactedItems: string;
+      summary: {
+          willBeRecycled: string;
+          deprecate: {
+              label: string;
+              message: string;
+          };
+          exclude: {
+              label: string;
+              message: string;
+          };
+          cannotDelete: string;
+          permanentlyDelete: string;
+          canBeRecovered: { single: string; };
+          permanentDelete: {
+              delete: string;
+              notSupported: { single: string; };
+              default: { single: string; };
+          };
+          protectedGroup: {
+              deleteProtectedDescription: string;
+              hasDependentItemsDescription: {
+                  singleOneDependentItem: string;
+                  singleMultipleDependentItems: string;
+              };
+          };
+      };
+      areYouSure: { multiple: string; };
+      deletingWillImpactOtherItems: string;
+      itemsDependingOnThisItem: string;
+      dependentItems: string;
+      dependentItemsWillBeDeletedTogether: string;
+      impactedItems: {
+          title: string;
+          itemsYouHaveAccessTo: string;
+          "View usage": string;
+          "View full list": string;
+      };
+      replacementItem: {
+          isReplacementFor: {
+              single: string;
+              multiple: string;
+              unknown: string;
+          };
+          itemIsReplacedBySelectedItem: string;
+      };
+  }>;
   /** @internal */
   protected messages: {
       itemsDirectlyUsing: string;
@@ -22,6 +352,9 @@ export abstract class ArcgisPortalReviewRelatedItems extends LitElement {
   }>;
   accessor portal: Portal | undefined;
   accessor relatedItems: PortalItem[];
+  accessor relatedItemsCount: number | undefined;
+  /** @default false */
+  accessor showDependentItems: boolean;
   accessor sourceItem: PortalItem | null;
   accessor user: PortalUser | null | undefined;
 }

package/dist/components/arcgis-portal-review-related-items/customElement.js

@@ -1,30 +1,33 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as e } from "../../chunks/runtime.js";
-import { css as s, html as i } from "lit";
-import { substitute as r } from "@arcgis/core/intl.js";
-import { LitElement as l } from "@arcgis/lumina";
-import { s as m } from "../../chunks/portal-related-items-list-item.js";
-import { u as a } from "../../chunks/useT9n.js";
-import { RelatedItemsListItem as o } from "../portal-related-items-list-item/customElement.js";
-const c = s`:host{display:block}.items-directly-using{display:block;padding-block-end:.75rem}`;
-class n extends l {
+import { c as n } from "../../chunks/runtime.js";
+import { css as m, html as o } from "lit";
+import { LitElement as d } from "@arcgis/lumina";
+import { s as p } from "../../chunks/portal-related-items-list-item.js";
+import { u as t } from "../../chunks/useT9n.js";
+import { RelatedItemsListItem as h } from "../portal-related-items-list-item/customElement.js";
+import { b as u } from "../../chunks/url.js";
+const g = m`:host{display:block}.items-directly-using{display:flex;justify-content:space-between;align-items:center;padding-block-end:.75rem}.impacted-items-labels{display:flex;flex-direction:column}.impacted-items-title{font-weight:500}.impacted-items-access-count{font-size:var(--calcite-font-size--2)}calcite-block{--calcite-block-icon-start-color: var(--calcite-color-status-warning)}calcite-list{max-block-size:250px;overflow-y:auto}`;
+class b extends d {
   constructor() {
-    super(...arguments), this.messages = a({ blocking: !0 }), this.sourceItem = null, this.relatedItems = [];
+    super(...arguments), this.messages = t({ blocking: !0 }), this.browserMessages = t({ name: "portal-browser", blocking: !0 }), this.deleteMessages = t({ name: "portal-delete-items", blocking: !0 }), this.sourceItem = null, this.relatedItems = [], this.showDependentItems = !1;
   }
   static {
-    this.properties = { sourceItem: 0, relatedItems: 0, portal: 0, user: 0 };
+    this.properties = { sourceItem: 0, relatedItems: 0, relatedItemsCount: 9, showDependentItems: 5, portal: 0, user: 0 };
   }
   static {
-    this.styles = [c, m];
+    this.styles = [g, p];
   }
   render() {
-    return this.relatedItems.length ? i`<span class="items-directly-using" .innerHTML=${r(this.messages.itemsDirectlyUsing, {
-      itemTitle: this.sourceItem?.title ?? "",
-      count: this.relatedItems.length
-    }) ?? ""}></span><calcite-list label="Related items">${this.relatedItems.map((t) => o({ item: t, portal: this.portal, user: this.user, lang: this.messages._lang }))}</calcite-list>` : null;
+    const s = this.relatedItemsCount ?? this.relatedItems.length;
+    if (!s)
+      return null;
+    const i = new Intl.NumberFormat(this.deleteMessages._t9nLocale), a = i.format(s), e = this.showDependentItems ? this.deleteMessages.dependentItems : this.deleteMessages.impactedItems.title, c = this.showDependentItems ? this.deleteMessages.itemsDependingOnThisItem : this.deleteMessages.deletingWillImpactOtherItems, l = this.portal && this.sourceItem ? `${u({ portal: this.portal })}/item.html?id=${this.sourceItem.id}#usage` : void 0;
+    return o`<calcite-block .heading=${c.replace("{count}", a)} collapsible .label=${e} icon-start=exclamation-mark-triangle><div class="items-directly-using"><div class="impacted-items-labels"><span class="impacted-items-title">${e}</span>${!this.showDependentItems && o`<span class="impacted-items-access-count">${this.deleteMessages.impactedItems.itemsYouHaveAccessTo.replace("{accessCount}", i.format(this.relatedItems.length)).replace("{totalCount}", a)}</span>` || ""}</div><calcite-button appearance=transparent icon-end=launch @click=${() => {
+      l && window.open(l, "_blank");
+    }}>${this.deleteMessages.impactedItems["View usage"]}</calcite-button></div><calcite-list .label=${e}>${this.relatedItems.map((r) => h({ item: r, portal: this.portal, user: this.user, lang: this.messages._lang, modifiedLabel: this.browserMessages.filterDate.modified }))}</calcite-list></calcite-block>`;
   }
 }
-e("arcgis-portal-review-related-items", n);
+n("arcgis-portal-review-related-items", b);
 export {
-  n as ArcgisPortalReviewRelatedItems
+  b as ArcgisPortalReviewRelatedItems
 };

package/dist/components/arcgis-portal-review-related-items/index.js

@@ -1,2 +1,4 @@
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-list";
 export * from "./customElement.js";

package/dist/components/portal-related-items-list-item/customElement.js

@@ -1,20 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { html as s } from "lit";
-import { nothing as $ } from "@arcgis/lumina";
-import { g as d } from "../../chunks/user2.js";
-function b({ item: t, portal: c, user: e, lang: o, showAccessInfo: l = !0, relatedItemsCount: r = 0, relatedItemsCountTitle: i, onRelatedItemsClick: p }) {
-  const a = t.itemPageUrl ?? void 0, n = t.title ?? "", m = {
+import { html as i } from "lit";
+import { formatDate as v } from "@arcgis/core/intl.js";
+import { nothing as h } from "@arcgis/lumina";
+import { g as y } from "../../chunks/user2.js";
+import { b as u } from "../../chunks/url.js";
+function B({ item: e, portal: t, user: c, lang: p, modifiedLabel: n, showAccessInfo: m = !0, relatedItemsCount: d = 0, relatedItemsCountTitle: s, onRelatedItemsClick: $ }) {
+  const a = "inRecycleBin" in e && e.inRecycleBin === !0, o = t && !a ? `${u({ portal: t })}/item.html?id=${e.id}` : void 0, l = e.title ?? "", r = v(e.modified ?? void 0, { dateStyle: "medium" }), _ = n ? n.replace("${date}", r ?? "") : r ?? "", f = {
     public: "globe",
-    private: "lock",
+    private: "user",
     org: "organization",
     shared: "group"
-  }[t.access];
-  return s`<calcite-list-item .label=${n} @calciteListItemSelect=${() => {
-    a && window.open(a, "_blank", "noopener,noreferrer");
-  }}><span slot=content-start><arcgis-portal-item-type .item=${t} .portal=${c} .user=${e} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${n}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${t} .user=${e} .portal=${c} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${d(e, o) ?? t.owner}</span></div></div></div><div slot=content-end class="item__content-end">${r > 0 && s`<calcite-chip .label=${i} title=${i ?? $} icon=launch @click=${(_) => {
-    _.stopPropagation(), p?.();
-  }}>${i}</calcite-chip>` || ""}${l && s`<span class="item__access"><calcite-icon .icon=${m} scale=s class="item__access-icon"></calcite-icon></span>` || ""}</div></calcite-list-item>`;
+  }[e.access];
+  return i`<calcite-list-item .label=${l} @calciteListItemSelect=${() => {
+    o && window.open(o, "_blank", "noopener,noreferrer");
+  }}><span slot=content-start><arcgis-portal-item-type .item=${e} .portal=${t} .user=${c} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${l}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${e} .user=${c} .portal=${t} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${y(c, p) ?? e.owner}</span>|<span class="item__details-modified">${_}</span></div></div></div><div slot=content-end class="item__content-end">${a && i`<calcite-icon class="item__status-icon" icon=recycle-bin scale=s></calcite-icon>` || ""}${d > 0 && i`<calcite-chip .label=${s} title=${s ?? h} icon=launch @click=${(g) => {
+    g.stopPropagation(), $?.();
+  }}>${s}</calcite-chip>` || ""}${m && !a && i`<span class="item__access"><calcite-icon .icon=${f} scale=s class="item__access-icon"></calcite-icon></span>` || ""}</div></calcite-list-item>`;
 }
 export {
-  b as RelatedItemsListItem
+  B as RelatedItemsListItem
 };

package/dist/components/portal-related-items-list-item/index.js

@@ -1,5 +1,5 @@
 import "@esri/calcite-components/components/calcite-list-item";
 import "../arcgis-portal-item-type/index.js";
-import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-chip";
 export * from "./customElement.js";