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

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

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

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

@@ -1,48 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-import Component from '@glimmer/component';
-import type { WithBoundArgs } from '@glint/template';
-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';
-export interface HdsFilterBarSignature {
-    Args: {
-        filters: HdsFilterBarFilters;
-        isLiveFilter?: boolean;
-        hasSearch?: boolean;
-        onFilter?: (filters: HdsFilterBarFilters) => void;
-    };
-    Blocks: {
-        default?: [
-            {
-                ActionsDropdown?: WithBoundArgs<typeof HdsDropdown, never>;
-                ActionsGeneric?: WithBoundArgs<typeof HdsYield, never>;
-                Dropdown?: WithBoundArgs<typeof HdsFilterBarDropdown, 'filters' | 'isLiveFilter' | 'onFilter'>;
-            }
-        ];
-    };
-    Element: HTMLDivElement;
-}
-export default class HdsFilterBar extends Component<HdsFilterBarSignature> {
-    hdsIntl: HdsIntlService;
-    _isExpanded: boolean;
-    get searchValue(): string;
-    onFilter(filters: HdsFilterBarFilters): void;
-    clearFilters(): void;
-    onSearch(event: Event): void;
-    toggleExpand(): void;
-    get hasActiveFilters(): boolean;
-    private onFilterDismiss;
-    private _filterData;
-    private _filterText;
-    private _filterArrayData;
-    private _filterKeyText;
-    private _numericalFilterText;
-    private _dateFilterText;
-    private _dateDisplayText;
-    private _genericFilterText;
-}

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

@@ -1,43 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-import Component from '@glimmer/component';
-import type { WithBoundArgs } from '@glint/template';
-import HdsFilterBarTabsTabComponent from './tab.ts';
-import HdsFilterBarTabsPanelComponent from './panel.ts';
-export interface HdsFilterBarTabsSignature {
-    Args: {
-        selectedTabIndex?: number;
-        ariaLabel: string;
-        onClickTab?: (event: MouseEvent, tabIndex: number) => void;
-    };
-    Blocks: {
-        default: [
-            {
-                Tab?: WithBoundArgs<typeof HdsFilterBarTabsTabComponent, 'selectedTabIndex' | 'tabIds' | 'panelIds' | 'didInsertNode' | 'willDestroyNode' | 'onClick' | 'onKeyUp'>;
-                Panel?: WithBoundArgs<typeof HdsFilterBarTabsPanelComponent, 'selectedTabIndex' | 'tabIds' | 'panelIds' | 'didInsertNode' | 'willDestroyNode'>;
-            }
-        ];
-    };
-    Element: HTMLDivElement;
-}
-export default class HdsFilterBarTabs extends Component<HdsFilterBarTabsSignature> {
-    private _tabIds;
-    private _tabNodes;
-    private _panelNodes;
-    private _panelIds;
-    private _selectedTabIndex;
-    private _selectedTabId?;
-    private _element;
-    private _setUpFilterBarTabs;
-    didInsertTab(): void;
-    willDestroyTab(element: HTMLElement): void;
-    didInsertPanel(): void;
-    willDestroyPanel(element: HTMLElement): void;
-    onClick(event: MouseEvent, tabIndex: number): void;
-    onKeyUp(event: KeyboardEvent, tabIndex: number): void;
-    focusTab(tabIndex: number, event: KeyboardEvent): void;
-    private updateTabs;
-    private updatePanels;
-}

package/declarations/components/hds/filter-bar/tabs/panel.d.ts

@@ -1,28 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-import Component from '@glimmer/component';
-export interface HdsFilterBarTabsPanelSignature {
-    Args: {
-        selectedTabIndex?: number;
-        tabIds?: string[];
-        panelIds?: string[];
-        didInsertNode?: () => void;
-        willDestroyNode?: (element: HTMLElement) => void;
-    };
-    Blocks: {
-        default: [];
-    };
-    Element: HTMLElement;
-}
-export default class HdsFilterBarTabsPanel extends Component<HdsFilterBarTabsPanelSignature> {
-    private _panelId;
-    private _elementId?;
-    private _setUpPanel;
-    get nodeIndex(): number | undefined;
-    get coupledTabId(): string | undefined;
-    get isVisible(): boolean;
-    didInsertNode(element: HTMLElement): void;
-    willDestroyNode(element: HTMLElement): void;
-}

