@arcgis/portal-components 5.2.0-next.6 → 5.2.0-next.60

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

@@ -0,0 +1,226 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserFilter 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;
+      };
+  }>;
+  /**
+   * Set to true if the filter is currently being applied.
+   *
+   * @default false
+   */
+  accessor active: boolean;
+  /**
+   * Set to true to disable the clear button.
+   *
+   * @default false
+   */
+  accessor clearDisabled: boolean;
+  /**
+   * Set to true to open the filter on first load.
+   *
+   * @default false
+   */
+  accessor expanded: boolean;
+  /**
+   * Pass the ID of the filter (used for remove event detail).
+   *
+   * @default ""
+   */
+  accessor filterId: string;
+  /**
+   * Translated title of the filter.
+   *
+   * @default ""
+   */
+  accessor heading: string;
+  /**
+   * Set to true when slotting in content that should not have default margins.
+   *
+   * @default false
+   */
+  accessor noPadding: boolean;
+  /**
+   * Use when rendering as a primary filter above the filter set.
+   *
+   * @default false
+   */
+  accessor primary: boolean;
+  readonly arcgisBrowserFilterRemove: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisBrowserFilterRemove: ArcgisPortalBrowserFilter["arcgisBrowserFilterRemove"]["detail"];
+  };
+}

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

@@ -0,0 +1,32 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as i } from "../../chunks/runtime.js";
+import { css as r, html as e } from "lit";
+import { LitElement as a, createEvent as s, safeClassMap as l } from "@arcgis/lumina";
+import { u as c } from "../../chunks/useT9n.js";
+const o = r`:host{display:block}.filter__wrapper{position:relative}.filter__accordion-item{--calcite-accordion-item-content-space: .75rem .25rem;--calcite-accordion-icon-margin: .5rem;border-top:1px solid var(--calcite-color-border-1)}.filter--primary{margin-bottom:1rem;position:relative}.filter__header{border-bottom:1px solid var(--calcite-color-border-2);display:flex;margin-bottom:.5rem;align-items:center}.filter__header--primary{margin-bottom:0}.filter__title{color:var(--calcite-color-text-1);flex:1;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);line-height:1;margin:0;padding:1rem .5rem}.filter__actions-slot{display:flex;align-self:center;align-items:center;line-height:0}.filter__content{margin:0}.filter__content--padded{margin:-.75rem .5rem 0}.filter__content>calcite-tree>calcite-tree-item>a{padding-block:.25rem}.clear-button{line-height:1;margin-inline:.25rem}`;
+class n extends a {
+  constructor() {
+    super(...arguments), this._messages = c({ name: "portal-browser", blocking: !0 }), this.expanded = !1, this.heading = "", this.active = !1, this.noPadding = !1, this.clearDisabled = !1, this.filterId = "", this.primary = !1, this.arcgisBrowserFilterRemove = s();
+  }
+  static {
+    this.properties = { expanded: 5, heading: 1, active: 5, noPadding: 5, clearDisabled: 5, filterId: 1, primary: 5 };
+  }
+  static {
+    this.styles = o;
+  }
+  emitFilterRemove() {
+    this.arcgisBrowserFilterRemove.emit(this.filterId);
+  }
+  render() {
+    const t = this._messages.filter.clear;
+    return this.primary ? e`<div class="filter--primary"><div class="filter__header filter__header--primary"><h3 class="filter__title">${this.heading}</h3><slot name=action></slot></div><slot></slot></div>` : e`<div class="filter__wrapper"><calcite-accordion appearance=transparent icon-type=chevron icon-position=start scale=m><calcite-accordion-item class="filter__accordion-item" .heading=${this.heading} .expanded=${this.expanded} @calciteAccordionItemExpand=${() => {
+      this.expanded = !0;
+    }} @calciteAccordionItemCollapse=${() => {
+      this.expanded = !1;
+    }}><div slot=actions-end class="filter__actions-slot arcgis-item-browser-filter__actions-slot"><slot name=action></slot>${this.active && !this.clearDisabled && e`<calcite-button class="clear-button" scale=s kind=neutral appearance=transparent @click=${() => this.emitFilterRemove()}>${t}</calcite-button>` || ""}</div><div class=${l({ filter__content: !0, "filter__content--padded": !this.noPadding })}><slot></slot></div></calcite-accordion-item></calcite-accordion></div>`;
+  }
+}
+i("arcgis-portal-browser-filter", n);
+export {
+  n as ArcgisPortalBrowserFilter
+};

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

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

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

