@ui5/webcomponents-compat 0.0.0-51cc8ba74 → 0.0.0-5b6c21cc6

package/CHANGELOG.md

@@ -3,6 +3,100 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.11.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.11.0-rc.0...v2.11.0-rc.1) (2025-05-15)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
+# [2.11.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0...v2.11.0-rc.0) (2025-05-08)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
+# [2.10.0](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.3...v2.10.0) (2025-05-07)
+
+
+### Bug Fixes
+
+* **compat/ui5-table:** fire loadMore with arrow-down on last row ([#11401](https://github.com/SAP/ui5-webcomponents/issues/11401)) ([4b6cbb3](https://github.com/SAP/ui5-webcomponents/commit/4b6cbb3a00e980dcb709460f71eb476586660217)), closes [#9235](https://github.com/SAP/ui5-webcomponents/issues/9235)
+
+
+
+
+
+# [2.10.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.2...v2.10.0-rc.3) (2025-05-01)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
+# [2.10.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.1...v2.10.0-rc.2) (2025-04-24)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
+# [2.10.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.0...v2.10.0-rc.1) (2025-04-17)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
+# [2.10.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.9.1-rc.0...v2.10.0-rc.0) (2025-04-14)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
+## [2.9.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0...v2.9.1-rc.0) (2025-04-10)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
+# [2.9.0](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0-rc.3...v2.9.0) (2025-04-04)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
+# [2.9.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0-rc.2...v2.9.0-rc.3) (2025-04-03)
+
+
+### Bug Fixes
+
+* **framework:** fix fetching "id" (indonesian) language ([#11251](https://github.com/SAP/ui5-webcomponents/issues/11251)) ([9a36df5](https://github.com/SAP/ui5-webcomponents/commit/9a36df5dc2191758abd665d6fb1014d645e322f7)), closes [#11233](https://github.com/SAP/ui5-webcomponents/issues/11233)
+
+
+
+
+
+# [2.9.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0-rc.1...v2.9.0-rc.2) (2025-03-27)
+
+**Note:** Version bump only for package @ui5/webcomponents-compat
+
+
+
+
+
 # [2.9.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0-rc.0...v2.9.0-rc.1) (2025-03-20)
 
 

package/cypress/specs/Table.cy.tsx

@@ -0,0 +1,155 @@
+import Label from "@ui5/webcomponents/dist/Label.js";
+import Table from "../../src/Table.js";
+import TableCell from "../../src/TableCell.js";
+import TableRow from "../../src/TableRow.js";
+import TableColumn from "../../src/TableColumn.js";
+
+describe("Table", () => {
+	it("tests doesn't fire loadMore with ArrowDown on last row", () => {
+		cy.mount(
+			<Table>
+				<TableColumn slot="columns" minWidth={350}>
+					<Label>Product</Label>
+				</TableColumn>
+
+				<TableColumn slot="columns" minWidth={800} popinText="Supplier">
+					<Label>Supplier</Label>
+				</TableColumn>
+
+				<TableColumn slot="columns" minWidth={600} popinText="Dimensions" demandPopin>
+					<Label>Dimensions</Label>
+				</TableColumn>
+
+				<TableRow>
+					<TableCell>
+						<Label>Product 1</Label>
+					</TableCell>
+					<TableCell>
+						<Label>Supplier 1</Label>
+					</TableCell>
+					<TableCell>
+						<Label>10x20x30</Label>
+					</TableCell>
+				</TableRow>
+
+				<TableRow>
+					<TableCell>
+						<Label>Product 2</Label>
+					</TableCell>
+					<TableCell>
+						<Label>Supplier 2</Label>
+					</TableCell>
+					<TableCell>
+						<Label>15x25x35</Label>
+					</TableCell>
+				</TableRow>
+
+				<TableRow id="row-3">
+					<TableCell>
+						<Label>Product 3</Label>
+					</TableCell>
+					<TableCell>
+						<Label>Supplier 3</Label>
+					</TableCell>
+					<TableCell>
+						<Label>20x30x40</Label>
+					</TableCell>
+				</TableRow>
+			</Table>
+		);
+
+		cy.get("[ui5-table]")
+			.then(table => table.get(0).addEventListener("load-more", cy.stub().as("loadMore")));
+
+		cy.get("#row-3")
+			.shadow()
+			.find(".ui5-table-row-root")
+			.as("lastRow")
+
+		cy.get("@lastRow")
+			.realClick();
+
+		cy.get("@lastRow")
+			.should("be.focused");
+
+		cy.get("@lastRow")
+			.realPress("ArrowDown");
+			
+		cy.get("@loadMore")
+			.should("not.have.been.calledOnce");
+	});
+
+	it("tests fire loadMore with ArrowDown on last row", () => {
+		cy.mount(
+			<Table growing="Scroll">
+				<TableColumn slot="columns" minWidth={350}>
+					<Label>Product</Label>
+				</TableColumn>
+
+				<TableColumn slot="columns" minWidth={800} popinText="Supplier">
+					<Label>Supplier</Label>
+				</TableColumn>
+
+				<TableColumn slot="columns" minWidth={600} popinText="Dimensions" demandPopin>
+					<Label>Dimensions</Label>
+				</TableColumn>
+
+				<TableRow>
+					<TableCell>
+						<Label>Product 1</Label>
+					</TableCell>
+					<TableCell>
+						<Label>Supplier 1</Label>
+					</TableCell>
+					<TableCell>
+						<Label>10x20x30</Label>
+					</TableCell>
+				</TableRow>
+
+				<TableRow>
+					<TableCell>
+						<Label>Product 2</Label>
+					</TableCell>
+					<TableCell>
+						<Label>Supplier 2</Label>
+					</TableCell>
+					<TableCell>
+						<Label>15x25x35</Label>
+					</TableCell>
+				</TableRow>
+
+				<TableRow id="row-3">
+					<TableCell>
+						<Label>Product 3</Label>
+					</TableCell>
+					<TableCell>
+						<Label>Supplier 3</Label>
+					</TableCell>
+					<TableCell>
+						<Label>20x30x40</Label>
+					</TableCell>
+				</TableRow>
+			</Table>
+		);
+
+		cy.get("[ui5-table]")
+			.then(tableGrowing => tableGrowing.get(0).addEventListener("load-more", cy.stub().as("loadMore")));
+
+		cy.get("#row-3")
+			.shadow()
+			.find(".ui5-table-row-root")
+			.as("lastRow")
+
+		cy.get("@lastRow")
+			.realClick();
+
+		cy.get("@lastRow")
+			.should("be.focused");
+
+		cy.get("@lastRow")
+			.realPress("ArrowDown");
+			
+		cy.get("@loadMore")
+			.should("have.been.calledOnce");
+	});
+});

package/cypress/support/commands.ts

@@ -0,0 +1,40 @@
+/// <reference types="cypress" />
+// ***********************************************
+// This example commands.ts shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+//
+// declare global {
+//   namespace Cypress {
+//     interface Chainable {
+//       login(email: string, password: string): Chainable<void>
+//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
+//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
+//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
+//     }
+//   }
+// }
+
+import "@ui5/cypress-internal/commands.js";
+import "../../../main/cypress/support/commands.js";

package/cypress/support/component-index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>

package/cypress/support/component.ts

@@ -0,0 +1,17 @@
+// ***********************************************************
+// This example support/component.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'

package/cypress/tsconfig.json

@@ -0,0 +1,47 @@
+{
+	"include": [
+		"./**/*"
+	],
+	"compilerOptions": {
+		"jsx": "react-jsx",
+		"jsxImportSource": "@ui5/webcomponents-base",
+		"module": "NodeNext",
+		"moduleResolution": "nodenext",
+		"types": [
+			"cypress",
+			"cypress-real-events",
+			"cypress-axe",
+		],
+		"paths": {
+			"@ui5/webcomponents-base/dist/*": [
+				"../../base/src/*"
+			],
+			"@ui5/webcomponents/dist/*": [
+				"../../main/src/*"
+			],
+			"@ui5/webcomponents-localization/dist/*": [
+				"../../localization/src/*"
+			],
+			"@ui5/webcomponents-theming/dist/*": [
+				"../../theming/src/*"
+			],
+			"@ui5/webcomponents-icons/dist/*": [
+				"../../icons/src/*"
+			],
+			"@ui5/webcomponents-icons-business-suite/dist/*": [
+				"../../icons-business-suite/src/*"
+			],
+			"@ui5/webcomponents-icons-tnt/dist/*": [
+				"../../icons-tnt/src/*"
+			]
+		},
+	},
+	"references": [
+		{
+			"path": "../"
+		},
+		{
+			"path": "../../main/cypress"
+		}
+	]
+}

package/cypress.config.js

@@ -0,0 +1,3 @@
+import cypressConfig from "@ui5/cypress-internal/cypress.config.js";
+
+export default cypressConfig;

package/dist/Table.d.ts

@@ -311,6 +311,7 @@ declare class Table extends UI5Element {
     _getAfterForwardElement(): HTMLElement;
     _getBeforeForwardElement(): HTMLElement;
     onRowFocused(e: CustomEvent): void;
+    onRowKeyDown(e: KeyboardEvent): void;
     _onColumnHeaderFocused(): void;
     _onColumnHeaderClick(e: MouseEvent | KeyboardEvent): void;
     _onColumnHeaderKeydown(e: KeyboardEvent): void;

package/dist/Table.js

@@ -15,7 +15,7 @@ import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
-import { isTabNext, isTabPrevious, isSpace, isEnter, isCtrlA, isUpAlt, isDownAlt, isUpShift, isDownShift, isHomeCtrl, isEndCtrl, isHomeShift, isEndShift, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isTabNext, isTabPrevious, isSpace, isEnter, isDown, isCtrlA, isUpAlt, isDownAlt, isUpShift, isDownShift, isHomeCtrl, isEndCtrl, isHomeShift, isEndShift, } from "@ui5/webcomponents-base/dist/Keys.js";
 import getNormalizedTarget from "@ui5/webcomponents-base/dist/util/getNormalizedTarget.js";
 import getActiveElement from "@ui5/webcomponents-base/dist/util/getActiveElement.js";
 import { getLastTabbableElement, getTabbableElements } from "@ui5/webcomponents-base/dist/util/TabbableElements.js";
@@ -525,6 +525,11 @@ let Table = Table_1 = class Table extends UI5Element {
     onRowFocused(e) {
         this._itemNavigation.setCurrentItem(e.target);
     }
+    onRowKeyDown(e) {
+        if (this.growing === "Scroll" && isDown(e) && this.currentItemIdx === this.rows.length - 1) {
+            debounce(this.loadMore.bind(this), GROWING_WITH_SCROLL_DEBOUNCE_RATE);
+        }
+    }
     _onColumnHeaderFocused() {
         this._itemNavigation.setCurrentItem(this._columnHeader);
     }