feat: Create basic input table component

[TomasEng]

Description

Created a new component for tables that contain input fields. The component is built on StudioTable, but contains some additional compound components:

• StudioInputTable.Cell.Textfield
• StudioInputTable.Cell.Textarea
• StudioInputTable.Cell.Button
• StudioInputTable.Cell.Checkbox
• StudioInputTable.HeaderCell.Checkbox

These components are meant to be used instead of plain cells where the cells are supposed to contain the given input element. The input components are defined in classes that extend a BaseInputCell class. The base class currently only contains a render method, but it will be extended in future pull requests with keyboard interaction functionality. This pattern will allow us to use the same functions across different components.

The following functionality is not included and will be added in follow-up pull requests:

• Keyboard navigation between input elements
• Auto-select of input content on focus
• Auto-adjustment of textarea height
• If necessary: change handlers on row and table level

Video

Spiller.inn.2024-10-07.124017.mp4

Related Issue(s)

• Implement new StudioCodelistEditor component #13342

Verification

• Your code builds clean without any errors or warnings
• Manual testing done (required)
• Relevant automated test added (if you find this hard, leave it and we'll help out)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 94.45%. Comparing base (c76efd9) to head (cc970a0).
Report is 15 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #13719      +/-   ##
==========================================
+ Coverage   94.42%   94.45%   +0.02%     
==========================================
  Files        1582     1598      +16     
  Lines       21365    21478     +113     
  Branches     2549     2550       +1     
==========================================
+ Hits        20173    20286     +113     
  Misses        943      943              
  Partials      249      249              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[Konrad-Simso]

Nice work! 😄 I just have 1 question, see commented file

[TomasEng]

I have now removed the unused file. I also made a minor CSS change to centralize the button in the button cell. In addition, I have made some small changes to the Cell components to make them conform to our className rule (className should always apply to the root element).

[Konrad-Simso]

💯

[TomasEng]

Added the skip-manual-testing label since the component is not yet in use, and work is still in progress.