@arcgis/portal-components 5.2.0-next.13 → 5.2.0-next.131

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

@@ -0,0 +1,128 @@
+/// <reference path="../../index.d.ts" />
+import type PortalItem from "@arcgis/core/portal/PortalItem.js";
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type PortalUser from "@arcgis/core/portal/PortalUser.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { DeleteItemResponse } from "./services.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * Displays a confirmation dialog for deleting portal items.
+ *
+ * @internal
+ */
+export abstract class ArcgisPortalDeleteItems extends LitElement {
+  /**
+   * Whether or not the delete items modal is open.
+   *
+   * @default true
+   */
+  accessor active: boolean;
+  /**
+   * If true, the selected items do not contain links to item details.
+   * Generally used when already on item details, or if it's already known
+   * that an item does not exist.
+   *
+   * @default false
+   */
+  accessor disableLinks: boolean;
+  /** The portal items to delete. */
+  accessor items: PortalItem[];
+  /** @internal */
+  protected messages: {
+      deleteItem: string;
+      deleteItems: string;
+      delete: string;
+      cancel: string;
+      moreInfo: string;
+      bucketItems: string;
+      directlyUsedBy: string;
+      usedByOtherItems: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+      usedByPopover: string;
+      deleteDiscouraged: string;
+      learnMoreAboutDeletingSourceItems: string;
+      reviewRelatedItems: {
+          single: string;
+          multiple: string;
+      };
+      reviewItems: string;
+      reviewImpactedItems: string;
+      summary: {
+          willBeRecycled: string;
+          cannotDelete: string;
+          permanentlyDelete: string;
+          canBeRecovered: { single: string; };
+          permanentDelete: { notSupported: { single: string; }; };
+          protectedGroup: {
+              deleteProtectedDescription: string;
+              hasDependentItemsDescription: { singleOneDependentItem: string; };
+          };
+      };
+      areYouSure: { multiple: string; };
+  } & T9nMeta<{
+      deleteItem: string;
+      deleteItems: string;
+      delete: string;
+      cancel: string;
+      moreInfo: string;
+      bucketItems: string;
+      directlyUsedBy: string;
+      usedByOtherItems: {
+          single: string;
+          multiple: string;
+          unknown: string;
+      };
+      usedByPopover: string;
+      deleteDiscouraged: string;
+      learnMoreAboutDeletingSourceItems: string;
+      reviewRelatedItems: {
+          single: string;
+          multiple: string;
+      };
+      reviewItems: string;
+      reviewImpactedItems: string;
+      summary: {
+          willBeRecycled: string;
+          cannotDelete: string;
+          permanentlyDelete: string;
+          canBeRecovered: { single: string; };
+          permanentDelete: { notSupported: { single: string; }; };
+          protectedGroup: {
+              deleteProtectedDescription: string;
+              hasDependentItemsDescription: { singleOneDependentItem: string; };
+          };
+      };
+      areYouSure: { multiple: string; };
+  }>;
+  /** The portal instance. */
+  accessor portal: Portal;
+  /** The user performing deletion. */
+  accessor user: PortalUser | null | undefined;
+  /** Emitted when the user cancels the deletion. */
+  readonly arcgisCancel: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the user confirms the deletion. */
+  readonly arcgisConfirm: import("@arcgis/lumina").TargetedEvent<this, DeleteItemsPayload>;
+  /** Emitted when an error occurs during deletion. */
+  readonly arcgisError: import("@arcgis/lumina").TargetedEvent<this, DeleteItemsPayload>;
+  readonly "@eventTypes": {
+    arcgisCancel: ArcgisPortalDeleteItems["arcgisCancel"]["detail"];
+    arcgisConfirm: ArcgisPortalDeleteItems["arcgisConfirm"]["detail"];
+    arcgisError: ArcgisPortalDeleteItems["arcgisError"]["detail"];
+  };
+}
+
+/** @internal */
+export interface DeleteItemsPayload {
+  deletedItems: DeleteItemResponse[] | null;
+  permanentlyDeletedItems: DeleteItemResponse[] | null;
+  /**
+   * Optional overrides for the number of items deleted.
+   * Needed if composite items are included for delete, because they are not part of the `/deleteItems` response
+   */
+  deletedItemsCount?: number;
+  permanentlyDeletedItemsCount?: number;
+}

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

