Rename to MultipleUploadFilePickerTab

Author: aaclage

src/controls/filePicker/FilePicker.tsx

@@ -33,7 +33,7 @@ import RecentFilesTab from "./RecentFilesTab/RecentFilesTab";
 import SiteFilePickerTab from "./SiteFilePickerTab/SiteFilePickerTab";
 import { StockImages } from "./StockImagesTab/StockImages";
 import UploadFilePickerTab from "./UploadFilePickerTab/UploadFilePickerTab";
-import MultipleUploadFilePicketTab from "./MultipleUploadFilePicketTab/MultipleUploadFilePicketTab";
+import MultipleUploadFilePickerTab from "./MultipleUploadFilePickerTab/MultipleUploadFilePickerTab";
 import WebSearchTab from "./WebSearchTab/WebSearchTab";
 
 // Localization
@@ -210,7 +210,7 @@ export class FilePicker extends React.Component<
               />
             )}
             {this.state.selectedTab === "keyMultipleUpload" && (
-              <MultipleUploadFilePicketTab
+              <MultipleUploadFilePickerTab
                 renderCustomMultipleUploadTabContent={
                   this.props.renderCustomMultipleUploadTabContent
                 }

src/controls/filePicker/MultipleUploadFilePicketTab/IMultipleUploadFilePicketTabProps.ts renamed to src/controls/filePicker/MultipleUploadFilePickerTab/IMultipleUploadFilePickerTabProps.ts

@@ -1,6 +1,6 @@
 import { IFilePickerResult, IFilePickerTab } from "../FilePicker.types";
 
-export interface IMultipleUploadFilePicketTabProps extends IFilePickerTab {
+export interface IMultipleUploadFilePickerTabProps extends IFilePickerTab {
   onChange: (value: IFilePickerResult) => void;
   renderCustomMultipleUploadTabContent: (filePickerResult: IFilePickerResult) => JSX.Element | null;
 }

src/controls/filePicker/MultipleUploadFilePicketTab/IMultipleUploadFilePicketTabState.ts renamed to src/controls/filePicker/MultipleUploadFilePickerTab/IMultipleUploadFilePickerTabState.ts

@@ -1,20 +1,20 @@
 import * as React from 'react';
 
-import { IMultipleUploadFilePicketTabProps } from './IMultipleUploadFilePicketTabProps';
-import { IMultipleUploadFilePickerTabState } from './IMultipleUploadFilePicketTabState';
+import { IMultipleUploadFilePickerTabProps } from './IMultipleUploadFilePickerTabProps';
+import { IMultipleUploadFilePickerTabState } from './IMultipleUploadFilePickerTabState';
 import { IFilePickerResult } from '../FilePicker.types';
 import { GeneralHelper } from '../../../common/utilities/GeneralHelper';
 import { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 import { DragDropFiles } from '../../dragDropFiles/DragDropFiles';
 
 import * as strings from 'ControlStrings';
-import styles from './MultipleUploadFilePicketTab.module.scss';
+import styles from './MultipleUploadFilePickerTab.module.scss';
 
 
 
-export default class MultipleUploadFilePicketTab extends React.Component<IMultipleUploadFilePicketTabProps, IMultipleUploadFilePickerTabState> {
-  constructor(props: IMultipleUploadFilePicketTabProps) {
+export default class MultipleUploadFilePickerTab extends React.Component<IMultipleUploadFilePickerTabProps, IMultipleUploadFilePickerTabState> {
+  constructor(props: IMultipleUploadFilePickerTabProps) {
     super(props);
     this.state = {
       filePickerResult: undefined
@@ -24,12 +24,12 @@ export default class MultipleUploadFilePicketTab extends React.Component<IMultip
   private displayFileNames = (filesResult) => {
     const result = [];
     for (var i = 0; i < filesResult.length; i++) {
-      result.push(<div className={styles.localTabFilename}>{filesResult[i].name}</div>);
+      result.push(<div key={i.toString()} className={styles.localTabFilename}>{filesResult[i].name}</div>);
     }
     return result;
   }
 
-  public render(): React.ReactElement<IMultipleUploadFilePicketTabProps> {
+  public render(): React.ReactElement<IMultipleUploadFilePickerTabProps> {
     const { filesResult } = this.state;
     const acceptedFilesExtensions = this.props.accepts ? this.props.accepts.join(",") : null;
 

src/controls/filePicker/MultipleUploadFilePicketTab/MultipleUploadFilePicketTab.module.scss renamed to src/controls/filePicker/MultipleUploadFilePickerTab/MultipleUploadFilePickerTab.module.scss

@@ -0,0 +1,3 @@
+export * from './MultipleUploadFilePickerTab';
+export * from './IMultipleUploadFilePickerTabProps';
+export * from './IMultipleUploadFilePickerTabState';