Skip to content

feat(table): master cell preview drawer [AS-801]#73

Closed
pigarevaoks wants to merge 4 commits intomainfrom
feat/AS-801-table-preview-drawer
Closed

feat(table): master cell preview drawer [AS-801]#73
pigarevaoks wants to merge 4 commits intomainfrom
feat/AS-801-table-preview-drawer

Conversation

@pigarevaoks
Copy link
Copy Markdown
Collaborator

Summary

  • Click master cell to toggle preview drawer (open/close/swap)
  • renderPreviewContent prop on Table — returns { title?, content }
  • Controlled mode: previewRowId + onPreviewRowChange
  • Non-modal drawer: no overlay, no screen blocking
  • Active row highlight via data-preview-active
  • DrawerHeader always shows close button, title optional
  • renderMenuAction in column meta for three-dots menu
  • modal prop added to Drawer component

Test plan

  • Click master cell → drawer opens
  • Click same cell → drawer closes
  • Click different row → content swaps without animation
  • Close via ✕ button in drawer
  • Active row has visual highlight
  • Table interactive while drawer open
  • Without title → only close button in header
  • MasterCellWithPreviewDrawer story works

🤖 Generated with Claude Code

pigarevaoks and others added 2 commits April 2, 2026 17:37
- Remove preview toggle button, open drawer by clicking master cell
- Add controlled mode: `previewRowId` + `onPreviewRowChange` props
- DrawerHeader always renders DrawerClose, DrawerTitle only with title
- Add MasterCellWithPreviewDrawer story
- Fix duplicate DrawerClose (DrawerHeader already includes one)

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

github-actions bot commented Apr 2, 2026

This PR is included in version 0.18.1-rc-feature-AS-801-locked-filter-chips.1

pigarevaoks and others added 2 commits April 3, 2026 10:03
- Add `previewTrigger` prop: 'master' (click cell) or 'button' (toggle)
- Simplify `renderPreviewContent` to return ReactNode (no title)
- Extract `usePreviewCell` hook from TableBodyCell
- Extract `multiplySecurityEvents` and `renderSecurityPreview` into mocks
- Deduplicate stories using shared helpers

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@pigarevaoks pigarevaoks closed this Apr 3, 2026
@pigarevaoks pigarevaoks deleted the feat/AS-801-table-preview-drawer branch April 3, 2026 08:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant