feat(spacelistmeeting): optional button aria label different from but…

…ton label (#724)

Co-authored-by: Priyank Saroha -X (prsaroha - ALTRAN ACT at Cisco) <prsaroha@partnet.cisco.com>
Co-authored-by: Yan-Jen Lo <34595328+yjlo@users.noreply.github.com>

react/src/lib/SpaceListMeeting/index.js

@@ -22,6 +22,7 @@ class SpaceListMeeting extends React.PureComponent {
   render() {
     const {
       attendees,
+      buttonAriaLabel,
       buttonLabel,
       childrenLeft,
       childrenRight,
@@ -116,7 +117,7 @@ class SpaceListMeeting extends React.PureComponent {
         {buttonLabel && (
           <Button
             color={isMessagingOnlyShare ? 'blue' : 'green'}
-            ariaLabel={buttonLabel}
+            ariaLabel={buttonAriaLabel ? buttonAriaLabel : buttonLabel}
             children={buttonLabel}
             onClick={this.handleButtonClick}
             size={28}
@@ -154,6 +155,8 @@ SpaceListMeeting.propTypes = {
       node: PropTypes.element,
     })
   ),
+  /** @prop Aria label string for button | buttonLabel */
+  buttonAriaLabel: PropTypes.string,
   /** @prop Label string for button | '' */
   buttonLabel: PropTypes.string,
   /** @prop Callback function invoked when user clicks on button | null */
@@ -186,6 +189,7 @@ SpaceListMeeting.propTypes = {
 
 SpaceListMeeting.defaultProps = {
   attendees: [],
+  buttonAriaLabel: null,
   buttonLabel: '',
   buttonOnClick: null,
   childrenLeft: null,

react/src/lib/SpaceListMeeting/tests/__snapshots__/index.spec.js.snap

@@ -5,6 +5,7 @@ ShallowWrapper {
   Symbol(enzyme.__root__): [Circular],
   Symbol(enzyme.__unrendered__): <SpaceListMeeting
     attendees={Array []}
+    buttonAriaLabel={null}
     buttonLabel=""
     buttonOnClick={null}
     childrenLeft={null}