@arcgis/portal-components 5.2.0-next.99 → 6.0.0-next.0

package/dist/components/portal-group-browser-filters/customElement.js

@@ -1,90 +1,93 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { html as a } from "lit";
-import { substitute as m } from "@arcgis/core/intl.js";
-import { nothing as u } from "@arcgis/lumina";
-import { i as ie } from "../../chunks/users.js";
-import { P as pe } from "../../chunks/portal-browser-filter-date.js";
+import { substitute as u } from "@arcgis/core/intl.js";
+import { nothing as m } from "@arcgis/lumina";
+import { i as pe } from "../../chunks/users.js";
+import { P as de } from "../../chunks/portal-browser-filter-date.js";
 import { PortalBrowserFilterItem as g } from "../portal-browser/components/portal-browser-filter/customElement.js";
-import { PortalBrowserFilters as de } from "../portal-browser/components/portal-browser-filters/customElement.js";
-import { g as me, a as ue, b as ge, c as be, d as fe } from "../../chunks/query.js";
-function Ue(U) {
-  const { browserMessages: $, slot: y, filters: l, hasIndoorsSpaces: v, isFilterActive: b, messages: t, portal: f, selectedAccess: L, selectedGroupsByUser: z, selectedMemberOrg: N, selectedMembership: j, selectedOwner: H, selectedSpecialGroup: J, specialGroupOptions: K, store: q, handleRemove: c, handleSelect: n, handleUpsert: o, handleUserFilterChange: W } = U, I = f.isPortal, C = f.user, S = ie(C), w = C?.username ?? "", X = (e) => e === w ? m(t.groupsByUser.me, { username: e }) : e, F = (e, s) => e === "owner" ? s : e === "outsideOrg" && S ? t.owner.someoneElse : e === "inOrg" ? t.owner.inOrg : e === "outsideOrg" ? t.owner.outsideOrg : s, B = l.owner, M = H ?? B?.props?.owner ?? null, x = B?.props?.username ?? w, Y = f.id ?? "", Z = S ? ["owner", "outsideOrg"] : ["owner", "inOrg", "outsideOrg"], P = l.membership, T = j ?? P?.props?.membership ?? null, V = ["org", "collaboration", "anyOrg"], G = l.memberOrg, Q = N ?? G?.props?.memberOrg ?? null, ee = G?.props?.orgId ?? f.id ?? "", se = ["myOrg", "anotherOrg"], E = l.specialGroups, _ = J ?? E?.props?.specialGroup ?? null, R = l.access, A = L ?? R?.props?.access ?? null, re = ["public", "org", "private"], h = l.groupsByUser, D = h?.props?.usernames ?? [], te = h?.props?.selectedUsername ?? z ?? D[0] ?? w, i = $.filter.clear, p = (e, s) => {
-    const r = l[e];
-    r && (r.props = {
-      ...r.props,
-      expanded: s
-    });
+import { PortalBrowserFilters as me } from "../portal-browser/components/portal-browser-filters/customElement.js";
+import { g as ue, a as ge, b as be, c as fe, d as he } from "../../chunks/query.js";
+function ye(U) {
+  const { browserMessages: O, slot: y, filters: l, hasIndoorsSpaces: v, isFilterActive: b, messages: t, portal: f, selectedAccess: D, selectedGroupsByUser: N, selectedMemberOrg: j, selectedMembership: z, selectedOwner: H, selectedSpecialGroup: J, specialGroupOptions: K, store: k, handleRemove: c, handleSelect: n, handleUpsert: o, handleUserFilterChange: W } = U, I = f.isPortal, q = f.user, S = pe(q), B = q?.username ?? "", X = (e) => e === B ? u(t.groupsByUser.me, { username: e }) : e, C = (e, r) => e === "owner" ? r : e === "outsideOrg" && S ? t.owner.someoneElse : e === "inOrg" ? t.owner.inOrg : e === "outsideOrg" ? t.owner.outsideOrg : r, w = l.owner, T = H ?? w?.props?.owner ?? null, x = w?.props?.username ?? B, Y = f.id ?? "", Z = S ? ["owner", "outsideOrg"] : ["owner", "inOrg", "outsideOrg"], P = l.membership, M = z ?? P?.props?.membership ?? null, V = ["org", "collaboration", "anyOrg"], G = l.memberOrg, A = j ?? G?.props?.memberOrg ?? null, ee = G?.props?.orgId ?? f.id ?? "", re = ["myOrg", "anotherOrg"], F = l.specialGroups, Q = J ?? F?.props?.specialGroup ?? null, E = l.access, L = D ?? E?.props?.access ?? null, se = ["public", "org", "private"], h = l.groupsByUser, _ = h?.props?.usernames ?? [], te = h?.props?.selectedUsername ?? N ?? _[0] ?? B, i = O.filter.clear, p = (e, r) => {
+    const s = l[e];
+    s && (s.props = { ...s.props, expanded: r });
+  }, ae = (e) => {
+    if (e.assignedElements({ flatten: !0 }).length > 0) {
+      e.setAttribute("data-has-before-filters", "true");
+      return;
+    }
+    e.removeAttribute("data-has-before-filters");
   };
-  return de({ slot: y, store: q, title: a`<div class="filters-title"><h2 class="filters-title__heading">${t.filters.title}</h2><slot name=before-filters></slot></div>`, children: a`${!!h?.enabled && g({ heading: t.groupsByUser.title, expanded: !!h?.props?.expanded, setExpanded: (e) => p("groupsByUser", e), clearLabel: i, onRemove: () => {
+  return me({ slot: y, store: k, title: a`<div class="filters-title"><h2 class="filters-title__heading">${t.filters.title}</h2><slot name=before-filters @slotchange=${(e) => ae(e.currentTarget)}></slot></div>`, children: a`${!!h?.enabled && g({ heading: t.groupsByUser.title, expanded: !!h?.props?.expanded, setExpanded: (e) => p("groupsByUser", e), clearLabel: i, onRemove: () => {
     n({
       kind: "groupsByUser",
-      value: h?.props?.selectedUsername ?? w
+      value: h?.props?.selectedUsername ?? B
     });
   }, children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const s = e.target.selectedItems?.[0]?.dataset.username ?? "";
-    n({ kind: "groupsByUser", value: s }), W(s);
-  }}>${D.map((e) => a`<calcite-tree-item data-username=${e ?? u} .selected=${e === te}><a class="groups-by-user__label">${X(e)}</a></calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!B?.enabled && g({ heading: t.owner.title, expanded: !!B?.props?.expanded, setExpanded: (e) => p("owner", e), active: b("owner"), clearLabel: i, onRemove: () => c("owner"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const s = "owner", r = O(M, e, s);
-    if (!r) {
-      c(s);
+    const r = e.target.selectedItems?.[0]?.dataset.username ?? "";
+    n({ kind: "groupsByUser", value: r }), W(r);
+  }}>${_.map((e) => a`<calcite-tree-item data-username=${e ?? m} .selected=${e === te}><a class="groups-by-user__label">${X(e)}</a></calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!w?.enabled && g({ heading: t.owner.title, expanded: !!w?.props?.expanded, setExpanded: (e) => p("owner", e), active: b("owner"), clearLabel: i, onRemove: () => c("owner"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const r = "owner", s = $(T, e, r);
+    if (!s) {
+      c(r);
       return;
     }
     o({
-      id: s,
-      label: m(t.owner.label, { label: F(r, x) }),
+      id: r,
+      label: u(t.owner.label, { label: C(s, x) }),
       param: "q",
-      value: me(r, x, {
+      value: ue(s, x, {
         isPublicUser: S,
         orgId: Y
       }),
-      owner: r,
+      owner: s,
       username: x
-    }), n({ kind: s, value: r });
-  }}>${Z.filter((e) => !(I || v) || e !== "outsideOrg").map((e) => a`<calcite-tree-item data-owner=${e ?? u} .selected=${M === e}>${F(e, x)}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(P?.enabled && // https://devtopia.esri.com/WebGIS/arcgis-portal-app/issues/44198
-  !I && // https://devtopia.esri.com/webgis/arcgis-portal-app/issues/37831
-  !v) && g({ heading: t.membership.title, expanded: !!P?.props?.expanded, setExpanded: (e) => p("membership", e), active: b("membership"), clearLabel: i, onRemove: () => c("membership"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const s = "membership", r = O(T, e, s);
-    if (!r) {
-      c(s);
+    }), n({ kind: r, value: s });
+  }}>${Z.filter((e) => !(I || v) || e !== "outsideOrg").map((e) => a`<calcite-tree-item data-owner=${e ?? m} .selected=${T === e}>${C(e, x)}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(G?.enabled && !I) && g({ heading: t.memberOrg.title, expanded: !!G?.props?.expanded, setExpanded: (e) => p("memberOrg", e), active: b("memberOrg"), clearLabel: i, onRemove: () => c("memberOrg"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const r = "memberOrg", s = $(A, e, r);
+    if (!s) {
+      c(r);
       return;
     }
     o({
-      id: s,
-      label: m(t.membership.label, { label: t.membership[r] }),
+      id: r,
+      label: u(t.memberOrg.label, { label: t.memberOrg[s] }),
       param: "q",
-      value: ue(r, v),
-      membership: r
-    }), n({ kind: s, value: r });
-  }}>${V.map((e) => a`<calcite-tree-item data-membership=${e ?? u} .selected=${T === e}>${t.membership[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(G?.enabled && !I) && g({ heading: t.memberOrg.title, expanded: !!G?.props?.expanded, setExpanded: (e) => p("memberOrg", e), active: b("memberOrg"), clearLabel: i, onRemove: () => c("memberOrg"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const s = "memberOrg", r = O(Q, e, s);
-    if (!r) {
-      c(s);
+      value: ge(s, ee),
+      memberOrg: s
+    }), n({ kind: r, value: s });
+  }}>${re.map((e) => a`<calcite-tree-item data-member-org=${e ?? m} .selected=${A === e}>${t.memberOrg[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${!!(P?.enabled && // https://devtopia.esri.com/WebGIS/arcgis-portal-app/issues/44198
+  !I && // https://devtopia.esri.com/webgis/arcgis-portal-app/issues/37831
+  !v) && g({ heading: t.membership.title, expanded: !!P?.props?.expanded, setExpanded: (e) => p("membership", e), active: b("membership"), clearLabel: i, onRemove: () => c("membership"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const r = "membership", s = $(M, e, r);
+    if (!s) {
+      c(r);
       return;
     }
     o({
-      id: s,
-      label: m(t.memberOrg.label, { label: t.memberOrg[r] }),
+      id: r,
+      label: u(t.membership.label, { label: t.membership[s] }),
       param: "q",
-      value: ge(r, ee),
-      memberOrg: r
-    }), n({ kind: s, value: r });
-  }}>${se.map((e) => a`<calcite-tree-item data-member-org=${e ?? u} .selected=${Q === e}>${t.memberOrg[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${E?.enabled && g({ heading: t.specialGroups.title, expanded: !!E.props?.expanded, setExpanded: (e) => p("specialGroups", e), active: b("specialGroups"), clearLabel: i, onRemove: () => c("specialGroups"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${async (e) => {
-    const s = "specialGroups", r = O(_, e, s);
-    if (!r) {
-      c(s);
+      value: be(s, v),
+      membership: s
+    }), n({ kind: r, value: s });
+  }}>${V.map((e) => a`<calcite-tree-item data-membership=${e ?? m} .selected=${M === e}>${t.membership[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}${F?.enabled && g({ heading: t.specialGroups.title, expanded: !!F.props?.expanded, setExpanded: (e) => p("specialGroups", e), active: b("specialGroups"), clearLabel: i, onRemove: () => c("specialGroups"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${async (e) => {
+    const r = "specialGroups", s = $(Q, e, r);
+    if (!s) {
+      c(r);
       return;
     }
-    const k = await be(r, f);
+    const R = await fe(s, f);
     o({
       id: "specialGroups",
-      label: m(t.specialGroups.label, { label: t.specialGroups[r] }),
+      label: u(t.specialGroups.label, { label: t.specialGroups[s] }),
       param: "q",
-      value: k,
-      specialGroup: r
-    }), n({ kind: "specialGroups", value: r });
-  }}>${K.map((e) => a`<calcite-tree-item data-special-groups=${e ?? u} .selected=${_ === e}><span class="special-groups-settings-option">${t.specialGroups[e]}${e === "settings" && a`<span class="special-groups-settings-icon"><calcite-icon id=portal-group-browser-special-groups-settings-info icon=information scale=s text-label=Information></calcite-icon><calcite-tooltip placement=bottom-end reference-element=portal-group-browser-special-groups-settings-info>Groups used in organization settings.</calcite-tooltip></span>` || ""}</span></calcite-tree-item>`)}</calcite-tree>` }) || ""}${["modified", "created"].filter((e) => l[e]?.enabled).map((e) => {
-    const s = l[e]?.props, r = q.filters[e], k = !!s?.includeNever, ae = r?.range ?? s?.range ?? null, le = r?.start ?? s?.start, ce = r?.end ?? s?.end, ne = s?.serverProperty, oe = s?.expanded;
-    return pe({ property: e, filterDateMessages: $.filterDate, clearLabel: i, expanded: oe, setExpanded: (d) => p(e, d), includeNever: k, range: ae, start: le, end: ce, serverProperty: ne, onRemove: () => {
+      value: R,
+      specialGroup: s
+    }), n({ kind: "specialGroups", value: s });
+  }}>${K.map((e) => a`<calcite-tree-item data-special-groups=${e ?? m} .selected=${Q === e}><span class="special-groups-settings-option">${t.specialGroups[e]}${e === "settings" && a`<span class="special-groups-settings-icon"><calcite-icon id=portal-group-browser-special-groups-settings-info icon=information scale=s text-label=${t.specialGroups.tooltipLabel ?? m}></calcite-icon><calcite-tooltip placement=bottom-end reference-element=portal-group-browser-special-groups-settings-info>${t.specialGroups.tooltip}</calcite-tooltip></span>` || ""}</span></calcite-tree-item>`)}</calcite-tree>` }) || ""}${["modified", "created"].filter((e) => l[e]?.enabled).map((e) => {
+    const r = l[e]?.props, s = k.filters[e], R = !!r?.includeNever, le = s?.range ?? r?.range ?? null, ce = s?.start ?? r?.start, ne = s?.end ?? r?.end, oe = r?.serverProperty, ie = r?.expanded;
+    return de({ property: e, filterDateMessages: O.filterDate, clearLabel: i, expanded: ie, setExpanded: (d) => p(e, d), includeNever: R, range: le, start: ce, end: ne, serverProperty: oe, onRemove: () => {
       o({
         id: e,
         label: "",
@@ -105,25 +108,25 @@ function Ue(U) {
         end: d.end
       });
     } });
-  })}${!!R?.enabled && g({ heading: t.access.title, expanded: !!R?.props?.expanded, setExpanded: (e) => p("access", e), active: b("access"), clearLabel: i, onRemove: () => c("access"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
-    const s = "access", r = O(A, e, s);
-    if (!r) {
-      c(s);
+  })}${!!E?.enabled && g({ heading: t.access.title, expanded: !!E?.props?.expanded, setExpanded: (e) => p("access", e), active: b("access"), clearLabel: i, onRemove: () => c("access"), children: a`<calcite-tree selection-mode=single scale=m @calciteTreeSelect=${(e) => {
+    const r = "access", s = $(L, e, r);
+    if (!s) {
+      c(r);
       return;
     }
     o({
-      id: s,
-      label: m(t.access.label, { label: t.access[r] }),
+      id: r,
+      label: u(t.access.label, { label: t.access[s] }),
       param: "q",
-      value: fe(r),
-      access: r
-    }), n({ kind: s, value: r });
-  }}>${re.map((e) => a`<calcite-tree-item data-access=${e ?? u} .selected=${A === e}>${t.access[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}` });
+      value: he(s),
+      access: s
+    }), n({ kind: r, value: s });
+  }}>${se.map((e) => a`<calcite-tree-item data-access=${e ?? m} .selected=${L === e}>${t.access[e]}</calcite-tree-item>`)}</calcite-tree>` }) || ""}` });
 }
-const O = (U, $, y) => {
-  const l = $.target.selectedItems?.[0]?.dataset[y];
+const $ = (U, O, y) => {
+  const l = O.target.selectedItems?.[0]?.dataset[y];
   return U === l ? null : l ?? null;
 };
 export {
-  Ue as PortalGroupBrowserFilters
+  ye as PortalGroupBrowserFilters
 };

package/dist/components/portal-related-items-list-item/customElement.js

@@ -0,0 +1,20 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as s } from "lit";
+import { nothing as $ } from "@arcgis/lumina";
+import { g as d } from "../../chunks/user2.js";
+function b({ item: t, portal: c, user: e, lang: o, showAccessInfo: l = !0, relatedItemsCount: r = 0, relatedItemsCountTitle: i, onRelatedItemsClick: p }) {
+  const a = t.itemPageUrl ?? void 0, n = t.title ?? "", m = {
+    public: "globe",
+    private: "lock",
+    org: "organization",
+    shared: "group"
+  }[t.access];
+  return s`<calcite-list-item .label=${n} @calciteListItemSelect=${() => {
+    a && window.open(a, "_blank", "noopener,noreferrer");
+  }}><span slot=content-start><arcgis-portal-item-type .item=${t} .portal=${c} .user=${e} hide-text></arcgis-portal-item-type></span><div slot=content class="item"><div class="item__content"><span class="item__title">${n}</span><div class="item__details"><span class="item__type"><arcgis-portal-item-type .item=${t} .user=${e} .portal=${c} scale=s hide-icon></arcgis-portal-item-type></span>|<span class="item__details-owner">${d(e, o) ?? t.owner}</span></div></div></div><div slot=content-end class="item__content-end">${r > 0 && s`<calcite-chip .label=${i} title=${i ?? $} icon=launch @click=${(_) => {
+    _.stopPropagation(), p?.();
+  }}>${i}</calcite-chip>` || ""}${l && s`<span class="item__access"><calcite-icon .icon=${m} scale=s class="item__access-icon"></calcite-icon></span>` || ""}</div></calcite-list-item>`;
+}
+export {
+  b as RelatedItemsListItem
+};

package/dist/components/portal-related-items-list-item/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-list-item";
+import "../arcgis-portal-item-type/index.js";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";