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

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

@@ -1,98 +0,0 @@
-import Component from '@glimmer/component';
-import { guidFor } from '@ember/object/internals';
-import { action } from '@ember/object';
-import { modifier } from 'ember-modifier';
-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{{! template-lint-disable require-context-role no-invalid-role }}\n{{! template-lint-disable require-presentational-children }}\n<li class={{this.classNames}} ...attributes role=\"presentation\">\n  <button\n    class=\"hds-filter-bar__tabs__tab__button\"\n    id={{this._tabId}}\n    type=\"button\"\n    role=\"tab\"\n    aria-controls={{this.coupledPanelId}}\n    aria-selected={{if this.isSelected \"true\" \"false\"}}\n    tabindex={{unless this.isSelected \"-1\"}}\n    {{on \"click\" this.onClick}}\n    {{on \"keyup\" this.onKeyUp}}\n    {{this._setUpTab this.didInsertNode this.willDestroyNode}}\n  >\n    <Hds::Text::Body @size=\"200\" @weight=\"medium\" class=\"hds-filter-bar__tabs__tab__text\">{{yield}}</Hds::Text::Body>\n    {{#if (gt @numFilters 0)}}\n      <Hds::Text::Body @size=\"200\" @color=\"primary\">\n        {{@numFilters}}\n      </Hds::Text::Body>\n    {{/if}}\n    <Hds::Icon @name=\"chevron-right\" @color=\"primary\" />\n  </button>\n</li>\n{{! template-lint-enable require-presentational-children }}\n{{! template-lint-enable require-context-role no-invalid-role }}");
-
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-class HdsFilterBarTabsTab extends Component {
-  _tabId = 'tab-' + guidFor(this);
-  _elementId;
-  _setUpTab = modifier((element, [insertCallbackFunction, destroyCallbackFunction]) => {
-    if (typeof insertCallbackFunction === 'function') {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      insertCallbackFunction(element);
-    }
-    return () => {
-      if (typeof destroyCallbackFunction === 'function') {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-        destroyCallbackFunction(element);
-      }
-    };
-  });
-  get nodeIndex() {
-    return this.args.tabIds?.indexOf(this._tabId);
-  }
-  get coupledPanelId() {
-    return this.nodeIndex !== undefined ? this.args.panelIds?.[this.nodeIndex] : undefined;
-  }
-  get isSelected() {
-    return this.nodeIndex !== undefined && this.nodeIndex === this.args.selectedTabIndex;
-  }
-  didInsertNode(element) {
-    const {
-      didInsertNode
-    } = this.args;
-    if (typeof didInsertNode === 'function') {
-      this._elementId = element.id;
-      didInsertNode();
-    }
-  }
-  static {
-    n(this.prototype, "didInsertNode", [action]);
-  }
-  willDestroyNode(element) {
-    const {
-      willDestroyNode
-    } = this.args;
-    if (typeof willDestroyNode === 'function') {
-      willDestroyNode(element);
-    }
-  }
-  static {
-    n(this.prototype, "willDestroyNode", [action]);
-  }
-  onClick(event) {
-    const {
-      onClick
-    } = this.args;
-    if (this.nodeIndex !== undefined && typeof onClick === 'function') {
-      onClick(event, this.nodeIndex);
-    } else {
-      return false;
-    }
-  }
-  static {
-    n(this.prototype, "onClick", [action]);
-  }
-  onKeyUp(event) {
-    const {
-      onKeyUp
-    } = this.args;
-    if (this.nodeIndex !== undefined && typeof onKeyUp === 'function') {
-      onKeyUp(event, this.nodeIndex);
-    }
-  }
-  static {
-    n(this.prototype, "onKeyUp", [action]);
-  }
-  get classNames() {
-    const classes = ['hds-filter-bar__tabs__tab'];
-    if (this.isSelected) {
-      classes.push(`hds-filter-bar__tabs__tab--is-selected`);
-    }
-    return classes.join(' ');
-  }
-}
-setComponentTemplate(TEMPLATE, HdsFilterBarTabsTab);
-
-export { HdsFilterBarTabsTab as default };
-//# sourceMappingURL=tab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tab.js","sources":["../../../../../src/components/hds/filter-bar/tabs/tab.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { action } from '@ember/object';\nimport { modifier } from 'ember-modifier';\n\nexport interface HdsFilterBarTabsTabSignature {\n  Args: {\n    selectedTabIndex?: number;\n    tabIds?: string[];\n    panelIds?: string[];\n    numFilters?: number;\n    didInsertNode?: () => void;\n    willDestroyNode?: (element: HTMLButtonElement) => void;\n    onClick?: (event: MouseEvent, nodeIndex: number) => void;\n    onKeyUp?: (event: KeyboardEvent, nodeIndex: number) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFilterBarTabsTab extends Component<HdsFilterBarTabsTabSignature> {\n  private _tabId = 'tab-' + guidFor(this);\n  private _elementId?: string;\n\n  private _setUpTab = modifier(\n    (\n      element: HTMLElement,\n      [insertCallbackFunction, destroyCallbackFunction]\n    ) => {\n      if (typeof insertCallbackFunction === 'function') {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        insertCallbackFunction(element);\n      }\n\n      return () => {\n        if (typeof destroyCallbackFunction === 'function') {\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n          destroyCallbackFunction(element);\n        }\n      };\n    }\n  );\n\n  get nodeIndex(): number | undefined {\n    return this.args.tabIds?.indexOf(this._tabId);\n  }\n\n  get coupledPanelId(): string | undefined {\n    return this.nodeIndex !== undefined\n      ? this.args.panelIds?.[this.nodeIndex]\n      : undefined;\n  }\n\n  get isSelected(): boolean {\n    return (\n      this.nodeIndex !== undefined &&\n      this.nodeIndex === this.args.selectedTabIndex\n    );\n  }\n\n  @action\n  didInsertNode(element: HTMLButtonElement): void {\n    const { didInsertNode } = this.args;\n\n    if (typeof didInsertNode === 'function') {\n      this._elementId = element.id;\n      didInsertNode();\n    }\n  }\n\n  @action\n  willDestroyNode(element: HTMLButtonElement): void {\n    const { willDestroyNode } = this.args;\n\n    if (typeof willDestroyNode === 'function') {\n      willDestroyNode(element);\n    }\n  }\n\n  @action\n  onClick(event: MouseEvent): false | undefined {\n    const { onClick } = this.args;\n\n    if (this.nodeIndex !== undefined && typeof onClick === 'function') {\n      onClick(event, this.nodeIndex);\n    } else {\n      return false;\n    }\n  }\n\n  @action\n  onKeyUp(event: KeyboardEvent): void {\n    const { onKeyUp } = this.args;\n\n    if (this.nodeIndex !== undefined && typeof onKeyUp === 'function') {\n      onKeyUp(event, this.nodeIndex);\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-filter-bar__tabs__tab'];\n\n    if (this.isSelected) {\n      classes.push(`hds-filter-bar__tabs__tab--is-selected`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFilterBarTabsTab","Component","_tabId","guidFor","_elementId","_setUpTab","modifier","element","insertCallbackFunction","destroyCallbackFunction","nodeIndex","args","tabIds","indexOf","coupledPanelId","undefined","panelIds","isSelected","selectedTabIndex","didInsertNode","id","n","prototype","action","willDestroyNode","onClick","event","onKeyUp","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,35 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-let HdsFilterBarFilterTypeValues = /*#__PURE__*/function (HdsFilterBarFilterTypeValues) {
-  HdsFilterBarFilterTypeValues["multiSelect"] = "multi-select";
-  HdsFilterBarFilterTypeValues["singleSelect"] = "single-select";
-  HdsFilterBarFilterTypeValues["numerical"] = "numerical";
-  HdsFilterBarFilterTypeValues["date"] = "date";
-  HdsFilterBarFilterTypeValues["time"] = "time";
-  HdsFilterBarFilterTypeValues["datetime"] = "datetime";
-  HdsFilterBarFilterTypeValues["generic"] = "generic";
-  HdsFilterBarFilterTypeValues["search"] = "search";
-  return HdsFilterBarFilterTypeValues;
-}({});
-let HdsFilterBarNumericalFilterSelectorValues = /*#__PURE__*/function (HdsFilterBarNumericalFilterSelectorValues) {
-  HdsFilterBarNumericalFilterSelectorValues["lessThan"] = "less-than";
-  HdsFilterBarNumericalFilterSelectorValues["lessThanOrEqualTo"] = "less-than-or-equal-to";
-  HdsFilterBarNumericalFilterSelectorValues["equalTo"] = "equal-to";
-  HdsFilterBarNumericalFilterSelectorValues["greaterThanOrEqualTo"] = "greater-than-or-equal-to";
-  HdsFilterBarNumericalFilterSelectorValues["greaterThan"] = "greater-than";
-  HdsFilterBarNumericalFilterSelectorValues["between"] = "between";
-  return HdsFilterBarNumericalFilterSelectorValues;
-}({});
-let HdsFilterBarDateFilterSelectorValues = /*#__PURE__*/function (HdsFilterBarDateFilterSelectorValues) {
-  HdsFilterBarDateFilterSelectorValues["before"] = "before";
-  HdsFilterBarDateFilterSelectorValues["exactly"] = "exactly";
-  HdsFilterBarDateFilterSelectorValues["after"] = "after";
-  HdsFilterBarDateFilterSelectorValues["between"] = "between";
-  return HdsFilterBarDateFilterSelectorValues;
-}({});
-
-export { HdsFilterBarDateFilterSelectorValues, HdsFilterBarFilterTypeValues, HdsFilterBarNumericalFilterSelectorValues };
-//# sourceMappingURL=types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/filter-bar/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFilterBarFilterTypeValues {\n  multiSelect = 'multi-select',\n  singleSelect = 'single-select',\n  numerical = 'numerical',\n  date = 'date',\n  time = 'time',\n  datetime = 'datetime',\n  generic = 'generic',\n  search = 'search',\n}\n\nexport type HdsFilterBarFilterType = `${HdsFilterBarFilterTypeValues}`;\n\nexport interface HdsFilterBarGenericFilterData {\n  value: unknown;\n  label?: string;\n}\n\nexport interface HdsFilterBarNumericalFilterData {\n  selector: HdsFilterBarNumericalFilterSelector;\n  value: HdsFilterBarNumericalFilterValue;\n}\n\nexport interface HdsFilterBarDateFilterData {\n  selector: HdsFilterBarDateFilterSelector;\n  value: HdsFilterBarDateFilterValue;\n}\n\nexport type HdsFilterBarData =\n  | HdsFilterBarGenericFilterData[]\n  | HdsFilterBarGenericFilterData\n  | HdsFilterBarNumericalFilterData\n  | HdsFilterBarDateFilterData;\n\nexport interface HdsFilterBarGenericFilter {\n  type: 'generic';\n  text?: string;\n  dismissTagText?: string;\n  data: HdsFilterBarGenericFilterData | HdsFilterBarGenericFilterData[];\n}\nexport interface HdsFilterBarSingleSelectFilter {\n  type: 'single-select';\n  text?: string;\n  data: HdsFilterBarGenericFilterData;\n}\n\nexport interface HdsFilterBarMultiSelectFilter {\n  type: 'multi-select';\n  text?: string;\n  data: HdsFilterBarGenericFilterData[];\n}\n\nexport interface HdsFilterBarNumericalFilter {\n  type: 'numerical';\n  text?: string;\n  data: HdsFilterBarNumericalFilterData;\n}\n\nexport interface HdsFilterBarDateFilter {\n  type: 'date' | 'time' | 'datetime';\n  text?: string;\n  data: HdsFilterBarDateFilterData;\n}\n\nexport interface HdsFilterBarSearchFilter {\n  type: 'search';\n  text?: string;\n  data: HdsFilterBarGenericFilterData;\n}\n\nexport type HdsFilterBarFilter =\n  | HdsFilterBarSingleSelectFilter\n  | HdsFilterBarMultiSelectFilter\n  | HdsFilterBarNumericalFilter\n  | HdsFilterBarDateFilter\n  | HdsFilterBarSearchFilter\n  | HdsFilterBarGenericFilter;\n\nexport interface HdsFilterBarFilters {\n  [name: string]: HdsFilterBarFilter;\n}\n\nexport enum HdsFilterBarNumericalFilterSelectorValues {\n  lessThan = 'less-than',\n  lessThanOrEqualTo = 'less-than-or-equal-to',\n  equalTo = 'equal-to',\n  greaterThanOrEqualTo = 'greater-than-or-equal-to',\n  greaterThan = 'greater-than',\n  between = 'between',\n}\n\nexport type HdsFilterBarNumericalFilterSelector =\n  `${HdsFilterBarNumericalFilterSelectorValues}`;\n\nexport enum HdsFilterBarDateFilterSelectorValues {\n  before = 'before',\n  exactly = 'exactly',\n  after = 'after',\n  between = 'between',\n}\n\nexport type HdsFilterBarDateFilterSelector =\n  `${HdsFilterBarDateFilterSelectorValues}`;\n\nexport type HdsFilterBarNumericalFilterValue =\n  | number\n  | { start?: number; end?: number };\n\nexport type HdsFilterBarDateFilterValue =\n  | string\n  | { start?: string; end?: string };\n"],"names":["HdsFilterBarFilterTypeValues","HdsFilterBarNumericalFilterSelectorValues","HdsFilterBarDateFilterSelectorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,4BAA4B,0BAA5BA,4BAA4B,EAAA;EAA5BA,4BAA4B,CAAA,aAAA,CAAA,GAAA,cAAA;EAA5BA,4BAA4B,CAAA,cAAA,CAAA,GAAA,eAAA;EAA5BA,4BAA4B,CAAA,WAAA,CAAA,GAAA,WAAA;EAA5BA,4BAA4B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA5BA,4BAA4B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA5BA,4BAA4B,CAAA,UAAA,CAAA,GAAA,UAAA;EAA5BA,4BAA4B,CAAA,SAAA,CAAA,GAAA,SAAA;EAA5BA,4BAA4B,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAA5BA,4BAA4B;AAAA,CAAA,CAAA,EAAA;AAkFxC,IAAYC,yCAAyC,0BAAzCA,yCAAyC,EAAA;EAAzCA,yCAAyC,CAAA,UAAA,CAAA,GAAA,WAAA;EAAzCA,yCAAyC,CAAA,mBAAA,CAAA,GAAA,uBAAA;EAAzCA,yCAAyC,CAAA,SAAA,CAAA,GAAA,UAAA;EAAzCA,yCAAyC,CAAA,sBAAA,CAAA,GAAA,0BAAA;EAAzCA,yCAAyC,CAAA,aAAA,CAAA,GAAA,cAAA;EAAzCA,yCAAyC,CAAA,SAAA,CAAA,GAAA,SAAA;AAAA,EAAA,OAAzCA,yCAAyC;AAAA,CAAA,CAAA,EAAA;AAYrD,IAAYC,oCAAoC,0BAApCA,oCAAoC,EAAA;EAApCA,oCAAoC,CAAA,QAAA,CAAA,GAAA,QAAA;EAApCA,oCAAoC,CAAA,SAAA,CAAA,GAAA,SAAA;EAApCA,oCAAoC,CAAA,OAAA,CAAA,GAAA,OAAA;EAApCA,oCAAoC,CAAA,SAAA,CAAA,GAAA,SAAA;AAAA,EAAA,OAApCA,oCAAoC;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/styles/components/filter-bar.scss

@@ -1,164 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-//
-// FILTER BAR
-//
-
-.hds-filter-bar {
-  display: grid;
-  gap: 8px;
-  padding: 8px;
-  background-color: var(--token-color-surface-faint);
-  border: 1px solid var(--token-color-border-primary);
-  border-radius: var(--token-border-radius-medium);
-}
-
-.hds-filter-bar__filters {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px 12px;
-  align-items: end;
-  padding-top: 8px;
-  border-top: 1px solid var(--token-color-border-primary);
-}
-
-.hds-filter-bar__actions__right {
-  margin-left: auto;
-}
-
-.hds-filter-bar__search {
-  --token-form-control-padding: 3px;
-}
-
-// FILTER BAR > DROPDOWN
-
-.hds-filter-bar__dropdown .hds-dropdown__list,
-.hds-filter-bar__dropdown .hds-dropdown-list-item {
-  padding: 0;
-}
-
-// FILTER BAR > TABS
-
-.hds-filter-bar__tabs {
-  display: flex;
-}
-
-.hds-filter-bar__tabs__list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 50%;
-  padding: 8px;
-  list-style: none;
-  background-color: var(--token-color-surface-faint);
-  border-right: 1px solid var(--token-color-border-primary);
-  border-top-left-radius: var(--token-border-radius-medium);
-}
-
-.hds-filter-bar__tabs__tab__button {
-  display: flex;
-  gap: 16px;
-  align-items: center;
-  width: 100%;
-  padding: 8px 12px;
-  color: var(--token-color-foreground-primary);
-  text-align: left;
-  background-color: transparent;
-  border: none;
-  border-radius: var(--token-border-radius-small);
-
-  &.mock-hover,
-  &:hover {
-    background-color: var(--token-color-surface-interactive-hover);
-    cursor: pointer;
-  }
-
-  &.mock-active,
-  &:active {
-    background-color: var(--token-color-surface-interactive-active);
-  }
-}
-
-.hds-filter-bar__tabs__tab__text {
-  width: 100%;
-}
-
-.hds-filter-bar__tabs__tab--is-selected .hds-filter-bar__tabs__tab__button {
-  color: var(--token-color-foreground-action);
-  background-color: var(--token-color-surface-strong);
-
-  &.mock-hover,
-  &:hover {
-    background-color: var(--token-color-palette-neutral-200);
-  }
-
-  &.mock-active,
-  &:active {
-    background-color: var(--token-color-palette-neutral-300);
-  }
-}
-
-.hds-filter-bar__tabs__panel:not([hidden]) {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 50%;
-  padding: 16px 0;
-  background-color: var(--token-color-surface-primary);
-  border-top-right-radius: var(--token-border-radius-medium);
-}
-
-// FILTER BAR > FILTER GROUP
-
-.hds-filter-bar__filter-group .hds-form-field--layout-flag {
-  padding: 8px 12px;
-}
-
-.hds-filter-bar__filter-group__search {
-  padding: 0 16px 16px 16px;
-  border-bottom: 1px solid var(--token-color-border-primary);
-}
-
-.hds-filter-bar__filter-group__list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin: 0;
-  padding: 0;
-  overflow-y: auto;
-  list-style: none;
-  overscroll-behavior: contain;
-}
-
-.hds-filter-bar__filter-group__fields {
-  padding: 0 16px;
-
-  .hds-filter-bar__filter-group__field,
-  .hds-filter-bar__filter-group__field[type="date"],
-  .hds-filter-bar__filter-group__field[type="time"] {
-    width: 100%;
-  }
-}
-
-.hds-filter-bar__filter-group__numerical,
-.hds-filter-bar__filter-group__date {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.hds-filter-bar__filter-group__selection-option {
-  display: block;
-  padding: 8px 16px;
-
-  &--hidden {
-    display: none;
-  }
-}
-
-.hds-filter-bar__filter-group__clear {
-  padding: 4px;
-}

package/translations/hds/components/filter-bar/date/en-us.yaml

@@ -1,18 +0,0 @@
-date:
-  label: Date is
-datetime:
-  label: Datetime is
-time:
-  label: Time is
-selector-input:
-  default-value: Pick a selector
-  before: Before
-  exactly: Exactly
-  after: After
-  between: Between
-value-input:
-  placeholder: Enter a date
-between-value-inputs:
-  start-placeholder: Start
-  end-placeholder: End
-clear: Clear filter

package/translations/hds/components/filter-bar/en-us.yaml

@@ -1,9 +0,0 @@
-search:
-  aria-label: Search filters
-  placeholder: Search
-filter-text:
-  numerical-filter:
-    separator: and
-  date-filter:
-    separator: and
-no-filters-applied: No filters applied

package/translations/hds/components/filter-bar/filter-group/en-us.yaml

@@ -1 +0,0 @@
-clear: Clear selection

package/translations/hds/components/filter-bar/filter-group/numerical/en-us.yaml

@@ -1,15 +0,0 @@
-label: Number is
-selector-input:
-  default-value: Pick a selector
-  less-than: Less than (<)
-  less-than-or-equal-to: Less than or equal to (≤)
-  equal-to: Equal to (=)
-  greater-than-or-equal-to: Greater than or equal to (≥)
-  greater-than: Greater than (>)
-  between: Between
-value-input:
-  placeholder: Enter a value
-between-value-inputs:
-  start-placeholder: Start
-  end-placeholder: End
-clear: Clear filter

package/translations/hds/components/filter-bar/filter-options/en-us.yaml

@@ -1 +0,0 @@
-search-input-placeholder: "Search"

package/translations/hds/components/filter-bar/filters-dropdown/en-us.yaml

@@ -1,7 +0,0 @@
-apply: Apply filters
-clear: Clear all filters
-expand-collapse-button:
-  expand: Expand filters
-  collapse: Collapse filters
-selected-filters: Filters selected
-toggle-button: Filters