Minor improvements to icon picker, added it in test webpart

Author: gautamdsheth

src/controls/iconPicker/IconPicker.tsx

@@ -8,7 +8,7 @@ import styles from './IconPicker.module.scss';
 import * as strings from 'ControlStrings';
 import { IconNames } from './IconNames';
 import { Panel, PanelType, IPanelProps } from 'office-ui-fabric-react/lib/Panel';
-import { debounce } from 'lodash';
+import debounce = require('lodash/debounce');
 import { IIconPickerState } from './IIconPickerState';
 import * as telemetry from '../../common/telemetry';
 

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -37,6 +37,7 @@ import { Carousel, CarouselButtonsLocation, CarouselButtonsDisplay } from '../..
 import { TimeDisplayControlType } from '../../../controls/dateTimePicker/TimeDisplayControlType';
 import { GridLayout } from '../../../GridLayout';
 import { ComboBoxListItemPicker } from '../../../';
+import { IconPicker } from '../../../IconPicker';
 
 import { ISize } from 'office-ui-fabric-react/lib/Utilities';
 
@@ -916,6 +917,10 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
           onRenderGridItem={(item: any, finalSize: ISize, isCompact: boolean) => this._onRenderGridItem(item, finalSize, isCompact)}
         />
 
+        <IconPicker buttonLabel={'Icon'}
+            onChange={(iconName: string) => { console.log(iconName); }}
+            onSave={(iconName: string) => { console.log(iconName); }} />
+
         <div>
             <FolderExplorer
               context={this.props.context}