@ui5/webcomponents-ai 0.0.0-d160e83dd → 0.0.0-dd5d66a9a

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents-ai",
-  "version": "2.9.0-rc.2",
+  "version": "2.15.0-rc.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -33,6 +33,14 @@
               "name": "arrow-button-pressed",
               "description": "Defines the active state of the arrow button in split mode.\nSet to true when the button is in split mode and a menu with additional options\nis opened by the arrow button. Set back to false when the menu is closed.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "accessibility-attributes",
+              "description": "Defines the additional accessibility attributes that will be applied to the component.\n\nThis property allows for fine-tuned control of ARIA attributes for screen reader support.\nIt accepts an object with the following optional fields:\n\n- **root**: Accessibility attributes that will be applied to the root element.\n - **hasPopup**: Indicates the availability and type of interactive popup element (such as a menu or dialog).\n   Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **roleDescription**: Defines a human-readable description for the button's role.\n   Accepts any string value.\n - **title**: Specifies a tooltip or description for screen readers.\n   Accepts any string value.\n- **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or focus the button.\n\n- **arrowButton**: Accessibility attributes that will be applied to the arrow (split) button element.\n - **hasPopup**: Indicates the type of popup triggered by the arrow button.\n   Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **expanded**: Indicates whether the popup controlled by the arrow button is currently expanded.\n   Accepts boolean values: `true` or `false`.",
+              "value": {
+                "type": "AIButtonAccessibilityAttributes",
+                "default": "{}"
+              }
             }
           ],
           "slots": [
@@ -74,6 +82,11 @@
                 "name": "arrow-button-pressed",
                 "description": "Defines the active state of the arrow button in split mode.\nSet to true when the button is in split mode and a menu with additional options\nis opened by the arrow button. Set back to false when the menu is closed.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "accessibility-attributes",
+                "description": "Defines the additional accessibility attributes that will be applied to the component.\n\nThis property allows for fine-tuned control of ARIA attributes for screen reader support.\nIt accepts an object with the following optional fields:\n\n- **root**: Accessibility attributes that will be applied to the root element.\n - **hasPopup**: Indicates the availability and type of interactive popup element (such as a menu or dialog).\n   Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **roleDescription**: Defines a human-readable description for the button's role.\n   Accepts any string value.\n - **title**: Specifies a tooltip or description for screen readers.\n   Accepts any string value.\n- **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or focus the button.\n\n- **arrowButton**: Accessibility attributes that will be applied to the arrow (split) button element.\n - **hasPopup**: Indicates the type of popup triggered by the arrow button.\n   Accepts string values: `\"dialog\"`, `\"grid\"`, `\"listbox\"`, `\"menu\"`, or `\"tree\"`.\n - **expanded**: Indicates whether the popup controlled by the arrow button is currently expanded.\n   Accepts boolean values: `true` or `false`.",
+                "value": { "type": "AIButtonAccessibilityAttributes" }
               }
             ],
             "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-ai",
-  "version": "0.0.0-d160e83dd",
+  "version": "0.0.0-dd5d66a9a",
   "description": "UI5 Web Components: webcomponents.ai",
   "ui5": {
     "webComponentsPackage": true
@@ -25,7 +25,7 @@
     "generate": "nps generate",
     "generateAPI": "nps generateAPI",
     "bundle": "nps build.bundle",
-    "test": "nps test-cy-ci",
+    "test": "yarn test:cypress",
     "test:cypress": "nps test-cy-ci",
     "test:cypress:single": "npx cypress run --component --browser chrome --spec",
     "test:cypress:open": "nps test-cy-open",
@@ -44,18 +44,17 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/SAP/ui5-webcomponents.git",
+    "url": "https://github.com/UI5/webcomponents.git",
     "directory": "packages/ai"
   },
   "dependencies": {
-    "@ui5/webcomponents": "0.0.0-d160e83dd",
-    "@ui5/webcomponents-base": "0.0.0-d160e83dd",
-    "@ui5/webcomponents-icons": "0.0.0-d160e83dd",
-    "@ui5/webcomponents-theming": "0.0.0-d160e83dd"
+    "@ui5/webcomponents": "0.0.0-dd5d66a9a",
+    "@ui5/webcomponents-base": "0.0.0-dd5d66a9a",
+    "@ui5/webcomponents-icons": "0.0.0-dd5d66a9a",
+    "@ui5/webcomponents-theming": "0.0.0-dd5d66a9a"
   },
   "devDependencies": {
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "0.0.0-d160e83dd",
-    "chromedriver": "^133.0.0"
+    "@ui5/webcomponents-tools": "0.0.0-dd5d66a9a"
   }
 }

package/src/ButtonTemplate.tsx

