fix(select): make to consider the case sensitive in case of d3 format selector

[prosdev0107]

SUMMARY

d3 format selection widgets should use case sensitive matching for determining uniqueness #17716

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

BEFORE:

AFTER:

TESTING INSTRUCTIONS

How to reproduce the bug

1. Go to 'explore'
2. Create a new 'Time-series Line Chart' (or similar)
3. Click on the 'CUSTOMIZE' tab
4. Try entering the '%b %Y' d3 format for the X-Axis TIME FORMAT (or some other format which matches in a case insensitive way)
5. See that the UI component senses this is a match with '%B %Y' even though these are different

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[ktmud]

Instead of adding yet another config option, how about just passing filterOption as a function?

  filterOption: (search, option) => option.label.includes(search) || option.value.includes(search)

[prosdev0107]

@ktmud
I passed the filterOption instead of any new option. Resolved!

[codecov]

Codecov Report

Merging #19159 (c6a3966) into master (cfb967f) will decrease coverage by 0.00%.
The diff coverage is 28.57%.

@@            Coverage Diff             @@
##           master   #19159      +/-   ##
==========================================
- Coverage   66.73%   66.73%   -0.01%     
==========================================
  Files        1668     1668              
  Lines       64271    64273       +2     
  Branches     6496     6498       +2     
==========================================
  Hits        42894    42894              
- Misses      19695    19697       +2     
  Partials     1682     1682              

Flag	Coverage Δ
javascript	51.31% <28.57%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...et-ui-chart-controls/src/shared-controls/index.tsx	37.25% <28.57%> (-0.75%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update cfb967f...c6a3966. Read the comment docs.

[michael-s-molina]

LGTM