Tailwind src/Components/Facility/Investigations/Reports/*

[khavinshankar]

WHAT

🤖 Generated by Copilot at 5c7faea

Refactored the investigations reports page and components to use custom form fields and native HTML elements with tailwind CSS. Added a select all feature and a loading indicator to the AutocompleteMultiSelect component. Improved the styling and layout of the MultiSelectMenuV2 component.

Proposed Changes

• Fixes Replace Material UI components in src/Components/Facility/Investigations/Reports/index.tsx: #4971
• Fixes Replace Material UI components in src/Components/Facility/Investigations/Reports/ReportTable.tsx: #4972
• Tailwind src/Components/Facility/Investigations/Reports/index
• Tailwind src/Components/Facility/Investigations/Reports/ReportsTable
• Add selectAll in AutocompleteMultiSelect

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

HOW

🤖 Generated by Copilot at 5c7faea

• Replace Material UI components with native elements and tailwind CSS classes in ReportTable.tsx and index.tsx to improve performance and consistency (link, link, link, link, link, link, link, link, link, link)
• Add isLoading and selectAll props to AutocompleteMultiSelectFormField component and implement logic for selecting and deselecting all options in AutocompleteMultiselect.tsx and index.tsx to enhance functionality and user experience (link, link, link, link, link, link)
• Reorder imports and remove unused imports and variables in ReportTable.tsx, index.tsx, AutocompleteMultiselect.tsx, and MultiSelectMenuV2.tsx to optimize code quality and readability (link, link, link, link, link, link)
• Modify handleGroupSelect function in index.tsx to accept a FieldChangeEvent object and access the value property instead of the target.value property to fix a type error and align with the AutocompleteMultiSelectFormField component (link)
• Remove handleSelectAllClick function in index.tsx as it was no longer needed after replacing the LegacyMultiSelectField component with the AutocompleteMultiSelectFormField component (link)
• Modify dropdownOptionClassNames function in MultiSelectMenuV2.tsx to add the w-full class to the option elements to ensure consistent width (link)

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 27, 2023 6:27pm

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	ae85d7e
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/649b29ac0918fc0008fdf11e
😎 Deploy Preview	https://deploy-preview-5716--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

👋 Hi, @khavinshankar,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.

---

This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

[github-actions]

@khavinshankar We truly appreciate your efforts. Thank you for taking the time to contribute; this is a very valuable contribution to us 🥇. We always welcome your contribution 🙂, so feel free to contribute to anything anytime, and never lose that spirit of innovation 🙌.