@esri/calcite-components 2.5.0-next.0 → 2.5.0-next.2

package/dist/collection/components/icon/icon.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, hidden, reflects, renders } from "../../tests/commonTests";

package/dist/collection/components/icon/icon.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/icon/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 export const CSS = {
     icon: "icon",

package/dist/collection/components/icon/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 import { getAssetPath } from "@stencil/core";
 /**

package/dist/collection/components/icon/utils.spec.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 import { fetchIcon, iconCache, normalizeIconName, requestCache, scaleToPx } from "./utils";
 describe("utils", () => {

package/dist/collection/components/inline-editable/inline-editable.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:40:01 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:37 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:40:01 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:37 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:40:01 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:37 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:40:01 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:37 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:39:58 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:34 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/inline-editable/inline-editable.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 import { accessible, disabled, labelable, renders, hidden, t9n } from "../../tests/commonTests";
 import { newE2EPage } from "@stencil/core/testing";

package/dist/collection/components/inline-editable/inline-editable.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 import { h, } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 export const CSS = {
     wrapper: "wrapper",

package/dist/collection/components/input/common/input.js

@@ -0,0 +1,52 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.5.0-next.2
+ */
+/**
+ * Exported for testing purposes only
+ */
+export const minMaxStepTypes = ["date", "datetime-local", "month", "number", "range", "time", "week"];
+/**
+ * Exported for testing purposes only
+ */
+export const patternTypes = ["email", "password", "search", "tel", "text", "url"];
+/**
+ * Exported for testing purposes only
+ */
+export const minMaxLengthTypes = ["email", "password", "search", "tel", "text", "textarea", "url"];
+function updateConstraintValidation(inputComponent, input, propName, matchesType) {
+    const attributeName = propName.toLowerCase();
+    const value = inputComponent[propName];
+    if (matchesType && value != null) {
+        input.setAttribute(attributeName, `${value}`);
+    }
+    else {
+        // we remove the attribute to ensure validation-constraints are properly reset
+        input.removeAttribute(attributeName);
+    }
+}
+/**
+ * Synchronizes the hidden form input with the validation-related input properties.
+ *
+ * Note: loss of precision is expected due to the hidden input's value and validation-constraint props being strings.
+ *
+ * @param type - The input type.
+ * @param inputComponent
+ * @param hiddenFormInput
+ */
+export function syncHiddenFormInput(type, inputComponent, hiddenFormInput) {
+    hiddenFormInput.type = type === "textarea" ? "text" : type;
+    const isMinMaxStepType = minMaxStepTypes.includes(type);
+    const numericInputComponent = inputComponent;
+    updateConstraintValidation(numericInputComponent, hiddenFormInput, "min", isMinMaxStepType);
+    updateConstraintValidation(numericInputComponent, hiddenFormInput, "max", isMinMaxStepType);
+    updateConstraintValidation(numericInputComponent, hiddenFormInput, "step", isMinMaxStepType);
+    const isMinMaxLengthType = minMaxLengthTypes.includes(type);
+    const textualInputComponent = inputComponent;
+    updateConstraintValidation(textualInputComponent, hiddenFormInput, "minLength", isMinMaxLengthType);
+    updateConstraintValidation(textualInputComponent, hiddenFormInput, "maxLength", isMinMaxLengthType);
+    const isPatternType = patternTypes.includes(type);
+    updateConstraintValidation(textualInputComponent, hiddenFormInput, "pattern", isPatternType);
+}
+//# sourceMappingURL=input.js.map

package/dist/collection/components/input/common/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/components/input/common/input.ts"],"names":[],"mappings":"AAcA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtG;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAElF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;AAEnG,SAAS,0BAA0B,CACjC,cAA8B,EAC9B,KAAuB,EACvB,QAAgB,EAChB,WAAoB;IAEpB,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IAC7C,MAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEvC,IAAI,WAAW,IAAI,KAAK,IAAI,IAAI,EAAE;QAChC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;KAC/C;SAAM;QACL,8EAA8E;QAC9E,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACtC;AACH,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CACjC,IAA2C,EAC3C,cAA8B,EAC9B,eAAiC;IAEjC,eAAe,CAAC,IAAI,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAE3D,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxD,MAAM,qBAAqB,GAAG,cAAuC,CAAC;IAEtE,0BAA0B,CAAC,qBAAqB,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC;IAC5F,0BAA0B,CAAC,qBAAqB,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC;IAC5F,0BAA0B,CAAC,qBAAqB,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAE7F,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE5D,MAAM,qBAAqB,GAAG,cAAuC,CAAC;IAEtE,0BAA0B,CAAC,qBAAqB,EAAE,eAAe,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;IACpG,0BAA0B,CAAC,qBAAqB,EAAE,eAAe,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAEpG,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAElD,0BAA0B,CAAC,qBAAqB,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;AAC/F,CAAC","sourcesContent":["export type InputComponent = NumericInputComponent | TextualInputComponent;\n\nexport interface NumericInputComponent {\n  min: number;\n  max: number;\n  step: number | \"any\";\n}\n\nexport interface TextualInputComponent {\n  pattern?: string;\n  minLength: number;\n  maxLength: number;\n}\n\n/**\n * Exported for testing purposes only\n */\nexport const minMaxStepTypes = [\"date\", \"datetime-local\", \"month\", \"number\", \"range\", \"time\", \"week\"];\n\n/**\n * Exported for testing purposes only\n */\nexport const patternTypes = [\"email\", \"password\", \"search\", \"tel\", \"text\", \"url\"];\n\n/**\n * Exported for testing purposes only\n */\nexport const minMaxLengthTypes = [\"email\", \"password\", \"search\", \"tel\", \"text\", \"textarea\", \"url\"];\n\nfunction updateConstraintValidation(\n  inputComponent: InputComponent,\n  input: HTMLInputElement,\n  propName: string,\n  matchesType: boolean,\n): void {\n  const attributeName = propName.toLowerCase();\n  const value = inputComponent[propName];\n\n  if (matchesType && value != null) {\n    input.setAttribute(attributeName, `${value}`);\n  } else {\n    // we remove the attribute to ensure validation-constraints are properly reset\n    input.removeAttribute(attributeName);\n  }\n}\n\n/**\n * Synchronizes the hidden form input with the validation-related input properties.\n *\n * Note: loss of precision is expected due to the hidden input's value and validation-constraint props being strings.\n *\n * @param type - The input type.\n * @param inputComponent\n * @param hiddenFormInput\n */\nexport function syncHiddenFormInput(\n  type: HTMLInputElement[\"type\"] | \"textarea\",\n  inputComponent: InputComponent,\n  hiddenFormInput: HTMLInputElement,\n): void {\n  hiddenFormInput.type = type === \"textarea\" ? \"text\" : type;\n\n  const isMinMaxStepType = minMaxStepTypes.includes(type);\n  const numericInputComponent = inputComponent as NumericInputComponent;\n\n  updateConstraintValidation(numericInputComponent, hiddenFormInput, \"min\", isMinMaxStepType);\n  updateConstraintValidation(numericInputComponent, hiddenFormInput, \"max\", isMinMaxStepType);\n  updateConstraintValidation(numericInputComponent, hiddenFormInput, \"step\", isMinMaxStepType);\n\n  const isMinMaxLengthType = minMaxLengthTypes.includes(type);\n\n  const textualInputComponent = inputComponent as TextualInputComponent;\n\n  updateConstraintValidation(textualInputComponent, hiddenFormInput, \"minLength\", isMinMaxLengthType);\n  updateConstraintValidation(textualInputComponent, hiddenFormInput, \"maxLength\", isMinMaxLengthType);\n\n  const isPatternType = patternTypes.includes(type);\n\n  updateConstraintValidation(textualInputComponent, hiddenFormInput, \"pattern\", isPatternType);\n}\n"]}

package/dist/collection/components/input/common/input.spec.js

@@ -0,0 +1,35 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.5.0-next.2
+ */
+/* eslint-disable jest/no-conditional-expect -- Using conditional logic in a confined test helper to handle specific scenarios, reducing duplication, balancing test readability and maintainability. **/
+import { minMaxLengthTypes, minMaxStepTypes, patternTypes, syncHiddenFormInput } from "./input";
+describe("common input utils", () => {
+    it("syncHiddenFormInput", async () => {
+        const minMaxLengthTestValues = { minLength: 0, maxLength: 10 };
+        const patternTestValue = { pattern: "test" };
+        const minMaxStepTestValues = { min: 0, max: 10, step: 1 };
+        const allTypes = Array.from(new Set([...minMaxLengthTypes, ...patternTypes, ...minMaxStepTypes]));
+        const allValueFakeInputComponent = { ...minMaxLengthTestValues, ...minMaxStepTestValues, ...patternTestValue };
+        const hiddenFormInput = document.createElement("input");
+        allTypes.forEach((type) => {
+            syncHiddenFormInput(type, allValueFakeInputComponent, hiddenFormInput);
+            const expectedType = type === "textarea" ? "text" : type;
+            expect(hiddenFormInput.type).toBe(expectedType);
+            if (minMaxStepTypes.includes(type)) {
+                expect(hiddenFormInput.min).toBe("0");
+                expect(hiddenFormInput.max).toBe("10");
+                expect(hiddenFormInput.step).toBe("1");
+            }
+            if (minMaxLengthTypes.includes(type)) {
+                expect(hiddenFormInput.minLength).toBe(0);
+                expect(hiddenFormInput.maxLength).toBe(10);
+            }
+            if (patternTypes.includes(type)) {
+                expect(hiddenFormInput.pattern).toBe("test");
+            }
+        });
+    });
+});
+//# sourceMappingURL=input.spec.js.map