package/declarations/components/hds/filter-bar/tabs/tab.d.ts

@@ -1,34 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-import Component from '@glimmer/component';
-export interface HdsFilterBarTabsTabSignature {
-    Args: {
-        selectedTabIndex?: number;
-        tabIds?: string[];
-        panelIds?: string[];
-        numFilters?: number;
-        didInsertNode?: () => void;
-        willDestroyNode?: (element: HTMLButtonElement) => void;
-        onClick?: (event: MouseEvent, nodeIndex: number) => void;
-        onKeyUp?: (event: KeyboardEvent, nodeIndex: number) => void;
-    };
-    Blocks: {
-        default: [];
-    };
-    Element: HTMLElement;
-}
-export default class HdsFilterBarTabsTab extends Component<HdsFilterBarTabsTabSignature> {
-    private _tabId;
-    private _elementId?;
-    private _setUpTab;
-    get nodeIndex(): number | undefined;
-    get coupledPanelId(): string | undefined;
-    get isSelected(): boolean;
-    didInsertNode(element: HTMLButtonElement): void;
-    willDestroyNode(element: HTMLButtonElement): void;
-    onClick(event: MouseEvent): false | undefined;
-    onKeyUp(event: KeyboardEvent): void;
-    get classNames(): string;
-}

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

@@ -1,87 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-export declare enum HdsFilterBarFilterTypeValues {
-    multiSelect = "multi-select",
-    singleSelect = "single-select",
-    numerical = "numerical",
-    date = "date",
-    time = "time",
-    datetime = "datetime",
-    generic = "generic",
-    search = "search"
-}
-export type HdsFilterBarFilterType = `${HdsFilterBarFilterTypeValues}`;
-export interface HdsFilterBarGenericFilterData {
-    value: unknown;
-    label?: string;
-}
-export interface HdsFilterBarNumericalFilterData {
-    selector: HdsFilterBarNumericalFilterSelector;
-    value: HdsFilterBarNumericalFilterValue;
-}
-export interface HdsFilterBarDateFilterData {
-    selector: HdsFilterBarDateFilterSelector;
-    value: HdsFilterBarDateFilterValue;
-}
-export type HdsFilterBarData = HdsFilterBarGenericFilterData[] | HdsFilterBarGenericFilterData | HdsFilterBarNumericalFilterData | HdsFilterBarDateFilterData;
-export interface HdsFilterBarGenericFilter {
-    type: 'generic';
-    text?: string;
-    dismissTagText?: string;
-    data: HdsFilterBarGenericFilterData | HdsFilterBarGenericFilterData[];
-}
-export interface HdsFilterBarSingleSelectFilter {
-    type: 'single-select';
-    text?: string;
-    data: HdsFilterBarGenericFilterData;
-}
-export interface HdsFilterBarMultiSelectFilter {
-    type: 'multi-select';
-    text?: string;
-    data: HdsFilterBarGenericFilterData[];
-}
-export interface HdsFilterBarNumericalFilter {
-    type: 'numerical';
-    text?: string;
-    data: HdsFilterBarNumericalFilterData;
-}
-export interface HdsFilterBarDateFilter {
-    type: 'date' | 'time' | 'datetime';
-    text?: string;
-    data: HdsFilterBarDateFilterData;
-}
-export interface HdsFilterBarSearchFilter {
-    type: 'search';
-    text?: string;
-    data: HdsFilterBarGenericFilterData;
-}
-export type HdsFilterBarFilter = HdsFilterBarSingleSelectFilter | HdsFilterBarMultiSelectFilter | HdsFilterBarNumericalFilter | HdsFilterBarDateFilter | HdsFilterBarSearchFilter | HdsFilterBarGenericFilter;
-export interface HdsFilterBarFilters {
-    [name: string]: HdsFilterBarFilter;
-}
-export declare enum HdsFilterBarNumericalFilterSelectorValues {
-    lessThan = "less-than",
-    lessThanOrEqualTo = "less-than-or-equal-to",
-    equalTo = "equal-to",
-    greaterThanOrEqualTo = "greater-than-or-equal-to",
-    greaterThan = "greater-than",
-    between = "between"
-}
-export type HdsFilterBarNumericalFilterSelector = `${HdsFilterBarNumericalFilterSelectorValues}`;
-export declare enum HdsFilterBarDateFilterSelectorValues {
-    before = "before",
-    exactly = "exactly",
-    after = "after",
-    between = "between"
-}
-export type HdsFilterBarDateFilterSelector = `${HdsFilterBarDateFilterSelectorValues}`;
-export type HdsFilterBarNumericalFilterValue = number | {
-    start?: number;
-    end?: number;
-};
-export type HdsFilterBarDateFilterValue = string | {
-    start?: string;
-    end?: string;
-};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/_app_/components/hds/filter-bar/tabs/panel.js

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

