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

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

@@ -0,0 +1,195 @@
+/// <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 { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserSearch 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 true */
+  accessor allowClear: boolean;
+  /** @default "" */
+  accessor placeholder: string;
+  accessor store: PortalBrowserStore;
+  /** @default "" */
+  accessor term: string;
+  setFocus(): Promise<void>;
+  readonly arcgisBrowserSearch: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly arcgisBrowserSearchInput: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisBrowserSearch: ArcgisPortalBrowserSearch["arcgisBrowserSearch"]["detail"];
+    arcgisBrowserSearchInput: ArcgisPortalBrowserSearch["arcgisBrowserSearchInput"]["detail"];
+  };
+}

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

@@ -0,0 +1,62 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as d } from "../../chunks/runtime.js";
+import { live as h } from "lit/directives/live.js";
+import { LitElement as p, createEvent as n, nothing as a, safeClassMap as o } from "@arcgis/lumina";
+import { css as u, html as c } from "lit";
+import { createRef as m, ref as b } from "lit/directives/ref.js";
+import { u as w } from "../../chunks/useT9n.js";
+import { c as g } from "../../chunks/store.js";
+const f = u`:host{position:relative;display:block}.search{position:absolute;z-index:10;margin-top:1rem;color:var(--calcite-color-text-1);pointer-events:none;inset-inline-start:1.5rem}.search--panel{inset-inline-start:.75rem}.x{position:absolute;z-index:10;top:0;margin-top:.5rem;margin-inline:.25rem;padding:.25rem;border:none;cursor:pointer;color:var(--calcite-color-text-1);outline:none;inset-inline-end:.25rem;background:transparent}.x--icon{display:block}.input{display:block;width:100%;box-sizing:border-box;padding-block:1rem;padding-inline-start:3rem;height:3rem;border:none;position:relative;z-index:0;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1);background-color:transparent;border-bottom:2px solid transparent;font-family:inherit}.input::-webkit-search-cancel-button{display:none}.input::-ms-clear{display:none}.input:focus{outline:none;border-bottom-color:var(--calcite-color-brand)}.input--panel{padding-inline-start:2.5rem;padding-inline-end:1rem}.input--with-clear{padding-inline-end:3rem}.alert:not([calcite-hydrated]){display:none}`;
+class v extends p {
+  constructor() {
+    super(...arguments), this.searchInput = m(), this._messages = w({ name: "portal-browser", blocking: !0 }), this.showClear = !1, this.containsWildcard = !1, this.term = "", this.placeholder = "", this.allowClear = !0, this.store = g(), this.arcgisBrowserSearch = n(), this.arcgisBrowserSearchInput = n();
+  }
+  static {
+    this.properties = { showClear: 16, containsWildcard: 16, term: 1, placeholder: 1, allowClear: 5, store: 0 };
+  }
+  static {
+    this.styles = f;
+  }
+  async setFocus() {
+    this.searchInput.value?.focus();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.showClear = !!this.term, this.containsWildcard = this.term.includes("*");
+  }
+  willUpdate(e) {
+    e.get("term") !== void 0 && ((this.searchInput.value?.value ?? "") !== this.term && (this.showClear = !!this.term, this.emitUpdate(this.term)), this.containsWildcard = this.term.includes("*"));
+  }
+  disconnectedCallback() {
+    this.debounceId && (window.clearTimeout(this.debounceId), this.debounceId = void 0), super.disconnectedCallback();
+  }
+  emitUpdate(e) {
+    this.store.searchTerm = e, this.arcgisBrowserSearch.emit(e);
+  }
+  debouncedInput(e) {
+    this.debounceId && window.clearTimeout(this.debounceId), this.debounceId = window.setTimeout(() => {
+      const t = e.includes("*");
+      this.showClear = !!e, this.containsWildcard = t, t || this.emitUpdate(e);
+    }, 400);
+  }
+  render() {
+    const e = !!this.store.panel, t = this.placeholder || this._messages.search.search, r = this._messages.search.wildcard, l = this._messages.search.clear;
+    return c`<div><calcite-icon icon=search scale=s class=${o({ search: !0, "search--panel": e })}></calcite-icon><input class=${o({
+      input: !0,
+      "input--with-clear": this.allowClear && this.showClear,
+      "input--panel": e
+    })} .value=${h(this.term ?? "")} placeholder=${t ?? a} aria-label=${t ?? a} @input=${(i) => {
+      const s = i.currentTarget.value;
+      s.includes("*") || (this.containsWildcard = !1), this.arcgisBrowserSearchInput.emit(s), this.debouncedInput(s);
+    }} ${b(this.searchInput)}><calcite-alert .open=${this.containsWildcard} scale=m kind=danger class="alert" icon=exclamation-mark-triangle .label=${r} @calciteAlertClose=${() => {
+      this.containsWildcard = !1;
+    }}><div slot=message>${r}</div></calcite-alert>${this.allowClear && this.showClear && c`<button class="x" aria-label=${l ?? a} @click=${() => {
+      this.arcgisBrowserSearchInput.emit(""), this.emitUpdate(""), this.showClear = !1, this.searchInput.value && (this.searchInput.value.value = "", this.searchInput.value.focus());
+    }} @keydown=${(i) => {
+      i.key === "Enter" && i.stopPropagation();
+    }} tabindex=0><calcite-icon icon=x scale=m class="x--icon"></calcite-icon></button>` || ""}</div>`;
+  }
+}
+d("arcgis-portal-browser-search", v);
+export {
+  v as ArcgisPortalBrowserSearch
+};

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

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

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

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-alert";
+export * from "./customElement.js";

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

@@ -0,0 +1,196 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserSortField, PortalBrowserSortOrder } from "./utils.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserSort 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 "dropdown" */
+  accessor appearance: "accordion" | "dropdown";
+  accessor field: PortalBrowserSortField | undefined;
+  accessor options: PortalBrowserSortField[];
+  accessor order: PortalBrowserSortOrder | undefined;
+  /** @default true */
+  accessor showText: boolean;
+  /** @default false */
+  accessor useDeleted: boolean;
+  readonly arcgisBrowserSortFieldChange: import("@arcgis/lumina").TargetedEvent<this, PortalBrowserSortField>;
+  readonly arcgisBrowserSortOrderChange: import("@arcgis/lumina").TargetedEvent<this, PortalBrowserSortOrder>;
+  readonly "@eventTypes": {
+    arcgisBrowserSortFieldChange: ArcgisPortalBrowserSort["arcgisBrowserSortFieldChange"]["detail"];
+    arcgisBrowserSortOrderChange: ArcgisPortalBrowserSort["arcgisBrowserSortOrderChange"]["detail"];
+  };
+}

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

@@ -0,0 +1,93 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as h } from "../../chunks/runtime.js";
+import { css as p, html as i } from "lit";
+import { LitElement as m, createEvent as l, nothing as d } from "@arcgis/lumina";
+import { u } from "../../chunks/useT9n.js";
+const g = p`.sort-accordion-wrap{border-bottom:1px solid var(--calcite-color-border-2)}.sort-title{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);padding:1rem .5rem;margin:0 0 -1px;line-height:1;border-bottom:1px solid var(--calcite-color-border-2)}.dropdown-sort-order-items--in-dialog{max-height:var(--arcgis-browser-sort-max-height, none)}.sort-accordion-item{--calcite-accordion-item-content-space: .75rem .25rem;--calcite-accordion-icon-margin: .5rem;border-top:1px solid var(--calcite-color-border-1)}.sort-accordion-content{margin:-.75rem .5rem 0}`, b = {
+  title: ["asc", "alphabetical"],
+  owner: ["asc", "alphabetical"],
+  numviews: ["desc", "num"],
+  relevance: ["desc"],
+  modified: ["desc", "recent"],
+  created: ["desc", "recent"],
+  size: ["desc", "size"],
+  fullname: ["asc", "alphabetical"],
+  username: ["asc", "alphabetical"],
+  name: ["asc", "alphabetical"],
+  membertype: ["asc", "alphabetical"],
+  joined: ["desc", "recent"],
+  lastlogin: ["desc", "recent"],
+  added: ["desc", "recent"],
+  dataset: ["asc", "alphabetical"],
+  mfaenabled: ["desc", "default"],
+  description: ["asc", "alphabetical"],
+  lastSyncFailureCount: ["desc", "num"],
+  invitationsPendingCount: ["desc", "num"],
+  participantGroupLinksCount: ["desc", "num"]
+};
+function n(a, e, o) {
+  const [t, s] = b[a], r = a === "modified" && o ? e.deleted || "Date deleted" : e[a] || a, c = {
+    asc: (s ? e[`${s}Asc`] : void 0) || e.defaultAsc,
+    desc: (s ? e[`${s}Desc`] : void 0) || e.defaultDesc
+  };
+  return {
+    label: r,
+    showSortOrder: !!s,
+    defaultSortOrder: t,
+    sortOrderLabels: c
+  };
+}
+class f extends m {
+  constructor() {
+    super(...arguments), this._messages = u({ name: "portal-browser", blocking: !0 }), this.sortOrders = ["asc", "desc"], this.options = [], this.appearance = "dropdown", this.showText = !0, this.useDeleted = !1, this.arcgisBrowserSortFieldChange = l(), this.arcgisBrowserSortOrderChange = l();
+  }
+  static {
+    this.properties = { options: 0, field: 1, order: 1, appearance: 1, showText: 5, useDeleted: 5 };
+  }
+  static {
+    this.styles = g;
+  }
+  getI18n() {
+    return this._messages.sort;
+  }
+  renderFieldOption(e, o) {
+    const t = this.getI18n(), s = n(e, t, this.useDeleted);
+    return i`<calcite-dropdown-item .selected=${o === e} @calciteDropdownItemSelect=${() => this.arcgisBrowserSortFieldChange.emit(e)}>${s.label}</calcite-dropdown-item>`;
+  }
+  renderButton(e) {
+    const o = this.getI18n(), t = n(e, o, this.useDeleted), s = `${o.sortBy} ${t.label}`;
+    return i`<calcite-button class="button" slot=trigger scale=m appearance=outline-fill kind=neutral icon-start=sort-descending icon-flip-rtl=start .label=${s}>${this.showText ? t.label : null}</calcite-button>`;
+  }
+  renderDropdown() {
+    if (!this.options.length)
+      return null;
+    const e = this.getI18n(), o = this.field && this.options.includes(this.field) ? this.field : this.options[0], t = n(o, e, this.useDeleted), s = this.order || t.defaultSortOrder;
+    return i`<calcite-dropdown placement=bottom-end scale=m overlay-positioning=fixed width=m>${this.renderButton(o)}<calcite-dropdown-group selection-mode=single .groupTitle=${e.sortBy}>${this.options.map((r) => this.renderFieldOption(r, o))}</calcite-dropdown-group>${t.showSortOrder && i`<calcite-dropdown-group selection-mode=single .groupTitle=${e.sortDirection}>${this.sortOrders.map((r) => i`<calcite-dropdown-item .selected=${s === r} @calciteDropdownItemSelect=${() => this.arcgisBrowserSortOrderChange.emit(r)}>${t.sortOrderLabels[r]}</calcite-dropdown-item>`)}</calcite-dropdown-group>` || ""}</calcite-dropdown>`;
+  }
+  renderTreeItem(e, o) {
+    const t = this.getI18n(), s = n(e, t, this.useDeleted);
+    return i`<calcite-tree-item data-value=${e ?? d} .selected=${o === e}><a>${s.label}</a></calcite-tree-item>`;
+  }
+  renderAccordion(e, o, t) {
+    return t ? null : i`<calcite-accordion-item .heading=${e} class="sort-accordion-item"><div class="sort-accordion-content">${o}</div></calcite-accordion-item>`;
+  }
+  renderAccordions() {
+    if (!this.options.length)
+      return null;
+    const e = this.getI18n(), o = this.field && this.options.includes(this.field) ? this.field : this.options[0], t = n(o, e, this.useDeleted), s = this.order || t.defaultSortOrder;
+    return i`<div class="sort-accordion-wrap"><h3 class="sort-title">${e.sort}</h3><calcite-accordion appearance=transparent icon-type=chevron scale=m icon-position=start>${this.renderAccordion(e.sortBy, i`<calcite-tree @calciteTreeSelect=${(r) => {
+      const c = r.target.selectedItems?.[0]?.dataset.value;
+      c && typeof c == "string" && this.arcgisBrowserSortFieldChange.emit(c);
+    }}>${this.options.map((r) => this.renderTreeItem(r, o))}</calcite-tree>`)}${this.renderAccordion(e.sortDirection, i`<calcite-tree @calciteTreeSelect=${(r) => {
+      const c = r.target.selectedItems?.[0]?.dataset.value;
+      (c === "asc" || c === "desc") && this.arcgisBrowserSortOrderChange.emit(c);
+    }}>${this.sortOrders.map((r) => i`<calcite-tree-item data-value=${r ?? d} .selected=${s === r}><a>${t.sortOrderLabels[r]}</a></calcite-tree-item>`)}</calcite-tree>`, !t.showSortOrder)}</calcite-accordion></div>`;
+  }
+  render() {
+    return this.appearance === "accordion" ? this.renderAccordions() : this.renderDropdown();
+  }
+}
+h("arcgis-portal-browser-sort", f);
+export {
+  f as ArcgisPortalBrowserSort
+};

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

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

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

@@ -0,0 +1,9 @@
+import "@esri/calcite-components/components/calcite-dropdown-item";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-tree-item";
+import "@esri/calcite-components/components/calcite-accordion-item";
+import "@esri/calcite-components/components/calcite-accordion";
+import "@esri/calcite-components/components/calcite-tree";
+export * from "./customElement.js";

package/dist/components/arcgis-portal-browser-sort/utils.d.ts

@@ -0,0 +1,3 @@
+export type PortalBrowserSortField = "added" | "created" | "dataset" | "description" | "fullname" | "invitationsPendingCount" | "joined" | "lastlogin" | "lastSyncFailureCount" | "membertype" | "mfaenabled" | "modified" | "name" | "numviews" | "owner" | "participantGroupLinksCount" | "relevance" | "size" | "title" | "username";
+
+export type PortalBrowserSortOrder = "asc" | "desc";