@esri/solutions-components 1.1.0-next.20251010 → 1.1.0-next.20251015

package/dist/components/solutions-searchsort-toolbar/customElement.js

@@ -0,0 +1,143 @@
+import { c as a } from "../../chunks/runtime.js";
+import { css as n, html as s } from "lit";
+import { u as l } from "../../chunks/useT9n.js";
+import { LitElement as c, createEvent as i, nothing as o } from "@arcgis/lumina";
+import { useContextConsumer as h } from "@arcgis/lumina/context";
+import { a as d } from "../../chunks/deployAppContexts.js";
+import { m as r } from "../../chunks/interfaces.js";
+import { g as p } from "../../chunks/privilegeUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20251015 */
+const u = n`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */.toolbar-sizing{max-width:96vw;padding-right:0;padding-left:0;margin-left:auto;margin-right:auto;box-sizing:border-box;padding-bottom:10px}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.border-color{--calcite-block-border-color: #00000000}.flex-row{display:flex;flex-direction:row}.flex-grow-1{flex-grow:1}`;
+class g extends c {
+  constructor() {
+    super(), this.defaultSortType = "relevance", this.isAllSolutions = !1, this.isMobile = !1, this.scope = "solutions", this._activeSearchSortSettings = {
+      enabled: !0,
+      searchTerm: "",
+      sortType: this.defaultSortType
+    }, this._isOrgAdmin = !1, this._translations = l({ name: "solutions-searchsort-toolbar", blocking: !0 }), this._authContextConsumer = h({
+      context: d,
+      subscribe: !0
+    }), this.searchChanged = i(), this.sortTypeChanged = i();
+  }
+  static {
+    this.properties = { defaultSortType: [0, { type: String, attribute: "default-sort-type" }], isAllSolutions: 5, isMobile: 5, scope: 1, _activeSearchSortSettings: 16, _isOrgAdmin: 16, _translations: 16 };
+  }
+  static {
+    this.styles = u;
+  }
+  changeOwnerFilter(e) {
+    this.isAllSolutions = !e;
+    const t = {
+      displayValue: this.isAllSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions,
+      type: "owner",
+      value: this.isAllSolutions ? r.ORGANIZATION : r.OWNER
+    };
+    this.searchChanged.emit({ option: t, scope: this.scope });
+  }
+  changeSearchFilter(e, t) {
+    this._activeSearchSortSettings = {
+      ...this._activeSearchSortSettings,
+      searchTerm: e
+    }, t && this.searchChanged.emit({ option: { searchTerm: e }, scope: this.scope });
+  }
+  sortChanged(e) {
+    this._activeSearchSortSettings = {
+      ...this._activeSearchSortSettings,
+      sortType: e
+    }, this.sortTypeChanged.emit({ sortType: this._activeSearchSortSettings.sortType, scope: this.scope });
+  }
+  firstUpdated() {
+    console.warn("TODO need to update string after release in t9manifest"), this._activeSearchSortSettings = {
+      ...this._activeSearchSortSettings,
+      sortType: this.defaultSortType
+    };
+  }
+  willUpdate() {
+    this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn !== this._isOrgAdmin && (this._isOrgAdmin = p(this._authContextConsumer.value));
+  }
+  render() {
+    return s`<div class="flex-row toolbar-sizing"><calcite-input-text class="flex-grow-1" clearable icon=search @keyup=${(e) => {
+      const t = e.target;
+      e.key === "Enter" ? this.changeSearchFilter(t.value, !0) : this.changeSearchFilter(t.value, t.value.length >= 3 || t.value.length === 0);
+    }} @blur=${(e) => {
+      const t = e.target;
+      this.changeSearchFilter(t.value, !0);
+    }} .placeholder=${this._translations.search.solutions} slot=content-top .value=${this._activeSearchSortSettings.searchTerm}></calcite-input-text>${this.scope === "deployments" && this._isOrgAdmin && this._renderOwnerBlock() || ""}${this._renderDropdown()}</div>`;
+  }
+  _renderOwnerBlock() {
+    return s`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=outline-fill class="header-button-padding" .iconStart=${this.isAllSolutions ? "organization" : "user"} kind=neutral slot=trigger>${this.isMobile ? "" : this.isAllSolutions ? this._translations.myOrgSolutions : this._translations.mySolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.owner ?? o}><calcite-dropdown-item icon-start=user @click=${() => {
+      this.changeOwnerFilter(!0);
+    }} .selected=${!this.isAllSolutions}>${this._translations.mySolutions}</calcite-dropdown-item><calcite-dropdown-item icon-start=organization @click=${() => {
+      this.changeOwnerFilter(!1);
+    }} .selected=${this.isAllSolutions}>${this._translations.myOrgSolutions}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
+  }
+  _renderDropdown() {
+    let e = [];
+    return e = [{
+      displayValue: this._translations.sortByRelevance,
+      sortType: "relevance"
+    }, {
+      displayValue: this._translations.sortByTitle,
+      sortType: "title"
+    }], this.scope === "deployments" ? e.push({
+      displayValue: this._translations.sortByDateDeployed,
+      sortType: "created"
+    }) : (e.push({
+      displayValue: this._translations.sortByNew,
+      sortType: "new"
+    }), e.push({
+      displayValue: this._translations.sortByUpdated,
+      sortType: "updated"
+    }), this._authContextConsumer.value && this._authContextConsumer.value.IsSignedIn && e.push({
+      displayValue: this._translations.sortBySuggestedForYou,
+      sortType: "suggested"
+    })), s`<calcite-dropdown width=m><calcite-button appearance=outline-fill class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile ? "" : this._getString(this._activeSearchSortSettings.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType ?? o}>${e.map((t) => this._getDropdownItem(t.displayValue, t.sortType))}</calcite-dropdown-group></calcite-dropdown>`;
+  }
+  _getDropdownItem(e, t) {
+    return this._activeSearchSortSettings.sortType !== t ? s`<calcite-dropdown-item @click=${() => this.sortChanged(t)}>${e}</calcite-dropdown-item>` : s`<calcite-dropdown-item @click=${() => this.sortChanged(t)} selected>${e}</calcite-dropdown-item>`;
+  }
+  _getString(e) {
+    let t = "";
+    switch (e) {
+      case "new":
+        t = this._translations.sortByNew;
+        break;
+      case "relevance":
+        t = this._translations.sortByRelevance;
+        break;
+      case "suggested":
+        t = this._translations.sortBySuggestedForYou;
+        break;
+      case "title":
+        t = this._translations.sortByTitle;
+        break;
+      case "updated":
+        t = this._translations.sortByUpdated;
+        break;
+      case "created":
+        t = this._translations.sortByDateDeployed;
+        break;
+    }
+    return t;
+  }
+}
+a("solutions-searchsort-toolbar", g);
+export {
+  g as SolutionsSearchSortToolbar
+};

package/dist/components/solutions-searchsort-toolbar/index.d.ts

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
+export * from "./customElement.js";

package/dist/components/solutions-searchsort-toolbar/index.js

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-input-text";
+import "@esri/calcite-components/components/calcite-dropdown";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-dropdown-group";
+import "@esri/calcite-components/components/calcite-dropdown-item";
+export * from "./customElement.js";

package/dist/components/spatial-ref/customElement.js

@@ -5,7 +5,7 @@ import { css as E, html as t, nothing as i } from "lit";
 import { LitElement as o, createEvent as b, noShadowRoot as f, safeClassMap as y } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251010 */
+v1.1.0-next.20251015 */
 /**
  * @license
  * Copyright 2025 Esri

package/dist/components/store-manager/customElement.js

@@ -4,7 +4,7 @@ import { g as o, a as n } from "../../chunks/templates.js";
 import { LitElement as i, createEvent as l, noShadowRoot as u } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251010 */
+v1.1.0-next.20251015 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();