package/dist/collection/components/input/common/input.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.spec.js","sourceRoot":"","sources":["../../../../../src/components/input/common/input.spec.ts"],"names":[],"mappings":"AAAA,yMAAyM;AACzM,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEhG,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,sBAAsB,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;QAC/D,MAAM,gBAAgB,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QAC7C,MAAM,oBAAoB,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QAE1D,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,iBAAiB,EAAE,GAAG,YAAY,EAAE,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;QAClG,MAAM,0BAA0B,GAAG,EAAE,GAAG,sBAAsB,EAAE,GAAG,oBAAoB,EAAE,GAAG,gBAAgB,EAAE,CAAC;QAE/G,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAExD,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACxB,mBAAmB,CAAC,IAAI,EAAE,0BAA0B,EAAE,eAAe,CAAC,CAAC;YAEvE,MAAM,YAAY,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;YAEzD,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAEhD,IAAI,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAClC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACtC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACvC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACxC;YAED,IAAI,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACpC,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC1C,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;aAC5C;YAED,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBAC/B,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aAC9C;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/* eslint-disable jest/no-conditional-expect -- Using conditional logic in a confined test helper to handle specific scenarios, reducing duplication, balancing test readability and maintainability. **/\nimport { minMaxLengthTypes, minMaxStepTypes, patternTypes, syncHiddenFormInput } from \"./input\";\n\ndescribe(\"common input utils\", () => {\n  it(\"syncHiddenFormInput\", async () => {\n    const minMaxLengthTestValues = { minLength: 0, maxLength: 10 };\n    const patternTestValue = { pattern: \"test\" };\n    const minMaxStepTestValues = { min: 0, max: 10, step: 1 };\n\n    const allTypes = Array.from(new Set([...minMaxLengthTypes, ...patternTypes, ...minMaxStepTypes]));\n    const allValueFakeInputComponent = { ...minMaxLengthTestValues, ...minMaxStepTestValues, ...patternTestValue };\n\n    const hiddenFormInput = document.createElement(\"input\");\n\n    allTypes.forEach((type) => {\n      syncHiddenFormInput(type, allValueFakeInputComponent, hiddenFormInput);\n\n      const expectedType = type === \"textarea\" ? \"text\" : type;\n\n      expect(hiddenFormInput.type).toBe(expectedType);\n\n      if (minMaxStepTypes.includes(type)) {\n        expect(hiddenFormInput.min).toBe(\"0\");\n        expect(hiddenFormInput.max).toBe(\"10\");\n        expect(hiddenFormInput.step).toBe(\"1\");\n      }\n\n      if (minMaxLengthTypes.includes(type)) {\n        expect(hiddenFormInput.minLength).toBe(0);\n        expect(hiddenFormInput.maxLength).toBe(10);\n      }\n\n      if (patternTypes.includes(type)) {\n        expect(hiddenFormInput.pattern).toBe(\"test\");\n      }\n    });\n  });\n});\n"]}

