From 6691958d6b5ec2afafc49fc784e62b055e3c56fc Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Wed, 14 May 2025 16:17:24 +0200
Subject: [PATCH 1/9] feat(cli): add experimental `patch-compat-table` command

---
 docs/ReadMeCompat.mdx                         |   3 +
 packages/cli/README.md                        |   1 +
 packages/cli/package.json                     |   7 +-
 .../@ui5+webcomponents-compat+2.10.0.patch    | 130 +++++++++
 ...i5+webcomponents-react-compat+2.10.0.patch |  39 +++
 packages/cli/src/bin/index.ts                 |  17 ++
 packages/cli/tsconfig.json                    |   2 +-
 packages/compat/README.md                     |  72 ++++-
 yarn.lock                                     | 247 +++++++++++++++++-
 9 files changed, 497 insertions(+), 21 deletions(-)
 create mode 100644 packages/cli/patches/@ui5+webcomponents-compat+2.10.0.patch
 create mode 100644 packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch

diff --git a/docs/ReadMeCompat.mdx b/docs/ReadMeCompat.mdx
index 944b370a322..f3bf8a9f460 100644
--- a/docs/ReadMeCompat.mdx
+++ b/docs/ReadMeCompat.mdx
@@ -8,4 +8,7 @@ import ReadMe from '../packages/compat/README.md?raw';
 
 <Markdown>{ReadMe.split('## Documentation')[0].trim()}</Markdown>
 
+<br />
+<br />
+
 <Footer />
diff --git a/packages/cli/README.md b/packages/cli/README.md
index c5f82d70c84..a3398f087e3 100644
--- a/packages/cli/README.md
+++ b/packages/cli/README.md
@@ -16,6 +16,7 @@ You can find an interactive documentation in our [Storybook](https://sap.github.
 
 - [Wrapper generation](https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/knowledge-base-bring-your-own-web-components--docs)
 - [Code-mod](https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/migration-guide--docs#codemod)
+- [Patch compatibility table](https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/legacy-components-docs--docs#experimental-patch-script)
 
 ## Contribute
 
diff --git a/packages/cli/package.json b/packages/cli/package.json
index f41a00e19cc..63b18a46bae 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -29,9 +29,12 @@
     "access": "public"
   },
   "files": [
-    "dist"
+    "dist",
+    "patches"
   ],
   "dependencies": {
-    "dedent": "1.6.0"
+    "dedent": "1.6.0",
+    "execa": "^9.5.3",
+    "patch-package": "^8.0.0"
   }
 }
diff --git a/packages/cli/patches/@ui5+webcomponents-compat+2.10.0.patch b/packages/cli/patches/@ui5+webcomponents-compat+2.10.0.patch
new file mode 100644
index 00000000000..83cd8a14d6e
--- /dev/null
+++ b/packages/cli/patches/@ui5+webcomponents-compat+2.10.0.patch
@@ -0,0 +1,130 @@
+diff --git a/node_modules/@ui5/webcomponents-compat/dist/Table.js b/node_modules/@ui5/webcomponents-compat/dist/Table.js
+index f72d58f..0c0cde5 100644
+--- a/node_modules/@ui5/webcomponents-compat/dist/Table.js
++++ b/node_modules/@ui5/webcomponents-compat/dist/Table.js
+@@ -653,14 +653,14 @@ let Table = Table_1 = class Table extends UI5Element {
+         });
+     }
+     getRowParent(child) {
+-        if (child.hasAttribute("ui5-table-row")) {
++        if (child.hasAttribute("ui5-table-row-v1")) {
+             return child;
+         }
+         const parent = child.parentElement;
+         if (!parent) {
+             return;
+         }
+-        if (parent.hasAttribute("ui5-table-row")) {
++        if (parent.hasAttribute("ui5-table-row-v1")) {
+             return parent;
+         }
+         return this.getRowParent(parent);
+@@ -867,7 +867,7 @@ __decorate([
+ ], Table, "i18nBundle", void 0);
+ Table = Table_1 = __decorate([
+     customElement({
+-        tag: "ui5-table",
++        tag: "ui5-table-v1",
+         fastNavigation: true,
+         styles: tableStyles,
+         renderer: jsxRenderer,
+diff --git a/node_modules/@ui5/webcomponents-compat/dist/TableCell.js b/node_modules/@ui5/webcomponents-compat/dist/TableCell.js
+index dd6e17f..c9fce9d 100644
+--- a/node_modules/@ui5/webcomponents-compat/dist/TableCell.js
++++ b/node_modules/@ui5/webcomponents-compat/dist/TableCell.js
+@@ -67,7 +67,7 @@ __decorate([
+ ], TableCell, "i18nBundle", void 0);
+ TableCell = TableCell_1 = __decorate([
+     customElement({
+-        tag: "ui5-table-cell",
++        tag: "ui5-table-cell-v1",
+         renderer: jsxRenderer,
+         template: TableCellTemplate,
+         styles: tableCellStyles,
+diff --git a/node_modules/@ui5/webcomponents-compat/dist/TableRow.js b/node_modules/@ui5/webcomponents-compat/dist/TableRow.js
+index 8fa9936..aac526b 100644
+--- a/node_modules/@ui5/webcomponents-compat/dist/TableRow.js
++++ b/node_modules/@ui5/webcomponents-compat/dist/TableRow.js
+@@ -94,7 +94,7 @@ let TableRow = TableRow_1 = class TableRow extends UI5Element {
+         const itemActive = this.type === TableRowType.Active;
+         const isSingleSelect = this.isSingleSelect;
+         const itemSelectable = isSingleSelect || this.isMultiSelect;
+-        const isRowFocused = this._activeElementHasAttribute("ui5-table-row");
++        const isRowFocused = this._activeElementHasAttribute("ui5-table-row-v1");
+         const target = e.target;
+         const checkboxPressed = target.classList.contains("ui5-multi-select-checkbox");
+         const rowElements = Array.from(this.shadowRoot.querySelectorAll("tr") || []);
+@@ -137,7 +137,7 @@ let TableRow = TableRow_1 = class TableRow extends UI5Element {
+         this.deactivate();
+     }
+     _onfocusin(e, forceSelfFocus = false) {
+-        if (forceSelfFocus || this._activeElementHasAttribute("ui5-table-cell")) {
++        if (forceSelfFocus || this._activeElementHasAttribute("ui5-table-cell-v1")) {
+             this.root.focus();
+             this.activate();
+         }
+@@ -160,7 +160,7 @@ let TableRow = TableRow_1 = class TableRow extends UI5Element {
+             this._onfocusin(e, true /* force row focus */);
+             this.deactivate();
+         }
+-        if (this._activeElementHasAttribute("ui5-table-row")) {
++        if (this._activeElementHasAttribute("ui5-table-row-v1")) {
+             if (this.isSingleSelect) {
+                 this._handleSelection();
+             }
+@@ -322,7 +322,7 @@ __decorate([
+ ], TableRow, "i18nBundle", void 0);
+ TableRow = TableRow_1 = __decorate([
+     customElement({
+-        tag: "ui5-table-row",
++        tag: "ui5-table-row-v1",
+         styles: tableRowStyles,
+         renderer: jsxRenderer,
+         template: TableRowTemplate,
+diff --git a/node_modules/@ui5/webcomponents-compat/dist/css/themes/TableRow.css b/node_modules/@ui5/webcomponents-compat/dist/css/themes/TableRow.css
+index 6fd8559..3e74125 100644
+--- a/node_modules/@ui5/webcomponents-compat/dist/css/themes/TableRow.css
++++ b/node_modules/@ui5/webcomponents-compat/dist/css/themes/TableRow.css
+@@ -1 +1 @@
+-:host{--table-row-border-styles: var(--ui5-v2-10-0_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);display:contents}:host([_busy]) .ui5-table-row-root{opacity:.72;pointer-events:none}.ui5-table-row-root{background-color:var(--sapList_Background);color:var(--sapList_TextColor);border-top:1px solid var(--sapList_BorderColor);position:relative}.ui5-table-row-root,.ui5-table-popin-row{position:relative}.ui5-table-row-root:focus{outline:none}.ui5-table-row-root:focus:after,.ui5-table-row-root:focus~.ui5-table-popin-row:after{pointer-events:none;position:absolute;content:"";inset:var(--ui5-v2-10-0_table_focus_outline_offset);border:var(--table-row-border-styles)}.ui5-table-row-root:has(+.ui5-table-popin-row):focus:after{bottom:0;border-bottom:none}.ui5-table-row-root:focus~.ui5-table-popin-row:after{top:0;bottom:0;border-top:none;border-bottom:none}.ui5-table-row-root:focus~.ui5-table-popin-row:last-child:after{top:0;border-bottom:var(--table-row-border-styles)}.ui5-table-popin-row{background-color:var(--sapList_Background)}.ui5-table-popin-row.all-columns-popped-in.popin-header{border-top:1px solid var(--sapList_BorderColor)}.ui5-table-popin-row td:not(.ui5-table-row-navigated){padding-top:.5rem;padding-inline-start:1rem}:host([mode="MultiSelect"]) .ui5-table-popin-row td:not(.ui5-table-row-navigated){padding-inline-start:var(--ui5-v2-10-0_table_multiselect_popin_row_padding)}.ui5-table-popin-row:last-child td{padding-bottom:.5rem}.ui5-table-row-popin-title{color:var(--sapContent_LabelColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-table-cell-display-inline{margin-inline-start:.5rem}.ui5-table-display-inline-container{display:flex;align-items:center}.ui5-table-multi-select-cell{padding:.25rem 0;box-sizing:border-box;text-align:center;vertical-align:middle}:host([mode="SingleSelect"]) .ui5-table-row-root{cursor:pointer}:host([mode="MultiSelect"]) .ui5-table-row-root .ui5-table-multi-select-cell{cursor:pointer}:host ::slotted([ui5-table-cell]:not([popined])){padding:.25rem .5rem}:host(:not([mode="MultiSelect"])) ::slotted([ui5-table-cell]:not([popined]):first-child){padding-inline-start:1rem}:host([type="Active"]) .ui5-table-row-root:hover,:host([mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_Background)}:host([type="Active"]) .ui5-table-row-root:active,:host([selected][type="Active"]) .ui5-table-row-root:active{background-color:var(--sapList_Active_Background)}:host([type="Active"]) .ui5-table-row-root:active ::slotted([ui5-table-cell]){color:var(--sapList_Active_TextColor)}:host([selected]) .ui5-table-row-root:not(:active),:host([selected]) .ui5-table-row-root:not(:active)~tr{background-color:var(--sapList_SelectionBackgroundColor)}:host([selected]) tr:last-child{border-bottom:1px solid var(--sapList_SelectionBorderColor)}:host([selected][type="Active"]) .ui5-table-row-root:hover:not(:active),:host([selected][mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_SelectionBackground)}:host([navigated]) .ui5-table-row-root:focus .ui5-table-div-navigated{width:.09375rem;top:2px;inset-inline-end:2px;bottom:1px}:host([navigated]) .ui5-table-row-navigated{vertical-align:middle;padding:0;position:relative}:host([navigated]) .ui5-table-div-navigated{width:.1875rem;position:absolute;inset:0;background-color:var(--sapList_SelectionBorderColor)}
++:host{--table-row-border-styles: var(--ui5-v2-10-0_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);display:contents}:host([_busy]) .ui5-table-row-root{opacity:.72;pointer-events:none}.ui5-table-row-root{background-color:var(--sapList_Background);color:var(--sapList_TextColor);border-top:1px solid var(--sapList_BorderColor);position:relative}.ui5-table-row-root,.ui5-table-popin-row{position:relative}.ui5-table-row-root:focus{outline:none}.ui5-table-row-root:focus:after,.ui5-table-row-root:focus~.ui5-table-popin-row:after{pointer-events:none;position:absolute;content:"";inset:var(--ui5-v2-10-0_table_focus_outline_offset);border:var(--table-row-border-styles)}.ui5-table-row-root:has(+.ui5-table-popin-row):focus:after{bottom:0;border-bottom:none}.ui5-table-row-root:focus~.ui5-table-popin-row:after{top:0;bottom:0;border-top:none;border-bottom:none}.ui5-table-row-root:focus~.ui5-table-popin-row:last-child:after{top:0;border-bottom:var(--table-row-border-styles)}.ui5-table-popin-row{background-color:var(--sapList_Background)}.ui5-table-popin-row.all-columns-popped-in.popin-header{border-top:1px solid var(--sapList_BorderColor)}.ui5-table-popin-row td:not(.ui5-table-row-navigated){padding-top:.5rem;padding-inline-start:1rem}:host([mode="MultiSelect"]) .ui5-table-popin-row td:not(.ui5-table-row-navigated){padding-inline-start:var(--ui5-v2-10-0_table_multiselect_popin_row_padding)}.ui5-table-popin-row:last-child td{padding-bottom:.5rem}.ui5-table-row-popin-title{color:var(--sapContent_LabelColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-table-cell-display-inline{margin-inline-start:.5rem}.ui5-table-display-inline-container{display:flex;align-items:center}.ui5-table-multi-select-cell{padding:.25rem 0;box-sizing:border-box;text-align:center;vertical-align:middle}:host([mode="SingleSelect"]) .ui5-table-row-root{cursor:pointer}:host([mode="MultiSelect"]) .ui5-table-row-root .ui5-table-multi-select-cell{cursor:pointer}:host ::slotted([ui5-table-cell-v1]:not([popined])){padding:.25rem .5rem}:host(:not([mode="MultiSelect"])) ::slotted([ui5-table-cell-v1]:not([popined]):first-child){padding-inline-start:1rem}:host([type="Active"]) .ui5-table-row-root:hover,:host([mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_Background)}:host([type="Active"]) .ui5-table-row-root:active,:host([selected][type="Active"]) .ui5-table-row-root:active{background-color:var(--sapList_Active_Background)}:host([type="Active"]) .ui5-table-row-root:active ::slotted([ui5-table-cell-v1]){color:var(--sapList_Active_TextColor)}:host([selected]) .ui5-table-row-root:not(:active),:host([selected]) .ui5-table-row-root:not(:active)~tr{background-color:var(--sapList_SelectionBackgroundColor)}:host([selected]) tr:last-child{border-bottom:1px solid var(--sapList_SelectionBorderColor)}:host([selected][type="Active"]) .ui5-table-row-root:hover:not(:active),:host([selected][mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_SelectionBackground)}:host([navigated]) .ui5-table-row-root:focus .ui5-table-div-navigated{width:.09375rem;top:2px;inset-inline-end:2px;bottom:1px}:host([navigated]) .ui5-table-row-navigated{vertical-align:middle;padding:0;position:relative}:host([navigated]) .ui5-table-div-navigated{width:.1875rem;position:absolute;inset:0;background-color:var(--sapList_SelectionBorderColor)}
+diff --git a/node_modules/@ui5/webcomponents-compat/dist/generated/themes/TableRow.css.js b/node_modules/@ui5/webcomponents-compat/dist/generated/themes/TableRow.css.js
+index a30b695..e1f26f6 100644
+--- a/node_modules/@ui5/webcomponents-compat/dist/generated/themes/TableRow.css.js
++++ b/node_modules/@ui5/webcomponents-compat/dist/generated/themes/TableRow.css.js
+@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
+ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
+ registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
+ registerThemePropertiesLoader("@ui5/webcomponents-compat", "sap_horizon", async () => defaultTheme);
+-export default `:host{--table-row-border-styles: var(--ui5-v2-10-0_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);display:contents}:host([_busy]) .ui5-table-row-root{opacity:.72;pointer-events:none}.ui5-table-row-root{background-color:var(--sapList_Background);color:var(--sapList_TextColor);border-top:1px solid var(--sapList_BorderColor);position:relative}.ui5-table-row-root,.ui5-table-popin-row{position:relative}.ui5-table-row-root:focus{outline:none}.ui5-table-row-root:focus:after,.ui5-table-row-root:focus~.ui5-table-popin-row:after{pointer-events:none;position:absolute;content:"";inset:var(--ui5-v2-10-0_table_focus_outline_offset);border:var(--table-row-border-styles)}.ui5-table-row-root:has(+.ui5-table-popin-row):focus:after{bottom:0;border-bottom:none}.ui5-table-row-root:focus~.ui5-table-popin-row:after{top:0;bottom:0;border-top:none;border-bottom:none}.ui5-table-row-root:focus~.ui5-table-popin-row:last-child:after{top:0;border-bottom:var(--table-row-border-styles)}.ui5-table-popin-row{background-color:var(--sapList_Background)}.ui5-table-popin-row.all-columns-popped-in.popin-header{border-top:1px solid var(--sapList_BorderColor)}.ui5-table-popin-row td:not(.ui5-table-row-navigated){padding-top:.5rem;padding-inline-start:1rem}:host([mode="MultiSelect"]) .ui5-table-popin-row td:not(.ui5-table-row-navigated){padding-inline-start:var(--ui5-v2-10-0_table_multiselect_popin_row_padding)}.ui5-table-popin-row:last-child td{padding-bottom:.5rem}.ui5-table-row-popin-title{color:var(--sapContent_LabelColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-table-cell-display-inline{margin-inline-start:.5rem}.ui5-table-display-inline-container{display:flex;align-items:center}.ui5-table-multi-select-cell{padding:.25rem 0;box-sizing:border-box;text-align:center;vertical-align:middle}:host([mode="SingleSelect"]) .ui5-table-row-root{cursor:pointer}:host([mode="MultiSelect"]) .ui5-table-row-root .ui5-table-multi-select-cell{cursor:pointer}:host ::slotted([ui5-table-cell]:not([popined])){padding:.25rem .5rem}:host(:not([mode="MultiSelect"])) ::slotted([ui5-table-cell]:not([popined]):first-child){padding-inline-start:1rem}:host([type="Active"]) .ui5-table-row-root:hover,:host([mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_Background)}:host([type="Active"]) .ui5-table-row-root:active,:host([selected][type="Active"]) .ui5-table-row-root:active{background-color:var(--sapList_Active_Background)}:host([type="Active"]) .ui5-table-row-root:active ::slotted([ui5-table-cell]){color:var(--sapList_Active_TextColor)}:host([selected]) .ui5-table-row-root:not(:active),:host([selected]) .ui5-table-row-root:not(:active)~tr{background-color:var(--sapList_SelectionBackgroundColor)}:host([selected]) tr:last-child{border-bottom:1px solid var(--sapList_SelectionBorderColor)}:host([selected][type="Active"]) .ui5-table-row-root:hover:not(:active),:host([selected][mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_SelectionBackground)}:host([navigated]) .ui5-table-row-root:focus .ui5-table-div-navigated{width:.09375rem;top:2px;inset-inline-end:2px;bottom:1px}:host([navigated]) .ui5-table-row-navigated{vertical-align:middle;padding:0;position:relative}:host([navigated]) .ui5-table-div-navigated{width:.1875rem;position:absolute;inset:0;background-color:var(--sapList_SelectionBorderColor)}
++export default `:host{--table-row-border-styles: var(--ui5-v2-10-0_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);display:contents}:host([_busy]) .ui5-table-row-root{opacity:.72;pointer-events:none}.ui5-table-row-root{background-color:var(--sapList_Background);color:var(--sapList_TextColor);border-top:1px solid var(--sapList_BorderColor);position:relative}.ui5-table-row-root,.ui5-table-popin-row{position:relative}.ui5-table-row-root:focus{outline:none}.ui5-table-row-root:focus:after,.ui5-table-row-root:focus~.ui5-table-popin-row:after{pointer-events:none;position:absolute;content:"";inset:var(--ui5-v2-10-0_table_focus_outline_offset);border:var(--table-row-border-styles)}.ui5-table-row-root:has(+.ui5-table-popin-row):focus:after{bottom:0;border-bottom:none}.ui5-table-row-root:focus~.ui5-table-popin-row:after{top:0;bottom:0;border-top:none;border-bottom:none}.ui5-table-row-root:focus~.ui5-table-popin-row:last-child:after{top:0;border-bottom:var(--table-row-border-styles)}.ui5-table-popin-row{background-color:var(--sapList_Background)}.ui5-table-popin-row.all-columns-popped-in.popin-header{border-top:1px solid var(--sapList_BorderColor)}.ui5-table-popin-row td:not(.ui5-table-row-navigated){padding-top:.5rem;padding-inline-start:1rem}:host([mode="MultiSelect"]) .ui5-table-popin-row td:not(.ui5-table-row-navigated){padding-inline-start:var(--ui5-v2-10-0_table_multiselect_popin_row_padding)}.ui5-table-popin-row:last-child td{padding-bottom:.5rem}.ui5-table-row-popin-title{color:var(--sapContent_LabelColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-table-cell-display-inline{margin-inline-start:.5rem}.ui5-table-display-inline-container{display:flex;align-items:center}.ui5-table-multi-select-cell{padding:.25rem 0;box-sizing:border-box;text-align:center;vertical-align:middle}:host([mode="SingleSelect"]) .ui5-table-row-root{cursor:pointer}:host([mode="MultiSelect"]) .ui5-table-row-root .ui5-table-multi-select-cell{cursor:pointer}:host ::slotted([ui5-table-cell-v1]:not([popined])){padding:.25rem .5rem}:host(:not([mode="MultiSelect"])) ::slotted([ui5-table-cell-v1]:not([popined]):first-child){padding-inline-start:1rem}:host([type="Active"]) .ui5-table-row-root:hover,:host([mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_Background)}:host([type="Active"]) .ui5-table-row-root:active,:host([selected][type="Active"]) .ui5-table-row-root:active{background-color:var(--sapList_Active_Background)}:host([type="Active"]) .ui5-table-row-root:active ::slotted([ui5-table-cell-v1]){color:var(--sapList_Active_TextColor)}:host([selected]) .ui5-table-row-root:not(:active),:host([selected]) .ui5-table-row-root:not(:active)~tr{background-color:var(--sapList_SelectionBackgroundColor)}:host([selected]) tr:last-child{border-bottom:1px solid var(--sapList_SelectionBorderColor)}:host([selected][type="Active"]) .ui5-table-row-root:hover:not(:active),:host([selected][mode="SingleSelect"]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_SelectionBackground)}:host([navigated]) .ui5-table-row-root:focus .ui5-table-div-navigated{width:.09375rem;top:2px;inset-inline-end:2px;bottom:1px}:host([navigated]) .ui5-table-row-navigated{vertical-align:middle;padding:0;position:relative}:host([navigated]) .ui5-table-div-navigated{width:.1875rem;position:absolute;inset:0;background-color:var(--sapList_SelectionBorderColor)}
+ `;
+ //# sourceMappingURL=TableRow.css.js.map
+\ No newline at end of file
+diff --git a/node_modules/@ui5/webcomponents-compat/src/themes/TableRow.css b/node_modules/@ui5/webcomponents-compat/src/themes/TableRow.css
+index 76412c2..408311f 100644
+--- a/node_modules/@ui5/webcomponents-compat/src/themes/TableRow.css
++++ b/node_modules/@ui5/webcomponents-compat/src/themes/TableRow.css
+@@ -103,11 +103,11 @@
+ 	cursor: pointer;
+ }
+ 
+-:host ::slotted([ui5-table-cell]:not([popined])) {
++:host ::slotted([ui5-table-cell-v1]:not([popined])) {
+ 	padding: .25rem .5rem;
+ }
+ 
+-:host(:not([mode="MultiSelect"])) ::slotted([ui5-table-cell]:not([popined]):first-child) {
++:host(:not([mode="MultiSelect"])) ::slotted([ui5-table-cell-v1]:not([popined]):first-child) {
+ 	padding-inline-start: 1rem;
+ }
+ 
+@@ -123,7 +123,7 @@
+ 	background-color: var(--sapList_Active_Background);
+ }
+ 
+-:host([type="Active"]) .ui5-table-row-root:active ::slotted([ui5-table-cell]) {
++:host([type="Active"]) .ui5-table-row-root:active ::slotted([ui5-table-cell-v1]) {
+ 	color: var(--sapList_Active_TextColor);
+ }
+ 
diff --git a/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch b/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch
new file mode 100644
index 00000000000..043ab7621eb
--- /dev/null
+++ b/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch
@@ -0,0 +1,39 @@
+diff --git a/node_modules/@ui5/webcomponents-react-compat/dist/components/Table/index.js b/node_modules/@ui5/webcomponents-react-compat/dist/components/Table/index.js
+index 250a159..3e6d6c2 100644
+--- a/node_modules/@ui5/webcomponents-react-compat/dist/components/Table/index.js
++++ b/node_modules/@ui5/webcomponents-react-compat/dist/components/Table/index.js
+@@ -56,7 +56,7 @@ import { withWebComponent } from '@ui5/webcomponents-react-base/dist/wrapper/wit
+  *
+  * __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
+  */
+-const Table = withWebComponent('ui5-table', [
++const Table = withWebComponent('ui5-table-v1', [
+     'accessibleName',
+     'accessibleNameRef',
+     'busyDelay',
+diff --git a/node_modules/@ui5/webcomponents-react-compat/dist/components/TableCell/index.js b/node_modules/@ui5/webcomponents-react-compat/dist/components/TableCell/index.js
+index 2e5338f..cce3387 100644
+--- a/node_modules/@ui5/webcomponents-react-compat/dist/components/TableCell/index.js
++++ b/node_modules/@ui5/webcomponents-react-compat/dist/components/TableCell/index.js
+@@ -6,6 +6,6 @@ import { withWebComponent } from '@ui5/webcomponents-react-base/dist/wrapper/wit
+  *
+  * __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
+  */
+-const TableCell = withWebComponent('ui5-table-cell', [], [], [], []);
++const TableCell = withWebComponent('ui5-table-cell-v1', [], [], [], []);
+ TableCell.displayName = 'TableCell';
+ export { TableCell };
+diff --git a/node_modules/@ui5/webcomponents-react-compat/dist/components/TableRow/index.js b/node_modules/@ui5/webcomponents-react-compat/dist/components/TableRow/index.js
+index 6d568f3..e5ace7d 100644
+--- a/node_modules/@ui5/webcomponents-react-compat/dist/components/TableRow/index.js
++++ b/node_modules/@ui5/webcomponents-react-compat/dist/components/TableRow/index.js
+@@ -6,6 +6,7 @@ import { withWebComponent } from '@ui5/webcomponents-react-base/dist/wrapper/wit
+  *
+  * __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
+  */
+-const TableRow = withWebComponent('ui5-table-row', ['type'], ['navigated', 'selected'], [], []);
++const TableRow = withWebComponent('ui5-table-row-v1', ['type'], ['navigated', 'selected'], [], []);
+ TableRow.displayName = 'TableRow';
+ export { TableRow };
++console.log("hello")
+\ No newline at end of file
diff --git a/packages/cli/src/bin/index.ts b/packages/cli/src/bin/index.ts
index cc76bfb6b5c..bce11758cf1 100755
--- a/packages/cli/src/bin/index.ts
+++ b/packages/cli/src/bin/index.ts
@@ -1,7 +1,10 @@
 #!/usr/bin/env node
 import { resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { parseArgs } from 'node:util';
+import path from 'path';
 import * as process from 'process';
+import { $ } from 'execa';
 
 const { positionals } = parseArgs({ allowPositionals: true, strict: false });
 
@@ -120,6 +123,20 @@ switch (command) {
     await codemod.default(values.transform!, values.src!, values.typescript);
     break;
   }
+
+  case 'patch-compat-table': {
+    const patchesPath = path.relative(process.cwd(), fileURLToPath(new URL('../../patches', import.meta.url)));
+
+    try {
+      await $`patch-package --patch-dir ${patchesPath}`;
+      console.log('Patches applied successfully!');
+    } catch (error) {
+      console.error('Failed to apply patches:', error);
+      process.exit(1);
+    }
+
+    break;
+  }
   default:
     console.warn('Unknown command', command);
     process.exit(1);
diff --git a/packages/cli/tsconfig.json b/packages/cli/tsconfig.json
index fb2b71c6908..9ce96af28ff 100644
--- a/packages/cli/tsconfig.json
+++ b/packages/cli/tsconfig.json
@@ -8,5 +8,5 @@
     "types": ["node"],
     "skipLibCheck": true
   },
-  "include": ["src", "**/*.json"]
+  "include": ["src", "**/*.json", "patches"]
 }
diff --git a/packages/compat/README.md b/packages/compat/README.md
index bd6a5aaa5e9..fb114c2a522 100644
--- a/packages/compat/README.md
+++ b/packages/compat/README.md
@@ -14,15 +14,23 @@ Components in this package will not receive any new features. Only critical bugs
 npm install @ui5/webcomponents-react-compat
 ```
 
-## Importing Components
-
-As the v1 `ui5-table` (`Table`) component is part of this package and some custom element names are equal to the new v2 `ui5-table`, importing components from the root (`import { Table } from "@ui5/webcomponents-react-compat"`) is discouraged.
-The primary reason is that tree-shaking capabilities are limited in the default configurations of most bundlers in dev mode. As a result, custom elements for the v1 table will still be defined, even if only the `Toolbar` is imported. This can cause unexpected behavior if the v2 table is also used in the same app.
-
 > ⚠️ **Warning:** It is not supported using the v1 `Table` and the v2 `Table` in the same application!
 
 > ⚠️ **Warning:** Please only import components from this package via the file path!
 
+## Compatibility
+
+The legacy v1 (compat) `Table` and the modern v2 `Table` component and some subcomponents both register the same custom element names for `ui5-table`, `ui5-table-row` and `ui5-table-cell`, which will lead to conflicts when they coexist in the same application.
+
+### Recommendation
+
+We strongly recommend migrating fully to the v2 `Table`, especially if the `FilterBar` or `VariantManagement` component is used!
+
+### Importing Components
+
+Importing components from the root (`import { Toolbar } from "@ui5/webcomponents-react-compat"`) is discouraged.
+The primary reason is that tree-shaking capabilities are limited in the default configurations of most bundlers in dev mode. As a result, custom elements for the v1 table will still be defined, even if only the `Toolbar` is imported. This can cause unexpected behavior if the v2 table is also used in the same app.
+
 E.g.:
 
 - `import { Table } from '@ui5/webcomponents-react-compat/dist/components/Table/index.js';`
@@ -36,6 +44,60 @@ Following are the imports of duplicate custom element names:
 - `TableCell` (`ui5-table-cell`): `import "@ui5/webcomponents-compat/dist/TableCell.js";`
 - `TableRow` (`ui5-table-row`): `import "@ui5/webcomponents-compat/dist/TableRow.js";`
 
+### Experimental Patch Script
+
+The `patch-compat-table` script (included in the `@ui5/webcomponents-react-cli` package) is developed to address specific compatibility issues that arise when using the legacy v1 Table component in conjunction with the `FilterBar` or `VariantManagement` components. These components internally rely on the v2 `Table`, and therefore conflicts will occur when using the v1 `Table`.
+The script will change the custom element name by adding a `-v1` suffix (via `patch-package`) to all duplicate v1 table components.
+
+> ⚠️ **Experimental**: This script is in experimental state and not subject to semantic versioning.
+
+> ⚠️ **Temporary Solution:** This script is intended as a temporary workaround. It is strongly recommended to plan for a migration to the v2 Table component to ensure long-term compatibility and support.
+
+<details style="cursor:auto;">
+
+<summary><h4 style="display: inline; margin: 0; font-size:18px; cursor:pointer;">Using the script</h4></summary>
+
+<br />
+
+**What it does**
+
+<p>The script patches the `@ui5/webcomponents-compat` and `@ui5/webcomponents-react-compat` table component and subcomponents components and subcomponents to render with a different custom element name (tag name) compared to the v2 implementation.
+This is done internally using [patch-package](https://github.com/ds300/patch-package) to adjust the implementation in the **node_modules**.</p>
+
+**How to use**
+
+<p>**Install** the `@ui5/webcomponents-react-cli` and `@ui5/webcomponents-compat` packages:</p>
+
+```
+// install `@ui5/webcomponents-compat` explicitly
+npm i @ui5/webcomponents-react-cli @ui5/webcomponents-compat
+```
+
+<p>**Run** the script:</p>
+
+```
+// ui5-wcr is an executable added by the `@ui5/webcomponents-react-cli` package
+ui5-wcr patch-compat-table
+```
+
+<p>The `ui5-wcr` executable is provided by the `@ui5/webcomponents-react-cli` package. The `patch-compat-table` command applies the necessary patches.</p>
+
+<p>**Recommendation:**</p>
+
+<p>Add the script as `postinstall` script in the `package.json`, so it runs after every module update.</p>
+
+```
+{
+  "//": "rest of your applications package.json",
+  "scripts": {
+    "//": "your other scripts",
+    "postinstall": "ui5-wcr patch-compat-table"
+  }
+}
+```
+
+</details>
+
 ## Documentation
 
 You can find an interactive documentation in our [Storybook](https://sap.github.io/ui5-webcomponents-react/) (Legacy Components).
diff --git a/yarn.lock b/yarn.lock
index c321c3d9c37..5c785af9900 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4553,6 +4553,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sec-ant/readable-stream@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "@sec-ant/readable-stream@npm:0.4.1"
+  checksum: 10c0/64e9e9cf161e848067a5bf60cdc04d18495dc28bb63a8d9f8993e4dd99b91ad34e4b563c85de17d91ffb177ec17a0664991d2e115f6543e73236a906068987af
+  languageName: node
+  linkType: hard
+
 "@semantic-release/error@npm:^4.0.0":
   version: 4.0.0
   resolution: "@semantic-release/error@npm:4.0.0"
@@ -4679,6 +4686,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sindresorhus/merge-streams@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@sindresorhus/merge-streams@npm:4.0.0"
+  checksum: 10c0/482ee543629aa1933b332f811a1ae805a213681ecdd98c042b1c1b89387df63e7812248bb4df3910b02b3cc5589d3d73e4393f30e197c9dde18046ccd471fc6b
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-a11y@npm:8.6.12":
   version: 8.6.12
   resolution: "@storybook/addon-a11y@npm:8.6.12"
@@ -6446,6 +6460,8 @@ __metadata:
   resolution: "@ui5/webcomponents-react-cli@workspace:packages/cli"
   dependencies:
     dedent: "npm:1.6.0"
+    execa: "npm:^9.5.3"
+    patch-package: "npm:^8.0.0"
   bin:
     ui5-wcr: ./dist/bin/index.js
   languageName: unknown
@@ -8619,7 +8635,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:4.1.2, chalk@npm:^4.0.0, chalk@npm:^4.0.2, chalk@npm:^4.1.0, chalk@npm:^4.1.1":
+"chalk@npm:4.1.2, chalk@npm:^4.0.0, chalk@npm:^4.0.2, chalk@npm:^4.1.0, chalk@npm:^4.1.1, chalk@npm:^4.1.2":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
   dependencies:
@@ -8858,6 +8874,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ci-info@npm:^3.7.0":
+  version: 3.9.0
+  resolution: "ci-info@npm:3.9.0"
+  checksum: 10c0/6f0109e36e111684291d46123d491bc4e7b7a1934c3a20dea28cba89f1d4a03acd892f5f6a81ed3855c38647e285a150e3c9ba062e38943bef57fee6c1554c3a
+  languageName: node
+  linkType: hard
+
 "ci-info@npm:^4.0.0":
   version: 4.0.0
   resolution: "ci-info@npm:4.0.0"
@@ -12184,6 +12207,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"execa@npm:^9.5.3":
+  version: 9.5.3
+  resolution: "execa@npm:9.5.3"
+  dependencies:
+    "@sindresorhus/merge-streams": "npm:^4.0.0"
+    cross-spawn: "npm:^7.0.3"
+    figures: "npm:^6.1.0"
+    get-stream: "npm:^9.0.0"
+    human-signals: "npm:^8.0.0"
+    is-plain-obj: "npm:^4.1.0"
+    is-stream: "npm:^4.0.1"
+    npm-run-path: "npm:^6.0.0"
+    pretty-ms: "npm:^9.0.0"
+    signal-exit: "npm:^4.1.0"
+    strip-final-newline: "npm:^4.0.0"
+    yoctocolors: "npm:^2.0.0"
+  checksum: 10c0/f39b38b960cfd68a69e73f19f74e6b5a15b43f913130c89e96d4c9377c6baa18243033bc5087003e25e6f67916dc5f37fc7cd3b940dfe699c30be5d17ba5fa1e
+  languageName: node
+  linkType: hard
+
 "executable@npm:^4.1.1":
   version: 4.1.1
   resolution: "executable@npm:4.1.1"
@@ -12474,6 +12517,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"figures@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "figures@npm:6.1.0"
+  dependencies:
+    is-unicode-supported: "npm:^2.0.0"
+  checksum: 10c0/9159df4264d62ef447a3931537de92f5012210cf5135c35c010df50a2169377581378149abfe1eb238bd6acbba1c0d547b1f18e0af6eee49e30363cedaffcfe4
+  languageName: node
+  linkType: hard
+
 "file-entry-cache@npm:^6.0.1":
   version: 6.0.1
   resolution: "file-entry-cache@npm:6.0.1"
@@ -12626,6 +12678,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"find-yarn-workspace-root@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "find-yarn-workspace-root@npm:2.0.0"
+  dependencies:
+    micromatch: "npm:^4.0.2"
+  checksum: 10c0/b0d3843013fbdaf4e57140e0165889d09fa61745c9e85da2af86e54974f4cc9f1967e40f0d8fc36a79d53091f0829c651d06607d552582e53976f3cd8f4e5689
+  languageName: node
+  linkType: hard
+
 "flat-cache@npm:^3.0.4":
   version: 3.0.4
   resolution: "flat-cache@npm:3.0.4"
@@ -12810,7 +12871,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:^9.1.0":
+"fs-extra@npm:^9.0.0, fs-extra@npm:^9.1.0":
   version: 9.1.0
   resolution: "fs-extra@npm:9.1.0"
   dependencies:
@@ -13172,6 +13233,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-stream@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "get-stream@npm:9.0.1"
+  dependencies:
+    "@sec-ant/readable-stream": "npm:^0.4.1"
+    is-stream: "npm:^4.0.1"
+  checksum: 10c0/d70e73857f2eea1826ac570c3a912757dcfbe8a718a033fa0c23e12ac8e7d633195b01710e0559af574cbb5af101009b42df7b6f6b29ceec8dbdf7291931b948
+  languageName: node
+  linkType: hard
+
 "get-symbol-description@npm:^1.0.0":
   version: 1.0.0
   resolution: "get-symbol-description@npm:1.0.0"
@@ -14096,6 +14167,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"human-signals@npm:^8.0.0":
+  version: 8.0.1
+  resolution: "human-signals@npm:8.0.1"
+  checksum: 10c0/195ac607108c56253757717242e17cd2e21b29f06c5d2dad362e86c672bf2d096e8a3bbb2601841c376c2301c4ae7cff129e87f740aa4ebff1390c163114c7c4
+  languageName: node
+  linkType: hard
+
 "humanize-ms@npm:^1.2.1":
   version: 1.2.1
   resolution: "humanize-ms@npm:1.2.1"
@@ -14814,7 +14892,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-plain-obj@npm:^4.0.0":
+"is-plain-obj@npm:^4.0.0, is-plain-obj@npm:^4.1.0":
   version: 4.1.0
   resolution: "is-plain-obj@npm:4.1.0"
   checksum: 10c0/32130d651d71d9564dc88ba7e6fda0e91a1010a3694648e9f4f47bb6080438140696d3e3e15c741411d712e47ac9edc1a8a9de1fe76f3487b0d90be06ac9975e
@@ -14939,6 +15017,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-stream@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "is-stream@npm:4.0.1"
+  checksum: 10c0/2706c7f19b851327ba374687bc4a3940805e14ca496dc672b9629e744d143b1ad9c6f1b162dece81c7bfbc0f83b32b61ccc19ad2e05aad2dd7af347408f60c7f
+  languageName: node
+  linkType: hard
+
 "is-string@npm:^1.0.5, is-string@npm:^1.0.7":
   version: 1.0.7
   resolution: "is-string@npm:1.0.7"
@@ -15050,6 +15135,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-unicode-supported@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "is-unicode-supported@npm:2.1.0"
+  checksum: 10c0/a0f53e9a7c1fdbcf2d2ef6e40d4736fdffff1c9f8944c75e15425118ff3610172c87bf7bc6c34d3903b04be59790bb2212ddbe21ee65b5a97030fc50370545a5
+  languageName: node
+  linkType: hard
+
 "is-url@npm:^1.2.4":
   version: 1.2.4
   resolution: "is-url@npm:1.2.4"
@@ -15123,7 +15215,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-wsl@npm:^2.2.0":
+"is-wsl@npm:^2.1.1, is-wsl@npm:^2.2.0":
   version: 2.2.0
   resolution: "is-wsl@npm:2.2.0"
   dependencies:
@@ -15602,6 +15694,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-stable-stringify@npm:^1.0.2":
+  version: 1.3.0
+  resolution: "json-stable-stringify@npm:1.3.0"
+  dependencies:
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.4"
+    isarray: "npm:^2.0.5"
+    jsonify: "npm:^0.0.1"
+    object-keys: "npm:^1.1.1"
+  checksum: 10c0/8b3ff19e4c23c0ad591a49bc3a015d89a538db787d12fe9c4072e1d64d8cfa481f8c37719c629c3d84e848847617bf49f5fee894cf1d25959ab5b67e1c517f31
+  languageName: node
+  linkType: hard
+
 "json-stringify-nice@npm:^1.1.4":
   version: 1.1.4
   resolution: "json-stringify-nice@npm:1.1.4"
@@ -15656,6 +15761,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsonify@npm:^0.0.1":
+  version: 0.0.1
+  resolution: "jsonify@npm:0.0.1"
+  checksum: 10c0/7f5499cdd59a0967ed35bda48b7cec43d850bbc8fb955cdd3a1717bb0efadbe300724d5646de765bb7a99fc1c3ab06eb80d93503c6faaf99b4ff50a3326692f6
+  languageName: node
+  linkType: hard
+
 "jsonparse@npm:^1.2.0, jsonparse@npm:^1.3.1":
   version: 1.3.1
   resolution: "jsonparse@npm:1.3.1"
@@ -15724,6 +15836,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"klaw-sync@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "klaw-sync@npm:6.0.0"
+  dependencies:
+    graceful-fs: "npm:^4.1.11"
+  checksum: 10c0/00d8e4c48d0d699b743b3b028e807295ea0b225caf6179f51029e19783a93ad8bb9bccde617d169659fbe99559d73fb35f796214de031d0023c26b906cecd70a
+  languageName: node
+  linkType: hard
+
 "kleur@npm:^3.0.3":
   version: 3.0.3
   resolution: "kleur@npm:3.0.3"
@@ -17727,7 +17848,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.4, micromatch@npm:^4.0.8":
+"micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.8":
   version: 4.0.8
   resolution: "micromatch@npm:4.0.8"
   dependencies:
@@ -18605,6 +18726,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"npm-run-path@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "npm-run-path@npm:6.0.0"
+  dependencies:
+    path-key: "npm:^4.0.0"
+    unicorn-magic: "npm:^0.3.0"
+  checksum: 10c0/b223c8a0dcd608abf95363ea5c3c0ccc3cd877daf0102eaf1b0f2390d6858d8337fbb7c443af2403b067a7d2c116d10691ecd22ab3c5273c44da1ff8d07753bd
+  languageName: node
+  linkType: hard
+
 "npmlog@npm:^6.0.0":
   version: 6.0.2
   resolution: "npmlog@npm:6.0.2"
@@ -18971,6 +19102,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"open@npm:^7.4.2":
+  version: 7.4.2
+  resolution: "open@npm:7.4.2"
+  dependencies:
+    is-docker: "npm:^2.0.0"
+    is-wsl: "npm:^2.1.1"
+  checksum: 10c0/77573a6a68f7364f3a19a4c80492712720746b63680ee304555112605ead196afe91052bd3c3d165efdf4e9d04d255e87de0d0a77acec11ef47fd5261251813f
+  languageName: node
+  linkType: hard
+
 "open@npm:^8.0.4":
   version: 8.4.2
   resolution: "open@npm:8.4.2"
@@ -19407,6 +19548,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"parse-ms@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "parse-ms@npm:4.0.0"
+  checksum: 10c0/a7900f4f1ebac24cbf5e9708c16fb2fd482517fad353aecd7aefb8c2ba2f85ce017913ccb8925d231770404780df46244ea6fec598b3bde6490882358b4d2d16
+  languageName: node
+  linkType: hard
+
 "parse-path@npm:^7.0.0":
   version: 7.0.0
   resolution: "parse-path@npm:7.0.0"
@@ -19439,6 +19587,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"patch-package@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "patch-package@npm:8.0.0"
+  dependencies:
+    "@yarnpkg/lockfile": "npm:^1.1.0"
+    chalk: "npm:^4.1.2"
+    ci-info: "npm:^3.7.0"
+    cross-spawn: "npm:^7.0.3"
+    find-yarn-workspace-root: "npm:^2.0.0"
+    fs-extra: "npm:^9.0.0"
+    json-stable-stringify: "npm:^1.0.2"
+    klaw-sync: "npm:^6.0.0"
+    minimist: "npm:^1.2.6"
+    open: "npm:^7.4.2"
+    rimraf: "npm:^2.6.3"
+    semver: "npm:^7.5.3"
+    slash: "npm:^2.0.0"
+    tmp: "npm:^0.0.33"
+    yaml: "npm:^2.2.2"
+  bin:
+    patch-package: index.js
+  checksum: 10c0/690eab0537e953a3fd7d32bb23f0e82f97cd448f8244c3227ed55933611a126f9476397325c06ad2c11d881a19b427a02bd1881bee78d89f1731373fc4fe0fee
+  languageName: node
+  linkType: hard
+
 "path-exists@npm:^2.0.0":
   version: 2.1.0
   resolution: "path-exists@npm:2.1.0"
@@ -19483,6 +19656,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-key@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-key@npm:4.0.0"
+  checksum: 10c0/794efeef32863a65ac312f3c0b0a99f921f3e827ff63afa5cb09a377e202c262b671f7b3832a4e64731003fa94af0263713962d317b9887bd1e0c48a342efba3
+  languageName: node
+  linkType: hard
+
 "path-parse@npm:^1.0.7":
   version: 1.0.7
   resolution: "path-parse@npm:1.0.7"
@@ -20405,6 +20585,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pretty-ms@npm:^9.0.0":
+  version: 9.2.0
+  resolution: "pretty-ms@npm:9.2.0"
+  dependencies:
+    parse-ms: "npm:^4.0.0"
+  checksum: 10c0/ab6d066f90e9f77020426986e1b018369f41575674544c539aabec2e63a20fec01166d8cf6571d0e165ad11cfe5a8134a2a48a36d42ab291c59c6deca5264cbb
+  languageName: node
+  linkType: hard
+
 "proc-log@npm:^3.0.0":
   version: 3.0.0
   resolution: "proc-log@npm:3.0.0"
@@ -21600,6 +21789,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rimraf@npm:^2.6.3":
+  version: 2.7.1
+  resolution: "rimraf@npm:2.7.1"
+  dependencies:
+    glob: "npm:^7.1.3"
+  bin:
+    rimraf: ./bin.js
+  checksum: 10c0/4eef73d406c6940927479a3a9dee551e14a54faf54b31ef861250ac815172bade86cc6f7d64a4dc5e98b65e4b18a2e1c9ff3b68d296be0c748413f092bb0dd40
+  languageName: node
+  linkType: hard
+
 "rimraf@npm:^4.4.1":
   version: 4.4.1
   resolution: "rimraf@npm:4.4.1"
@@ -22992,6 +23192,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-final-newline@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "strip-final-newline@npm:4.0.0"
+  checksum: 10c0/b0cf2b62d597a1b0e3ebc42b88767f0a0d45601f89fd379a928a1812c8779440c81abba708082c946445af1d6b62d5f16e2a7cf4f30d9d6587b89425fae801ff
+  languageName: node
+  linkType: hard
+
 "strip-indent@npm:^3.0.0":
   version: 3.0.0
   resolution: "strip-indent@npm:3.0.0"
@@ -24136,6 +24343,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unicorn-magic@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "unicorn-magic@npm:0.3.0"
+  checksum: 10c0/0a32a997d6c15f1c2a077a15b1c4ca6f268d574cf5b8975e778bb98e6f8db4ef4e86dfcae4e158cd4c7e38fb4dd383b93b13eefddc7f178dea13d3ac8a603271
+  languageName: node
+  linkType: hard
+
 "unified@npm:^10.0.0":
   version: 10.1.2
   resolution: "unified@npm:10.1.2"
@@ -25424,14 +25638,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaml@npm:^2.3.4":
-  version: 2.3.4
-  resolution: "yaml@npm:2.3.4"
-  checksum: 10c0/cf03b68f8fef5e8516b0f0b54edaf2459f1648317fc6210391cf606d247e678b449382f4bd01f77392538429e306c7cba8ff46ff6b37cac4de9a76aff33bd9e1
-  languageName: node
-  linkType: hard
-
-"yaml@npm:^2.7.1":
+"yaml@npm:^2.2.2, yaml@npm:^2.7.1":
   version: 2.7.1
   resolution: "yaml@npm:2.7.1"
   bin:
@@ -25440,6 +25647,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yaml@npm:^2.3.4":
+  version: 2.3.4
+  resolution: "yaml@npm:2.3.4"
+  checksum: 10c0/cf03b68f8fef5e8516b0f0b54edaf2459f1648317fc6210391cf606d247e678b449382f4bd01f77392538429e306c7cba8ff46ff6b37cac4de9a76aff33bd9e1
+  languageName: node
+  linkType: hard
+
 "yargs-parser@npm:20.2.4":
   version: 20.2.4
   resolution: "yargs-parser@npm:20.2.4"
@@ -25642,6 +25856,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yoctocolors@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "yoctocolors@npm:2.1.1"
+  checksum: 10c0/85903f7fa96f1c70badee94789fade709f9d83dab2ec92753d612d84fcea6d34c772337a9f8914c6bed2f5fc03a428ac5d893e76fab636da5f1236ab725486d0
+  languageName: node
+  linkType: hard
+
 "zip-stream@npm:^4.1.0":
   version: 4.1.0
   resolution: "zip-stream@npm:4.1.0"

From fe5c0e2717cca3f6048d341a9ff63e55c705e6a5 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Wed, 14 May 2025 16:27:27 +0200
Subject: [PATCH 2/9] formatting

---
 packages/compat/README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/compat/README.md b/packages/compat/README.md
index fb114c2a522..92c8dd1ce74 100644
--- a/packages/compat/README.md
+++ b/packages/compat/README.md
@@ -47,7 +47,7 @@ Following are the imports of duplicate custom element names:
 ### Experimental Patch Script
 
 The `patch-compat-table` script (included in the `@ui5/webcomponents-react-cli` package) is developed to address specific compatibility issues that arise when using the legacy v1 Table component in conjunction with the `FilterBar` or `VariantManagement` components. These components internally rely on the v2 `Table`, and therefore conflicts will occur when using the v1 `Table`.
-The script will change the custom element name by adding a `-v1` suffix (via `patch-package`) to all duplicate v1 table components.
+The script will change the custom element name by adding a `-v1` suffix (via [patch-package](https://github.com/ds300/patch-package)) to all duplicate v1 table components.
 
 > ⚠️ **Experimental**: This script is in experimental state and not subject to semantic versioning.
 
@@ -62,18 +62,18 @@ The script will change the custom element name by adding a `-v1` suffix (via `pa
 **What it does**
 
 <p>The script patches the `@ui5/webcomponents-compat` and `@ui5/webcomponents-react-compat` table component and subcomponents components and subcomponents to render with a different custom element name (tag name) compared to the v2 implementation.
-This is done internally using [patch-package](https://github.com/ds300/patch-package) to adjust the implementation in the **node_modules**.</p>
+This is done internally using `patch-package` to adjust the implementation in the **node_modules**.</p>
 
 **How to use**
 
-<p>**Install** the `@ui5/webcomponents-react-cli` and `@ui5/webcomponents-compat` packages:</p>
+<p><b>Install</b> the `@ui5/webcomponents-react-cli` and `@ui5/webcomponents-compat` packages:</p>
 
 ```
 // install `@ui5/webcomponents-compat` explicitly
 npm i @ui5/webcomponents-react-cli @ui5/webcomponents-compat
 ```
 
-<p>**Run** the script:</p>
+<p><b>Run</b> the script:</p>
 
 ```
 // ui5-wcr is an executable added by the `@ui5/webcomponents-react-cli` package
@@ -82,7 +82,7 @@ ui5-wcr patch-compat-table
 
 <p>The `ui5-wcr` executable is provided by the `@ui5/webcomponents-react-cli` package. The `patch-compat-table` command applies the necessary patches.</p>
 
-<p>**Recommendation:**</p>
+<p><b>Recommendation:</b></p>
 
 <p>Add the script as `postinstall` script in the `package.json`, so it runs after every module update.</p>
 

From 9ed2e1a9180b5aef001c3bbb5a3f02e5aeb39e56 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Wed, 14 May 2025 16:36:03 +0200
Subject: [PATCH 3/9] Update README.md

---
 packages/compat/README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/compat/README.md b/packages/compat/README.md
index 92c8dd1ce74..da4f409918b 100644
--- a/packages/compat/README.md
+++ b/packages/compat/README.md
@@ -61,12 +61,12 @@ The script will change the custom element name by adding a `-v1` suffix (via [pa
 
 **What it does**
 
-<p>The script patches the `@ui5/webcomponents-compat` and `@ui5/webcomponents-react-compat` table component and subcomponents components and subcomponents to render with a different custom element name (tag name) compared to the v2 implementation.
-This is done internally using `patch-package` to adjust the implementation in the **node_modules**.</p>
+<p>The script patches the <code>@ui5/webcomponents-compat</code> and <code>@ui5/webcomponents-react-compat</code> table component and subcomponents components and subcomponents to render with a different custom element name (tag name) compared to the v2 implementation.
+This is done internally using <code>patch-package</code> to adjust the implementation in the <b>node_modules</b>.</p>
 
 **How to use**
 
-<p><b>Install</b> the `@ui5/webcomponents-react-cli` and `@ui5/webcomponents-compat` packages:</p>
+<p><b>Install</b> the <code>@ui5/webcomponents-react-cli</code> and <code>@ui5/webcomponents-compat</code> packages:</p>
 
 ```
 // install `@ui5/webcomponents-compat` explicitly
@@ -80,11 +80,11 @@ npm i @ui5/webcomponents-react-cli @ui5/webcomponents-compat
 ui5-wcr patch-compat-table
 ```
 
-<p>The `ui5-wcr` executable is provided by the `@ui5/webcomponents-react-cli` package. The `patch-compat-table` command applies the necessary patches.</p>
+<p>The <code>ui5-wcr</code> executable is provided by the <code>@ui5/webcomponents-react-cli</code> package. The <code>patch-compat-table</code> command applies the necessary patches.</p>
 
 <p><b>Recommendation:</b></p>
 
-<p>Add the script as `postinstall` script in the `package.json`, so it runs after every module update.</p>
+<p>Add the script as <code>postinstall</code> script in the <code>package.json</code>, so it runs after every module update.</p>
 
 ```
 {

From dadbff4196dec3b1db3cd244aad59c3cb23ec981 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Wed, 14 May 2025 17:24:00 +0200
Subject: [PATCH 4/9] Update README.md

---
 packages/compat/README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/compat/README.md b/packages/compat/README.md
index da4f409918b..ec3baff7a74 100644
--- a/packages/compat/README.md
+++ b/packages/compat/README.md
@@ -64,6 +64,8 @@ The script will change the custom element name by adding a `-v1` suffix (via [pa
 <p>The script patches the <code>@ui5/webcomponents-compat</code> and <code>@ui5/webcomponents-react-compat</code> table component and subcomponents components and subcomponents to render with a different custom element name (tag name) compared to the v2 implementation.
 This is done internally using <code>patch-package</code> to adjust the implementation in the <b>node_modules</b>.</p>
 
+<p><b>Note:</b> Since the tag names and the related attribute are changed, any CSS selectors targeting these tags must be updated accordingly!</p>
+
 **How to use**
 
 <p><b>Install</b> the <code>@ui5/webcomponents-react-cli</code> and <code>@ui5/webcomponents-compat</code> packages:</p>

From 50395bdab42d3fe674155d121765746455812f47 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Thu, 15 May 2025 08:50:54 +0200
Subject: [PATCH 5/9] Update README.md

---
 packages/compat/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/compat/README.md b/packages/compat/README.md
index ec3baff7a74..a21d1c08410 100644
--- a/packages/compat/README.md
+++ b/packages/compat/README.md
@@ -61,10 +61,10 @@ The script will change the custom element name by adding a `-v1` suffix (via [pa
 
 **What it does**
 
-<p>The script patches the <code>@ui5/webcomponents-compat</code> and <code>@ui5/webcomponents-react-compat</code> table component and subcomponents components and subcomponents to render with a different custom element name (tag name) compared to the v2 implementation.
+<p>The script patches the <code>@ui5/webcomponents-compat</code> and <code>@ui5/webcomponents-react-compat</code> table component and subcomponents to render with a different custom element name (tag name) compared to the v2 implementation.
 This is done internally using <code>patch-package</code> to adjust the implementation in the <b>node_modules</b>.</p>
 
-<p><b>Note:</b> Since the tag names and the related attribute are changed, any CSS selectors targeting these tags must be updated accordingly!</p>
+<p>⚠️ <b>Note:</b> Since the tag names and the related attribute are changed, any CSS selectors targeting these tags must be updated accordingly!</p>
 
 **How to use**
 

From 8ff656e0ad3e69816ee00d7b80741255052be0d9 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Thu, 15 May 2025 13:46:18 +0200
Subject: [PATCH 6/9] Update @ui5+webcomponents-react-compat+2.10.0.patch

---
 .../cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch     | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch b/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch
index 043ab7621eb..236dac4fd73 100644
--- a/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch
+++ b/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch
@@ -35,5 +35,4 @@ index 6d568f3..e5ace7d 100644
 +const TableRow = withWebComponent('ui5-table-row-v1', ['type'], ['navigated', 'selected'], [], []);
  TableRow.displayName = 'TableRow';
  export { TableRow };
-+console.log("hello")
 \ No newline at end of file

From d22f7464283febe1e38d53a81425ab51acffb62d Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Fri, 16 May 2025 08:06:01 +0200
Subject: [PATCH 7/9] Update index.ts

---
 packages/cli/src/bin/index.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/cli/src/bin/index.ts b/packages/cli/src/bin/index.ts
index bce11758cf1..4378a71ae53 100755
--- a/packages/cli/src/bin/index.ts
+++ b/packages/cli/src/bin/index.ts
@@ -1,8 +1,7 @@
 #!/usr/bin/env node
-import { resolve } from 'node:path';
+import { relative, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { parseArgs } from 'node:util';
-import path from 'path';
 import * as process from 'process';
 import { $ } from 'execa';
 
@@ -125,7 +124,7 @@ switch (command) {
   }
 
   case 'patch-compat-table': {
-    const patchesPath = path.relative(process.cwd(), fileURLToPath(new URL('../../patches', import.meta.url)));
+    const patchesPath = relative(process.cwd(), fileURLToPath(new URL('../../patches', import.meta.url)));
 
     try {
       await $`patch-package --patch-dir ${patchesPath}`;

From 75a7e1e5c04569631d67d02cc446cb2117cdbb18 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Thu, 5 Jun 2025 12:44:46 +0200
Subject: [PATCH 8/9] Update yarn.lock

---
 yarn.lock | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 82722a620b7..646a6e3348d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -21630,17 +21630,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rimraf@npm:^2.6.3":
-  version: 2.7.1
-  resolution: "rimraf@npm:2.7.1"
-  dependencies:
-    glob: "npm:^7.1.3"
-  bin:
-    rimraf: ./bin.js
-  checksum: 10c0/4eef73d406c6940927479a3a9dee551e14a54faf54b31ef861250ac815172bade86cc6f7d64a4dc5e98b65e4b18a2e1c9ff3b68d296be0c748413f092bb0dd40
-  languageName: node
-  linkType: hard
-
 "rimraf@npm:6.0.1":
   version: 6.0.1
   resolution: "rimraf@npm:6.0.1"
@@ -21653,6 +21642,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rimraf@npm:^2.6.3":
+  version: 2.7.1
+  resolution: "rimraf@npm:2.7.1"
+  dependencies:
+    glob: "npm:^7.1.3"
+  bin:
+    rimraf: ./bin.js
+  checksum: 10c0/4eef73d406c6940927479a3a9dee551e14a54faf54b31ef861250ac815172bade86cc6f7d64a4dc5e98b65e4b18a2e1c9ff3b68d296be0c748413f092bb0dd40
+  languageName: node
+  linkType: hard
+
 "rimraf@npm:^4.4.1":
   version: 4.4.1
   resolution: "rimraf@npm:4.4.1"

From 99318b9d2b70a698ec4df6ce3ff2d43e8c1f3387 Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Thu, 5 Jun 2025 13:54:57 +0200
Subject: [PATCH 9/9] Update @ui5+webcomponents-react-compat+2.10.1.patch

---
 ....patch => @ui5+webcomponents-react-compat+2.10.1.patch} | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)
 rename packages/cli/patches/{@ui5+webcomponents-react-compat+2.10.0.patch => @ui5+webcomponents-react-compat+2.10.1.patch} (94%)

diff --git a/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch b/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.1.patch
similarity index 94%
rename from packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch
rename to packages/cli/patches/@ui5+webcomponents-react-compat+2.10.1.patch
index 236dac4fd73..3268ac4e011 100644
--- a/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.0.patch
+++ b/packages/cli/patches/@ui5+webcomponents-react-compat+2.10.1.patch
@@ -1,5 +1,5 @@
 diff --git a/node_modules/@ui5/webcomponents-react-compat/dist/components/Table/index.js b/node_modules/@ui5/webcomponents-react-compat/dist/components/Table/index.js
-index 250a159..3e6d6c2 100644
+index 41e173b..0b6bd4a 100644
 --- a/node_modules/@ui5/webcomponents-react-compat/dist/components/Table/index.js
 +++ b/node_modules/@ui5/webcomponents-react-compat/dist/components/Table/index.js
 @@ -56,7 +56,7 @@ import { withWebComponent } from '@ui5/webcomponents-react-base/dist/wrapper/wit
@@ -24,10 +24,10 @@ index 2e5338f..cce3387 100644
  TableCell.displayName = 'TableCell';
  export { TableCell };
 diff --git a/node_modules/@ui5/webcomponents-react-compat/dist/components/TableRow/index.js b/node_modules/@ui5/webcomponents-react-compat/dist/components/TableRow/index.js
-index 6d568f3..e5ace7d 100644
+index 6d568f3..0b982f7 100644
 --- a/node_modules/@ui5/webcomponents-react-compat/dist/components/TableRow/index.js
 +++ b/node_modules/@ui5/webcomponents-react-compat/dist/components/TableRow/index.js
-@@ -6,6 +6,7 @@ import { withWebComponent } from '@ui5/webcomponents-react-base/dist/wrapper/wit
+@@ -6,6 +6,6 @@ import { withWebComponent } from '@ui5/webcomponents-react-base/dist/wrapper/wit
   *
   * __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
   */
@@ -35,4 +35,3 @@ index 6d568f3..e5ace7d 100644
 +const TableRow = withWebComponent('ui5-table-row-v1', ['type'], ['navigated', 'selected'], [], []);
  TableRow.displayName = 'TableRow';
  export { TableRow };
-\ No newline at end of file