Merge branch 'jumpei-yamauchi-master' into dev

Author: joelfmrodrigues

docs/documentation/docs/controls/DynamicForm.md

@@ -36,7 +36,8 @@ The `DynamicForm` can be configured with the following properties:
 | listId | string | yes | Guid of the list.|
 | listItemId | number | no | list item ID. |
 | contentTypeId | string | no | content type ID |
-| disabled | boolean | no | Option allow to be enable or disable. Default value is `false`|
+| disabled | boolean | no | Allows form to be disabled. Default value is `false`|
+| disabledFields | string[] | no | InternalName of fields that should be disabled. Default value is `false`|
 | onBeforeSubmit | (listItemData: any) => Promise<boolean> | no | Before submit handler. Allows to modify the object to be submitted or cancel the submission. |
 | onSubmitted | (listItemData: any, listItem?: IItem) => void | no | Method that returns listItem data JSON object and PnPJS list item instance (`IItem`). |
 | onSubmitError | (listItemData: any, error: Error) => void | no | Handler of submission error. |

src/controls/dynamicForm/DynamicForm.tsx

@@ -290,7 +290,7 @@ export class DynamicForm extends React.Component<IDynamicFormProps, IDynamicForm
 
   //getting all the fields information as part of get ready process
   private getFieldInformations = async (): Promise<void> => {
-    const { context, listId, listItemId } = this.props;
+    const { context, listId, listItemId, disabledFields } = this.props;
     let contentTypeId = this.props.contentTypeId;
     //let arrayItems: { key: string; name: string }[] = [];
     try {
@@ -453,7 +453,7 @@ export class DynamicForm extends React.Component<IDynamicFormProps, IDynamicForm
           fieldTitle: field.Title,
           fieldDefaultValue: defaultValue,
           context: this.props.context,
-          disabled: this.props.disabled,
+          disabled: this.props.disabled || (disabledFields && disabledFields.indexOf(field.InternalName) > -1),
           listId: this.props.listId,
           columnInternalName: field.InternalName,
           label: field.Title,

src/controls/dynamicForm/IDynamicFormProps.ts

@@ -49,4 +49,8 @@ export interface IDynamicFormProps {
  * Used to execute WebSearch. If not provided SearchTab will not be available.
  */
   //bingAPIKey?: string;
+  /**
+   * InternalName of fields that should be disabled
+   */
+   disabledFields?: string[];
 }