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

package/dist/components/arcgis-portal-group-badges/customElement.js

@@ -1,19 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as g } from "../../chunks/runtime.js";
-import { nothing as m, safeClassMap as h, LitElement as u } from "@arcgis/lumina";
+import { c as h } from "../../chunks/runtime.js";
+import { nothing as g, safeClassMap as m, LitElement as u } from "@arcgis/lumina";
 import { u as b } from "../../chunks/useT9n.js";
 import { html as c, css as f } from "lit";
-import { g as w, a as $, b as x, i as y, c as G, d as v } from "../../chunks/groups.js";
-const O = ({ appearance: a, badgeType: t, class: e, messages: r, scale: i, showTooltip: o, width: n }) => {
-  const s = r[t] ?? { title: t, tooltip: "" }, d = C[t], l = n === "narrow", p = `portal-group-badge-${t}`;
-  return c`<calcite-chip id=${p ?? m} class=${h({
+import { i as w } from "../../chunks/functionalities.js";
+import { a as $, b as x, c as G, i as y, d as I, e as O } from "../../chunks/groups2.js";
+const C = ({ appearance: a, badgeType: t, class: e, messages: s, scale: o, showTooltip: i, width: n }) => {
+  const r = s[t] ?? { title: t, tooltip: "" }, d = v[t], l = n === "narrow", p = `portal-group-badge-${t}`;
+  return c`<calcite-chip id=${p ?? g} class=${m({
     badge: !0,
-    "badge--red": t === "SharedUpdate",
+    "badge--colored": w(["OpenData", "Partnered"], t),
     narrow: l,
-    [`narrow--${i}`]: l,
+    [`narrow--${o}`]: l,
     [e]: !0
-  })} .value=${t} tabindex=0 .scale=${i} .appearance=${a} .label=${s.title} .icon=${d}>${l ? null : s.title}</calcite-chip>${o ? c`<calcite-tooltip .referenceElement=${p} close-on-click placement=bottom-start offset-distance=6 offset-skidding=0>${l ? c`<h3 class="tooltip-title">${s.title}</h3>` : null}<p class="tooltip-text">${s.tooltip}</p></calcite-tooltip>` : null}`;
-}, C = {
+  })} .value=${t} tabindex=0 .scale=${o} .appearance=${a} .label=${r.title} .icon=${d}>${l ? null : r.title}</calcite-chip>${i ? c`<calcite-tooltip .referenceElement=${p} close-on-click placement=bottom-start offset-distance=6 offset-skidding=0>${l ? c`<h3 class="tooltip-title">${r.title}</h3>` : null}<p class="tooltip-text">${r.tooltip}</p></calcite-tooltip>` : null}`;
+}, v = {
   Collaboration: "collaboration",
   FeaturedContent: "home",
   Gallery: "images",
@@ -21,12 +22,12 @@ const O = ({ appearance: a, badgeType: t, class: e, messages: r, scale: i, showT
   SharedUpdate: "configure-editing",
   Partnered: "partnered-collaboration",
   AnyOrg: "zoom-to-object"
-}, I = f`:host{display:flex;flex-wrap:wrap}.portal-group-badges__badge{display:inline-block;margin-inline-end:.25rem}.badge{--portal-group-badge-color: var(--calcite-color-brand);border:0}.badge--red{--portal-group-badge-color: var(--calcite-color-status-danger)}.narrow{box-sizing:border-box;width:2rem;--calcite-chip-spacing-unit-l: 0}.image{border-radius:0;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.5rem}.image svg{color:var(--portal-group-badge-color)}.narrow--s{width:1.5rem;.image{margin-inline-start:0}}.narrow--m{.image{margin-inline-start:0}}.narrow--l{width:2.75rem;.image{margin-inline-start:.25rem}}.tooltip-title{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-1);margin:0 0 .25rem;padding:0}.tooltip-text{font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-1);margin:0;padding:0}`;
-function S(a, t) {
-  const e = [], r = w(a), i = $(a), o = x(a);
-  return t.id && (r.includes("updateitemcontrol") && e.push("SharedUpdate"), y(a) && i === t.id && e.push("OpenData"), t.featuredItemsGroupQuery === `id:${a.id}` && e.push("Gallery")), (G(a).collaborationInfo?.collaborationId || v(a)) && e.push("Collaboration"), !o && !t.isPortal && i !== "none" && e.push("AnyOrg"), o === "collaboration" && e.push("Partnered"), e.includes("SharedUpdate") && !e.includes("Partnered") && i !== t.id && e.splice(e.indexOf("SharedUpdate"), 1), e;
+}, z = f`:host{display:flex;flex-wrap:wrap}.portal-group-badges__badge{margin-inline-end:.25rem}.badge{border:0}.badge--colored{--calcite-chip-icon-color: var(--calcite-color-brand)}.narrow{box-sizing:border-box;width:2rem;--calcite-chip-spacing-unit-l: 0}.image{border-radius:0;display:inline-flex;align-items:center;justify-content:center;margin-inline-end:.5rem}.narrow--s{width:1.5rem}.narrow--l{width:2.75rem}.tooltip-title{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-1);margin:0 0 .25rem;padding:0}.tooltip-text{font-size:var(--calcite-font-size--2);color:var(--calcite-color-text-1);margin:0;padding:0}`;
+function P(a, t) {
+  const e = [], s = $(a), o = x(a), i = G(a);
+  return t.id && (s.includes("updateitemcontrol") && e.push("SharedUpdate"), y(a) && o === t.id && e.push("OpenData"), t.featuredItemsGroupQuery === `id:${a.id}` && e.push("Gallery")), (I(a).collaborationInfo?.collaborationId || O(a)) && e.push("Collaboration"), !i && !t.isPortal && o !== "none" && e.push("AnyOrg"), i === "collaboration" && e.push("Partnered"), e.includes("SharedUpdate") && !e.includes("Partnered") && o !== t.id && e.splice(e.indexOf("SharedUpdate"), 1), e;
 }
-class z extends u {
+class _ extends u {
   constructor() {
     super(...arguments), this._messages = b({ blocking: !0 }), this.badges = [], this.width = "full", this.scale = "m", this.showTooltips = !1, this.empty = !1;
   }
@@ -34,17 +35,17 @@ class z extends u {
     this.properties = { badges: 16, group: 0, portal: 0, width: 1, appearance: 1, scale: 1, showTooltips: 5, empty: 7 };
   }
   static {
-    this.styles = I;
+    this.styles = z;
   }
   willUpdate(t) {
-    (t.has("group") || t.has("portal")) && (this.badges = this.group && this.portal ? S(this.group, this.portal) : [], this.empty = this.badges.length === 0);
+    (t.has("group") || t.has("portal")) && (this.badges = this.group && this.portal ? P(this.group, this.portal) : [], this.empty = this.badges.length === 0);
   }
   render() {
-    const { appearance: t, badges: e, scale: r, showTooltips: i, width: o } = this;
-    return e.map((n) => O({ appearance: t, badgeType: n, class: "portal-group-badges__badge", messages: this._messages, scale: r, showTooltip: i, width: o }));
+    const { appearance: t, badges: e, scale: s, showTooltips: o, width: i } = this;
+    return e.map((n) => C({ appearance: t, badgeType: n, class: "portal-group-badges__badge", messages: this._messages, scale: s, showTooltip: o, width: i }));
   }
 }
-g("arcgis-portal-group-badges", z);
+h("arcgis-portal-group-badges", _);
 export {
-  z as ArcgisPortalGroupBadges
+  _ as ArcgisPortalGroupBadges
 };

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

@@ -0,0 +1,492 @@
+/// <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 { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalGroupCardProps } from "../arcgis-portal-group-card/customElement.js";
+import type { InternalUIAction } from "../../types/tracking.js";
+import type { PortalGroupBrowserCardsConfig, PortalGroupBrowserFiltersConfig, PortalGroupBrowserQuery, PortalGroupBrowserResponse, PortalGroupBrowserSearchParamInteraction, PortalGroupBrowserSearchParamsUpdate, PortalGroupBrowserSearchResult, PortalGroupBrowserSortConfig } from "./types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** A group-browser wrapper around `arcgis-portal-browser` that renders filters from declarative config. */
+export abstract class ArcgisPortalGroupBrowser 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 _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;
+          tooltipLabel: string;
+          tooltip: 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;
+          tooltipLabel: string;
+          tooltip: 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;
+      };
+  }>;
+  /**
+   * Optionally force showing selection region in content top bar.
+   *
+   * @default false
+   */
+  accessor alwaysShowSelection: boolean;
+  /** Optional per-group card prop customization for baked-in result rendering. */
+  accessor cards: PortalGroupBrowserCardsConfig;
+  /** Optional custom fetch function for group data retrieval. */
+  accessor fetch: ((query: PortalGroupBrowserQuery) => Promise<PortalGroupBrowserSearchResult>) | undefined;
+  /** Filter configuration rendered internally by this component. */
+  accessor filters: PortalGroupBrowserFiltersConfig;
+  /**
+   * Browser responsive form factor.
+   *
+   * @default "large"
+   */
+  accessor formFactor: "large" | "small";
+  /**
+   * True when membership options should be restricted for indoor spaces behavior.
+   *
+   * @default false
+   */
+  accessor hasIndoorsSpaces: boolean;
+  /**
+   * Height sizing mode forwarded to arcgis-portal-browser.
+   *
+   * @default "full"
+   */
+  accessor height: "auto" | "full";
+  /**
+   * Optionally hide group badges for the group browser preview element.
+   *
+   * @default false
+   */
+  accessor hidePreviewBadges: boolean;
+  /**
+   * Optionally hide the footer for the group browser preview element.
+   *
+   * @default false
+   */
+  accessor hidePreviewFooter: boolean;
+  /**
+   * Optionally hide the top bar region, including the default and slotted top-bar content.
+   *
+   * @default false
+   */
+  accessor hideTopBar: boolean;
+  /**
+   * Browser loading state.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /** Optional text overrides used by internal browser controls. */
+  accessor messageOverrides: { searchPlaceholder?: string; };
+  /**
+   * Number of results to fetch per page.
+   *
+   * @default 60
+   */
+  accessor num: number;
+  accessor portal: Portal;
+  /** Optional preflight transform before fetch is executed. */
+  accessor preflight: ((query: PortalGroupBrowserQuery) => Promise<PortalGroupBrowserQuery>) | undefined;
+  /**
+   * Default preview behavior forwarded to group cards unless overridden per card.
+   *
+   * @default "top"
+   */
+  accessor preview: PortalGroupCardProps["preview"];
+  /**
+   * Optional base query applied to each fetch operation.
+   *
+   * @default ""
+   */
+  accessor q: string;
+  /** Controls whether this browser reads from and/or writes to URL search params. */
+  accessor searchParamInteraction: PortalGroupBrowserSearchParamInteraction;
+  /**
+   * Optional search term forwarded to arcgis-portal-browser.
+   *
+   * @default ""
+   */
+  accessor searchTerm: string;
+  /** Optional search-user input to constrain queries by user. */
+  accessor searchUser: string | undefined;
+  /** Optional selected groups forwarded to arcgis-portal-browser. */
+  accessor selected: PortalGroup[] | undefined;
+  /**
+   * Selection mode for card-level interactions.
+   *
+   * @default "none"
+   */
+  accessor selection: "multiple" | "none" | "single";
+  /** Sort configuration rendered internally by this component. */
+  accessor sort: PortalGroupBrowserSortConfig;
+  /** Optional card view forwarded to the browser's shared store and result cards. */
+  accessor view: PortalGroupCardProps["view"] | undefined;
+  clearFilters(): Promise<void>;
+  refresh(): Promise<void>;
+  /** Mirrors live-region announcements from the underlying portal browser. */
+  readonly arcgisAriaUpdate: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly arcgisGroupBrowserInternalUIAction: import("@arcgis/lumina").TargetedEvent<this, InternalUIAction>;
+  readonly arcgisGroupBrowserLoading: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisGroupBrowserPreview: import("@arcgis/lumina").TargetedEvent<this, PortalGroup | null>;
+  /** Emits when internal query param sync hydrates from URL or writes updated URL params. */
+  readonly arcgisGroupBrowserSearchParamsUpdate: import("@arcgis/lumina").TargetedEvent<this, PortalGroupBrowserSearchParamsUpdate>;
+  readonly arcgisGroupBrowserSelect: import("@arcgis/lumina").TargetedEvent<this, PortalGroup[]>;
+  /** Fires when preview is opened or closed for sublayer parity; currently emits null on close. */
+  readonly arcgisGroupBrowserSublayerPreview: import("@arcgis/lumina").TargetedEvent<this, null>;
+  readonly arcgisGroupBrowserUpdate: import("@arcgis/lumina").TargetedEvent<this, PortalGroupBrowserResponse>;
+  readonly arcgisGroupBrowserUserFilterChange: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisAriaUpdate: ArcgisPortalGroupBrowser["arcgisAriaUpdate"]["detail"];
+    arcgisGroupBrowserInternalUIAction: ArcgisPortalGroupBrowser["arcgisGroupBrowserInternalUIAction"]["detail"];
+    arcgisGroupBrowserLoading: ArcgisPortalGroupBrowser["arcgisGroupBrowserLoading"]["detail"];
+    arcgisGroupBrowserPreview: ArcgisPortalGroupBrowser["arcgisGroupBrowserPreview"]["detail"];
+    arcgisGroupBrowserSearchParamsUpdate: ArcgisPortalGroupBrowser["arcgisGroupBrowserSearchParamsUpdate"]["detail"];
+    arcgisGroupBrowserSelect: ArcgisPortalGroupBrowser["arcgisGroupBrowserSelect"]["detail"];
+    arcgisGroupBrowserSublayerPreview: ArcgisPortalGroupBrowser["arcgisGroupBrowserSublayerPreview"]["detail"];
+    arcgisGroupBrowserUpdate: ArcgisPortalGroupBrowser["arcgisGroupBrowserUpdate"]["detail"];
+    arcgisGroupBrowserUserFilterChange: ArcgisPortalGroupBrowser["arcgisGroupBrowserUserFilterChange"]["detail"];
+  };
+}