package/dist/_app_/components/hds/filter-bar/tabs/tab.js

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

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

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

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

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

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

@@ -1,120 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-import { tracked } from '@glimmer/tracking';
-import { modifier } from 'ember-modifier';
-import './filter-group/index.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<Hds::Dropdown\n  @listPosition=\"bottom-left\"\n  @height=\"600px\"\n  @width=\"600px\"\n  class={{this.classNames}}\n  @onClose={{this._onClose}}\n  {{this._syncFilters @filters}}\n  as |D|\n>\n  <D.ToggleButton\n    @icon=\"filter\"\n    @text={{hds-t \"hds.components.filter-bar.dropdown.toggle-button\" default=\"Filters\"}}\n    @color=\"secondary\"\n    @size=\"small\"\n  />\n  <D.Generic>\n    <Hds::FilterBar::Tabs @ariaLabel=\"Filter bar tabs\" as |T|>\n      {{yield\n        (hash\n          FilterGroup=(component\n            \"hds/filter-bar/filter-group\" tab=T.Tab panel=T.Panel onChange=this.onFilter filters=this.internalFilters\n          )\n          close=D.close\n        )\n      }}\n    </Hds::FilterBar::Tabs>\n  </D.Generic>\n  <D.Footer @hasDivider={{true}}>\n    <Hds::ButtonSet>\n      {{#unless this.isLiveFilter}}\n        <Hds::Button\n          @text={{hds-t \"hds.components.filter-bar.dropdown.apply\" default=\"Apply filters\"}}\n          @size=\"small\"\n          {{on \"click\" (fn this.onApply D.close)}}\n        />\n      {{/unless}}\n      <Hds::Button\n        @text={{hds-t \"hds.components.filter-bar.dropdown.clear\" default=\"Clear all filters\"}}\n        @color=\"secondary\"\n        @size=\"small\"\n        {{on \"click\" (fn this.onClear D.close)}}\n      />\n    </Hds::ButtonSet>\n  </D.Footer>\n</Hds::Dropdown>");
-
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-class HdsFilterBarDropdown extends Component {
-  static {
-    g(this.prototype, "internalFilters", [tracked], function () {
-      return {};
-    });
-  }
-  #internalFilters = (i(this, "internalFilters"), void 0);
-  constructor(owner, args) {
-    super(owner, args);
-    const {
-      filters
-    } = this.args;
-    if (filters) {
-      this.internalFilters = {
-        ...filters
-      };
-    }
-  }
-  _syncFilters = modifier((_element, [_filters]) => {
-    if (_filters) {
-      this.internalFilters = _filters;
-    }
-  });
-  get isLiveFilter() {
-    return this.args.isLiveFilter || false;
-  }
-  onFilter(key, keyFilter) {
-    this.internalFilters = this._updateFilter(key, keyFilter);
-    if (this.isLiveFilter) {
-      this._applyFilters();
-    }
-  }
-  static {
-    n(this.prototype, "onFilter", [action]);
-  }
-  onApply(closeDropdown) {
-    this._applyFilters(closeDropdown);
-  }
-  static {
-    n(this.prototype, "onApply", [action]);
-  }
-  onClear(closeDropdown) {
-    const {
-      onFilter
-    } = this.args;
-    this.internalFilters = {};
-    if (onFilter && typeof onFilter === 'function') {
-      onFilter(this.internalFilters);
-    }
-    if (closeDropdown && typeof closeDropdown === 'function') {
-      closeDropdown();
-    }
-  }
-  static {
-    n(this.prototype, "onClear", [action]);
-  }
-  get classNames() {
-    const classes = ['hds-filter-bar__dropdown'];
-    return classes.join(' ');
-  }
-  _updateFilter(key, keyFilter) {
-    const newFilters = {};
-    Object.keys(this.internalFilters).forEach(k => {
-      newFilters[k] = JSON.parse(JSON.stringify(this.internalFilters[k]));
-    });
-    if (keyFilter === undefined || Array.isArray(keyFilter) && keyFilter.length === 0) {
-      delete newFilters[key];
-    } else {
-      Object.assign(newFilters, {
-        [key]: keyFilter
-      });
-    }
-    return {
-      ...newFilters
-    };
-  }
-  _applyFilters = closeDropdown => {
-    const {
-      onFilter
-    } = this.args;
-    if (onFilter && typeof onFilter === 'function') {
-      onFilter(this.internalFilters);
-    }
-    if (closeDropdown && typeof closeDropdown === 'function') {
-      closeDropdown();
-    }
-  };
-  _onClose = () => {
-    const {
-      filters
-    } = this.args;
-    if (filters) {
-      this.internalFilters = {
-        ...filters
-      };
-    } else {
-      this.internalFilters = {};
-    }
-  };
-}
-setComponentTemplate(TEMPLATE, HdsFilterBarDropdown);
-
-export { HdsFilterBarDropdown as default };
-//# sourceMappingURL=dropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","sources":["../../../../src/components/hds/filter-bar/dropdown.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';\nimport { tracked } from '@glimmer/tracking';\nimport { modifier } from 'ember-modifier';\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\n\nimport HdsFilterBarFilterGroup from './filter-group/index.ts';\nimport type { HdsFilterBarFilters, HdsFilterBarFilter } from './types.ts';\n\nimport type { HdsDropdownSignature } from '../dropdown/index.ts';\n\nexport interface HdsFilterBarDropdownSignature {\n  Args: HdsDropdownSignature['Args'] & {\n    filters: HdsFilterBarFilters;\n    isLiveFilter: boolean;\n    onFilter?: (filters: HdsFilterBarFilters) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        FilterGroup?: WithBoundArgs<\n          typeof HdsFilterBarFilterGroup,\n          'tab' | 'panel' | 'filters' | 'onChange'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFilterBarDropdown extends Component<\n  HdsDropdownSignature & HdsFilterBarDropdownSignature\n> {\n  @tracked internalFilters: HdsFilterBarFilters = {};\n\n  constructor(owner: Owner, args: HdsFilterBarDropdownSignature['Args']) {\n    super(owner, args);\n\n    const { filters } = this.args;\n\n    if (filters) {\n      this.internalFilters = { ...filters };\n    }\n  }\n\n  private _syncFilters = modifier(\n    (_element, [_filters]: [HdsFilterBarFilters | undefined]) => {\n      if (_filters) {\n        this.internalFilters = _filters;\n      }\n    }\n  );\n\n  get isLiveFilter(): boolean {\n    return this.args.isLiveFilter || false;\n  }\n\n  @action\n  onFilter(key: string, keyFilter?: HdsFilterBarFilter): void {\n    this.internalFilters = this._updateFilter(key, keyFilter);\n\n    if (this.isLiveFilter) {\n      this._applyFilters();\n    }\n  }\n\n  @action\n  onApply(closeDropdown?: () => void): void {\n    this._applyFilters(closeDropdown);\n  }\n\n  @action\n  onClear(closeDropdown?: () => void): void {\n    const { onFilter } = this.args;\n    this.internalFilters = {};\n\n    if (onFilter && typeof onFilter === 'function') {\n      onFilter(this.internalFilters);\n    }\n\n    if (closeDropdown && typeof closeDropdown === 'function') {\n      closeDropdown();\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-filter-bar__dropdown'];\n\n    return classes.join(' ');\n  }\n\n  private _updateFilter(\n    key: string,\n    keyFilter?: HdsFilterBarFilter\n  ): HdsFilterBarFilters {\n    const newFilters = {} as HdsFilterBarFilters;\n\n    Object.keys(this.internalFilters).forEach((k) => {\n      newFilters[k] = JSON.parse(\n        JSON.stringify(this.internalFilters[k])\n      ) as HdsFilterBarFilter;\n    });\n    if (\n      keyFilter === undefined ||\n      (Array.isArray(keyFilter) && keyFilter.length === 0)\n    ) {\n      delete newFilters[key];\n    } else {\n      Object.assign(newFilters, { [key]: keyFilter });\n    }\n\n    return { ...newFilters };\n  }\n\n  private _applyFilters = (closeDropdown?: () => void): void => {\n    const { onFilter } = this.args;\n    if (onFilter && typeof onFilter === 'function') {\n      onFilter(this.internalFilters);\n    }\n\n    if (closeDropdown && typeof closeDropdown === 'function') {\n      closeDropdown();\n    }\n  };\n\n  private _onClose = (): void => {\n    const { filters } = this.args;\n    if (filters) {\n      this.internalFilters = { ...filters };\n    } else {\n      this.internalFilters = {};\n    }\n  };\n}\n"],"names":["HdsFilterBarDropdown","Component","g","prototype","tracked","i","void 0","constructor","owner","args","filters","internalFilters","_syncFilters","modifier","_element","_filters","isLiveFilter","onFilter","key","keyFilter","_updateFilter","_applyFilters","n","action","onApply","closeDropdown","onClear","classNames","classes","join","newFilters","Object","keys","forEach","k","JSON","parse","stringify","undefined","Array","isArray","length","assign","_onClose","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;;AAiCe,MAAMA,oBAAoB,SAASC,SAAS,CAEzD;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CACCC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwC,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAAC,MAAA;AAElDC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAA2C,EAAE;AACrE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElB,MAAM;AAAEC,MAAAA;KAAS,GAAG,IAAI,CAACD,IAAI;AAE7B,IAAA,IAAIC,OAAO,EAAE;MACX,IAAI,CAACC,eAAe,GAAG;QAAE,GAAGD;OAAS;AACvC,IAAA;AACF,EAAA;EAEQE,YAAY,GAAGC,QAAQ,CAC7B,CAACC,QAAQ,EAAE,CAACC,QAAQ,CAAoC,KAAK;AAC3D,IAAA,IAAIA,QAAQ,EAAE;MACZ,IAAI,CAACJ,eAAe,GAAGI,QAAQ;AACjC,IAAA;AACF,EAAA,CACF,CAAC;EAED,IAAIC,YAAYA,GAAY;AAC1B,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,YAAY,IAAI,KAAK;AACxC,EAAA;AAGAC,EAAAA,QAAQA,CAACC,GAAW,EAAEC,SAA8B,EAAQ;IAC1D,IAAI,CAACR,eAAe,GAAG,IAAI,CAACS,aAAa,CAACF,GAAG,EAAEC,SAAS,CAAC;IAEzD,IAAI,IAAI,CAACH,YAAY,EAAE;MACrB,IAAI,CAACK,aAAa,EAAE;AACtB,IAAA;AACF,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAnB,SAAA,EAAA,UAAA,EAAA,CAPAoB,MAAM,CAAA,CAAA;AAAA;EAUPC,OAAOA,CAACC,aAA0B,EAAQ;AACxC,IAAA,IAAI,CAACJ,aAAa,CAACI,aAAa,CAAC;AACnC,EAAA;AAAC,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAnB,SAAA,EAAA,SAAA,EAAA,CAHAoB,MAAM,CAAA,CAAA;AAAA;EAMPG,OAAOA,CAACD,aAA0B,EAAQ;IACxC,MAAM;AAAER,MAAAA;KAAU,GAAG,IAAI,CAACR,IAAI;AAC9B,IAAA,IAAI,CAACE,eAAe,GAAG,EAAE;AAEzB,IAAA,IAAIM,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;AAC9CA,MAAAA,QAAQ,CAAC,IAAI,CAACN,eAAe,CAAC;AAChC,IAAA;AAEA,IAAA,IAAIc,aAAa,IAAI,OAAOA,aAAa,KAAK,UAAU,EAAE;AACxDA,MAAAA,aAAa,EAAE;AACjB,IAAA;AACF,EAAA;AAAC,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAnB,SAAA,EAAA,SAAA,EAAA,CAZAoB,MAAM,CAAA,CAAA;AAAA;EAcP,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,0BAA0B,CAAC;AAE5C,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AAEQT,EAAAA,aAAaA,CACnBF,GAAW,EACXC,SAA8B,EACT;IACrB,MAAMW,UAAU,GAAG,EAAyB;IAE5CC,MAAM,CAACC,IAAI,CAAC,IAAI,CAACrB,eAAe,CAAC,CAACsB,OAAO,CAAEC,CAAC,IAAK;AAC/CJ,MAAAA,UAAU,CAACI,CAAC,CAAC,GAAGC,IAAI,CAACC,KAAK,CACxBD,IAAI,CAACE,SAAS,CAAC,IAAI,CAAC1B,eAAe,CAACuB,CAAC,CAAC,CACxC,CAAuB;AACzB,IAAA,CAAC,CAAC;AACF,IAAA,IACEf,SAAS,KAAKmB,SAAS,IACtBC,KAAK,CAACC,OAAO,CAACrB,SAAS,CAAC,IAAIA,SAAS,CAACsB,MAAM,KAAK,CAAE,EACpD;MACA,OAAOX,UAAU,CAACZ,GAAG,CAAC;AACxB,IAAA,CAAC,MAAM;AACLa,MAAAA,MAAM,CAACW,MAAM,CAACZ,UAAU,EAAE;AAAE,QAAA,CAACZ,GAAG,GAAGC;AAAU,OAAC,CAAC;AACjD,IAAA;IAEA,OAAO;MAAE,GAAGW;KAAY;AAC1B,EAAA;EAEQT,aAAa,GAAII,aAA0B,IAAW;IAC5D,MAAM;AAAER,MAAAA;KAAU,GAAG,IAAI,CAACR,IAAI;AAC9B,IAAA,IAAIQ,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;AAC9CA,MAAAA,QAAQ,CAAC,IAAI,CAACN,eAAe,CAAC;AAChC,IAAA;AAEA,IAAA,IAAIc,aAAa,IAAI,OAAOA,aAAa,KAAK,UAAU,EAAE;AACxDA,MAAAA,aAAa,EAAE;AACjB,IAAA;EACF,CAAC;EAEOkB,QAAQ,GAAGA,MAAY;IAC7B,MAAM;AAAEjC,MAAAA;KAAS,GAAG,IAAI,CAACD,IAAI;AAC7B,IAAA,IAAIC,OAAO,EAAE;MACX,IAAI,CAACC,eAAe,GAAG;QAAE,GAAGD;OAAS;AACvC,IAAA,CAAC,MAAM;AACL,MAAA,IAAI,CAACC,eAAe,GAAG,EAAE;AAC3B,IAAA;EACF,CAAC;AACH;AAACiC,oBAAA,CAAAC,QAAA,EAvGoB7C,oBAAoB,CAAA;;;;"}

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

