Skip to content

feat(FilterPanel): add filter panel component with Storybook stories#477

Merged
husamettinarabaci merged 1 commit into
developfrom
feat/add-filter-panel-component
Feb 1, 2026
Merged

feat(FilterPanel): add filter panel component with Storybook stories#477
husamettinarabaci merged 1 commit into
developfrom
feat/add-filter-panel-component

Conversation

@krmlp

@krmlp krmlp commented Jan 29, 2026

Copy link
Copy Markdown
Contributor

📄 Summary

This PR introduces the FilterPanel component for the utility/utility module.

The component is implemented in Pioneer Strict Mode, serving as a reference filter panel that enforces the project's highest architectural standards: explicit configuration, composition-first design, and full i18n/a11y compliance.

  • Strict configuration: No default values. All visual and behavioral options (variant, size, position, align, disabled, loading) are required props.
  • No embedded strings: All layout values, variants, and spacing are centralized in COMPONENT_CONFIG constant. All user-facing and assistive text (ariaLabel, checkboxListAriaLabel, actionsAriaLabel, selectedFiltersAriaLabel, chipCloseLabel) is passed explicitly for i18n.
  • Core components only: Built using Grid, Row, Dropdown, Checkbox, Button, Chip, and Divider.
  • Chip-based selection display: Selected filters are displayed as removable chips below the dropdown.
  • Composition-first design: Filter items are injected via props array, callbacks handle all state changes externally.
  • Svelte 5 runes: Uses $props, $derived, $state, and $effect.

🧩 Affected Module(s)

  • Source Code
  • Documentation
  • CI / Infra

✏️ PR Title Format

PR Title: feat(FilterPanel): add filter panel component with Storybook stories


✅ Checklist

  • My branch name follows format: feat/add-filter-panel-component
  • My PR title starts with one of the approved types listed above
  • My code is formatted using Prettier (pnpm format)
  • I ran static analysis (pnpm check) and resolved warnings
  • I linked related issues using keywords like Closes #171
  • I ensured this PR has no unrelated changes
  • This PR is ready for review and does not include unfinished work

🔗 Related Issues

Closes #171


@krmlp krmlp self-assigned this Jan 29, 2026
@github-actions github-actions Bot added the module:source Source Code label Jan 29, 2026
@github-project-automation github-project-automation Bot moved this to 📥 Inbox / Ideas in hexaTune Project Jan 29, 2026
@husamettinarabaci husamettinarabaci merged commit 61b5fe1 into develop Feb 1, 2026
8 checks passed
@husamettinarabaci husamettinarabaci deleted the feat/add-filter-panel-component branch February 1, 2026 10:36
@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