@arcgis/portal-components 5.2.0-next.8 → 5.2.0-next.85

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

@@ -0,0 +1,193 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserFilterDetail } from "../arcgis-portal-browser/utils/store.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserFilterStatus extends LitElement {
+  /** @internal */
+  protected _messages: {
+      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;
+      };
+  }>;
+  /** Pass the width of the browser from state */
+  accessor browserWidth: number | undefined;
+  /** Pass the width of the component container */
+  accessor componentWidth: number | undefined;
+  accessor filters: Record<string, PortalBrowserFilterDetail>;
+  accessor hiddenFilterIds: string[];
+  readonly arcgisBrowserFilterClear: import("@arcgis/lumina").TargetedEvent<this, null>;
+  readonly arcgisBrowserFilterRemove: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisBrowserFilterClear: ArcgisPortalBrowserFilterStatus["arcgisBrowserFilterClear"]["detail"];
+    arcgisBrowserFilterRemove: ArcgisPortalBrowserFilterStatus["arcgisBrowserFilterRemove"]["detail"];
+  };
+}

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

@@ -0,0 +1,56 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { keyed as p } from "lit/directives/keyed.js";
+import { LitElement as m, createEvent as d } from "@arcgis/lumina";
+import { css as b, html as e } from "lit";
+import { b as f } from "../../chunks/ui.js";
+import { g } from "../../chunks/dom.js";
+import { u as w } from "../../chunks/useT9n.js";
+const B = b`:host{display:flex;align-items:center}.status-list{display:flex;align-items:center;max-width:100%}.status-chip{max-width:100%;--calcite-color-foreground-2: var(--calcite-color-foreground-1)}.chip-group{max-width:100%;min-width:0}.status-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-content{max-width:28rem;padding:.75rem}.clear-button{margin-inline-start:.25rem}`;
+class v extends m {
+  constructor() {
+    super(...arguments), this._messages = w({ name: "portal-browser", blocking: !0 }), this.inBounds = [], this.outOfBounds = [], this.filters = {}, this.hiddenFilterIds = [], this.arcgisBrowserFilterClear = d(), this.arcgisBrowserFilterRemove = d();
+  }
+  static {
+    this.properties = { inBounds: 16, outOfBounds: 16, filters: 0, hiddenFilterIds: 0, componentWidth: 9, browserWidth: 9 };
+  }
+  static {
+    this.styles = B;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.processValidFilters();
+  }
+  willUpdate(t) {
+    (t.has("filters") || t.has("hiddenFilterIds") || t.has("componentWidth") || t.has("browserWidth")) && this.processValidFilters();
+  }
+  isFilterValid(t) {
+    return this.hiddenFilterIds.includes(t.id) ? !1 : t.id === "collaborations" && "additionalParams" in t ? !!(t.additionalParams && t.label) : !!(t.value && t.label);
+  }
+  processValidFilters() {
+    const t = Object.values(this.filters).filter(this.isFilterValid.bind(this)), s = this.componentWidth ?? 0;
+    if ((this.browserWidth ?? s ?? window.innerWidth) < f.sm) {
+      this.inBounds = t, this.outOfBounds = [];
+      return;
+    }
+    const h = Math.max(s - 460, 0);
+    let a = 0;
+    const l = [], n = [];
+    t.forEach((r) => {
+      const c = g({ text: r.label });
+      !s || a + c <= h ? (l.push(r), a += c) : n.push(r);
+    }), this.inBounds = l, this.outOfBounds = n;
+  }
+  renderChip(t) {
+    return p(t.id, e`<calcite-chip class="status-chip" scale=s .label=${t.label} .value=${t.id} closable appearance=outline @calciteChipClose=${() => {
+      this.arcgisBrowserFilterRemove.emit(t.id);
+    }}><span class="status-chip__label">${t.label}</span></calcite-chip>`);
+  }
+  render() {
+    const t = this._messages.filterStatus, s = this.outOfBounds.length > 0, o = this.inBounds.length + this.outOfBounds.length;
+    return o ? e`<div class="status-list"><calcite-chip-group class="chip-group" .label=${t.filters} scale=s>${this.inBounds.map((i) => this.renderChip(i))}${s && e`<calcite-button id=popover-button round kind=neutral appearance=outline scale=s>+ ${this.outOfBounds.length}</calcite-button>` || ""}</calcite-chip-group>${s && e`<calcite-popover .label=${t.additional} reference-element=popover-button placement=bottom-end><div class="popover-content"><calcite-chip-group .label=${t.additional} scale=s>${this.outOfBounds.map((i) => this.renderChip(i))}</calcite-chip-group></div></calcite-popover>` || ""}${o > 1 && e`<calcite-button class="clear-button" scale=s appearance=transparent kind=brand @click=${() => this.arcgisBrowserFilterClear.emit(null)}>${t.clearAllFilters}</calcite-button>` || ""}</div>` : null;
+  }
+}
+u("arcgis-portal-browser-filter-status", v);
+export {
+  v as ArcgisPortalBrowserFilterStatus
+};

