@arcgis/portal-components 5.2.0-next.61 → 5.2.0-next.63

package/dist/components/arcgis-portal-navigation/index.js

@@ -2,16 +2,15 @@ import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-tooltip";
 import "@esri/calcite-components/components/calcite-list-item";
 import "@esri/calcite-components/components/calcite-action";
-import "../arcgis-portal-item-type/index.js";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-input";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-popover";
+import "@esri/calcite-components/components/calcite-list";
+import "../arcgis-portal-item-type/index.js";
 import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-dropdown-item";
+import "@esri/calcite-components/components/calcite-input";
 import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-navigation-user";
 import "../arcgis-portal-user-avatar/index.js";
 import "@esri/calcite-components/components/calcite-dropdown-group";
 import "@esri/calcite-components/components/calcite-menu";
@@ -25,7 +24,6 @@ import "@esri/calcite-components/components/calcite-tab-nav";
 import "@esri/calcite-components/components/calcite-tab-title";
 import "@esri/calcite-components/components/calcite-tab";
 import "@esri/calcite-components/components/calcite-scrim";
-import "@esri/calcite-components/components/calcite-navigation-logo";
 import "../arcgis-portal-info-banner/index.js";
 import "../arcgis-portal-classification-banner/index.js";
 import "../arcgis-portal-account-switcher/index.js";

package/dist/components/portal-browser/components/portal-browser-filter/customElement.js

@@ -0,0 +1,14 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as e } from "lit";
+import { safeClassMap as p } from "@arcgis/lumina";
+function v(l) {
+  const { action: a, active: c = !1, clearDisabled: s = !1, clearLabel: n = "Clear", children: t, expanded: o = !1, heading: i, noPadding: d = !1, onRemove: f, primary: m = !1, setExpanded: r } = l;
+  return m ? e`<div class="filter--primary"><div class="filter__header filter__header--primary"><h3 class="filter__title">${i}</h3>${a}</div>${t}</div>` : e`<calcite-accordion-item class="filter__accordion-item" .heading=${i} .expanded=${o} @calciteAccordionItemExpand=${() => {
+    r?.(!0);
+  }} @calciteAccordionItemCollapse=${() => {
+    r?.(!1);
+  }}><div slot=actions-end class="filter__actions-slot arcgis-item-browser-filter__actions-slot">${a}${c && !s && e`<calcite-button class="clear-button" scale=s kind=neutral appearance=transparent @click=${() => f?.()}>${n}</calcite-button>` || ""}</div><div class=${p({ filter__content: !0, "filter__content--padded": !d })}>${t}</div></calcite-accordion-item>`;
+}
+export {
+  v as PortalBrowserFilterItem
+};

package/dist/components/{arcgis-portal-browser-filter → portal-browser/components/portal-browser-filter}/index.js

@@ -1,4 +1,3 @@
-import "@esri/calcite-components/components/calcite-accordion";
 import "@esri/calcite-components/components/calcite-accordion-item";
 import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/portal-browser/components/portal-browser-filter-date/customElement.js

@@ -0,0 +1,59 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as f } from "lit";
+import { substitute as P } from "@arcgis/core/intl.js";
+import { nothing as B } from "@arcgis/lumina";
+import { PortalBrowserFilterItem as F } from "../portal-browser-filter/customElement.js";
+const y = 1440 * 60 * 1e3;
+function u(t) {
+  const i = typeof t == "string" ? Number.parseInt(t, 10) : typeof t == "number" ? t : (t ?? /* @__PURE__ */ new Date()).valueOf(), r = new Date(i);
+  return r.setHours(0, 0, 0, 0), r.valueOf();
+}
+function g(t) {
+  return u(t) + y - 1;
+}
+const E = 7 * y, w = ["today", "yesterday", "last7", "last30", "never", "custom"], M = (t, i, r) => {
+  const s = u(), a = g();
+  switch (t) {
+    case "yesterday":
+      return [s - y, s - 1];
+    case "today":
+      return [s, a];
+    case "last7":
+      return [s - E, a];
+    case "last30":
+      return [s - y * 30, a];
+    case "never":
+      return [-1, -1];
+    case "custom":
+      return i && r ? [u(i), g(r)] : null;
+    default:
+      return null;
+  }
+};
+function H(t) {
+  const { clearLabel: i, end: r, expanded: s, filterDateMessages: a, includeNever: $, onFilter: b, onRemove: v, property: d, range: l, serverProperty: h, setExpanded: O, start: m } = t, I = a.title[d], S = $ ? w : w.filter((e) => e !== "never"), k = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), x = !!(l && (l !== "custom" || m && r)), D = (e, n, c) => {
+    const p = h ?? (d === "modified" ? "modified" : "uploaded"), o = M(e, n, c), A = e ? a[e] : "";
+    b?.({
+      id: d,
+      label: e ? P(a[d], { date: A }) : "",
+      value: o ? `(${p}:[${o[0]} TO ${o[1]}])` : "",
+      range: e,
+      start: o ? new Date(o[0]) : void 0,
+      end: o ? new Date(o[1]) : void 0
+    });
+  };
+  return F({ heading: I, expanded: s, setExpanded: O, active: x, clearLabel: i, onRemove: v, children: f`<div><calcite-tree selection-mode=children scale=m @calciteTreeSelect=${(e) => {
+    const n = e.target.selectedItems?.[0]?.dataset.range, c = l === n ? null : n;
+    if (!c) {
+      v?.();
+      return;
+    }
+    D(c, m, r);
+  }}>${S.map((e) => f`<calcite-tree-item data-range=${e ?? B} .selected=${e === l}>${a[e]}</calcite-tree-item>`)}</calcite-tree>${l === "custom" && f`<calcite-input-date-picker class="custom-date-picker" @calciteInputDatePickerChange=${(e) => {
+    const n = e.target.valueAsDate, [c, p] = Array.isArray(n) ? n : [];
+    c && p && D("custom", c, p);
+  }} scale=s .max=${k} calendars=1 layout=vertical month-style=abbreviated proximity-selection-disabled range .valueAsDate=${m && r ? [new Date(u(m)), new Date(u(r))] : []}></calcite-input-date-picker>` || ""}</div>` });
+}
+export {
+  H as PortalBrowserFilterDate
+};

