Include check for separator while filtering path of terms when anchorId is used with TaxonomyPicker control.

Author: Devang Bhavsar

src/controls/taxonomyPicker/TermParent.tsx

@@ -37,9 +37,9 @@ export default class TermParent extends React.Component<ITermParentProps, ITermP
     {
       const anchorTerm = this._terms.filter(t => t.Id.toLowerCase() === this.props.anchorId.toLowerCase()).shift();
       if (anchorTerm) {
-        const anchorDepth = anchorTerm.PathDepth;
+        const anchorTermPath = anchorTerm.PathOfTerm + /* Append (;) separator, as a suffix to anchor term path. */ ';';
         this._anchorName = anchorTerm.Name;
-        var anchorTerms : ITerm[] = this._terms.filter(t => t.PathOfTerm.substring(0, anchorTerm.PathOfTerm.length) === anchorTerm.PathOfTerm && t.Id !== anchorTerm.Id);
+        let anchorTerms : ITerm[] = this._terms.filter(t => t.PathOfTerm.substring(0, anchorTermPath.length) === anchorTermPath && t.Id !== anchorTerm.Id);
 
         anchorTerms = anchorTerms.map(term => {
           term.PathDepth = term.PathDepth - anchorTerm.PathDepth;

src/services/SPTermStorePickerService.ts

@@ -287,7 +287,6 @@ export default class SPTermStorePickerService {
       return null;
   }
 
-
   private searchTermsBySearchText(terms, searchText) {
     if (terms) {
       return terms.filter((t) => { return t.name.toLowerCase().indexOf(searchText.toLowerCase()) > -1; });
@@ -296,7 +295,6 @@ export default class SPTermStorePickerService {
       return [];
   }
 
-
   public async searchTermsByTermId(searchText: string, termId: string): Promise<IPickerTerm[]> {
     if (Environment.type === EnvironmentType.Local) {
       // If the running environment is local, load the data from the mock
@@ -352,7 +350,8 @@ export default class SPTermStorePickerService {
       if (anchorId) {
         const anchorTerm = terms.filter(t => t.Id.toLowerCase() === anchorId.toLowerCase()).shift();
         if (anchorTerm) {
-          const anchorTerms: ITerm[] = terms.filter(t => t.PathOfTerm.substring(0, anchorTerm.PathOfTerm.length) === anchorTerm.PathOfTerm && t.Id !== anchorTerm.Id);
+          const anchorTermPath = anchorTerm.PathOfTerm + /* Append (;) separator, as a suffix to anchor term path. */ ';';
+          const anchorTerms : ITerm[] = terms.filter(t => t.PathOfTerm.substring(0, anchorTermPath.length) === anchorTermPath && t.Id !== anchorTerm.Id);
 
           anchorTerms.forEach(term => {
             returnTerms.push(this.convertTermToPickerTerm(term));