@@ -0,0 +1,4 @@
+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/arcgis-portal-browser-filter-date/customElement.d.ts

@@ -0,0 +1,233 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PortalBrowserFilterDetail, PortalBrowserStore } from "../arcgis-portal-browser/utils/store.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class ArcgisPortalBrowserFilterDate 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;
+      };
+  }>;
+  /** End date for user-defined range. */
+  accessor end: Date | number | string | null | undefined;
+  /**
+   * Set to true to open the filter on first load.
+   *
+   * @default false
+   */
+  accessor expanded: boolean;
+  /**
+   * Set to true to include the never option.
+   *
+   * @default false
+   */
+  accessor includeNever: boolean;
+  /**
+   * Id of the date filter in the browser store.
+   *
+   * @default "created"
+   */
+  accessor property: PortalBrowserDateProperty;
+  /** Well known date ranges, or custom for user-defined ranges. */
+  accessor range: PortalBrowserDateRange;
+  /** Property key to use in generated query expressions. */
+  accessor serverProperty: string | undefined;
+  /** Start date for user-defined range. */
+  accessor start: Date | number | string | null | undefined;
+  /** Shared browser store used to reset this filter when removed externally. */
+  accessor store: PortalBrowserStore | undefined;
+  readonly arcgisBrowserFilter: import("@arcgis/lumina").TargetedEvent<this, PortalBrowserDateDetail>;
+  readonly "@eventTypes": {
+    arcgisBrowserFilter: ArcgisPortalBrowserFilterDate["arcgisBrowserFilter"]["detail"];
+  };
+}
+
+export type PortalBrowserDateProperty = "created" | "modified";
+
+export type PortalBrowserDateRange = (typeof portalBrowserDateRanges)[number] | null;
+
+export type PortalBrowserDateDetail = PortalBrowserFilterDetail<string>
+  & {
+  range: PortalBrowserDateRange;
+  start?: Date;
+  end?: Date;
+};
+
+export const portalBrowserDateRanges: readonly [
+    "today",
+    "yesterday",
+    "last7",
+    "last30",
+    "never",
+    "custom"
+];

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

