@arcgis/portal-components 6.0.0-next.4 → 6.0.0-next.6

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-navigation/index.js

@@ -8,8 +8,8 @@ import "@esri/calcite-components/components/calcite-list";
 import "../arcgis-portal-item-type/index.js";
 import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-input";
 import "@esri/calcite-components/components/calcite-dropdown-item";
+import "@esri/calcite-components/components/calcite-input";
 import "@esri/calcite-components/components/calcite-dropdown";
 import "../arcgis-portal-user-avatar/index.js";
 import "@esri/calcite-components/components/calcite-dropdown-group";

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";