@ni/nimble-components 20.15.1 → 20.16.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/dist/all-components-bundle.js +219 -125
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2216 -2173
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/label-provider/table/index.d.ts +6 -0
- package/dist/esm/label-provider/table/index.js +9 -1
- package/dist/esm/label-provider/table/index.js.map +1 -1
- package/dist/esm/label-provider/table/label-token-defaults.js +2 -0
- package/dist/esm/label-provider/table/label-token-defaults.js.map +1 -1
- package/dist/esm/label-provider/table/label-tokens.d.ts +2 -0
- package/dist/esm/label-provider/table/label-tokens.js +8 -0
- package/dist/esm/label-provider/table/label-tokens.js.map +1 -1
- package/dist/esm/patterns/expand-collapse/styles.d.ts +1 -0
- package/dist/esm/patterns/expand-collapse/styles.js +27 -0
- package/dist/esm/patterns/expand-collapse/styles.js.map +1 -0
- package/dist/esm/table/components/cell/styles.js +2 -2
- package/dist/esm/table/components/cell/styles.js.map +1 -1
- package/dist/esm/table/components/group-row/styles.js +3 -22
- package/dist/esm/table/components/group-row/styles.js.map +1 -1
- package/dist/esm/table/components/group-row/template.js +2 -1
- package/dist/esm/table/components/group-row/template.js.map +1 -1
- package/dist/esm/table/components/row/index.d.ts +12 -0
- package/dist/esm/table/components/row/index.js +37 -4
- package/dist/esm/table/components/row/index.js.map +1 -1
- package/dist/esm/table/components/row/styles.js +20 -1
- package/dist/esm/table/components/row/styles.js.map +1 -1
- package/dist/esm/table/components/row/template.js +28 -7
- package/dist/esm/table/components/row/template.js.map +1 -1
- package/dist/esm/table/index.js +4 -3
- package/dist/esm/table/index.js.map +1 -1
- package/dist/esm/table/types.d.ts +8 -0
- package/package.json +1 -1
|
@@ -7,6 +7,8 @@ declare global {
|
|
|
7
7
|
declare const supportedLabels: {
|
|
8
8
|
readonly groupCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
9
9
|
readonly groupExpand: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
10
|
+
readonly rowCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
11
|
+
readonly rowExpand: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
10
12
|
readonly groupsCollapseAll: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
11
13
|
readonly cellActionMenu: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
12
14
|
readonly columnHeaderGrouped: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
@@ -23,6 +25,8 @@ declare const supportedLabels: {
|
|
|
23
25
|
export declare class LabelProviderTable extends LabelProviderBase<typeof supportedLabels> implements DesignTokensFor<typeof supportedLabels> {
|
|
24
26
|
groupCollapse: string | undefined;
|
|
25
27
|
groupExpand: string | undefined;
|
|
28
|
+
rowCollapse: string | undefined;
|
|
29
|
+
rowExpand: string | undefined;
|
|
26
30
|
groupsCollapseAll: string | undefined;
|
|
27
31
|
cellActionMenu: string | undefined;
|
|
28
32
|
columnHeaderGrouped: string | undefined;
|
|
@@ -35,6 +39,8 @@ export declare class LabelProviderTable extends LabelProviderBase<typeof support
|
|
|
35
39
|
protected readonly supportedLabels: {
|
|
36
40
|
readonly groupCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
37
41
|
readonly groupExpand: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
42
|
+
readonly rowCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
43
|
+
readonly rowExpand: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
38
44
|
readonly groupsCollapseAll: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
39
45
|
readonly cellActionMenu: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
40
46
|
readonly columnHeaderGrouped: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
@@ -2,10 +2,12 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { attr } from '@microsoft/fast-element';
|
|
3
3
|
import { DesignSystem } from '@microsoft/fast-foundation';
|
|
4
4
|
import { LabelProviderBase } from '../base';
|
|
5
|
-
import { tableCellActionMenuLabel, tableColumnHeaderGroupedLabel, tableColumnHeaderSortedAscendingLabel, tableColumnHeaderSortedDescendingLabel, tableGroupCollapseLabel, tableGroupExpandLabel, tableGroupSelectAllLabel, tableGroupsCollapseAllLabel, tableRowOperationColumnLabel, tableRowSelectLabel, tableSelectAllLabel } from './label-tokens';
|
|
5
|
+
import { tableCellActionMenuLabel, tableColumnHeaderGroupedLabel, tableColumnHeaderSortedAscendingLabel, tableColumnHeaderSortedDescendingLabel, tableGroupCollapseLabel, tableGroupExpandLabel, tableGroupSelectAllLabel, tableGroupsCollapseAllLabel, tableRowCollapseLabel, tableRowExpandLabel, tableRowOperationColumnLabel, tableRowSelectLabel, tableSelectAllLabel } from './label-tokens';
|
|
6
6
|
const supportedLabels = {
|
|
7
7
|
groupCollapse: tableGroupCollapseLabel,
|
|
8
8
|
groupExpand: tableGroupExpandLabel,
|
|
9
|
+
rowCollapse: tableRowCollapseLabel,
|
|
10
|
+
rowExpand: tableRowExpandLabel,
|
|
9
11
|
groupsCollapseAll: tableGroupsCollapseAllLabel,
|
|
10
12
|
cellActionMenu: tableCellActionMenuLabel,
|
|
11
13
|
columnHeaderGrouped: tableColumnHeaderGroupedLabel,
|
|
@@ -31,6 +33,12 @@ __decorate([
|
|
|
31
33
|
__decorate([
|
|
32
34
|
attr({ attribute: 'group-expand' })
|
|
33
35
|
], LabelProviderTable.prototype, "groupExpand", void 0);
|
|
36
|
+
__decorate([
|
|
37
|
+
attr({ attribute: 'row-collapse' })
|
|
38
|
+
], LabelProviderTable.prototype, "rowCollapse", void 0);
|
|
39
|
+
__decorate([
|
|
40
|
+
attr({ attribute: 'row-expand' })
|
|
41
|
+
], LabelProviderTable.prototype, "rowExpand", void 0);
|
|
34
42
|
__decorate([
|
|
35
43
|
attr({ attribute: 'groups-collapse-all' })
|
|
36
44
|
], LabelProviderTable.prototype, "groupsCollapseAll", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/table/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAmB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EACH,wBAAwB,EACxB,6BAA6B,EAC7B,qCAAqC,EACrC,sCAAsC,EACtC,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,mBAAmB,EACnB,mBAAmB,EACtB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,eAAe,GAAG;IACpB,aAAa,EAAE,uBAAuB;IACtC,WAAW,EAAE,qBAAqB;IAClC,iBAAiB,EAAE,2BAA2B;IAC9C,cAAc,EAAE,wBAAwB;IACxC,mBAAmB,EAAE,6BAA6B;IAClD,2BAA2B,EAAE,qCAAqC;IAClE,4BAA4B,EAAE,sCAAsC;IACpE,SAAS,EAAE,mBAAmB;IAC9B,cAAc,EAAE,wBAAwB;IACxC,SAAS,EAAE,mBAAmB;IAC9B,kBAAkB,EAAE,4BAA4B;CAC1C,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,kBACT,SAAQ,iBAAyC;IADrD;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/table/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAmB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EACH,wBAAwB,EACxB,6BAA6B,EAC7B,qCAAqC,EACrC,sCAAsC,EACtC,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,qBAAqB,EACrB,mBAAmB,EACnB,4BAA4B,EAC5B,mBAAmB,EACnB,mBAAmB,EACtB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,eAAe,GAAG;IACpB,aAAa,EAAE,uBAAuB;IACtC,WAAW,EAAE,qBAAqB;IAClC,WAAW,EAAE,qBAAqB;IAClC,SAAS,EAAE,mBAAmB;IAC9B,iBAAiB,EAAE,2BAA2B;IAC9C,cAAc,EAAE,wBAAwB;IACxC,mBAAmB,EAAE,6BAA6B;IAClD,2BAA2B,EAAE,qCAAqC;IAClE,4BAA4B,EAAE,sCAAsC;IACpE,SAAS,EAAE,mBAAmB;IAC9B,cAAc,EAAE,wBAAwB;IACxC,SAAS,EAAE,mBAAmB;IAC9B,kBAAkB,EAAE,4BAA4B;CAC1C,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,kBACT,SAAQ,iBAAyC;IADrD;;QA0CgC,oBAAe,GAAG,eAAe,CAAC;IAClE,CAAC;CAAA;AAvCG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;yDACG;AAGzC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDACG;AAGvC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDACG;AAGvC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;6DACE;AAG7C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;0DACE;AAG1C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;+DACE;AAG/C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;uEACC;AAGvD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,iCAAiC,EAAE,CAAC;wEACC;AAGxD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;0DACE;AAG1C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;8DACE;AAKlD,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,OAAO,CAAC;IACxD,QAAQ,EAAE,sBAAsB;CACnC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,YAAY,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export const tableLabelDefaults = {
|
|
2
2
|
tableGroupCollapseLabel: 'Collapse group',
|
|
3
3
|
tableGroupExpandLabel: 'Expand group',
|
|
4
|
+
tableRowCollapseLabel: 'Collapse row',
|
|
5
|
+
tableRowExpandLabel: 'Expand row',
|
|
4
6
|
tableGroupsCollapseAllLabel: 'Collapse all groups',
|
|
5
7
|
tableCellActionMenuLabel: 'Options',
|
|
6
8
|
tableColumnHeaderGroupedLabel: 'Grouped',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,kBAAkB,GAA4C;IACvE,uBAAuB,EAAE,gBAAgB;IACzC,qBAAqB,EAAE,cAAc;IACrC,2BAA2B,EAAE,qBAAqB;IAClD,wBAAwB,EAAE,SAAS;IACnC,6BAA6B,EAAE,SAAS;IACxC,qCAAqC,EAAE,kBAAkB;IACzD,sCAAsC,EAAE,mBAAmB;IAC3D,mBAAmB,EAAE,iBAAiB;IACtC,wBAAwB,EAAE,0BAA0B;IACpD,mBAAmB,EAAE,YAAY;IACjC,4BAA4B,EAAE,gBAAgB;CACjD,CAAC"}
|
|
1
|
+
{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,kBAAkB,GAA4C;IACvE,uBAAuB,EAAE,gBAAgB;IACzC,qBAAqB,EAAE,cAAc;IACrC,qBAAqB,EAAE,cAAc;IACrC,mBAAmB,EAAE,YAAY;IACjC,2BAA2B,EAAE,qBAAqB;IAClD,wBAAwB,EAAE,SAAS;IACnC,6BAA6B,EAAE,SAAS;IACxC,qCAAqC,EAAE,kBAAkB;IACzD,sCAAsC,EAAE,mBAAmB;IAC3D,mBAAmB,EAAE,iBAAiB;IACtC,wBAAwB,EAAE,0BAA0B;IACpD,mBAAmB,EAAE,YAAY;IACjC,4BAA4B,EAAE,gBAAgB;CACjD,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { DesignToken } from '@microsoft/fast-foundation';
|
|
2
2
|
export declare const tableGroupCollapseLabel: DesignToken<string>;
|
|
3
3
|
export declare const tableGroupExpandLabel: DesignToken<string>;
|
|
4
|
+
export declare const tableRowCollapseLabel: DesignToken<string>;
|
|
5
|
+
export declare const tableRowExpandLabel: DesignToken<string>;
|
|
4
6
|
export declare const tableGroupsCollapseAllLabel: DesignToken<string>;
|
|
5
7
|
export declare const tableCellActionMenuLabel: DesignToken<string>;
|
|
6
8
|
export declare const tableColumnHeaderGroupedLabel: DesignToken<string>;
|
|
@@ -8,6 +8,14 @@ export const tableGroupExpandLabel = DesignToken.create({
|
|
|
8
8
|
name: 'table-group-expand-label',
|
|
9
9
|
cssCustomPropertyName: null
|
|
10
10
|
}).withDefault(tableLabelDefaults.tableGroupExpandLabel);
|
|
11
|
+
export const tableRowCollapseLabel = DesignToken.create({
|
|
12
|
+
name: 'table-row-collapse-label',
|
|
13
|
+
cssCustomPropertyName: null
|
|
14
|
+
}).withDefault(tableLabelDefaults.tableRowCollapseLabel);
|
|
15
|
+
export const tableRowExpandLabel = DesignToken.create({
|
|
16
|
+
name: 'table-row-expand-label',
|
|
17
|
+
cssCustomPropertyName: null
|
|
18
|
+
}).withDefault(tableLabelDefaults.tableRowExpandLabel);
|
|
11
19
|
export const tableGroupsCollapseAllLabel = DesignToken.create({
|
|
12
20
|
name: 'table-groups-collapse-all-label',
|
|
13
21
|
cssCustomPropertyName: null
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC9D,IAAI,EAAE,4BAA4B;IAClC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,0BAA0B;IAChC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,2BAA2B,GAAG,WAAW,CAAC,MAAM,CAAS;IAClE,IAAI,EAAE,iCAAiC;IACvC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,2BAA2B,CAAC,CAAC;AAE/D,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC/D,IAAI,EAAE,8BAA8B;IACpC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC,MAAM,CAAS;IACpE,IAAI,EAAE,mCAAmC;IACzC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,6BAA6B,CAAC,CAAC;AAEjE,MAAM,CAAC,MAAM,qCAAqC,GAAG,WAAW,CAAC,MAAM,CACnE;IACI,IAAI,EAAE,4CAA4C;IAClD,qBAAqB,EAAE,IAAI;CAC9B,CACJ,CAAC,WAAW,CAAC,kBAAkB,CAAC,qCAAqC,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,sCAAsC,GAAG,WAAW,CAAC,MAAM,CAAS;IAC7E,IAAI,EAAE,6CAA6C;IACnD,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,sCAAsC,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,wBAAwB;IAC9B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC/D,IAAI,EAAE,8BAA8B;IACpC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,wBAAwB;IAC9B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,4BAA4B,GAAG,WAAW,CAAC,MAAM,CAAS;IACnE,IAAI,EAAE,kCAAkC;IACxC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-tokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { controlSlimHeight, mediumDelay } from '../../theme-provider/design-tokens';
|
|
3
|
+
export const styles = css `
|
|
4
|
+
:host .animating {
|
|
5
|
+
transition: ${mediumDelay} ease-in;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.expand-collapse-button {
|
|
9
|
+
height: ${controlSlimHeight};
|
|
10
|
+
align-self: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.expander-icon {
|
|
14
|
+
transform: rotate(0deg);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:host([expanded]) .expander-icon {
|
|
18
|
+
transform: rotate(90deg);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@media (prefers-reduced-motion) {
|
|
22
|
+
:host .animating {
|
|
23
|
+
transition-duration: 0s;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
`;
|
|
27
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/expand-collapse/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,iBAAiB,EACjB,WAAW,EACd,MAAM,oCAAoC,CAAC;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;sBAEH,WAAW;;;;kBAIf,iBAAiB;;;;;;;;;;;;;;;;;CAiBlC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
|
-
import { controlSlimHeight, mediumPadding
|
|
3
|
+
import { controlHeight, controlSlimHeight, mediumPadding } from '../../../theme-provider/design-tokens';
|
|
4
4
|
export const styles = css `
|
|
5
5
|
${display('flex')}
|
|
6
6
|
|
|
@@ -8,7 +8,7 @@ export const styles = css `
|
|
|
8
8
|
--ni-private-table-cell-nesting-level: 0;
|
|
9
9
|
padding: 0px ${mediumPadding};
|
|
10
10
|
padding-left: calc(
|
|
11
|
-
${mediumPadding} + ${
|
|
11
|
+
${mediumPadding} + ${controlHeight} *
|
|
12
12
|
var(--ni-private-table-cell-nesting-level)
|
|
13
13
|
);
|
|
14
14
|
align-self: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,iBAAiB,EACjB,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,aAAa,EACb,iBAAiB,EACjB,aAAa,EAChB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;uBAIE,aAAa;;cAEtB,aAAa,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;kBAoB5B,iBAAiB;;;CAGlC,CAAC"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
3
|
import { White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
|
|
4
|
-
import { applicationBackgroundColor, borderWidth, controlHeight,
|
|
4
|
+
import { applicationBackgroundColor, borderWidth, controlHeight, fillHoverColor, mediumPadding, standardPadding } from '../../../theme-provider/design-tokens';
|
|
5
5
|
import { Theme } from '../../../theme-provider/types';
|
|
6
6
|
import { hexToRgbaCssColor } from '../../../utilities/style/colors';
|
|
7
7
|
import { themeBehavior } from '../../../utilities/style/theme';
|
|
8
8
|
import { userSelectNone } from '../../../utilities/style/user-select';
|
|
9
|
+
import { styles as expandCollapseStyles } from '../../../patterns/expand-collapse/styles';
|
|
9
10
|
export const styles = css `
|
|
10
11
|
${display('grid')}
|
|
12
|
+
${expandCollapseStyles}
|
|
11
13
|
|
|
12
14
|
:host {
|
|
13
15
|
align-items: center;
|
|
@@ -32,11 +34,6 @@ export const styles = css `
|
|
|
32
34
|
1fr;
|
|
33
35
|
}
|
|
34
36
|
|
|
35
|
-
:host([expanded]) .animating,
|
|
36
|
-
:host .animating {
|
|
37
|
-
transition: ${mediumDelay} ease-in-out;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
37
|
:host::before {
|
|
41
38
|
content: '';
|
|
42
39
|
width: 100%;
|
|
@@ -55,15 +52,6 @@ export const styles = css `
|
|
|
55
52
|
${mediumPadding} + ${standardPadding} * 2 *
|
|
56
53
|
var(--ni-private-table-group-row-indent-level)
|
|
57
54
|
);
|
|
58
|
-
height: ${controlSlimHeight};
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
:host([expanded]) .expander-icon {
|
|
62
|
-
transform: rotate(90deg);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.expander-icon {
|
|
66
|
-
transform: rotate(0deg);
|
|
67
55
|
}
|
|
68
56
|
|
|
69
57
|
.group-row-header-content {
|
|
@@ -85,13 +73,6 @@ export const styles = css `
|
|
|
85
73
|
${userSelectNone}
|
|
86
74
|
}
|
|
87
75
|
|
|
88
|
-
@media (prefers-reduced-motion) {
|
|
89
|
-
:host .animating,
|
|
90
|
-
:host([expanded]) .animating {
|
|
91
|
-
transition-duration: 0s;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
76
|
.checkbox-container {
|
|
96
77
|
display: flex;
|
|
97
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/group-row/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACb,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/group-row/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EAClB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAE1F,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;MACf,oBAAoB;;;;uBAIH,aAAa,UAAU,WAAW;+BAC1B,WAAW,WAAW,0BAA0B;;;;kBAI7D,aAAa;;;;;;;;cAQjB,aAAa;;kBAET,aAAa;;;;;;;;;kBASb,aAAa;;;;;;;4BAOH,cAAc;;;;;cAK5B,aAAa,MAAM,eAAe;;;;;;;;;;;wBAWxB,aAAa;UAC3B,cAAc;;;;;;;yBAOC,aAAa;;UAE5B,cAAc;;;;;;;;uBAQD,eAAe;;;;;;CAMrC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;oCAEyB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC;;SAEzD,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;oCAEyB,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;SAExD,CACJ,CACJ,CAAC"}
|
|
@@ -10,6 +10,7 @@ export const template = html `
|
|
|
10
10
|
<template
|
|
11
11
|
role="row"
|
|
12
12
|
@click=${x => x.onGroupExpandToggle()}
|
|
13
|
+
aria-expanded=${x => x.expanded}
|
|
13
14
|
style="--ni-private-table-group-row-indent-level: ${x => x.nestingLevel};"
|
|
14
15
|
>
|
|
15
16
|
${when(x => x.selectable, html `
|
|
@@ -33,9 +34,9 @@ export const template = html `
|
|
|
33
34
|
class="expand-collapse-button"
|
|
34
35
|
tabindex="-1"
|
|
35
36
|
title="${x => (x.expanded ? tableGroupCollapseLabel.getValueFor(x) : tableGroupExpandLabel.getValueFor(x))}"
|
|
37
|
+
aria-hidden="true"
|
|
36
38
|
>
|
|
37
39
|
<${iconArrowExpanderRightTag} ${ref('expandIcon')} slot="start" class="expander-icon ${x => x.animationClass}"></${iconArrowExpanderRightTag}>
|
|
38
|
-
${x => (x.expanded ? tableGroupCollapseLabel.getValueFor(x) : tableGroupExpandLabel.getValueFor(x))}
|
|
39
40
|
</${buttonTag}>
|
|
40
41
|
</span>
|
|
41
42
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table/components/group-row/template.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACH,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EAC3B,MAAM,4CAA4C,CAAC;AAEpD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe;;;iBAG1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table/components/group-row/template.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACH,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EAC3B,MAAM,4CAA4C,CAAC;AAEpD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe;;;iBAG1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;wBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;4DACqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;UAErE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,CAAe;;mBAElC,WAAW;sBACR,GAAG,CAAC,mBAAmB,CAAC;;+BAEf,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAoB,CAAC;8BACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE;6BACpC,CAAC,CAAC,EAAE,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC;kCACvC,CAAC,CAAC,EAAE,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC;;oBAE1D,WAAW;;SAEtB,CAAC;;;eAGK,SAAS;8BACM,gBAAgB,CAAC,KAAK;;;;yBAI3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;;mBAGvG,yBAAyB,IAAI,GAAG,CAAC,YAAY,CAAC,sCAAsC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,OAAO,yBAAyB;gBAC5I,SAAS;;;;cAIX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,eAAe,CAAC,uBAAuB;mDACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;;;CAGtE,CAAC"}
|
|
@@ -21,6 +21,7 @@ export declare class TableRow<TDataRecord extends TableDataRecord = TableDataRec
|
|
|
21
21
|
selectable: boolean;
|
|
22
22
|
selected: boolean;
|
|
23
23
|
hideSelection: boolean;
|
|
24
|
+
expanded: boolean;
|
|
24
25
|
dataRecord?: TDataRecord;
|
|
25
26
|
/**
|
|
26
27
|
* @internal
|
|
@@ -29,6 +30,7 @@ export declare class TableRow<TDataRecord extends TableDataRecord = TableDataRec
|
|
|
29
30
|
columns: TableColumn[];
|
|
30
31
|
currentActionMenuColumn?: TableColumn;
|
|
31
32
|
nestingLevel: number;
|
|
33
|
+
isParentRow: boolean;
|
|
32
34
|
menuOpen: boolean;
|
|
33
35
|
rowOperationGridCellHidden: boolean;
|
|
34
36
|
/**
|
|
@@ -47,6 +49,14 @@ export declare class TableRow<TDataRecord extends TableDataRecord = TableDataRec
|
|
|
47
49
|
readonly selectionCheckbox?: Checkbox;
|
|
48
50
|
/** @internal */
|
|
49
51
|
readonly cellContainer: HTMLSpanElement;
|
|
52
|
+
/**
|
|
53
|
+
* @internal
|
|
54
|
+
*/
|
|
55
|
+
readonly expandIcon?: HTMLElement;
|
|
56
|
+
/**
|
|
57
|
+
* @internal
|
|
58
|
+
*/
|
|
59
|
+
animationClass: string;
|
|
50
60
|
private ignoreSelectionChangeEvents;
|
|
51
61
|
get ariaSelected(): 'true' | 'false' | null;
|
|
52
62
|
/** @internal */
|
|
@@ -58,6 +68,8 @@ export declare class TableRow<TDataRecord extends TableDataRecord = TableDataRec
|
|
|
58
68
|
closeOpenActionMenus(): void;
|
|
59
69
|
/** @internal */
|
|
60
70
|
handleChange(source: unknown, args: unknown): void;
|
|
71
|
+
onRowExpandToggle(event: Event): void;
|
|
72
|
+
private readonly removeAnimatingClass;
|
|
61
73
|
private emitActionMenuToggleEvent;
|
|
62
74
|
private columnsChanged;
|
|
63
75
|
private dataRecordChanged;
|
|
@@ -15,12 +15,14 @@ export class TableRow extends FoundationElement {
|
|
|
15
15
|
this.selectable = false;
|
|
16
16
|
this.selected = false;
|
|
17
17
|
this.hideSelection = false;
|
|
18
|
+
this.expanded = false;
|
|
18
19
|
/**
|
|
19
20
|
* @internal
|
|
20
21
|
* */
|
|
21
22
|
this.columnNotifiers = [];
|
|
22
23
|
this.columns = [];
|
|
23
24
|
this.nestingLevel = 0;
|
|
25
|
+
this.isParentRow = false;
|
|
24
26
|
this.menuOpen = false;
|
|
25
27
|
this.rowOperationGridCellHidden = false;
|
|
26
28
|
/**
|
|
@@ -35,11 +37,19 @@ export class TableRow extends FoundationElement {
|
|
|
35
37
|
* of each column's cell.
|
|
36
38
|
* */
|
|
37
39
|
this.cellStates = [];
|
|
40
|
+
/**
|
|
41
|
+
* @internal
|
|
42
|
+
*/
|
|
43
|
+
this.animationClass = '';
|
|
38
44
|
// Programmatically updating the selection state of a checkbox fires the 'change' event.
|
|
39
45
|
// Therefore, selection change events that occur due to programmatically updating
|
|
40
46
|
// the selection checkbox 'checked' value should be ingored.
|
|
41
47
|
// https://github.com/microsoft/fast/issues/5750
|
|
42
48
|
this.ignoreSelectionChangeEvents = false;
|
|
49
|
+
this.removeAnimatingClass = () => {
|
|
50
|
+
this.animationClass = '';
|
|
51
|
+
this.expandIcon?.removeEventListener('transitionend', this.removeAnimatingClass);
|
|
52
|
+
};
|
|
43
53
|
}
|
|
44
54
|
get ariaSelected() {
|
|
45
55
|
if (this.selectable) {
|
|
@@ -88,6 +98,23 @@ export class TableRow extends FoundationElement {
|
|
|
88
98
|
this.updateCellStates();
|
|
89
99
|
}
|
|
90
100
|
}
|
|
101
|
+
onRowExpandToggle(event) {
|
|
102
|
+
const expandEventDetail = {
|
|
103
|
+
oldState: this.expanded,
|
|
104
|
+
newState: !this.expanded,
|
|
105
|
+
recordId: this.recordId
|
|
106
|
+
};
|
|
107
|
+
this.$emit('row-expand-toggle', expandEventDetail);
|
|
108
|
+
event.stopImmediatePropagation();
|
|
109
|
+
// To avoid a visual glitch with improper expand/collapse icons performing an
|
|
110
|
+
// animation (due to visual re-use apparently), we apply a class to the
|
|
111
|
+
// contained expand-collapse button temporarily. We use the 'transitionend' event
|
|
112
|
+
// to remove the temporary class and register a function reference as the handler
|
|
113
|
+
// to avoid issues that may result from the 'transitionend' event not firing, as it
|
|
114
|
+
// will never result in multiple event listeners being registered.
|
|
115
|
+
this.animationClass = 'animating';
|
|
116
|
+
this.expandIcon?.addEventListener('transitionend', this.removeAnimatingClass);
|
|
117
|
+
}
|
|
91
118
|
emitActionMenuToggleEvent(eventType, menuButtonEventDetail, column) {
|
|
92
119
|
const detail = {
|
|
93
120
|
newState: menuButtonEventDetail.newState,
|
|
@@ -110,10 +137,7 @@ export class TableRow extends FoundationElement {
|
|
|
110
137
|
}
|
|
111
138
|
updateCellIndentLevels() {
|
|
112
139
|
this.cellIndentLevels = this.columns.map((_, i) => {
|
|
113
|
-
|
|
114
|
-
return this.nestingLevel - 1;
|
|
115
|
-
}
|
|
116
|
-
return 0;
|
|
140
|
+
return i === 0 ? this.nestingLevel : 0;
|
|
117
141
|
});
|
|
118
142
|
}
|
|
119
143
|
removeColumnObservers() {
|
|
@@ -178,6 +202,9 @@ __decorate([
|
|
|
178
202
|
__decorate([
|
|
179
203
|
attr({ attribute: 'hide-selection', mode: 'boolean' })
|
|
180
204
|
], TableRow.prototype, "hideSelection", void 0);
|
|
205
|
+
__decorate([
|
|
206
|
+
attr({ mode: 'boolean' })
|
|
207
|
+
], TableRow.prototype, "expanded", void 0);
|
|
181
208
|
__decorate([
|
|
182
209
|
observable
|
|
183
210
|
], TableRow.prototype, "dataRecord", void 0);
|
|
@@ -190,6 +217,9 @@ __decorate([
|
|
|
190
217
|
__decorate([
|
|
191
218
|
observable
|
|
192
219
|
], TableRow.prototype, "nestingLevel", void 0);
|
|
220
|
+
__decorate([
|
|
221
|
+
attr({ attribute: 'is-parent-row', mode: 'boolean' })
|
|
222
|
+
], TableRow.prototype, "isParentRow", void 0);
|
|
193
223
|
__decorate([
|
|
194
224
|
attr({ attribute: 'menu-open', mode: 'boolean' })
|
|
195
225
|
], TableRow.prototype, "menuOpen", void 0);
|
|
@@ -205,6 +235,9 @@ __decorate([
|
|
|
205
235
|
__decorate([
|
|
206
236
|
observable
|
|
207
237
|
], TableRow.prototype, "selectionCheckbox", void 0);
|
|
238
|
+
__decorate([
|
|
239
|
+
observable
|
|
240
|
+
], TableRow.prototype, "animationClass", void 0);
|
|
208
241
|
__decorate([
|
|
209
242
|
volatile
|
|
210
243
|
], TableRow.prototype, "ariaSelected", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table/components/row/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAEH,UAAU,EACV,IAAI,EACJ,UAAU,EACV,QAAQ,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEH,YAAY,EACZ,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table/components/row/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
3
|
import { White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
|
|
4
|
-
import { applicationBackgroundColor, borderWidth, controlHeight, fillHoverColor, fillHoverSelectedColor, fillSelectedColor, standardPadding } from '../../../theme-provider/design-tokens';
|
|
4
|
+
import { applicationBackgroundColor, borderWidth, controlHeight, fillHoverColor, fillHoverSelectedColor, fillSelectedColor, mediumPadding, standardPadding } from '../../../theme-provider/design-tokens';
|
|
5
5
|
import { Theme } from '../../../theme-provider/types';
|
|
6
6
|
import { hexToRgbaCssColor } from '../../../utilities/style/colors';
|
|
7
7
|
import { themeBehavior } from '../../../utilities/style/theme';
|
|
8
|
+
import { styles as expandCollapseStyles } from '../../../patterns/expand-collapse/styles';
|
|
8
9
|
export const styles = css `
|
|
10
|
+
${expandCollapseStyles}
|
|
9
11
|
${display('flex')}
|
|
10
12
|
|
|
11
13
|
:host {
|
|
@@ -40,6 +42,13 @@ export const styles = css `
|
|
|
40
42
|
background-color: ${fillHoverSelectedColor};
|
|
41
43
|
}
|
|
42
44
|
|
|
45
|
+
.expand-collapse-button {
|
|
46
|
+
padding-left: calc(
|
|
47
|
+
${mediumPadding} + (var(--ni-private-table-row-indent-level) - 1) *
|
|
48
|
+
${controlHeight}
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
|
|
43
52
|
.row-operations-container {
|
|
44
53
|
display: flex;
|
|
45
54
|
}
|
|
@@ -57,6 +66,10 @@ export const styles = css `
|
|
|
57
66
|
flex: 0 0 auto;
|
|
58
67
|
}
|
|
59
68
|
|
|
69
|
+
.row-front-spacer.top-level-parent {
|
|
70
|
+
width: ${mediumPadding};
|
|
71
|
+
}
|
|
72
|
+
|
|
60
73
|
.cell-container {
|
|
61
74
|
display: grid;
|
|
62
75
|
width: 100%;
|
|
@@ -65,6 +78,12 @@ export const styles = css `
|
|
|
65
78
|
grid-template-columns: var(--ni-private-table-row-grid-columns) auto;
|
|
66
79
|
}
|
|
67
80
|
|
|
81
|
+
.cell-container.nested-parent {
|
|
82
|
+
margin-left: calc(
|
|
83
|
+
(${controlHeight} * var(--ni-private-table-row-indent-level)) * -1
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
|
|
68
87
|
nimble-table-cell {
|
|
69
88
|
--ni-private-table-cell-action-menu-display: none;
|
|
70
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/row/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EAClB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/row/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,eAAe,EAClB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAE1F,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,oBAAoB;MACpB,OAAO,CAAC,MAAM,CAAC;;;;;4BAKO,0BAA0B;uBAC/B,aAAa,UAAU,WAAW;+BAC1B,WAAW;;;;;;;;kBAQxB,aAAa;;;;;;;;4BAQH,cAAc;;;;4BAId,iBAAiB;;;;4BAIjB,sBAAsB;;;;;cAKpC,aAAa;kBACT,aAAa;;;;;;;;;uBASR,eAAe;;;;;;;;iBAQrB,aAAa;;;;;iBAKb,aAAa;;;;;;;;;;;;;eAaf,aAAa;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;oCAEyB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC;;;;oCAI9B,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC;;;;oCAI9B,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;SAExD,CACJ,CACJ,CAAC"}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import { html, ref, repeat, when } from '@microsoft/fast-element';
|
|
2
|
+
import { ButtonAppearance } from '../../../menu-button/types';
|
|
2
3
|
import { tableCellTag } from '../cell';
|
|
3
4
|
import { checkboxTag } from '../../../checkbox';
|
|
4
|
-
import { tableRowSelectLabel } from '../../../label-provider/table/label-tokens';
|
|
5
|
+
import { tableRowCollapseLabel, tableRowExpandLabel, tableRowSelectLabel } from '../../../label-provider/table/label-tokens';
|
|
6
|
+
import { buttonTag } from '../../../button';
|
|
7
|
+
import { iconArrowExpanderRightTag } from '../../../icons/arrow-expander-right';
|
|
5
8
|
// prettier-ignore
|
|
6
9
|
export const template = html `
|
|
7
|
-
<template
|
|
10
|
+
<template
|
|
11
|
+
role="row"
|
|
12
|
+
aria-selected=${x => x.ariaSelected}
|
|
13
|
+
aria-expanded=${x => x.expanded}
|
|
14
|
+
style="--ni-private-table-row-indent-level: ${x => x.nestingLevel};"
|
|
15
|
+
>
|
|
8
16
|
${when(x => !x.rowOperationGridCellHidden, html `
|
|
9
17
|
<span role="gridcell" class="row-operations-container">
|
|
10
18
|
${when(x => x.selectable && !x.hideSelection, html `
|
|
@@ -20,11 +28,24 @@ export const template = html `
|
|
|
20
28
|
`)}
|
|
21
29
|
</span>
|
|
22
30
|
`)}
|
|
23
|
-
${
|
|
24
|
-
|
|
25
|
-
|
|
31
|
+
<span class="row-front-spacer ${x => (x.isParentRow && x.nestingLevel === 0 ? 'top-level-parent' : '')}"></span>
|
|
32
|
+
${when(x => x.isParentRow, html `
|
|
33
|
+
<${buttonTag}
|
|
34
|
+
appearance="${ButtonAppearance.ghost}"
|
|
35
|
+
content-hidden
|
|
36
|
+
class="expand-collapse-button"
|
|
37
|
+
tabindex="-1"
|
|
38
|
+
@click="${(x, c) => x.onRowExpandToggle(c.event)}"
|
|
39
|
+
title="${x => (x.expanded ? tableRowCollapseLabel.getValueFor(x) : tableRowExpandLabel.getValueFor(x))}"
|
|
40
|
+
aria-hidden="true"
|
|
41
|
+
>
|
|
42
|
+
<${iconArrowExpanderRightTag} ${ref('expandIcon')} slot="start" class="expander-icon ${x => x.animationClass}"></${iconArrowExpanderRightTag}>
|
|
43
|
+
</${buttonTag}>
|
|
44
|
+
`)}
|
|
26
45
|
|
|
27
|
-
<span ${ref('cellContainer')}
|
|
46
|
+
<span ${ref('cellContainer')}
|
|
47
|
+
class="cell-container ${x => (x.isParentRow && x.nestingLevel > 0 ? 'nested-parent' : '')}"
|
|
48
|
+
>
|
|
28
49
|
${repeat(x => x.columns, html `
|
|
29
50
|
${when(x => !x.columnHidden, html `
|
|
30
51
|
<${tableCellTag}
|
|
@@ -38,7 +59,7 @@ export const template = html `
|
|
|
38
59
|
action-menu-label="${x => x.actionMenuLabel}"
|
|
39
60
|
@cell-action-menu-beforetoggle="${(x, c) => c.parent.onCellActionMenuBeforeToggle(c.event, x)}"
|
|
40
61
|
@cell-action-menu-toggle="${(x, c) => c.parent.onCellActionMenuToggle(c.event, x)}"
|
|
41
|
-
:nestingLevel="${(_, c) => c.parent.cellIndentLevels[c.index]}
|
|
62
|
+
:nestingLevel="${(_, c) => c.parent.cellIndentLevels[c.index]}"
|
|
42
63
|
>
|
|
43
64
|
|
|
44
65
|
${when((x, c) => (c.parent.currentActionMenuColumn === x) && x.actionMenuSlot, html `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table/components/row/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table/components/row/template.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/table/index.js
CHANGED
|
@@ -583,16 +583,17 @@ export class Table extends FoundationElement {
|
|
|
583
583
|
this.selectionState = this.getTableSelectionState();
|
|
584
584
|
const rows = this.table.getRowModel().rows;
|
|
585
585
|
this.tableData = rows.map(row => {
|
|
586
|
+
const isGrouped = row.getIsGrouped();
|
|
586
587
|
const rowState = {
|
|
587
588
|
record: row.original.clientRecord,
|
|
588
589
|
id: row.id,
|
|
589
590
|
selectionState: this.getRowSelectionState(row),
|
|
590
|
-
isGrouped
|
|
591
|
+
isGrouped,
|
|
591
592
|
isExpanded: row.getIsExpanded(),
|
|
592
|
-
groupRowValue:
|
|
593
|
+
groupRowValue: isGrouped
|
|
593
594
|
? row.getValue(row.groupingColumnId)
|
|
594
595
|
: undefined,
|
|
595
|
-
nestingLevel: row.depth,
|
|
596
|
+
nestingLevel: !isGrouped && row.depth > 0 ? row.depth - 1 : row.depth,
|
|
596
597
|
leafItemCount: row
|
|
597
598
|
.getLeafRows()
|
|
598
599
|
.filter(leafRow => leafRow.getLeafRows().length === 0)
|