package/dist/collection/components/input/common/tests.js

@@ -1,8 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
+/* eslint-disable jest/no-conditional-expect -- Using conditional logic in a confined test helper to handle specific scenarios, reducing duplication, balancing test readability and maintainability. **/
 import { newE2EPage } from "@stencil/core/testing";
 import { isElementFocused } from "../../../tests/utils";
 import { hiddenFormInputSlotName } from "../../../utils/form";
@@ -39,4 +40,55 @@ export function testPostValidationFocusing(inputTag) {
         expect(await input.getProperty("value")).toBe(expectedValue);
     });
 }
+export function testHiddenInputSyncing(inputTag) {
+    it("syncs hidden input with the input component", async () => {
+        const page = await newE2EPage();
+        await page.setContent(html `
+      <form>
+          <${inputTag} name="form-name"></${inputTag}>
+      </form>
+      `);
+        const input = await page.find(inputTag);
+        const hiddenInput = await page.find(`input[slot=${hiddenFormInputSlotName}]`);
+        // intentionally setting all props regardless of type for testing purposes
+        input.setProperty("min", 0);
+        input.setProperty("max", 10);
+        input.setProperty("step", 1);
+        input.setProperty("pattern", "test");
+        input.setProperty("minLength", 0);
+        input.setProperty("maxLength", 10);
+        await page.waitForChanges();
+        async function assertTextProps() {
+            expect(await hiddenInput.getProperty("type")).toBe("text");
+            expect(await hiddenInput.getProperty("min")).toBe("");
+            expect(await hiddenInput.getProperty("max")).toBe("");
+            expect(await hiddenInput.getProperty("pattern")).toBe("test");
+            expect(await hiddenInput.getProperty("minLength")).toBe(0);
+            expect(await hiddenInput.getProperty("maxLength")).toBe(10);
+        }
+        async function assertNumericProps() {
+            expect(await hiddenInput.getProperty("type")).toBe("number");
+            expect(await hiddenInput.getProperty("min")).toBe("0");
+            expect(await hiddenInput.getProperty("max")).toBe("10");
+            expect(await hiddenInput.getProperty("pattern")).toBe("");
+            expect(await hiddenInput.getProperty("minLength")).toBe(-1);
+            expect(await hiddenInput.getProperty("maxLength")).toBe(-1);
+        }
+        if (inputTag === "calcite-input") {
+            // testing subset of types
+            await input.setProperty("type", "text");
+            await page.waitForChanges();
+            await assertTextProps();
+            await input.setProperty("type", "number");
+            await page.waitForChanges();
+            await assertNumericProps();
+            return;
+        }
+        if (inputTag === "calcite-input-text" || inputTag === "calcite-text-area") {
+            await assertTextProps();
+            return;
+        }
+        await assertNumericProps();
+    });
+}
 //# sourceMappingURL=tests.js.map

package/dist/collection/components/input/common/tests.js.map

