Skip to content

ENG-3714: Form builder UI panels (PreviewPane, FieldPropertiesPanel, SortableFieldItem, VisibilityEditor)#8207

Draft
jpople wants to merge 1 commit into
jpople/eng-3714/form-builder-chat-antdxfrom
jpople/eng-3714/form-builder-ui-panels
Draft

ENG-3714: Form builder UI panels (PreviewPane, FieldPropertiesPanel, SortableFieldItem, VisibilityEditor)#8207
jpople wants to merge 1 commit into
jpople/eng-3714/form-builder-chat-antdxfrom
jpople/eng-3714/form-builder-ui-panels

Conversation

@jpople
Copy link
Copy Markdown
Contributor

@jpople jpople commented May 15, 2026

Summary

  • PreviewPane.tsx — WYSIWYG canvas with dnd-kit drag-and-drop, edit/preview toggle, "Add field" dropdown
  • FieldPropertiesPanel.tsx — Right-side config panel (name, label, required, placeholder, options, default value, visibility rules)
  • SortableFieldItem.tsx — Drag handle + click-to-select wrapper using @dnd-kit/sortable
  • VisibilityEditor.tsx — Conditional visibility rule builder (eq/ne/set/empty/contains operators)

Test plan

  • npx jest --testPathPattern="(PreviewPane|FieldPropertiesPanel|VisibilityEditor)" — 18 tests pass
  • Fields can be added, selected, reordered via drag-and-drop
  • Preview mode toggle shows end-user view with visibility rules applied

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 15, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
fides-plus-nightly Ready Ready Preview, Comment May 15, 2026 9:42pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
fides-privacy-center Ignored Ignored May 15, 2026 9:42pm

Request Review

@jpople jpople force-pushed the jpople/eng-3714/form-builder-chat-antdx branch from 641b5da to 1524d4c Compare May 15, 2026 21:40
@jpople jpople force-pushed the jpople/eng-3714/form-builder-ui-panels branch from 5e1f12b to 14d7039 Compare May 15, 2026 21:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant