Merge pull request #1466 from pnp/contentTypePickerAddStylesProp

add styles prop

Author: joaojmendes

src/controls/contentTypePicker/ContentTypePicker.tsx

@@ -1,11 +1,23 @@
-import * as telemetry from '../../common/telemetry';
 import * as React from 'react';
-import { IContentTypePickerProps, IContentTypePickerState } from './IContentTypePicker';
+
+import cloneDeep from 'lodash/cloneDeep';
+import {
+  Dropdown,
+  IDropdownOption,
+  IDropdownProps,
+} from 'office-ui-fabric-react/lib/Dropdown';
+import {
+  Spinner,
+  SpinnerSize,
+} from 'office-ui-fabric-react/lib/Spinner';
+
+import * as telemetry from '../../common/telemetry';
 import { ISPService } from '../../services/ISPService';
 import { SPServiceFactory } from '../../services/SPServiceFactory';
-import cloneDeep from 'lodash/cloneDeep';
-import { Dropdown, IDropdownOption, IDropdownProps } from 'office-ui-fabric-react/lib/Dropdown';
-import { Spinner, SpinnerSize } from 'office-ui-fabric-react/lib/Spinner';
+import {
+  IContentTypePickerProps,
+  IContentTypePickerState,
+} from './IContentTypePicker';
 
 const EMPTY_CONTENTTYPE_KEY = 'NO_CONTENTTYPE_SELECTED';
 
@@ -165,6 +177,7 @@ export class ContentTypePicker extends React.Component<IContentTypePickerProps,
       label,
       placeholder,
       onChange: this.onChange,
+      styles: this.props.styles
     };
 
     if (multiSelect) {

src/controls/contentTypePicker/IContentTypePicker.ts

@@ -1,6 +1,9 @@
-import { BaseComponentContext } from "@microsoft/sp-component-base";
-import { ContentTypesOrderBy } from "../../services/ISPService";
-import { ISPContentType } from "../../common/SPEntities";
+import { IDropdownStyles } from 'office-ui-fabric-react';
+
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+
+import { ISPContentType } from '../../common/SPEntities';
+import { ContentTypesOrderBy } from '../../services/ISPService';
 
 export interface IContentTypePickerProps {
   /**
@@ -74,6 +77,8 @@ export interface IContentTypePickerProps {
    * Whether or not to show a blank option. Default false. Works only when multiSelect is false.
    */
   showBlankOption?: boolean;
+  /** styles prop **/
+  styles?: IDropdownStyles;
 }
 
 export interface IContentTypePickerState {

src/controls/siteBreadcrumb/SiteBreadcrumb.tsx

@@ -1,11 +1,27 @@
 import * as React from 'react';
-import { ISiteBreadcrumbProps, ISiteBreadcrumbState, IWebInfo } from './ISiteBreadcrumb';
-import { Breadcrumb, IBreadcrumbItem } from 'office-ui-fabric-react/lib/Breadcrumb';
-import { SPHttpClient, HttpClientResponse } from '@microsoft/sp-http';
-import styles from './SiteBreadcrumb.module.scss';
+
 import * as strings from 'ControlStrings';
-import { Environment, EnvironmentType } from '@microsoft/sp-core-library';
+import {
+  Breadcrumb,
+  IBreadcrumbItem,
+} from 'office-ui-fabric-react/lib/Breadcrumb';
+
+import {
+  Environment,
+  EnvironmentType,
+} from '@microsoft/sp-core-library';
+import {
+  HttpClientResponse,
+  SPHttpClient,
+} from '@microsoft/sp-http';
+
 import * as telemetry from '../../common/telemetry';
+import {
+  ISiteBreadcrumbProps,
+  ISiteBreadcrumbState,
+  IWebInfo,
+} from './ISiteBreadcrumb';
+import styles from './SiteBreadcrumb.module.scss';
 
 /**
  * Site breadcrumb component
@@ -134,7 +150,9 @@ export class SiteBreadcrumb extends React.Component<ISiteBreadcrumbProps, ISiteB
         <Breadcrumb
           items={this.state.breadcrumbItems}
           ariaLabel={strings.SiteBreadcrumbLabel}
-          className={styles.breadcrumbLinks} />
+          className={styles.breadcrumbLinks}
+
+          />
       </div >
     );
   }