@arcgis/portal-components 5.2.0-next.15 → 5.2.0-next.151

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

@@ -0,0 +1,360 @@
+/// <reference path="../../index.d.ts" />
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type PortalItem from "@arcgis/core/portal/PortalItem.js";
+import type PortalUser from "@arcgis/core/portal/PortalUser.js";
+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;
+      everyone: string;
+      organization: string;
+      group: string;
+      owner: string;
+  } & T9nMeta<{
+      itemsDirectlyUsing: string;
+      everyone: string;
+      organization: string;
+      group: string;
+      owner: string;
+  }>;
+  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

@@ -0,0 +1,57 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+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/item2.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 { b 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}calcite-block{--calcite-block-icon-start-color: var(--calcite-color-status-warning)}calcite-list{max-block-size:250px;overflow-y:auto}`, c = 20;
+class v extends u {
+  constructor() {
+    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 = { itemGroups: 16, itemOwners: 16, sourceItem: 0, relatedItems: 0, relatedItemsCount: 9, showDependentItems: 5, portal: 0, user: 0 };
+  }
+  static {
+    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() {
+    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><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>` || ""}</calcite-block>`;
+  }
+}
+p("arcgis-portal-review-related-items", v);
+export {
+  v as ArcgisPortalReviewRelatedItems
+};

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

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

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

@@ -0,0 +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.d.ts

@@ -0,0 +1,76 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalGeometryType } from "../../types/geometry.js";
+import type { SublayerTypeRenderer } from "./utils.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+/** Displays the icon and label used to represent a sublayer type. */
+export abstract class ArcgisPortalSublayerType extends LitElement {
+  /** Geometry type of the layer or table. */
+  accessor geometry: PortalGeometryType | undefined;
+  /**
+   * Set to true to hide the layer icon.
+   *
+   * @default false
+   */
+  accessor hideIcon: boolean;
+  /**
+   * Set to true to hide the layer name.
+   *
+   * @default false
+   */
+  accessor hideName: boolean;
+  /**
+   * Set to true to hide the type text.
+   *
+   * @default false
+   */
+  accessor hideType: boolean;
+  /** @internal */
+  protected messages: {
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  } & T9nMeta<{
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  }>;
+  /** Layer or table name. */
+  accessor name: string | undefined;
+  /** Custom renderer function that receives the resolved type information. */
+  accessor renderer: SublayerTypeRenderer | undefined;
+  /** Desired size. */
+  accessor scale: Icon["scale"] | undefined;
+  /** Type of the layer or table. */
+  accessor type: string | undefined;
+  /**
+   * Underline the layer name. Primarily used to denote links.
+   *
+   * @default false
+   */
+  accessor underline: boolean;
+}

package/dist/components/arcgis-portal-sublayer-type/customElement.js

@@ -0,0 +1,121 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/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 { 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 {
+  constructor() {
+    super(...arguments), this.messages = m({ blocking: !0 }), this.hideName = !1, this.hideIcon = !1, this.hideType = !1, this.underline = !1;
+  }
+  static {
+    this.properties = { geometry: 1, type: 1, scale: 3, name: 1, hideName: 5, hideIcon: 5, hideType: 5, underline: 5, renderer: 0 };
+  }
+  static {
+    this.styles = u;
+  }
+  render() {
+    if (!this.messages._lang)
+      return null;
+    const e = p({ 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>`;
+  }
+}
+o("arcgis-portal-sublayer-type", h);
+export {
+  h as ArcgisPortalSublayerType
+};

package/dist/components/arcgis-portal-sublayer-type/index.d.ts

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

package/dist/components/arcgis-portal-sublayer-type/index.js

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-sublayer-type/utils.d.ts

@@ -0,0 +1,30 @@
+import type { JsxNode } from "@arcgis/lumina";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+/** @param args */
+export type SublayerTypeRenderer = (args: SublayerTypeRendererArguments) => JsxNode;
+
+export interface SublayerTypeRendererArguments extends SublayerTypeInfo {
+  name: string;
+}
+
+export interface SublayerTypeInfo {
+  icon: Icon["icon"];
+  type: keyof {
+      point: string;
+      line: string;
+      polygon: string;
+      multipatch: string;
+      multipoint: string;
+      table: string;
+      annotation: string;
+      catalog: string;
+      dimension: string;
+      "oriented imagery": string;
+      parcel: string;
+      "utility network": string;
+      topology: string;
+      "trace network": string;
+  };
+  isGeometry: boolean;
+}

package/dist/components/arcgis-portal-user-avatar/customElement.d.ts

@@ -6,6 +6,15 @@ import type { Scale } from "../../types/ui.js";
 import type { CommunityUser, ItemUserInfo, SearchResultUser } from "../../types/user.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
+declare module "@arcgis/lumina" {
+export interface DeclareCssProperties {
+  /** width and height of avatar */
+  "--arcgis-portal-user-avatar-size": "*";
+  /** width of skeleton state while avatar is loading */
+  "--arcgis-portal-user-avatar-skeleton-width": "*";
+}
+}
+
 export abstract class ArcgisPortalUserAvatar extends LitElement {
   /**
    * @default false