@@ -0,0 +1,118 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as d } from "../../chunks/runtime.js";
+import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
+import { substitute as m } from "@arcgis/core/intl.js";
+import { LitElement as g, createEvent as p, nothing as f } from "@arcgis/lumina";
+import { debounce as v } from "@arcgis/toolkit/function";
+import { css as D, html as c } from "lit";
+import { createRef as y, ref as w } from "lit/directives/ref.js";
+import { u as b } from "../../chunks/useT9n.js";
+import "../arcgis-portal-browser-filter/customElement.js";
+const o = 1440 * 60 * 1e3;
+function a(s) {
+  const e = typeof s == "string" ? Number.parseInt(s, 10) : typeof s == "number" ? s : (s ?? /* @__PURE__ */ new Date()).valueOf(), t = new Date(e);
+  return t.setHours(0, 0, 0, 0), t.valueOf();
+}
+function l(s) {
+  return a(s) + o - 1;
+}
+const k = 7 * o, P = D`:host{display:block}.custom-date-picker{margin-top:.5rem;margin-bottom:.5rem;margin-inline-start:1.75rem;width:12.75rem}`, h = ["today", "yesterday", "last7", "last30", "never", "custom"];
+class $ extends g {
+  constructor() {
+    super(...arguments), this._messages = b({ name: "portal-browser", blocking: !0 }), this._datePicker = y(), this.today = "", this.debouncedRangeChangeHandler = v(() => this.rangeChangeHandler(), 200), this.property = "created", this.range = null, this.expanded = !1, this.includeNever = !1, this.arcgisBrowserFilter = p();
+  }
+  static {
+    this.properties = { property: 1, serverProperty: 1, range: 1, start: 1, end: 1, store: 0, expanded: 5, includeNever: 5 };
+  }
+  static {
+    this.styles = P;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const e = /* @__PURE__ */ new Date();
+    this.today = `${e.getFullYear()}-${e.getMonth() + 1}-${e.getDate()}`, this.attachStoreWatcher(), this.range && (this.range !== "custom" || this.start && this.end) && this.arcgisBrowserFilter.emit(this.getEventDetail());
+  }
+  willUpdate(e) {
+    (e.has("store") || e.has("property")) && this.attachStoreWatcher(), (e.has("range") || e.has("start") || e.has("end")) && this.range === "custom" && this.setDatePickerValue();
+  }
+  disconnectedCallback() {
+    this.removeStoreWatcher?.(), super.disconnectedCallback();
+  }
+  attachStoreWatcher() {
+    if (this.removeStoreWatcher?.(), !this.store)
+      return;
+    const e = u(() => {
+      const t = this.store?.filters?.[this.property];
+      return {
+        value: t?.value,
+        additionalParams: t?.additionalParams
+      };
+    }, () => {
+      const t = this.store?.filters?.[this.property];
+      !(t?.value || t?.additionalParams) && this.isActive() && this.resetDatePicker();
+    });
+    this.removeStoreWatcher = () => e.remove();
+  }
+  resetDatePicker() {
+    this.range = null, this.start = null, this.end = null, this._datePicker.value && (this._datePicker.value.valueAsDate = []);
+  }
+  getValue() {
+    const e = a(), t = l();
+    switch (this.range) {
+      case "yesterday":
+        return [e - o, e - 1];
+      case "today":
+        return [e, t];
+      case "last7":
+        return [e - k, t];
+      case "last30":
+        return [e - o * 30, t];
+      case "never":
+        return [-1, -1];
+      case "custom": {
+        const r = a(this.start), i = l(this.end);
+        return [r, i];
+      }
+      default:
+        return null;
+    }
+  }
+  getEventDetail() {
+    const e = this._messages?.filterDate, t = this.getValue(), r = this.serverProperty ?? (this.property === "modified" ? "modified" : "uploaded"), i = this.range ? e?.[this.range] ?? "" : "", n = e?.[this.property] ?? "";
+    return {
+      id: this.property,
+      value: t ? `(${r}:[${t[0]} TO ${t[1]}])` : "",
+      range: this.range,
+      start: t ? new Date(t[0]) : void 0,
+      end: t ? new Date(t[1]) : void 0,
+      label: this.range ? m(n, { date: i }) : ""
+    };
+  }
+  isActive() {
+    return !!(this.range && (this.range !== "custom" || this.start && this.end));
+  }
+  setDatePickerValue() {
+    !this._datePicker.value || this.range !== "custom" || !this.start || !this.end || (this._datePicker.value.valueAsDate = [new Date(a(this.start)), new Date(a(this.end))]);
+  }
+  rangeChangeHandler() {
+    const e = this._datePicker.value?.valueAsDate, [t, r] = Array.isArray(e) ? e : [];
+    t && r && (this.start = t, this.end = r, this.arcgisBrowserFilter.emit(this.getEventDetail()));
+  }
+  renderRange(e) {
+    const t = this._messages.filterDate;
+    return c`<calcite-tree-item data-range=${e ?? f} .selected=${e === this.range}>${t[e]}</calcite-tree-item>`;
+  }
+  render() {
+    const e = this._messages.filterDate, t = this.includeNever ? h : h.filter((r) => r !== "never");
+    return c`<arcgis-portal-browser-filter .heading=${e.title[this.property]} .expanded=${this.expanded} .active=${this.isActive()} .filterId=${this.property} @arcgisBrowserFilterRemove=${() => {
+      this.resetDatePicker(), this.arcgisBrowserFilter.emit(this.getEventDetail());
+    }}><calcite-tree selection-mode=children scale=m @calciteTreeSelect=${(r) => {
+      const n = r.target.selectedItems?.[0]?.dataset.range;
+      this.range = this.range === n ? null : n, !(this.range === "custom" && !(this.start && this.end)) && this.arcgisBrowserFilter.emit(this.getEventDetail());
+    }}>${t.map((r) => this.renderRange(r))}</calcite-tree>${this.range === "custom" && c`<calcite-input-date-picker class="custom-date-picker" @calciteInputDatePickerChange=${() => this.debouncedRangeChangeHandler()} scale=s .max=${this.today} calendars=1 layout=vertical month-style=abbreviated proximity-selection-disabled range ${w(this._datePicker)}></calcite-input-date-picker>` || ""}</arcgis-portal-browser-filter>`;
+  }
+}
+d("arcgis-portal-browser-filter-date", $);
+export {
+  $ as ArcgisPortalBrowserFilterDate
+};

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

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

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

@@ -0,0 +1,5 @@
+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-input-date-picker";
+export * from "./customElement.js";