Adding support for filter box in annotations

[KKcorps]

CATEGORY

Choose one

• Bug Fix
• Enhancement (new features, refinement)
• Refactor
• Add tests
• Build / Development Environment
• Documentation

SUMMARY

Filter box values are now passed to the annotation layer. This resolves the issue when you use Time series chart as an annotation.
Before this change, changing the time range or other filters in Filter box only modifying the chart but not the annotations. However, now the annotations are modified as well.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

BEFORE

AFTER

TEST PLAN

ADDITIONAL INFORMATION

• Has associated issue:
• Changes UI
• Requires DB Migration.
• Confirm DB Migration upgrade and downgrade tested.
• Introduces new feature or API
• Removes existing feature or API

REVIEWERS

[LilianXie]

src/visualizations/FilterBox/FilterBox.jsx

    // Add created options to filtersChoices, even though it doesn't exist,
    // or these options will exist in query sql but invisible to end user.
    Object.keys(selectedValues)
      .filter(key => !selectedValues.hasOwnProperty(key)
        || !(key in filtersChoices))
      .forEach((key) => {
        const choices = filtersChoices[key] || [];
        const choiceIds = new Set(choices.map(f => f.id));
        Array.isArray(selectedValues[key])?selectedValues[key]:[selectedValues[key]]
          .filter(value => !choiceIds.has(value))
          .forEach((value) => {
            choices.unshift({
              filter: key,
              id: value,
              text: value,
              metric: 0,
            });
          });
      });