@@ -1,41 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-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>");
-
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-class HdsFilterBarFilterGroupCheckbox extends Component {
-  onChange(event) {
-    const {
-      onChange,
-      label
-    } = this.args;
-    if (onChange && typeof onChange === 'function') {
-      onChange(event, label);
-    }
-  }
-  static {
-    n(this.prototype, "onChange", [action]);
-  }
-  get isChecked() {
-    const {
-      keyFilter,
-      value
-    } = this.args;
-    if (keyFilter && Array.isArray(keyFilter.data)) {
-      return keyFilter.data.some(filter => filter.value === value);
-    }
-    return false;
-  }
-}
-setComponentTemplate(TEMPLATE, HdsFilterBarFilterGroupCheckbox);
-
-export { HdsFilterBarFilterGroupCheckbox as default };
-//# sourceMappingURL=checkbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/hds/filter-bar/filter-group/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 HdsFilterBarFilterGroupCheckboxSignature {\n  Args: {\n    value?: string;\n    label?: string;\n    keyFilter: HdsFilterBarFilter | undefined;\n    onChange?: (event: Event, label?: string) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFilterBarFilterGroupCheckbox extends Component<HdsFilterBarFilterGroupCheckboxSignature> {\n  @action\n  onChange(event: Event): void {\n    const { onChange, label } = this.args;\n    if (onChange && typeof onChange === 'function') {\n      onChange(event, label);\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":["HdsFilterBarFilterGroupCheckbox","Component","onChange","event","label","args","n","prototype","action","isChecked","keyFilter","value","Array","isArray","data","some","filter","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAoBe,MAAMA,+BAA+B,SAASC,SAAS,CAA2C;EAE/GC,QAAQA,CAACC,KAAY,EAAQ;IAC3B,MAAM;MAAED,QAAQ;AAAEE,MAAAA;KAAO,GAAG,IAAI,CAACC,IAAI;AACrC,IAAA,IAAIH,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;AAC9CA,MAAAA,QAAQ,CAACC,KAAK,EAAEC,KAAK,CAAC;AACxB,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,EAhBoBlB,+BAA+B,CAAA;;;;"}

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

