@arcgis/map-components 5.1.0-next.97 → 5.1.0-next.98

package/dist/components/arcgis-version-management-version-properties/customElement.js

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as g } from "../../chunks/runtime.js";
+import { c as $ } from "../../chunks/runtime.js";
 import { css as V, html as l } from "lit";
-import { createRef as u, ref as f } from "lit/directives/ref.js";
-import { LitElement as $, createEvent as d } from "@arcgis/lumina";
-const x = V`:host{display:none;background:#bdf2c4}:host([selected]){display:flex}.properties-buttons{display:flex}`;
-class I extends $ {
+import { LitElement as C, createEvent as p } from "@arcgis/lumina";
+import { createRef as u, ref as v } from "lit/directives/ref.js";
+const I = V`:host{min-height:var(--arcgis-internal-panel-height-md, 420px);height:100%}`;
+class x extends C {
   constructor() {
-    super(...arguments), this._flowItemElement = u(), this._switchToVersion = !0, this._switchToVersionCheckboxElement = u(), this._versionNameInputElement = u(), this.selected = !1, this.showBackButton = !1, this.arcgisAlterVersion = d(), this.arcgisCreateVersion = d(), this.arcgisFlowItemBack = d(), this.arcgisFlowItemClose = d();
+    super(...arguments), this._flowItemElement = u(), this._switchToVersion = !0, this._switchToVersionCheckboxElement = u(), this._versionNameInputElement = u(), this.selected = !1, this.showBackButton = !1, this.arcgisAlterVersion = p(), this.arcgisCreateVersion = p(), this.arcgisFlowItemBack = p(), this.arcgisFlowItemClose = p();
   }
   static {
-    this.properties = { selected: 7, showBackButton: 7, versionPropertiesElementProps: 0 };
+    this.properties = { _validationError: 16, selected: 7, showBackButton: 7, versionPropertiesElementProps: 0 };
   }
   static {
-    this.styles = x;
+    this.styles = I;
   }
   load() {
-    const { versionPropertiesElementProps: { versionInfo: e } } = this;
-    e ? (this._mode = "edit", this._fullVersionName = e.versionIdentifier.name, this._ownerName = this._fullVersionName.substring(0, this._fullVersionName.lastIndexOf(".")), this._versionName = this._fullVersionName.substring(this._fullVersionName.lastIndexOf(".") + 1)) : this._mode = "create";
+    const { versionPropertiesElementProps: { versionInfo: t } } = this;
+    t ? (this._mode = "edit", this._fullVersionName = t.versionIdentifier.name, this._ownerName = this._fullVersionName.substring(0, this._fullVersionName.lastIndexOf(".")), this._versionName = this._fullVersionName.substring(this._fullVersionName.lastIndexOf(".") + 1)) : this._mode = "create";
   }
   updated() {
     this._mode === "create" && this._versionNameInputElement.value?.setFocus();
@@ -29,62 +29,66 @@ class I extends $ {
   _handleCancel() {
     this.arcgisFlowItemBack.emit();
   }
-  _handleChange(e) {
-    const { _mode: i, _ownerName: h, _versionName: m, versionPropertiesElementProps: { currentUser: p, isVersionAdministrator: t, serviceUrl: r, versionInfo: a } } = this;
-    let { _alterVersionParameters: c, _createVersionParameters: s } = this;
-    switch (i === "create" && (s || (s = {
+  _handleChange(t) {
+    const { _mode: s, _ownerName: h, _versionName: d, versionPropertiesElementProps: { currentUser: m, isVersionAdministrator: e, serviceUrl: c, versionInfo: i } } = this;
+    let { _alterVersionParameters: r, _createVersionParameters: a } = this;
+    switch (s === "create" && (a || (a = {
       access: "public",
       description: "",
-      featureServerUrl: r,
-      ownerName: p,
+      featureServerUrl: c,
+      ownerName: m,
       versionName: ""
-    })), i === "edit" && (c || (c = {
-      featureServerUrl: r,
-      versionIdentifier: a.versionIdentifier,
+    })), s === "edit" && (r || (r = {
+      featureServerUrl: c,
+      versionIdentifier: i.versionIdentifier,
       ownerName: h,
-      versionName: m,
-      access: a.access,
-      description: a.description
-    })), e.type) {
+      versionName: d,
+      access: i.access,
+      description: i.description
+    })), t.type) {
       case "calciteChipGroupSelect": {
-        const n = e.target.label, o = e.target.selectedItems[0].label;
-        i === "create" && (s = { ...s, [n]: o }), i === "edit" && (c = { ...c, [n]: o });
+        const o = t.target.label, n = t.target.selectedItems[0].label;
+        s === "create" && (a = { ...a, [o]: n }), s === "edit" && (r = { ...r, [o]: n });
         break;
       }
       case "calciteInputTextInput": {
-        const n = e.target.name, o = e.target.value;
-        i === "create" && (s = { ...s, [n]: o }), i === "edit" && (c = { ...c, [n]: o });
+        const o = t.target.name, n = t.target.value;
+        s === "create" && (a = { ...a, [o]: n }), s === "edit" && (r = { ...r, [o]: n });
         break;
       }
       case "calciteTextAreaInput": {
-        const n = e.target.name, o = e.target.value;
-        i === "create" && (s = { ...s, [n]: o }), i === "edit" && (c = { ...c, [n]: o });
+        const o = t.target.name, n = t.target.value;
+        s === "create" && (a = { ...a, [o]: n }), s === "edit" && (r = { ...r, [o]: n });
         break;
       }
     }
-    i === "create" && (s.access !== "public" && p.toUpperCase() !== s.ownerName?.toUpperCase() && !t ? (this._switchToVersionCheckboxElement.value.checked = !1, this._switchToVersionCheckboxElement.value.disabled = !0, this._switchToVersion = !1) : this._switchToVersionCheckboxElement.value.disabled = !1, this._createVersionParameters = s), i === "edit" && (this._alterVersionParameters = c);
+    s === "create" && (a.access !== "public" && m.toUpperCase() !== a.ownerName?.toUpperCase() && !e ? (this._switchToVersionCheckboxElement.value.checked = !1, this._switchToVersionCheckboxElement.value.disabled = !0, this._switchToVersion = !1) : this._switchToVersionCheckboxElement.value.disabled = !1, this._createVersionParameters = a), s === "edit" && (this._alterVersionParameters = r);
   }
   _handleClose() {
     this.arcgisFlowItemClose.emit();
   }
   _handleSave() {
-    const { _alterVersionParameters: e, _createVersionParameters: i, _mode: h, _switchToVersion: m } = this;
+    const { _alterVersionParameters: t, _createVersionParameters: s, _mode: h, _switchToVersion: d, versionPropertiesElementProps: { strings: m } } = this, e = [".", ";", "'", '"'];
+    if (e.some((i) => s?.versionName?.includes(i)) || e.some((i) => t?.versionName?.includes(i))) {
+      this._validationError = m.validationErrors.invalidCharacters;
+      return;
+    }
     h === "create" && this.arcgisCreateVersion.emit({
-      createVersionParameters: i,
-      switchToVersion: m
+      createVersionParameters: s,
+      switchToVersion: d
     }), h === "edit" && this.arcgisAlterVersion.emit({
-      alterVersionParameters: e
+      alterVersionParameters: t
     });
   }
-  _handleSwitchToVersionChange(e) {
-    this._switchToVersion = e.target.checked;
+  _handleSwitchToVersionChange(t) {
+    this._switchToVersion = t.target.checked;
   }
   render() {
-    const { selected: e, showBackButton: i, versionPropertiesElementProps: { closable: h, currentUser: m, state: p, strings: t, versionInfo: r }, _mode: a, _ownerName: c, _versionName: s } = this, n = l`<div class="properties-buttons"><calcite-button appearance=outline width=half @click=${this._handleCancel}>${t.actions.cancelSave}</calcite-button><calcite-button width=half @click=${this._handleSave}>${t.actions.saveVersion}</calcite-button></div>`, o = l`<calcite-label>${t.input.versionAccess}<calcite-chip-group label=access @calciteChipGroupSelect=${this._handleChange} selection-mode=single-persist><calcite-chip .selected=${a === "edit" && r.access === "public" || a === "create"} label=public>${t.accessLevels.public}</calcite-chip><calcite-chip .selected=${a === "edit" && r.access === "protected"} label=protected>${t.accessLevels.protected}</calcite-chip><calcite-chip .selected=${a === "edit" && r.access === "private"} label=private>${t.accessLevels.private}</calcite-chip></calcite-chip-group></calcite-label>`, v = l`<calcite-label>${t.input.versionDescription}<calcite-text-area name=description @calciteTextAreaInput=${this._handleChange} resize=vertical .value=${a === "edit" ? r.description : ""}></calcite-text-area></calcite-label>`, b = l`<calcite-label>${t.input.versionName}<calcite-input-text name=versionName @calciteInputTextInput=${this._handleChange} max-length=62 .value=${a === "edit" ? s : ""} ${f(this._versionNameInputElement)}></calcite-input-text></calcite-label>`, _ = l`<calcite-label>${t.input.versionOwner}<calcite-input-text name=ownerName @calciteInputTextInput=${this._handleChange} .value=${a === "edit" ? c : m}></calcite-input-text></calcite-label>`, w = a === "create" ? l`<calcite-label layout=inline><calcite-checkbox checked name=switchToVersion @calciteCheckboxChange=${this._handleSwitchToVersionChange} ${f(this._switchToVersionCheckboxElement)}></calcite-checkbox>${t.actions.switchToVersion}</calcite-label>` : void 0;
-    return l`<calcite-flow-item .closable=${h} .description=${r ? r.versionIdentifier.name : ""} .heading=${r ? t.actions.editVersion : t.actions.newVersion} .selected=${e} .showBackButton=${i} @calciteFlowItemClose=${this._handleClose} ${f(this._flowItemElement)}><calcite-panel .loading=${p === "executing"}><calcite-block expanded .label=${t.headers.versionProperties}>${b}${v}${o}${_}${w}${n}</calcite-block></calcite-panel></calcite-flow-item>`;
+    const { selected: t, showBackButton: s, versionPropertiesElementProps: { closable: h, currentUser: d, state: m, strings: e, versionInfo: c }, _mode: i, _ownerName: r, _versionName: a } = this, o = l`<calcite-button appearance=outline slot=footer width=full @click=${this._handleCancel}>${e.actions.cancelSave}</calcite-button><calcite-button appearance=solid slot=footer width=full @click=${this._handleSave}>${e.actions.saveVersion}</calcite-button>`, n = l`<calcite-label>${e.input.versionAccess}<calcite-chip-group label=access @calciteChipGroupSelect=${this._handleChange} selection-mode=single-persist><calcite-chip .selected=${i === "edit" && c.access === "public" || i === "create"} label=public>${e.accessLevels.public}</calcite-chip><calcite-chip .selected=${i === "edit" && c.access === "protected"} label=protected>${e.accessLevels.protected}</calcite-chip><calcite-chip .selected=${i === "edit" && c.access === "private"} label=private>${e.accessLevels.private}</calcite-chip></calcite-chip-group></calcite-label>`, _ = l`<calcite-label>${e.input.versionDescription}<calcite-text-area limit-text max-length=64 name=description resize=none rows=2 scale=s .value=${i === "edit" ? c.description : ""} @calciteTextAreaInput=${this._handleChange}></calcite-text-area></calcite-label>`, f = l`<calcite-label>${e.input.versionName}<calcite-input-text max-length=62 name=versionName .value=${i === "edit" ? a : ""} @calciteInputTextInput=${this._handleChange} ${v(this._versionNameInputElement)}></calcite-input-text></calcite-label>`, b = l`<calcite-label>${e.input.versionOwner}<calcite-input-text name=ownerName .value=${i === "edit" ? r : d} @calciteInputTextInput=${this._handleChange}></calcite-input-text></calcite-label>`, g = i === "create" ? l`<calcite-label layout=inline><calcite-checkbox checked name=switchToVersion @calciteCheckboxChange=${this._handleSwitchToVersionChange} ${v(this._switchToVersionCheckboxElement)}></calcite-checkbox>${e.actions.switchToVersion}</calcite-label>` : void 0, w = this._validationError ? l`<calcite-notice closable kind=warning open scale=s width=full @calciteNoticeClose=${() => this._validationError = void 0}><div slot=message>${this._validationError}</div></calcite-notice>` : void 0;
+    return l`<calcite-flow-item .closable=${h} .description=${c ? c.versionIdentifier.name : ""} .heading=${c ? e.actions.editVersion : e.actions.newVersion} .selected=${t} .showBackButton=${s} @calciteFlowItemClose=${this._handleClose} ${v(this._flowItemElement)}><calcite-panel .loading=${m === "executing"}><calcite-block expanded .label=${e.headers.versionProperties}>${f}${_}${n}${b}${g}${w}</calcite-block>${o}</calcite-panel></calcite-flow-item>`;
   }
 }
-g("arcgis-version-management-version-properties", I);
+$("arcgis-version-management-version-properties", x);
 export {
-  I as ArcgisVersionManagementVersionProperties
+  x as ArcgisVersionManagementVersionProperties
 };

package/dist/components/arcgis-version-management-version-properties/index.js

@@ -5,6 +5,7 @@ import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-text-area";
 import "@esri/calcite-components/components/calcite-input-text";
 import "@esri/calcite-components/components/calcite-checkbox";
+import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-flow-item";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-block";