refactor: make ComboboxArea component reusable

[fityannugroho]

PR Checklist

Please check if your PR fulfills the following requirements:

• I have read the documentation.
• I have read and followed the Contributing Guidelines.
• I have included a pull request description of my changes.
• I have included the necessary changes to the documentation.
• I have added tests to cover my changes.

PR Type

What kind of change does this PR introduce?

• Bug fix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes

What is the current behavior?

Currently ComboboxArea component depends to the useMapDashboard hook to handle the selected option, so that it must be implemented under MapDashboardProvider only.

What is the new behavior?

• Untied ComboboxArea component dependence to the useMapDashboard hook. Replace it with inner useState.
• Apply useMemo to memoize the options.
• Remove properties override for autoClose and fullWidth. Now it must be set explicitly.
• Move ComboboxArea.tsx file to components directory.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
idn-area-map	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 3, 2024 8:07am