Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
52 commits
Select commit Hold shift + click to select a range
f381d23
SPIKE Adv table filter bar filtering
dchyun Sep 5, 2025
5b9e84f
Feat: Add search bar, filters toggle, yielded block
dchyun Oct 16, 2025
7a69b21
Feat: Add dropdown search
dchyun Oct 16, 2025
f5f6eb6
Feat: Dropdown dismiss button
dchyun Oct 22, 2025
9b011e5
Feat: Separate filter bar component from adv table
dchyun Oct 24, 2025
cbeac12
Feat: Refactor of filter api, support for range filters
dchyun Oct 27, 2025
12c78f7
Feat: Dropdown opens on add
dchyun Oct 27, 2025
8ca2210
Feat: Use SegmentedGroup for dropdown dismiss
dchyun Oct 27, 2025
d50f277
Feat: Empty state for adv table
dchyun Oct 28, 2025
0ab83a2
Feat: Filter bar mega dropdown
dchyun Oct 29, 2025
3adb621
Feat: dropdown range filter, fix sync of filters in dropdown
dchyun Oct 30, 2025
39b3fb4
Fix: Revert search and dismiss features in dropdown
dchyun Oct 30, 2025
a931765
Fix: Type and linting errors
dchyun Oct 31, 2025
f1d166f
Feat: Refactor filter options and tab into filter group
dchyun Oct 31, 2025
e4db23e
Feat: Filter bar tabs component
dchyun Nov 3, 2025
b918f14
Feat: Expand / collapse button
dchyun Nov 3, 2025
8757813
Feat: Search filter
dchyun Nov 5, 2025
4942dc6
Fix: Linting error
dchyun Nov 5, 2025
dff758b
Chore: add changeset
dchyun Nov 6, 2025
c359f30
Feat: Update range selector labels
dchyun Nov 17, 2025
8ad8fe3
Chore: Update value input placeholder text
dchyun Nov 17, 2025
b3b0d07
Feat: Range input - between selector
dchyun Nov 17, 2025
4aef7a0
Feat: Clear button
dchyun Nov 18, 2025
fd081bb
Feat: Date, datetime, time filters
dchyun Nov 19, 2025
90c5ad8
Feat: Date dismiss tag text formatting
dchyun Nov 19, 2025
a90950a
Feat: Live filtering
dchyun Nov 20, 2025
6d55598
Feat: Expand/collapse button empty state
dchyun Nov 20, 2025
d1c3425
Feat: ActionsGeneric block
dchyun Nov 20, 2025
237a868
Feat: Design alignments
dchyun Nov 21, 2025
3e67e30
Feat: Custom generic filter type
dchyun Nov 24, 2025
551dd3a
Fix: Remove numFilters count on dropdown
dchyun Nov 24, 2025
f7c0e07
HDS-4591 Feat: re-organize filter group components
dchyun Nov 24, 2025
7f58801
Chore: Organize styles
dchyun Nov 24, 2025
09b4938
Chore: Add FilterBar showcase page
dchyun Nov 24, 2025
b9ddb65
Feat: Customize selection input dismiss tag text
dchyun Nov 25, 2025
25200c8
Fix: Selection dismiss tag label
dchyun Nov 25, 2025
e106f10
Fix: Clean up filter bar organization
dchyun Dec 1, 2025
cbe5f46
Fix: FilterBar tab focus state styles
dchyun Dec 3, 2025
05db345
Feat: FilterBar showcase pages
dchyun Dec 3, 2025
f32c625
Fix: Showcase linting and component types clean up
dchyun Dec 3, 2025
f52262f
Feat: AdvTable showcase filtering examples
dchyun Dec 4, 2025
ed07ba3
Feat: Customize search placeholder
dchyun Dec 4, 2025
a4b9597
Fix: Linting
dchyun Dec 4, 2025
646f6b3
Feat: ActionsDropdown component
dchyun Dec 4, 2025
6b76748
Fix: Clean up translations
dchyun Dec 4, 2025
3a1dbef
Fix: Table empty state styling
dchyun Dec 4, 2025
358f452
Fix: A11y improvements
dchyun Dec 5, 2025
64c48b9
Fix: Date inputs between selector style issue
dchyun Dec 5, 2025
3acfbcc
Fix: Input aria labels
dchyun Dec 9, 2025
61370fd
Fix: Address VQA feedback
dchyun Dec 10, 2025
2cc5a58
Fix: Address eng review feedback
dchyun Dec 10, 2025
bc0fb1e
Fix: Address vqa feedback
dchyun Dec 10, 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
Loading