@arcgis/portal-components 5.2.0-next.7 → 5.2.0-next.71

package/dist/components/arcgis-portal-group-browser/types.d.ts

@@ -0,0 +1,197 @@
+import type PortalGroup from "@arcgis/core/portal/PortalGroup.js";
+import type { SearchResult } from "../../types/search.js";
+import type { PortalBrowserSortField, PortalBrowserSortOrder } from "../arcgis-portal-browser-sort/utils.js";
+import type { PortalBrowserState } from "../arcgis-portal-browser/utils/store.js";
+import type { BrowserPageDetail } from "../arcgis-portal-browser/utils/types.js";
+import type { PortalGroupCardProps } from "../arcgis-portal-group-card/customElement.js";
+
+export interface PortalGroupBrowserFiltersConfig {
+  created?: GroupFilterConfig<PortalGroupBrowserDateFilterProps>;
+  modified?: GroupFilterConfig<PortalGroupBrowserDateFilterProps>;
+  owner?: GroupFilterConfig<PortalGroupBrowserOwnerFilterProps>;
+  membership?: GroupFilterConfig<PortalGroupBrowserMembershipFilterProps>;
+  memberOrg?: GroupFilterConfig<PortalGroupBrowserMemberOrgFilterProps>;
+  specialGroups?: GroupFilterConfig<PortalGroupBrowserSpecialGroupsFilterProps>;
+  access?: GroupFilterConfig<PortalGroupBrowserAccessFilterProps>;
+  groupsByUser?: GroupFilterConfig<PortalGroupBrowserGroupsByUserFilterProps>;
+}
+
+export interface PortalGroupBrowserSortConfig {
+  enabled: boolean;
+  props?: PortalGroupBrowserSortProps;
+}
+
+export interface PortalGroupBrowserQuery extends PortalGroupBrowserSortDetail, BrowserPageDetail {
+  searchTerm?: string;
+  searchUser?: string;
+  baseQuery?: string;
+  filters?: GroupBrowserFilterSet;
+}
+
+export interface GroupBrowserState extends PortalBrowserState<GroupBrowserFilterSet> {
+  type: "group-browser";
+  selection?: "multiple" | "none" | "single";
+  selectedGroups?: PortalGroup[];
+  hasIndoorsSpaces?: boolean;
+  view?: PortalGroupCardProps["view"];
+}
+
+export interface PortalGroupBrowserCardsConfig {
+  group?: (group: PortalGroup) => PortalGroupCardProps;
+}
+
+export interface PortalGroupBrowserSearchResult extends SearchResult<PortalGroup> {
+  queryParams?: PortalGroupBrowserQueryParams;
+}
+
+export interface PortalGroupBrowserResponse extends PortalGroupBrowserSortDetail {
+  queryResponse: PortalGroupBrowserSearchResult;
+  selectedGroups: PortalGroup[];
+  searchTerm: string;
+  filters?: GroupBrowserFilterSet;
+}
+
+export interface PortalGroupBrowserSortProps extends BaseFilterProps {
+  options?: PortalBrowserSortField[];
+  field?: PortalBrowserSortField;
+  order?: PortalBrowserSortOrder;
+  appearance?: "accordion" | "dropdown";
+  showText?: boolean;
+  useDeleted?: boolean;
+}
+
+export type GroupBrowserFilterSet = {
+  created?: GroupBrowserDateDetail;
+  modified?: GroupBrowserDateDetail;
+  owner?: GroupBrowserOwnerDetail;
+  membership?: GroupBrowserMembershipDetail;
+  memberOrg?: GroupBrowserMemberOrgDetail;
+  specialGroups?: GroupBrowserSpecialGroupsDetail;
+  access?: GroupBrowserAccessDetail;
+};
+
+export interface BaseFilterProps {
+  expanded?: boolean;
+}
+
+export interface GroupFilterConfig<TProps extends BaseFilterProps> {
+  enabled: boolean;
+  props?: TProps;
+}
+
+export type PortalGroupBrowserDateFilterProps = BaseFilterProps
+  & Partial<PortalGroupBrowserDateFilterSharedProps & PortalGroupBrowserDateSelection>;
+
+export type PortalGroupBrowserOwnerFilterProps = BaseFilterProps
+  & Partial<PortalGroupBrowserOwnerSelection>;
+
+export type PortalGroupBrowserMembershipFilterProps = BaseFilterProps
+  & Partial<PortalGroupBrowserMembershipSelection>;
+
+export type PortalGroupBrowserMemberOrgFilterProps = BaseFilterProps
+  & Partial<PortalGroupBrowserMemberOrgSelection>;
+
+export type PortalGroupBrowserSpecialGroupsFilterProps = BaseFilterProps
+  & Partial<PortalGroupBrowserSpecialGroupsSelection>;
+
+export type PortalGroupBrowserAccessFilterProps = BaseFilterProps
+  & Partial<PortalGroupBrowserAccessSelection>;
+
+export interface PortalGroupBrowserGroupsByUserFilterProps extends BaseFilterProps {
+  usernames?: string[];
+  selectedUsername?: string;
+}
+
+export interface PortalGroupBrowserSortDetail {
+  sortField?: PortalBrowserSortField;
+  sortOrder?: PortalBrowserSortOrder;
+}
+
+export interface PortalGroupBrowserQueryParams {
+  num?: number;
+  q?: string;
+  searchUserAccess?: string;
+  searchUserName?: string;
+  sortField?: PortalGroupBrowserQuery["sortField"];
+  sortOrder?: PortalGroupBrowserQuery["sortOrder"];
+  start?: number;
+}
+
+export interface PortalGroupBrowserDateSelection {
+  range: PortalGroupBrowserDateRange | null;
+  start: Date | number | string | null;
+  end: Date | number | string | null;
+}
+
+export interface PortalGroupBrowserOwnerSelection {
+  owner: PortalGroupBrowserOwner | null;
+  username: string | null;
+}
+
+export interface PortalGroupBrowserMembershipSelection {
+  membership: PortalGroupBrowserMembership | null;
+}
+
+export interface PortalGroupBrowserMemberOrgSelection {
+  memberOrg: PortalGroupBrowserMemberOrg | null;
+  orgId: string;
+}
+
+export interface PortalGroupBrowserSpecialGroupsSelection {
+  specialGroup: PortalGroupBrowserSpecialGroups | null;
+}
+
+export interface PortalGroupBrowserAccessSelection {
+  access: PortalGroupBrowserAccess | null;
+}
+
+export interface GroupBrowserDateDetail extends GroupBrowserFilterDetail, PortalGroupBrowserDateSelection {
+  id: "created" | "modified";
+}
+
+export interface GroupBrowserOwnerDetail extends GroupBrowserFilterDetail, PortalGroupBrowserOwnerSelection {
+  id: "owner";
+}
+
+export interface GroupBrowserMembershipDetail extends GroupBrowserFilterDetail, PortalGroupBrowserMembershipSelection {
+  id: "membership";
+}
+
+export interface GroupBrowserMemberOrgDetail extends GroupBrowserFilterDetail, PortalGroupBrowserMemberOrgSelection {
+  id: "memberOrg";
+}
+
+export interface GroupBrowserSpecialGroupsDetail extends GroupBrowserFilterDetail, PortalGroupBrowserSpecialGroupsSelection {
+  id: "specialGroups";
+}
+
+export interface GroupBrowserAccessDetail extends GroupBrowserFilterDetail, PortalGroupBrowserAccessSelection {
+  id: "access";
+}
+
+export interface PortalGroupBrowserDateFilterSharedProps {
+  includeNever?: boolean;
+  serverProperty?: string;
+}
+
+export type PortalGroupBrowserOwner = "inOrg" | "outsideOrg" | "owner";
+
+export type PortalGroupBrowserMembership = "anyOrg" | "collaboration" | "org";
+
+export type PortalGroupBrowserMemberOrg = "anotherOrg" | "myOrg";
+
+export type PortalGroupBrowserSpecialGroups = "admin" | "distributed" | "openData" | "settings" | "sharedUpdate";
+
+export type PortalGroupBrowserAccess = "org" | "private" | "public";
+
+export type PortalGroupBrowserDateRange = "custom" | "last7" | "last30" | "never" | "today" | "yesterday";
+
+export interface GroupBrowserFilterDetail {
+  id: PortalGroupBrowserFilterId;
+  param: string;
+  value: string;
+  label: string;
+  additionalParams?: string;
+}
+
+export type PortalGroupBrowserFilterId = "access" | "created" | "memberOrg" | "membership" | "modified" | "owner" | "specialGroups";

package/dist/components/arcgis-portal-group-browser-preview/customElement.d.ts

@@ -0,0 +1,225 @@
+/// <reference path="../../index.d.ts" />
+import type Portal from "@arcgis/core/portal/Portal.js";
+import type PortalGroup from "@arcgis/core/portal/PortalGroup.js";
+import type PortalUser from "@arcgis/core/portal/PortalUser.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { InternalUIAction } from "../../types/tracking.js";
+import type { PortalGroupBrowserSearchResult } from "../arcgis-portal-group-browser/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalGroupBrowserPreview extends LitElement {
+  /** Current query response used for telemetry position calculation. */
+  accessor currentResponse: PortalGroupBrowserSearchResult | undefined;
+  /** Group selected for preview. */
+  accessor group: PortalGroup;
+  /**
+   * Hide group badges in overview section.
+   *
+   * @default false
+   */
+  accessor hideBadges: boolean;
+  /**
+   * Hide footer details action.
+   *
+   * @default false
+   */
+  accessor hidePreviewFooter: boolean;
+  /** @internal */
+  protected messages: {
+      browser: {
+          pageRange: string;
+          pageRangeAria: string;
+      };
+      filters: { title: string; };
+      groupsByUser: {
+          title: string;
+          me: string;
+      };
+      owner: {
+          title: string;
+          label: string;
+          owner: string;
+          inOrg: string;
+          outsideOrg: string;
+          someoneElse: string;
+      };
+      membership: {
+          title: string;
+          label: string;
+          org: string;
+          collaboration: string;
+          anyOrg: string;
+      };
+      memberOrg: {
+          title: string;
+          label: string;
+          myOrg: string;
+          anotherOrg: string;
+      };
+      specialGroups: {
+          title: string;
+          label: string;
+          openData: string;
+          sharedUpdate: string;
+          distributed: string;
+          admin: string;
+          settings: string;
+      };
+      access: {
+          title: string;
+          label: string;
+          public: string;
+          org: string;
+          private: string;
+      };
+      preview: {
+          titleFallback: string;
+          loading: string;
+          close: string;
+          ownedBy: string;
+          overview: string;
+          noSummary: string;
+          description: string;
+          noDescription: string;
+          content: string;
+          noContent: string;
+          viewContent: string;
+          groupManagers: string;
+          groupOwner: string;
+          noManagers: string;
+          openMembers: string;
+          settings: string;
+          viewableBy: string;
+          contributors: string;
+          joinMethod: string;
+          openSettings: string;
+          everyone: string;
+          onlyMembers: string;
+          onlyOrganization: string;
+          onlyOrganizationAndPartners: string;
+          onlyOwnerManager: string;
+          allMembers: string;
+          byAutojoin: string;
+          byInvitation: string;
+          byEnterprise: string;
+          byRequest: string;
+          access: string;
+          groupTags: string;
+          openGroupPage: string;
+          unknownValue: string;
+      };
+      content: {
+          noResults: string;
+          noContent: string;
+          loading: string;
+      };
+  } & T9nMeta<{
+      browser: {
+          pageRange: string;
+          pageRangeAria: string;
+      };
+      filters: { title: string; };
+      groupsByUser: {
+          title: string;
+          me: string;
+      };
+      owner: {
+          title: string;
+          label: string;
+          owner: string;
+          inOrg: string;
+          outsideOrg: string;
+          someoneElse: string;
+      };
+      membership: {
+          title: string;
+          label: string;
+          org: string;
+          collaboration: string;
+          anyOrg: string;
+      };
+      memberOrg: {
+          title: string;
+          label: string;
+          myOrg: string;
+          anotherOrg: string;
+      };
+      specialGroups: {
+          title: string;
+          label: string;
+          openData: string;
+          sharedUpdate: string;
+          distributed: string;
+          admin: string;
+          settings: string;
+      };
+      access: {
+          title: string;
+          label: string;
+          public: string;
+          org: string;
+          private: string;
+      };
+      preview: {
+          titleFallback: string;
+          loading: string;
+          close: string;
+          ownedBy: string;
+          overview: string;
+          noSummary: string;
+          description: string;
+          noDescription: string;
+          content: string;
+          noContent: string;
+          viewContent: string;
+          groupManagers: string;
+          groupOwner: string;
+          noManagers: string;
+          openMembers: string;
+          settings: string;
+          viewableBy: string;
+          contributors: string;
+          joinMethod: string;
+          openSettings: string;
+          everyone: string;
+          onlyMembers: string;
+          onlyOrganization: string;
+          onlyOrganizationAndPartners: string;
+          onlyOwnerManager: string;
+          allMembers: string;
+          byAutojoin: string;
+          byInvitation: string;
+          byEnterprise: string;
+          byRequest: string;
+          access: string;
+          groupTags: string;
+          openGroupPage: string;
+          unknownValue: string;
+      };
+      content: {
+          noResults: string;
+          noContent: string;
+          loading: string;
+      };
+  }>;
+  /** Portal used for thumbnail and deep-link resolution. */
+  accessor portal: Portal;
+  /**
+   * Apply spacing between footer actions.
+   *
+   * @default false
+   */
+  accessor previewFooterActionsSpaced: boolean;
+  /** Current signed-in user context used by preview cards. */
+  accessor user: PortalUser | undefined;
+  setFocus(): Promise<void>;
+  /** Fires on internal component interaction for telemetry. */
+  readonly arcgisGroupBrowserInternalUIAction: import("@arcgis/lumina").TargetedEvent<this, InternalUIAction>;
+  readonly arcgisGroupBrowserPreviewClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisPreviewClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisGroupBrowserInternalUIAction: ArcgisPortalGroupBrowserPreview["arcgisGroupBrowserInternalUIAction"]["detail"];
+    arcgisGroupBrowserPreviewClose: ArcgisPortalGroupBrowserPreview["arcgisGroupBrowserPreviewClose"]["detail"];
+    arcgisPreviewClose: ArcgisPortalGroupBrowserPreview["arcgisPreviewClose"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-group-browser-preview/customElement.js

@@ -0,0 +1,150 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as w } from "../../chunks/runtime.js";
+import { repeat as _ } from "lit/directives/repeat.js";
+import { keyed as f } from "lit/directives/keyed.js";
+import { substitute as h } from "@arcgis/core/intl.js";
+import { LitElement as b, createEvent as u, safeClassMap as y } from "@arcgis/lumina";
+import { css as $, html as s } from "lit";
+import { createRef as x, ref as k } from "lit/directives/ref.js";
+import { u as I } from "../../chunks/useT9n.js";
+import { a as C, s as G } from "../../chunks/dom.js";
+import { g as p } from "../../chunks/groups2.js";
+import { g as A } from "../../chunks/url.js";
+import { g as T } from "../../chunks/user2.js";
+import { e as P, h as M, f as z } from "../../chunks/query.js";
+import "../arcgis-portal-group-browser-preview-card/customElement.js";
+import { f as B } from "../../chunks/user.js";
+const F = $`:host{display:flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;background-color:var(--calcite-color-background)}.preview{box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:100%;min-height:0;overflow:auto;padding:0;position:relative}.preview__header{align-items:center;background:var(--calcite-color-foreground-1);display:flex;justify-content:space-between;padding:0;padding-inline-start:.75rem}.preview__title{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1.375;margin:0;overflow-wrap:anywhere;flex:1 1 auto}.preview__accordion{--calcite-accordion-item-header-background-color: var(--calcite-color-foreground-1);--calcite-accordion-item-heading-text-size: var(--calcite-font-size-0)}.preview__accordion calcite-accordion-item{--calcite-internal-accordion-item-padding: 1rem 1rem;border-bottom:1px solid var(--calcite-color-border-2);box-sizing:border-box;width:100%}.preview__section{background:var(--calcite-color-background);line-height:1.35;margin:-1rem;padding:1rem}.preview__section--tight{padding:0}.preview__summary{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-0);line-height:1.45;margin:0}.preview__description{--item-browser-table-border: 1px solid var(--calcite-color-border-2);color:var(--calcite-color-text-2);line-height:1.35;overflow-wrap:anywhere;*{font-size:.875rem;max-width:100%}a{color:var(--calcite-color-text-link)}img,video{height:auto;max-width:100%}table{background:var(--calcite-color-foreground-1);border:var(--item-browser-table-border);border-collapse:collapse;border-spacing:0;font-size:var(--calcite-font-size--2);overflow:auto;text-align:start;width:100%}table>thead{background:var(--calcite-color-foreground-1);border-bottom:var(--item-browser-table-border);font-weight:var(--calcite-font-weight-normal)}table>tbody{overflow:auto;width:100%}table>tfoot{border-top:var(--item-browser-table-border)}th,td{border-inline:var(--item-browser-table-border);font-weight:var(--calcite-font-weight-light);padding:.5rem;text-align:start}tr{border-bottom:var(--item-browser-table-border);text-align:start}tr:last-child{border-bottom:none}}.preview__empty{color:var(--calcite-color-text-1);margin:0}.preview__empty-wrap{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.preview__loading-placeholder{min-height:2rem}.preview__empty-icon{color:var(--calcite-color-text-1);height:3rem;width:3rem}.preview__badges{margin-top:1rem}.preview__badges[empty]{display:none}.preview__full-card-wrapper{padding:.75rem .5rem 0}.preview__card{margin:0}.preview__card-body{display:grid;gap:.125rem}.preview__settings-title{color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--2);margin:0}.preview__settings-text{color:var(--calcite-color-text-1);margin:0;line-height:1.4}.preview__link-wrap{margin-top:.75rem;padding:0 .25rem 1rem}.preview__footer-actions{width:100%;display:flex;flex-direction:column}.preview__footer-actions--spaced{gap:.5rem}.preview__card-container{display:flex;flex-direction:column;gap:.25rem}.preview__settings-section{display:flex;flex-direction:column;gap:1.25rem}.preview__settings-row{display:grid;gap:.25rem}.preview__link-wrap--settings{padding-inline:0}`, q = async (c, e) => {
+  try {
+    const t = c.id ? (await e.queryGroups({ query: `id:${c.id}`, num: 1 })).results[0] ?? c : c;
+    t.portal = e;
+    const o = p(t), r = o.properties?.featuredItemIds ?? [], n = !!(o.properties?.isFeatured && r.length), [{ items: d, total: m }, l] = await Promise.all([
+      n ? S(t, r) : D(t),
+      t.fetchMembers()
+    ]), a = [l.owner, ...l.admins.filter((g) => g !== l.owner)], i = await Promise.all(a.map(async (g) => await B(g, e)));
+    return { result: { group: t, items: d, total: m, members: l, managers: i } };
+  } catch (t) {
+    return console.error(t), { error: { code: "unhandledError" } };
+  }
+}, v = 4;
+async function S(c, e) {
+  const t = await c.queryItems({
+    num: Math.min(v, e.length),
+    query: `id:(${e.slice(0, v).join(" OR ")})`
+  });
+  return { items: e.map((r) => t.results.find((n) => n.id === r)).filter((r) => !!r), total: t.total || e.length };
+}
+async function D(c) {
+  const { sortField: e = "modified", sortOrder: t = "desc" } = p(c), o = P(c) || M, r = await c.queryItems({ num: v, sortField: e, sortOrder: t, query: o });
+  return { items: r.results || [], total: r.total || 0 };
+}
+class E extends b {
+  constructor() {
+    super(...arguments), this.messages = I({ name: "portal-group-browser", blocking: !0 }), this.requestId = 0, this.flowItemEl = x(), this.loading = !1, this.contentItems = [], this.contentTotal = 0, this.managers = [], this.fullGroup = null, this.hideBadges = !1, this.hidePreviewFooter = !1, this.previewFooterActionsSpaced = !1, this.arcgisPreviewClose = u(), this.arcgisGroupBrowserPreviewClose = u(), this.arcgisGroupBrowserInternalUIAction = u();
+  }
+  static {
+    this.properties = { loading: 16, contentItems: 16, contentTotal: 16, managers: 16, fullGroup: 16, group: 0, portal: 0, user: 0, hideBadges: 5, hidePreviewFooter: 5, currentResponse: 0, previewFooterActionsSpaced: 5 };
+  }
+  static {
+    this.styles = F;
+  }
+  async setFocus() {
+    this.flowItemEl.value?.setFocus();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.loadPreviewData();
+  }
+  willUpdate(e) {
+    e.has("group") && this.loadPreviewData();
+  }
+  getGroupSummary(e) {
+    return C(e.snippet || "");
+  }
+  getGroupDescriptionHtml(e) {
+    return G(e.description || "");
+  }
+  async loadPreviewData() {
+    const { group: e, portal: t } = this, o = ++this.requestId;
+    this.loading = !0, this.contentItems = [], this.contentTotal = 0, this.managers = [], this.fullGroup = null;
+    const { result: r, error: n } = await q(e, t);
+    o === this.requestId && (this.loading = !1, !(n || !r) && o === this.requestId && (this.contentItems = r.items, this.contentTotal = r.total, this.managers = r.managers, this.fullGroup = r.group, this.flowItemEl.value?.setFocus()));
+  }
+  getPreviewPosition(e) {
+    if (!e)
+      return;
+    const o = this.currentResponse?.results?.findIndex((n) => n.id === e);
+    if (o == null || o < 0)
+      return;
+    const r = this.currentResponse?.start ?? 1;
+    return o + r;
+  }
+  isAccordionItem(e) {
+    return e instanceof HTMLElement && e.tagName === "CALCITE-ACCORDION-ITEM";
+  }
+  handleAccordionItemClick(e, t) {
+    e && this.arcgisGroupBrowserInternalUIAction.emit({
+      action: e.expanded ? "expand" : "collapse",
+      category: "group panel action",
+      details: t
+    });
+  }
+  handleDetailsClick(e) {
+    this.arcgisGroupBrowserInternalUIAction.emit({
+      action: "click",
+      category: "group panel action",
+      details: e
+    });
+  }
+  getAccessText(e) {
+    switch (p(e).access) {
+      case "public":
+        return this.messages.preview.everyone;
+      case "private":
+        return this.messages.preview.onlyMembers;
+      case "org":
+        return this.messages.preview.onlyOrganization;
+      case "shared":
+        return this.messages.preview.onlyOrganizationAndPartners;
+      default:
+        return this.messages.preview.unknownValue;
+    }
+  }
+  getContributorsText(e) {
+    return p(e).isViewOnly ? this.messages.preview.onlyOwnerManager : this.messages.preview.allMembers;
+  }
+  getJoinMethodText(e) {
+    const t = p(e);
+    return t.autoJoin ? this.messages.preview.byAutojoin : e.isInvitationOnly ? this.messages.preview.byInvitation : t.providerGroupName ? this.messages.preview.byEnterprise : this.messages.preview.byRequest;
+  }
+  render() {
+    const e = this.fullGroup ?? this.group, t = this.getGroupSummary(e), o = this.getGroupDescriptionHtml(e), { group: r, content: n, members: d, settings: m } = z(this.portal, e), l = this.user?.username === e.owner, a = this.messages.preview;
+    return s`<calcite-flow><calcite-flow-item closable .loading=${this.loading} @calciteFlowItemClose=${() => {
+      this.arcgisGroupBrowserInternalUIAction.emit({
+        action: "close panel",
+        category: "group panel action"
+      }), this.arcgisPreviewClose.emit(), this.arcgisGroupBrowserPreviewClose.emit();
+    }} ${k(this.flowItemEl)}><div slot=header-content class="preview__header"><h3 class="preview__title">${e.title || this.messages.preview.titleFallback}</h3></div><section class="preview">${f(e.id, s`<calcite-accordion icon-position=start appearance=transparent class="preview__accordion"><calcite-accordion-item .heading=${this.messages.preview.overview} .expanded=${!!t} @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "overview")}><div class="preview__section">${t ? s`<p class="preview__summary">${t}</p>` : s`<p class="preview__empty">${this.messages.preview.noSummary}</p>`}${this.hideBadges ? null : s`<arcgis-portal-group-badges .group=${e} .portal=${this.portal} width=full scale=s appearance=outline-fill class="preview__badges"></arcgis-portal-group-badges>`}</div></calcite-accordion-item><calcite-accordion-item .heading=${a.description} @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "description")}><div class="preview__section">${o ? s`<div class="preview__description" .innerHTML=${o ?? ""}></div>` : s`<p class="preview__empty">${a.noDescription}</p>`}</div></calcite-accordion-item><calcite-accordion-item .heading=${h(a.content, { count: String(this.contentTotal) })} expanded @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "content")}><div class="preview__section preview__section--tight">${this.contentItems.length ? s`<div class="preview__full-card-wrapper"><div class="preview__card-container">${_(this.contentItems, (i) => i.id, (i) => s`<arcgis-portal-group-browser-preview-card class="preview__card" .item=${i} .portal=${this.portal} .user=${this.user}></arcgis-portal-group-browser-preview-card>`)}</div><div class="preview__link-wrap"><calcite-link .href=${n} @click=${() => {
+      this.handleDetailsClick("view all content");
+    }}>${this.messages.preview.viewContent}</calcite-link></div></div>` : this.loading ? s`<div class="preview__loading-placeholder"></div>` : s`<div class="preview__empty-wrap"><calcite-icon scale=l icon=files class="preview__empty-icon"></calcite-icon><p class="preview__empty">${this.messages.preview.noContent}</p></div>`}</div></calcite-accordion-item><calcite-accordion-item .heading=${h(a.groupManagers, { count: String(this.managers.length) })} expanded @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "managers")}><div class="preview__section preview__section--tight"><div class="preview__full-card-wrapper">${this.managers.length ? s`<div class="preview__card-container">${this.managers.map((i) => s`<calcite-card class="preview__card"><div class="preview__card-body"><arcgis-portal-user-popup .fullName=${i.username === e.owner ? h(a.groupOwner, {
+      fullName: T(i, this.messages._lang)
+    }) : i.fullName} show-name show-username .user=${i} .portal=${this.portal} .baseUrl=${A({ portal: this.portal })}></arcgis-portal-user-popup></div></calcite-card>`)}</div>` : this.loading ? s`<div class="preview__loading-placeholder"></div>` : s`<p class="preview__empty">${a.noManagers}</p>`}<div class="preview__link-wrap"><calcite-link .href=${d} @click=${() => {
+      this.handleDetailsClick("open members page");
+    }}>${a.openMembers}</calcite-link></div></div></div></calcite-accordion-item><calcite-accordion-item .heading=${a.settings} .expanded=${l} @click=${(i) => this.isAccordionItem(i.target) && this.handleAccordionItemClick(i.currentTarget, "settings")}><div class="preview__section preview__settings-section"><div class="preview__settings-row"><h4 class="preview__settings-title">${a.viewableBy}:</h4><p class="preview__settings-text">${this.getAccessText(e)}</p></div><div class="preview__settings-row"><h4 class="preview__settings-title">${a.contributors}:</h4><p class="preview__settings-text">${this.getContributorsText(e)}</p></div>${l ? s`<div class="preview__settings-row"><h4 class="preview__settings-title">${a.joinMethod}:</h4><p class="preview__settings-text">${this.getJoinMethodText(e)}</p><div class="preview__link-wrap preview__link-wrap--settings"><calcite-link .href=${m} @click=${() => {
+      this.handleDetailsClick("open settings");
+    }}>${a.openSettings}</calcite-link></div></div>` : null}</div></calcite-accordion-item></calcite-accordion>`)}</section>${!this.hidePreviewFooter && s`<div slot=footer class=${y({
+      "preview__footer-actions": !0,
+      "preview__footer-actions--spaced": this.previewFooterActionsSpaced
+    })}><calcite-button appearance=solid kind=neutral width=full .href=${r} @click=${() => {
+      this.arcgisGroupBrowserInternalUIAction.emit({
+        action: "click",
+        category: "group panel action",
+        details: "view group details",
+        position: this.getPreviewPosition(e.id)
+      });
+    }}>${a.openGroupPage}</calcite-button><slot name=footer-action></slot></div>` || ""}</calcite-flow-item></calcite-flow>`;
+  }
+}
+w("arcgis-portal-group-browser-preview", E);
+export {
+  E as ArcgisPortalGroupBrowserPreview
+};

