Merge remote-tracking branch 'origin/main' into fix-cypress-commands-clickUi5ListItemByText

Author: Jianrong-Yu

examples/nextjs-app/app/components/AppShellBar.tsx

@@ -71,9 +71,12 @@ export function AppShellBar() {
       >
         <List onSelectionChange={handleThemeSwitch} headerText="Change Theme" selectionMode={ListMode.Single}>
           {THEMES.map((theme) => (
-            <ListItemStandard key={theme.key} selected={currentTheme === theme.key} data-key={theme.key}>
-              {theme.value}
-            </ListItemStandard>
+            <ListItemStandard
+              key={theme.key}
+              selected={currentTheme === theme.key}
+              data-key={theme.key}
+              text={theme.value}
+            />
           ))}
         </List>
       </ResponsivePopover>

examples/nextjs-app/app/components/TodoList.tsx

@@ -26,9 +26,8 @@ export function TodoList({ items }: TodoListProps) {
             type={ListItemType.Navigation}
             additionalText={`${!todo.completed ? 'Not ' : ''}Completed`}
             additionalTextState={todo.completed ? ValueState.Positive : ValueState.None}
-          >
-            {todo.title}
-          </ListItemStandard>
+            text={todo.title}
+          />
         );
       })}
     </List>

examples/nextjs-pages/pages/index.tsx

@@ -34,9 +34,8 @@ export default function Home({ todos }: Props) {
                 type={ListItemType.Navigation}
                 additionalText={`${!todo.completed ? 'Not ' : ''}Completed`}
                 additionalTextState={todo.completed ? ValueState.Positive : ValueState.None}
-              >
-                {todo.title}
-              </ListItemStandard>
+                text={todo.title}
+              />
             );
           })}
         </List>

examples/react-router-ts/app/components/AppShellBar.tsx

@@ -63,9 +63,12 @@ export function AppShellBar() {
       <ResponsivePopover ref={popoverRef} className={classes.popover}>
         <List onSelectionChange={handleThemeSwitch} headerText="Change Theme" selectionMode={ListSelectionMode.Single}>
           {THEMES.map((theme) => (
-            <ListItemStandard key={theme.key} selected={currentTheme === theme.key} data-key={theme.key}>
-              {theme.value}
-            </ListItemStandard>
+            <ListItemStandard
+              key={theme.key}
+              selected={currentTheme === theme.key}
+              data-key={theme.key}
+              text={theme.value}
+            />
           ))}
         </List>
       </ResponsivePopover>

examples/react-router-ts/app/components/TodoList.tsx

@@ -24,9 +24,8 @@ export function TodoList({ items }: TodoListProps) {
             type={ListItemType.Navigation}
             additionalText={`${!todo.completed ? 'Not ' : ''}Completed`}
             additionalTextState={todo.completed ? ValueState.Positive : ValueState.None}
-          >
-            {todo.title}
-          </ListItemStandard>
+            text={todo.title}
+          />
         );
       })}
     </List>

examples/vite-ts/src/AppShell.tsx

@@ -100,9 +100,12 @@ function AppShell() {
       >
         <List onSelectionChange={handleThemeSwitch} headerText="Change Theme" selectionMode={ListMode.Single}>
           {THEMES.map((theme) => (
-            <ListItemStandard key={theme.key} selected={currentTheme === theme.key} data-key={theme.key}>
-              {theme.value}
-            </ListItemStandard>
+            <ListItemStandard
+              key={theme.key}
+              selected={currentTheme === theme.key}
+              data-key={theme.key}
+              text={theme.value}
+            />
           ))}
         </List>
       </ResponsivePopover>

examples/vite-ts/src/ToDos.tsx

@@ -31,9 +31,8 @@ function ToDos() {
                     type={ListItemType.Navigation}
                     additionalText={`${!todo.completed ? 'Not ' : ''}Completed`}
                     additionalTextState={todo.completed ? ValueState.Positive : ValueState.None}
-                  >
-                    {todo.title}
-                  </ListItemStandard>
+                    text={todo.title}
+                  />
                 );
               })}
             </List>

packages/main/src/components/ObjectPage/types/index.ts

@@ -120,9 +120,9 @@ export interface ObjectPagePropTypes extends Omit<CommonProps, 'placeholder'> {
    */
   placeholder?: ReactNode;
   /**
-   * The event is fired before the selected section is changed using the navigation. It can be aborted by the application with `preventDefault()`, which means that there will be no navigation.
+   * Fired when a section is selected via the tab bar, before navigation occurs. To cancel navigation, call `event.preventDefault()` within the event handler.
    *
-   * __Note:__ This event is only fired when navigating via tab-bar.
+   * __Note:__ This event is fired every time a user selects a section, even if the section is already selected.
    */
   onBeforeNavigate?: (event: Ui5CustomEvent<TabContainerDomRef, ObjectPageTabSelectEventDetail>) => void;
   /**