@hashicorp/design-system-components 5.1.0-rc-20251106155636 → 5.1.0-rc-20251125151324
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/declarations/components/hds/dropdown/list-item/checkbox.d.ts +1 -0
- package/declarations/components/hds/dropdown/list-item/radio.d.ts +1 -0
- package/declarations/components/hds/filter-bar/{filters-dropdown.d.ts → dropdown.d.ts} +7 -5
- package/declarations/components/hds/filter-bar/{checkbox.d.ts → filter-group/checkbox.d.ts} +4 -4
- package/declarations/components/hds/filter-bar/filter-group/date.d.ts +47 -0
- package/declarations/components/hds/filter-bar/filter-group/generic.d.ts +24 -0
- package/declarations/components/hds/filter-bar/{filter-group.d.ts → filter-group/index.d.ts} +15 -10
- package/declarations/components/hds/filter-bar/filter-group/numerical.d.ts +45 -0
- package/declarations/components/hds/filter-bar/{radio.d.ts → filter-group/radio.d.ts} +4 -4
- package/declarations/components/hds/filter-bar/index.d.ts +11 -3
- package/declarations/components/hds/filter-bar/tabs/tab.d.ts +1 -0
- package/declarations/components/hds/filter-bar/types.d.ts +46 -12
- package/declarations/components/hds/form/text-input/field.d.ts +1 -1
- package/declarations/components.d.ts +7 -5
- package/declarations/template-registry.d.ts +19 -13
- package/dist/_app_/components/hds/filter-bar/{checkbox.js → dropdown.js} +1 -1
- package/dist/_app_/components/hds/filter-bar/filter-group/checkbox.js +1 -0
- package/dist/_app_/components/hds/filter-bar/{filters-dropdown.js → filter-group/date.js} +1 -1
- package/dist/_app_/components/hds/filter-bar/{range.js → filter-group/generic.js} +1 -1
- package/dist/_app_/components/hds/filter-bar/filter-group/numerical.js +1 -0
- package/dist/_app_/components/hds/filter-bar/{radio.js → filter-group/radio.js} +1 -1
- package/dist/_app_/components/hds/filter-bar/filter-group.js +1 -1
- package/dist/components/hds/dropdown/list-item/checkbox.js.map +1 -1
- package/dist/components/hds/dropdown/list-item/radio.js.map +1 -1
- package/dist/components/hds/filter-bar/{filters-dropdown.js → dropdown.js} +25 -30
- package/dist/components/hds/filter-bar/dropdown.js.map +1 -0
- package/dist/components/hds/filter-bar/{checkbox.js → filter-group/checkbox.js} +6 -6
- package/dist/components/hds/filter-bar/filter-group/checkbox.js.map +1 -0
- package/dist/components/hds/filter-bar/filter-group/date.js +164 -0
- package/dist/components/hds/filter-bar/filter-group/date.js.map +1 -0
- package/dist/components/hds/filter-bar/filter-group/generic.js +43 -0
- package/dist/components/hds/filter-bar/filter-group/generic.js.map +1 -0
- package/dist/components/hds/filter-bar/{filter-group.js → filter-group/index.js} +64 -11
- package/dist/components/hds/filter-bar/filter-group/index.js.map +1 -0
- package/dist/components/hds/filter-bar/filter-group/numerical.js +163 -0
- package/dist/components/hds/filter-bar/filter-group/numerical.js.map +1 -0
- package/dist/components/hds/filter-bar/{radio.js → filter-group/radio.js} +6 -6
- package/dist/components/hds/filter-bar/filter-group/radio.js.map +1 -0
- package/dist/components/hds/filter-bar/index.js +85 -10
- package/dist/components/hds/filter-bar/index.js.map +1 -1
- package/dist/components/hds/filter-bar/tabs/index.js +0 -1
- package/dist/components/hds/filter-bar/tabs/index.js.map +1 -1
- package/dist/components/hds/filter-bar/tabs/tab.js +1 -2
- package/dist/components/hds/filter-bar/tabs/tab.js.map +1 -1
- package/dist/components/hds/filter-bar/types.js +20 -9
- package/dist/components/hds/filter-bar/types.js.map +1 -1
- package/dist/components.js +8 -6
- package/dist/components.js.map +1 -1
- package/dist/helpers/hds-link-to-query.js +0 -1
- package/dist/helpers/hds-link-to-query.js.map +1 -1
- package/dist/styles/@hashicorp/design-system-components.css +190 -1621
- package/dist/styles/components/app-header.scss +6 -9
- package/dist/styles/components/filter-bar.scss +95 -86
- package/dist/styles/components/side-nav/header.scss +4 -12
- package/dist/styles/mixins/_interactive-dark-theme.scss +7 -4
- package/package.json +7 -5
- package/translations/hds/components/filter-bar/date/en-us.yaml +18 -0
- package/translations/hds/components/filter-bar/en-us.yaml +6 -0
- package/translations/hds/components/filter-bar/filter-group/en-us.yaml +1 -0
- package/translations/hds/components/filter-bar/filter-group/numerical/en-us.yaml +15 -0
- package/translations/hds/components/filter-bar/filters-dropdown/en-us.yaml +1 -1
- package/declarations/components/hds/filter-bar/range.d.ts +0 -33
- package/dist/components/hds/filter-bar/checkbox.js.map +0 -1
- package/dist/components/hds/filter-bar/filter-group.js.map +0 -1
- package/dist/components/hds/filter-bar/filters-dropdown.js.map +0 -1
- package/dist/components/hds/filter-bar/radio.js.map +0 -1
- package/dist/components/hds/filter-bar/range.js +0 -88
- package/dist/components/hds/filter-bar/range.js.map +0 -1
- package/translations/hds/components/filter-bar/range/en-us.yaml +0 -3
|
@@ -6,19 +6,30 @@
|
|
|
6
6
|
let HdsFilterBarFilterTypeValues = /*#__PURE__*/function (HdsFilterBarFilterTypeValues) {
|
|
7
7
|
HdsFilterBarFilterTypeValues["multiSelect"] = "multi-select";
|
|
8
8
|
HdsFilterBarFilterTypeValues["singleSelect"] = "single-select";
|
|
9
|
-
HdsFilterBarFilterTypeValues["
|
|
9
|
+
HdsFilterBarFilterTypeValues["numerical"] = "numerical";
|
|
10
|
+
HdsFilterBarFilterTypeValues["date"] = "date";
|
|
11
|
+
HdsFilterBarFilterTypeValues["time"] = "time";
|
|
12
|
+
HdsFilterBarFilterTypeValues["datetime"] = "datetime";
|
|
10
13
|
HdsFilterBarFilterTypeValues["generic"] = "generic";
|
|
11
14
|
HdsFilterBarFilterTypeValues["search"] = "search";
|
|
12
15
|
return HdsFilterBarFilterTypeValues;
|
|
13
16
|
}({});
|
|
14
|
-
let
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
let HdsFilterBarNumericalFilterSelectorValues = /*#__PURE__*/function (HdsFilterBarNumericalFilterSelectorValues) {
|
|
18
|
+
HdsFilterBarNumericalFilterSelectorValues["lessThan"] = "less-than";
|
|
19
|
+
HdsFilterBarNumericalFilterSelectorValues["lessThanOrEqualTo"] = "less-than-or-equal-to";
|
|
20
|
+
HdsFilterBarNumericalFilterSelectorValues["equalTo"] = "equal-to";
|
|
21
|
+
HdsFilterBarNumericalFilterSelectorValues["greaterThanOrEqualTo"] = "greater-than-or-equal-to";
|
|
22
|
+
HdsFilterBarNumericalFilterSelectorValues["greaterThan"] = "greater-than";
|
|
23
|
+
HdsFilterBarNumericalFilterSelectorValues["between"] = "between";
|
|
24
|
+
return HdsFilterBarNumericalFilterSelectorValues;
|
|
25
|
+
}({});
|
|
26
|
+
let HdsFilterBarDateFilterSelectorValues = /*#__PURE__*/function (HdsFilterBarDateFilterSelectorValues) {
|
|
27
|
+
HdsFilterBarDateFilterSelectorValues["before"] = "before";
|
|
28
|
+
HdsFilterBarDateFilterSelectorValues["exactly"] = "exactly";
|
|
29
|
+
HdsFilterBarDateFilterSelectorValues["after"] = "after";
|
|
30
|
+
HdsFilterBarDateFilterSelectorValues["between"] = "between";
|
|
31
|
+
return HdsFilterBarDateFilterSelectorValues;
|
|
21
32
|
}({});
|
|
22
33
|
|
|
23
|
-
export { HdsFilterBarFilterTypeValues,
|
|
34
|
+
export { HdsFilterBarDateFilterSelectorValues, HdsFilterBarFilterTypeValues, HdsFilterBarNumericalFilterSelectorValues };
|
|
24
35
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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
|
|
1
|
+
{"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}\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;AAiFxC,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/components.js
CHANGED
|
@@ -84,15 +84,17 @@ export { HdsDropdownListItemInteractiveColorValues } from './components/hds/drop
|
|
|
84
84
|
export { HdsDropdownToggleButtonColorValues, HdsDropdownToggleButtonSizeValues, HdsDropdownToggleIconAllowedIconValues, HdsDropdownToggleIconSizeValues } from './components/hds/dropdown/toggle/types.js';
|
|
85
85
|
export { HdsDropdownPositionToPlacementValues, HdsDropdownPositionValues } from './components/hds/dropdown/types.js';
|
|
86
86
|
export { default as HdsFilterBar } from './components/hds/filter-bar/index.js';
|
|
87
|
-
export { default as
|
|
88
|
-
export { default as
|
|
89
|
-
export { default as
|
|
90
|
-
export { default as
|
|
91
|
-
export { default as
|
|
87
|
+
export { default as HdsFilterBarDropdown } from './components/hds/filter-bar/dropdown.js';
|
|
88
|
+
export { default as HdsFilterBarFilterGroup } from './components/hds/filter-bar/filter-group/index.js';
|
|
89
|
+
export { default as HdsFilterBarFilterGroupCheckbox } from './components/hds/filter-bar/filter-group/checkbox.js';
|
|
90
|
+
export { default as HdsFilterBarFilterGroupDate } from './components/hds/filter-bar/filter-group/date.js';
|
|
91
|
+
export { default as HdsFilterBarFilterGroupGeneric } from './components/hds/filter-bar/filter-group/generic.js';
|
|
92
|
+
export { default as HdsFilterBarFilterGroupRadio } from './components/hds/filter-bar/filter-group/radio.js';
|
|
93
|
+
export { default as HdsFilterBarFilterGroupNumerical } from './components/hds/filter-bar/filter-group/numerical.js';
|
|
92
94
|
export { default as HdsFilterBarTabs } from './components/hds/filter-bar/tabs/index.js';
|
|
93
95
|
export { default as HdsFilterBarTabsPanel } from './components/hds/filter-bar/tabs/panel.js';
|
|
94
96
|
export { default as HdsFilterBarTabsTab } from './components/hds/filter-bar/tabs/tab.js';
|
|
95
|
-
export { HdsFilterBarFilterTypeValues,
|
|
97
|
+
export { HdsFilterBarDateFilterSelectorValues, HdsFilterBarFilterTypeValues, HdsFilterBarNumericalFilterSelectorValues } from './components/hds/filter-bar/types.js';
|
|
96
98
|
export { default as HdsFlyout } from './components/hds/flyout/index.js';
|
|
97
99
|
export { HdsFlyoutSizesValues } from './components/hds/flyout/types.js';
|
|
98
100
|
export { default as HdsForm } from './components/hds/form/index.js';
|
package/dist/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -18,7 +18,6 @@ import { helper } from '@ember/component/helper';
|
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
20
|
// this is a workaround for https://github.com/emberjs/ember.js/issues/19693
|
|
21
|
-
// don't remove until we drop support for ember 3.27 and 3.28
|
|
22
21
|
|
|
23
22
|
function hdsLinkToQuery([query]) {
|
|
24
23
|
return query ?? {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hds-link-to-query.js","sources":["../../src/helpers/hds-link-to-query.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { helper } from '@ember/component/helper';\n\n/*\n * This helper can be used to safely pass a @query argument to the `<LinkTo>` component\n * without the risk of triggering an assertion if the argument is undefined\n *\n * The result of this helper should be passed into the `@query` argument of the `<LinkTo>` component:\n *\n * ```hbs\n * <LinkTo @query={{hds-link-to-query @query}} />\n * ```\n */\n\n// this is a workaround for https://github.com/emberjs/ember.js/issues/19693\n
|
|
1
|
+
{"version":3,"file":"hds-link-to-query.js","sources":["../../src/helpers/hds-link-to-query.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { helper } from '@ember/component/helper';\n\n/*\n * This helper can be used to safely pass a @query argument to the `<LinkTo>` component\n * without the risk of triggering an assertion if the argument is undefined\n *\n * The result of this helper should be passed into the `@query` argument of the `<LinkTo>` component:\n *\n * ```hbs\n * <LinkTo @query={{hds-link-to-query @query}} />\n * ```\n */\n\n// this is a workaround for https://github.com/emberjs/ember.js/issues/19693\n\nexport function hdsLinkToQuery([query]: [\n Record<string, unknown> | undefined,\n]): Record<string, unknown> {\n return query ?? {};\n}\n\nconst hdsLinkToQueryHelper = helper(hdsLinkToQuery);\nexport default hdsLinkToQueryHelper;\n"],"names":["hdsLinkToQuery","query","hdsLinkToQueryHelper","helper"],"mappings":";;AAAA;AACA;AACA;AACA;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEO,SAASA,cAAcA,CAAC,CAACC,KAAK,CAEpC,EAA2B;EAC1B,OAAOA,KAAK,IAAI,EAAE;AACpB;AAEA,MAAMC,oBAAoB,GAAGC,MAAM,CAACH,cAAc;;;;"}
|