Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
61 commits
Select commit Hold shift + click to select a range
5928f99
SPIKE Adv table filter bar filtering
dchyun Sep 5, 2025
7922972
Feat: Add search bar, filters toggle, yielded block
dchyun Oct 16, 2025
f47f0cb
Feat: Add dropdown search
dchyun Oct 16, 2025
dbf904f
Feat: Dropdown dismiss button
dchyun Oct 22, 2025
311d9c6
Feat: Separate filter bar component from adv table
dchyun Oct 24, 2025
57ee2ef
Feat: Refactor of filter api, support for range filters
dchyun Oct 27, 2025
c0182b8
Feat: Dropdown opens on add
dchyun Oct 27, 2025
cad197a
Feat: Use SegmentedGroup for dropdown dismiss
dchyun Oct 27, 2025
ef84769
Feat: Empty state for adv table
dchyun Oct 28, 2025
6c67c88
Feat: Filter bar mega dropdown
dchyun Oct 29, 2025
43d9c75
Feat: dropdown range filter, fix sync of filters in dropdown
dchyun Oct 30, 2025
5e030f5
Fix: Revert search and dismiss features in dropdown
dchyun Oct 30, 2025
cb842e6
Fix: Type and linting errors
dchyun Oct 31, 2025
7567aa6
Feat: Refactor filter options and tab into filter group
dchyun Oct 31, 2025
539b8b0
Feat: Filter bar tabs component
dchyun Nov 3, 2025
89b03ad
Feat: Expand / collapse button
dchyun Nov 3, 2025
57c2f4a
Feat: Search filter
dchyun Nov 5, 2025
1d1e712
Fix: Linting error
dchyun Nov 5, 2025
e0e6abc
Chore: add changeset
dchyun Nov 6, 2025
1ec317a
Feat: Update range selector labels
dchyun Nov 17, 2025
6a2b03e
Chore: Update value input placeholder text
dchyun Nov 17, 2025
682ee5d
Feat: Range input - between selector
dchyun Nov 17, 2025
3ebad71
Feat: Clear button
dchyun Nov 18, 2025
455d947
Feat: Date, datetime, time filters
dchyun Nov 19, 2025
9566c41
Feat: Date dismiss tag text formatting
dchyun Nov 19, 2025
6a76674
Feat: Live filtering
dchyun Nov 20, 2025
e44c9b3
Feat: Expand/collapse button empty state
dchyun Nov 20, 2025
41310c3
Feat: ActionsGeneric block
dchyun Nov 20, 2025
b826468
Feat: Design alignments
dchyun Nov 21, 2025
c8762de
Feat: Custom generic filter type
dchyun Nov 24, 2025
235de0a
Fix: Remove numFilters count on dropdown
dchyun Nov 24, 2025
4a71c7c
HDS-4591 Feat: re-organize filter group components
dchyun Nov 24, 2025
1216855
Chore: Organize styles
dchyun Nov 24, 2025
d0a2527
Chore: Add FilterBar showcase page
dchyun Nov 24, 2025
c1f2c8d
Feat: Customize selection input dismiss tag text
dchyun Nov 25, 2025
5c4711e
Fix: Selection dismiss tag label
dchyun Nov 25, 2025
437026a
Fix: Clean up filter bar organization
dchyun Dec 1, 2025
1b9100b
Fix: FilterBar tab focus state styles
dchyun Dec 3, 2025
98e8095
Feat: FilterBar showcase pages
dchyun Dec 3, 2025
d8d790f
Fix: Showcase linting and component types clean up
dchyun Dec 3, 2025
516ab21
Feat: AdvTable showcase filtering examples
dchyun Dec 4, 2025
b6bb378
Feat: Customize search placeholder
dchyun Dec 4, 2025
0699ffc
Fix: Linting
dchyun Dec 4, 2025
3bf0c3a
Feat: ActionsDropdown component
dchyun Dec 4, 2025
efc4dfc
Fix: Clean up translations
dchyun Dec 4, 2025
dc0e139
Fix: Table empty state styling
dchyun Dec 4, 2025
e5d67da
Fix: A11y improvements
dchyun Dec 5, 2025
486dcbb
Fix: Date inputs between selector style issue
dchyun Dec 5, 2025
1372794
Fix: Input aria labels
dchyun Dec 9, 2025
ffed41a
Fix: Address VQA feedback
dchyun Dec 10, 2025
e016e8d
Fix: Address eng review feedback
dchyun Dec 10, 2025
1368d1d
Fix: Address vqa feedback
dchyun Dec 10, 2025
facb90e
Feat: New tab selected state design
dchyun Dec 12, 2025
a3f16c3
Feat: Refactor applied filters and move to separate component
dchyun Dec 12, 2025
aa1b0e9
Feat: FilterBar tests
dchyun Dec 15, 2025
c7ab402
Fix: Address eng feedback
dchyun Dec 16, 2025
95e293a
Feat: AdvancedTable emptyState tests
dchyun Dec 16, 2025
f5242df
Fix: Refactor checkbox and radio search
dchyun Dec 16, 2025
2bbf959
Feat: Address a11y feedback
dchyun Dec 16, 2025
8ebd44a
Fix: AppliedFilter date changing based on timezone
dchyun Dec 16, 2025
6d5f0b7
Chore: Update changeset
dchyun Dec 17, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions .changeset/dark-signs-enjoy.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
---
"@hashicorp/design-system-components": minor
---

<!-- START components/filter-bar -->
`FilterBar` - Added new Filter Bar component
<!-- END -->

<!-- START components/table/advanced-table -->
`AdvancedTable` - Added support for filtering within the table with new `actions` named block and `FilterBar` contextual component
<!-- END -->

<!-- START components/table/advanced-table -->
`AdvancedTable` - Added a named block `emptyState` and suport for displaying content in the table when the model length is 0
<!-- END -->

13 changes: 13 additions & 0 deletions packages/components/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -235,6 +235,19 @@
"./components/hds/dropdown/toggle/button.js": "./dist/_app_/components/hds/dropdown/toggle/button.js",
"./components/hds/dropdown/toggle/chevron.js": "./dist/_app_/components/hds/dropdown/toggle/chevron.js",
"./components/hds/dropdown/toggle/icon.js": "./dist/_app_/components/hds/dropdown/toggle/icon.js",
"./components/hds/filter-bar/actions-dropdown.js": "./dist/_app_/components/hds/filter-bar/actions-dropdown.js",
"./components/hds/filter-bar/applied-filters.js": "./dist/_app_/components/hds/filter-bar/applied-filters.js",
"./components/hds/filter-bar/dropdown.js": "./dist/_app_/components/hds/filter-bar/dropdown.js",
"./components/hds/filter-bar/filter-group/checkbox.js": "./dist/_app_/components/hds/filter-bar/filter-group/checkbox.js",
"./components/hds/filter-bar/filter-group/date.js": "./dist/_app_/components/hds/filter-bar/filter-group/date.js",
"./components/hds/filter-bar/filter-group/generic.js": "./dist/_app_/components/hds/filter-bar/filter-group/generic.js",
"./components/hds/filter-bar/filter-group.js": "./dist/_app_/components/hds/filter-bar/filter-group.js",
"./components/hds/filter-bar/filter-group/numerical.js": "./dist/_app_/components/hds/filter-bar/filter-group/numerical.js",
"./components/hds/filter-bar/filter-group/radio.js": "./dist/_app_/components/hds/filter-bar/filter-group/radio.js",
"./components/hds/filter-bar.js": "./dist/_app_/components/hds/filter-bar.js",
"./components/hds/filter-bar/tabs.js": "./dist/_app_/components/hds/filter-bar/tabs.js",
"./components/hds/filter-bar/tabs/panel.js": "./dist/_app_/components/hds/filter-bar/tabs/panel.js",
"./components/hds/filter-bar/tabs/tab.js": "./dist/_app_/components/hds/filter-bar/tabs/tab.js",
"./components/hds/flyout.js": "./dist/_app_/components/hds/flyout.js",
"./components/hds/form/character-count.js": "./dist/_app_/components/hds/form/character-count.js",
"./components/hds/form/checkbox/base.js": "./dist/_app_/components/hds/form/checkbox/base.js",
Expand Down
16 changes: 16 additions & 0 deletions packages/components/src/components.ts
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,22 @@ export * from './components/hds/dropdown/list-item/types.ts';
export * from './components/hds/dropdown/toggle/types.ts';
export * from './components/hds/dropdown/types.ts';

// FilterBar
export { default as HdsFilterBar } from './components/hds/filter-bar/index.ts';
export { default as HdsFilterBarActionsDropdown } from './components/hds/filter-bar/actions-dropdown.ts';
export { default as HdsFilterBarAppliedFilters } from './components/hds/filter-bar/applied-filters.ts';
export { default as HdsFilterBarDropdown } from './components/hds/filter-bar/dropdown.ts';
export { default as HdsFilterBarFilterGroup } from './components/hds/filter-bar/filter-group/index.ts';
export { default as HdsFilterBarFilterGroupCheckbox } from './components/hds/filter-bar/filter-group/checkbox.ts';
export { default as HdsFilterBarFilterGroupDate } from './components/hds/filter-bar/filter-group/date.ts';
export { default as HdsFilterBarFilterGroupGeneric } from './components/hds/filter-bar/filter-group/generic.ts';
export { default as HdsFilterBarFilterGroupRadio } from './components/hds/filter-bar/filter-group/radio.ts';
export { default as HdsFilterBarFilterGroupNumerical } from './components/hds/filter-bar/filter-group/numerical.ts';
export { default as HdsFilterBarTabs } from './components/hds/filter-bar/tabs/index.ts';
export { default as HdsFilterBarTabsPanel } from './components/hds/filter-bar/tabs/panel.ts';
export { default as HdsFilterBarTabsTab } from './components/hds/filter-bar/tabs/tab.ts';
export * from './components/hds/filter-bar/types.ts';

// Flyout
export { default as HdsFlyout } from './components/hds/flyout/index.ts';
export * from './components/hds/flyout/types.ts';
Expand Down
Loading