feat(form-elements): Adding default value for input fields where missing

.github/workflows/ci.yml

@@ -16,7 +16,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.8.2'
       - uses: amannn/action-semantic-pull-request@v5
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -27,7 +27,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.8.2'
       - name: Test
         run: ./scripts/audit.sh
   tests:
@@ -37,7 +37,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.8.2'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Build stencil
@@ -52,7 +52,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.8.2'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Package application
@@ -74,7 +74,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.8.2'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Package application
@@ -96,7 +96,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.8.2'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Package application

patches/@ecl+vanilla-component-select+3.13.0.patch

@@ -0,0 +1,13 @@
+diff --git a/node_modules/@ecl/vanilla-component-select/select.js b/node_modules/@ecl/vanilla-component-select/select.js
+index af9c468..5696a1a 100644
+--- a/node_modules/@ecl/vanilla-component-select/select.js
++++ b/node_modules/@ecl/vanilla-component-select/select.js
+@@ -495,7 +495,7 @@ export class Select {
+     }
+     this.visibleOptions = this.checkboxes;
+
+-    this.select.parentNode.parentNode.insertBefore(
++    this.select.closest('.ecl-form-group').insertBefore(
+       this.selectMultiple,
+       this.select.parentNode.nextSibling,
+     );

src/components.d.ts

@@ -648,6 +648,7 @@ export namespace Components {
         "disabled": boolean;
         "helperId": string;
         "helperText": string;
+        "inputDefaultValue": string;
         "inputId": string;
         "invalid": boolean;
         "invalidText": string;
@@ -664,8 +665,8 @@ export namespace Components {
         "disabled": boolean;
         "eclScript": boolean;
         "hasChanged": boolean;
+        "inputValue": string;
         "invalid": boolean;
-        "isFocused": boolean;
         "multiple": boolean;
         "multipleAllText": string;
         "multipleClearAllText": string;
@@ -764,6 +765,7 @@ export namespace Components {
         "theme": string;
     }
     interface EclTextarea {
+        "defaultValue": string;
         "disabled": boolean;
         "hasChanged": boolean;
         "inputId": string;
@@ -2084,6 +2086,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "helperId"?: string;
         "helperText"?: string;
+        "inputDefaultValue"?: string;
         "inputId"?: string;
         "invalid"?: boolean;
         "invalidText"?: string;
@@ -2100,8 +2103,8 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "eclScript"?: boolean;
         "hasChanged"?: boolean;
+        "inputValue"?: string;
         "invalid"?: boolean;
-        "isFocused"?: boolean;
         "multiple"?: boolean;
         "multipleAllText"?: string;
         "multipleClearAllText"?: string;
@@ -2203,6 +2206,7 @@ declare namespace LocalJSX {
         "theme"?: string;
     }
     interface EclTextarea {
+        "defaultValue"?: string;
         "disabled"?: boolean;
         "hasChanged"?: boolean;
         "inputId"?: string;

src/components/ecl-range/ecl-range.tsx

@@ -97,10 +97,6 @@ export class EclRange {
     }
   }
 
-  handleInput(event) {
-    this.value = event.target.value;
-  }
-
   handleFocus(event) {
     this.inputFocus.emit(event);
     this.isFocused = true;
@@ -142,7 +138,7 @@ export class EclRange {
       >
         <input
           {...attributes}
-          onInput={ev => this.handleInput(ev)}
+          onInput={ev => this.handleChange(ev)}
           onFocus={ev => this.handleFocus(ev)}
           onBlur={ev => this.handleBlur(ev)}
           onChange={ev => this.handleChange(ev)}

src/components/ecl-search-form/ecl-search-form.tsx

@@ -20,6 +20,7 @@ export class EclSearchForm {
   @Prop() helperText: string;
   @Prop() placeholder: string;
   @Prop() inputId: string;
+  @Prop() inputDefaultValue: string;
   @Prop() width: string = 'm';
   @Prop() label: string;
   @Prop() type: string;
@@ -58,6 +59,7 @@ export class EclSearchForm {
             invalid={this.invalid}
             width="m"
             placeholder={this.placeholder}
+            default-value={this.inputDefaultValue}
           >
           </ecl-input>
         </ecl-form-group>