@@ -1 +1 @@
-{"version":3,"file":"tests.js","sourceRoot":"","sources":["../../../../../src/components/input/common/tests.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,MAAM,UAAU,0BAA0B,CACxC,QAA+G;IAE/G,EAAE,CAAC,0DAA0D,EAAE,KAAK,IAAI,EAAE;QACxE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,SAAS,GAAG,MAAM,CAAC;QAEzB,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAA;;aAEjB,QAAQ,mBAAmB,SAAS,OAAO,QAAQ;;;;;;;;OAQzD,CAAC,CAAC;QAEL,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAExC,MAAM,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QACnC,MAAM,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC3B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,mBAAmB,GAAG,cAAc,uBAAuB,GAAG,CAAC;QACrE,MAAM,aAAa,GAAG,GAAG,QAAQ,SAAS,SAAS,GAAG,CAAC;QAEvD,MAAM,CAAC,MAAM,gBAAgB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtE,MAAM,CAAC,MAAM,gBAAgB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAElD,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,8CAA8C;QAE7E,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,MAAM,gBAAgB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtE,MAAM,CAAC,MAAM,gBAAgB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { isElementFocused } from \"../../../tests/utils\";\nimport { hiddenFormInputSlotName } from \"../../../utils/form\";\nimport { html } from \"../../../../support/formatting\";\nimport { JSX } from \"../../../components\";\n\nexport function testPostValidationFocusing(\n  inputTag: Extract<keyof JSX.IntrinsicElements, \"calcite-input\" | \"calcite-input-text\" | \"calcite-input-number\">,\n): void {\n  it(\"restores focus on invalid input if user continues typing\", async () => {\n    const page = await newE2EPage();\n    const inputName = \"test\";\n\n    await page.setContent(html`\n        <form>\n          <${inputTag} required name=\"${inputName}\"></${inputTag}>\n        </form>\n        <script>\n          const form = document.querySelector(\"form\");\n          form.addEventListener(\"submit\", (event) => {\n            event.preventDefault();\n          });\n        </script>\n      `);\n\n    const input = await page.find(inputTag);\n\n    await input.callMethod(\"setFocus\");\n    await input.press(\"Enter\");\n    await page.waitForChanges();\n\n    const hiddenInputSelector = `input[slot=${hiddenFormInputSlotName}]`;\n    const inputSelector = `${inputTag}[name=${inputName}]`;\n\n    expect(await isElementFocused(page, hiddenInputSelector)).toBe(false);\n    expect(await isElementFocused(page, inputSelector)).toBe(true);\n    expect(await input.getProperty(\"value\")).toBe(\"\");\n\n    const expectedValue = \"12345\"; // number works for both text and number types\n\n    await page.keyboard.type(expectedValue);\n    await page.waitForChanges();\n\n    expect(await isElementFocused(page, hiddenInputSelector)).toBe(false);\n    expect(await isElementFocused(page, inputSelector)).toBe(true);\n    expect(await input.getProperty(\"value\")).toBe(expectedValue);\n  });\n}\n"]}
+{"version":3,"file":"tests.js","sourceRoot":"","sources":["../../../../../src/components/input/common/tests.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable jest/no-conditional-expect -- Using conditional logic in a confined test helper to handle specific scenarios, reducing duplication, balancing test readability and maintainability. **/\n\nimport { newE2EPage } from \"@stencil/core/testing\";\nimport { isElementFocused } from \"../../../tests/utils\";\nimport { hiddenFormInputSlotName } from \"../../../utils/form\";\nimport { html } from \"../../../../support/formatting\";\nimport { JSX } from \"../../../components\";\n\nexport function testPostValidationFocusing(\n  inputTag: Extract<keyof JSX.IntrinsicElements, \"calcite-input\" | \"calcite-input-text\" | \"calcite-input-number\">,\n): void {\n  it(\"restores focus on invalid input if user continues typing\", async () => {\n    const page = await newE2EPage();\n    const inputName = \"test\";\n\n    await page.setContent(html`\n        <form>\n          <${inputTag} required name=\"${inputName}\"></${inputTag}>\n        </form>\n        <script>\n          const form = document.querySelector(\"form\");\n          form.addEventListener(\"submit\", (event) => {\n            event.preventDefault();\n          });\n        </script>\n      `);\n\n    const input = await page.find(inputTag);\n\n    await input.callMethod(\"setFocus\");\n    await input.press(\"Enter\");\n    await page.waitForChanges();\n\n    const hiddenInputSelector = `input[slot=${hiddenFormInputSlotName}]`;\n    const inputSelector = `${inputTag}[name=${inputName}]`;\n\n    expect(await isElementFocused(page, hiddenInputSelector)).toBe(false);\n    expect(await isElementFocused(page, inputSelector)).toBe(true);\n    expect(await input.getProperty(\"value\")).toBe(\"\");\n\n    const expectedValue = \"12345\"; // number works for both text and number types\n\n    await page.keyboard.type(expectedValue);\n    await page.waitForChanges();\n\n    expect(await isElementFocused(page, hiddenInputSelector)).toBe(false);\n    expect(await isElementFocused(page, inputSelector)).toBe(true);\n    expect(await input.getProperty(\"value\")).toBe(expectedValue);\n  });\n}\n\nexport function testHiddenInputSyncing(\n  inputTag: Extract<\n    keyof JSX.IntrinsicElements,\n    \"calcite-input\" | \"calcite-input-text\" | \"calcite-input-number\" | \"calcite-text-area\"\n  >,\n): void {\n  it(\"syncs hidden input with the input component\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <form>\n          <${inputTag} name=\"form-name\"></${inputTag}>\n      </form>\n      `);\n    const input = await page.find(inputTag);\n    const hiddenInput = await page.find(`input[slot=${hiddenFormInputSlotName}]`);\n\n    // intentionally setting all props regardless of type for testing purposes\n    input.setProperty(\"min\", 0);\n    input.setProperty(\"max\", 10);\n    input.setProperty(\"step\", 1);\n    input.setProperty(\"pattern\", \"test\");\n    input.setProperty(\"minLength\", 0);\n    input.setProperty(\"maxLength\", 10);\n    await page.waitForChanges();\n\n    async function assertTextProps(): Promise<void> {\n      expect(await hiddenInput.getProperty(\"type\")).toBe(\"text\");\n      expect(await hiddenInput.getProperty(\"min\")).toBe(\"\");\n      expect(await hiddenInput.getProperty(\"max\")).toBe(\"\");\n      expect(await hiddenInput.getProperty(\"pattern\")).toBe(\"test\");\n      expect(await hiddenInput.getProperty(\"minLength\")).toBe(0);\n      expect(await hiddenInput.getProperty(\"maxLength\")).toBe(10);\n    }\n\n    async function assertNumericProps(): Promise<void> {\n      expect(await hiddenInput.getProperty(\"type\")).toBe(\"number\");\n      expect(await hiddenInput.getProperty(\"min\")).toBe(\"0\");\n      expect(await hiddenInput.getProperty(\"max\")).toBe(\"10\");\n      expect(await hiddenInput.getProperty(\"pattern\")).toBe(\"\");\n      expect(await hiddenInput.getProperty(\"minLength\")).toBe(-1);\n      expect(await hiddenInput.getProperty(\"maxLength\")).toBe(-1);\n    }\n\n    if (inputTag === \"calcite-input\") {\n      // testing subset of types\n\n      await input.setProperty(\"type\", \"text\");\n      await page.waitForChanges();\n\n      await assertTextProps();\n\n      await input.setProperty(\"type\", \"number\");\n      await page.waitForChanges();\n\n      await assertNumericProps();\n      return;\n    }\n\n    if (inputTag === \"calcite-input-text\" || inputTag === \"calcite-text-area\") {\n      await assertTextProps();\n      return;\n    }\n\n    await assertNumericProps();\n  });\n}\n"]}

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

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:40:01 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:37 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:40:01 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:37 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:40:01 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:37 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:40:01 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:37 GMT
  */
 /**
  * Do not edit directly
- * Generated on Fri, 09 Feb 2024 23:39:58 GMT
+ * Generated on Mon, 12 Feb 2024 22:08:34 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/input/input.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.0
+ * v2.5.0-next.2
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { defaults, disabled, focusable, formAssociated, labelable, reflects, renders, hidden, t9n, } from "../../tests/commonTests";
@@ -9,7 +9,7 @@ import { html } from "../../../support/formatting";
 import { letterKeys, numberKeys } from "../../utils/key";
 import { locales, numberStringFormatter } from "../../utils/locale";
 import { getElementRect, getElementXY, selectText } from "../../tests/utils";
-import { testPostValidationFocusing } from "./common/tests";
+import { testHiddenInputSyncing, testPostValidationFocusing } from "./common/tests";
 describe("calcite-input", () => {
     const delayFor2UpdatesInMs = 200;
     /**
@@ -1630,6 +1630,7 @@ describe("calcite-input", () => {
             });
         }
         testPostValidationFocusing("calcite-input");
+        testHiddenInputSyncing("calcite-input");
     });
     describe("translation support", () => {
         t9n("calcite-input");