@esri/solutions-components 0.6.15 → 0.6.16

package/dist/cjs/calcite-input-number_2.cjs.entry.js

@@ -8,22 +8,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ee37804b.js');
-const dom = require('./dom-456f9f13.js');
-const form = require('./form-28bc6597.js');
-const interactive = require('./interactive-48299817.js');
-const key = require('./key-8de93212.js');
-const label = require('./label-166e2d81.js');
-const loadable = require('./loadable-13605f73.js');
-const locale = require('./locale-79c3d30e.js');
-const observers = require('./observers-9912f013.js');
-const resources = require('./resources-993f6faf.js');
-const t9n = require('./t9n-58d20225.js');
-require('./guid-d1123d5e.js');
+const dom = require('./dom-8d00cc3f.js');
+const form = require('./form-44895e53.js');
+const interactive = require('./interactive-7837b73d.js');
+const key = require('./key-07312a4b.js');
+const label = require('./label-39887629.js');
+const loadable = require('./loadable-5d36908d.js');
+const locale = require('./locale-6479f239.js');
+const observers = require('./observers-62ea89bc.js');
+const resources = require('./resources-2278b321.js');
+const t9n = require('./t9n-a3d7ce48.js');
+require('./guid-c351776c.js');
+require('./browser-596d8e1e.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS$1 = {
   loader: "loader",
@@ -118,7 +119,8 @@ const InputNumber = class {
       };
       const delocalizedValue = locale.numberStringFormatter.delocalize(value);
       if (nativeEvent.inputType === "insertFromPaste") {
-        if (!locale.isValidNumber(delocalizedValue)) {
+        if (!locale.isValidNumber(delocalizedValue) ||
+          (this.integer && (delocalizedValue.includes("e") || delocalizedValue.includes(".")))) {
           nativeEvent.preventDefault();
         }
         this.setNumberValue({
@@ -175,7 +177,7 @@ const InputNumber = class {
         numberingSystem: this.numberingSystem,
         useGrouping: this.groupSeparator,
       };
-      if (event.key === locale.numberStringFormatter.decimal) {
+      if (event.key === locale.numberStringFormatter.decimal && !this.integer) {
         if (!this.value && !this.childNumberEl.value) {
           return;
         }
@@ -183,7 +185,7 @@ const InputNumber = class {
           return;
         }
       }
-      if (/[eE]/.test(event.key)) {
+      if (/[eE]/.test(event.key) && !this.integer) {
         if (!this.value && !this.childNumberEl.value) {
           return;
         }
@@ -269,8 +271,11 @@ const InputNumber = class {
         useGrouping: this.groupSeparator,
       };
       const isValueDeleted = ((_a = this.previousValue) === null || _a === void 0 ? void 0 : _a.length) > value.length || ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) > value.length;
-      const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === ".";
-      const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted ? value : locale.sanitizeNumberString(value);
+      const valueHandleInteger = this.integer ? value.replace(/[e.]/g, "") : value;
+      const hasTrailingDecimalSeparator = valueHandleInteger.charAt(valueHandleInteger.length - 1) === ".";
+      const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted
+        ? valueHandleInteger
+        : locale.sanitizeNumberString(valueHandleInteger);
       const newValue = value && !sanitizedValue
         ? locale.isValidNumber(this.previousValue)
           ? this.previousValue
@@ -318,6 +323,7 @@ const InputNumber = class {
     this.hidden = false;
     this.icon = undefined;
     this.iconFlipRtl = false;
+    this.integer = false;
     this.label = undefined;
     this.loading = false;
     this.numberingSystem = undefined;
@@ -476,7 +482,8 @@ const InputNumber = class {
   incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {
     const { value } = this;
     const adjustment = direction === "up" ? 1 : -1;
-    const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
+    const stepHandleInteger = this.integer && this.step !== "any" ? Math.round(this.step) : this.step;
+    const inputStep = stepHandleInteger === "any" ? 1 : Math.abs(stepHandleInteger || 1);
     const inputVal = new locale.BigDecimal(value !== "" ? value : "0");
     const nudgedValue = inputVal.add(`${inputStep * adjustment}`);
     const nudgedValueBelowInputMin = () => typeof inputMin === "number" &&
@@ -556,7 +563,7 @@ const InputNumber = class {
     const prefixText = index.h("div", { class: CSS$1.prefix }, this.prefixText);
     const suffixText = index.h("div", { class: CSS$1.suffix }, this.suffixText);
     const childEl = (index.h("input", { "aria-label": label.getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.enterKeyHint, inputMode: this.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, type: "text", value: this.localizedValue,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setChildNumberElRef }));
     return (index.h(index.Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h("div", { class: { [CSS$1.inputWrapper]: true, [resources.CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
       ? numberButtonsHorizontalDown
@@ -581,7 +588,7 @@ InputNumber.style = inputNumberCss;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.8.0
  */
 const CSS = {
   loader: "loader",
@@ -893,7 +900,7 @@ const InputText = class {
         [CSS.editingEnabled]: this.editingEnabled,
         [CSS.inlineChild]: !!this.inlineEditableEl,
       }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.enterKeyHint, inputMode: this.inputMode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setChildElRef }));
     return (index.h(index.Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h("div", { class: { [CSS.inputWrapper]: true, [resources.CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, index.h("div", { class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), index.h("div", { class: CSS.actionWrapper }, index.h("slot", { name: SLOTS.action })), this.suffixText ? suffixText : null, index.h(form.HiddenFormInputSlot, { component: this }))));
   }