Merge pull request #171 from OneNoteDev/linswu/makeAllSvgsUnfocusable

Make all svgs unfocusable

Author: MADLinsen

package.json

@@ -1,6 +1,6 @@
 {
   "name": "onenotepicker",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "files": [
     "dist/**/*"
   ],

src/components/icons/addIcon.svg.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 export class AddIconSvg extends React.Component {
 	render() {
 		return (
-			<svg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'>
+			<svg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg' focusable="false">
 				<g id='Icon-/-Add' fill='none' fillRule='evenodd'>
 					<path d='M8,7 L14.5,7 C14.7761424,7 15,7.22385763 15,7.5 C15,7.77614237 14.7761424,8 14.5,8 L8,8 L8,14.5 C8,14.7761424 7.77614237,15 7.5,15 C7.22385763,15 7,14.7761424 7,14.5 L7,8 L0.5,8 C0.223857625,8 0,7.77614237 0,7.5 C0,7.22385763 0.223857625,7 0.5,7 L7,7 L7,0.5 C7,0.223857625 7.22385763,5.07265313e-17 7.5,0 C7.77614237,-5.07265313e-17 8,0.223857625 8,0.5 L8,7 Z'
 					id='Combined-Shape' fill='#595858' />

src/components/icons/errorInfoIcon.svg.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 export class ErrorInfoIconSvg extends React.Component {
 	render() {
 		return (
-			<svg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'>
+			<svg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg' focusable="false">
 				<g id='info' fill='none' fillRule='evenodd'>
 					<rect id='Rectangle' fill='#C4314B' x='6' y='3' width='1' height='1' />
 					<rect id='Rectangle-2' fill='#C4314B' x='6' y='5' width='1' height='5' />

src/components/icons/recentSectionsIcon.svg.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 export class RecentSectionsIconSvg extends React.Component {
 	render() {
 		return (
-			<svg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg'
+			<svg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' focusable="false"
 				 xmlnsXlink='http://www.w3.org/1999/xlink'>
 				<g className='recents-icon' transform='translate(-66.000000, -94.000000)' fill='#000000'>
 					<path

src/components/icons/spinnerIcon.svg.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 export class SpinnerIconSvg extends React.Component {
 	render() {
 		return (
-			<svg className='spinner' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink'>
+			<svg className='spinner' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink' focusable="false">
 				<g stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
 					<circle className='spinner-circle' stroke='currentColor' strokeWidth='5' cx='32' cy='32' r='29'/>
 					<path className='spinner-progress' stroke='currentColor' strokeWidth='5' d='M52.6861723,11.5097602 C47.418631,6.25144806 40.1470894,3 32.1161315,3 C24.0850974,3 16.8134942,6.25150964 11.545941,11.5099096'/>

src/oneNotePickerDropdown.tsx

@@ -95,7 +95,7 @@ export abstract class GenericOneNotePickerDropdown<T extends PickerProperties> e
 				<div className='picker-dropdown-padding'>
 					<a className='picker-dropdown-toggle' onClick={this.onClick.bind(this)}>
 						<div className='dropdown-arrow-container'>
-							<svg version='1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>
+							<svg version='1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' focusable="false">
 								<polygon id='XMLID_10_' points='3.5,7 4.4,6.1 8,9.7 11.7,6.1 12.6,7 8,11.5' />
 							</svg>
 						</div>

src/oneNoteSingleNotebookDropdown.tsx

@@ -95,7 +95,7 @@ export class OneNoteSingleNotebookDropdown extends React.Component<OneNoteSingle
 					<div className='picker-dropdown-padding'>
 						<a className='picker-dropdown-toggle' onClick={this.onClick.bind(this)}>
 							<div className='dropdown-arrow-container'>
-								<svg version='1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>
+								<svg version='1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' focusable="false">
 									<polygon id='XMLID_10_' points='3.5,7 4.4,6.1 8,9.7 11.7,6.1 12.6,7 8,11.5' />
 								</svg>
 							</div>