fix formatting. Update changelog

Author: joelfmrodrigues

CHANGELOG.json

@@ -1,5 +1,19 @@
 {
   "versions": [
+    {
+      "version": "3.11.0",
+      "changes": {
+        "new": [],
+        "enhancements": [
+          "`DynamicForm`: Add taxonomy tree to test harness [#1269](https://github.com/pnp/sp-dev-fx-controls-react/pull/1269)"
+        ],
+        "fixes": [
+        ]
+      },
+      "contributions": [
+        "[Hilton Giesenow](https://github.com/HiltonGiesenow)"
+      ]
+    },
     {
       "version": "3.10.0",
       "changes": {

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -501,9 +501,9 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
       selectedTeamChannels: [],
       errorMessage: "This field is required",
       selectedFilters: ["filter1"],
-	  termStoreInfo: null,
-	  termSetInfo: null,
-	  testTerms: [],
+      termStoreInfo: null,
+      termSetInfo: null,
+      testTerms: [],
     };
 
     this._onIconSizeChange = this._onIconSizeChange.bind(this);
@@ -518,13 +518,13 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
   public async componentDidMount() {
     const restApi = `${this.props.context.pageContext.web.absoluteUrl}/_api/web/GetFolderByServerRelativeUrl('Shared%20Documents')/files?$expand=ListItemAllFields`;
     const response = await this.props.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1);
-	const items = await response.json();
+    const items = await response.json();
 
-	this.setState({
-		items: items.value ? items.value : [],
-		termStoreInfo: await this.spTaxonomyService.getTermStoreInfo(),
-		termSetInfo: await this.spTaxonomyService.getTermSetInfo(Guid.parse("4bc86596-7caf-4e70-80c9-d9769e448988")),  
-	});
+    this.setState({
+      items: items.value ? items.value : [],
+      termStoreInfo: await this.spTaxonomyService.getTermStoreInfo(),
+      termSetInfo: await this.spTaxonomyService.getTermSetInfo(Guid.parse("4bc86596-7caf-4e70-80c9-d9769e448988")),
+    });
 
     // // Get Authors in the SharePoint Document library -- For People Picker Testing
     // const restAuthorApi = `${this.props.context.pageContext.web.absoluteUrl}/_api/web/lists/GetByTitle('Documents')/Items?$select=Id, Author/EMail&$expand=Author/EMail`;
@@ -728,12 +728,13 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
   }
 
   private toggleToolbarFilter = (filterId: string) => {
-    this.setState(({selectedFilters}) => {
-    if (selectedFilters.includes(filterId)) {
-      return { selectedFilters: selectedFilters.filter(f => f !== filterId) };
-    } else {
-      return { selectedFilters: [...selectedFilters, filterId] };
-    }});
+    this.setState(({ selectedFilters }) => {
+      if (selectedFilters.includes(filterId)) {
+        return { selectedFilters: selectedFilters.filter(f => f !== filterId) };
+      } else {
+        return { selectedFilters: [...selectedFilters, filterId] };
+      }
+    });
   }
 
   private rootFolder: IFolder = {
@@ -1937,12 +1938,12 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
             }
           }
         }}
-        filters={toolbarFilters}
-        onSelectedFiltersChange={this.onToolbarSelectedFiltersChange}
+          filters={toolbarFilters}
+          onSelectedFiltersChange={this.onToolbarSelectedFiltersChange}
         />
 
         <div>
-        <h3>Controlled toolbar</h3>
+          <h3>Controlled toolbar</h3>
           <Toolbar actionGroups={{
             'group1': {
               'action1': {
@@ -1955,7 +1956,8 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
                 iconName: 'Add',
                 onClick: () => { console.log('New action click'); }
               }
-            }}}
+            }
+          }}
             filters={toolbarFilters}
             selectedFilterIds={this.state.selectedFilters}
             onSelectedFiltersChange={this.onToolbarSelectedFiltersChange} />
@@ -2345,7 +2347,7 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
           <AdaptiveCardDesignerHost
             headerText={`Adaptive Card Designer`}
             buttonText="Open Designer"
-            card={{"$schema":"http://adaptivecards.io/schemas/adaptive-card.json","type":"AdaptiveCard","version":"1.5","body":[{"type":"ColumnSet","columns":[{"width":"auto","items":[{"type":"Image","size":"Small","style":"Person","url":"/_layouts/15/userphoto.aspx?size=M&username=${$root['@context']['userInfo']['email']}"}],"type":"Column"},{"width":"stretch","items":[{"type":"TextBlock","text":"${$root['@context']['userInfo']['displayName']}","weight":"Bolder"},{"type":"TextBlock","spacing":"None","text":"${$root['@context']['userInfo']['email']}"}],"type":"Column"}]}]}}
+            card={{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.5", "body": [{ "type": "ColumnSet", "columns": [{ "width": "auto", "items": [{ "type": "Image", "size": "Small", "style": "Person", "url": "/_layouts/15/userphoto.aspx?size=M&username=${$root['@context']['userInfo']['email']}" }], "type": "Column" }, { "width": "stretch", "items": [{ "type": "TextBlock", "text": "${$root['@context']['userInfo']['displayName']}", "weight": "Bolder" }, { "type": "TextBlock", "spacing": "None", "text": "${$root['@context']['userInfo']['email']}" }], "type": "Column" }] }] }}
             data={undefined}
             context={this.props.context}
             theme={this.props.themeVariant}
@@ -2388,22 +2390,22 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
           />
         </div>
 
-		<div>
+        <div>
           <h3>Modern Taxonomy Tree</h3>
-		  {this.state.termStoreInfo && (
-          <TaxonomyTree
-			languageTag={this.state.termStoreInfo.defaultLanguageTag}
-			onLoadMoreData={this.spTaxonomyService.getTerms}
-			pageSize={50}
-			setTerms={(value) => this.setState({testTerms: value as any})}
-			termStoreInfo={this.state.termStoreInfo}
-			termSetInfo={this.state.termSetInfo}
-			terms={this.state.testTerms as any[]}
-			onRenderActionButton={() => <button>test button</button>}
-			hideDeprecatedTerms={false}
-			showIcons={true}
-			/>
-		  )}
+          {this.state.termStoreInfo && (
+            <TaxonomyTree
+              languageTag={this.state.termStoreInfo.defaultLanguageTag}
+              onLoadMoreData={this.spTaxonomyService.getTerms}
+              pageSize={50}
+              setTerms={(value) => this.setState({ testTerms: value as any })}
+              termStoreInfo={this.state.termStoreInfo}
+              termSetInfo={this.state.termSetInfo}
+              terms={this.state.testTerms as any[]}
+              onRenderActionButton={() => <button>test button</button>}
+              hideDeprecatedTerms={false}
+              showIcons={true}
+            />
+          )}
         </div>
 
       </div>