package/dist/components/arcgis-portal-browser-filter-status/index.d.ts

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

package/dist/components/arcgis-portal-browser-filter-status/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-chip-group";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-popover";
+export * from "./customElement.js";

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

@@ -0,0 +1,194 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
+import type { BrowserPageDetail } from "../arcgis-portal-browser/utils/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserPagination extends LitElement {
+  /** @internal */
+  protected _messages: {
+      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;
+      };
+  }>;
+  /** @default 60 */
+  accessor num: number;
+  /** @default 1 */
+  accessor start: number;
+  accessor store: PortalBrowserStore;
+  /** @default 0 */
+  accessor total: number;
+  nextPage(): Promise<void>;
+  readonly arcgisBrowserPage: import("@arcgis/lumina").TargetedEvent<this, BrowserPageDetail>;
+  readonly "@eventTypes": {
+    arcgisBrowserPage: ArcgisPortalBrowserPagination["arcgisBrowserPage"]["detail"];
+  };
+}

package/dist/components/arcgis-portal-browser-pagination/customElement.js

@@ -0,0 +1,49 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as a } from "../../chunks/runtime.js";
+import { css as i, html as s } from "lit";
+import { LitElement as r, createEvent as n, safeClassMap as o } from "@arcgis/lumina";
+import { createRef as m, ref as g } from "lit/directives/ref.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { t as c } from "../../chunks/functionalities.js";
+import { c as l } from "../../chunks/store.js";
+const h = i`.wrapper{container-type:inline-size;container-name:browser-pagination;padding:2rem .5rem}.pagination{width:100%;justify-content:center;transform:scale(.9);transform-origin:center}.hide{display:none}@container browser-pagination (min-width: 641px){.pagination{transform:none}}`;
+class u extends r {
+  constructor() {
+    super(...arguments), this.paginationRef = m(), this._messages = p({ name: "portal-browser", blocking: !0 }), this.total = 0, this.start = 1, this.num = 60, this.store = l(), this.arcgisBrowserPage = n();
+  }
+  static {
+    this.properties = { total: 9, start: 9, num: 9, store: 0 };
+  }
+  static {
+    this.styles = h;
+  }
+  async nextPage() {
+    this.paginationRef.value?.nextPage(), await c(10);
+    const t = this.paginationRef.value;
+    t && this.arcgisBrowserPage.emit({
+      start: t.startItem,
+      total: t.totalItems,
+      num: t.pageSize
+    });
+  }
+  emitPage(t) {
+    this.arcgisBrowserPage.emit({
+      start: t.startItem,
+      total: t.totalItems,
+      num: t.pageSize
+    });
+  }
+  render() {
+    return s`<div class="wrapper"><calcite-pagination class=${o({ hide: !this.total || this.total < this.num, pagination: !0 })} @calcitePaginationChange=${(t) => {
+      const e = t.target;
+      this.emitPage(e);
+    }} .startItem=${this.start} .totalItems=${Math.min(this.total, 1e4 - this.num)} .pageSize=${this.num} scale=m .messageOverrides=${{
+      next: this._messages.pagination.next,
+      previous: this._messages.pagination.prev
+    }} ${g(this.paginationRef)}></calcite-pagination></div>`;
+  }
+}
+a("arcgis-portal-browser-pagination", u);
+export {
+  u as ArcgisPortalBrowserPagination
+};

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

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

package/dist/components/arcgis-portal-browser-pagination/index.js

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