Merge pull request #1655 from Infineon/1654-single-select-clear-field…

…-when-options-change Single-select: clears select field when options updated
Infineon · Dec 13, 2024 · e6b3d19 · e6b3d19
2 parents e2bb518 + 12f3fd7
commit e6b3d19
Show file tree

Hide file tree

Showing 10 changed files with 30 additions and 24 deletions.
diff --git a/examples/wrapper-components/react-vite-js/package.json b/examples/wrapper-components/react-vite-js/package.json
@@ -18,7 +18,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-react": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+    "@infineon/infineon-design-system-react": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
     "path": "^0.12.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"

diff --git a/examples/wrapper-components/vue-javascript/package.json b/examples/wrapper-components/vue-javascript/package.json
@@ -15,7 +15,7 @@
     "test:local": "run-p preview:link watch:library"
   },
   "dependencies": {
-    "@infineon/infineon-design-system-vue": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+    "@infineon/infineon-design-system-vue": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "vite": "^5.0.12",

diff --git a/lerna.json b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+  "version": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
   "command": {
     "publish": {
       "verifyAccess": false

diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "components-angular",
-  "version": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+  "version": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -26,7 +26,7 @@
     "@angular/platform-browser": "^18.0.0",
     "@angular/platform-browser-dynamic": "^18.0.0",
     "@angular/router": "^18.0.0",
-    "@infineon/infineon-design-system-angular": "^30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+    "@infineon/infineon-design-system-angular": "^30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "typescript": "~5.4.4",

diff --git a/packages/components-angular/projects/component-library/package.json b/packages/components-angular/projects/component-library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-angular",
-  "version": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+  "version": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
   "description": "Infineon design system Stencil web components for Angular",
   "author": "Verena Lechner",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
     "@infineon/design-system-tokens": "3.3.4",
-    "@infineon/infineon-design-system-stencil": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0"
+    "@infineon/infineon-design-system-stencil": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

diff --git a/packages/components-react/package.json b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-react",
-  "version": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+  "version": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
   "description": "Infineon design system Stencil web components for React",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.4",
-    "@infineon/infineon-design-system-stencil": "^30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+    "@infineon/infineon-design-system-stencil": "^30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
     "@stencil/react-output-target": "^0.7.1"
   },
   "auto": {

diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-vue",
-  "version": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+  "version": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
   "description": "Infineon design system Stencil web components for Vue",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@infineon/design-system-tokens": "3.3.4",
-    "@infineon/infineon-design-system-stencil": "^30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0"
+    "@infineon/infineon-design-system-stencil": "^30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0"
   },
   "auto": {
     "plugins": [

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "30.5.0--canary.1653.e0dbd3314b37fb8bdea4791ccaa98bb5bd212c8f.0",
+  "version": "30.5.1--canary.1655.9885959d458e06593271685d632a6120c4904eb3.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

diff --git a/packages/components/src/components/select/single-select/select.tsx b/packages/components/src/components/select/single-select/select.tsx
@@ -100,13 +100,17 @@ export class Choices implements IChoicesProps, IChoicesMethods {
 
   handleDeleteSelection() {
     this.clearInput()
-    this.selectedOption = null;
+    this.clearSelectField()
     this.setPreSelected(null);
     this.closeDropdown();
-    this.ifxSelect.emit(null);
     this.optionIsSelected = false;
   }
 
+  clearSelectField() { 
+    this.selectedOption = null;
+    this.ifxSelect.emit(null);
+  }
+
   @Method()
   async handleChange() {
     this.ifxSelect.emit(this.choice.getValue());
@@ -288,9 +292,11 @@ export class Choices implements IChoicesProps, IChoicesMethods {
 
   protected componentWillUpdate() { 
     this.handleCloseButton()
-
+    this.clearSelectField()
   }
 
+
+
   addResizeObserver() { 
     this.resizeObserver = new ResizeObserver(() => {
       this.handleDeleteIcon();