Skip to content

feat(table): preview drawer with toggle button [AS-801]#69

Merged
pigarevaoks merged 2 commits intomainfrom
fix/AS-801-breadcrumb-navigation-attack-drawer
Apr 1, 2026
Merged

feat(table): preview drawer with toggle button [AS-801]#69
pigarevaoks merged 2 commits intomainfrom
fix/AS-801-breadcrumb-navigation-attack-drawer

Conversation

@pigarevaoks
Copy link
Copy Markdown
Collaborator

Summary

  • Add renderPreviewContent prop to <Table> — auto-generates preview toggle button in master cell and non-modal Drawer
  • Add TablePreviewToggle with animated PanelRightAnimated icon (SVG width transition)
  • Add TablePreviewDrawer with smooth content swap between rows (no open/close animation)
  • Active row highlight via data-preview-active attribute
  • Add modal prop to Drawer component for non-blocking mode
  • Remove deprecated renderActions / renderPreviewAction, keep renderMenuAction

Test plan

  • Open MasterCellWithActions story
  • Hover row → preview + menu buttons appear, text truncates with ellipsis
  • Click preview toggle → drawer opens, row highlights, icon animates
  • Click different row's toggle → drawer content swaps without close/open animation
  • Click same row's toggle → drawer closes
  • Verify existing Drawer stories still work (modal, overlay, resize)

🤖 Generated with Claude Code

- Add `renderPreviewContent` prop to Table — auto-generates preview
  toggle button in master cell and renders non-modal Drawer
- Add `TablePreviewDrawer` with smooth content swap (no close/open
  animation when switching rows) and lastPreviewRef for clean close
- Add `TablePreviewToggle` with `PanelRightAnimated` icon (SVG
  width transition 3px↔6px)
- Add `data-preview-active` on rows for active row highlight
- Actions visible on active row via `group-data-[preview-active]/row`
- Add `modal` prop to Drawer component (non-blocking mode)
- `DrawerPositioner` uses `modal` for pointer-events passthrough
- Remove deprecated `renderActions` and `renderPreviewAction`
- Keep only `renderMenuAction` in column meta

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 1, 2026

This PR is included in version 0.17.0-rc-fix-AS-801-breadcrumb-navigation-attack-drawer.1

DrawerHeader is only rendered when title is provided.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 1, 2026

This PR is included in version 0.17.0-rc-fix-AS-801-breadcrumb-navigation-attack-drawer.2

@pigarevaoks pigarevaoks merged commit c1a84a2 into main Apr 1, 2026
42 of 45 checks passed
@pigarevaoks pigarevaoks deleted the fix/AS-801-breadcrumb-navigation-attack-drawer branch April 1, 2026 15:33
github-actions bot pushed a commit that referenced this pull request Apr 1, 2026
## 0.17.0 (2026-04-01)

* feat(table): preview drawer with toggle button [AS-801] (#69) ([c1a84a2](c1a84a2)), closes [#69](#69)
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 1, 2026

This PR is included in version 0.17.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant