npm - @esri/calcite-components - Versions diffs - 1.0.0-beta.91 → 1.0.0-beta.92 - Mend

@esri/calcite-components 1.0.0-beta.91 → 1.0.0-beta.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1098) hide show

package/dist/collection/components/inline-editable/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   wrapper: "wrapper",

package/dist/collection/components/input/input.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/input/input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -116,7 +116,9 @@ export class Input {
         event.preventDefault();
       }
       if (event.key === "Enter" && !event.defaultPrevented) {
-        submitForm(this);
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
     };
     this.clearInputValue = (nativeEvent) => {
@@ -278,6 +280,21 @@ export class Input {
         this.nudgeNumberValue(direction, event);
       }
     };
+    this.hiddenInputChangeHandler = (event) => {
+      if (event.target.name === this.name) {
+        const hiddenInputValue = event.target.value;
+        const value = this.type === "number"
+          ? isValidNumber(hiddenInputValue)
+            ? hiddenInputValue
+            : ""
+          : hiddenInputValue;
+        this.setValue({
+          value,
+          origin: "direct"
+        });
+      }
+      event.stopPropagation();
+    };
     this.setChildElRef = (el) => {
       this.childEl = el;
     };
@@ -416,12 +433,14 @@ export class Input {
     connectForm(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
     this.setDisabledAction();
+    this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
     var _a;
     disconnectLabel(this);
     disconnectForm(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
     var _a, _b;

package/dist/collection/components/input/interfaces.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export {};

package/dist/collection/components/input/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-date-picker/input-date-picker.css CHANGED Viewed

@@ -91,7 +91,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/input-date-picker/input-date-picker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, h, Prop, Element, Host, State, Listen, Watch, Method, Event, Build } from "@stencil/core";
 import { getLocaleData } from "../date-picker/utils";
@@ -112,13 +112,17 @@ export class InputDatePicker {
     this.deactivate = () => {
       this.open = false;
     };
-    this.keyDownHandler = ({ defaultPrevented, key }) => {
+    this.keyDownHandler = (event) => {
+      const { defaultPrevented, key } = event;
       if (key === "Enter" && !defaultPrevented) {
-        submitForm(this);
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
-      else if (key === "Escape") {
+      else if (key === "Escape" && !defaultPrevented) {
         this.active = false;
         this.open = false;
+        event.preventDefault();
       }
     };
     this.inputBlur = (event) => {

package/dist/collection/components/input-date-picker/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   menu: "menu-container",

package/dist/collection/components/input-message/input-message.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 /**

package/dist/collection/components/input-message/input-message.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Host, h, Prop, Watch } from "@stencil/core";
 import { getElementProp, setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input-message/interfaces.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/collection/components/input-number/input-number.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/input-number/input-number.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -108,7 +108,9 @@ export class InputNumber {
         event.preventDefault();
       }
       if (event.key === "Enter" && !event.defaultPrevented) {
-        submitForm(this);
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
     };
     this.clearInputValue = (nativeEvent) => {
@@ -252,6 +254,15 @@ export class InputNumber {
         this.nudgeNumberValue(direction, event);
       }
     };
+    this.hiddenInputChangeHandler = (event) => {
+      if (event.target.name === this.name) {
+        this.setNumberValue({
+          value: event.target.value,
+          origin: "direct"
+        });
+      }
+      event.stopPropagation();
+    };
     this.setChildNumberElRef = (el) => {
       this.childNumberEl = el;
     };
@@ -363,12 +374,14 @@ export class InputNumber {
     connectForm(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
     this.setDisabledAction();
+    this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
     var _a;
     disconnectLabel(this);
     disconnectForm(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
     var _a, _b;

package/dist/collection/components/input-number/interfaces.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export {};

package/dist/collection/components/input-number/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-text/input-text.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/input-text/input-text.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Event, h, Host, Method, Prop, Watch } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -90,7 +90,9 @@ export class InputText {
         event.preventDefault();
       }
       if (event.key === "Enter" && !event.defaultPrevented) {
-        submitForm(this);
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
     };
     this.clearInputTextValue = (nativeEvent) => {
@@ -142,6 +144,15 @@ export class InputText {
         this.emitChangeIfUserModified();
       }
     };
+    this.hiddenInputChangeHandler = (event) => {
+      if (event.target.name === this.name) {
+        this.setValue({
+          value: event.target.value,
+          origin: "direct"
+        });
+      }
+      event.stopPropagation();
+    };
     this.setChildElRef = (el) => {
       this.childEl = el;
     };
@@ -218,12 +229,14 @@ export class InputText {
     connectForm(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
     this.setDisabledAction();
+    this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
     var _a;
     disconnectLabel(this);
     disconnectForm(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
     this.requestedIcon = setRequestedIcon({}, this.icon, "text");

package/dist/collection/components/input-text/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-time-picker/input-time-picker.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/input-time-picker/input-time-picker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Host, h, Prop, Listen, Event, Method, Watch, State } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -80,19 +80,25 @@ export class InputTimePicker {
       const target = event.target;
       const value = target.value;
       this.setValue({ value, origin: "time-picker" });
-      event.stopPropagation();
     };
     // --------------------------------------------------------------------------
     //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
-    this.keyDownHandler = ({ defaultPrevented, key }) => {
-      if (key === "Enter" && !defaultPrevented) {
-        submitForm(this);
+    this.keyDownHandler = (event) => {
+      const { defaultPrevented, key } = event;
+      if (defaultPrevented) {
+        return;
+      }
+      if (key === "Enter") {
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
       if (key === "Escape" && this.active) {
         this.active = false;
+        event.preventDefault();
       }
     };
     this.setCalcitePopoverEl = (el) => {
@@ -181,7 +187,6 @@ export class InputTimePicker {
     event.preventDefault();
     event.stopPropagation();
     this.active = false;
-    event.stopPropagation;
   }
   timePickerFocusHandler(event) {
     event.preventDefault();
@@ -189,7 +194,6 @@ export class InputTimePicker {
     if (!this.readOnly) {
       this.active = true;
     }
-    event.stopPropagation;
   }
   // --------------------------------------------------------------------------
   //

package/dist/collection/components/interfaces.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export {};

package/dist/collection/components/label/label.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/label/label.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Event, h, Prop, Host } from "@stencil/core";
 import { labelDisconnectedEvent, labelConnectedEvent } from "../../utils/label";

package/dist/collection/components/label/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/link/link.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/link/link.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, h, Host, Method, Prop } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";

package/dist/collection/components/list/list.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/list/list.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, h, Host, Prop, Method } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/list/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/list-item/list-item.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host([disabled]) {

package/dist/collection/components/list-item/list-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Prop, h, Host, Method } from "@stencil/core";
 import { SLOTS, CSS } from "./resources";

package/dist/collection/components/list-item/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/list-item-group/list-item-group.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host {

package/dist/collection/components/list-item-group/list-item-group.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Prop, h, Host } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/list-item-group/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   heading: "heading",

package/dist/collection/components/loader/loader.css CHANGED Viewed

@@ -76,7 +76,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 /**

package/dist/collection/components/loader/loader.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, h, Host, Prop } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/modal/interfaces.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export {};

package/dist/collection/components/modal/modal.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 /**

package/dist/collection/components/modal/modal.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { ensureId, focusElement, getSlotted, isCalciteFocusable } from "../../utils/dom";
@@ -203,8 +203,9 @@ export class Modal {
   //
   //--------------------------------------------------------------------------
   handleEscape(event) {
-    if (this.open && !this.disableEscape && event.key === "Escape") {
+    if (this.open && !this.disableEscape && event.key === "Escape" && !event.defaultPrevented) {
       this.close();
+      event.preventDefault();
     }
   }
   //--------------------------------------------------------------------------

package/dist/collection/components/modal/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const CSS = {
   modal: "modal",

package/dist/collection/components/notice/notice.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 /**

package/dist/collection/components/notice/notice.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 import { Component, Element, Event, h, Method, Prop, Watch } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/notice/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.91
+ * v1.0.0-beta.92
  */
 export const TEXT = {
   close: "Close"

package/dist/collection/components/option/option.css CHANGED Viewed

@@ -75,7 +75,7 @@
 }
 :host([hidden]) {
-  display: none !important;
+  display: none;
 }
 :host {