@@ -0,0 +1,452 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as S } from "../../chunks/runtime.js";
+import { LitElement as $, createEvent as y, nothing as R } from "@arcgis/lumina";
+import { css as _, html as d } from "lit";
+import k from "@arcgis/core/request.js";
+import { c as B } from "../../chunks/functional.js";
+import f from "@arcgis/core/portal/PortalItem.js";
+import { r as w } from "../../chunks/request.js";
+import "../arcgis-portal-review-related-items/customElement.js";
+import { a as p } from "../../chunks/item2.js";
+import { u as T } from "../../chunks/useT9n.js";
+import { substitute as x } from "@arcgis/core/intl.js";
+async function C(r, e, t = !1) {
+  try {
+    const s = /* @__PURE__ */ new Map();
+    for (const a of r) {
+      const { id: l, owner: o } = a, c = s.get(o) ?? [];
+      c.push(l), s.set(o, c);
+    }
+    const i = [];
+    for (const [a, l] of s) {
+      const o = `${e.restUrl}/content/users/${encodeURIComponent(a)}/deleteItems`;
+      for (const c of B(l, 100)) {
+        const u = k(o, {
+          method: "post",
+          query: {
+            f: "json",
+            items: c.join(","),
+            permanentDelete: t
+          }
+        });
+        i.push(u.then(({ data: g }) => g));
+      }
+    }
+    return { result: (await Promise.all(i)).flatMap(({ results: a }) => a) };
+  } catch {
+    return { error: { code: "unhandledError" } };
+  }
+}
+async function v(r) {
+  const { item: e, portal: t, permanentlyDelete: s } = r, { id: i, owner: n } = e;
+  if (!i || !n)
+    return { error: { code: "unhandledError" } };
+  const a = t.recycleBinEnabled && !s ? "/canRecycle" : "/canDelete", l = `${t.restUrl}/content/users/${encodeURIComponent(n)}/items/${i}${a}`;
+  try {
+    return { result: (await k(l, { query: { f: "json" } })).data };
+  } catch (o) {
+    const c = o.details?.raw;
+    switch (c?.messageCode) {
+      case "CONT_00481":
+      case "CONT_00483":
+      case "CONT_00484":
+        return { error: { code: "itemHasDependentItems" } };
+      case "CONT_0048":
+        return { error: { code: "itemDeleteProtected" } };
+      default:
+        return { error: { code: "unhandledError", message: c?.message } };
+    }
+  }
+}
+function b(r, e) {
+  return (r.relatedItems ?? []).map((t) => P(t, e));
+}
+function P(r, e) {
+  return r instanceof f ? r : new f({ ...r, portal: e });
+}
+async function h({
+  itemId: r,
+  portal: e,
+  relationship: t,
+  includeRecycleBin: s,
+  nextkey: i
+}) {
+  const { relationshipType: n, direction: a } = t, l = `${e.restUrl}/content/items/${r}/relatedItems`;
+  try {
+    const o = await w({
+      url: l,
+      portal: e,
+      params: {
+        includeRecycleBin: s,
+        f: "json",
+        relationshipType: n ? Array.isArray(n) ? n.join(",") : n : void 0,
+        direction: a,
+        nextkey: i
+      }
+    });
+    return {
+      success: !0,
+      result: { ...o, relatedItems: b(o, e) }
+    };
+  } catch (o) {
+    return { success: !1, error: o };
+  }
+}
+async function U({
+  itemId: r,
+  portal: e,
+  relationship: t,
+  includeRecycleBin: s,
+  num: i,
+  nextkey: n
+}) {
+  const { relationshipRules: a, direction: l } = t, o = `${e.restUrl}/content/items/${r}/relatedItems`;
+  try {
+    const c = await w({
+      url: o,
+      portal: e,
+      params: {
+        includeRecycleBin: s,
+        f: "json",
+        ...a?.length ? { relationshipRules: a.join(",") } : {},
+        includeSystemManaged: "true",
+        excludedFlags: "legacy,exclude",
+        num: i,
+        direction: l,
+        nextkey: n
+      }
+    });
+    return {
+      success: !0,
+      result: { ...c, relatedItems: b(c, e) }
+    };
+  } catch (c) {
+    return { success: !1, error: c };
+  }
+}
+async function F(r, e) {
+  const { id: t, type: s, typeKeywords: i = [] } = r;
+  if (!t)
+    return null;
+  const n = [
+    "Scene Service",
+    "Map Service",
+    "WFS",
+    "OGCFeatureServer",
+    "Vector Tile Service",
+    "3DTiles Service"
+  ].includes(s), a = ["Map Service", "Vector Tile Service"].includes(s), l = (c) => c?.typeKeywords?.includes("View Service") ?? !1, o = () => n ? [
+    { relationshipType: ["Service2Service"], direction: "reverse" },
+    { relationshipType: ["Service2Data"], direction: "forward" }
+  ] : i.includes("Bulk Published Service") ? { relationshipType: ["DataStore2BPService"], direction: "reverse" } : s === "Geoprocessing Service" && i.includes("Notebook Web Tool") ? { relationshipType: ["Notebook2WebTool"], direction: "reverse" } : i.includes("Route Layer") ? { relationshipType: ["Service2Route"], direction: "reverse" } : s === "Mobile Application" ? { relationshipType: ["MobileApp2Code"], direction: "reverse" } : s === "Map Package" ? { relationshipType: ["Area2Package"], direction: "reverse" } : s === "Feature Service" ? { relationshipType: ["Service2Layer"], direction: "reverse" } : i.includes("Document") ? { relationshipType: ["Item2Attachment"], direction: "reverse" } : s === "Application Configuration" ? { relationshipType: ["Map2AppConfig"], direction: "reverse" } : { relationshipType: ["Service2Data"], direction: "forward" };
+  try {
+    const c = o();
+    if (!c)
+      return null;
+    if (!Array.isArray(c))
+      return {
+        sourceData: (await h({
+          itemId: t,
+          portal: e,
+          relationship: c
+        })).result?.relatedItems?.[0] ?? null,
+        relationship: c
+      };
+    if (n) {
+      let u = { relationshipType: ["Service2Service"], direction: "reverse" };
+      const g = await h({
+        itemId: t,
+        portal: e,
+        relationship: u
+      }), m = g.result?.total ? g.result.relatedItems.shift() ?? null : null;
+      if (a && !l(m) || !m) {
+        u = { relationshipType: ["Service2Data"], direction: "forward" };
+        const I = await h({
+          itemId: t,
+          portal: e,
+          relationship: u
+        });
+        return {
+          sourceData: I.result?.total ? I.result.relatedItems.shift() ?? m : m,
+          relationship: u
+        };
+      }
+      return { sourceData: m, relationship: u };
+    }
+    return null;
+  } catch (c) {
+    return console.error(c), { sourceData: null, relationship: { direction: "forward" } };
+  }
+}
+async function A(r, e) {
+  const { id: t, type: s, typeKeywords: i = [] } = r;
+  try {
+    const a = s === "Notebook" ? { relationshipType: ["Notebook2WebTool"], direction: "forward" } : i.includes("Has Related Route Layers") ? { relationshipType: ["Service2Route"], direction: "forward" } : i.includes("Hosted Service") || s === "Feature Service" ? { relationshipType: ["Service2Service"], direction: s === "Feed" ? "reverse" : "forward" } : s === "Data Store" || i.includes("ArcGIS Server") ? { relationshipType: ["DataStore2BPService"], direction: "forward" } : { relationshipType: ["Service2Data"], direction: "reverse" }, l = await h({
+      itemId: t,
+      portal: e,
+      relationship: a
+    });
+    return {
+      resultData: {
+        items: l.result?.total ? l.result.relatedItems : null,
+        count: l.result?.total ?? 0
+      },
+      relationship: a
+    };
+  } catch (n) {
+    return console.error(n), {
+      resultData: { items: null, count: 0 },
+      relationship: { direction: "forward" }
+    };
+  }
+}
+async function L(r, e) {
+  const { id: t } = r;
+  try {
+    return (await h({
+      itemId: t,
+      portal: e,
+      relationship: { relationshipType: ["ReplacementItem2Item"], direction: "forward" }
+    })).result?.relatedItems ?? [];
+  } catch (s) {
+    return console.error(s), [];
+  }
+}
+async function M(r, e) {
+  const t = await U({
+    itemId: r.id,
+    portal: e,
+    relationship: { direction: "forward" }
+  }), s = await F(r, e), i = await A(r, e), n = await L(r, e), a = {
+    usedByItems: t.result?.relatedItems ?? [],
+    sourceData: s?.sourceData ?? null,
+    resultData: i.resultData.items,
+    replacementItemFor: n.length ? n : null
+  }, { result: l, error: o } = await v({
+    item: r,
+    portal: e,
+    permanentlyDelete: !1
+  });
+  if (o)
+    switch (o.code) {
+      case "itemHasDependentItems":
+        return { item: r, ...a, kind: "cannotDelete", reason: "hasDependentItems" };
+      case "itemDeleteProtected":
+        return { item: r, ...a, kind: "cannotDelete", reason: "deleteProtected" };
+      default:
+        return { item: r, ...a, kind: "cannotDelete", reason: "uncaught" };
+    }
+  if (!l?.success) {
+    const { result: c } = await v({
+      item: r,
+      portal: e,
+      permanentlyDelete: !0
+    });
+    return c?.success ? { item: r, ...a, kind: "permanentlyDelete", reason: "notSupported" } : { item: r, ...a, kind: "cannotDelete", reason: "uncaught" };
+  }
+  return { item: r, ...a, kind: "recycle" };
+}
+const E = _`:host{display:block}calcite-dialog{--calcite-dialog-content-space: 0;--calcite-dialog-background-color: var(--calcite-color-background)}calcite-panel{display:flex;flex-direction:column;gap:.75rem;>*{margin-inline:.75rem}}.panel__content{width:100%;box-sizing:border-box}.bucket__content{display:flex;align-items:flex-start;gap:.75rem;width:100%}.bucket__icon{flex-shrink:0}.bucket__details{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.bucket__header{font-weight:500}.bucket__label{margin-inline-end:.25rem}.bucket__description{line-height:1.35;font-size:var(--calcite-font-size--1)}.bucket__link{display:flex;align-items:center;min-height:1.5rem}.panel__checkbox{width:100%;padding-block:.75rem;padding-inline-start:.75rem;background-color:var(--calcite-color-foreground-1)}.panel__related-items{margin-top:1rem;border:1px solid var(--calcite-color-border-2)}.panel__related-items-icon{color:var(--calcite-color-status-warning)}.panel__related-items-notice{padding-bottom:.75rem}arcgis-portal-review-related-items{margin-bottom:.75rem}.discouraged-items-warning{margin-bottom:.75rem}`;
+function N({
+  recycleItems: r,
+  cannotDeleteItems: e,
+  permanentlyDeleteItems: t
+}) {
+  return [...r, ...e, ...t];
+}
+function H(r) {
+  return r.map(({ item: e, sourceData: t, resultData: s, replacementItemFor: i }) => ({
+    item: e,
+    sourceData: t,
+    resultData: s,
+    replacementItemFor: i
+  }));
+}
+function q(r, e, t) {
+  return !e && !!t?.length && !p(r);
+}
+function j({
+  selectedItems: r
+}) {
+  const e = [];
+  return e.push(
+    ...r.flatMap(({ item: t, sourceData: s, resultData: i, replacementItemFor: n }) => {
+      const a = q(t, s, i), l = !!(i?.some((o) => !o.inRecycleBin) && !z(t, i) && !O(t, i));
+      return a && l ? [{ item: t, reason: "dependent", offendingItems: i ?? void 0 }] : n && n?.length > 0 ? [{ item: t, reason: "replacement", offendingItems: n }] : [];
+    })
+  ), e;
+}
+function z(r, e) {
+  const t = e[0];
+  return r.type === "Feed" && p(r) && e.length === 1 && t?.type === "Feature Service" && p(t);
+}
+function O(r, e) {
+  const t = e[0];
+  return r.type === "Feature Service" && p(r) && e.length === 1 && t?.type === "Feed" && p(t);
+}
+function W(r, e, t, s) {
+  const i = ["id", "ja", "ko", "th", "vi", "zh-cn", "zh-hk", "zh-tw"], n = [
+    "en",
+    "ca",
+    "da",
+    "de",
+    "el",
+    "es",
+    "et",
+    "fi",
+    "hi",
+    "hu",
+    "it",
+    "nb",
+    "nl",
+    "pt-pt",
+    "sv",
+    "tr"
+  ], a = r ?? "en";
+  let l = e.unknown;
+  return (t === 1 || i.includes(a)) && (l = e.single), t !== 1 && n.includes(a) && (l = e.multiple), x(l, { ...s, number: t });
+}
+function D({ id: r, linkText: e, label: t, placement: s, relatedItems: i, portal: n, user: a }) {
+  return d`<calcite-link id=${r ?? R}>${e}</calcite-link><calcite-popover .label=${t} .referenceElement=${r} .placement=${s}><arcgis-portal-review-related-items .relatedItems=${i} .portal=${n} .user=${a}></arcgis-portal-review-related-items></calcite-popover>`;
+}
+class G extends $ {
+  constructor() {
+    super(...arguments), this.deleteStatusRequestId = 0, this.messages = T({ blocking: !0 }), this.isLoading = !0, this.hasReviewedImpactedItems = !1, this.cannotDeleteItems = [], this.recycleItems = [], this.permanentlyDeleteItems = [], this.reviewingDirectlyUsedByItems = !1, this.markedForDeprecation = [], this.active = !0, this.items = [], this.user = null, this.disableLinks = !1, this.arcgisCancel = y(), this.arcgisConfirm = y(), this.arcgisError = y();
+  }
+  static {
+    this.properties = { isLoading: 16, hasReviewedImpactedItems: 16, cannotDeleteItems: 16, recycleItems: 16, permanentlyDeleteItems: 16, reviewingDirectlyUsedByItems: 16, markedForDeprecation: 16, active: 5, items: 0, portal: 0, user: 0, disableLinks: 5 };
+  }
+  static {
+    this.styles = E;
+  }
+  willUpdate(e) {
+    const t = e.has("items") || e.has("portal") || e.has("user") || e.has("active");
+    this.active && t && (this.user ??= this.portal?.user || null, this.resetState(), this.determineDeleteStatus(++this.deleteStatusRequestId));
+  }
+  async handleDelete() {
+    const { result: e = [] } = await C(this.recycleItems.map(({ item: t }) => t), {
+      restUrl: this.portal.restUrl
+    });
+    this.active = !1, this.arcgisConfirm.emit({
+      deletedItems: e,
+      permanentlyDeletedItems: null,
+      deletedItemsCount: e?.length ?? 0,
+      permanentlyDeletedItemsCount: 0
+    });
+  }
+  handleDialogClose() {
+    this.active && this.arcgisCancel.emit(), this.active = !1, this.resetState();
+  }
+  resetState() {
+    this.isLoading = !0, this.hasReviewedImpactedItems = !1, this.cannotDeleteItems = [], this.recycleItems = [], this.permanentlyDeleteItems = [], this.reviewingDirectlyUsedByItems = !1, this.markedForDeprecation = [], ++this.deleteStatusRequestId;
+  }
+  async determineDeleteStatus(e) {
+    const t = await Promise.all(this.items.map(async (s) => await M(s, this.portal)));
+    e === this.deleteStatusRequestId && (this.cannotDeleteItems = t.filter((s) => s.kind === "cannotDelete"), this.recycleItems = t.filter((s) => s.kind === "recycle"), this.permanentlyDeleteItems = t.filter((s) => s.kind === "permanentlyDelete"), this.isLoading = !1);
+  }
+  get recyclableItemsHaveImpactedItems() {
+    return this.recycleItems.some(({ usedByItems: e }) => e.length > 0);
+  }
+  get itemsNeedReview() {
+    return this.recycleItems.some(({ usedByItems: e }) => e.length > 0);
+  }
+  get deleteButtonEnabled() {
+    return !this.isLoading && (!this.itemsNeedReview || this.hasReviewedImpactedItems);
+  }
+  get deleteMode() {
+    return this.markedForDeprecation.length > 0 ? "deprecate" : this.permanentlyDeleteItems.length > 0 ? "permanentlyDelete" : this.recycleItems.length > 0 && this.cannotDeleteItems.length > 0 ? "mixed" : this.recycleItems.length > 0 ? "delete" : (this.cannotDeleteItems.length > 0, "none");
+  }
+  getHeaderText() {
+    return this.items.length === 1 ? this.messages.deleteItem : this.messages.deleteItems;
+  }
+  renderBucket({ icon: e, label: t, description: s, link: i, bucket: n }) {
+    return d`<calcite-block scale=l expanded><div class="bucket__content"><calcite-icon class="bucket__icon" scale=l .icon=${e}></calcite-icon><div class="bucket__details"><div class="bucket__header"><span class="bucket__label">${t}</span><span>${this.renderBucketItems(n)}</span></div><span class="bucket__description">${s}</span>${i && d`<div class="bucket__link"><calcite-link .href=${i.href} target=_blank icon-start=launch>${i.text ?? this.messages.moreInfo}</calcite-link></div>` || ""}</div></div></calcite-block>`;
+  }
+  renderBucketItems(e = []) {
+    if (e.length === 0)
+      return null;
+    if (e.length === 1) {
+      const i = e[0].item, n = i.itemPageUrl ?? void 0;
+      return d`<calcite-link .href=${n} target=_blank><arcgis-portal-item-type .item=${i} .portal=${this.portal} .user=${this.user} hide-text></arcgis-portal-item-type>${i.title}</calcite-link>`;
+    }
+    const t = `delete-items-bucket-${e.map(({ item: i }) => i.id).join("-")}`, s = e.map(({ item: i }) => i);
+    return D({
+      id: t,
+      linkText: e.length,
+      label: this.messages.bucketItems.replace("{count}", String(e.length)),
+      placement: "bottom-start",
+      relatedItems: s,
+      portal: this.portal,
+      user: this.user
+    });
+  }
+  renderRelatedItemsPopover(e) {
+    const t = e.flatMap(({ usedByItems: i }) => i);
+    return e.length > 1 || t.length === 0 ? null : D({
+      id: "delete-items-directly-used-by",
+      linkText: W(this.messages._t9nLocale, this.messages.usedByOtherItems, t.length),
+      label: this.messages.usedByPopover,
+      placement: "auto",
+      relatedItems: t,
+      portal: this.portal,
+      user: this.user
+    });
+  }
+  renderDirectlyUsedByItems() {
+    const e = N({
+      recycleItems: this.recycleItems,
+      cannotDeleteItems: this.cannotDeleteItems,
+      permanentlyDeleteItems: this.permanentlyDeleteItems
+    }), t = e.flatMap(({ usedByItems: i }) => i), s = j({
+      selectedItems: H(e)
+    });
+    return d`${this.items.length === 1 && this.deleteMode === "delete" && s.length > 0 ? d`<div class="discouraged-items-warning"><calcite-notice kind=warning open><div slot=message>${this.messages.deleteDiscouraged}</div><calcite-link icon-end=launch slot=link>${this.messages.learnMoreAboutDeletingSourceItems}</calcite-link></calcite-notice></div>` : null}<arcgis-portal-review-related-items .sourceItem=${this.items[0] ?? null} .relatedItems=${t} .portal=${this.portal} .user=${this.user}></arcgis-portal-review-related-items>`;
+  }
+  renderDirectlyUsedByItemsNotice() {
+    const e = this.recycleItems.filter(({ usedByItems: s }) => s.length > 0).length, t = this.messages.reviewRelatedItems[this.items.length === 1 ? "single" : "multiple"].replace("{affectedCount}", String(e)).replace("{totalCount}", String(this.items.length));
+    return d`<div class="panel__related-items-notice"><calcite-notice kind=warning icon open><div slot=message>${t}</div><calcite-button appearance=transparent slot=actions-end @click=${() => this.reviewingDirectlyUsedByItems = !0}>${this.messages.reviewItems}</calcite-button></calcite-notice></div>`;
+  }
+  renderSingleItemDelete() {
+    return d`<calcite-panel>${this.renderRecycleBucket()}${this.renderCannotDeleteBucket()}${this.renderPermanentlyDeleteBucket()}${this.renderDirectlyUsedByItems()}${this.recyclableItemsHaveImpactedItems && d`<div>${this.items.length > 1 ? this.renderDirectlyUsedByItemsNotice() : null}</div>` || ""}</calcite-panel>`;
+  }
+  renderRecycleBucket() {
+    return !this.recycleItems || this.recycleItems.length === 0 ? null : this.renderBucket({
+      icon: "recycle-bin",
+      label: this.messages.summary.willBeRecycled,
+      description: this.messages.summary.canBeRecovered.single.replace("{days}", "14"),
+      bucket: this.recycleItems
+    });
+  }
+  renderCannotDeleteBucket() {
+    if (!this.cannotDeleteItems || this.cannotDeleteItems.length === 0)
+      return null;
+    const e = this.cannotDeleteItems?.[0]?.reason;
+    return this.renderBucket({
+      icon: "security",
+      label: this.messages.summary.cannotDelete,
+      description: e === "hasDependentItems" ? this.messages.summary.protectedGroup.hasDependentItemsDescription.singleOneDependentItem : this.messages.summary.protectedGroup.deleteProtectedDescription,
+      bucket: this.cannotDeleteItems
+    });
+  }
+  renderPermanentlyDeleteBucket() {
+    return !this.permanentlyDeleteItems || this.permanentlyDeleteItems.length === 0 ? null : this.renderBucket({
+      icon: "trash",
+      label: this.messages.summary.permanentlyDelete,
+      description: this.messages.summary.permanentDelete.notSupported.single,
+      bucket: this.permanentlyDeleteItems
+    });
+  }
+  render() {
+    const { items: e, portal: t, deleteMode: s } = this;
+    if (!(!e || !t))
+      return d`<calcite-dialog modal .open=${this.active} width=s .heading=${this.getHeaderText()} heading-level=2 outside-close-disabled escape-disabled kind=danger @calciteDialogClose=${this.handleDialogClose}><div class="panel__content">${this.isLoading ? d`<calcite-scrim loading></calcite-scrim>` : this.renderSingleItemDelete()}</div>${this.itemsNeedReview && d`<calcite-checkbox slot=content-bottom class="panel__checkbox" @calciteCheckboxChange=${(i) => {
+        this.hasReviewedImpactedItems = i.target.checked;
+      }} .labelText=${this.messages.reviewImpactedItems}></calcite-checkbox>` || ""}<calcite-button slot=footer-end appearance=outline-fill @click=${() => {
+        this.active = !1, this.arcgisCancel.emit();
+      }}>${this.messages.cancel}</calcite-button>${s !== "none" && d`<calcite-button .disabled=${!this.deleteButtonEnabled} kind=danger slot=footer-end @click=${async () => await this.handleDelete()}>${this.messages.delete}</calcite-button>` || ""}</calcite-dialog>`;
+  }
+}
+S("arcgis-portal-delete-items", G);
+export {
+  G as ArcgisPortalDeleteItems
+};

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,13 @@
+import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-popover";
+import "../arcgis-portal-review-related-items/index.js";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-icon";
+import "../arcgis-portal-item-type/index.js";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-scrim";
+import "@esri/calcite-components/components/calcite-checkbox";
+export * from "./customElement.js";

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

@@ -0,0 +1,7 @@
+import type { ArcgisRestError } from "../../types/services.js";
+
+export interface DeleteItemResponse {
+  itemId: string;
+  success: boolean;
+  error?: ArcgisRestError;
+}