@@ -1,164 +0,0 @@
-import Component from '@glimmer/component';
-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 { 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>");
-
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-const DATE_SELECTORS = Object.values(HdsFilterBarDateFilterSelectorValues);
-const DATE_SELECTORS_TEXT = {
-  [HdsFilterBarDateFilterSelectorValues.before]: 'before',
-  [HdsFilterBarDateFilterSelectorValues.exactly]: 'exactly',
-  [HdsFilterBarDateFilterSelectorValues.after]: 'after',
-  [HdsFilterBarDateFilterSelectorValues.between]: 'between'
-};
-const DATE_SELECTORS_INPUT_TEXT = {
-  [HdsFilterBarDateFilterSelectorValues.before]: 'Before',
-  [HdsFilterBarDateFilterSelectorValues.exactly]: 'Exactly',
-  [HdsFilterBarDateFilterSelectorValues.after]: 'After',
-  [HdsFilterBarDateFilterSelectorValues.between]: 'Between'
-};
-class HdsFilterBarFilterGroupDate extends Component {
-  static {
-    g(this.prototype, "hdsIntl", [service]);
-  }
-  #hdsIntl = (i(this, "hdsIntl"), void 0);
-  static {
-    g(this.prototype, "_selector", [tracked]);
-  }
-  #_selector = (i(this, "_selector"), void 0);
-  static {
-    g(this.prototype, "_value", [tracked]);
-  }
-  #_value = (i(this, "_value"), void 0);
-  static {
-    g(this.prototype, "_betweenValueStart", [tracked]);
-  }
-  #_betweenValueStart = (i(this, "_betweenValueStart"), void 0);
-  static {
-    g(this.prototype, "_betweenValueEnd", [tracked]);
-  }
-  #_betweenValueEnd = (i(this, "_betweenValueEnd"), void 0);
-  _selectorValues = DATE_SELECTORS;
-  _selectorInputId = 'selector-input-' + guidFor(this);
-  _valueInputId = 'value-input-' + guidFor(this);
-  _betweenValueStartInputId = 'between-value-start-input-' + guidFor(this);
-  _betweenValueEndInputId = 'between-value-end-input-' + guidFor(this);
-  constructor(owner, args) {
-    super(owner, args);
-    const {
-      keyFilter
-    } = this.args;
-    if (keyFilter && (keyFilter.type === 'date' || keyFilter.type === 'time' || keyFilter.type === 'datetime')) {
-      const data = keyFilter.data;
-      this._selector = data.selector;
-      if (data.selector === 'between') {
-        if (data.value && typeof data.value === 'object' && 'start' in data.value && 'end' in data.value) {
-          this._betweenValueStart = data.value.start;
-          this._betweenValueEnd = data.value.end;
-        }
-      } else {
-        this._value = data.value;
-      }
-    }
-  }
-  get type() {
-    return this.args.type || 'date';
-  }
-  get inputType() {
-    if (this.type === 'datetime') {
-      return 'datetime-local';
-    }
-    return this.type;
-  }
-  get selectorLabelText() {
-    return this.hdsIntl.t(`hds.components.filter-bar.date.${this.type}.label`, {
-      default: 'Date is'
-    });
-  }
-  onSelectorChange(event) {
-    const select = event.target;
-    this._selector = select.value;
-    if (this._selector === 'between') {
-      this._value = undefined;
-    } else {
-      this._betweenValueStart = undefined;
-      this._betweenValueEnd = undefined;
-    }
-    this._onChange();
-  }
-  static {
-    n(this.prototype, "onSelectorChange", [action]);
-  }
-  onValueChange(event) {
-    const input = event.target;
-    this._value = input.value;
-    this._onChange();
-  }
-  static {
-    n(this.prototype, "onValueChange", [action]);
-  }
-  onBetweenValueStartChange(event) {
-    const input = event.target;
-    this._betweenValueStart = input.value;
-    this._onChange();
-  }
-  static {
-    n(this.prototype, "onBetweenValueStartChange", [action]);
-  }
-  onBetweenValueEndChange(event) {
-    const input = event.target;
-    this._betweenValueEnd = input.value;
-    this._onChange();
-  }
-  static {
-    n(this.prototype, "onBetweenValueEndChange", [action]);
-  }
-  onClear() {
-    this._resetInputValues();
-    this._onChange();
-  }
-  static {
-    n(this.prototype, "onClear", [action]);
-  }
-  _onChange() {
-    const {
-      onChange
-    } = this.args;
-    if (onChange && typeof onChange === 'function') {
-      if (this._selector === 'between' && this._betweenValueStart !== undefined && this._betweenValueEnd !== undefined) {
-        onChange(this._selector, {
-          start: this._betweenValueStart,
-          end: this._betweenValueEnd
-        });
-      } else {
-        onChange(this._selector, this._value);
-      }
-    }
-  }
-  _selectorText = selector => {
-    return this.hdsIntl.t(`hds.components.filter-bar.date.selector-input.${selector}`, {
-      default: DATE_SELECTORS_INPUT_TEXT[selector]
-    });
-  };
-  _resetInputValues = () => {
-    this._selector = undefined;
-    this._value = undefined;
-    this._betweenValueStart = undefined;
-    this._betweenValueEnd = undefined;
-  };
-}
-setComponentTemplate(TEMPLATE, HdsFilterBarFilterGroupDate);
-
-export { DATE_SELECTORS, DATE_SELECTORS_INPUT_TEXT, DATE_SELECTORS_TEXT, HdsFilterBarFilterGroupDate as default };
-//# sourceMappingURL=date.js.map