Tabulator, Admin: UI for modifying tabulator configs

[fiskus]

• Fix <TextEditor /> hardcoded height. Make props and look of an error similar to <M.TextField />
• OnDirty module based on ReactProvider and RF.FormSpy to observe dirty states outside RF.Form
• Use JSON Schema for config validation
• Page structure:
  • Re-usable form fields are in <*Form /> components: <PrimaryForm />, ` etc.
  • Add page has a root <RF.Form> and lists all form inside. There is a simple route guard on leaving the page
  • Edit page lists all these forms wrapped with <*Card /> component each: <PrimaryCard />, <MetadataCard /> etc.
  • Card re-uses and shows Form wrapped with <RF.Form> each, also adding form buttons via StickyActions/CardActions

Edit bucket

Add bucket

List tables

Edit/Add tables

• Changelog entry (skip if change is not significant to end users, e.g. docs only)

[fiskus]

Errors:

[nl0]

i think this is good to go now. don't forget to revert the workflow change (and wait til the registry pr is in)

[fiskus]

Thanks!

[nl0]

@fiskus how hard it would be to populate the config editor with some basic boilerplate when adding a new config? smth like:

schema:
  - name: column1 # specify the schema
    type: Utf8
source:
  type: quilt-packages
  package_name: "" # specify a RegEx for matching packages
  logical_key: ".*\\.csv$" # specify a RegEx for matching logical keys
parser:
  format: csv # or parquet

[fiskus]

populate the config editor with some basic boilerplate

Easy, good idea

---

Also, I moved NameForm for renaming table to the popup::

• It reduces frustration from row jumping from one place to another
• it kinda re-uses UX pattern from renaming user
• but I can't re-use the UI entirely, because list item is clickable