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

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

@@ -1,21 +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 HdsFilterBarRadioSignature {
-    Args: {
-        value?: string;
-        keyFilter: HdsFilterBarFilter | undefined;
-        onChange?: (event: Event) => void;
-    };
-    Blocks: {
-        default: [];
-    };
-    Element: HTMLDivElement;
-}
-export default class HdsFilterBarRadio extends Component<HdsFilterBarRadioSignature> {
-    onChange(event: Event): void;
-    get isChecked(): boolean;
-}

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

@@ -1,45 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-import Component from '@glimmer/component';
-import type Owner from '@ember/owner';
-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?: HdsFilterBarRangeFilterSelector, value?: HdsFilterBarRangeFilterValue) => void;
-    };
-    Blocks: {
-        default: [];
-    };
-    Element: HTMLDivElement;
-}
-export default class HdsFilterBarRange extends Component<HdsFilterBarRangeSignature> {
-    hdsIntl: HdsIntlService;
-    private _selector;
-    private _value;
-    private _betweenValueStart;
-    private _betweenValueEnd;
-    private _selectorValues;
-    private _selectorInputId;
-    private _valueInputId;
-    private _betweenValueStartInputId;
-    private _betweenValueEndInputId;
-    constructor(owner: Owner, args: HdsFilterBarRangeSignature['Args']);
-    get stringValue(): string | undefined;
-    get stringBetweenValueStart(): string | undefined;
-    get stringBetweenValueEnd(): string | undefined;
-    onSelectorChange(event: Event): void;
-    onValueChange(event: Event): void;
-    onBetweenValueStartChange(event: Event): void;
-    onBetweenValueEndChange(event: Event): void;
-    onClear(): void;
-    private _onChange;
-    private _selectorText;
-    private _resetInputValues;
-}

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,86 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-export declare enum HdsFilterBarFilterTypeValues {
-    multiSelect = "multi-select",
-    singleSelect = "single-select",
-    range = "range",
-    date = "date",
-    time = "time",
-    datetime = "datetime",
-    generic = "generic",
-    search = "search"
-}
-export type HdsFilterBarFilterType = `${HdsFilterBarFilterTypeValues}`;
-export interface HdsFilterBarGenericFilterData {
-    value: unknown;
-}
-export interface HdsFilterBarRangeFilterData {
-    selector: HdsFilterBarRangeFilterSelector;
-    value: HdsFilterBarRangeFilterValue;
-}
-export interface HdsFilterBarDateFilterData {
-    selector: HdsFilterBarDateFilterSelector;
-    value: HdsFilterBarDateFilterValue;
-}
-export type HdsFilterBarData = HdsFilterBarGenericFilterData[] | HdsFilterBarGenericFilterData | HdsFilterBarRangeFilterData | 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 HdsFilterBarRangeFilter {
-    type: 'range';
-    text?: string;
-    data: HdsFilterBarRangeFilterData;
-}
-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 | HdsFilterBarRangeFilter | HdsFilterBarDateFilter | HdsFilterBarSearchFilter | HdsFilterBarGenericFilter;
-export interface HdsFilterBarFilters {
-    [name: string]: HdsFilterBarFilter;
-}
-export declare enum HdsFilterBarRangeFilterSelectorValues {
-    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 HdsFilterBarRangeFilterSelector = `${HdsFilterBarRangeFilterSelectorValues}`;
-export declare enum HdsFilterBarDateFilterSelectorValues {
-    before = "before",
-    exactly = "exactly",
-    after = "after",
-    between = "between"
-}
-export type HdsFilterBarDateFilterSelector = `${HdsFilterBarDateFilterSelectorValues}`;
-export type HdsFilterBarRangeFilterValue = number | {
-    start?: number;
-    end?: number;
-};
-export type HdsFilterBarDateFilterValue = string | {
-    start?: string;
-    end?: string;
-};

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

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

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

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

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";

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

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

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

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

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

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

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

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

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/checkbox.js

@@ -1,40 +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__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 HdsFilterBarCheckbox extends Component {
-  onChange(event) {
-    const {
-      onChange
-    } = this.args;
-    if (onChange && typeof onChange === 'function') {
-      onChange(event);
-    }
-  }
-  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, HdsFilterBarCheckbox);
-
-export { HdsFilterBarCheckbox as default };
-//# sourceMappingURL=checkbox.js.map

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

@@ -1 +0,0 @@
-{"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/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__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.
- * 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 HdsFilterBarDate 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, HdsFilterBarDate);
-
-export { DATE_SELECTORS, DATE_SELECTORS_INPUT_TEXT, DATE_SELECTORS_TEXT, HdsFilterBarDate as default };
-//# sourceMappingURL=date.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"date.js","sources":["../../../../src/components/hds/filter-bar/date.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 type Owner from '@ember/owner';\nimport { guidFor } from '@ember/object/internals';\nimport { service } from '@ember/service';\n\nimport type HdsIntlService from '../../../services/hds-intl';\nimport type { HdsFormTextInputTypes } from '../form/text-input/types.ts';\n\nimport type {\n  HdsFilterBarFilter,\n  HdsFilterBarDateFilterSelector,\n  HdsFilterBarDateFilterValue,\n} from './types.ts';\nimport { HdsFilterBarDateFilterSelectorValues } from './types.ts';\n\nexport const DATE_SELECTORS: HdsFilterBarDateFilterSelector[] = Object.values(\n  HdsFilterBarDateFilterSelectorValues\n);\n\nexport const DATE_SELECTORS_TEXT: Record<\n  HdsFilterBarDateFilterSelector,\n  string\n> = {\n  [HdsFilterBarDateFilterSelectorValues.before]: 'before',\n  [HdsFilterBarDateFilterSelectorValues.exactly]: 'exactly',\n  [HdsFilterBarDateFilterSelectorValues.after]: 'after',\n  [HdsFilterBarDateFilterSelectorValues.between]: 'between',\n};\n\nexport const DATE_SELECTORS_INPUT_TEXT: Record<\n  HdsFilterBarDateFilterSelector,\n  string\n> = {\n  [HdsFilterBarDateFilterSelectorValues.before]: 'Before',\n  [HdsFilterBarDateFilterSelectorValues.exactly]: 'Exactly',\n  [HdsFilterBarDateFilterSelectorValues.after]: 'After',\n  [HdsFilterBarDateFilterSelectorValues.between]: 'Between',\n};\n\nexport interface HdsFilterBarDateSignature {\n  Args: {\n    keyFilter: HdsFilterBarFilter | undefined;\n    type?: 'date' | 'time' | 'datetime';\n    onChange?: (\n      selector?: HdsFilterBarDateFilterSelector,\n      value?: HdsFilterBarDateFilterValue\n    ) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFilterBarDate extends Component<HdsFilterBarDateSignature> {\n  @service hdsIntl!: HdsIntlService;\n\n  @tracked private _selector: HdsFilterBarDateFilterSelector | undefined;\n  @tracked private _value: string | undefined;\n  @tracked private _betweenValueStart: string | undefined;\n  @tracked private _betweenValueEnd: string | undefined;\n\n  private _selectorValues = DATE_SELECTORS;\n  private _selectorInputId = 'selector-input-' + guidFor(this);\n  private _valueInputId = 'value-input-' + guidFor(this);\n  private _betweenValueStartInputId =\n    'between-value-start-input-' + guidFor(this);\n  private _betweenValueEndInputId = 'between-value-end-input-' + guidFor(this);\n\n  constructor(owner: Owner, args: HdsFilterBarDateSignature['Args']) {\n    super(owner, args);\n\n    const { keyFilter } = this.args;\n    if (\n      keyFilter &&\n      (keyFilter.type === 'date' ||\n        keyFilter.type === 'time' ||\n        keyFilter.type === 'datetime')\n    ) {\n      const data = keyFilter.data;\n      this._selector = data.selector;\n      if (data.selector === 'between') {\n        if (\n          data.value &&\n          typeof data.value === 'object' &&\n          'start' in data.value &&\n          'end' in data.value\n        ) {\n          this._betweenValueStart = data.value.start;\n          this._betweenValueEnd = data.value.end;\n        }\n      } else {\n        this._value = data.value as string;\n      }\n    }\n  }\n\n  get type(): 'date' | 'time' | 'datetime' {\n    return this.args.type || 'date';\n  }\n\n  get inputType(): HdsFormTextInputTypes {\n    if (this.type === 'datetime') {\n      return 'datetime-local';\n    }\n    return this.type;\n  }\n\n  get selectorLabelText(): string {\n    return this.hdsIntl.t(`hds.components.filter-bar.date.${this.type}.label`, {\n      default: 'Date is',\n    });\n  }\n\n  @action\n  onSelectorChange(event: Event): void {\n    const select = event.target as HTMLSelectElement;\n    this._selector = select.value as HdsFilterBarDateFilterSelector;\n    if (this._selector === 'between') {\n      this._value = undefined;\n    } else {\n      this._betweenValueStart = undefined;\n      this._betweenValueEnd = undefined;\n    }\n    this._onChange();\n  }\n\n  @action\n  onValueChange(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    this._value = input.value;\n    this._onChange();\n  }\n\n  @action\n  onBetweenValueStartChange(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    this._betweenValueStart = input.value;\n    this._onChange();\n  }\n\n  @action\n  onBetweenValueEndChange(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    this._betweenValueEnd = input.value;\n    this._onChange();\n  }\n\n  @action\n  onClear(): void {\n    this._resetInputValues();\n    this._onChange();\n  }\n\n  private _onChange(): void {\n    const { onChange } = this.args;\n    if (onChange && typeof onChange === 'function') {\n      if (\n        this._selector === 'between' &&\n        this._betweenValueStart !== undefined &&\n        this._betweenValueEnd !== undefined\n      ) {\n        onChange(this._selector, {\n          start: this._betweenValueStart,\n          end: this._betweenValueEnd,\n        });\n      } else {\n        onChange(this._selector, this._value);\n      }\n    }\n  }\n\n  private _selectorText = (\n    selector: HdsFilterBarDateFilterSelector\n  ): string => {\n    return this.hdsIntl.t(\n      `hds.components.filter-bar.date.selector-input.${selector}`,\n      {\n        default: DATE_SELECTORS_INPUT_TEXT[selector],\n      }\n    );\n  };\n\n  private _resetInputValues = (): void => {\n    this._selector = undefined;\n    this._value = undefined;\n    this._betweenValueStart = undefined;\n    this._betweenValueEnd = undefined;\n  };\n}\n"],"names":["DATE_SELECTORS","Object","values","HdsFilterBarDateFilterSelectorValues","DATE_SELECTORS_TEXT","before","exactly","after","between","DATE_SELECTORS_INPUT_TEXT","HdsFilterBarDate","Component","g","prototype","service","i","void 0","tracked","_selectorValues","_selectorInputId","guidFor","_valueInputId","_betweenValueStartInputId","_betweenValueEndInputId","constructor","owner","args","keyFilter","type","data","_selector","selector","value","_betweenValueStart","start","_betweenValueEnd","end","_value","inputType","selectorLabelText","hdsIntl","t","default","onSelectorChange","event","select","target","undefined","_onChange","n","action","onValueChange","input","onBetweenValueStartChange","onBetweenValueEndChange","onClear","_resetInputValues","onChange","_selectorText","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;;AAmBO,MAAMA,cAAgD,GAAGC,MAAM,CAACC,MAAM,CAC3EC,oCACF;AAEO,MAAMC,mBAGZ,GAAG;AACF,EAAA,CAACD,oCAAoC,CAACE,MAAM,GAAG,QAAQ;AACvD,EAAA,CAACF,oCAAoC,CAACG,OAAO,GAAG,SAAS;AACzD,EAAA,CAACH,oCAAoC,CAACI,KAAK,GAAG,OAAO;EACrD,CAACJ,oCAAoC,CAACK,OAAO,GAAG;AAClD;AAEO,MAAMC,yBAGZ,GAAG;AACF,EAAA,CAACN,oCAAoC,CAACE,MAAM,GAAG,QAAQ;AACvD,EAAA,CAACF,oCAAoC,CAACG,OAAO,GAAG,SAAS;AACzD,EAAA,CAACH,oCAAoC,CAACI,KAAK,GAAG,OAAO;EACrD,CAACJ,oCAAoC,CAACK,OAAO,GAAG;AAClD;AAiBe,MAAME,gBAAgB,SAASC,SAAS,CAA4B;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAChFC,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAEPI,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,UAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CACPI,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,OAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,oBAAA,EAAA,CACPI,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,mBAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,oBAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,kBAAA,EAAA,CACPI,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,iBAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAAC,MAAA;AAEAE,EAAAA,eAAe,GAAGlB,cAAc;AAChCmB,EAAAA,gBAAgB,GAAG,iBAAiB,GAAGC,OAAO,CAAC,IAAI,CAAC;AACpDC,EAAAA,aAAa,GAAG,cAAc,GAAGD,OAAO,CAAC,IAAI,CAAC;AAC9CE,EAAAA,yBAAyB,GAC/B,4BAA4B,GAAGF,OAAO,CAAC,IAAI,CAAC;AACtCG,EAAAA,uBAAuB,GAAG,0BAA0B,GAAGH,OAAO,CAAC,IAAI,CAAC;AAE5EI,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAuC,EAAE;AACjE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElB,MAAM;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACD,IAAI;IAC/B,IACEC,SAAS,KACRA,SAAS,CAACC,IAAI,KAAK,MAAM,IACxBD,SAAS,CAACC,IAAI,KAAK,MAAM,IACzBD,SAAS,CAACC,IAAI,KAAK,UAAU,CAAC,EAChC;AACA,MAAA,MAAMC,IAAI,GAAGF,SAAS,CAACE,IAAI;AAC3B,MAAA,IAAI,CAACC,SAAS,GAAGD,IAAI,CAACE,QAAQ;AAC9B,MAAA,IAAIF,IAAI,CAACE,QAAQ,KAAK,SAAS,EAAE;QAC/B,IACEF,IAAI,CAACG,KAAK,IACV,OAAOH,IAAI,CAACG,KAAK,KAAK,QAAQ,IAC9B,OAAO,IAAIH,IAAI,CAACG,KAAK,IACrB,KAAK,IAAIH,IAAI,CAACG,KAAK,EACnB;AACA,UAAA,IAAI,CAACC,kBAAkB,GAAGJ,IAAI,CAACG,KAAK,CAACE,KAAK;AAC1C,UAAA,IAAI,CAACC,gBAAgB,GAAGN,IAAI,CAACG,KAAK,CAACI,GAAG;AACxC,QAAA;AACF,MAAA,CAAC,MAAM;AACL,QAAA,IAAI,CAACC,MAAM,GAAGR,IAAI,CAACG,KAAe;AACpC,MAAA;AACF,IAAA;AACF,EAAA;EAEA,IAAIJ,IAAIA,GAAiC;AACvC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,IAAI,IAAI,MAAM;AACjC,EAAA;EAEA,IAAIU,SAASA,GAA0B;AACrC,IAAA,IAAI,IAAI,CAACV,IAAI,KAAK,UAAU,EAAE;AAC5B,MAAA,OAAO,gBAAgB;AACzB,IAAA;IACA,OAAO,IAAI,CAACA,IAAI;AAClB,EAAA;EAEA,IAAIW,iBAAiBA,GAAW;IAC9B,OAAO,IAAI,CAACC,OAAO,CAACC,CAAC,CAAC,CAAA,+BAAA,EAAkC,IAAI,CAACb,IAAI,CAAA,MAAA,CAAQ,EAAE;AACzEc,MAAAA,OAAO,EAAE;AACX,KAAC,CAAC;AACJ,EAAA;EAGAC,gBAAgBA,CAACC,KAAY,EAAQ;AACnC,IAAA,MAAMC,MAAM,GAAGD,KAAK,CAACE,MAA2B;AAChD,IAAA,IAAI,CAAChB,SAAS,GAAGe,MAAM,CAACb,KAAuC;AAC/D,IAAA,IAAI,IAAI,CAACF,SAAS,KAAK,SAAS,EAAE;MAChC,IAAI,CAACO,MAAM,GAAGU,SAAS;AACzB,IAAA,CAAC,MAAM;MACL,IAAI,CAACd,kBAAkB,GAAGc,SAAS;MACnC,IAAI,CAACZ,gBAAgB,GAAGY,SAAS;AACnC,IAAA;IACA,IAAI,CAACC,SAAS,EAAE;AAClB,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAApC,SAAA,EAAA,kBAAA,EAAA,CAXAqC,MAAM,CAAA,CAAA;AAAA;EAcPC,aAAaA,CAACP,KAAY,EAAQ;AAChC,IAAA,MAAMQ,KAAK,GAAGR,KAAK,CAACE,MAA0B;AAC9C,IAAA,IAAI,CAACT,MAAM,GAAGe,KAAK,CAACpB,KAAK;IACzB,IAAI,CAACgB,SAAS,EAAE;AAClB,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAApC,SAAA,EAAA,eAAA,EAAA,CALAqC,MAAM,CAAA,CAAA;AAAA;EAQPG,yBAAyBA,CAACT,KAAY,EAAQ;AAC5C,IAAA,MAAMQ,KAAK,GAAGR,KAAK,CAACE,MAA0B;AAC9C,IAAA,IAAI,CAACb,kBAAkB,GAAGmB,KAAK,CAACpB,KAAK;IACrC,IAAI,CAACgB,SAAS,EAAE;AAClB,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAApC,SAAA,EAAA,2BAAA,EAAA,CALAqC,MAAM,CAAA,CAAA;AAAA;EAQPI,uBAAuBA,CAACV,KAAY,EAAQ;AAC1C,IAAA,MAAMQ,KAAK,GAAGR,KAAK,CAACE,MAA0B;AAC9C,IAAA,IAAI,CAACX,gBAAgB,GAAGiB,KAAK,CAACpB,KAAK;IACnC,IAAI,CAACgB,SAAS,EAAE;AAClB,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAApC,SAAA,EAAA,yBAAA,EAAA,CALAqC,MAAM,CAAA,CAAA;AAAA;AAQPK,EAAAA,OAAOA,GAAS;IACd,IAAI,CAACC,iBAAiB,EAAE;IACxB,IAAI,CAACR,SAAS,EAAE;AAClB,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAApC,SAAA,EAAA,SAAA,EAAA,CAJAqC,MAAM,CAAA,CAAA;AAAA;AAMCF,EAAAA,SAASA,GAAS;IACxB,MAAM;AAAES,MAAAA;KAAU,GAAG,IAAI,CAAC/B,IAAI;AAC9B,IAAA,IAAI+B,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;AAC9C,MAAA,IACE,IAAI,CAAC3B,SAAS,KAAK,SAAS,IAC5B,IAAI,CAACG,kBAAkB,KAAKc,SAAS,IACrC,IAAI,CAACZ,gBAAgB,KAAKY,SAAS,EACnC;AACAU,QAAAA,QAAQ,CAAC,IAAI,CAAC3B,SAAS,EAAE;UACvBI,KAAK,EAAE,IAAI,CAACD,kBAAkB;UAC9BG,GAAG,EAAE,IAAI,CAACD;AACZ,SAAC,CAAC;AACJ,MAAA,CAAC,MAAM;QACLsB,QAAQ,CAAC,IAAI,CAAC3B,SAAS,EAAE,IAAI,CAACO,MAAM,CAAC;AACvC,MAAA;AACF,IAAA;AACF,EAAA;EAEQqB,aAAa,GACnB3B,QAAwC,IAC7B;IACX,OAAO,IAAI,CAACS,OAAO,CAACC,CAAC,CACnB,CAAA,8CAAA,EAAiDV,QAAQ,CAAA,CAAE,EAC3D;MACEW,OAAO,EAAEjC,yBAAyB,CAACsB,QAAQ;AAC7C,KACF,CAAC;EACH,CAAC;EAEOyB,iBAAiB,GAAGA,MAAY;IACtC,IAAI,CAAC1B,SAAS,GAAGiB,SAAS;IAC1B,IAAI,CAACV,MAAM,GAAGU,SAAS;IACvB,IAAI,CAACd,kBAAkB,GAAGc,SAAS;IACnC,IAAI,CAACZ,gBAAgB,GAAGY,SAAS;EACnC,CAAC;AACH;AAACY,oBAAA,CAAAC,QAAA,EAvIoBlD,gBAAgB,CAAA;;;;"}