@hashicorp/design-system-components 6.4.0 → 6.5.0
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/component-catalog.json +13139 -0
- package/declarations/components/hds/advanced-table/column-manager/index.d.ts +5 -7
- package/declarations/components/hds/advanced-table/column-manager/width.d.ts +17 -20
- package/declarations/components/hds/advanced-table/index.d.ts +3 -2
- package/declarations/components/hds/advanced-table/th-context-menu.d.ts +2 -1
- package/declarations/components/hds/advanced-table/th-resize-handle.d.ts +8 -19
- package/declarations/components/hds/advanced-table/th.d.ts +5 -19
- package/declarations/components/hds/advanced-table/tr.d.ts +3 -0
- package/declarations/components/hds/advanced-table/types.d.ts +1 -1
- package/declarations/components/hds/advanced-table/utils.d.ts +1 -0
- package/declarations/components/hds/composite/index.d.ts +1 -0
- package/declarations/components/hds/icon/index.d.ts +1 -1
- package/declarations/components/hds/segmented-group/index.d.ts +13 -3
- package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
- package/declarations/components/hds/table/index.d.ts +1 -0
- package/declarations/components/hds/table/tr.d.ts +4 -0
- package/dist/components/hds/advanced-table/column-manager/index.js +1 -1
- package/dist/components/hds/advanced-table/column-manager/index.js.map +1 -1
- package/dist/components/hds/advanced-table/column-manager/order.js +2 -1
- package/dist/components/hds/advanced-table/column-manager/order.js.map +1 -1
- package/dist/components/hds/advanced-table/column-manager/width.js +96 -183
- package/dist/components/hds/advanced-table/column-manager/width.js.map +1 -1
- package/dist/components/hds/advanced-table/index.js +1 -1
- package/dist/components/hds/advanced-table/th-context-menu.js +14 -7
- package/dist/components/hds/advanced-table/th-context-menu.js.map +1 -1
- package/dist/components/hds/advanced-table/th-reorder-drop-target.js +1 -1
- package/dist/components/hds/advanced-table/th-resize-handle.js +1 -1
- package/dist/components/hds/advanced-table/th-selectable.js +1 -1
- package/dist/components/hds/advanced-table/th.js +1 -1
- package/dist/components/hds/advanced-table/tr.js +3 -1
- package/dist/components/hds/advanced-table/tr.js.map +1 -1
- package/dist/components/hds/advanced-table/types.js.map +1 -1
- package/dist/components/hds/advanced-table/utils.js +8 -1
- package/dist/components/hds/advanced-table/utils.js.map +1 -1
- package/dist/components/hds/composite/index.js +6 -0
- package/dist/components/hds/composite/index.js.map +1 -1
- package/dist/components/hds/filter-bar/index.js +1 -1
- package/dist/components/hds/filter-bar/index.js.map +1 -1
- package/dist/components/hds/segmented-group/index.js +36 -13
- package/dist/components/hds/segmented-group/index.js.map +1 -1
- package/dist/components/hds/stepper/list/step.js +6 -2
- package/dist/components/hds/stepper/list/step.js.map +1 -1
- package/dist/components/hds/stepper/nav/step.js +6 -2
- package/dist/components/hds/stepper/nav/step.js.map +1 -1
- package/dist/components/hds/table/index.js +9 -0
- package/dist/components/hds/table/index.js.map +1 -1
- package/dist/components/hds/table/tr.js +27 -15
- package/dist/components/hds/table/tr.js.map +1 -1
- package/dist/components.js +1 -1
- package/dist/{index-DtMB-P9m.js → index-Cx64Nvu4.js} +111 -226
- package/dist/index-Cx64Nvu4.js.map +1 -0
- package/dist/modifiers/hds-scroll-into-view-on-focus.js +4 -0
- package/dist/modifiers/hds-scroll-into-view-on-focus.js.map +1 -1
- package/dist/styles/@hashicorp/design-system-components.css +86 -22
- package/dist/styles/@hashicorp/design-system-components.css.map +1 -1
- package/dist/styles/components/advanced-table.scss +4 -1
- package/dist/styles/components/badge-count.scss +1 -1
- package/dist/styles/components/badge.scss +1 -1
- package/dist/styles/components/filter-bar.scss +10 -2
- package/dist/styles/components/form/character-count.scss +1 -1
- package/dist/styles/components/form/error.scss +1 -1
- package/dist/styles/components/form/helper-text.scss +1 -1
- package/dist/styles/components/form/indicator.scss +1 -1
- package/dist/styles/components/form/label.scss +1 -1
- package/dist/styles/components/form/legend.scss +1 -1
- package/dist/styles/components/icon-tile.scss +1 -1
- package/dist/styles/components/link/standalone.scss +1 -1
- package/dist/styles/components/segmented-group.scss +43 -6
- package/dist/styles/components/tag.scss +1 -1
- package/package.json +7 -4
- package/translations/hds/components/stepper/en-us.yaml +1 -0
- package/dist/index-DtMB-P9m.js.map +0 -1
|
@@ -7,7 +7,7 @@ import { TrackedMap } from 'tracked-built-ins';
|
|
|
7
7
|
import type { ModifierLike } from '@glint/template';
|
|
8
8
|
import type { HdsAdvancedTableSyncWidthValuesSignature } from './width';
|
|
9
9
|
import type { HdsAdvancedTableSyncColumnOrderSignature } from './order';
|
|
10
|
-
import type { HdsAdvancedTableColumn, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn } from '../types.ts';
|
|
10
|
+
import type { HdsAdvancedTableColumn, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn, HdsAdvancedTablePixelString } from '../types.ts';
|
|
11
11
|
import type { HdsAdvancedTableSignature } from '../index';
|
|
12
12
|
export interface HdsAdvancedTableSyncThElementsSignature {
|
|
13
13
|
Element: HTMLDivElement;
|
|
@@ -39,9 +39,11 @@ export interface HdsAdvancedTableColumnManagerSignature {
|
|
|
39
39
|
syncColumnOrder: ModifierLike<HdsAdvancedTableSyncColumnOrderSignature>;
|
|
40
40
|
syncThElements: ModifierLike<HdsAdvancedTableSyncThElementsSignature>;
|
|
41
41
|
syncWidthValues: ModifierLike<HdsAdvancedTableSyncWidthValuesSignature>;
|
|
42
|
-
|
|
42
|
+
beginColumnResize: () => void;
|
|
43
|
+
commitColumnWidths: () => void;
|
|
43
44
|
getAppliedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
|
|
44
45
|
getColumnByKey: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn | undefined;
|
|
46
|
+
getRenderedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTablePixelString | undefined;
|
|
45
47
|
getSiblingColumnKeys: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => {
|
|
46
48
|
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
47
49
|
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
@@ -49,16 +51,12 @@ export interface HdsAdvancedTableColumnManagerSignature {
|
|
|
49
51
|
moveColumnToDropTarget: (columnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
50
52
|
moveColumnToTarget: (columnKey: HdsAdvancedTableNormalizedColumn['key'], targetColumnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
51
53
|
moveColumnToTerminalPosition: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
|
|
54
|
+
resizeColumnByDelta: (columnKey: HdsAdvancedTableNormalizedColumn['key'], deltaPx: number) => number;
|
|
52
55
|
restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
53
56
|
setDraggedColumnKey: (columnKey: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
54
57
|
setReorderHoveredColumnKey: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
55
|
-
setTransientColumnWidths: (options: {
|
|
56
|
-
roundValues?: boolean;
|
|
57
|
-
}) => void;
|
|
58
|
-
setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`, clamped?: boolean) => void;
|
|
59
58
|
resetTransientColumnWidths: () => void;
|
|
60
59
|
stepColumn: (columnKey: HdsAdvancedTableNormalizedColumn['key'], step: number) => void;
|
|
61
|
-
updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
|
|
62
60
|
}
|
|
63
61
|
];
|
|
64
62
|
};
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
6
|
import { TrackedMap } from 'tracked-built-ins';
|
|
7
|
-
import type { HdsAdvancedTableNormalizedColumn } from '../types.ts';
|
|
7
|
+
import type { HdsAdvancedTableNormalizedColumn, HdsAdvancedTablePixelString } from '../types.ts';
|
|
8
8
|
import type { ModifierLike } from '@glint/template';
|
|
9
9
|
export declare const DEFAULT_WIDTH = "1fr";
|
|
10
10
|
export declare const DEFAULT_MIN_WIDTH = "150px";
|
|
11
|
-
export declare const
|
|
11
|
+
export declare const SUBPIXEL_TOLERANCE = 0.5;
|
|
12
12
|
export interface HdsAdvancedTableSyncWidthValuesSignature {
|
|
13
13
|
Element: HTMLDivElement;
|
|
14
14
|
}
|
|
@@ -26,19 +26,17 @@ interface HdsAdvancedTableColumnManagerWidthSignature {
|
|
|
26
26
|
{
|
|
27
27
|
gridTemplateColumns: string;
|
|
28
28
|
syncWidthValues: ModifierLike<HdsAdvancedTableSyncWidthValuesSignature>;
|
|
29
|
-
|
|
29
|
+
beginColumnResize: () => void;
|
|
30
|
+
resizeColumnByDelta: (columnKey: HdsAdvancedTableNormalizedColumn['key'], deltaPx: number) => number;
|
|
31
|
+
commitColumnWidths: () => void;
|
|
30
32
|
getAppliedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
|
|
33
|
+
getRenderedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTablePixelString | undefined;
|
|
31
34
|
getSiblingColumnKeys: (columnKey: HdsAdvancedTableNormalizedColumn['key'] | null) => {
|
|
32
35
|
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
33
36
|
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
34
37
|
};
|
|
35
38
|
resetTransientColumnWidths: () => void;
|
|
36
39
|
restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
37
|
-
setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`, clamped?: boolean) => void;
|
|
38
|
-
setTransientColumnWidths: (options: {
|
|
39
|
-
roundValues?: boolean;
|
|
40
|
-
}) => void;
|
|
41
|
-
updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
|
|
42
40
|
}
|
|
43
41
|
];
|
|
44
42
|
};
|
|
@@ -47,7 +45,7 @@ export default class HdsAdvancedTableColumnManagerWidth extends Component<HdsAdv
|
|
|
47
45
|
private _columnWidths;
|
|
48
46
|
private _originalColumnWidths;
|
|
49
47
|
private _transientColumnWidths;
|
|
50
|
-
private
|
|
48
|
+
private _resizeStartWidths;
|
|
51
49
|
syncWidthValues: import("ember-modifier").FunctionBasedModifier<{
|
|
52
50
|
Element: HTMLDivElement;
|
|
53
51
|
Args: {
|
|
@@ -62,18 +60,17 @@ export default class HdsAdvancedTableColumnManagerWidth extends Component<HdsAdv
|
|
|
62
60
|
next?: HdsAdvancedTableNormalizedColumn["key"];
|
|
63
61
|
};
|
|
64
62
|
private _getPxWidth;
|
|
65
|
-
private
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
63
|
+
private _colMinPx;
|
|
64
|
+
private _colMaxPx;
|
|
65
|
+
beginColumnResize: () => void;
|
|
66
|
+
private _distributeWidthChange;
|
|
67
|
+
private _distributableCapacity;
|
|
68
|
+
resizeColumnByDelta: (columnKey: HdsAdvancedTableNormalizedColumn["key"], deltaPx: number) => number;
|
|
69
|
+
commitColumnWidths: () => void;
|
|
70
|
+
private _resolvePxPerFrUnit;
|
|
70
71
|
resetTransientColumnWidths: () => void;
|
|
71
|
-
setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"], width: `${number}px`, clamped?: boolean) => void;
|
|
72
|
-
updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn["key"], delta: number) => void;
|
|
73
72
|
restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"]) => void;
|
|
74
|
-
|
|
75
|
-
private
|
|
76
|
-
private _payWidthDebts;
|
|
77
|
-
private _sourceFundsForPayment;
|
|
73
|
+
getRenderedWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"]) => HdsAdvancedTablePixelString | undefined;
|
|
74
|
+
private _parseFrMultiplier;
|
|
78
75
|
}
|
|
79
76
|
export {};
|
|
@@ -9,7 +9,7 @@ import HdsAdvancedTableTh from './th';
|
|
|
9
9
|
import HdsAdvancedTableTd from './td';
|
|
10
10
|
import type Owner from '@ember/owner';
|
|
11
11
|
import type { ComponentLike, WithBoundArgs } from '@glint/template';
|
|
12
|
-
import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableSortingFunction, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderCallback, HdsAdvancedTableModel } from './types.ts';
|
|
12
|
+
import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableSortingFunction, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderCallback, HdsAdvancedTableColumnResizeCallback, HdsAdvancedTableModel } from './types.ts';
|
|
13
13
|
import type { HdsAdvancedTableThSelectableSignature } from './th-selectable';
|
|
14
14
|
import type { HdsAdvancedTableTrSignature } from './tr';
|
|
15
15
|
import type { HdsFilterBarSignature } from '../filter-bar/index';
|
|
@@ -57,7 +57,7 @@ export interface HdsAdvancedTableSignature<T = HdsAdvancedTableModel> {
|
|
|
57
57
|
childrenKey?: string;
|
|
58
58
|
maxHeight?: string;
|
|
59
59
|
onColumnReorder?: HdsAdvancedTableColumnReorderCallback;
|
|
60
|
-
onColumnResize?:
|
|
60
|
+
onColumnResize?: HdsAdvancedTableColumnResizeCallback;
|
|
61
61
|
onSelectionChange?: (selection: HdsAdvancedTableOnSelectionChangeSignature) => void;
|
|
62
62
|
onSort?: (sortBy: string, sortOrder: HdsAdvancedTableThSortOrder) => void;
|
|
63
63
|
};
|
|
@@ -87,6 +87,7 @@ export default class HdsAdvancedTable<T = HdsAdvancedTableModel> extends Compone
|
|
|
87
87
|
private _isSelectAllCheckboxSelected?;
|
|
88
88
|
private _tableHeight;
|
|
89
89
|
private _selectableRows;
|
|
90
|
+
private _isBulkSelectionChange;
|
|
90
91
|
private _captionId;
|
|
91
92
|
private _scrollHandler;
|
|
92
93
|
private _dragOverHandler;
|
|
@@ -9,7 +9,7 @@ import type { HdsAdvancedTableSignature } from './index';
|
|
|
9
9
|
import type { HdsAdvancedTableThReorderHandleSignature } from './th-reorder-handle';
|
|
10
10
|
import type { HdsAdvancedTableThResizeHandleSignature } from './th-resize-handle';
|
|
11
11
|
import type HdsIntlService from '../../../services/hds-intl.ts';
|
|
12
|
-
import type { HdsAdvancedTableNormalizedColumn } from './types.ts';
|
|
12
|
+
import type { HdsAdvancedTableNormalizedColumn, HdsAdvancedTablePixelString } from './types.ts';
|
|
13
13
|
interface HdsAdvancedTableThContextMenuOption {
|
|
14
14
|
key: string;
|
|
15
15
|
icon?: HdsDropdownToggleIconSignature['Args']['icon'];
|
|
@@ -29,6 +29,7 @@ export interface HdsAdvancedTableThContextMenuSignature {
|
|
|
29
29
|
resizeHandleElement?: HdsAdvancedTableThResizeHandleSignature['Element'];
|
|
30
30
|
onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
|
|
31
31
|
onFocusReorderHandle?: () => void;
|
|
32
|
+
onGetRenderedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTablePixelString | undefined;
|
|
32
33
|
onMoveColumnToTerminalPosition?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
|
|
33
34
|
onPinFirstColumn?: () => void;
|
|
34
35
|
onRestoreColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
@@ -4,26 +4,18 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
6
|
import type Owner from '@ember/owner';
|
|
7
|
-
import type { HdsAdvancedTableNormalizedColumn } from './types';
|
|
7
|
+
import type { HdsAdvancedTableNormalizedColumn, HdsAdvancedTablePixelString } from './types';
|
|
8
8
|
import type { HdsAdvancedTableSignature } from './index';
|
|
9
9
|
export interface HdsAdvancedTableThResizeHandleSignature {
|
|
10
10
|
Args: {
|
|
11
11
|
column?: HdsAdvancedTableNormalizedColumn;
|
|
12
|
-
siblingColumnKeys?: {
|
|
13
|
-
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
14
|
-
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
15
|
-
};
|
|
16
12
|
tableHeight?: number;
|
|
17
|
-
|
|
13
|
+
onBeginColumnResize?: () => void;
|
|
14
|
+
onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
|
|
15
|
+
onCommitColumnWidths?: () => void;
|
|
18
16
|
onGetAppliedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
|
|
19
|
-
onGetColumnByKey?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn | undefined;
|
|
20
|
-
onSetTransientColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`) => void;
|
|
21
|
-
onSetTransientColumnWidths?: (options: {
|
|
22
|
-
roundValues?: boolean;
|
|
23
|
-
}) => void;
|
|
24
17
|
onResetTransientColumnWidths?: () => void;
|
|
25
|
-
|
|
26
|
-
onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
|
|
18
|
+
onResizeColumnByDelta?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], deltaPx: number) => number;
|
|
27
19
|
};
|
|
28
20
|
Blocks: {
|
|
29
21
|
default?: [];
|
|
@@ -33,8 +25,6 @@ export interface HdsAdvancedTableThResizeHandleSignature {
|
|
|
33
25
|
export default class HdsAdvancedTableThResizeHandle extends Component<HdsAdvancedTableThResizeHandleSignature> {
|
|
34
26
|
resizing: {
|
|
35
27
|
startX: number;
|
|
36
|
-
startColumnPxWidth: number;
|
|
37
|
-
startNextColumnPxWidth?: number;
|
|
38
28
|
} | null;
|
|
39
29
|
private _transientDelta;
|
|
40
30
|
private _isUpdateQueued;
|
|
@@ -47,14 +37,13 @@ export default class HdsAdvancedTableThResizeHandle extends Component<HdsAdvance
|
|
|
47
37
|
get currentWidthInPixels(): number;
|
|
48
38
|
get minWidthInPixels(): number;
|
|
49
39
|
get maxWidthInPixels(): number;
|
|
40
|
+
get widthValueText(): string;
|
|
50
41
|
get height(): string | undefined;
|
|
51
42
|
get classNames(): string;
|
|
52
|
-
|
|
53
|
-
|
|
43
|
+
onColumnResize(key?: string, width?: HdsAdvancedTablePixelString): void;
|
|
44
|
+
private _finishColumnResize;
|
|
54
45
|
handleKeydown(event: KeyboardEvent): void;
|
|
55
46
|
startResize(event: PointerEvent): void;
|
|
56
|
-
private _setColumnWidth;
|
|
57
|
-
private _applyResizeDelta;
|
|
58
47
|
private _resize;
|
|
59
48
|
private _stopResize;
|
|
60
49
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
6
|
import { type FocusableElement } from 'tabbable';
|
|
7
7
|
import { HdsAdvancedTableHorizontalAlignmentValues } from './types.ts';
|
|
8
|
-
import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableScope, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn, HdsAdvancedTableThSortOrderLabels, HdsAdvancedTableThSortOrder } from './types.ts';
|
|
8
|
+
import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableScope, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn, HdsAdvancedTableThSortOrderLabels, HdsAdvancedTableThSortOrder, HdsAdvancedTablePixelString } from './types.ts';
|
|
9
9
|
import type { HdsCompositeSignature } from '../composite/index';
|
|
10
10
|
import type { HdsAdvancedTableThButtonSortSignature } from './th-button-sort';
|
|
11
11
|
import type { HdsAdvancedTableSignature } from './index';
|
|
@@ -38,10 +38,6 @@ export interface HdsAdvancedTableThSignature {
|
|
|
38
38
|
reorderHoveredColumnKey?: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
39
39
|
rowspan?: number;
|
|
40
40
|
scope?: HdsAdvancedTableScope;
|
|
41
|
-
siblingColumnKeys?: {
|
|
42
|
-
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
43
|
-
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
44
|
-
};
|
|
45
41
|
draggedColumnSiblingColumnKeys?: {
|
|
46
42
|
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
47
43
|
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
@@ -50,25 +46,22 @@ export interface HdsAdvancedTableThSignature {
|
|
|
50
46
|
tableHeight?: number;
|
|
51
47
|
tooltip?: string;
|
|
52
48
|
didInsertExpandButton?: (button: HTMLButtonElement) => void;
|
|
53
|
-
|
|
49
|
+
onBeginColumnResize?: () => void;
|
|
50
|
+
onCommitColumnWidths?: () => void;
|
|
54
51
|
onClickSort?: HdsAdvancedTableThButtonSortSignature['Args']['onClick'];
|
|
55
52
|
onClickToggle?: () => void;
|
|
56
53
|
onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
|
|
57
54
|
onGetAppliedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
|
|
58
|
-
onGetColumnByKey?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn | undefined;
|
|
59
55
|
onMoveColumnToTerminalPosition?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
|
|
60
56
|
onPinFirstColumn?: () => void;
|
|
61
57
|
onReorderDrop?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
62
58
|
onResetTransientColumnWidths?: () => void;
|
|
59
|
+
onResizeColumnByDelta?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], deltaPx: number) => number;
|
|
63
60
|
onRestoreColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
61
|
+
onGetRenderedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTablePixelString | undefined;
|
|
64
62
|
onSetDraggedColumnKey?: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
65
63
|
onSetReorderHoveredColumnKey?: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
66
|
-
onSetTransientColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`) => void;
|
|
67
|
-
onSetTransientColumnWidths?: (options: {
|
|
68
|
-
roundValues?: boolean;
|
|
69
|
-
}) => void;
|
|
70
64
|
onStepColumn?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], step: number) => void;
|
|
71
|
-
onUpdateResizeDebt?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
|
|
72
65
|
willDestroyExpandButton?: (button: HTMLButtonElement) => void;
|
|
73
66
|
};
|
|
74
67
|
Blocks: {
|
|
@@ -103,17 +96,10 @@ export default class HdsAdvancedTableTh extends Component<HdsAdvancedTableThSign
|
|
|
103
96
|
enableFocusTrap(): void;
|
|
104
97
|
getInitialFocus(): FocusableElement | undefined;
|
|
105
98
|
focusReorderHandle(): void;
|
|
106
|
-
applyTransientWidth(columnKey: HdsAdvancedTableNormalizedColumn['key']): void;
|
|
107
99
|
resetTransientColumnWidths(): void;
|
|
108
100
|
getAppliedWidth(columnKey: HdsAdvancedTableNormalizedColumn['key']): HdsAdvancedTableNormalizedColumn['width'] | undefined;
|
|
109
|
-
getColumnByKey(columnKey: HdsAdvancedTableNormalizedColumn['key']): HdsAdvancedTableNormalizedColumn | undefined;
|
|
110
101
|
setDraggedColumnKey(columnKey: HdsAdvancedTableNormalizedColumn['key'] | null): void;
|
|
111
|
-
setTransientColumnWidth(columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`): void;
|
|
112
|
-
setTransientColumnWidths(options: {
|
|
113
|
-
roundValues?: boolean;
|
|
114
|
-
}): void;
|
|
115
102
|
stepColumn(step: number): void;
|
|
116
|
-
updateResizeDebt(delta: number): void;
|
|
117
103
|
setElement(element: HTMLDivElement): void;
|
|
118
104
|
private _registerReorderHandleElement;
|
|
119
105
|
private _registerResizeHandleElement;
|
|
@@ -46,9 +46,12 @@ export interface BaseHdsAdvancedTableTrSignature<T> {
|
|
|
46
46
|
}
|
|
47
47
|
export type HdsAdvancedTableTrSignature<T> = BaseHdsAdvancedTableTrSignature<T>;
|
|
48
48
|
export default class HdsAdvancedTableTr<T> extends Component<HdsAdvancedTableTrSignature<T>> {
|
|
49
|
+
private isSelectedOverride?;
|
|
49
50
|
get selectionKey(): string | undefined;
|
|
51
|
+
get isSelected(): boolean;
|
|
50
52
|
get classNames(): string;
|
|
51
53
|
get cells(): HdsAdvancedTableCell<T>[];
|
|
52
54
|
get orderedCells(): HdsAdvancedTableCell<T>[] | undefined;
|
|
55
|
+
onSelectionChange: (checkbox?: HdsFormCheckboxBaseSignature["Element"], selectionKey?: string) => void;
|
|
53
56
|
}
|
|
54
57
|
export {};
|
|
@@ -96,7 +96,7 @@ export interface HdsAdvancedTableModelItem {
|
|
|
96
96
|
isSelected?: boolean;
|
|
97
97
|
}
|
|
98
98
|
export type HdsAdvancedTableModel = Array<HdsAdvancedTableModelItem>;
|
|
99
|
-
export type HdsAdvancedTableColumnResizeCallback = (columnKey: string, newWidth?:
|
|
99
|
+
export type HdsAdvancedTableColumnResizeCallback = (columnKey: string, newWidth?: HdsAdvancedTablePixelString) => void;
|
|
100
100
|
export type HdsAdvancedTableColumnReorderCallback = ({ column, newOrder, insertedAt, }: {
|
|
101
101
|
column: HdsAdvancedTableColumn;
|
|
102
102
|
newOrder: string[];
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* SPDX-License-Identifier: MPL-2.0
|
|
4
4
|
*/
|
|
5
5
|
export declare function requestAnimationFrameWaiter(callback: () => void): number;
|
|
6
|
+
export declare function measureColumnWidth(descendant: Element | null | undefined): `${number}px` | undefined;
|
|
6
7
|
export declare function pixelToNumber(px: `${number}px`): number;
|
|
7
8
|
export declare function isPixelSize(value?: string): boolean;
|
|
8
9
|
export declare function parsePixel(value?: string): number | undefined;
|
|
@@ -50,6 +50,7 @@ export default class Composite extends Component<HdsCompositeSignature> {
|
|
|
50
50
|
private get _currentIndex();
|
|
51
51
|
private get _config();
|
|
52
52
|
private get _navigationSnapshot();
|
|
53
|
+
private _resortRegisteredElements;
|
|
53
54
|
private _registerItem;
|
|
54
55
|
private _unregisterItem;
|
|
55
56
|
private _registerGroup;
|
|
@@ -8,7 +8,7 @@ import type Owner from '@ember/owner';
|
|
|
8
8
|
import { HdsIconSizeValues } from './types.ts';
|
|
9
9
|
import type { HdsIconSizes, HdsIconColors } from './types.ts';
|
|
10
10
|
export declare const COLORS: HdsIconColors[];
|
|
11
|
-
export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "ansible-community", "ansible-community-color", "ansible-automation-platform", "ansible-automation-platform-color", "auth0", "auth0-color", "aws", "aws-color", "aws-cdk", "aws-cdk-color", "aws-cloudwatch", "aws-cloudwatch-color", "aws-ec2", "aws-ec2-color", "aws-lambda", "aws-lambda-color", "aws-s3", "aws-s3-color", "azure", "azure-color", "azure-aks", "azure-aks-color", "azure-blob-storage", "azure-blob-storage-color", "azure-devops", "azure-devops-color", "azure-vms", "azure-vms-color", "bitbucket", "bitbucket-color", "bridgecrew", "bridgecrew-color", "cisco", "cisco-color", "cloudability", "cloudability-color", "codepen", "codepen-color", "confluence", "confluence-color", "confluent", "confluent-color", "datadog", "datadog-color", "digital-ocean", "digital-ocean-color", "docker", "docker-color", "duo", "duo-color", "elastic-observability", "elastic-observability-color", "f5", "f5-color", "facebook", "facebook-color", "figma", "figma-color", "gcp", "gcp-color", "git", "git-color", "gitlab", "gitlab-color", "github", "github-color", "google", "google-color", "google-docs", "google-docs-color", "google-drive", "google-drive-color", "google-forms", "google-forms-color", "google-sheets", "google-sheets-color", "google-slides", "google-slides-color", "grafana", "grafana-color", "helm", "helm-color", "infracost", "infracost-color", "jenkins", "jenkins-color", "jfrog", "jfrog-color", "jira", "jira-color", "jwt", "jwt-color", "kubernetes", "kubernetes-color", "lightlytics", "lightlytics-color", "linkedin", "linkedin-color", "linode", "linode-color", "linux", "linux-color", "loom", "loom-color", "meetup", "meetup-color", "microsoft", "microsoft-color", "microsoft-teams", "microsoft-teams-color", "minio", "minio-color", "mongodb", "mongodb-color", "new-relic", "new-relic-color", "okta", "okta-color", "oracle", "oracle-color", "opa", "opa-color", "openid", "openid-color", "openstack", "openstack-color", "pack", "pack-color", "pager-duty", "pager-duty-color", "ping-identity", "ping-identity-color", "postgres", "postgres-color", "rabbitmq", "rabbitmq-color", "saml", "saml-color", "service-now", "service-now-color", "slack", "slack-color", "snyk", "snyk-color", "splunk", "splunk-color", "twilio", "twilio-color", "twitch", "twitch-color", "twitter", "twitter-color", "twitter-x", "twitter-x-color", "vantage", "vantage-color", "venafi", "venafi-color", "vercel", "vercel-color", "vmware", "vmware-color", "youtube", "youtube-color", "boundary", "boundary-color", "boundary-fill", "boundary-fill-color", "boundary-square", "boundary-square-color", "consul", "consul-color", "consul-fill", "consul-fill-color", "consul-square", "consul-square-color", "nomad", "nomad-color", "nomad-fill", "nomad-fill-color", "nomad-square", "nomad-square-color", "packer", "packer-color", "packer-fill", "packer-fill-color", "packer-square", "packer-square-color", "terraform", "terraform-color", "terraform-fill", "terraform-fill-color", "terraform-square", "terraform-square-color", "vagrant", "vagrant-color", "vagrant-fill", "vagrant-fill-color", "vagrant-square", "vagrant-square-color", "vault", "vault-color", "vault-fill", "vault-fill-color", "vault-square", "vault-square-color", "vault-radar", "vault-radar-color", "vault-radar-fill", "vault-radar-fill-color", "vault-radar-square", "vault-radar-square-color", "vault-secrets", "vault-secrets-color", "vault-secrets-fill", "vault-secrets-fill-color", "vault-secrets-square", "vault-secrets-square-color", "waypoint", "waypoint-color", "waypoint-fill", "waypoint-fill-color", "waypoint-square", "waypoint-square-color", "hashicorp", "hashicorp-color", "hashicorp-fill", "hashicorp-fill-color", "hashicorp-square", "hashicorp-square-color", "hcp", "hcp-color", "hcp-fill", "hcp-fill-color", "hcp-square", "hcp-square-color", "accessibility", "folder-users", "frown", "identity-service", "identity-user", "meh", "robot", "smile", "user", "user-check", "user-circle", "user-circle-fill", "user-minus", "user-plus", "user-x", "users", "ampersand", "beaker", "bucket", "bulb", "circle", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "labyrinth", "layers", "moon", "octagon", "outline", "random", "rocket", "sparkle", "square", "square-fill", "sun", "triangle", "triangle-fill", "truck", "wand", "zap", "zap-off", "docs", "docs-download", "docs-link", "guide", "guide-link", "help", "info", "info-fill", "learn", "learn-link", "support", "alert-circle", "alert-circle-fill", "alert-diamond", "alert-diamond-fill", "alert-octagon", "alert-octagon-fill", "alert-triangle", "alert-triangle-fill", "check", "check-circle", "check-circle-fill", "check-diamond", "check-diamond-fill", "check-hexagon", "check-hexagon-fill", "check-square", "check-square-fill", "skip", "x", "x-circle", "x-circle-fill", "x-diamond", "x-diamond-fill", "x-hexagon", "x-hexagon-fill", "x-square", "x-square-fill", "bug", "certificate", "eye", "eye-off", "fingerprint", "key", "keychain", "lock", "lock-fill", "lock-off", "shield", "shield-alert", "shield-check", "shield-off", "shield-x", "token", "unlock", "verified", "wall", "minus", "minus-circle", "minus-circle-fill", "minus-plus", "minus-plus-circle", "minus-plus-square", "minus-square", "minus-square-fill", "plus", "plus-circle", "plus-circle-fill", "plus-square", "camera", "camera-off", "cast", "closed-caption", "fast-forward", "film", "headphones", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-up", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "map-pin", "navigation", "navigation-alt", "redirect", "target", "align-center", "align-justify", "align-left", "align-right", "battery", "battery-charging", "bookmark", "bookmark-add", "bookmark-add-fill", "bookmark-fill", "bookmark-remove", "bookmark-remove-fill", "bottom", "command", "crop", "dashboard", "delete", "download", "edit", "end", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "pin-off", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "start", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "text-wrap", "toggle-left", "toggle-right", "top", "trash", "type", "unfold-close", "unfold-open", "upload", "workspace", "zoom-in", "zoom-out", "archive", "clipboard", "clipboard-checked", "clipboard-copy", "clipboard-x", "file", "file-change", "file-check", "file-diff", "file-minus", "file-plus", "file-source", "file-text", "file-x", "files", "folder", "folder-fill", "folder-minus", "folder-minus-fill", "folder-plus", "folder-plus-fill", "folder-star", "inbox", "api", "auto-apply", "build", "change", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "connection", "connection-gateway", "cpu", "duplicate", "gateway", "git-branch", "git-commit", "git-merge", "git-pull-request", "git-repo", "hammer", "key-values", "mainframe", "mesh", "module", "monitor", "network", "network-alt", "node", "path", "pipeline", "plug", "replication-direct", "replication-perf", "scissors", "server", "server-cluster", "serverless", "service", "settings", "sliders", "smartphone", "socket", "step", "tablet", "terminal", "terminal-screen", "test", "tools", "transform-data", "tv", "webhook", "wrench", "calendar", "clock", "clock-filled", "delay", "event", "history", "hourglass", "watch", "bar-chart", "bar-chart-alt", "box", "collections", "database", "hard-drive", "line-chart", "line-chart-up", "logs", "package", "pie-chart", "queue", "save", "trend-down", "trend-up", "activity", "at-sign", "award", "bell", "bell-active", "bell-active-fill", "bell-off", "discussion-circle", "discussion-square", "heart", "heart-fill", "heart-off", "mail", "mail-open", "message-circle", "message-circle-fill", "message-square", "message-square-fill", "mic", "mic-off", "newspaper", "phone", "phone-call", "phone-off", "send", "star", "star-circle", "star-fill", "star-off", "thumbs-down", "thumbs-up", "video", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-down", "chevrons-left", "chevrons-right", "chevrons-up", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "load-balancer", "migrate", "move", "shuffle", "swap-horizontal", "swap-vertical"];
|
|
11
|
+
export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "ansible-community", "ansible-community-color", "ansible-automation-platform", "ansible-automation-platform-color", "auth0", "auth0-color", "aws", "aws-color", "aws-cdk", "aws-cdk-color", "aws-cloudwatch", "aws-cloudwatch-color", "aws-ec2", "aws-ec2-color", "aws-lambda", "aws-lambda-color", "aws-s3", "aws-s3-color", "azure", "azure-color", "azure-aks", "azure-aks-color", "azure-blob-storage", "azure-blob-storage-color", "azure-devops", "azure-devops-color", "azure-vms", "azure-vms-color", "bitbucket", "bitbucket-color", "bridgecrew", "bridgecrew-color", "cisco", "cisco-color", "cloudability", "cloudability-color", "codepen", "codepen-color", "confluence", "confluence-color", "confluent", "confluent-color", "datadog", "datadog-color", "digital-ocean", "digital-ocean-color", "docker", "docker-color", "duo", "duo-color", "elastic-observability", "elastic-observability-color", "f5", "f5-color", "facebook", "facebook-color", "figma", "figma-color", "gcp", "gcp-color", "git", "git-color", "gitlab", "gitlab-color", "github", "github-color", "google", "google-color", "google-docs", "google-docs-color", "google-drive", "google-drive-color", "google-forms", "google-forms-color", "google-sheets", "google-sheets-color", "google-slides", "google-slides-color", "grafana", "grafana-color", "helm", "helm-color", "infracost", "infracost-color", "jenkins", "jenkins-color", "jfrog", "jfrog-color", "jira", "jira-color", "jwt", "jwt-color", "kubernetes", "kubernetes-color", "lightlytics", "lightlytics-color", "linkedin", "linkedin-color", "linode", "linode-color", "linux", "linux-color", "loom", "loom-color", "meetup", "meetup-color", "microsoft", "microsoft-color", "microsoft-teams", "microsoft-teams-color", "minio", "minio-color", "mongodb", "mongodb-color", "new-relic", "new-relic-color", "okta", "okta-color", "oracle", "oracle-color", "opa", "opa-color", "openid", "openid-color", "openstack", "openstack-color", "pack", "pack-color", "pager-duty", "pager-duty-color", "ping-identity", "ping-identity-color", "postgres", "postgres-color", "rabbitmq", "rabbitmq-color", "saml", "saml-color", "service-now", "service-now-color", "slack", "slack-color", "snyk", "snyk-color", "splunk", "splunk-color", "twilio", "twilio-color", "twitch", "twitch-color", "twitter", "twitter-color", "twitter-x", "twitter-x-color", "vantage", "vantage-color", "venafi", "venafi-color", "vercel", "vercel-color", "vmware", "vmware-color", "youtube", "youtube-color", "boundary", "boundary-color", "boundary-fill", "boundary-fill-color", "boundary-square", "boundary-square-color", "consul", "consul-color", "consul-fill", "consul-fill-color", "consul-square", "consul-square-color", "nomad", "nomad-color", "nomad-fill", "nomad-fill-color", "nomad-square", "nomad-square-color", "packer", "packer-color", "packer-fill", "packer-fill-color", "packer-square", "packer-square-color", "terraform", "terraform-color", "terraform-fill", "terraform-fill-color", "terraform-square", "terraform-square-color", "vagrant", "vagrant-color", "vagrant-fill", "vagrant-fill-color", "vagrant-square", "vagrant-square-color", "vault", "vault-color", "vault-fill", "vault-fill-color", "vault-square", "vault-square-color", "vault-radar", "vault-radar-color", "vault-radar-fill", "vault-radar-fill-color", "vault-radar-square", "vault-radar-square-color", "vault-secrets", "vault-secrets-color", "vault-secrets-fill", "vault-secrets-fill-color", "vault-secrets-square", "vault-secrets-square-color", "waypoint", "waypoint-color", "waypoint-fill", "waypoint-fill-color", "waypoint-square", "waypoint-square-color", "hashicorp", "hashicorp-color", "hashicorp-fill", "hashicorp-fill-color", "hashicorp-square", "hashicorp-square-color", "hcp", "hcp-color", "hcp-fill", "hcp-fill-color", "hcp-square", "hcp-square-color", "accessibility", "folder-users", "frown", "identity-service", "identity-user", "meh", "robot", "smile", "user", "user-check", "user-circle", "user-circle-fill", "user-minus", "user-plus", "user-x", "users", "ampersand", "beaker", "bucket", "bulb", "circle", "circle-dash", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "incomplete-normal", "labyrinth", "layers", "moon", "octagon", "outline", "random", "rocket", "sparkle", "square", "square-fill", "sun", "triangle", "triangle-fill", "truck", "wand", "zap", "zap-off", "docs", "docs-download", "docs-link", "guide", "guide-link", "help", "info", "info-fill", "learn", "learn-link", "support", "alert-circle", "alert-circle-fill", "alert-diamond", "alert-diamond-fill", "alert-octagon", "alert-octagon-fill", "alert-triangle", "alert-triangle-fill", "check", "check-circle", "check-circle-fill", "error-filled", "check-diamond", "check-diamond-fill", "check-hexagon", "check-hexagon-fill", "check-square", "check-square-fill", "skip", "x", "x-circle", "x-circle-fill", "x-diamond", "x-diamond-fill", "x-hexagon", "x-hexagon-fill", "x-square", "x-square-fill", "bug", "certificate", "eye", "eye-off", "fingerprint", "key", "keychain", "lock", "lock-fill", "lock-off", "shield", "shield-alert", "shield-check", "shield-off", "shield-x", "token", "unlock", "verified", "wall", "minus", "minus-circle", "minus-circle-fill", "minus-plus", "minus-plus-circle", "minus-plus-square", "minus-square", "minus-square-fill", "plus", "plus-circle", "plus-circle-fill", "plus-square", "camera", "camera-off", "cast", "closed-caption", "fast-forward", "film", "headphones", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-up", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "map-pin", "navigation", "navigation-alt", "redirect", "target", "align-center", "align-justify", "align-left", "align-right", "battery", "battery-charging", "bookmark", "bookmark-add", "bookmark-add-fill", "bookmark-fill", "bookmark-remove", "bookmark-remove-fill", "bottom", "command", "crop", "dashboard", "delete", "download", "edit", "end", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "pin-off", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "start", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "text-wrap", "toggle-left", "toggle-right", "top", "trash", "type", "unfold-close", "unfold-open", "upload", "workspace", "zoom-in", "zoom-out", "archive", "clipboard", "clipboard-checked", "clipboard-copy", "clipboard-x", "file", "file-change", "file-check", "file-diff", "file-minus", "file-plus", "file-source", "file-text", "file-x", "files", "folder", "folder-fill", "folder-minus", "folder-minus-fill", "folder-plus", "folder-plus-fill", "folder-star", "inbox", "api", "auto-apply", "build", "change", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "connection", "connection-gateway", "cpu", "duplicate", "gateway", "git-branch", "git-commit", "git-merge", "git-pull-request", "git-repo", "hammer", "key-values", "mainframe", "mesh", "module", "monitor", "network", "network-alt", "node", "path", "pipeline", "plug", "replication-direct", "replication-perf", "scissors", "server", "server-cluster", "serverless", "service", "settings", "sliders", "smartphone", "socket", "step", "tablet", "terminal", "terminal-screen", "test", "tools", "transform-data", "tv", "webhook", "wrench", "calendar", "clock", "clock-filled", "delay", "event", "history", "hourglass", "watch", "bar-chart", "bar-chart-alt", "box", "collections", "database", "hard-drive", "line-chart", "line-chart-up", "logs", "package", "pie-chart", "queue", "save", "trend-down", "trend-up", "activity", "at-sign", "award", "bell", "bell-active", "bell-active-fill", "bell-off", "discussion-circle", "discussion-square", "heart", "heart-fill", "heart-off", "mail", "mail-open", "message-circle", "message-circle-fill", "message-square", "message-square-fill", "mic", "mic-off", "newspaper", "phone", "phone-call", "phone-off", "send", "star", "star-circle", "star-fill", "star-off", "thumbs-down", "thumbs-up", "video", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-down", "chevrons-left", "chevrons-right", "chevrons-up", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "load-balancer", "migrate", "move", "shuffle", "swap-horizontal", "swap-vertical"];
|
|
12
12
|
export interface HdsIconSignature {
|
|
13
13
|
Args: {
|
|
14
14
|
name: IconName;
|
|
@@ -2,13 +2,19 @@
|
|
|
2
2
|
* Copyright IBM Corp. 2021, 2026
|
|
3
3
|
* SPDX-License-Identifier: MPL-2.0
|
|
4
4
|
*/
|
|
5
|
-
import
|
|
5
|
+
import Component from '@glimmer/component';
|
|
6
6
|
import HdsButton from '../button/index';
|
|
7
7
|
import HdsDropdown from '../dropdown/index';
|
|
8
8
|
import HdsFormSelectBase from '../form/select/base';
|
|
9
9
|
import HdsFormTextInputBase from '../form/text-input/base';
|
|
10
|
+
import HdsFormSuperSelectSingleBase from '../form/super-select/single/base';
|
|
11
|
+
import HdsFormSuperSelectMultipleBase from '../form/super-select/multiple/base';
|
|
10
12
|
import HdsYield from '../yield/index';
|
|
11
13
|
export interface HdsSegmentedGroupSignature {
|
|
14
|
+
Args: {
|
|
15
|
+
isFullWidth?: boolean;
|
|
16
|
+
maxWidth?: string;
|
|
17
|
+
};
|
|
12
18
|
Blocks: {
|
|
13
19
|
default: [
|
|
14
20
|
{
|
|
@@ -16,11 +22,15 @@ export interface HdsSegmentedGroupSignature {
|
|
|
16
22
|
Dropdown?: typeof HdsDropdown;
|
|
17
23
|
Select?: typeof HdsFormSelectBase;
|
|
18
24
|
TextInput?: typeof HdsFormTextInputBase;
|
|
25
|
+
SuperSelectSingle?: typeof HdsFormSuperSelectSingleBase;
|
|
26
|
+
SuperSelectMultiple?: typeof HdsFormSuperSelectMultipleBase;
|
|
19
27
|
Generic?: typeof HdsYield;
|
|
20
28
|
}
|
|
21
29
|
];
|
|
22
30
|
};
|
|
23
31
|
Element: HTMLDivElement;
|
|
24
32
|
}
|
|
25
|
-
|
|
26
|
-
|
|
33
|
+
export default class HdsSegmentedGroup extends Component<HdsSegmentedGroupSignature> {
|
|
34
|
+
get classNames(): string;
|
|
35
|
+
get styles(): Record<string, string>;
|
|
36
|
+
}
|
|
@@ -8,7 +8,7 @@ import type { HdsIconSignature } from '../../icon/index';
|
|
|
8
8
|
import type { HdsStepperStatuses } from '../types.ts';
|
|
9
9
|
export declare const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;
|
|
10
10
|
export declare const STATUSES: HdsStepperStatuses[];
|
|
11
|
-
export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "ansible-community" | "ansible-community-color" | "ansible-automation-platform" | "ansible-automation-platform-color" | "auth0" | "auth0-color" | "aws" | "aws-color" | "aws-cdk" | "aws-cdk-color" | "aws-cloudwatch" | "aws-cloudwatch-color" | "aws-ec2" | "aws-ec2-color" | "aws-lambda" | "aws-lambda-color" | "aws-s3" | "aws-s3-color" | "azure" | "azure-color" | "azure-aks" | "azure-aks-color" | "azure-blob-storage" | "azure-blob-storage-color" | "azure-devops" | "azure-devops-color" | "azure-vms" | "azure-vms-color" | "bitbucket" | "bitbucket-color" | "bridgecrew" | "bridgecrew-color" | "cisco" | "cisco-color" | "cloudability" | "cloudability-color" | "codepen" | "codepen-color" | "confluence" | "confluence-color" | "confluent" | "confluent-color" | "datadog" | "datadog-color" | "digital-ocean" | "digital-ocean-color" | "docker" | "docker-color" | "duo" | "duo-color" | "elastic-observability" | "elastic-observability-color" | "f5" | "f5-color" | "facebook" | "facebook-color" | "figma" | "figma-color" | "gcp" | "gcp-color" | "git" | "git-color" | "gitlab" | "gitlab-color" | "github" | "github-color" | "google" | "google-color" | "google-docs" | "google-docs-color" | "google-drive" | "google-drive-color" | "google-forms" | "google-forms-color" | "google-sheets" | "google-sheets-color" | "google-slides" | "google-slides-color" | "grafana" | "grafana-color" | "helm" | "helm-color" | "infracost" | "infracost-color" | "jenkins" | "jenkins-color" | "jfrog" | "jfrog-color" | "jira" | "jira-color" | "jwt" | "jwt-color" | "kubernetes" | "kubernetes-color" | "lightlytics" | "lightlytics-color" | "linkedin" | "linkedin-color" | "linode" | "linode-color" | "linux" | "linux-color" | "loom" | "loom-color" | "meetup" | "meetup-color" | "microsoft" | "microsoft-color" | "microsoft-teams" | "microsoft-teams-color" | "minio" | "minio-color" | "mongodb" | "mongodb-color" | "new-relic" | "new-relic-color" | "okta" | "okta-color" | "oracle" | "oracle-color" | "opa" | "opa-color" | "openid" | "openid-color" | "openstack" | "openstack-color" | "pack" | "pack-color" | "pager-duty" | "pager-duty-color" | "ping-identity" | "ping-identity-color" | "postgres" | "postgres-color" | "rabbitmq" | "rabbitmq-color" | "saml" | "saml-color" | "service-now" | "service-now-color" | "slack" | "slack-color" | "snyk" | "snyk-color" | "splunk" | "splunk-color" | "twilio" | "twilio-color" | "twitch" | "twitch-color" | "twitter" | "twitter-color" | "twitter-x" | "twitter-x-color" | "vantage" | "vantage-color" | "venafi" | "venafi-color" | "vercel" | "vercel-color" | "vmware" | "vmware-color" | "youtube" | "youtube-color" | "boundary" | "boundary-color" | "boundary-fill" | "boundary-fill-color" | "boundary-square" | "boundary-square-color" | "consul" | "consul-color" | "consul-fill" | "consul-fill-color" | "consul-square" | "consul-square-color" | "nomad" | "nomad-color" | "nomad-fill" | "nomad-fill-color" | "nomad-square" | "nomad-square-color" | "packer" | "packer-color" | "packer-fill" | "packer-fill-color" | "packer-square" | "packer-square-color" | "terraform" | "terraform-color" | "terraform-fill" | "terraform-fill-color" | "terraform-square" | "terraform-square-color" | "vagrant" | "vagrant-color" | "vagrant-fill" | "vagrant-fill-color" | "vagrant-square" | "vagrant-square-color" | "vault" | "vault-color" | "vault-fill" | "vault-fill-color" | "vault-square" | "vault-square-color" | "vault-radar" | "vault-radar-color" | "vault-radar-fill" | "vault-radar-fill-color" | "vault-radar-square" | "vault-radar-square-color" | "vault-secrets" | "vault-secrets-color" | "vault-secrets-fill" | "vault-secrets-fill-color" | "vault-secrets-square" | "vault-secrets-square-color" | "waypoint" | "waypoint-color" | "waypoint-fill" | "waypoint-fill-color" | "waypoint-square" | "waypoint-square-color" | "hashicorp" | "hashicorp-color" | "hashicorp-fill" | "hashicorp-fill-color" | "hashicorp-square" | "hashicorp-square-color" | "hcp" | "hcp-color" | "hcp-fill" | "hcp-fill-color" | "hcp-square" | "hcp-square-color" | "accessibility" | "folder-users" | "frown" | "identity-service" | "identity-user" | "meh" | "robot" | "smile" | "user" | "user-check" | "user-circle" | "user-circle-fill" | "user-minus" | "user-plus" | "user-x" | "users" | "ampersand" | "beaker" | "bucket" | "bulb" | "circle" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hash" | "hexagon" | "hexagon-fill" | "labyrinth" | "layers" | "moon" | "octagon" | "outline" | "random" | "rocket" | "sparkle" | "square" | "square-fill" | "sun" | "triangle" | "triangle-fill" | "truck" | "wand" | "zap" | "zap-off" | "docs" | "docs-download" | "docs-link" | "guide" | "guide-link" | "help" | "info" | "info-fill" | "learn" | "learn-link" | "support" | "alert-circle" | "alert-circle-fill" | "alert-diamond" | "alert-diamond-fill" | "alert-octagon" | "alert-octagon-fill" | "alert-triangle" | "alert-triangle-fill" | "check" | "check-circle" | "check-circle-fill" | "check-diamond" | "check-diamond-fill" | "check-hexagon" | "check-hexagon-fill" | "check-square" | "check-square-fill" | "skip" | "x" | "x-circle" | "x-circle-fill" | "x-diamond" | "x-diamond-fill" | "x-hexagon" | "x-hexagon-fill" | "x-square" | "x-square-fill" | "bug" | "certificate" | "eye" | "eye-off" | "fingerprint" | "key" | "keychain" | "lock" | "lock-fill" | "lock-off" | "shield" | "shield-alert" | "shield-check" | "shield-off" | "shield-x" | "token" | "unlock" | "verified" | "wall" | "minus" | "minus-circle" | "minus-circle-fill" | "minus-plus" | "minus-plus-circle" | "minus-plus-square" | "minus-square" | "minus-square-fill" | "plus" | "plus-circle" | "plus-circle-fill" | "plus-square" | "camera" | "camera-off" | "cast" | "closed-caption" | "fast-forward" | "film" | "headphones" | "image" | "music" | "pause" | "pause-circle" | "play" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-up" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map" | "map-pin" | "navigation" | "navigation-alt" | "redirect" | "target" | "align-center" | "align-justify" | "align-left" | "align-right" | "battery" | "battery-charging" | "bookmark" | "bookmark-add" | "bookmark-add-fill" | "bookmark-fill" | "bookmark-remove" | "bookmark-remove-fill" | "bottom" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "end" | "entry-point" | "exit-point" | "external-link" | "filter" | "filter-circle" | "filter-fill" | "grid" | "grid-alt" | "home" | "jump-link" | "layout" | "link" | "list" | "maximize" | "maximize-alt" | "menu" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "pin-off" | "power" | "printer" | "reload" | "repeat" | "resize-column" | "rotate-cw" | "rotate-ccw" | "search" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "start" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "tag" | "text-wrap" | "toggle-left" | "toggle-right" | "top" | "trash" | "type" | "unfold-close" | "unfold-open" | "upload" | "workspace" | "zoom-in" | "zoom-out" | "archive" | "clipboard" | "clipboard-checked" | "clipboard-copy" | "clipboard-x" | "file" | "file-change" | "file-check" | "file-diff" | "file-minus" | "file-plus" | "file-source" | "file-text" | "file-x" | "files" | "folder" | "folder-fill" | "folder-minus" | "folder-minus-fill" | "folder-plus" | "folder-plus-fill" | "folder-star" | "inbox" | "api" | "auto-apply" | "build" | "change" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "code" | "connection" | "connection-gateway" | "cpu" | "duplicate" | "gateway" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "git-repo" | "hammer" | "key-values" | "mainframe" | "mesh" | "module" | "monitor" | "network" | "network-alt" | "node" | "path" | "pipeline" | "plug" | "replication-direct" | "replication-perf" | "scissors" | "server" | "server-cluster" | "serverless" | "service" | "settings" | "sliders" | "smartphone" | "socket" | "step" | "tablet" | "terminal" | "terminal-screen" | "test" | "tools" | "transform-data" | "tv" | "webhook" | "wrench" | "calendar" | "clock" | "clock-filled" | "delay" | "event" | "history" | "hourglass" | "watch" | "bar-chart" | "bar-chart-alt" | "box" | "collections" | "database" | "hard-drive" | "line-chart" | "line-chart-up" | "logs" | "package" | "pie-chart" | "queue" | "save" | "trend-down" | "trend-up" | "activity" | "at-sign" | "award" | "bell" | "bell-active" | "bell-active-fill" | "bell-off" | "discussion-circle" | "discussion-square" | "heart" | "heart-fill" | "heart-off" | "mail" | "mail-open" | "message-circle" | "message-circle-fill" | "message-square" | "message-square-fill" | "mic" | "mic-off" | "newspaper" | "phone" | "phone-call" | "phone-off" | "send" | "star" | "star-circle" | "star-fill" | "star-off" | "thumbs-down" | "thumbs-up" | "video" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "caret" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "load-balancer" | "migrate" | "move" | "shuffle" | "swap-horizontal" | "swap-vertical">;
|
|
11
|
+
export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "ansible-community" | "ansible-community-color" | "ansible-automation-platform" | "ansible-automation-platform-color" | "auth0" | "auth0-color" | "aws" | "aws-color" | "aws-cdk" | "aws-cdk-color" | "aws-cloudwatch" | "aws-cloudwatch-color" | "aws-ec2" | "aws-ec2-color" | "aws-lambda" | "aws-lambda-color" | "aws-s3" | "aws-s3-color" | "azure" | "azure-color" | "azure-aks" | "azure-aks-color" | "azure-blob-storage" | "azure-blob-storage-color" | "azure-devops" | "azure-devops-color" | "azure-vms" | "azure-vms-color" | "bitbucket" | "bitbucket-color" | "bridgecrew" | "bridgecrew-color" | "cisco" | "cisco-color" | "cloudability" | "cloudability-color" | "codepen" | "codepen-color" | "confluence" | "confluence-color" | "confluent" | "confluent-color" | "datadog" | "datadog-color" | "digital-ocean" | "digital-ocean-color" | "docker" | "docker-color" | "duo" | "duo-color" | "elastic-observability" | "elastic-observability-color" | "f5" | "f5-color" | "facebook" | "facebook-color" | "figma" | "figma-color" | "gcp" | "gcp-color" | "git" | "git-color" | "gitlab" | "gitlab-color" | "github" | "github-color" | "google" | "google-color" | "google-docs" | "google-docs-color" | "google-drive" | "google-drive-color" | "google-forms" | "google-forms-color" | "google-sheets" | "google-sheets-color" | "google-slides" | "google-slides-color" | "grafana" | "grafana-color" | "helm" | "helm-color" | "infracost" | "infracost-color" | "jenkins" | "jenkins-color" | "jfrog" | "jfrog-color" | "jira" | "jira-color" | "jwt" | "jwt-color" | "kubernetes" | "kubernetes-color" | "lightlytics" | "lightlytics-color" | "linkedin" | "linkedin-color" | "linode" | "linode-color" | "linux" | "linux-color" | "loom" | "loom-color" | "meetup" | "meetup-color" | "microsoft" | "microsoft-color" | "microsoft-teams" | "microsoft-teams-color" | "minio" | "minio-color" | "mongodb" | "mongodb-color" | "new-relic" | "new-relic-color" | "okta" | "okta-color" | "oracle" | "oracle-color" | "opa" | "opa-color" | "openid" | "openid-color" | "openstack" | "openstack-color" | "pack" | "pack-color" | "pager-duty" | "pager-duty-color" | "ping-identity" | "ping-identity-color" | "postgres" | "postgres-color" | "rabbitmq" | "rabbitmq-color" | "saml" | "saml-color" | "service-now" | "service-now-color" | "slack" | "slack-color" | "snyk" | "snyk-color" | "splunk" | "splunk-color" | "twilio" | "twilio-color" | "twitch" | "twitch-color" | "twitter" | "twitter-color" | "twitter-x" | "twitter-x-color" | "vantage" | "vantage-color" | "venafi" | "venafi-color" | "vercel" | "vercel-color" | "vmware" | "vmware-color" | "youtube" | "youtube-color" | "boundary" | "boundary-color" | "boundary-fill" | "boundary-fill-color" | "boundary-square" | "boundary-square-color" | "consul" | "consul-color" | "consul-fill" | "consul-fill-color" | "consul-square" | "consul-square-color" | "nomad" | "nomad-color" | "nomad-fill" | "nomad-fill-color" | "nomad-square" | "nomad-square-color" | "packer" | "packer-color" | "packer-fill" | "packer-fill-color" | "packer-square" | "packer-square-color" | "terraform" | "terraform-color" | "terraform-fill" | "terraform-fill-color" | "terraform-square" | "terraform-square-color" | "vagrant" | "vagrant-color" | "vagrant-fill" | "vagrant-fill-color" | "vagrant-square" | "vagrant-square-color" | "vault" | "vault-color" | "vault-fill" | "vault-fill-color" | "vault-square" | "vault-square-color" | "vault-radar" | "vault-radar-color" | "vault-radar-fill" | "vault-radar-fill-color" | "vault-radar-square" | "vault-radar-square-color" | "vault-secrets" | "vault-secrets-color" | "vault-secrets-fill" | "vault-secrets-fill-color" | "vault-secrets-square" | "vault-secrets-square-color" | "waypoint" | "waypoint-color" | "waypoint-fill" | "waypoint-fill-color" | "waypoint-square" | "waypoint-square-color" | "hashicorp" | "hashicorp-color" | "hashicorp-fill" | "hashicorp-fill-color" | "hashicorp-square" | "hashicorp-square-color" | "hcp" | "hcp-color" | "hcp-fill" | "hcp-fill-color" | "hcp-square" | "hcp-square-color" | "accessibility" | "folder-users" | "frown" | "identity-service" | "identity-user" | "meh" | "robot" | "smile" | "user" | "user-check" | "user-circle" | "user-circle-fill" | "user-minus" | "user-plus" | "user-x" | "users" | "ampersand" | "beaker" | "bucket" | "bulb" | "circle" | "circle-dash" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hash" | "hexagon" | "hexagon-fill" | "incomplete-normal" | "labyrinth" | "layers" | "moon" | "octagon" | "outline" | "random" | "rocket" | "sparkle" | "square" | "square-fill" | "sun" | "triangle" | "triangle-fill" | "truck" | "wand" | "zap" | "zap-off" | "docs" | "docs-download" | "docs-link" | "guide" | "guide-link" | "help" | "info" | "info-fill" | "learn" | "learn-link" | "support" | "alert-circle" | "alert-circle-fill" | "alert-diamond" | "alert-diamond-fill" | "alert-octagon" | "alert-octagon-fill" | "alert-triangle" | "alert-triangle-fill" | "check" | "check-circle" | "check-circle-fill" | "error-filled" | "check-diamond" | "check-diamond-fill" | "check-hexagon" | "check-hexagon-fill" | "check-square" | "check-square-fill" | "skip" | "x" | "x-circle" | "x-circle-fill" | "x-diamond" | "x-diamond-fill" | "x-hexagon" | "x-hexagon-fill" | "x-square" | "x-square-fill" | "bug" | "certificate" | "eye" | "eye-off" | "fingerprint" | "key" | "keychain" | "lock" | "lock-fill" | "lock-off" | "shield" | "shield-alert" | "shield-check" | "shield-off" | "shield-x" | "token" | "unlock" | "verified" | "wall" | "minus" | "minus-circle" | "minus-circle-fill" | "minus-plus" | "minus-plus-circle" | "minus-plus-square" | "minus-square" | "minus-square-fill" | "plus" | "plus-circle" | "plus-circle-fill" | "plus-square" | "camera" | "camera-off" | "cast" | "closed-caption" | "fast-forward" | "film" | "headphones" | "image" | "music" | "pause" | "pause-circle" | "play" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-up" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map" | "map-pin" | "navigation" | "navigation-alt" | "redirect" | "target" | "align-center" | "align-justify" | "align-left" | "align-right" | "battery" | "battery-charging" | "bookmark" | "bookmark-add" | "bookmark-add-fill" | "bookmark-fill" | "bookmark-remove" | "bookmark-remove-fill" | "bottom" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "end" | "entry-point" | "exit-point" | "external-link" | "filter" | "filter-circle" | "filter-fill" | "grid" | "grid-alt" | "home" | "jump-link" | "layout" | "link" | "list" | "maximize" | "maximize-alt" | "menu" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "pin-off" | "power" | "printer" | "reload" | "repeat" | "resize-column" | "rotate-cw" | "rotate-ccw" | "search" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "start" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "tag" | "text-wrap" | "toggle-left" | "toggle-right" | "top" | "trash" | "type" | "unfold-close" | "unfold-open" | "upload" | "workspace" | "zoom-in" | "zoom-out" | "archive" | "clipboard" | "clipboard-checked" | "clipboard-copy" | "clipboard-x" | "file" | "file-change" | "file-check" | "file-diff" | "file-minus" | "file-plus" | "file-source" | "file-text" | "file-x" | "files" | "folder" | "folder-fill" | "folder-minus" | "folder-minus-fill" | "folder-plus" | "folder-plus-fill" | "folder-star" | "inbox" | "api" | "auto-apply" | "build" | "change" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "code" | "connection" | "connection-gateway" | "cpu" | "duplicate" | "gateway" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "git-repo" | "hammer" | "key-values" | "mainframe" | "mesh" | "module" | "monitor" | "network" | "network-alt" | "node" | "path" | "pipeline" | "plug" | "replication-direct" | "replication-perf" | "scissors" | "server" | "server-cluster" | "serverless" | "service" | "settings" | "sliders" | "smartphone" | "socket" | "step" | "tablet" | "terminal" | "terminal-screen" | "test" | "tools" | "transform-data" | "tv" | "webhook" | "wrench" | "calendar" | "clock" | "clock-filled" | "delay" | "event" | "history" | "hourglass" | "watch" | "bar-chart" | "bar-chart-alt" | "box" | "collections" | "database" | "hard-drive" | "line-chart" | "line-chart-up" | "logs" | "package" | "pie-chart" | "queue" | "save" | "trend-down" | "trend-up" | "activity" | "at-sign" | "award" | "bell" | "bell-active" | "bell-active-fill" | "bell-off" | "discussion-circle" | "discussion-square" | "heart" | "heart-fill" | "heart-off" | "mail" | "mail-open" | "message-circle" | "message-circle-fill" | "message-square" | "message-square-fill" | "mic" | "mic-off" | "newspaper" | "phone" | "phone-call" | "phone-off" | "send" | "star" | "star-circle" | "star-fill" | "star-off" | "thumbs-down" | "thumbs-up" | "video" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "caret" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "load-balancer" | "migrate" | "move" | "shuffle" | "swap-horizontal" | "swap-vertical">;
|
|
12
12
|
export interface HdsStepperTaskIndicatorSignature {
|
|
13
13
|
Args: {
|
|
14
14
|
status?: HdsStepperStatuses;
|
|
@@ -69,6 +69,7 @@ export default class HdsTable<T = HdsTableModel> extends Component<HdsTableSigna
|
|
|
69
69
|
private _selectAllCheckbox?;
|
|
70
70
|
private _selectableRows;
|
|
71
71
|
private _isSelectAllCheckboxSelected?;
|
|
72
|
+
private _isBulkSelectionChange;
|
|
72
73
|
constructor(owner: Owner, args: HdsTableSignature<T>['Args']);
|
|
73
74
|
get getSortCriteria(): string | HdsTableSortingFunction<unknown>;
|
|
74
75
|
get identityKey(): string | undefined;
|
|
@@ -28,5 +28,9 @@ export interface BaseHdsTableTrSignature {
|
|
|
28
28
|
}
|
|
29
29
|
export type HdsTableTrSignature = BaseHdsTableTrSignature;
|
|
30
30
|
export default class HdsTableTr extends Component<HdsTableTrSignature> {
|
|
31
|
+
private isSelectedOverride?;
|
|
31
32
|
get selectionKey(): string | undefined;
|
|
33
|
+
get isSelected(): boolean;
|
|
34
|
+
get classNames(): string;
|
|
35
|
+
onSelectionChange: (checkbox?: HdsFormCheckboxBaseSignature["Element"], selectionKey?: string) => void;
|
|
32
36
|
}
|
|
@@ -39,7 +39,7 @@ class HdsAdvancedTableColumnManager extends Component {
|
|
|
39
39
|
return this.normalizedColumns.find(column => column.key === key);
|
|
40
40
|
};
|
|
41
41
|
static {
|
|
42
|
-
setComponentTemplate(precompileTemplate("<HdsAdvancedTableColumnManagerOrder @columns={{this.normalizedColumns}} @columnOrder={{@columnOrder}} @hasReorderableColumns={{@hasReorderableColumns}} @hasStickyFirstColumn={{@hasStickyFirstColumn}} @onColumnReorder={{@onColumnReorder}} @getColumnByKey={{this.getColumnByKey}} @thElements={{this.thElements}} as |Order|>\n <HdsAdvancedTableColumnManagerWidth @columns={{this.normalizedColumns}} @orderedColumns={{Order.orderedColumns}} @columnOrder={{Order.columnOrder}} @isSelectable={{@isSelectable}} @getColumnByKey={{this.getColumnByKey}} @thElements={{this.thElements}} as |Width|>\n {{yield (hash columns=this.normalizedColumns columnOrder=Order.columnOrder draggedColumnKey=Order.draggedColumnKey firstColumnKey=Order.firstColumnKey firstNonStickyColumnKey=Order.firstNonStickyColumnKey gridTemplateColumns=Width.gridTemplateColumns lastColumnKey=Order.lastColumnKey orderedColumns=Order.orderedColumns syncColumnOrder=Order.syncColumnOrder syncThElements=this.syncThElements syncWidthValues=Width.syncWidthValues
|
|
42
|
+
setComponentTemplate(precompileTemplate("<HdsAdvancedTableColumnManagerOrder @columns={{this.normalizedColumns}} @columnOrder={{@columnOrder}} @hasReorderableColumns={{@hasReorderableColumns}} @hasStickyFirstColumn={{@hasStickyFirstColumn}} @onColumnReorder={{@onColumnReorder}} @getColumnByKey={{this.getColumnByKey}} @thElements={{this.thElements}} as |Order|>\n <HdsAdvancedTableColumnManagerWidth @columns={{this.normalizedColumns}} @orderedColumns={{Order.orderedColumns}} @columnOrder={{Order.columnOrder}} @isSelectable={{@isSelectable}} @getColumnByKey={{this.getColumnByKey}} @thElements={{this.thElements}} as |Width|>\n {{yield (hash columns=this.normalizedColumns columnOrder=Order.columnOrder draggedColumnKey=Order.draggedColumnKey firstColumnKey=Order.firstColumnKey firstNonStickyColumnKey=Order.firstNonStickyColumnKey gridTemplateColumns=Width.gridTemplateColumns lastColumnKey=Order.lastColumnKey orderedColumns=Order.orderedColumns syncColumnOrder=Order.syncColumnOrder syncThElements=this.syncThElements syncWidthValues=Width.syncWidthValues beginColumnResize=Width.beginColumnResize resizeColumnByDelta=Width.resizeColumnByDelta commitColumnWidths=Width.commitColumnWidths getAppliedWidth=Width.getAppliedWidth getColumnByKey=this.getColumnByKey getSiblingColumnKeys=Width.getSiblingColumnKeys getRenderedWidth=Width.getRenderedWidth reorderHoveredColumnKey=Order.reorderHoveredColumnKey restoreColumnWidth=Width.restoreColumnWidth moveColumnToDropTarget=Order.moveColumnToDropTarget moveColumnToTarget=Order.moveColumnToTarget moveColumnToTerminalPosition=Order.moveColumnToTerminalPosition resetTransientColumnWidths=Width.resetTransientColumnWidths stepColumn=Order.stepColumn setDraggedColumnKey=Order.setDraggedColumnKey setReorderHoveredColumnKey=Order.setReorderHoveredColumnKey)}}\n </HdsAdvancedTableColumnManagerWidth>\n</HdsAdvancedTableColumnManagerOrder>", {
|
|
43
43
|
strictMode: true,
|
|
44
44
|
scope: () => ({
|
|
45
45
|
HdsAdvancedTableColumnManagerOrder,
|