@@ -12,6 +12,7 @@ export default function ButtonTemplate(this: Button) {
 			_hideArrowButton={this._hideArrowButton}
 			onClick={this._onClick}
 			onArrowClick={this._onArrowClick}
+			accessibilityAttributes={this._computedAccessibilityAttributes}
 		>
 			{this._hasText && (
 				<div class="ui5-ai-button-text">{this._stateText}</div>

package/src/i18n/messagebundle.properties

@@ -5,4 +5,8 @@
 PROMPT_INPUT_CHARACTERS_LEFT={0} characters remaining
 
 #XTXT: Text for characters over
-PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit
+PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit
+
+#XTXT: Text for
+BUTTON_TOOLTIP_TEXT={0} with Artificial Intelligence
+

package/src/i18n/messagebundle_de.properties

@@ -2,3 +2,6 @@
 PROMPT_INPUT_CHARACTERS_LEFT={0} Zeichen verbleibend
 
 PROMPT_INPUT_CHARACTERS_EXCEEDED={0} Zeichen über Limit
+
+BUTTON_TOOLTIP_TEXT={0} mit künstlicher Intelligenz
+

package/src/i18n/messagebundle_en.properties

@@ -2,3 +2,6 @@
 PROMPT_INPUT_CHARACTERS_LEFT={0} characters remaining
 
 PROMPT_INPUT_CHARACTERS_EXCEEDED={0} characters over limit
+
+BUTTON_TOOLTIP_TEXT={0} with Artificial Intelligence
+

package/src/i18n/messagebundle_en_US_sappsd.properties

@@ -2,3 +2,6 @@
 PROMPT_INPUT_CHARACTERS_LEFT=[[[{0} ċĥąŗąċţēŗş ŗēɱąįŋįŋğ]]]
 
 PROMPT_INPUT_CHARACTERS_EXCEEDED=[[[{0} ċĥąŗąċţēŗş ŏʋēŗ ĺįɱįţ]]]
+
+BUTTON_TOOLTIP_TEXT=[[[{0} ŵįţĥ Āŗţįƒįċįąĺ Ĭŋţēĺĺįğēŋċē]]]
+

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -2,3 +2,6 @@
 PROMPT_INPUT_CHARACTERS_LEFT=‌‌‍‍​‌​‍​‌‌‍‌‌​​‍‌‍‌​‌​‌​‌​‍​‌‌​​‍‌‍‍‍‍​​​{0}‌‌‌ characters remaining
 
 PROMPT_INPUT_CHARACTERS_EXCEEDED=‌‌‌​‌‍‍‍​‍‍​​​​‌‍​‍​‌‍​‌​​​‌​​‌​​‍‍​‌‌‌​‍​​​{0}‌‌‌ characters over limit
+
+BUTTON_TOOLTIP_TEXT=‍‍‌‍‍‌‍​‍​​‌‌‌‍‌​‍​​‌‌‌‌​‍‍‍‌​‍‍‌‌​‌‌‌‌​​​​{0}‌‌‌ with Artificial Intelligence
+

package/src/i18n/messagebundle_en_US_saptrc.properties

@@ -2,3 +2,6 @@
 PROMPT_INPUT_CHARACTERS_LEFT=ApfX3Ybp+LpUZGYmQzr70w_{0} characters remaining
 
 PROMPT_INPUT_CHARACTERS_EXCEEDED=j5kNPkXE7zFJCcHSJi7nbg_{0} characters over limit
+
+BUTTON_TOOLTIP_TEXT=6X8mtmOry2zJh+9Uw46jBg_{0} with Artificial Intelligence
+

package/cypress/specs/Button.cy.tsx

@@ -1,14 +0,0 @@
-import Button from "../../src/Button.js";
-import ButtonState from "../../src/ButtonState.js";
-
-describe("Initial rendering", () => {
-	it("tests no config provided", () => {
-		cy.mount(
-			<Button>
-				<ButtonState name="generate" text="Generate" icon="ai">Click me</ButtonState>
-				<ButtonState name="generating" text="Stop Generating" icon="stop">Click me</ButtonState>
-				<ButtonState name="revise" text="Revise" icon="ai">Click me</ButtonState>
-			</Button>
-		);
-	});
-});

package/cypress/support/commands.ts

@@ -1,40 +0,0 @@
-/// <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

@@ -1,12 +0,0 @@
-<!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

@@ -1,36 +0,0 @@
-// ***********************************************************
-// 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'
-
-import { mount } from '@ui5/cypress-ct-ui5-webc'
-
-// Augment the Cypress namespace to include type definitions for
-// your custom command.
-// Alternatively, can be defined in cypress/support/component.d.ts
-// with a <reference path="./component" /> at the top of your spec.
-declare global {
-  namespace Cypress {
-    interface Chainable {
-      mount: typeof mount
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount)
-
-// Example use:
-// cy.mount(MyComponent)

package/cypress/tsconfig.json

@@ -1,43 +0,0 @@
-{
-	"extends": "@ui5/webcomponents-tools/tsconfig.json",
-	"include": [
-		"./**/*"
-	],
-	"compilerOptions": {
-		"composite": true,
-		"tsBuildInfoFile": "dist/.tsbuildinfobuild",
-		"module": "NodeNext",
-		"moduleResolution": "nodenext",
-		"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"
-		}
-	]
-}