package/dist/components/{arcgis-portal-browser-filter-date → portal-browser/components/portal-browser-filter-date}/index.js

@@ -1,5 +1,4 @@
-import "@esri/calcite-components/components/calcite-tree-item";
-import "../arcgis-portal-browser-filter/index.js";
 import "@esri/calcite-components/components/calcite-tree";
+import "@esri/calcite-components/components/calcite-tree-item";
 import "@esri/calcite-components/components/calcite-input-date-picker";
 export * from "./customElement.js";

package/dist/components/portal-browser/components/portal-browser-filter-date/portal-browser-filter-date.d.ts

@@ -0,0 +1,122 @@
+import type { PortalBrowserFilterDetail } from "../../../arcgis-portal-browser/utils/store.js";
+
+export interface PortalBrowserFilterDateProps {
+  property: PortalBrowserDateProperty;
+  filterDateMessages: ({
+      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;
+      };
+  })["filterDate"];
+  clearLabel: string;
+  expanded?: boolean;
+  includeNever?: boolean;
+  range?: PortalBrowserDateRange;
+  start?: Date | number | string | null;
+  end?: Date | number | string | null;
+  serverProperty?: string;
+  setExpanded?: (expanded: boolean) => void;
+  onRemove?: () => void;
+  onFilter?: (detail: PortalBrowserDateFilterDetail) => void;
+}
+
+export type PortalBrowserDateProperty = "created" | "modified";
+
+export type PortalBrowserDateRange = (typeof portalBrowserDateRanges)[number] | null;
+
+export type PortalBrowserDateFilterDetail = PortalBrowserFilterDetail<string>
+  & {
+  range?: PortalBrowserDateRange;
+  start?: Date | number | string | null;
+  end?: Date | number | string | null;
+};
+
+export const portalBrowserDateRanges: readonly [
+    "today",
+    "yesterday",
+    "last7",
+    "last30",
+    "never",
+    "custom"
+];

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

@@ -0,0 +1,11 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { html as c } from "lit";
+import { nothing as p, safeClassMap as d } from "@arcgis/lumina";
+import { b as m } from "../../../../chunks/ui.js";
+function v(o) {
+  const { bottom: r, children: e, primary: i, slot: s, store: t, title: a, top: l } = o, n = !!t?.panel || (t?.width ?? 0) < m.sm;
+  return c`<div slot=${s ?? p} class="filters-shell" .inert=${!!t?.preview}><div class=${d({ "filters-shell__top": !0, "filters-shell__top--padded": n })}>${l}</div>${i}${a}<calcite-accordion appearance=transparent icon-type=chevron icon-position=start scale=m>${e}</calcite-accordion>${r}</div>`;
+}
+export {
+  v as PortalBrowserFilters
+};

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

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

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

@@ -1,8 +1,5 @@
-import "../arcgis-portal-browser-filters/index.js";
-import "../arcgis-portal-browser-filter/index.js";
 import "@esri/calcite-components/components/calcite-tree";
 import "@esri/calcite-components/components/calcite-tree-item";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-tooltip";
-import "../arcgis-portal-browser-filter-date/index.js";
 export * from "./customElement.js";