Skip to content

[ENG-46087] feat(webkit): replace data-table with composable Table + Paginator#667

Open
HerbertJulio wants to merge 2 commits into
devfrom
feat/ENG-46087-composable-table
Open

[ENG-46087] feat(webkit): replace data-table with composable Table + Paginator#667
HerbertJulio wants to merge 2 commits into
devfrom
feat/ENG-46087-composable-table

Conversation

@HerbertJulio

@HerbertJulio HerbertJulio commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

Summary

Rebuilt on top of dev in the current repo format. Supersedes #653.

  • Headless, composable Table (TanStack-backed data-driven mode) + Paginator, with their sub-components, replacing the monolithic data-table (removed).
  • Stories under apps/storybook/src/stories/components/data/ with Components/Data/* titles.
  • Flat exports: @aziontech/webkit/table, @aziontech/webkit/paginator, @aziontech/webkit/table-row, … (per .claude/rules/imports.md). The old prefixed ./data/* / ./content/* export keys from the original branch were flattened.
  • Build config: eslint.config.js globals + .storybook/main.js docgen ordering (needed for composition autodocs).

Dependency

Introduces @tanstack/vue-table (headless table state engine). Its governance — the dependencies.md exception + the compound-api rule — ships in the companion docs PR #666 (merge that alongside / first).

Notes

Replaces #653, branched from main (pre-dev-reorg). Doc/rule/template updates are split into #666.

…Paginator

Headless, composable Table (TanStack-backed data-driven mode) + Paginator with
their sub-components, replacing the monolithic data-table. Stories under
stories/components/data with Components/Data/* titles; flat exports
(@aziontech/webkit/table, /paginator, ...). Shared rule/doc updates
(compound-api, dependencies exception, _template, component-scaffold) ship in a
companion docs PR.
… Table autodocs events

these are slot-driven story interactions, not component emits; recategorized so the autodocs Events tab lists only the real emits (update:* and row-click).
"./data-table-toolbar": "./src/components/data/data-table/data-table-toolbar.vue",
"./data-table-view-all-footer": "./src/components/data/data-table/data-table-view-all-footer.vue",
"./data-table-view-toggle": "./src/components/data/data-table/data-table-view-toggle.vue",
"./table": "./src/components/data/table/index.ts",

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add the table.vue export

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

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants