additional localization, comments for the component props, bing API key

Author: AJIXuMuK

src/controls/dynamicForm/IDynamicFormProps.ts

@@ -2,11 +2,36 @@ import { ExtensionContext } from '@microsoft/sp-extension-base';
 import { WebPartContext } from '@microsoft/sp-webpart-base';
 
 export interface IDynamicFormProps {
-    context: WebPartContext | ExtensionContext;
-    disabled?: boolean;
-    listId: string;
-    onSubmitted?: (ListItem: any) => void;
-    onCancelled?: () => void;
-    listItemId?: number;
-    contentTypeId?: string;
+  /**
+   * Current context
+   */
+  context: WebPartContext | ExtensionContext;
+  /**
+   * Specifies if the form is disabled
+   */
+  disabled?: boolean;
+  /**
+   * List id
+   */
+  listId: string;
+  /**
+   * Handler for form submitted event
+   */
+  onSubmitted?: (ListItem: any) => void;
+  /**
+   * Handler for form cancelled event
+   */
+  onCancelled?: () => void;
+  /**
+   * ID of the list item to display on the form
+   */
+  listItemId?: number;
+  /**
+   * Content type id of the item
+   */
+  contentTypeId?: string;
+  /**
+ * Used to execute WebSearch. If not provided SearchTab will not be available.
+ */
+  bingAPIKey?: string;
 }

src/controls/dynamicForm/dynamicField/DynamicField.tsx

@@ -63,7 +63,8 @@ export class DynamicField extends React.Component<IDynamicFieldProps, IDynamicFi
       label,
       placeholder,
       required,
-      isRichText
+      isRichText,
+      bingAPIKey
     } = this.props;
 
     const {
@@ -319,7 +320,7 @@ export class DynamicField extends React.Component<IDynamicFieldProps, IDynamicFi
             }
             <FilePicker
               buttonClassName={styles.feildDisplay}
-              bingAPIKey="<BING API KEY>"
+              bingAPIKey={bingAPIKey}
               accepts={[".gif", ".jpg", ".jpeg", ".bmp", ".dib", ".tif", ".tiff", ".ico", ".png", ".jxr", ".svg"]}
               buttonIcon="FileImage"
               onSave={this.saveIntoSharePoint}
@@ -345,7 +346,7 @@ export class DynamicField extends React.Component<IDynamicFieldProps, IDynamicFi
             />
             <FilePicker
               buttonClassName={styles.feildDisplay}
-              bingAPIKey="<BING API KEY>"
+              bingAPIKey={bingAPIKey}
               accepts={[".gif", ".jpg", ".jpeg", ".bmp", ".dib", ".tif", ".tiff", ".ico", ".png", ".jxr", ".svg"]}
               buttonIcon="FileImage"
               onSave={this.saveIntoSharePoint}
@@ -368,7 +369,7 @@ export class DynamicField extends React.Component<IDynamicFieldProps, IDynamicFi
               placeholder={placeholder}
               allowMultipleSelections={true}
               termsetNameOrID={fieldTermSetId}
-              panelTitle="Select Term"
+              panelTitle={strings.DynamicFormTermPanelTitle}
               context={context}
               onChange={(newValue?: IPickerTerms) => { this.onChange(newValue); }}
               isTermSetSelectable={false}
@@ -388,7 +389,7 @@ export class DynamicField extends React.Component<IDynamicFieldProps, IDynamicFi
               placeholder={placeholder}
               allowMultipleSelections={false}
               termsetNameOrID={fieldTermSetId}
-              panelTitle="Select Term"
+              panelTitle={strings.DynamicFormTermPanelTitle}
               context={context}
               onChange={(newValue?: IPickerTerms) => { this.onChange(newValue); }}
               isTermSetSelectable={false} />

src/controls/dynamicForm/dynamicField/IDynamicFieldProps.ts

@@ -3,26 +3,27 @@ import { IDropdownOption } from "office-ui-fabric-react/lib/Dropdown";
 import { WebPartContext } from '@microsoft/sp-webpart-base';
 
 export interface IDynamicFieldProps {
-    context: WebPartContext | ExtensionContext;
-    className?: string;
-    disabled?: boolean;
-    listId: string;
-    columnInternalName: string;
-    label?: string;
-    placeholder?: string;
-    onChanged?: (columnInternalName: string, newValue: any) => void;
-    value?: any;
-    required: boolean;
-    newValue?: any;
-    fieldType: string;
-    fieldTitle: string;
-    fieldDefaultValue: any;
-    options: IDropdownOption[];
-    fieldTermSetId: string;
-    lookupListID?: string;
-    lookupField?: string;
-    changedvalue: any;
-    hiddenFieldName?: string;
-    Order: number;
-    isRichText:boolean;
+  context: WebPartContext | ExtensionContext;
+  className?: string;
+  disabled?: boolean;
+  listId: string;
+  columnInternalName: string;
+  label?: string;
+  placeholder?: string;
+  onChanged?: (columnInternalName: string, newValue: any) => void;
+  value?: any;
+  required: boolean;
+  newValue?: any;
+  fieldType: string;
+  fieldTitle: string;
+  fieldDefaultValue: any;
+  options: IDropdownOption[];
+  fieldTermSetId: string;
+  lookupListID?: string;
+  lookupField?: string;
+  changedvalue: any;
+  hiddenFieldName?: string;
+  Order: number;
+  isRichText: boolean;
+  bingAPIKey?: string;
 }

src/loc/en-us.ts

@@ -376,6 +376,7 @@ define([], () => {
 
     DynamicFormLoading: "Loading...",
     DynamicFormPleaseWait: "Please wait...",
-    DynamicFormRequiredErrorMessage: "You can't leave this blank."
+    DynamicFormRequiredErrorMessage: "You can't leave this blank.",
+    DynamicFormTermPanelTitle: "Select Term"
   };
 });

src/loc/mystrings.d.ts

@@ -350,6 +350,7 @@ declare interface IControlStrings {
   DynamicFormLoading: string;
   DynamicFormPleaseWait: string;
   DynamicFormRequiredErrorMessage: string;
+  DynamicFormTermPanelTitle: string;
 }
 
 declare interface IDateTimeStrings {