[BUG] mgt-task for planner doesn't filter card's plan or buckets

[Wagnerah]

Describe the bug I using mgt-tasks to see my planner cards for the day. When I filter a plan or bucket, it doesn't filter. example below:

To Reproduce Steps to reproduce the behavior:

1. Use react Tasks in your solution (in my case Spfx 1.18.0)
2. Insert the code:

   return (
   <>
     <div className={styles.root} style={{height: getContainerHeight()}}>
       <Tasks 
         className={styles.planner} 
         dataSource={TasksSource.planner}
         taskFilter={(task: any) => task.percentComplete < 100} 
       />
     </div>
   </>
   );

3. Test filter plans and buckets

Expected behavior Filter planner cards based in plan and bucket

Environment (please complete the following information):

• OS: Windows 10
• Browser edge, chrome
• Framework React, SPFx 1.18.0
• Context Microsoft Teams, SharePoint
• Version: "@microsoft/mgt": "^3.1.2" and "@microsoft/mgt-react": "^3.1.2"

[sebastienlevert]

I'm not sure I am following with the sample code provided. Can you provide a repro project we can have a look at? Thanks!

[gavinbarron]

I edited the bug report to format the code snippet so that we can see it.

[gavinbarron]

Adding this code in the playground shows the taskFilter property being applied.

const control = document.querySelector('mgt-tasks')
control.taskFilter = (task) => task.percentComplete < 100;

[microsoft-github-policy-service[bot]]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment.