Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
47 commits
Select commit Hold shift + click to select a range
19aa68b
SPIKE Adv table filter bar filtering
dchyun Sep 5, 2025
2abfb58
Feat: Add search bar, filters toggle, yielded block
dchyun Oct 16, 2025
e17c069
Feat: Add dropdown search
dchyun Oct 16, 2025
caca76b
Feat: Dropdown dismiss button
dchyun Oct 22, 2025
cddfc5f
Feat: Separate filter bar component from adv table
dchyun Oct 24, 2025
cad3075
Feat: Refactor of filter api, support for range filters
dchyun Oct 27, 2025
8f0e311
Feat: Dropdown opens on add
dchyun Oct 27, 2025
8b82f48
Feat: Use SegmentedGroup for dropdown dismiss
dchyun Oct 27, 2025
b17ee40
Feat: Empty state for adv table
dchyun Oct 28, 2025
7f8baef
Feat: Filter bar mega dropdown
dchyun Oct 29, 2025
47f6e46
Feat: dropdown range filter, fix sync of filters in dropdown
dchyun Oct 30, 2025
e6e63ba
Fix: Revert search and dismiss features in dropdown
dchyun Oct 30, 2025
ccbdb42
Fix: Type and linting errors
dchyun Oct 31, 2025
f9b6694
Feat: Refactor filter options and tab into filter group
dchyun Oct 31, 2025
32bf866
Feat: Filter bar tabs component
dchyun Nov 3, 2025
9bc57d9
Feat: Expand / collapse button
dchyun Nov 3, 2025
dbc58ab
Feat: Search filter
dchyun Nov 5, 2025
11dec80
Fix: Linting error
dchyun Nov 5, 2025
ab7c0d1
Chore: add changeset
dchyun Nov 6, 2025
904ac57
Feat: Update range selector labels
dchyun Nov 17, 2025
c1a30e7
Chore: Update value input placeholder text
dchyun Nov 17, 2025
a00ec64
Feat: Range input - between selector
dchyun Nov 17, 2025
a0c7f77
Feat: Clear button
dchyun Nov 18, 2025
5bb5819
Feat: Date, datetime, time filters
dchyun Nov 19, 2025
1191b15
Feat: Date dismiss tag text formatting
dchyun Nov 19, 2025
e9c4b18
Feat: Live filtering
dchyun Nov 20, 2025
8a0185d
Feat: Expand/collapse button empty state
dchyun Nov 20, 2025
9ea8fd6
Feat: ActionsGeneric block
dchyun Nov 20, 2025
97a569c
Feat: Design alignments
dchyun Nov 21, 2025
4cb54a4
Feat: Custom generic filter type
dchyun Nov 24, 2025
b041b22
Fix: Remove numFilters count on dropdown
dchyun Nov 24, 2025
ff3e09f
HDS-4591 Feat: re-organize filter group components
dchyun Nov 24, 2025
e53ee26
Chore: Organize styles
dchyun Nov 24, 2025
2216998
Chore: Add FilterBar showcase page
dchyun Nov 24, 2025
7fabe05
Feat: Customize selection input dismiss tag text
dchyun Nov 25, 2025
aaa30cc
Fix: Selection dismiss tag label
dchyun Nov 25, 2025
9e22c0b
Fix: Clean up filter bar organization
dchyun Dec 1, 2025
07721fe
Fix: FilterBar tab focus state styles
dchyun Dec 3, 2025
3b7d553
Feat: FilterBar showcase pages
dchyun Dec 3, 2025
b745a99
Fix: Showcase linting and component types clean up
dchyun Dec 3, 2025
89b7059
Feat: AdvTable showcase filtering examples
dchyun Dec 4, 2025
cd81d1f
Feat: Customize search placeholder
dchyun Dec 4, 2025
b534c2e
Fix: Linting
dchyun Dec 4, 2025
ba9c419
Feat: ActionsDropdown component
dchyun Dec 4, 2025
8a00617
Fix: Clean up translations
dchyun Dec 4, 2025
4c0afa9
Fix: Table empty state styling
dchyun Dec 4, 2025
fcce535
Fix: A11y improvements
dchyun Dec 5, 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 argument `isEmpty` and named block `emptyState` for setting an empty state for the table
<!-- END -->

12 changes: 12 additions & 0 deletions packages/components/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -235,6 +235,18 @@
"./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/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
15 changes: 15 additions & 0 deletions packages/components/src/components.ts
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,21 @@ 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 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