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

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,57 @@
 /* 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 p } from "../../chunks/runtime.js";
+import { LitElement as u } from "@arcgis/lumina";
+import { css as h, html as o } from "lit";
+import { f as d } from "../../chunks/user.js";
+import { f as g } from "../../chunks/item.js";
+import { s as I } from "../../chunks/portal-related-items-list-item.js";
+import { u as n } from "../../chunks/useT9n.js";
+import { RelatedItemsListItem as f } from "../portal-related-items-list-item/customElement.js";
+import { g as w } from "../../chunks/url.js";
+const b = h`: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)}.view-full-list{margin:.5rem 0}.items-list{max-block-size:250px;overflow-y:auto}calcite-block{--calcite-block-icon-start-color: var(--calcite-color-status-warning)}`, c = 20;
+class v extends u {
   constructor() {
-    super(...arguments), this.messages = a({ blocking: !0 }), this.sourceItem = null, this.relatedItems = [];
+    super(...arguments), this.messages = n({ blocking: !0 }), this.browserMessages = n({ name: "portal-browser", blocking: !0 }), this.deleteMessages = n({ name: "portal-delete-items", blocking: !0 }), this.userRequestId = 0, this.itemGroups = {}, this.itemOwners = {}, this.sourceItem = null, this.relatedItems = [], this.showDependentItems = !1;
   }
   static {
-    this.properties = { sourceItem: 0, relatedItems: 0, portal: 0, user: 0 };
+    this.properties = { itemGroups: 16, itemOwners: 16, sourceItem: 0, relatedItems: 0, relatedItemsCount: 9, showDependentItems: 5, portal: 0, user: 0 };
   }
   static {
-    this.styles = [c, m];
+    this.styles = [b, I];
+  }
+  willUpdate(e) {
+    (e.has("relatedItems") || e.has("portal") || e.has("user")) && (this.itemGroups = {}, this.itemOwners = {}, this.loadGroupSharing(++this.userRequestId), this.loadItemOwners());
+  }
+  async loadItemOwners() {
+    const { portal: e, relatedItems: s } = this;
+    if (!e)
+      return;
+    const a = [
+      ...new Set(s.slice(0, c).map((t) => t.owner).filter((t) => !!t))
+    ], i = await Promise.all(a.map(async (t) => [t, await d(t, e)]));
+    this.itemOwners = Object.fromEntries(i);
+  }
+  async loadGroupSharing(e) {
+    const { portal: s, relatedItems: a } = this, i = this.user ?? s?.user;
+    if (!s || !i?.username || !a.length)
+      return;
+    const t = await d(i.username, s);
+    if (e !== this.userRequestId)
+      return;
+    const { result: r } = await g(s, t, a);
+    e === this.userRequestId && (this.itemGroups = r ?? {});
   }
   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 e = this.relatedItemsCount ?? this.relatedItems.length;
+    if (!e && !this.relatedItems.length)
+      return null;
+    const s = new Intl.NumberFormat(this.deleteMessages._t9nLocale), a = s.format(e), i = this.showDependentItems ? this.deleteMessages.dependentItems : this.deleteMessages.impactedItems.title, t = this.showDependentItems ? this.deleteMessages.itemsDependingOnThisItem : this.deleteMessages.deletingWillImpactOtherItems, r = this.portal && this.sourceItem ? `${w({ portal: this.portal })}/item.html?id=${this.sourceItem.id}#usage` : void 0, m = () => {
+      r && window.open(r, "_blank");
+    };
+    return o`<calcite-block .heading=${t.replace("{count}", a)} collapsible .label=${i} icon-start=exclamation-mark-triangle><div class="items-directly-using"><div class="impacted-items-labels"><span class="impacted-items-title">${i}</span>${!this.showDependentItems && o`<span class="impacted-items-access-count">${this.deleteMessages.impactedItems.itemsYouHaveAccessTo.replace("{accessCount}", s.format(this.relatedItems.length)).replace("{totalCount}", a)}</span>` || ""}</div><calcite-button appearance=transparent icon-end=launch @click=${m}>${this.deleteMessages.impactedItems["View usage"]}</calcite-button></div><div class="items-list"><calcite-list .label=${i}>${this.relatedItems.slice(0, c).map((l) => f({ item: l, owner: this.itemOwners[l.owner], portal: this.portal, user: this.user, lang: this.messages._lang, modifiedLabel: this.browserMessages.filterDate.modified, access: { level: l.access, groupIds: l.id ? this.itemGroups[l.id] : void 0 } }))}</calcite-list>${this.relatedItems.length > c && o`<calcite-button class="view-full-list" appearance=transparent icon-end=launch @click=${m}>${this.deleteMessages.impactedItems["View full list"]}</calcite-button>` || ""}</div></calcite-block>`;
   }
 }
-e("arcgis-portal-review-related-items", n);
+p("arcgis-portal-review-related-items", v);
 export {
-  n as ArcgisPortalReviewRelatedItems
+  v 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/arcgis-portal-sublayer-type/customElement.js

@@ -1,101 +1,11 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as o } from "../../chunks/runtime.js";
-import { css as l, html as t } from "lit";
-import { LitElement as y, safeClassMap as c } from "@arcgis/lumina";
+import { c as a } from "../../chunks/runtime.js";
+import { css as l, html as e } from "lit";
+import { LitElement as o, safeClassMap as c } from "@arcgis/lumina";
 import { u as m } from "../../chunks/useT9n.js";
-const u = l`:host{display:inline-flex;align-items:center;line-height:1.35;--sublayer-type-font-size: var(--calcite-font-size--1)}.sublayer-type{display:inline-flex;align-items:center;max-width:100%;min-width:0}.text{flex:1 1 0%;margin-inline-start:.5rem;color:inherit}.name{font-weight:500;font-size:var(--sublayer-type-font-size);overflow-wrap:anywhere;white-space:normal}.name--underline{text-decoration:underline}.type{font-weight:400;color:var(--calcite-color-text-2);font-size:var(--sublayer-type-font-size)}`;
-function p({ geometry: n, type: e }) {
-  if (e !== void 0)
-    switch (e) {
-      case "Annotation Layer":
-        return {
-          icon: "layer-annotation",
-          type: "annotation",
-          isGeometry: !1
-        };
-      case "Dimension Layer":
-        return {
-          icon: "layer-dimension",
-          type: "dimension",
-          isGeometry: !1
-        };
-      case "Utility Network Layer":
-        return {
-          icon: "utility-network-layer",
-          type: "utility network",
-          isGeometry: !1
-        };
-      case "Catalog Layer":
-        return {
-          icon: "catalog-dataset",
-          type: "catalog",
-          isGeometry: !1
-        };
-      case "Parcel Layer":
-        return {
-          icon: "parcel-layer",
-          type: "parcel",
-          isGeometry: !1
-        };
-      case "Oriented Imagery Layer":
-        return {
-          icon: "oriented-imagery-layer",
-          type: "oriented imagery",
-          isGeometry: !1
-        };
-      case "Table":
-        return {
-          icon: "table",
-          type: "table",
-          isGeometry: !0
-        };
-    }
-  switch (n) {
-    case "point":
-    case "esriGeometryPoint":
-      return {
-        type: "point",
-        icon: "point",
-        isGeometry: !0
-      };
-    case "esriGeometryMultipoint":
-    case "multipoint":
-      return {
-        type: "multipoint",
-        icon: "layer-points",
-        isGeometry: !0
-      };
-    case "line":
-    case "polyline":
-    case "esriGeometryPolyline":
-      return {
-        type: "line",
-        icon: "line",
-        isGeometry: !0
-      };
-    case "polygon":
-    case "esriGeometryPolygon":
-      return {
-        type: "polygon",
-        icon: "polygon",
-        isGeometry: !0
-      };
-    case "multipatch":
-    case "esriGeometryMultiPatch":
-      return {
-        type: "multipatch",
-        icon: "cube",
-        isGeometry: !0
-      };
-    default:
-      return {
-        type: "table",
-        icon: "table",
-        isGeometry: !0
-      };
-  }
-}
-class h extends y {
+import { g as h } from "../../chunks/utils3.js";
+const d = l`:host{display:inline-flex;align-items:center;line-height:1.35;--sublayer-type-font-size: var(--calcite-font-size--1)}.sublayer-type{display:inline-flex;align-items:center;max-width:100%;min-width:0}.text{flex:1 1 0%;margin-inline-start:.5rem;color:inherit}.name{font-weight:500;font-size:var(--sublayer-type-font-size);overflow-wrap:anywhere;white-space:normal}.name--underline{text-decoration:underline}.type{font-weight:400;color:var(--calcite-color-text-2);font-size:var(--sublayer-type-font-size)}`;
+class y extends o {
   constructor() {
     super(...arguments), this.messages = m({ blocking: !0 }), this.hideName = !1, this.hideIcon = !1, this.hideType = !1, this.underline = !1;
   }
@@ -103,19 +13,19 @@ class h extends y {
     this.properties = { geometry: 1, type: 1, scale: 3, name: 1, hideName: 5, hideIcon: 5, hideType: 5, underline: 5, renderer: 0 };
   }
   static {
-    this.styles = u;
+    this.styles = d;
   }
   render() {
     if (!this.messages._lang)
       return null;
-    const e = p({ type: this.type, geometry: this.geometry });
+    const t = h({ type: this.type, geometry: this.geometry });
     if (this.renderer)
-      return this.renderer({ ...e, name: this.name ?? "" });
-    const { hideIcon: s, hideName: i, hideType: r, underline: a } = this;
-    return i && s && r ? null : t`<div class="sublayer-type">${!s && t`<calcite-icon .icon=${e.icon} .scale=${this.scale}></calcite-icon>` || ""}${(!i || !r) && t`<div class="text">${!i && t`<div class=${c({ name: !0, "name--underline": a })}>${this.name ?? ""}</div>` || ""}${!r && t`<div class="type">${this.messages[e.type]}</div>` || ""}</div>` || ""}</div>`;
+      return this.renderer({ ...t, name: this.name ?? "" });
+    const { hideIcon: r, hideName: i, hideType: s, underline: n } = this;
+    return i && r && s ? null : e`<div class="sublayer-type">${!r && e`<calcite-icon .icon=${t.icon} .scale=${this.scale}></calcite-icon>` || ""}${(!i || !s) && e`<div class="text">${!i && e`<div class=${c({ name: !0, "name--underline": n })}>${this.name ?? ""}</div>` || ""}${!s && e`<div class="type">${this.messages[t.type]}</div>` || ""}</div>` || ""}</div>`;
   }
 }
-o("arcgis-portal-sublayer-type", h);
+a("arcgis-portal-sublayer-type", y);
 export {
-  h as ArcgisPortalSublayerType
+  y as ArcgisPortalSublayerType
 };