@esri/solutions-components 1.0.4 → 1.0.6

package/dist/components/solution-delete-dialog/customElement.js

@@ -1,15 +1,15 @@
-import { c } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
-import { u as h } from "../../chunks/useT9n.js";
-import { LitElement as d, useContextConsumer as a, createEvent as r, noShadowRoot as u, nothing as p } from "@arcgis/lumina";
-import { css as m } from "@lit/reactive-element/css-tag.js";
-import { deleteSolution as g } from "@esri/solution-common";
-import { a as f, u as _ } from "../../chunks/deployAppContexts.js";
-import { p as D } from "../../chunks/prepareDataForSolutionDisplay.js";
+import { c as h } from "../../chunks/runtime.js";
+import { nothing as p, html as l } from "lit";
+import { u as m } from "../../chunks/useT9n.js";
+import { LitElement as u, useContextConsumer as c, createEvent as d } from "@arcgis/lumina";
+import { css as g } from "@lit/reactive-element/css-tag.js";
+import { deleteSolution as f, getItemRelatedItemsInSameDirection as _ } from "@esri/solution-common";
+import { a as I, u as D } from "../../chunks/deployAppContexts.js";
+import { p as b } from "../../chunks/prepareDataForSolutionDisplay.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
-const b = m`@layer{/** @license
+v1.0.6 */
+const S = g`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,73 +23,97 @@ const b = m`@layer{/** @license
  * 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.
- */.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}}`;
-class C extends d {
+ */.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}`;
+class C extends u {
   constructor() {
-    super(...arguments), this.authContextConsumer = a({
-      context: f,
+    super(...arguments), this.authContextConsumer = c({
+      context: I,
       subscribe: !0
-    }), this.open = !1, this.userSessionContextConsumer = a({
-      context: _,
+    }), this.open = !1, this.userSessionContextConsumer = c({
+      context: D,
       subscribe: !0
-    }), this._deletePercentage = 0, this._isDeleteInProgress = !1, this._showDeleteError = !1, this._templates = [], this._translations = h({ name: "solution-delete-dialog", blocking: !0 }), this.dialogOpen = r(), this.solutionDeleted = r();
+    }), this._deletePercentage = 0, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._templates = [], this._translations = m({ name: "solution-delete-dialog", blocking: !0 }), this.dialogOpen = d(), this.solutionDeleted = d();
   }
   static {
-    this.properties = { authContextConsumer: 0, card: 0, open: 5, userSessionContextConsumer: 0, _deletePercentage: 16, _isDeleteInProgress: 16, _showDeleteError: 16, _templates: 16, _translations: 16 };
+    this.properties = { authContextConsumer: 0, card: 0, open: 5, userSessionContextConsumer: 0, _deletePercentage: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _templates: 16, _translations: 16 };
   }
   static {
-    this.styles = b;
-  }
-  static {
-    this.shadowRootOptions = u;
+    this.styles = S;
   }
   close() {
-    this._isDeleteInProgress && this.solutionDeleted.emit(!0), this._showDeleteError = !1, this._isDeleteInProgress = !1, this.open = !1, this.dialogOpen.emit(!1);
+    this._showDeleteError = !1, this._isDeleteInProgress = !1, this.open = !1, this.dialogOpen.emit(!1);
   }
   delete() {
     if (this._isDeleteInProgress = !0, this.card) {
-      const i = [{
+      const e = [{
         itemName: this.card.title,
         itemType: "Solution",
         owner: this.card.owner,
         modified: this.card.modified
-      }], n = {
+      }], o = {
         progressCallback: (t) => {
           this._deletePercentage = Math.round(t);
         }
       };
-      g(this.card.id, this.userSessionContextConsumer.value, n).then((t) => {
+      f(this.card.id, this.userSessionContextConsumer.value, o).then((t) => {
         console.log(t);
-        const l = t[1];
-        let o;
-        l ? o = l.items.map((e) => ({
-          itemName: e.title,
-          itemType: e.type,
-          owner: e.owner,
-          modified: e.modified
-        })) : o = i, o.length === 0 ? (this.solutionDeleted.emit(!0), this._isDeleteInProgress = !1, this.open = !1) : this.card ? this._processTemplates(this.card).then((e) => {
-          this._templates = e, this._showDeleteError = !0, this._isDeleteInProgress = !1;
+        const n = t[1];
+        let s;
+        n ? s = n.items.map((i) => ({
+          itemName: i.title,
+          itemType: i.type,
+          owner: i.owner,
+          modified: i.modified
+        })) : s = e, s.length === 0 ? (this.solutionDeleted.emit(!0), this._isDeleteInProgress = !1, this.open = !1) : this.card ? this._processTemplates(this.card).then((i) => {
+          this._templates = i, this._showDeleteError = !0, this._isDeleteInProgress = !1;
         }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
       });
     }
   }
   async load() {
-    this.card && (this._templates = await this._processTemplates(this.card));
+    if (!this.card)
+      return;
+    this._templates = await this._processTemplates(this.card);
+    const e = new Set(this._templates.map((s) => s.id)), o = [], t = this._templates.map(async (s) => {
+      const i = await this._getRelatedDependency(s.id);
+      return { template: s, relatedItems: i };
+    }), n = await Promise.all(t);
+    for (const { template: s, relatedItems: i } of n)
+      for (const a of i)
+        if (a.relationshipType !== "Solution2Item")
+          for (const r of a.relatedItemIds)
+            e.has(r) || o.push({
+              controlItemId: s.id,
+              dependencyItemId: r
+            });
+    this._nonSolutionDependencyItems = o;
+  }
+  updated(e) {
+    if (e.has("open")) {
+      const o = e.get("open");
+      this.open && !o && this._processTemplates(this.card).then((t) => {
+        this._templates = t;
+      });
+    }
   }
   render() {
-    return s`<calcite-dialog class="panel-bg-color" close-disabled .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? p} modal .open=${this.open} outside-close-disabled @calciteDialogClose=${() => {
+    const e = [...new Set(this._nonSolutionDependencyItems.map((n) => n.controlItemId))], o = this._templates.length - this._nonSolutionDependencyItems.length, t = this._translations.deletionCount.replace("{{deleteableCount}}", o.toString()).replace("{{totalCount}}", this._templates.length.toString());
+    return l`<calcite-dialog class="panel-bg-color" close-disabled .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? p} modal .open=${this.open} outside-close-disabled @calciteDialogClose=${() => {
       this.open = !1, this.dialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? s`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : s`<calcite-label layout=inline>${this._translations.deletionNote}<calcite-chip .label=${this._translations.deletionCount.replace("{{count}}", this.card?.title ?? "")}>${this._templates.length > 1 ? this._translations.deletionCountMultiple.replace("{{count}}", this._templates.length.toString()) : this._translations.deletionCount.replace("{{count}}", this._templates.length.toString())}</calcite-chip></calcite-label><solution-item-accordion .templateInfos=${this._templates}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+    }}>${this._isDeleteInProgress ? l`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : l`<calcite-label layout=inline>${this._translations.deletionNote}<calcite-chip .label=${t}>${t}</calcite-chip></calcite-label><solution-item-accordion .itemRelationshipDependencies=${e} .templateInfos=${this._templates} list-selection-mode=single></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
       this.delete();
-    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && s`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
+    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && l`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
       this._showDeleteError = !1;
     }} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>` || ""}`}</calcite-dialog>`;
   }
-  async _processTemplates(i) {
-    return await D(i.id, this.userSessionContextConsumer.value);
+  async _processTemplates(e) {
+    return await b(e.id, this.userSessionContextConsumer.value);
+  }
+  async _getRelatedDependency(e) {
+    return await _(e, "reverse", this.userSessionContextConsumer.value);
   }
 }
-c("solution-delete-dialog", C);
+h("solution-delete-dialog", C);
 export {
   C as SolutionDeleteDialog
 };

package/dist/components/solution-deploy-dialog/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { IDeployFailed, IDeployProgressUpdate, IRequestDeploySolution, ISolutionInfoCard } from '../../utils/interfaces';
+import { IDeployFailed, IDeployProgressUpdate, ISolutionInfoCard, IUserOption } from '../../utils/interfaces';
 import { UserSession } from '@esri/solution-common';
 
 export declare class SolutionDeployDialog extends LitElement {
@@ -16,6 +16,11 @@ export declare class SolutionDeployDialog extends LitElement {
      * @default false
      */
     open: boolean;
+    /**
+     * TODO...this will need to be thought through some more...
+     * may be able to remove completely for v2 but need to look closer at other custom params that were supported to see
+     */
+    userOptions: IUserOption[];
     /** The user session to use for fetching solutions */
     readonly userSessionContextConsumer: import('@lit/context').ContextConsumer<{
         __context__: UserSession;
@@ -39,7 +44,7 @@ export declare class SolutionDeployDialog extends LitElement {
      * Emitted on demand when deploy progress ends
      * The emitted boolean value indicates if the process was successful or not
      */
-    readonly deployProgressEnd: TargetedEvent<this, boolean>;
+    readonly deployProgressEnd: TargetedEvent<this, string>;
     /** Emitted on demand when deploy progress is started */
     readonly deployProgressStart: TargetedEvent<this, void>;
     /** Emitted on demand when deploy progress is updated */