package/dist/components/arcgis-portal-group-browser-preview/index.d.ts

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

package/dist/components/arcgis-portal-group-browser-preview/index.js

@@ -0,0 +1,12 @@
+import "@esri/calcite-components/components/calcite-flow";
+import "@esri/calcite-components/components/calcite-flow-item";
+import "@esri/calcite-components/components/calcite-accordion";
+import "@esri/calcite-components/components/calcite-accordion-item";
+import "../arcgis-portal-group-badges/index.js";
+import "../arcgis-portal-group-browser-preview-card/index.js";
+import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-card";
+import "../arcgis-portal-user-popup/index.js";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-group-browser-preview-card/customElement.d.ts

@@ -0,0 +1,82 @@
+/// <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 { InternalUIAction } from "../../types/tracking.js";
+
+export abstract class ArcgisPortalGroupBrowserPreviewCard extends LitElement {
+  /** Optional fully qualified path to the portal home root. */
+  accessor baseUrl: string | undefined;
+  /**
+   * Hide item type in the card body.
+   *
+   * @default false
+   */
+  accessor hideItemType: boolean;
+  /**
+   * Hide owner information in the footer.
+   *
+   * @default false
+   */
+  accessor hideOwner: boolean;
+  /**
+   * Hide the item thumbnail area.
+   *
+   * @default false
+   */
+  accessor hideThumbnail: boolean;
+  /**
+   * Allow hover styles and click interaction on the card.
+   *
+   * @default false
+   */
+  accessor interactive: boolean;
+  /** Item shown in the group preview content list. */
+  accessor item: PortalItem;
+  /** Optional link destination; when provided, upper card section becomes an anchor. */
+  accessor link: string | undefined;
+  /**
+   * Open card link in a new tab.
+   *
+   * @default false
+   */
+  accessor newTab: boolean;
+  /** Current portal instance used for links and thumbnail resolution. */
+  accessor portal: Portal | undefined;
+  /**
+   * Show simple content status badge when available.
+   *
+   * @default false
+   */
+  accessor showBadges: boolean;
+  /**
+   * Show the item modified date in the card details row.
+   *
+   * @default false
+   */
+  accessor showDateUpdated: boolean;
+  /**
+   * Show popup-enabled owner link in footer instead of plain avatar lockup.
+   *
+   * @default false
+   */
+  accessor showOwnerPopup: boolean;
+  /**
+   * Show a short item summary if available.
+   *
+   * @default false
+   */
+  accessor showSummary: boolean;
+  /** Current signed in user for owner and item context. */
+  accessor user: PortalUser | undefined;
+  restoreFocus(): Promise<void>;
+  /** Fires on internal component interaction for telemetry. */
+  readonly arcgisGroupBrowserInternalUIAction: import("@arcgis/lumina").TargetedEvent<this, InternalUIAction>;
+  /** Emitted when this card is selected via interaction. */
+  readonly arcgisGroupBrowserPreviewCardSelect: import("@arcgis/lumina").TargetedEvent<this, PortalItem>;
+  readonly "@eventTypes": {
+    arcgisGroupBrowserInternalUIAction: ArcgisPortalGroupBrowserPreviewCard["arcgisGroupBrowserInternalUIAction"]["detail"];
+    arcgisGroupBrowserPreviewCardSelect: ArcgisPortalGroupBrowserPreviewCard["arcgisGroupBrowserPreviewCardSelect"]["detail"];
+  };
+}