@esri/solutions-components 5.0.3 → 5.0.4-next.2

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

@@ -1,39 +1,125 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as m } from "../../chunks/runtime.js";
-import { css as u, nothing as p, html as r } from "lit";
-import { u as f } from "../../chunks/useT9n.js";
-import { LitElement as g, createEvent as d, safeClassMap as c } from "@arcgis/lumina";
-import { useContextConsumer as _ } from "@arcgis/lumina/context";
-import { A as D, T as I, D as b } from "../../chunks/interfaces.js";
-import { deleteSolution as y } from "@esri/solution-common";
-import { createRef as w, ref as h } from "lit-html/directives/ref.js";
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, nothing, html } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { A as configContext, T as TELEMETRY_CATEGORY, D as getItemUrl } from "../../chunks/interfaces.js";
+import { deleteSolution } from "@esri/solution-common";
+import { createRef, ref } from "lit-html/directives/ref.js";
 import "../solution-item-accordion/customElement.js";
-import { p as $, g as C } from "../../chunks/getRelatedInfos.js";
-const v = u`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.deletion-note-text{display:inline-block}.deletion-note-container{display:flex;align-items:center;gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-0);margin-bottom:var(--calcite-spacing-md)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.display-none{display:none}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-md);margin-bottom:var(--calcite-spacing-xl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}.padding-around{padding:12px 2rem 2rem}`;
-class x extends g {
+import { p as processTemplates, g as getRelatedSolutionsInfos } from "../../chunks/getRelatedInfos.js";
+const styles = css`/** @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.
+ */
+
+*[tabindex]:focus-visible {
+  outline-style: solid !important;
+  outline-width: 2px !important;
+  outline-color: var(--calcite-color-brand) !important;
+  outline-offset: 2px !important;
+}
+
+.deletion-note-text {
+  display: inline-block;
+}
+
+
+.deletion-note-container {
+  display: flex;  
+  align-items: center;
+  gap: var(--calcite-spacing-sm);
+  font-size: var(--calcite-font-size-0);
+  margin-bottom: var(--calcite-spacing-md);
+}
+
+.panel-bg-color {
+  --calcite-panel-header-background-color: var(--calcite-color-foreground-1);
+  --calcite-panel-background-color: var(--calcite-color-foreground-1);
+}
+
+.display-none {
+  display: none;
+}
+
+calcite-loader {
+  --calcite-loader-spacing: var(--calcite-spacing-md);
+}
+
+.loader-text {
+  margin-top: var(--calcite-spacing-md);
+  margin-bottom: var(--calcite-spacing-xl);
+  text-align: center;
+  font-size: var(--calcite-font-size-relative-base);
+  color: var(--calcite-color-text-1);
+}
+
+.padding-around {
+  padding: 12px 2rem 2rem;
+}
+`;
+class SolutionDeleteDialog extends LitElement {
   constructor() {
-    super(), this.open = !1, this.source = "Card Dropdown", this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = f({ name: "solution-delete-dialog", blocking: !0 }), this._accordion = w(), this._configContextConsumer = _({
-      context: D,
-      subscribe: !0
-    }), this.solutionDeleteDialogOpen = d(), this.solutionDeleted = d(), this.solutionDeleteDialogBeforeClose = d(), this.listenOn(window, "beforeunload", (e) => {
-      this._isDeleteInProgress && (e.preventDefault(), e.returnValue = !0);
+    super();
+    this.open = false;
+    this.source = "Card Dropdown";
+    this._deletePercentage = 0;
+    this._fetchingTemplates = false;
+    this._isDeleteInProgress = false;
+    this._nonSolutionDependencyItems = [];
+    this._showDeleteError = false;
+    this._showUndeletableItems = false;
+    this._templateInfos = [];
+    this._translations = useT9n({ name: "solution-delete-dialog", blocking: true });
+    this._accordion = createRef();
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true
+    });
+    this.solutionDeleteDialogOpen = createEvent();
+    this.solutionDeleted = createEvent();
+    this.solutionDeleteDialogBeforeClose = createEvent();
+    this.listenOn(window, "beforeunload", (evt) => {
+      if (this._isDeleteInProgress) {
+        evt.preventDefault();
+        evt.returnValue = true;
+      }
     });
   }
   static {
-    this.properties = { card: 0, open: 5, source: 1, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _showUndeletableItems: 16, _templateInfos: 16, _translations: 16 };
+    this.properties = { card: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], source: 1, _deletePercentage: [16, {}, { state: true }], _fetchingTemplates: [16, {}, { state: true }], _isDeleteInProgress: [16, {}, { state: true }], _nonSolutionDependencyItems: [16, {}, { state: true }], _showDeleteError: [16, {}, { state: true }], _showUndeletableItems: [16, {}, { state: true }], _templateInfos: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = v;
+    this.styles = styles;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
   close() {
-    this._showUndeletableItems && this.solutionDeleted.emit({ showAlert: !1, refreshSolutionsTimeout: !0, solutionTitle: this.card?.title }), this._showDeleteError = !1, this._showUndeletableItems = !1, this._isDeleteInProgress = !1, this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
+    if (this._showUndeletableItems) {
+      this.solutionDeleted.emit({ showAlert: false, refreshSolutionsTimeout: true, solutionTitle: this.card?.title });
+    }
+    this._showDeleteError = false;
+    this._showUndeletableItems = false;
+    this._isDeleteInProgress = false;
+    this.open = false;
+    this.solutionDeleteDialogOpen.emit(false);
   }
   delete() {
-    if (this._telemetry?.logEvent({
-      category: I.DEPLOYMENTS,
+    this._telemetry?.logEvent({
+      category: TELEMETRY_CATEGORY.DEPLOYMENTS,
       action: "Delete Solution",
       dimensions: [
         this.card?.title || "",
@@ -41,76 +127,123 @@ class x extends g {
         this.card?.deployVersion || "",
         this.source
       ]
-    }), this._isDeleteInProgress = !0, this.card) {
-      const e = [{
-        itemName: this.card.title,
-        itemType: "Solution",
-        owner: this.card.owner,
-        modified: this.card.modified
-      }], s = {
-        progressCallback: (t) => {
-          this._deletePercentage = Math.round(t);
+    });
+    this._isDeleteInProgress = true;
+    if (this.card) {
+      const fallbackItemList = [{
+        "itemName": this.card.title,
+        "itemType": "Solution",
+        "owner": this.card.owner,
+        "modified": this.card.modified
+      }];
+      const options = {
+        progressCallback: (percentDone) => {
+          this._deletePercentage = Math.round(percentDone);
         },
         solutionOwner: this.card.owner
       };
-      y(this.card.id, this._configContextConsumer.value.userSession, s).then((t) => {
-        const a = t[1];
-        let i;
-        if (a ? i = a.items.map((o) => ({
-          itemName: o.title,
-          itemType: o.type,
-          owner: o.owner,
-          modified: o.modified
-        })) : i = e, i.length === 0)
-          this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0, solutionTitle: this.card?.title }), this._isDeleteInProgress = !1, this.open = !1;
-        else if (i.some((l) => l.itemType === "Solution"))
-          this.card ? $(this.card, this._configContextConsumer.value.userSession).then((l) => {
-            this._templateInfos = l, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
-          }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
-        else if (this.card) {
-          let l = [];
-          l = a.items.map((n) => ({
-            id: n.id,
-            title: n.title,
-            type: n.type,
-            owner: n.owner,
-            modified: n.modified,
-            typeKeywords: [],
-            snippet: "",
-            dependencies: [],
-            url: b(n.id, this._configContextConsumer.value.authentication)
-          })), this._templateInfos = l, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
-        } else
-          this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;
+      void deleteSolution(this.card.id, this._configContextConsumer.value.userSession, options).then((deletes) => {
+        const failedSummary = deletes[1];
+        let failedDeletes;
+        if (failedSummary) {
+          failedDeletes = failedSummary.items.map((template) => {
+            const partialItem = {
+              "itemName": template.title,
+              "itemType": template.type,
+              "owner": template.owner,
+              "modified": template.modified
+            };
+            return partialItem;
+          });
+        } else {
+          failedDeletes = fallbackItemList;
+        }
+        if (failedDeletes.length === 0) {
+          this.solutionDeleted.emit({ showAlert: true, refreshSolutionsTimeout: true, solutionTitle: this.card?.title });
+          this._isDeleteInProgress = false;
+          this.open = false;
+        } else {
+          const hasSolutionItem = failedDeletes.some((item) => item.itemType === "Solution");
+          if (hasSolutionItem) {
+            if (this.card) {
+              void processTemplates(this.card, this._configContextConsumer.value.userSession).then((templates) => {
+                this._templateInfos = templates;
+                this._showDeleteError = true;
+                this._showUndeletableItems = true;
+                this._isDeleteInProgress = false;
+              });
+            } else {
+              this._showDeleteError = true;
+              this._isDeleteInProgress = false;
+            }
+          } else {
+            if (this.card) {
+              let resultFailedDeletes = [];
+              resultFailedDeletes = failedSummary.items.map((template) => {
+                const partialItem = {
+                  "id": template.id,
+                  "title": template.title,
+                  "type": template.type,
+                  "owner": template.owner,
+                  "modified": template.modified,
+                  "typeKeywords": [],
+                  "snippet": "",
+                  "dependencies": [],
+                  "url": getItemUrl(template.id, this._configContextConsumer.value.authentication)
+                };
+                return partialItem;
+              });
+              this._templateInfos = resultFailedDeletes;
+              this._showDeleteError = false;
+              this._showUndeletableItems = true;
+              this._isDeleteInProgress = false;
+            } else {
+              this.solutionDeleted.emit({ showAlert: true, refreshSolutionsTimeout: true });
+              this._isDeleteInProgress = false;
+              this.open = false;
+            }
+          }
+        }
       });
     }
   }
-  willUpdate(e) {
-    if (e.has("open")) {
-      const s = e.get("open");
-      this.open && !s && (this._fetchingTemplates = !0, C(this._configContextConsumer.value.userSession, this.card).then((t) => {
-        this._templateInfos = t.templateInfos, this._nonSolutionDependencyItems = t._nonSolutionDependencyItems, this._fetchingTemplates = !1;
-      }));
+  willUpdate(_changedProperties) {
+    if (_changedProperties.has("open")) {
+      const oldValue = _changedProperties.get("open");
+      if (this.open && !oldValue) {
+        this._fetchingTemplates = true;
+        void getRelatedSolutionsInfos(this._configContextConsumer.value.userSession, this.card).then((relatedInfos) => {
+          this._templateInfos = relatedInfos.templateInfos;
+          this._nonSolutionDependencyItems = relatedInfos._nonSolutionDependencyItems;
+          this._fetchingTemplates = false;
+        });
+      }
     }
   }
   render() {
-    const e = this._fetchingTemplates ? "" : "display-none", s = this._fetchingTemplates ? "display-none" : "", t = [...new Set(this._nonSolutionDependencyItems.map((o) => o.controlItemId))], a = this._templateInfos.length - this._getDependencyCount(), i = this._translations.deletionCount.replace("{{deleteableCount}}", a.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
-    return r`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .escapeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? p} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
+    const loaderClass = this._fetchingTemplates ? "" : "display-none";
+    const displayClass = this._fetchingTemplates ? "display-none" : "";
+    const justDependencies = [...new Set(this._nonSolutionDependencyItems.map((dep) => dep.controlItemId))];
+    const deleteableCount = this._templateInfos.length - this._getDependencyCount();
+    const deleteableCountText = this._translations.deletionCount.replace("{{deleteableCount}}", deleteableCount.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
+    return html`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .escapeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? nothing} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
-      this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? r`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deleteInProgress}</div>` : this._showUndeletableItems ? r`<calcite-label class=${c(s)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${c(s)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : r`<div class="padding-around"><div class=${`deletion-note-container ${s}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${i} scale=m icon=information>${i}</calcite-chip></div><calcite-loader class=${c(e)} label></calcite-loader><solution-item-accordion class=${c(s)} .itemRelationshipDependencies=${t} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion></div><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+      this.open = false;
+      this.solutionDeleteDialogOpen.emit(false);
+    }}>${this._isDeleteInProgress ? html`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deleteInProgress}</div>` : this._showUndeletableItems ? html`<calcite-label class=${safeClassMap(displayClass)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${safeClassMap(displayClass)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${ref(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : html`<div class="padding-around"><div class=${`deletion-note-container ${displayClass}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${deleteableCountText} scale=m icon=information>${deleteableCountText}</calcite-chip></div><calcite-loader class=${safeClassMap(loaderClass)} label></calcite-loader><solution-item-accordion class=${safeClassMap(displayClass)} .itemRelationshipDependencies=${justDependencies} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${ref(this._accordion)}></solution-item-accordion></div><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 && r`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
-      this._showDeleteError = !1;
+    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && html`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
+      this._showDeleteError = false;
     }} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>` || ""}`}</calcite-dialog>`;
   }
   _getDependencyCount() {
-    const e = this._nonSolutionDependencyItems.map((t) => t.controlItemId);
-    return [...new Set(e)].length;
+    const controlItemsArray = this._nonSolutionDependencyItems.map((dep) => dep.controlItemId);
+    const uniqueControlItems = [...new Set(controlItemsArray)];
+    return uniqueControlItems.length;
   }
 }
-m("solution-delete-dialog", x);
+customElement("solution-delete-dialog", SolutionDeleteDialog);
 export {
-  x as SolutionDeleteDialog
+  SolutionDeleteDialog
 };

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

@@ -4,12 +4,12 @@ import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
 import "@arcgis/analysis-shared-utils";
-import { S as g } from "../../chunks/solution-deploy-dialog.js";
+import { S } from "../../chunks/solution-deploy-dialog.js";
 import "@esri/solution-common";
 import "../../chunks/interfaces.js";
 import "@esri/solution-deployer";
 import "lit";
 import "lit/directives/ref.js";
 export {
-  g as SolutionDeployDialog
+  S as SolutionDeployDialog
 };

package/dist/components/solution-deployed-card/customElement.js

@@ -4,8 +4,8 @@ import "lit";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
-import { a2 as d } from "../../chunks/interfaces.js";
+import { a2 } from "../../chunks/interfaces.js";
 import "lit-html/directives/ref.js";
 export {
-  d as SolutionDeployedCard
+  a2 as SolutionDeployedCard
 };