Skip to content

feat(admin): implement ChartPie component with Storybook stories #209#480

Merged
husamettinarabaci merged 6 commits intodevelopfrom
feat/implement-chartpie-component
Feb 1, 2026
Merged

feat(admin): implement ChartPie component with Storybook stories #209#480
husamettinarabaci merged 6 commits intodevelopfrom
feat/implement-chartpie-component

Conversation

@ayseturmus
Copy link
Copy Markdown
Contributor

Pull Request

📄 Summary

Implements ChartPie admin dashboard component (pie/donut chart) and extends Row with a style prop. ChartPie uses only core library components (StatusDot, Row, Loader, EmptyState, Button, Text, etc.), with no custom HTML/CSS. All user-facing text is exposed via props (i18n-ready). ChartPie is not exported in index.ts per project decision.

ChartPie.svelte

  • Pie/donut chart with core library components: StatusDot, Row, Loader, EmptyState, Button, Text, etc.
  • Features: donut, legend, labels, grouping of small slices, loading/error/empty states
  • All user-facing text via props (i18n-ready)
  • Accessibility: ARIA, keyboard navigation, screen reader support

Row.svelte

  • Added optional style?: string prop for dynamic inline styles
  • Used in ChartPie for loading/error/empty states where dimensions depend on chart size

🧩 Affected Module(s)

  • Source Code
  • Documentation
  • CI / Infra

✅ Checklist

Before submitting, make sure you've completed the following:

  • My branch name follows format: / (e.g., feat/implement-chartpie-component)
  • My PR title starts with one of the approved types listed above
  • My code is formatted (pnpm format)
  • I ran static analysis (pnpm check) and resolved warnings
  • I ran lint (pnpm lint)
  • I ran build (pnpm build)
  • For UI changes, I added Storybook stories
  • I ensured this PR has no unrelated changes
  • This PR is ready for review and does not include unfinished work

🔗 Related Issues

Closes #209

- Add showOnlyPercentage prop to show only percentage on slices
- Add useColoredBadges prop to customize badge colors in legend
- Add hideLegendLabels prop to hide category names in legend
- Add hideLabeledFromLegend prop to exclude labeled slices from legend
- Make SVG dimensions dynamic based on size prop
- Implement custom legend with colored badges matching slice colors
- Update Storybook stories with new props and examples
@husamettinarabaci husamettinarabaci merged commit df325cc into develop Feb 1, 2026
6 checks passed
@husamettinarabaci husamettinarabaci deleted the feat/implement-chartpie-component branch February 1, 2026 10:37
@github-project-automation github-project-automation Bot moved this from 📥 Inbox / Ideas to Done in hexaTune Project Feb 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

module:source Source Code

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

2 participants