Added csv edit modal

[Corepex]

Changes in this pull request

Resolves #3165

Additional info

This pull request introduces a CSV import feature to the Operational Grid component, allowing users to import and edit grid data via a CSV modal dialog. The feature can be enabled or disabled via a prop, and includes UI integration, context wiring, and localization.

CSV Import Feature Integration:

• Added a new CsvImportModal React component for editing grid data as CSV, with conversion logic between rows and CSV text.
• Updated the useOperations hook to manage the CSV import modal's open state, handle confirmation/cancellation, and expose openCsvImport and csvImportModal for use in UI components. [1] [2] [3] [4]

Component and Storybook Updates:

• Integrated the CSV import button and modal into the Operational Grid's UI and Storybook stories, with conditional rendering based on feature availability. [1] [2] [3] [4] [5]

Configuration and Context Wiring:

• Added a disableCsvImport prop to OperationalGridProps and passed it through the context provider, allowing feature toggling at the component level. [1] [2] [3]

Localization:

• Added translation keys for the CSV import modal's UI text to the English translation file.

[vin0401]

Randomly came across this one. It feels a bit strange to see these changes directly in the operational grid. Can't we just an button that then consumes the necessary information from the context instead?

At least I wouldn't change the behavior of the operational grid here, since it does not feel like something that is directly connected to the API of the grid.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud