@hashicorp/design-system-components 6.1.0 → 6.1.1-rc-20260408210649
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/README.md +1 -1
- package/declarations/components/hds/advanced-table/body.d.ts +30 -0
- package/declarations/components/hds/advanced-table/column-manager/index.d.ts +76 -0
- package/declarations/components/hds/advanced-table/column-manager/order.d.ts +65 -0
- package/declarations/components/hds/advanced-table/column-manager/width.d.ts +75 -0
- package/declarations/components/hds/advanced-table/index.d.ts +17 -13
- package/declarations/components/hds/advanced-table/th-context-menu.d.ts +8 -3
- package/declarations/components/hds/advanced-table/th-reorder-drop-target.d.ts +13 -4
- package/declarations/components/hds/advanced-table/th-reorder-handle.d.ts +6 -6
- package/declarations/components/hds/advanced-table/th-resize-handle.d.ts +18 -4
- package/declarations/components/hds/advanced-table/th-selectable.d.ts +2 -0
- package/declarations/components/hds/advanced-table/th.d.ts +56 -10
- package/declarations/components/hds/advanced-table/tr.d.ts +8 -5
- package/declarations/components/hds/advanced-table/types.d.ts +5 -1
- package/declarations/components/hds/advanced-table/utils.d.ts +3 -0
- package/declarations/components/hds/app-footer/status-link.d.ts +6 -4
- package/declarations/components/hds/app-footer/types.d.ts +2 -1
- package/declarations/components/hds/form/checkbox/field.d.ts +2 -1
- package/declarations/components/hds/form/file-input/field.d.ts +2 -1
- package/declarations/components/hds/form/key-value-inputs/add-row-button.d.ts +4 -0
- package/declarations/components/hds/form/masked-input/field.d.ts +1 -1
- package/declarations/components/hds/form/radio/field.d.ts +2 -1
- package/declarations/components/hds/form/select/field.d.ts +1 -1
- package/declarations/components/hds/form/super-select/multiple/field.d.ts +1 -1
- package/declarations/components/hds/form/super-select/single/field.d.ts +1 -1
- package/declarations/components/hds/form/text-input/field.d.ts +1 -1
- package/declarations/components/hds/form/textarea/field.d.ts +1 -1
- package/declarations/components/hds/form/toggle/field.d.ts +2 -1
- package/declarations/components/hds/icon/index.d.ts +1 -1
- package/declarations/components/hds/pagination/compact/index.d.ts +2 -0
- package/declarations/components/hds/pagination/nav/arrow.d.ts +5 -3
- package/declarations/components/hds/pagination/numbered/index.d.ts +2 -0
- package/declarations/components/hds/pagination/types.d.ts +17 -10
- package/declarations/components/hds/stepper/list/step.d.ts +5 -1
- package/declarations/components/hds/stepper/nav/step.d.ts +5 -1
- package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
- package/declarations/components/hds/stepper/types.d.ts +3 -2
- package/declarations/components/hds/table/index.d.ts +23 -23
- package/declarations/components/hds/table/td.d.ts +0 -11
- package/declarations/components/hds/table/th-selectable.d.ts +6 -4
- package/declarations/components/hds/table/th-sort.d.ts +0 -23
- package/declarations/components/hds/table/th.d.ts +1 -17
- package/declarations/components/hds/table/tr.d.ts +4 -12
- package/declarations/components.d.ts +8 -10
- package/declarations/template-registry.d.ts +12 -6
- package/dist/README.md +1 -1
- package/dist/_app_/components/hds/advanced-table/{th-sort.js → body.js} +1 -1
- package/dist/_app_/components/hds/advanced-table/{models/column.js → column-manager/order.js} +1 -1
- package/dist/_app_/components/hds/advanced-table/{models/row.js → column-manager/width.js} +1 -1
- package/dist/_app_/components/hds/advanced-table/{expandable-tr-group.js → column-manager.js} +1 -1
- package/dist/components/hds/advanced-table/body.js +59 -0
- package/dist/components/hds/advanced-table/body.js.map +1 -0
- package/dist/components/hds/advanced-table/column-manager/index.js +54 -0
- package/dist/components/hds/advanced-table/column-manager/index.js.map +1 -0
- package/dist/components/hds/advanced-table/column-manager/order.js +203 -0
- package/dist/components/hds/advanced-table/column-manager/order.js.map +1 -0
- package/dist/components/hds/advanced-table/column-manager/width.js +269 -0
- package/dist/components/hds/advanced-table/column-manager/width.js.map +1 -0
- package/dist/components/hds/advanced-table/index.js +192 -144
- package/dist/components/hds/advanced-table/index.js.map +1 -1
- package/dist/components/hds/advanced-table/th-context-menu.js +33 -21
- package/dist/components/hds/advanced-table/th-context-menu.js.map +1 -1
- package/dist/components/hds/advanced-table/th-reorder-drop-target.js +34 -21
- package/dist/components/hds/advanced-table/th-reorder-drop-target.js.map +1 -1
- package/dist/components/hds/advanced-table/th-reorder-handle.js +9 -27
- package/dist/components/hds/advanced-table/th-reorder-handle.js.map +1 -1
- package/dist/components/hds/advanced-table/th-resize-handle.js +116 -94
- package/dist/components/hds/advanced-table/th-resize-handle.js.map +1 -1
- package/dist/components/hds/advanced-table/th-selectable.js +10 -1
- package/dist/components/hds/advanced-table/th-selectable.js.map +1 -1
- package/dist/components/hds/advanced-table/th.js +170 -33
- package/dist/components/hds/advanced-table/th.js.map +1 -1
- package/dist/components/hds/advanced-table/tr.js +35 -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 +19 -1
- package/dist/components/hds/advanced-table/utils.js.map +1 -1
- package/dist/components/hds/app-footer/index.js +1 -1
- package/dist/components/hds/app-footer/index.js.map +1 -1
- package/dist/components/hds/app-footer/status-link.js +13 -5
- package/dist/components/hds/app-footer/status-link.js.map +1 -1
- package/dist/components/hds/app-footer/types.js +28 -18
- package/dist/components/hds/app-footer/types.js.map +1 -1
- package/dist/components/hds/button/index.js +1 -0
- package/dist/components/hds/button/index.js.map +1 -1
- package/dist/components/hds/form/checkbox/field.js.map +1 -1
- package/dist/components/hds/form/file-input/field.js.map +1 -1
- package/dist/components/hds/form/key-value-inputs/add-row-button.js +15 -2
- package/dist/components/hds/form/key-value-inputs/add-row-button.js.map +1 -1
- package/dist/components/hds/form/masked-input/field.js.map +1 -1
- package/dist/components/hds/form/radio/field.js.map +1 -1
- package/dist/components/hds/form/select/field.js.map +1 -1
- package/dist/components/hds/form/super-select/multiple/field.js.map +1 -1
- package/dist/components/hds/form/super-select/single/field.js.map +1 -1
- package/dist/components/hds/form/text-input/field.js.map +1 -1
- package/dist/components/hds/form/textarea/field.js.map +1 -1
- package/dist/components/hds/form/toggle/field.js.map +1 -1
- package/dist/components/hds/pagination/compact/index.js +8 -1
- package/dist/components/hds/pagination/compact/index.js.map +1 -1
- package/dist/components/hds/pagination/nav/arrow.js +11 -5
- package/dist/components/hds/pagination/nav/arrow.js.map +1 -1
- package/dist/components/hds/pagination/numbered/index.js +8 -1
- package/dist/components/hds/pagination/numbered/index.js.map +1 -1
- package/dist/components/hds/pagination/types.js +32 -11
- package/dist/components/hds/pagination/types.js.map +1 -1
- package/dist/components/hds/stepper/list/step.js +14 -4
- package/dist/components/hds/stepper/list/step.js.map +1 -1
- package/dist/components/hds/stepper/nav/step.js +14 -4
- package/dist/components/hds/stepper/nav/step.js.map +1 -1
- package/dist/components/hds/stepper/types.js +25 -11
- package/dist/components/hds/stepper/types.js.map +1 -1
- package/dist/components/hds/table/index.js +39 -50
- package/dist/components/hds/table/index.js.map +1 -1
- package/dist/components/hds/table/td.js +5 -17
- package/dist/components/hds/table/td.js.map +1 -1
- package/dist/components/hds/table/th-button-sort.js +14 -7
- package/dist/components/hds/table/th-button-sort.js.map +1 -1
- package/dist/components/hds/table/th-button-tooltip.js +13 -4
- package/dist/components/hds/table/th-button-tooltip.js.map +1 -1
- package/dist/components/hds/table/th-selectable.js +34 -20
- package/dist/components/hds/table/th-selectable.js.map +1 -1
- package/dist/components/hds/table/th-sort.js +13 -31
- package/dist/components/hds/table/th-sort.js.map +1 -1
- package/dist/components/hds/table/th.js +13 -23
- package/dist/components/hds/table/th.js.map +1 -1
- package/dist/components/hds/table/tr.js +24 -4
- package/dist/components/hds/table/tr.js.map +1 -1
- package/dist/components.js +1 -3
- package/dist/components.js.map +1 -1
- package/dist/styles/@hashicorp/design-system-components.css +140 -94
- package/dist/styles/@hashicorp/design-system-components.css.map +1 -1
- package/package.json +9 -10
- package/translations/hds/components/advanced-table/th-context-menu/en-us.yaml +1 -0
- package/translations/hds/components/advanced-table/th-selectable/en-us.yaml +1 -0
- package/translations/hds/components/app-footer/list/en-us.yaml +1 -0
- package/translations/hds/components/app-footer/status-link/en-us.yaml +5 -0
- package/translations/hds/components/form/key-value-inputs/en-us.yml +3 -0
- package/translations/hds/components/pagination/compact/en-us.yaml +1 -0
- package/translations/hds/components/pagination/nav/arrow/en-us.yaml +8 -0
- package/translations/hds/components/pagination/numbered/en-us.yaml +1 -0
- package/translations/hds/components/stepper/en-us.yaml +3 -0
- package/translations/hds/components/stepper/nav/en-us.yaml +2 -0
- package/translations/hds/components/table/th-selectable/en-us.yaml +1 -0
- package/declarations/components/hds/advanced-table/expandable-tr-group.d.ts +0 -41
- package/declarations/components/hds/advanced-table/models/column.d.ts +0 -60
- package/declarations/components/hds/advanced-table/models/row.d.ts +0 -30
- package/declarations/components/hds/advanced-table/models/table.d.ts +0 -52
- package/declarations/components/hds/advanced-table/th-sort.d.ts +0 -59
- package/dist/_app_/components/hds/advanced-table/models/table.js +0 -1
- package/dist/components/hds/advanced-table/expandable-tr-group.js +0 -33
- package/dist/components/hds/advanced-table/expandable-tr-group.js.map +0 -1
- package/dist/components/hds/advanced-table/models/column.js +0 -355
- package/dist/components/hds/advanced-table/models/column.js.map +0 -1
- package/dist/components/hds/advanced-table/models/row.js +0 -102
- package/dist/components/hds/advanced-table/models/row.js.map +0 -1
- package/dist/components/hds/advanced-table/models/table.js +0 -381
- package/dist/components/hds/advanced-table/models/table.js.map +0 -1
- package/dist/components/hds/advanced-table/th-sort.js +0 -132
- package/dist/components/hds/advanced-table/th-sort.js.map +0 -1
package/README.md
CHANGED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import Component from '@glimmer/component';
|
|
2
|
+
type HdsAdvancedTableRowWrapper<T> = {
|
|
3
|
+
id: string;
|
|
4
|
+
source: T;
|
|
5
|
+
depth: number;
|
|
6
|
+
isExpanded: boolean;
|
|
7
|
+
isVisible: boolean;
|
|
8
|
+
hasChildren: boolean;
|
|
9
|
+
};
|
|
10
|
+
export interface HdsAdvancedTableBodySignature<T> {
|
|
11
|
+
Args: {
|
|
12
|
+
childrenKey: string;
|
|
13
|
+
expandedRowIds: Set<string>;
|
|
14
|
+
sortedModel: T[];
|
|
15
|
+
};
|
|
16
|
+
Blocks: {
|
|
17
|
+
default: [
|
|
18
|
+
{
|
|
19
|
+
lastVisibleRowId: string | undefined;
|
|
20
|
+
rows: HdsAdvancedTableRowWrapper<T>[];
|
|
21
|
+
}
|
|
22
|
+
];
|
|
23
|
+
};
|
|
24
|
+
Element: HTMLDivElement;
|
|
25
|
+
}
|
|
26
|
+
export default class HdsAdvancedTableBody<T extends Record<string, unknown>> extends Component<HdsAdvancedTableBodySignature<T>> {
|
|
27
|
+
get rows(): HdsAdvancedTableRowWrapper<T>[];
|
|
28
|
+
get lastVisibleRowId(): string | undefined;
|
|
29
|
+
}
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2021, 2025
|
|
3
|
+
* SPDX-License-Identifier: MPL-2.0
|
|
4
|
+
*/
|
|
5
|
+
import Component from '@glimmer/component';
|
|
6
|
+
import { TrackedMap } from 'tracked-built-ins';
|
|
7
|
+
import type { ModifierLike } from '@glint/template';
|
|
8
|
+
import type { HdsAdvancedTableSyncWidthValuesSignature } from './width';
|
|
9
|
+
import type { HdsAdvancedTableSyncColumnOrderSignature } from './order';
|
|
10
|
+
import type { HdsAdvancedTableColumn, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn } from '../types.ts';
|
|
11
|
+
import type { HdsAdvancedTableSignature } from '../index.ts';
|
|
12
|
+
export interface HdsAdvancedTableSyncThElementsSignature {
|
|
13
|
+
Element: HTMLDivElement;
|
|
14
|
+
Args: {
|
|
15
|
+
Positional: [HdsAdvancedTableColumn['key']];
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export interface HdsAdvancedTableColumnManagerSignature {
|
|
19
|
+
Args: {
|
|
20
|
+
columns: HdsAdvancedTableColumn[];
|
|
21
|
+
columnOrder: HdsAdvancedTableSignature['Args']['columnOrder'];
|
|
22
|
+
hasReorderableColumns?: HdsAdvancedTableSignature['Args']['hasReorderableColumns'];
|
|
23
|
+
hasStickyFirstColumn?: HdsAdvancedTableSignature['Args']['hasStickyFirstColumn'];
|
|
24
|
+
isSelectable?: HdsAdvancedTableSignature['Args']['isSelectable'];
|
|
25
|
+
onColumnReorder: HdsAdvancedTableSignature['Args']['onColumnReorder'];
|
|
26
|
+
};
|
|
27
|
+
Blocks: {
|
|
28
|
+
default: [
|
|
29
|
+
{
|
|
30
|
+
columns: HdsAdvancedTableNormalizedColumn[];
|
|
31
|
+
columnOrder: HdsAdvancedTableSignature['Args']['columnOrder'];
|
|
32
|
+
draggedColumnKey: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
33
|
+
firstColumnKey: HdsAdvancedTableNormalizedColumn['key'] | undefined;
|
|
34
|
+
gridTemplateColumns: string;
|
|
35
|
+
lastColumnKey: HdsAdvancedTableNormalizedColumn['key'] | undefined;
|
|
36
|
+
orderedColumns: HdsAdvancedTableNormalizedColumn[];
|
|
37
|
+
reorderHoveredColumnKey: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
38
|
+
syncColumnOrder: ModifierLike<HdsAdvancedTableSyncColumnOrderSignature>;
|
|
39
|
+
syncThElements: ModifierLike<HdsAdvancedTableSyncThElementsSignature>;
|
|
40
|
+
syncWidthValues: ModifierLike<HdsAdvancedTableSyncWidthValuesSignature>;
|
|
41
|
+
applyTransientWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
42
|
+
getAppliedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
|
|
43
|
+
getColumnByKey: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn | undefined;
|
|
44
|
+
getSiblingColumnKeys: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => {
|
|
45
|
+
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
46
|
+
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
47
|
+
};
|
|
48
|
+
moveColumnToDropTarget: (columnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
49
|
+
moveColumnToTarget: (columnKey: HdsAdvancedTableNormalizedColumn['key'], targetColumnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
50
|
+
moveColumnToTerminalPosition: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
|
|
51
|
+
restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
52
|
+
setDraggedColumnKey: (columnKey: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
53
|
+
setReorderHoveredColumnKey: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
54
|
+
setTransientColumnWidths: (options: {
|
|
55
|
+
roundValues?: boolean;
|
|
56
|
+
}) => void;
|
|
57
|
+
setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`, clamped?: boolean) => void;
|
|
58
|
+
resetTransientColumnWidths: () => void;
|
|
59
|
+
stepColumn: (columnKey: HdsAdvancedTableNormalizedColumn['key'], step: number) => void;
|
|
60
|
+
updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
|
|
61
|
+
}
|
|
62
|
+
];
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
export default class HdsAdvancedTableColumnManager extends Component<HdsAdvancedTableColumnManagerSignature> {
|
|
66
|
+
thElements: TrackedMap<string, HTMLDivElement>;
|
|
67
|
+
syncThElements: import("ember-modifier").FunctionBasedModifier<{
|
|
68
|
+
Element: HTMLDivElement;
|
|
69
|
+
Args: {
|
|
70
|
+
Named: import("ember-modifier/-private/signature").EmptyObject;
|
|
71
|
+
Positional: [string | undefined];
|
|
72
|
+
};
|
|
73
|
+
}>;
|
|
74
|
+
get normalizedColumns(): HdsAdvancedTableNormalizedColumn[];
|
|
75
|
+
getColumnByKey: (key: HdsAdvancedTableColumn["key"]) => HdsAdvancedTableNormalizedColumn | undefined;
|
|
76
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import Component from '@glimmer/component';
|
|
2
|
+
import { TrackedMap } from 'tracked-built-ins';
|
|
3
|
+
import type { HdsAdvancedTableColumnReorderCallback, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn } from '../types.ts';
|
|
4
|
+
import type { ModifierLike } from '@glint/template';
|
|
5
|
+
export interface HdsAdvancedTableSyncColumnOrderSignature {
|
|
6
|
+
Element: HTMLDivElement;
|
|
7
|
+
Args: {
|
|
8
|
+
Positional: [HdsAdvancedTableNormalizedColumn[], string[] | undefined];
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
interface HdsAdvancedTableColumnManagerOrderSignature {
|
|
12
|
+
Args: {
|
|
13
|
+
columns: HdsAdvancedTableNormalizedColumn[];
|
|
14
|
+
columnOrder: string[] | undefined;
|
|
15
|
+
hasReorderableColumns?: boolean;
|
|
16
|
+
hasStickyFirstColumn?: boolean;
|
|
17
|
+
onColumnReorder: HdsAdvancedTableColumnReorderCallback | undefined;
|
|
18
|
+
getColumnByKey: (key: string) => HdsAdvancedTableNormalizedColumn | undefined;
|
|
19
|
+
thElements: TrackedMap<string, HTMLDivElement>;
|
|
20
|
+
};
|
|
21
|
+
Blocks: {
|
|
22
|
+
default: [
|
|
23
|
+
{
|
|
24
|
+
orderedColumns: HdsAdvancedTableNormalizedColumn[];
|
|
25
|
+
columnOrder: string[];
|
|
26
|
+
draggedColumnKey: string | null;
|
|
27
|
+
reorderHoveredColumnKey: string | null;
|
|
28
|
+
firstColumnKey: string | undefined;
|
|
29
|
+
lastColumnKey: string | undefined;
|
|
30
|
+
syncColumnOrder: ModifierLike<HdsAdvancedTableSyncColumnOrderSignature>;
|
|
31
|
+
moveColumnToDropTarget: (columnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
32
|
+
moveColumnToTarget: (columnKey: HdsAdvancedTableNormalizedColumn['key'], targetColumnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
33
|
+
moveColumnToTerminalPosition: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
|
|
34
|
+
stepColumn: (columnKey: HdsAdvancedTableNormalizedColumn['key'], step: number) => void;
|
|
35
|
+
setDraggedColumnKey: (columnKey: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
36
|
+
setReorderHoveredColumnKey: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
37
|
+
}
|
|
38
|
+
];
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
export default class HdsAdvancedTableColumnManagerOrder extends Component<HdsAdvancedTableColumnManagerOrderSignature> {
|
|
42
|
+
draggedColumnKey: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
43
|
+
reorderHoveredColumnKey: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
44
|
+
private _columnOrder;
|
|
45
|
+
syncColumnOrder: import("ember-modifier").FunctionBasedModifier<{
|
|
46
|
+
Element: HTMLDivElement;
|
|
47
|
+
Args: {
|
|
48
|
+
Named: import("ember-modifier/-private/signature").EmptyObject;
|
|
49
|
+
Positional: [HdsAdvancedTableNormalizedColumn[], string[] | undefined];
|
|
50
|
+
};
|
|
51
|
+
}>;
|
|
52
|
+
get columnOrder(): string[];
|
|
53
|
+
set columnOrder(value: string[]);
|
|
54
|
+
get visibleColumnOrder(): string[];
|
|
55
|
+
get orderedColumns(): HdsAdvancedTableNormalizedColumn[];
|
|
56
|
+
get firstColumnKey(): HdsAdvancedTableNormalizedColumn['key'] | undefined;
|
|
57
|
+
get lastColumnKey(): HdsAdvancedTableNormalizedColumn['key'] | undefined;
|
|
58
|
+
moveColumnToTerminalPosition: (columnKey: HdsAdvancedTableNormalizedColumn["key"], position: "start" | "end") => void;
|
|
59
|
+
stepColumn: (columnKey: HdsAdvancedTableNormalizedColumn["key"], step: number) => void;
|
|
60
|
+
moveColumnToDropTarget: (targetColumnKey: HdsAdvancedTableNormalizedColumn["key"], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
61
|
+
moveColumnToTarget: (sourceColumnKey: HdsAdvancedTableNormalizedColumn["key"], targetColumnKey: HdsAdvancedTableNormalizedColumn["key"], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
62
|
+
setColumnOrder: HdsAdvancedTableColumnReorderCallback;
|
|
63
|
+
private _getColumnKey;
|
|
64
|
+
}
|
|
65
|
+
export {};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import Component from '@glimmer/component';
|
|
2
|
+
import { TrackedMap } from 'tracked-built-ins';
|
|
3
|
+
import type { HdsAdvancedTableNormalizedColumn } from '../types.ts';
|
|
4
|
+
import type { ModifierLike } from '@glint/template';
|
|
5
|
+
export declare const DEFAULT_WIDTH = "1fr";
|
|
6
|
+
export declare const DEFAULT_MIN_WIDTH = "150px";
|
|
7
|
+
export declare const DEFAULT_MAX_WIDTH = "800px";
|
|
8
|
+
export interface HdsAdvancedTableSyncWidthValuesSignature {
|
|
9
|
+
Element: HTMLDivElement;
|
|
10
|
+
}
|
|
11
|
+
interface HdsAdvancedTableColumnManagerWidthSignature {
|
|
12
|
+
Args: {
|
|
13
|
+
columnOrder: string[];
|
|
14
|
+
columns: HdsAdvancedTableNormalizedColumn[];
|
|
15
|
+
orderedColumns: HdsAdvancedTableNormalizedColumn[];
|
|
16
|
+
thElements: TrackedMap<string, HTMLDivElement>;
|
|
17
|
+
isSelectable?: boolean;
|
|
18
|
+
getColumnByKey: (key: string) => HdsAdvancedTableNormalizedColumn | undefined;
|
|
19
|
+
};
|
|
20
|
+
Blocks: {
|
|
21
|
+
default: [
|
|
22
|
+
{
|
|
23
|
+
gridTemplateColumns: string;
|
|
24
|
+
syncWidthValues: ModifierLike<HdsAdvancedTableSyncWidthValuesSignature>;
|
|
25
|
+
applyTransientWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
26
|
+
getAppliedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
|
|
27
|
+
getSiblingColumnKeys: (columnKey: HdsAdvancedTableNormalizedColumn['key'] | null) => {
|
|
28
|
+
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
29
|
+
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
30
|
+
};
|
|
31
|
+
resetTransientColumnWidths: () => void;
|
|
32
|
+
restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
33
|
+
setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`, clamped?: boolean) => void;
|
|
34
|
+
setTransientColumnWidths: (options: {
|
|
35
|
+
roundValues?: boolean;
|
|
36
|
+
}) => void;
|
|
37
|
+
updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
|
|
38
|
+
}
|
|
39
|
+
];
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
export default class HdsAdvancedTableColumnManagerWidth extends Component<HdsAdvancedTableColumnManagerWidthSignature> {
|
|
43
|
+
private _columnWidths;
|
|
44
|
+
private _originalColumnWidths;
|
|
45
|
+
private _transientColumnWidths;
|
|
46
|
+
private _columnDebts;
|
|
47
|
+
syncWidthValues: import("ember-modifier").FunctionBasedModifier<{
|
|
48
|
+
Element: HTMLDivElement;
|
|
49
|
+
Args: {
|
|
50
|
+
Named: import("ember-modifier/-private/signature").EmptyObject;
|
|
51
|
+
Positional: [];
|
|
52
|
+
};
|
|
53
|
+
}>;
|
|
54
|
+
get gridTemplateColumns(): string;
|
|
55
|
+
getAppliedWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"]) => HdsAdvancedTableNormalizedColumn["width"];
|
|
56
|
+
getSiblingColumnKeys: (columnKey: HdsAdvancedTableNormalizedColumn["key"] | null) => {
|
|
57
|
+
previous?: HdsAdvancedTableNormalizedColumn["key"];
|
|
58
|
+
next?: HdsAdvancedTableNormalizedColumn["key"];
|
|
59
|
+
};
|
|
60
|
+
private _getPxWidth;
|
|
61
|
+
private _getPxMinWidth;
|
|
62
|
+
applyTransientWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"]) => void;
|
|
63
|
+
setTransientColumnWidths: (options?: {
|
|
64
|
+
roundValues?: boolean;
|
|
65
|
+
}) => void;
|
|
66
|
+
resetTransientColumnWidths: () => void;
|
|
67
|
+
setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"], width: `${number}px`, clamped?: boolean) => void;
|
|
68
|
+
updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn["key"], delta: number) => void;
|
|
69
|
+
restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"]) => void;
|
|
70
|
+
private _settleWidthDebts;
|
|
71
|
+
private _collectWidthDebts;
|
|
72
|
+
private _payWidthDebts;
|
|
73
|
+
private _sourceFundsForPayment;
|
|
74
|
+
}
|
|
75
|
+
export {};
|
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
* SPDX-License-Identifier: MPL-2.0
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
|
+
import { TrackedSet } from 'tracked-built-ins';
|
|
6
7
|
import type Owner from '@ember/owner';
|
|
7
8
|
import type { WithBoundArgs } from '@glint/template';
|
|
8
9
|
import type { ComponentLike } from '@glint/template';
|
|
9
10
|
import { HdsAdvancedTableDensityValues, HdsAdvancedTableVerticalAlignmentValues } from './types.ts';
|
|
10
|
-
import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableModel, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderCallback } from './types.ts';
|
|
11
|
+
import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableSortingFunction, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableModel, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderCallback } from './types.ts';
|
|
11
12
|
import type { HdsFilterBarSignature } from '../filter-bar/index';
|
|
12
13
|
import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';
|
|
13
14
|
import type HdsAdvancedTableTd from './td.ts';
|
|
@@ -58,7 +59,7 @@ export interface HdsAdvancedTableSignature {
|
|
|
58
59
|
{
|
|
59
60
|
Td?: WithBoundArgs<typeof HdsAdvancedTableTd, 'align'>;
|
|
60
61
|
Tr?: WithBoundArgs<typeof HdsAdvancedTableTr, 'selectionScope' | 'isLastRow' | 'isSelectable' | 'onSelectionChange' | 'didInsert' | 'willDestroy' | 'selectionAriaLabelSuffix' | 'hasStickyColumn' | 'isStickyColumnPinned' | 'isParentRow' | 'depth' | 'displayRow'>;
|
|
61
|
-
Th?: WithBoundArgs<typeof HdsAdvancedTableTh, 'depth' | 'isExpandable' | 'isExpanded' | 'newLabel' | 'parentId' | 'scope' | '
|
|
62
|
+
Th?: WithBoundArgs<typeof HdsAdvancedTableTh, 'depth' | 'isExpandable' | 'isExpanded' | 'newLabel' | 'parentId' | 'scope' | 'isStickyColumnPinned' | 'onClickToggle'>;
|
|
62
63
|
data?: Record<string, unknown>;
|
|
63
64
|
rowIndex?: number | string;
|
|
64
65
|
isOpen?: HdsAdvancedTableExpandState;
|
|
@@ -75,7 +76,6 @@ export default class HdsAdvancedTable extends Component<HdsAdvancedTableSignatur
|
|
|
75
76
|
private _tableHeight;
|
|
76
77
|
private _selectableRows;
|
|
77
78
|
private _captionId;
|
|
78
|
-
private _tableModel;
|
|
79
79
|
private _scrollHandler;
|
|
80
80
|
private _resizeObserver;
|
|
81
81
|
private _theadElement;
|
|
@@ -96,30 +96,34 @@ export default class HdsAdvancedTable extends Component<HdsAdvancedTableSignatur
|
|
|
96
96
|
showScrollIndicatorTop: boolean;
|
|
97
97
|
showScrollIndicatorBottom: boolean;
|
|
98
98
|
stickyColumnOffset: string;
|
|
99
|
+
sortBy?: string;
|
|
100
|
+
sortOrder?: HdsAdvancedTableThSortOrder;
|
|
101
|
+
expandedRowIds: TrackedSet<string>;
|
|
102
|
+
private _setUpScrollWrapper;
|
|
103
|
+
private _setUpThead;
|
|
99
104
|
constructor(owner: Owner, args: HdsAdvancedTableSignature['Args']);
|
|
105
|
+
get childrenKey(): string;
|
|
106
|
+
get hasRowsWithChildren(): boolean;
|
|
107
|
+
get expandableRowIds(): string[];
|
|
108
|
+
get isAllExpanded(): boolean;
|
|
109
|
+
get sortCriteria(): string | HdsAdvancedTableSortingFunction<unknown>;
|
|
100
110
|
get isEmpty(): boolean;
|
|
101
111
|
get identityKey(): string | undefined;
|
|
102
|
-
get childrenKey(): string;
|
|
103
112
|
get hasStickyFirstColumn(): boolean | undefined;
|
|
104
|
-
get hasScrollIndicator(): boolean;
|
|
105
113
|
get sortedMessageText(): string;
|
|
106
114
|
get isSelectable(): boolean;
|
|
107
115
|
get isStriped(): boolean;
|
|
108
116
|
get density(): HdsAdvancedTableDensities;
|
|
109
117
|
get hasStickyHeader(): boolean;
|
|
110
118
|
get valign(): HdsAdvancedTableVerticalAlignment;
|
|
111
|
-
get gridTemplateColumns(): string;
|
|
112
119
|
get classNames(): string;
|
|
113
120
|
get theadClassNames(): string;
|
|
114
|
-
private
|
|
115
|
-
private _registerThElement;
|
|
116
|
-
private _setUpScrollWrapper;
|
|
121
|
+
private _initializeExpandedRows;
|
|
117
122
|
private _runAssertions;
|
|
118
|
-
private _setUpThead;
|
|
119
123
|
private _onColumnReorder;
|
|
120
124
|
onSelectionChangeCallback(checkbox?: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string): void;
|
|
121
|
-
|
|
122
|
-
|
|
125
|
+
toggleExpandAll(): void;
|
|
126
|
+
toggleRow(rowId: string): void;
|
|
123
127
|
onSelectionAllChange(): void;
|
|
124
128
|
onSelectionRowChange(checkbox?: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string): void;
|
|
125
129
|
didInsertSelectAllCheckbox(checkbox: HdsFormCheckboxBaseSignature['Element']): void;
|
|
@@ -127,7 +131,7 @@ export default class HdsAdvancedTable extends Component<HdsAdvancedTableSignatur
|
|
|
127
131
|
didInsertRowCheckbox(checkbox: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string): void;
|
|
128
132
|
willDestroyRowCheckbox(selectionKey?: string): void;
|
|
129
133
|
setSelectAllState(): void;
|
|
134
|
+
setSortBy(columnKey: HdsAdvancedTableColumn['key']): void;
|
|
130
135
|
private _updateScrollIndicators;
|
|
131
136
|
private _onPinFirstColumn;
|
|
132
|
-
private _isStickyColumn;
|
|
133
137
|
}
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
* SPDX-License-Identifier: MPL-2.0
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
|
-
import type HdsAdvancedTableColumn from './models/column.ts';
|
|
7
6
|
import type { HdsDropdownSignature } from '../dropdown/index';
|
|
8
7
|
import type { HdsDropdownToggleIconSignature } from '../dropdown/toggle/icon';
|
|
9
8
|
import type { HdsAdvancedTableSignature } from './index.ts';
|
|
10
9
|
import type { HdsAdvancedTableThReorderHandleSignature } from './th-reorder-handle.ts';
|
|
11
10
|
import type { HdsAdvancedTableThResizeHandleSignature } from './th-resize-handle.ts';
|
|
12
11
|
import type HdsIntlService from '../../../services/hds-intl.ts';
|
|
12
|
+
import type { HdsAdvancedTableNormalizedColumn } from './types.ts';
|
|
13
13
|
interface HdsAdvancedTableThContextMenuOption {
|
|
14
14
|
key: string;
|
|
15
15
|
icon?: HdsDropdownToggleIconSignature['Args']['icon'];
|
|
@@ -18,20 +18,25 @@ interface HdsAdvancedTableThContextMenuOption {
|
|
|
18
18
|
}
|
|
19
19
|
export interface HdsAdvancedTableThContextMenuSignature {
|
|
20
20
|
Args: {
|
|
21
|
-
column:
|
|
21
|
+
column: HdsAdvancedTableNormalizedColumn;
|
|
22
|
+
isFirstColumn: boolean;
|
|
23
|
+
isLastColumn: boolean;
|
|
22
24
|
hasResizableColumns?: boolean;
|
|
23
25
|
hasReorderableColumns?: boolean;
|
|
24
26
|
isStickyColumn?: boolean;
|
|
25
27
|
reorderHandleElement?: HdsAdvancedTableThReorderHandleSignature['Element'];
|
|
26
28
|
resizeHandleElement?: HdsAdvancedTableThResizeHandleSignature['Element'];
|
|
27
29
|
onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
|
|
30
|
+
onFocusReorderHandle?: () => void;
|
|
31
|
+
onMoveColumnToTerminalPosition?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
|
|
28
32
|
onPinFirstColumn?: () => void;
|
|
33
|
+
onRestoreColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
29
34
|
};
|
|
30
35
|
Element: HdsDropdownSignature['Element'];
|
|
31
36
|
}
|
|
32
37
|
export default class HdsAdvancedTableThContextMenu extends Component<HdsAdvancedTableThContextMenuSignature> {
|
|
33
38
|
readonly hdsIntl: HdsIntlService;
|
|
34
|
-
private
|
|
39
|
+
private _toggleElement;
|
|
35
40
|
get _resizeOptions(): HdsAdvancedTableThContextMenuOption[];
|
|
36
41
|
get _reorderOptions(): HdsAdvancedTableThContextMenuOption[];
|
|
37
42
|
get _stickyColumnOptions(): HdsAdvancedTableThContextMenuOption[];
|
|
@@ -3,15 +3,23 @@
|
|
|
3
3
|
* SPDX-License-Identifier: MPL-2.0
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
|
-
import type
|
|
7
|
-
import type { HdsAdvancedTableColumnReorderSide } from './types.ts';
|
|
6
|
+
import type { HdsAdvancedTableNormalizedColumn, HdsAdvancedTableColumnReorderSide } from './types.ts';
|
|
8
7
|
import type { HdsAdvancedTableSignature } from './index.ts';
|
|
9
8
|
export interface HdsAdvancedTableThReorderDropTargetSignature {
|
|
10
9
|
Args: {
|
|
11
|
-
column
|
|
10
|
+
column?: HdsAdvancedTableNormalizedColumn;
|
|
11
|
+
draggedColumnKey?: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
12
|
+
isFirstColumn: boolean;
|
|
13
|
+
isLastColumn: boolean;
|
|
12
14
|
hasSelectableRows?: HdsAdvancedTableSignature['Args']['isSelectable'];
|
|
15
|
+
reorderHoveredColumnKey?: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
16
|
+
draggedColumnSiblingColumnKeys?: {
|
|
17
|
+
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
18
|
+
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
19
|
+
};
|
|
13
20
|
tableHeight?: number;
|
|
14
|
-
onReorderDrop?: (
|
|
21
|
+
onReorderDrop?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
22
|
+
onSetReorderHoveredColumnKey?: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
15
23
|
};
|
|
16
24
|
Blocks: {
|
|
17
25
|
default?: [];
|
|
@@ -24,6 +32,7 @@ export default class HdsAdvancedTableThReorderDropTarget extends Component<HdsAd
|
|
|
24
32
|
private _element;
|
|
25
33
|
private _registerElement;
|
|
26
34
|
private _getDragSide;
|
|
35
|
+
get isBeingDragged(): boolean;
|
|
27
36
|
get isDraggingOver(): boolean;
|
|
28
37
|
get classNames(): string;
|
|
29
38
|
get height(): string | undefined;
|
|
@@ -3,13 +3,15 @@
|
|
|
3
3
|
* SPDX-License-Identifier: MPL-2.0
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
|
-
import type
|
|
6
|
+
import type { HdsAdvancedTableNormalizedColumn } from './types';
|
|
7
7
|
export interface HdsAdvancedTableThReorderHandleSignature {
|
|
8
8
|
Args: {
|
|
9
|
-
column:
|
|
9
|
+
column: HdsAdvancedTableNormalizedColumn;
|
|
10
10
|
tableHeight?: number;
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
thElement?: HTMLDivElement;
|
|
12
|
+
onFocusReorderHandle: () => void;
|
|
13
|
+
onSetDraggedColumnKey: (columnKey: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
14
|
+
onStepColumn: (step: number) => void;
|
|
13
15
|
};
|
|
14
16
|
Blocks: {
|
|
15
17
|
default?: [];
|
|
@@ -17,8 +19,6 @@ export interface HdsAdvancedTableThReorderHandleSignature {
|
|
|
17
19
|
Element: HTMLDivElement;
|
|
18
20
|
}
|
|
19
21
|
export default class HdsAdvancedTableThReorderHandle extends Component<HdsAdvancedTableThReorderHandleSignature> {
|
|
20
|
-
private _registerElement;
|
|
21
22
|
handleDragStart(event: DragEvent): void;
|
|
22
|
-
handleDragEnd(): void;
|
|
23
23
|
handleKeydown(event: KeyboardEvent): void;
|
|
24
24
|
}
|
|
@@ -4,12 +4,25 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
6
|
import type Owner from '@ember/owner';
|
|
7
|
-
import type
|
|
7
|
+
import type { HdsAdvancedTableNormalizedColumn } from './types';
|
|
8
8
|
import type { HdsAdvancedTableSignature } from './index.ts';
|
|
9
9
|
export interface HdsAdvancedTableThResizeHandleSignature {
|
|
10
10
|
Args: {
|
|
11
|
-
column
|
|
11
|
+
column?: HdsAdvancedTableNormalizedColumn;
|
|
12
|
+
siblingColumnKeys?: {
|
|
13
|
+
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
14
|
+
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
15
|
+
};
|
|
12
16
|
tableHeight?: number;
|
|
17
|
+
onApplyTransientWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
18
|
+
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
|
+
onResetTransientColumnWidths?: () => void;
|
|
25
|
+
onUpdateResizeDebt?: (delta: number) => void;
|
|
13
26
|
onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
|
|
14
27
|
};
|
|
15
28
|
Blocks: {
|
|
@@ -31,6 +44,9 @@ export default class HdsAdvancedTableThResizeHandle extends Component<HdsAdvance
|
|
|
31
44
|
private _boundStopResize;
|
|
32
45
|
private _registerHandleElement;
|
|
33
46
|
constructor(owner: Owner, args: HdsAdvancedTableThResizeHandleSignature['Args']);
|
|
47
|
+
get currentWidthInPixels(): number;
|
|
48
|
+
get minWidthInPixels(): number;
|
|
49
|
+
get maxWidthInPixels(): number;
|
|
34
50
|
get height(): string | undefined;
|
|
35
51
|
get classNames(): string;
|
|
36
52
|
private _applyTransientWidths;
|
|
@@ -41,6 +57,4 @@ export default class HdsAdvancedTableThResizeHandle extends Component<HdsAdvance
|
|
|
41
57
|
private _applyResizeDelta;
|
|
42
58
|
private _resize;
|
|
43
59
|
private _stopResize;
|
|
44
|
-
private _addDebt;
|
|
45
|
-
private _setWidthDebts;
|
|
46
60
|
}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* SPDX-License-Identifier: MPL-2.0
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
|
+
import type HdsIntlService from '../../../services/hds-intl';
|
|
6
7
|
import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';
|
|
7
8
|
import type { HdsAdvancedTableScope, HdsAdvancedTableThSortOrder, HdsAdvancedTableThSortOrderLabels } from './types.ts';
|
|
8
9
|
import type { HdsAdvancedTableThSignature } from './th.ts';
|
|
@@ -23,6 +24,7 @@ export interface HdsAdvancedTableThSelectableSignature {
|
|
|
23
24
|
Element: HdsAdvancedTableThSignature['Element'];
|
|
24
25
|
}
|
|
25
26
|
export default class HdsAdvancedTableThSelectable extends Component<HdsAdvancedTableThSelectableSignature> {
|
|
27
|
+
readonly hdsIntl: HdsIntlService;
|
|
26
28
|
private _isSelected;
|
|
27
29
|
private _guid;
|
|
28
30
|
private _checkboxId;
|
|
@@ -4,40 +4,67 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import Component from '@glimmer/component';
|
|
6
6
|
import { type FocusableElement } from 'tabbable';
|
|
7
|
-
import HdsAdvancedTableColumn from './models/column.ts';
|
|
8
7
|
import { HdsAdvancedTableHorizontalAlignmentValues } from './types.ts';
|
|
9
|
-
import type
|
|
10
|
-
import type {
|
|
8
|
+
import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableScope, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn, HdsAdvancedTableThSortOrderLabels, HdsAdvancedTableThSortOrder } from './types.ts';
|
|
9
|
+
import type { HdsAdvancedTableThButtonSortSignature } from './th-button-sort.ts';
|
|
11
10
|
import type { HdsAdvancedTableSignature } from './index.ts';
|
|
11
|
+
import type Owner from '@ember/owner';
|
|
12
12
|
export declare const ALIGNMENTS: HdsAdvancedTableHorizontalAlignment[];
|
|
13
13
|
export declare const DEFAULT_ALIGN = HdsAdvancedTableHorizontalAlignmentValues.Left;
|
|
14
14
|
export interface HdsAdvancedTableThSignature {
|
|
15
15
|
Args: {
|
|
16
16
|
align?: HdsAdvancedTableHorizontalAlignment;
|
|
17
|
-
column?:
|
|
17
|
+
column?: HdsAdvancedTableNormalizedColumn;
|
|
18
18
|
colspan?: number;
|
|
19
19
|
depth?: number;
|
|
20
|
+
draggedColumnKey?: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
21
|
+
firstColumnKey?: HdsAdvancedTableNormalizedColumn['key'];
|
|
20
22
|
hasExpandAllButton?: boolean;
|
|
21
23
|
hasReorderableColumns?: HdsAdvancedTableSignature['Args']['hasReorderableColumns'];
|
|
22
24
|
hasResizableColumns?: HdsAdvancedTableSignature['Args']['hasResizableColumns'];
|
|
23
25
|
hasSelectableRows?: HdsAdvancedTableSignature['Args']['isSelectable'];
|
|
24
|
-
|
|
26
|
+
hasStickyFirstColumn?: HdsAdvancedTableSignature['Args']['hasStickyFirstColumn'];
|
|
25
27
|
isExpandable?: boolean;
|
|
28
|
+
isExpanded?: HdsAdvancedTableExpandState;
|
|
26
29
|
isStickyColumn?: boolean;
|
|
27
30
|
isStickyColumnPinned?: boolean;
|
|
31
|
+
lastColumnKey?: HdsAdvancedTableNormalizedColumn['key'];
|
|
28
32
|
newLabel?: string;
|
|
29
33
|
parentId?: string;
|
|
34
|
+
reorderHoveredColumnKey?: HdsAdvancedTableNormalizedColumn['key'] | null;
|
|
30
35
|
rowspan?: number;
|
|
31
36
|
scope?: HdsAdvancedTableScope;
|
|
32
|
-
|
|
37
|
+
siblingColumnKeys?: {
|
|
38
|
+
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
39
|
+
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
40
|
+
};
|
|
41
|
+
draggedColumnSiblingColumnKeys?: {
|
|
42
|
+
previous?: HdsAdvancedTableNormalizedColumn['key'];
|
|
43
|
+
next?: HdsAdvancedTableNormalizedColumn['key'];
|
|
44
|
+
};
|
|
45
|
+
sortOrder?: HdsAdvancedTableThSortOrder;
|
|
33
46
|
tableHeight?: number;
|
|
47
|
+
tooltip?: string;
|
|
34
48
|
didInsertExpandButton?: (button: HTMLButtonElement) => void;
|
|
49
|
+
onApplyTransientWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
50
|
+
onClickSort?: HdsAdvancedTableThButtonSortSignature['Args']['onClick'];
|
|
35
51
|
onClickToggle?: () => void;
|
|
36
52
|
onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
|
|
53
|
+
onGetAppliedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
|
|
54
|
+
onGetColumnByKey?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn | undefined;
|
|
55
|
+
onMoveColumnToTerminalPosition?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
|
|
37
56
|
onPinFirstColumn?: () => void;
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
57
|
+
onReorderDrop?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
|
|
58
|
+
onResetTransientColumnWidths?: () => void;
|
|
59
|
+
onRestoreColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
|
|
60
|
+
onSetDraggedColumnKey?: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
61
|
+
onSetReorderHoveredColumnKey?: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
|
|
62
|
+
onSetTransientColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`) => void;
|
|
63
|
+
onSetTransientColumnWidths?: (options: {
|
|
64
|
+
roundValues?: boolean;
|
|
65
|
+
}) => void;
|
|
66
|
+
onStepColumn?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], step: number) => void;
|
|
67
|
+
onUpdateResizeDebt?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
|
|
41
68
|
willDestroyExpandButton?: (button: HTMLButtonElement) => void;
|
|
42
69
|
};
|
|
43
70
|
Blocks: {
|
|
@@ -52,17 +79,36 @@ export default class HdsAdvancedTableTh extends Component<HdsAdvancedTableThSign
|
|
|
52
79
|
private _reorderHandleElement?;
|
|
53
80
|
private _resizeHandleElement?;
|
|
54
81
|
constructor(owner: Owner, args: HdsAdvancedTableThSignature['Args']);
|
|
82
|
+
get isSortable(): boolean;
|
|
83
|
+
get isFirstColumn(): boolean;
|
|
84
|
+
get isLastColumn(): boolean;
|
|
85
|
+
get tableHasColumnBeingDragged(): boolean;
|
|
86
|
+
get isColumnBeingDragged(): boolean;
|
|
55
87
|
get scope(): HdsAdvancedTableScope;
|
|
56
88
|
get role(): string;
|
|
89
|
+
get ariaSort(): HdsAdvancedTableThSortOrderLabels;
|
|
57
90
|
get align(): HdsAdvancedTableHorizontalAlignment;
|
|
58
91
|
get rowspan(): string;
|
|
59
92
|
get colspan(): string | undefined;
|
|
60
93
|
get paddingLeft(): string | undefined;
|
|
61
94
|
get classNames(): string;
|
|
62
|
-
|
|
95
|
+
get showDropTarget(): boolean;
|
|
96
|
+
get showResizeHandle(): boolean;
|
|
63
97
|
onFocusTrapDeactivate(): void;
|
|
64
98
|
enableFocusTrap(): void;
|
|
65
99
|
getInitialFocus(): FocusableElement | undefined;
|
|
100
|
+
focusReorderHandle(): void;
|
|
101
|
+
applyTransientWidth(columnKey: HdsAdvancedTableNormalizedColumn['key']): void;
|
|
102
|
+
resetTransientColumnWidths(): void;
|
|
103
|
+
getAppliedWidth(columnKey: HdsAdvancedTableNormalizedColumn['key']): HdsAdvancedTableNormalizedColumn['width'] | undefined;
|
|
104
|
+
getColumnByKey(columnKey: HdsAdvancedTableNormalizedColumn['key']): HdsAdvancedTableNormalizedColumn | undefined;
|
|
105
|
+
setDraggedColumnKey(columnKey: HdsAdvancedTableNormalizedColumn['key'] | null): void;
|
|
106
|
+
setTransientColumnWidth(columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`): void;
|
|
107
|
+
setTransientColumnWidths(options: {
|
|
108
|
+
roundValues?: boolean;
|
|
109
|
+
}): void;
|
|
110
|
+
stepColumn(step: number): void;
|
|
111
|
+
updateResizeDebt(delta: number): void;
|
|
66
112
|
setElement(element: HTMLDivElement): void;
|
|
67
113
|
private _registerReorderHandleElement;
|
|
68
114
|
private _registerResizeHandleElement;
|