@hashicorp/design-system-components 5.1.0-rc-20251125211530 → 5.1.0-rc-20251202110410

package/declarations/components/hds/filter-bar/{filter-group/checkbox.d.ts → checkbox.d.ts}

@@ -3,20 +3,19 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import type { HdsFilterBarFilter } from '../types.ts';
-export interface HdsFilterBarFilterGroupCheckboxSignature {
+import type { HdsFilterBarFilter } from './types.ts';
+export interface HdsFilterBarCheckboxSignature {
     Args: {
         value?: string;
-        label?: string;
         keyFilter: HdsFilterBarFilter | undefined;
-        onChange?: (event: Event, label?: string) => void;
+        onChange?: (event: Event) => void;
     };
     Blocks: {
         default: [];
     };
     Element: HTMLDivElement;
 }
-export default class HdsFilterBarFilterGroupCheckbox extends Component<HdsFilterBarFilterGroupCheckboxSignature> {
+export default class HdsFilterBarCheckbox extends Component<HdsFilterBarCheckboxSignature> {
     onChange(event: Event): void;
     get isChecked(): boolean;
 }

package/declarations/components/hds/filter-bar/{filter-group/date.d.ts → date.d.ts}

@@ -4,13 +4,13 @@
  */
 import Component from '@glimmer/component';
 import type Owner from '@ember/owner';
-import type HdsIntlService from '../../../../services/hds-intl';
-import type { HdsFormTextInputTypes } from '../../form/text-input/types.ts';
-import type { HdsFilterBarFilter, HdsFilterBarDateFilterSelector, HdsFilterBarDateFilterValue } from '../types.ts';
+import type HdsIntlService from '../../../services/hds-intl';
+import type { HdsFormTextInputTypes } from '../form/text-input/types.ts';
+import type { HdsFilterBarFilter, HdsFilterBarDateFilterSelector, HdsFilterBarDateFilterValue } from './types.ts';
 export declare const DATE_SELECTORS: HdsFilterBarDateFilterSelector[];
 export declare const DATE_SELECTORS_TEXT: Record<HdsFilterBarDateFilterSelector, string>;
 export declare const DATE_SELECTORS_INPUT_TEXT: Record<HdsFilterBarDateFilterSelector, string>;
-export interface HdsFilterBarFilterGroupDateSignature {
+export interface HdsFilterBarDateSignature {
     Args: {
         keyFilter: HdsFilterBarFilter | undefined;
         type?: 'date' | 'time' | 'datetime';
@@ -21,7 +21,7 @@ export interface HdsFilterBarFilterGroupDateSignature {
     };
     Element: HTMLDivElement;
 }
-export default class HdsFilterBarFilterGroupDate extends Component<HdsFilterBarFilterGroupDateSignature> {
+export default class HdsFilterBarDate extends Component<HdsFilterBarDateSignature> {
     hdsIntl: HdsIntlService;
     private _selector;
     private _value;
@@ -32,7 +32,7 @@ export default class HdsFilterBarFilterGroupDate extends Component<HdsFilterBarF
     private _valueInputId;
     private _betweenValueStartInputId;
     private _betweenValueEndInputId;
-    constructor(owner: Owner, args: HdsFilterBarFilterGroupDateSignature['Args']);
+    constructor(owner: Owner, args: HdsFilterBarDateSignature['Args']);
     get type(): 'date' | 'time' | 'datetime';
     get inputType(): HdsFormTextInputTypes;
     get selectorLabelText(): string;

package/declarations/components/hds/filter-bar/{filter-group/index.d.ts → filter-group.d.ts}

@@ -4,13 +4,13 @@
  */
 import Component from '@glimmer/component';
 import type { WithBoundArgs } from '@glint/template';
-import HdsFilterBarTabsTab from '../tabs/tab.ts';
-import HdsFilterBarTabsPanel from '../tabs/panel.ts';
-import type { HdsTabsPanelSignature } from '../../tabs/panel.ts';
-import HdsFilterBarFilterGroupGeneric from './generic.ts';
-import HdsFilterBarFilterGroupCheckbox from './checkbox.ts';
-import HdsFilterBarFilterGroupRadio from './radio.ts';
-import type { HdsFilterBarFilter, HdsFilterBarFilters, HdsFilterBarFilterType, HdsFilterBarData, HdsFilterBarGenericFilter, HdsFilterBarNumericalFilterSelector, HdsFilterBarNumericalFilterValue, HdsFilterBarDateFilterSelector, HdsFilterBarDateFilterValue } from '../types.ts';
+import HdsFilterBarTabsTab from './tabs/tab.ts';
+import HdsFilterBarTabsPanel from './tabs/panel.ts';
+import type { HdsTabsPanelSignature } from '../tabs/panel.ts';
+import HdsFilterBarGeneric from './generic.ts';
+import HdsFilterBarCheckbox from './checkbox.ts';
+import HdsFilterBarRadio from './radio.ts';
+import type { HdsFilterBarFilter, HdsFilterBarFilters, HdsFilterBarFilterType, HdsFilterBarData, HdsFilterBarGenericFilter, HdsFilterBarRangeFilterSelector, HdsFilterBarRangeFilterValue, HdsFilterBarDateFilterSelector, HdsFilterBarDateFilterValue } from './types.ts';
 export interface HdsFilterBarFilterGroupSignature {
     Args: {
         tab?: WithBoundArgs<typeof HdsFilterBarTabsTab, never>;
@@ -25,9 +25,9 @@ export interface HdsFilterBarFilterGroupSignature {
     Blocks: {
         default: [
             {
-                Generic?: WithBoundArgs<typeof HdsFilterBarFilterGroupGeneric, 'keyFilter'>;
-                Checkbox?: WithBoundArgs<typeof HdsFilterBarFilterGroupCheckbox, 'keyFilter' | 'onChange'>;
-                Radio?: WithBoundArgs<typeof HdsFilterBarFilterGroupRadio, 'keyFilter' | 'onChange'>;
+                Generic?: WithBoundArgs<typeof HdsFilterBarGeneric, 'keyFilter'>;
+                Checkbox?: WithBoundArgs<typeof HdsFilterBarCheckbox, 'keyFilter' | 'onChange'>;
+                Radio?: WithBoundArgs<typeof HdsFilterBarRadio, 'keyFilter' | 'onChange'>;
             }
         ];
     };
@@ -40,8 +40,8 @@ export default class HdsFilterBarFilterGroup extends Component<HdsFilterBarFilte
     get type(): HdsFilterBarFilterType;
     get keyFilter(): HdsFilterBarFilter | undefined;
     get numFilters(): number;
-    onSelectionChange(event: Event, label?: string): void;
-    onNumericalChange(selector?: HdsFilterBarNumericalFilterSelector, value?: HdsFilterBarNumericalFilterValue): void;
+    onSelectionChange(event: Event): void;
+    onRangeChange(selector?: HdsFilterBarRangeFilterSelector, value?: HdsFilterBarRangeFilterValue): void;
     onDateChange(selector?: HdsFilterBarDateFilterSelector, value?: HdsFilterBarDateFilterValue): void;
     onGenericChange(filter?: HdsFilterBarGenericFilter): void;
     onClear(): void;

package/declarations/components/hds/filter-bar/{dropdown.d.ts → filters-dropdown.d.ts}

@@ -5,10 +5,10 @@
 import Component from '@glimmer/component';
 import type Owner from '@ember/owner';
 import type { WithBoundArgs } from '@glint/template';
-import HdsFilterBarFilterGroup from './filter-group/index.ts';
+import HdsFilterBarFilterGroup from './filter-group.ts';
 import type { HdsFilterBarFilters, HdsFilterBarFilter } from './types.ts';
 import type { HdsDropdownSignature } from '../dropdown/index.ts';
-export interface HdsFilterBarDropdownSignature {
+export interface HdsFilterBarFiltersDropdownSignature {
     Args: HdsDropdownSignature['Args'] & {
         filters: HdsFilterBarFilters;
         isLiveFilter: boolean;
@@ -23,9 +23,9 @@ export interface HdsFilterBarDropdownSignature {
     };
     Element: HTMLDivElement;
 }
-export default class HdsFilterBarDropdown extends Component<HdsDropdownSignature & HdsFilterBarDropdownSignature> {
+export default class HdsFilterBarFiltersDropdown extends Component<HdsDropdownSignature & HdsFilterBarFiltersDropdownSignature> {
     internalFilters: HdsFilterBarFilters;
-    constructor(owner: Owner, args: HdsFilterBarDropdownSignature['Args']);
+    constructor(owner: Owner, args: HdsFilterBarFiltersDropdownSignature['Args']);
     private _syncFilters;
     get isLiveFilter(): boolean;
     onFilter(key: string, keyFilter?: HdsFilterBarFilter): void;

package/declarations/components/hds/filter-bar/{filter-group/generic.d.ts → generic.d.ts}

@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import type { HdsFilterBarFilter, HdsFilterBarGenericFilter } from '../types.ts';
-export interface HdsFilterBarFilterGroupGenericSignature {
+import type { HdsFilterBarFilter, HdsFilterBarGenericFilter } from './types.ts';
+export interface HdsFilterBarGenericSignature {
     Args: {
         keyFilter: HdsFilterBarFilter | undefined;
         onChange?: (filter?: HdsFilterBarGenericFilter) => void;
@@ -18,7 +18,7 @@ export interface HdsFilterBarFilterGroupGenericSignature {
     };
     Element: HTMLDivElement;
 }
-export default class HdsFilterBarFilterGroupGeneric extends Component<HdsFilterBarFilterGroupGenericSignature> {
+export default class HdsFilterBarGeneric extends Component<HdsFilterBarGenericSignature> {
     updateFilter(filter: HdsFilterBarGenericFilter): void;
     onClear(): void;
 }

package/declarations/components/hds/filter-bar/index.d.ts

@@ -8,7 +8,7 @@ import type HdsIntlService from '../../../services/hds-intl';
 import type { HdsFilterBarFilters } from './types.ts';
 import HdsDropdown from '../dropdown/index.ts';
 import HdsYield from '../yield/index.ts';
-import HdsFilterBarDropdown from './dropdown.ts';
+import HdsFilterBarFiltersDropdown from './filters-dropdown.ts';
 export interface HdsFilterBarSignature {
     Args: {
         filters: HdsFilterBarFilters;
@@ -21,7 +21,7 @@ export interface HdsFilterBarSignature {
             {
                 ActionsDropdown?: WithBoundArgs<typeof HdsDropdown, never>;
                 ActionsGeneric?: WithBoundArgs<typeof HdsYield, never>;
-                Dropdown?: WithBoundArgs<typeof HdsFilterBarDropdown, 'filters' | 'isLiveFilter' | 'onFilter'>;
+                FiltersDropdown?: WithBoundArgs<typeof HdsFilterBarFiltersDropdown, 'filters' | 'isLiveFilter' | 'onFilter'>;
             }
         ];
     };
@@ -41,7 +41,7 @@ export default class HdsFilterBar extends Component<HdsFilterBarSignature> {
     private _filterText;
     private _filterArrayData;
     private _filterKeyText;
-    private _numericalFilterText;
+    private _rangeFilterText;
     private _dateFilterText;
     private _dateDisplayText;
     private _genericFilterText;

package/declarations/components/hds/filter-bar/{filter-group/radio.d.ts → radio.d.ts}

@@ -3,20 +3,19 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import type { HdsFilterBarFilter } from '../types.ts';
-export interface HdsFilterBarFilterGroupRadioSignature {
+import type { HdsFilterBarFilter } from './types.ts';
+export interface HdsFilterBarRadioSignature {
     Args: {
         value?: string;
-        label?: string;
         keyFilter: HdsFilterBarFilter | undefined;
-        onChange?: (event: Event, label?: string) => void;
+        onChange?: (event: Event) => void;
     };
     Blocks: {
         default: [];
     };
     Element: HTMLDivElement;
 }
-export default class HdsFilterBarFilterGroupRadio extends Component<HdsFilterBarFilterGroupRadioSignature> {
+export default class HdsFilterBarRadio extends Component<HdsFilterBarRadioSignature> {
     onChange(event: Event): void;
     get isChecked(): boolean;
 }

package/declarations/components/hds/filter-bar/{filter-group/numerical.d.ts → range.d.ts}

@@ -4,22 +4,22 @@
  */
 import Component from '@glimmer/component';
 import type Owner from '@ember/owner';
-import type HdsIntlService from '../../../../services/hds-intl';
-import type { HdsFilterBarFilter, HdsFilterBarNumericalFilterSelector, HdsFilterBarNumericalFilterValue } from '../types.ts';
-export declare const NUMERICAL_SELECTORS: HdsFilterBarNumericalFilterSelector[];
-export declare const NUMERICAL_SELECTORS_TEXT: Record<HdsFilterBarNumericalFilterSelector, string>;
-export declare const NUMERICAL_SELECTORS_INPUT_TEXT: Record<HdsFilterBarNumericalFilterSelector, string>;
-export interface HdsFilterBarFilterGroupNumericalSignature {
+import type HdsIntlService from '../../../services/hds-intl';
+import type { HdsFilterBarFilter, HdsFilterBarRangeFilterSelector, HdsFilterBarRangeFilterValue } from './types.ts';
+export declare const RANGE_SELECTORS: HdsFilterBarRangeFilterSelector[];
+export declare const RANGE_SELECTORS_TEXT: Record<HdsFilterBarRangeFilterSelector, string>;
+export declare const RANGE_SELECTORS_INPUT_TEXT: Record<HdsFilterBarRangeFilterSelector, string>;
+export interface HdsFilterBarRangeSignature {
     Args: {
         keyFilter: HdsFilterBarFilter | undefined;
-        onChange?: (selector?: HdsFilterBarNumericalFilterSelector, value?: HdsFilterBarNumericalFilterValue) => void;
+        onChange?: (selector?: HdsFilterBarRangeFilterSelector, value?: HdsFilterBarRangeFilterValue) => void;
     };
     Blocks: {
         default: [];
     };
     Element: HTMLDivElement;
 }
-export default class HdsFilterBarFilterGroupNumerical extends Component<HdsFilterBarFilterGroupNumericalSignature> {
+export default class HdsFilterBarRange extends Component<HdsFilterBarRangeSignature> {
     hdsIntl: HdsIntlService;
     private _selector;
     private _value;
@@ -30,7 +30,7 @@ export default class HdsFilterBarFilterGroupNumerical extends Component<HdsFilte
     private _valueInputId;
     private _betweenValueStartInputId;
     private _betweenValueEndInputId;
-    constructor(owner: Owner, args: HdsFilterBarFilterGroupNumericalSignature['Args']);
+    constructor(owner: Owner, args: HdsFilterBarRangeSignature['Args']);
     get stringValue(): string | undefined;
     get stringBetweenValueStart(): string | undefined;
     get stringBetweenValueEnd(): string | undefined;

package/declarations/components/hds/filter-bar/types.d.ts

@@ -5,7 +5,7 @@
 export declare enum HdsFilterBarFilterTypeValues {
     multiSelect = "multi-select",
     singleSelect = "single-select",
-    numerical = "numerical",
+    range = "range",
     date = "date",
     time = "time",
     datetime = "datetime",
@@ -15,17 +15,16 @@ export declare enum HdsFilterBarFilterTypeValues {
 export type HdsFilterBarFilterType = `${HdsFilterBarFilterTypeValues}`;
 export interface HdsFilterBarGenericFilterData {
     value: unknown;
-    label?: string;
 }
-export interface HdsFilterBarNumericalFilterData {
-    selector: HdsFilterBarNumericalFilterSelector;
-    value: HdsFilterBarNumericalFilterValue;
+export interface HdsFilterBarRangeFilterData {
+    selector: HdsFilterBarRangeFilterSelector;
+    value: HdsFilterBarRangeFilterValue;
 }
 export interface HdsFilterBarDateFilterData {
     selector: HdsFilterBarDateFilterSelector;
     value: HdsFilterBarDateFilterValue;
 }
-export type HdsFilterBarData = HdsFilterBarGenericFilterData[] | HdsFilterBarGenericFilterData | HdsFilterBarNumericalFilterData | HdsFilterBarDateFilterData;
+export type HdsFilterBarData = HdsFilterBarGenericFilterData[] | HdsFilterBarGenericFilterData | HdsFilterBarRangeFilterData | HdsFilterBarDateFilterData;
 export interface HdsFilterBarGenericFilter {
     type: 'generic';
     text?: string;
@@ -42,10 +41,10 @@ export interface HdsFilterBarMultiSelectFilter {
     text?: string;
     data: HdsFilterBarGenericFilterData[];
 }
-export interface HdsFilterBarNumericalFilter {
-    type: 'numerical';
+export interface HdsFilterBarRangeFilter {
+    type: 'range';
     text?: string;
-    data: HdsFilterBarNumericalFilterData;
+    data: HdsFilterBarRangeFilterData;
 }
 export interface HdsFilterBarDateFilter {
     type: 'date' | 'time' | 'datetime';
@@ -57,11 +56,11 @@ export interface HdsFilterBarSearchFilter {
     text?: string;
     data: HdsFilterBarGenericFilterData;
 }
-export type HdsFilterBarFilter = HdsFilterBarSingleSelectFilter | HdsFilterBarMultiSelectFilter | HdsFilterBarNumericalFilter | HdsFilterBarDateFilter | HdsFilterBarSearchFilter | HdsFilterBarGenericFilter;
+export type HdsFilterBarFilter = HdsFilterBarSingleSelectFilter | HdsFilterBarMultiSelectFilter | HdsFilterBarRangeFilter | HdsFilterBarDateFilter | HdsFilterBarSearchFilter | HdsFilterBarGenericFilter;
 export interface HdsFilterBarFilters {
     [name: string]: HdsFilterBarFilter;
 }
-export declare enum HdsFilterBarNumericalFilterSelectorValues {
+export declare enum HdsFilterBarRangeFilterSelectorValues {
     lessThan = "less-than",
     lessThanOrEqualTo = "less-than-or-equal-to",
     equalTo = "equal-to",
@@ -69,7 +68,7 @@ export declare enum HdsFilterBarNumericalFilterSelectorValues {
     greaterThan = "greater-than",
     between = "between"
 }
-export type HdsFilterBarNumericalFilterSelector = `${HdsFilterBarNumericalFilterSelectorValues}`;
+export type HdsFilterBarRangeFilterSelector = `${HdsFilterBarRangeFilterSelectorValues}`;
 export declare enum HdsFilterBarDateFilterSelectorValues {
     before = "before",
     exactly = "exactly",
@@ -77,7 +76,7 @@ export declare enum HdsFilterBarDateFilterSelectorValues {
     between = "between"
 }
 export type HdsFilterBarDateFilterSelector = `${HdsFilterBarDateFilterSelectorValues}`;
-export type HdsFilterBarNumericalFilterValue = number | {
+export type HdsFilterBarRangeFilterValue = number | {
     start?: number;
     end?: number;
 };

package/declarations/components.d.ts

@@ -88,13 +88,13 @@ export * from './components/hds/dropdown/list-item/types.ts';
 export * from './components/hds/dropdown/toggle/types.ts';
 export * from './components/hds/dropdown/types.ts';
 export { default as HdsFilterBar } from './components/hds/filter-bar/index.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 HdsFilterBarCheckbox } from './components/hds/filter-bar/checkbox.ts';
+export { default as HdsFilterBarDate } from './components/hds/filter-bar/date.ts';
+export { default as HdsFilterBarFiltersDropdown } from './components/hds/filter-bar/filters-dropdown.ts';
+export { default as HdsFilterBarFilterGroup } from './components/hds/filter-bar/filter-group.ts';
+export { default as HdsFilterBarGeneric } from './components/hds/filter-bar/generic.ts';
+export { default as HdsFilterBarRadio } from './components/hds/filter-bar/radio.ts';
+export { default as HdsFilterBarRange } from './components/hds/filter-bar/range.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';

package/declarations/template-registry.d.ts

@@ -94,13 +94,13 @@ import type HdsDropdownToggleButtonComponent from './components/hds/dropdown/tog
 import type HdsDropdownToggleChevronComponent from './components/hds/dropdown/toggle/chevron';
 import type HdsDropdownToggleIconComponent from './components/hds/dropdown/toggle/icon';
 import type HdsFilterBarComponent from './components/hds/filter-bar';
-import type HdsFilterBarDropdownComponent from './components/hds/filter-bar/dropdown';
-import type HdsFilterBarFilterGroupComponent from './components/hds/filter-bar/filter-group/index.ts';
-import type HdsFilterBarFilterGroupCheckboxComponent from './components/hds/filter-bar/filter-group/checkbox';
-import type HdsFilterBarFilterGroupDateComponent from './components/hds/filter-bar/filter-group/date';
-import type HdsFilterBarFilterGroupGenericComponent from './components/hds/filter-bar/filter-group/generic';
-import type HdsFilterBarFilterGroupRadioComponent from './components/hds/filter-bar/filter-group/radio';
-import type HdsFilterBarFilterGroupNumericalComponent from './components/hds/filter-bar/filter-group/numerical';
+import type HdsFilterBarCheckboxComponent from './components/hds/filter-bar/checkbox';
+import type HdsFilterBarDateComponent from './components/hds/filter-bar/date';
+import type HdsFilterBarGenericComponent from './components/hds/filter-bar/generic';
+import type HdsFilterBarRadioComponent from './components/hds/filter-bar/radio';
+import type HdsFilterBarFiltersDropdownComponent from './components/hds/filter-bar/filters-dropdown';
+import type HdsFilterBarFilterGroupComponent from './components/hds/filter-bar/filter-group';
+import type HdsFilterBarRangeComponent from './components/hds/filter-bar/range';
 import type HdsFilterBarTabsComponent from './components/hds/filter-bar/tabs';
 import type HdsFilterBarTabsPanelComponent from './components/hds/filter-bar/tabs/panel';
 import type HdsFilterBarTabsTabComponent from './components/hds/filter-bar/tabs/tab';
@@ -437,20 +437,20 @@ export default interface HdsComponentsRegistry {
     'hds/dropdown/toggle/icon': typeof HdsDropdownToggleIconComponent;
     'Hds::FilterBar': typeof HdsFilterBarComponent;
     'hds/filter-bar': typeof HdsFilterBarComponent;
-    'Hds::FilterBar::Dropdown': typeof HdsFilterBarDropdownComponent;
-    'hds/filter-bar/dropdown': typeof HdsFilterBarDropdownComponent;
+    'Hds::FilterBar::Checkbox': typeof HdsFilterBarCheckboxComponent;
+    'hds/filter-bar/checkbox': typeof HdsFilterBarCheckboxComponent;
+    'Hds::FilterBar::Date': typeof HdsFilterBarDateComponent;
+    'hds/filter-bar/date': typeof HdsFilterBarDateComponent;
+    'Hds::FilterBar::Generic': typeof HdsFilterBarGenericComponent;
+    'hds/filter-bar/generic': typeof HdsFilterBarGenericComponent;
+    'Hds::FilterBar::Radio': typeof HdsFilterBarRadioComponent;
+    'hds/filter-bar/radio': typeof HdsFilterBarRadioComponent;
+    'Hds::FilterBar::FiltersDropdown': typeof HdsFilterBarFiltersDropdownComponent;
+    'hds/filter-bar/filters-dropdown': typeof HdsFilterBarFiltersDropdownComponent;
     'Hds::FilterBar::FilterGroup': typeof HdsFilterBarFilterGroupComponent;
     'hds/filter-bar/filter-group': typeof HdsFilterBarFilterGroupComponent;
-    'Hds::FilterBar::FilterGroup::Checkbox': typeof HdsFilterBarFilterGroupCheckboxComponent;
-    'hds/filter-bar/filter-group/checkbox': typeof HdsFilterBarFilterGroupCheckboxComponent;
-    'Hds::FilterBar::FilterGroup::Date': typeof HdsFilterBarFilterGroupDateComponent;
-    'hds/filter-bar/filter-group/date': typeof HdsFilterBarFilterGroupDateComponent;
-    'Hds::FilterBar::FilterGroup::Generic': typeof HdsFilterBarFilterGroupGenericComponent;
-    'hds/filter-bar/filter-group/generic': typeof HdsFilterBarFilterGroupGenericComponent;
-    'Hds::FilterBar::FilterGroup::Radio': typeof HdsFilterBarFilterGroupRadioComponent;
-    'hds/filter-bar/filter-group/radio': typeof HdsFilterBarFilterGroupRadioComponent;
-    'Hds::FilterBar::FilterGroup::Numerical': typeof HdsFilterBarFilterGroupNumericalComponent;
-    'hds/filter-bar/filter-group/numerical': typeof HdsFilterBarFilterGroupNumericalComponent;
+    'Hds::FilterBar::Range': typeof HdsFilterBarRangeComponent;
+    'hds/filter-bar/range': typeof HdsFilterBarRangeComponent;
     'Hds::FilterBar::Tabs': typeof HdsFilterBarTabsComponent;
     'hds/filter-bar/tabs': typeof HdsFilterBarTabsComponent;
     'Hds::FilterBar::Tabs::Panel': typeof HdsFilterBarTabsPanelComponent;

package/dist/_app_/components/hds/filter-bar/{dropdown.js → checkbox.js}

@@ -1 +1 @@
-export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/dropdown";
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/checkbox";

package/dist/_app_/components/hds/filter-bar/{filter-group/date.js → date.js}

@@ -1 +1 @@
-export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group/date";
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/date";

package/dist/_app_/components/hds/filter-bar/filter-group.js

@@ -1 +1 @@
-export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group/index";
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group";

package/dist/_app_/components/hds/filter-bar/filters-dropdown.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filters-dropdown";

package/dist/_app_/components/hds/filter-bar/{filter-group/generic.js → generic.js}

@@ -1 +1 @@
-export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group/generic";
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/generic";

package/dist/_app_/components/hds/filter-bar/{filter-group/radio.js → radio.js}

@@ -1 +1 @@
-export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group/radio";
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/radio";

package/dist/_app_/components/hds/filter-bar/range.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/range";

package/dist/components/hds/advanced-table/index.js

@@ -11,7 +11,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-advanced-table__actions-container-wrapper\">\n  {{#if (has-block \"actions\")}}\n    <div class=\"hds-advanced-table__actions\">\n      {{yield (hash FilterBar=(component \"hds/filter-bar\")) to=\"actions\"}}\n    </div>\n  {{/if}}\n  <div\n    class=\"hds-advanced-table__container\n      {{(if this.isStickyHeaderPinned \'hds-advanced-table__container--header-is-pinned\')}}\"\n    {{did-update this.setupTableModelData @columns @model @sortBy @sortOrder}}\n    {{did-update this.updateTableModelColumnOrder @columnOrder}}\n    ...attributes\n  >\n    {{! Caption }}\n    <div id={{this._captionId}} class=\"sr-only hds-advanced-table__caption\" aria-live=\"polite\">\n      {{@caption}}\n      {{this.sortedMessageText}}\n      {{this.reorderedMessageText}}\n    </div>\n\n    {{! Grid }}\n    <div\n      class={{this.classNames}}\n      role=\"grid\"\n      aria-describedby={{this._captionId}}\n      {{style\n        grid-template-columns=this.gridTemplateColumns\n        --hds-advanced-table-sticky-column-offset=this.stickyColumnOffset\n        max-height=@maxHeight\n      }}\n      {{this._registerGridElement}}\n      {{this._setUpScrollWrapper}}\n    >\n      {{! Header }}\n      <div\n        class={{this.theadClassNames}}\n        role=\"rowgroup\"\n        {{this._setUpThead}}\n        {{on \"dragleave\" (fn (mut this._tableModel.reorderHoveredColumn) null)}}\n      >\n        <Hds::AdvancedTable::Tr\n          @selectionScope=\"col\"\n          @onClickSortBySelected={{if @selectableColumnKey (fn this._tableModel.setSortBy @selectableColumnKey)}}\n          @sortBySelectedOrder={{if (eq this._tableModel.sortBy @selectableColumnKey) this._tableModel.sortOrder}}\n          @isSelectable={{this.isSelectable}}\n          @onSelectionChange={{this.onSelectionAllChange}}\n          @didInsert={{this.didInsertSelectAllCheckbox}}\n          @willDestroy={{this.willDestroySelectAllCheckbox}}\n          @selectionAriaLabelSuffix=\"all rows\"\n          @hasStickyColumn={{this.hasStickyFirstColumn}}\n          @isStickyColumnPinned={{this.isStickyColumnPinned}}\n        >\n          {{#each this._tableModel.orderedColumns as |column|}}\n            {{#if column.isSortable}}\n              <Hds::AdvancedTable::ThSort\n                @column={{column}}\n                @sortOrder={{if (eq column.key this._tableModel.sortBy) this._tableModel.sortOrder}}\n                @onClickSort={{if column.key (fn this._tableModel.setSortBy column.key)}}\n                @align={{column.align}}\n                @tooltip={{column.tooltip}}\n                @hasReorderableColumns={{@hasReorderableColumns}}\n                @hasResizableColumns={{@hasResizableColumns}}\n                @hasSelectableRows={{this.isSelectable}}\n                @isStickyColumn={{this._isStickyColumn column}}\n                @isStickyColumnPinned={{this.isStickyColumnPinned}}\n                @tableHeight={{this._tableHeight}}\n                @onColumnResize={{@onColumnResize}}\n                @onPinFirstColumn={{this._onPinFirstColumn}}\n                @onReorderDragEnd={{fn (mut this._tableModel.reorderDraggedColumn) null}}\n                @onReorderDragStart={{fn (mut this._tableModel.reorderDraggedColumn)}}\n                @onReorderDrop={{this._tableModel.moveColumnToDropTarget}}\n                {{this._registerThElement column}}\n              >\n                {{column.label}}\n              </Hds::AdvancedTable::ThSort>\n            {{else}}\n              <Hds::AdvancedTable::Th\n                @align={{column.align}}\n                @column={{column}}\n                @hasExpandAllButton={{this._tableModel.hasRowsWithChildren}}\n                @hasReorderableColumns={{@hasReorderableColumns}}\n                @hasResizableColumns={{@hasResizableColumns}}\n                @hasSelectableRows={{this.isSelectable}}\n                @isExpanded={{this._tableModel.expandState}}\n                @isExpandable={{column.isExpandable}}\n                @isStickyColumn={{this._isStickyColumn column}}\n                @isStickyColumnPinned={{this.isStickyColumnPinned}}\n                @tableHeight={{this._tableHeight}}\n                @tooltip={{column.tooltip}}\n                @onClickToggle={{this._tableModel.toggleAll}}\n                @onColumnResize={{@onColumnResize}}\n                @onPinFirstColumn={{this._onPinFirstColumn}}\n                @onReorderDragEnd={{fn (mut this._tableModel.reorderDraggedColumn) null}}\n                @onReorderDragStart={{fn (mut this._tableModel.reorderDraggedColumn)}}\n                @onReorderDrop={{this._tableModel.moveColumnToDropTarget}}\n                {{this._registerThElement column}}\n              >\n                {{column.label}}\n              </Hds::AdvancedTable::Th>\n            {{/if}}\n          {{/each}}\n        </Hds::AdvancedTable::Tr>\n\n        {{#if this.showScrollIndicatorTop}}\n          <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-top\" />\n        {{/if}}\n      </div>\n\n      {{! Body }}\n      {{#unless this.isEmpty}}\n        <div class=\"hds-advanced-table__tbody\" role=\"rowgroup\">\n          {{! ----------------------------------------------------------------------------------------\n          IMPORTANT: we loop on the `model` array and for each record\n          we yield the Tr/Td/Th elements _and_ the record itself as `data`\n          this means the consumer will *have to* use the `data` key to access it in their template\n        -------------------------------------------------------------------------------------------- }}\n          {{#each this._tableModel.sortedRows key=this.identityKey as |record index|}}\n            {{#if this._tableModel.hasRowsWithChildren}}\n              <Hds::AdvancedTable::ExpandableTrGroup\n                @record={{record}}\n                @rowIndex={{index}}\n                @onClickToggle={{record.onClickToggle}}\n                as |T|\n              >\n                {{yield\n                  (hash\n                    Tr=(component\n                      \"hds/advanced-table/tr\"\n                      isLastRow=(eq this._tableModel.lastVisibleRow.id T.data.id)\n                      isParentRow=T.isExpandable\n                      depth=T.depth\n                      displayRow=T.shouldDisplayChildRows\n                      data=T.data\n                    )\n                    Th=(component\n                      \"hds/advanced-table/th\"\n                      depth=T.depth\n                      isExpandable=T.isExpandable\n                      isExpanded=T.isExpanded\n                      newLabel=T.id\n                      parentId=T.parentId\n                      scope=\"row\"\n                      onClickToggle=T.onClickToggle\n                    )\n                    Td=(component \"hds/advanced-table/td\" align=@align)\n                    data=T.data\n                    isOpen=T.isExpanded\n                    rowIndex=T.rowIndex\n                  )\n                  to=\"body\"\n                }}\n              </Hds::AdvancedTable::ExpandableTrGroup>\n            {{else}}\n              {{yield\n                (hash\n                  Tr=(component\n                    \"hds/advanced-table/tr\"\n                    selectionScope=\"row\"\n                    isLastRow=(eq this._tableModel.lastVisibleRow.id record.id)\n                    isSelectable=this.isSelectable\n                    onSelectionChange=this.onSelectionRowChange\n                    didInsert=this.didInsertRowCheckbox\n                    willDestroy=this.willDestroyRowCheckbox\n                    selectionAriaLabelSuffix=@selectionAriaLabelSuffix\n                    hasStickyColumn=this.hasStickyFirstColumn\n                    isStickyColumnPinned=this.isStickyColumnPinned\n                    data=record\n                  )\n                  Th=(component\n                    \"hds/advanced-table/th\"\n                    scope=\"row\"\n                    isStickyColumn=this.hasStickyFirstColumn\n                    isStickyColumnPinned=this.isStickyColumnPinned\n                  )\n                  Td=(component \"hds/advanced-table/td\" align=@align)\n                  data=record\n                  rowIndex=index\n                )\n                to=\"body\"\n              }}\n            {{/if}}\n          {{/each}}\n        </div>\n      {{/unless}}\n    </div>\n\n    {{#if this.showScrollIndicatorLeft}}\n      <div\n        class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-left\"\n        {{style height=this.scrollIndicatorDimensions.height left=this.scrollIndicatorDimensions.left}}\n      />\n    {{/if}}\n\n    {{#if this.showScrollIndicatorRight}}\n      <div\n        class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-right\"\n        {{style height=this.scrollIndicatorDimensions.height right=this.scrollIndicatorDimensions.right}}\n      />\n    {{/if}}\n\n    {{#unless this.isEmpty}}\n      {{#if this.showScrollIndicatorBottom}}\n        <div\n          class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-bottom\"\n          {{style bottom=this.scrollIndicatorDimensions.bottom width=this.scrollIndicatorDimensions.width}}\n        />\n      {{/if}}\n    {{/unless}}\n\n    {{#if this.isEmpty}}\n      <div class=\"hds-advanced-table__empty-state\">\n        <div class=\"hds-advanced-table__empty-state__content\">\n          {{#if (has-block \"emptyState\")}}\n            {{yield to=\"emptyState\"}}\n          {{else}}\n            <Hds::Layout::Flex @direction=\"column\" @gap=\"8\">\n              <Hds::Text::Display @tag=\"h3\" @size=\"300\">{{hds-t\n                  \"hds.components.advanced-table.empty-state.title\"\n                  default=\"No data available\"\n                }}</Hds::Text::Display>\n              <Hds::Text::Body>\n                {{hds-t\n                  \"hds.components.advanced-table.empty-state.description\"\n                  default=\"There is currently no data to display in the table.\"\n                }}\n              </Hds::Text::Body>\n            </Hds::Layout::Flex>\n          {{/if}}\n        </div>\n      </div>\n    {{/if}}\n  </div>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n{{#if (has-block \"actions\")}}\n  <div class=\"hds-advanced-table__actions\">\n    {{yield (hash FilterBar=(component \"hds/filter-bar\")) to=\"actions\"}}\n  </div>\n{{/if}}\n<div\n  class=\"hds-advanced-table__container\n    {{(if this.isStickyHeaderPinned \'hds-advanced-table__container--header-is-pinned\')}}\"\n  {{did-update this.setupTableModelData @columns @model @sortBy @sortOrder}}\n  {{did-update this.updateTableModelColumnOrder @columnOrder}}\n  ...attributes\n>\n  {{! Caption }}\n  <div id={{this._captionId}} class=\"sr-only hds-advanced-table__caption\" aria-live=\"polite\">\n    {{@caption}}\n    {{this.sortedMessageText}}\n    {{this.reorderedMessageText}}\n  </div>\n\n  {{! Grid }}\n  <div\n    class={{this.classNames}}\n    role=\"grid\"\n    aria-describedby={{this._captionId}}\n    {{style\n      grid-template-columns=this.gridTemplateColumns\n      --hds-advanced-table-sticky-column-offset=this.stickyColumnOffset\n      max-height=@maxHeight\n    }}\n    {{this._registerGridElement}}\n    {{this._setUpScrollWrapper}}\n  >\n    {{! Header }}\n    <div\n      class={{this.theadClassNames}}\n      role=\"rowgroup\"\n      {{this._setUpThead}}\n      {{on \"dragleave\" (fn (mut this._tableModel.reorderHoveredColumn) null)}}\n    >\n      <Hds::AdvancedTable::Tr\n        @selectionScope=\"col\"\n        @onClickSortBySelected={{if @selectableColumnKey (fn this._tableModel.setSortBy @selectableColumnKey)}}\n        @sortBySelectedOrder={{if (eq this._tableModel.sortBy @selectableColumnKey) this._tableModel.sortOrder}}\n        @isSelectable={{this.isSelectable}}\n        @onSelectionChange={{this.onSelectionAllChange}}\n        @didInsert={{this.didInsertSelectAllCheckbox}}\n        @willDestroy={{this.willDestroySelectAllCheckbox}}\n        @selectionAriaLabelSuffix=\"all rows\"\n        @hasStickyColumn={{this.hasStickyFirstColumn}}\n        @isStickyColumnPinned={{this.isStickyColumnPinned}}\n      >\n        {{#each this._tableModel.orderedColumns as |column|}}\n          {{#if column.isSortable}}\n            <Hds::AdvancedTable::ThSort\n              @column={{column}}\n              @sortOrder={{if (eq column.key this._tableModel.sortBy) this._tableModel.sortOrder}}\n              @onClickSort={{if column.key (fn this._tableModel.setSortBy column.key)}}\n              @align={{column.align}}\n              @tooltip={{column.tooltip}}\n              @hasReorderableColumns={{@hasReorderableColumns}}\n              @hasResizableColumns={{@hasResizableColumns}}\n              @hasSelectableRows={{this.isSelectable}}\n              @isStickyColumn={{this._isStickyColumn column}}\n              @isStickyColumnPinned={{this.isStickyColumnPinned}}\n              @tableHeight={{this._tableHeight}}\n              @onColumnResize={{@onColumnResize}}\n              @onPinFirstColumn={{this._onPinFirstColumn}}\n              @onReorderDragEnd={{fn (mut this._tableModel.reorderDraggedColumn) null}}\n              @onReorderDragStart={{fn (mut this._tableModel.reorderDraggedColumn)}}\n              @onReorderDrop={{this._tableModel.moveColumnToDropTarget}}\n              {{this._registerThElement column}}\n            >\n              {{column.label}}\n            </Hds::AdvancedTable::ThSort>\n          {{else}}\n            <Hds::AdvancedTable::Th\n              @align={{column.align}}\n              @column={{column}}\n              @hasExpandAllButton={{this._tableModel.hasRowsWithChildren}}\n              @hasReorderableColumns={{@hasReorderableColumns}}\n              @hasResizableColumns={{@hasResizableColumns}}\n              @hasSelectableRows={{this.isSelectable}}\n              @isExpanded={{this._tableModel.expandState}}\n              @isExpandable={{column.isExpandable}}\n              @isStickyColumn={{this._isStickyColumn column}}\n              @isStickyColumnPinned={{this.isStickyColumnPinned}}\n              @tableHeight={{this._tableHeight}}\n              @tooltip={{column.tooltip}}\n              @onClickToggle={{this._tableModel.toggleAll}}\n              @onColumnResize={{@onColumnResize}}\n              @onPinFirstColumn={{this._onPinFirstColumn}}\n              @onReorderDragEnd={{fn (mut this._tableModel.reorderDraggedColumn) null}}\n              @onReorderDragStart={{fn (mut this._tableModel.reorderDraggedColumn)}}\n              @onReorderDrop={{this._tableModel.moveColumnToDropTarget}}\n              {{this._registerThElement column}}\n            >\n              {{column.label}}\n            </Hds::AdvancedTable::Th>\n          {{/if}}\n        {{/each}}\n      </Hds::AdvancedTable::Tr>\n\n      {{#if this.showScrollIndicatorTop}}\n        <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-top\" />\n      {{/if}}\n    </div>\n\n    {{! Body }}\n    {{#unless this.isEmpty}}\n      <div class=\"hds-advanced-table__tbody\" role=\"rowgroup\">\n        {{! ----------------------------------------------------------------------------------------\n        IMPORTANT: we loop on the `model` array and for each record\n        we yield the Tr/Td/Th elements _and_ the record itself as `data`\n        this means the consumer will *have to* use the `data` key to access it in their template\n      -------------------------------------------------------------------------------------------- }}\n        {{#each this._tableModel.sortedRows key=this.identityKey as |record index|}}\n          {{#if this._tableModel.hasRowsWithChildren}}\n            <Hds::AdvancedTable::ExpandableTrGroup\n              @record={{record}}\n              @rowIndex={{index}}\n              @onClickToggle={{record.onClickToggle}}\n              as |T|\n            >\n              {{yield\n                (hash\n                  Tr=(component\n                    \"hds/advanced-table/tr\"\n                    isLastRow=(eq this._tableModel.lastVisibleRow.id T.data.id)\n                    isParentRow=T.isExpandable\n                    depth=T.depth\n                    displayRow=T.shouldDisplayChildRows\n                    data=T.data\n                  )\n                  Th=(component\n                    \"hds/advanced-table/th\"\n                    depth=T.depth\n                    isExpandable=T.isExpandable\n                    isExpanded=T.isExpanded\n                    newLabel=T.id\n                    parentId=T.parentId\n                    scope=\"row\"\n                    onClickToggle=T.onClickToggle\n                  )\n                  Td=(component \"hds/advanced-table/td\" align=@align)\n                  data=T.data\n                  isOpen=T.isExpanded\n                  rowIndex=T.rowIndex\n                )\n                to=\"body\"\n              }}\n            </Hds::AdvancedTable::ExpandableTrGroup>\n          {{else}}\n            {{yield\n              (hash\n                Tr=(component\n                  \"hds/advanced-table/tr\"\n                  selectionScope=\"row\"\n                  isLastRow=(eq this._tableModel.lastVisibleRow.id record.id)\n                  isSelectable=this.isSelectable\n                  onSelectionChange=this.onSelectionRowChange\n                  didInsert=this.didInsertRowCheckbox\n                  willDestroy=this.willDestroyRowCheckbox\n                  selectionAriaLabelSuffix=@selectionAriaLabelSuffix\n                  hasStickyColumn=this.hasStickyFirstColumn\n                  isStickyColumnPinned=this.isStickyColumnPinned\n                  data=record\n                )\n                Th=(component\n                  \"hds/advanced-table/th\"\n                  scope=\"row\"\n                  isStickyColumn=this.hasStickyFirstColumn\n                  isStickyColumnPinned=this.isStickyColumnPinned\n                )\n                Td=(component \"hds/advanced-table/td\" align=@align)\n                data=record\n                rowIndex=index\n              )\n              to=\"body\"\n            }}\n          {{/if}}\n        {{/each}}\n      </div>\n    {{/unless}}\n  </div>\n\n  {{#if this.showScrollIndicatorLeft}}\n    <div\n      class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-left\"\n      {{style height=this.scrollIndicatorDimensions.height left=this.scrollIndicatorDimensions.left}}\n    />\n  {{/if}}\n\n  {{#if this.showScrollIndicatorRight}}\n    <div\n      class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-right\"\n      {{style height=this.scrollIndicatorDimensions.height right=this.scrollIndicatorDimensions.right}}\n    />\n  {{/if}}\n\n  {{#unless this.isEmpty}}\n    {{#if this.showScrollIndicatorBottom}}\n      <div\n        class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-bottom\"\n        {{style bottom=this.scrollIndicatorDimensions.bottom width=this.scrollIndicatorDimensions.width}}\n      />\n    {{/if}}\n  {{/unless}}\n\n  {{#if this.isEmpty}}\n    <div class=\"hds-advanced-table__empty-state\">\n      <div class=\"hds-advanced-table__empty-state__content\">\n        {{#if (has-block \"emptyState\")}}\n          {{yield to=\"emptyState\"}}\n        {{else}}\n          <Hds::Layout::Flex @direction=\"column\" @gap=\"8\">\n            <Hds::Text::Display @tag=\"h3\" @size=\"300\">{{hds-t\n                \"hds.components.advanced-table.empty-state.title\"\n                default=\"No data available\"\n              }}</Hds::Text::Display>\n            <Hds::Text::Body>\n              {{hds-t\n                \"hds.components.advanced-table.empty-state.description\"\n                default=\"There is currently no data to display in the table.\"\n              }}\n            </Hds::Text::Body>\n          </Hds::Layout::Flex>\n        {{/if}}\n      </div>\n    </div>\n  {{/if}}\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.

package/dist/components/hds/filter-bar/{filter-group/checkbox.js → checkbox.js}

@@ -4,21 +4,20 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-filter-bar__filter-group__selection-option\">\n  <Hds::Form::Checkbox::Field checked={{this.isChecked}} @value={{@value}} {{on \"change\" this.onChange}} as |F|>\n    <F.Label>{{@label}}</F.Label>\n  </Hds::Form::Checkbox::Field>\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-filter-bar__filters-dropdown__filter-option\">\n  <Hds::Form::Checkbox::Field checked={{this.isChecked}} @value={{@value}} {{on \"change\" this.onChange}} as |F|>\n    <F.Label>{{yield}}</F.Label>\n  </Hds::Form::Checkbox::Field>\n</li>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsFilterBarFilterGroupCheckbox extends Component {
+class HdsFilterBarCheckbox extends Component {
   onChange(event) {
     const {
-      onChange,
-      label
+      onChange
     } = this.args;
     if (onChange && typeof onChange === 'function') {
-      onChange(event, label);
+      onChange(event);
     }
   }
   static {
@@ -35,7 +34,7 @@ class HdsFilterBarFilterGroupCheckbox extends Component {
     return false;
   }
 }
-setComponentTemplate(TEMPLATE, HdsFilterBarFilterGroupCheckbox);
+setComponentTemplate(TEMPLATE, HdsFilterBarCheckbox);
 
-export { HdsFilterBarFilterGroupCheckbox as default };
+export { HdsFilterBarCheckbox as default };
 //# sourceMappingURL=checkbox.js.map

package/dist/components/hds/filter-bar/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/hds/filter-bar/checkbox.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nimport type { HdsFilterBarFilter } from './types.ts';\n\nexport interface HdsFilterBarCheckboxSignature {\n  Args: {\n    value?: string;\n    keyFilter: HdsFilterBarFilter | undefined;\n    onChange?: (event: Event) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFilterBarCheckbox extends Component<HdsFilterBarCheckboxSignature> {\n  @action\n  onChange(event: Event): void {\n    const { onChange } = this.args;\n    if (onChange && typeof onChange === 'function') {\n      onChange(event);\n    }\n  }\n\n  get isChecked(): boolean {\n    const { keyFilter, value } = this.args;\n    if (keyFilter && Array.isArray(keyFilter.data)) {\n      return keyFilter.data.some((filter) => filter.value === value);\n    }\n    return false;\n  }\n}\n"],"names":["HdsFilterBarCheckbox","Component","onChange","event","args","n","prototype","action","isChecked","keyFilter","value","Array","isArray","data","some","filter","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAmBe,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;EAEzFC,QAAQA,CAACC,KAAY,EAAQ;IAC3B,MAAM;AAAED,MAAAA;KAAU,GAAG,IAAI,CAACE,IAAI;AAC9B,IAAA,IAAIF,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAC9CA,QAAQ,CAACC,KAAK,CAAC;AACjB,IAAA;AACF,EAAA;AAAC,EAAA;IAAAE,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CANAC,MAAM,CAAA,CAAA;AAAA;EAQP,IAAIC,SAASA,GAAY;IACvB,MAAM;MAAEC,SAAS;AAAEC,MAAAA;KAAO,GAAG,IAAI,CAACN,IAAI;IACtC,IAAIK,SAAS,IAAIE,KAAK,CAACC,OAAO,CAACH,SAAS,CAACI,IAAI,CAAC,EAAE;AAC9C,MAAA,OAAOJ,SAAS,CAACI,IAAI,CAACC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACL,KAAK,KAAKA,KAAK,CAAC;AAChE,IAAA;AACA,IAAA,OAAO,KAAK;AACd,EAAA;AACF;AAACM,oBAAA,CAAAC,QAAA,EAhBoBjB,oBAAoB,CAAA;;;;"}

package/dist/components/hds/filter-bar/{filter-group/date.js → date.js}

@@ -3,12 +3,12 @@ import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
 import { guidFor } from '@ember/object/internals';
 import { service } from '@ember/service';
-import { HdsFilterBarDateFilterSelectorValues } from '../types.js';
+import { HdsFilterBarDateFilterSelectorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-filter-bar__filter-group__date\">\n  <Hds::Layout::Flex class=\"hds-filter-bar__filter-group__fields\" @direction=\"column\" @gap=\"16\">\n    <Hds::Form::Select::Field\n      @id={{this._selectorInputId}}\n      {{on \"change\" this.onSelectorChange}}\n      class=\"hds-filter-bar__filter-group__field\"\n      as |F|\n    >\n      <F.Label>{{this.selectorLabelText}}</F.Label>\n      <F.Options>\n        <option value=\"\">{{hds-t\n            \"hds.components.filter-bar.date.selector-input.default-value\"\n            default=\"Pick a selector\"\n          }}</option>\n        {{#each this._selectorValues as |selectorValue|}}\n          <option value={{selectorValue}} selected={{eq selectorValue this._selector}}>{{this._selectorText\n              selectorValue\n            }}</option>\n        {{/each}}\n      </F.Options>\n    </Hds::Form::Select::Field>\n    {{#if (eq this._selector \"between\")}}\n      <Hds::Layout::Flex @gap=\"8\" @direction={{if (eq @type \"datetime\") \"column\" \"row\"}}>\n        <Hds::Form::TextInput::Base\n          @id={{this._betweenValueStartInputId}}\n          @type={{this.inputType}}\n          @value={{this._betweenValueStart}}\n          placeholder={{hds-t \"hds.components.filter-bar.between-value-inputs.date.start-placeholder\" default=\"Start\"}}\n          class=\"hds-filter-bar__filter-group__field\"\n          {{on \"change\" this.onBetweenValueStartChange}}\n        />\n        <Hds::Form::TextInput::Base\n          @id={{this._betweenValueEndInputId}}\n          @type={{this.inputType}}\n          @value={{this._betweenValueEnd}}\n          placeholder={{hds-t \"hds.components.filter-bar.between-value-inputs.date.end-placeholder\" default=\"End\"}}\n          class=\"hds-filter-bar__filter-group__field\"\n          {{on \"change\" this.onBetweenValueEndChange}}\n        />\n      </Hds::Layout::Flex>\n    {{else}}\n      <Hds::Form::TextInput::Base\n        @id={{this._valueInputId}}\n        @type={{this.inputType}}\n        @value={{this._value}}\n        placeholder={{hds-t \"hds.components.filter-bar.date.value-input.placeholder\" default=\"Enter a value\"}}\n        class=\"hds-filter-bar__filter-group__field\"\n        {{on \"change\" this.onValueChange}}\n      />\n    {{/if}}\n  </Hds::Layout::Flex>\n  <div class=\"hds-filter-bar__filter-group__clear\">\n    <Hds::Button\n      @text={{hds-t \"hds.components.filter-bar.date.clear\" default=\"Clear filter\"}}\n      @color=\"tertiary\"\n      @icon=\"rotate-ccw\"\n      @isInline={{true}}\n      {{on \"click\" this.onClear}}\n    />\n  </div>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-filter-bar__filters-dropdown__filter-date\">\n  <Hds::Layout::Flex class=\"hds-filter-bar__filters-dropdown__fields\" @direction=\"column\" @gap=\"16\">\n    <Hds::Form::Select::Field\n      @id={{this._selectorInputId}}\n      {{on \"change\" this.onSelectorChange}}\n      class=\"hds-filter-bar__filters-dropdown__field\"\n      as |F|\n    >\n      <F.Label>{{this.selectorLabelText}}</F.Label>\n      <F.Options>\n        <option value=\"\">{{hds-t\n            \"hds.components.filter-bar.date.selector-input.default-value\"\n            default=\"Pick a selector\"\n          }}</option>\n        {{#each this._selectorValues as |selectorValue|}}\n          <option value={{selectorValue}} selected={{eq selectorValue this._selector}}>{{this._selectorText\n              selectorValue\n            }}</option>\n        {{/each}}\n      </F.Options>\n    </Hds::Form::Select::Field>\n    {{#if (eq this._selector \"between\")}}\n      <Hds::Layout::Flex @gap=\"8\" @direction={{if (eq @type \"datetime\") \"column\" \"row\"}}>\n        <Hds::Form::TextInput::Base\n          @id={{this._betweenValueStartInputId}}\n          @type={{this.inputType}}\n          @value={{this._betweenValueStart}}\n          placeholder={{hds-t \"hds.components.filter-bar.between-value-inputs.date.start-placeholder\" default=\"Start\"}}\n          class=\"hds-filter-bar__filters-dropdown__field\"\n          {{on \"change\" this.onBetweenValueStartChange}}\n        />\n        <Hds::Form::TextInput::Base\n          @id={{this._betweenValueEndInputId}}\n          @type={{this.inputType}}\n          @value={{this._betweenValueEnd}}\n          placeholder={{hds-t \"hds.components.filter-bar.between-value-inputs.date.end-placeholder\" default=\"End\"}}\n          class=\"hds-filter-bar__filters-dropdown__field\"\n          {{on \"change\" this.onBetweenValueEndChange}}\n        />\n      </Hds::Layout::Flex>\n    {{else}}\n      <Hds::Form::TextInput::Base\n        @id={{this._valueInputId}}\n        @type={{this.inputType}}\n        @value={{this._value}}\n        placeholder={{hds-t \"hds.components.filter-bar.date.value-input.placeholder\" default=\"Enter a value\"}}\n        class=\"hds-filter-bar__filters-dropdown__field\"\n        {{on \"change\" this.onValueChange}}\n      />\n    {{/if}}\n  </Hds::Layout::Flex>\n  <div class=\"hds-filter-bar__filters-dropdown__clear\">\n    <Hds::Button\n      @text={{hds-t \"hds.components.filter-bar.date.clear\" default=\"Clear filter\"}}\n      @color=\"tertiary\"\n      @icon=\"rotate-ccw\"\n      @isInline={{true}}\n      {{on \"click\" this.onClear}}\n    />\n  </div>\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -28,7 +28,7 @@ const DATE_SELECTORS_INPUT_TEXT = {
   [HdsFilterBarDateFilterSelectorValues.after]: 'After',
   [HdsFilterBarDateFilterSelectorValues.between]: 'Between'
 };
-class HdsFilterBarFilterGroupDate extends Component {
+class HdsFilterBarDate extends Component {
   static {
     g(this.prototype, "hdsIntl", [service]);
   }
@@ -158,7 +158,7 @@ class HdsFilterBarFilterGroupDate extends Component {
     this._betweenValueEnd = undefined;
   };
 }
-setComponentTemplate(TEMPLATE, HdsFilterBarFilterGroupDate);
+setComponentTemplate(TEMPLATE, HdsFilterBarDate);
 
-export { DATE_SELECTORS, DATE_SELECTORS_INPUT_TEXT, DATE_SELECTORS_TEXT, HdsFilterBarFilterGroupDate as default };
+export { DATE_SELECTORS, DATE_SELECTORS_INPUT_TEXT, DATE_SELECTORS_TEXT, HdsFilterBarDate as default };
 //# sourceMappingURL=date.js.map