feat(updateNavigationBar): add isButton and accesibilityLabel (#232)

closes #231

https://jira.tid.es/browse/WEB-2346

Author: atabel

README.md

@@ -294,7 +294,8 @@ downloadBase64({
 
 <kbd>App version >= 10.7: Partial support</kbd><br/> <kbd>App version >= 11.8:
 expandedTitle</kbd><br/> <kbd>App version >= 14.8: Additional properties and
-deprecations</kbd><br/> <kbd>Partial support in B2P App version <=24.10:
+deprecations</kbd><br/> <kbd>App version >= 25.12: accessibilityLabel and
+isButton</kbd><br/> <kbd>Partial support in B2P App version <=24.10:
 title</kbd><br/> <kbd>Partial support in B2P App version >=24.11: right
 actions</kbd><br/>
 
@@ -307,8 +308,12 @@ type NavigationBarIcon = {
     id: string;
     /** URL to be opened by the app as a deep-link if present */
     url?: string;
-    /** Content description of the image used for accessibility */
-    name: string;
+    /** @deprecated use 'accessibilityLabel' instead */
+    name?: string;
+    /** Accessibility label for the icon */
+    accessibilityLabel?: string;
+    /** default: true, set to false if the Icon is decorative */
+    isButton?: boolean;
     /**
      * This is a string whose value will be mapped to a local resource that the app already knows.
      * See https://void.tuenti.io/idl-server/files/TopNavbarIcon/1.1 for available values.

src/__tests__/utils-test.ts

@@ -144,7 +144,7 @@ test('update navigation bar, with options', (done) => {
                     url: 'https://example.com/icon.png',
                     urlDark: 'https://example.com/icon-dark.png',
                 },
-                name: 'left',
+                accessibilityLabel: 'Left',
                 badge: {
                     show: true,
                     nativeLogic: 'INBOX',
@@ -157,7 +157,7 @@ test('update navigation bar, with options', (done) => {
                 id: 'icon2',
                 url: 'https://example.com/action2',
                 iconEnum: 'SOME_ICON',
-                name: 'right',
+                accessibilityLabel: 'Right',
                 badge: {
                     show: true,
                     number: 1,
@@ -167,7 +167,7 @@ test('update navigation bar, with options', (done) => {
             {
                 id: 'icon3',
                 iconEnum: 'OTHER_ICON',
-                name: 'right',
+                accessibilityLabel: 'Right 2',
             },
         ],
         colorVariant: 'INVERSE',

src/utils.ts

@@ -44,8 +44,12 @@ export type NavigationBarIcon = Readonly<{
     id: string;
     /** URL to be opened by the app as a deep-link if present */
     url?: string;
-    /** Content description of the image used for accessibility */
-    name: string;
+    /** @deprecated use 'accessibilityLabel' instead */
+    name?: string;
+    /** Accessibility label for the icon */
+    accessibilityLabel?: string;
+    /** default: true, set to false if the Icon is decorative */
+    isButton?: boolean;
     /**
      * This is a string whose value will be mapped to a local resource that the app already knows.
      * See https://void.tuenti.io/idl-server/files/TopNavbarIcon/1.1 for available values.