@ni/nimble-components 7.7.0 → 7.8.2
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 +12 -12
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +6 -6
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/nimble-components/src/tree-view/types.d.ts +2 -1
- package/dist/esm/tree-item/index.js +3 -2
- package/dist/esm/tree-item/index.js.map +1 -1
- package/dist/esm/tree-item/styles.js +8 -10
- package/dist/esm/tree-item/styles.js.map +1 -1
- package/dist/esm/tree-view/types.d.ts +2 -1
- package/dist/esm/tree-view/types.js +1 -0
- package/dist/esm/tree-view/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@ export declare const pinnedSelectedAttribute = "pinned-selected";
|
|
|
2
2
|
export declare const groupSelectedAttribute = "group-selected";
|
|
3
3
|
export declare enum TreeViewSelectionMode {
|
|
4
4
|
All = "all",
|
|
5
|
-
LeavesOnly = "leaves-only"
|
|
5
|
+
LeavesOnly = "leaves-only",
|
|
6
|
+
None = "none"
|
|
6
7
|
}
|
|
7
8
|
export declare type TreeViewSelectionModeAttribute = `${TreeViewSelectionMode}`;
|
|
@@ -28,8 +28,9 @@ export class TreeItem extends FoundationTreeItem {
|
|
|
28
28
|
return;
|
|
29
29
|
}
|
|
30
30
|
const leavesOnly = this.treeView?.selectionMode === TreeViewSelectionMode.LeavesOnly;
|
|
31
|
+
const all = this.treeView?.selectionMode === TreeViewSelectionMode.All;
|
|
31
32
|
const hasChildren = this.hasChildTreeItems();
|
|
32
|
-
if ((leavesOnly && !hasChildren) ||
|
|
33
|
+
if ((leavesOnly && !hasChildren) || all) {
|
|
33
34
|
const selectedTreeItem = this.getImmediateTreeItem(this.treeView?.currentSelected);
|
|
34
35
|
// deselect currently selected item if different than this instance
|
|
35
36
|
if (selectedTreeItem && this !== this.treeView?.currentSelected) {
|
|
@@ -38,7 +39,7 @@ export class TreeItem extends FoundationTreeItem {
|
|
|
38
39
|
this.selected = true;
|
|
39
40
|
}
|
|
40
41
|
else {
|
|
41
|
-
// implicit hasChildren && leavesOnly, so only allow expand/collapse, not select
|
|
42
|
+
// implicit (hasChildren && leavesOnly) || none, so only allow expand/collapse, not select
|
|
42
43
|
this.expanded = !this.expanded;
|
|
43
44
|
}
|
|
44
45
|
// don't allow base class to process click event
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,IAAI,QAAQ,EAC5B,QAAQ,IAAI,kBAAkB,EAE9B,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AAE5F,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;;;;;;;;GASG;AACH,MAAM,OAAO,QAAS,SAAQ,kBAAkB;IAG5C;QACI,KAAK,EAAE,CAAC;QAHJ,aAAQ,GAAoB,IAAI,CAAC;QA4BxB,wBAAmB,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAC/D,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,EAAE;gBAC1D,oDAAoD;gBACpD,OAAO;aACV;YAED,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;YACxE,IAAI,QAAQ,EAAE,QAAQ,IAAI,QAAQ,KAAK,IAAI,EAAE;gBACzC,8FAA8F;gBAC9F,KAAK,CAAC,wBAAwB,EAAE,CAAC;gBACjC,OAAO;aACV;YAED,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAa,KAAK,qBAAqB,CAAC,UAAU,CAAC;YACrF,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7C,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -43,6 +43,10 @@ export const styles = (context, _definition) => css `
|
|
|
43
43
|
background: ${fillHoverColor};
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
+
:host([${groupSelectedAttribute}]) .positioning-region:hover {
|
|
47
|
+
background: ${fillHoverSelectedColor};
|
|
48
|
+
}
|
|
49
|
+
|
|
46
50
|
:host(${focusVisible}) .positioning-region {
|
|
47
51
|
box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
|
|
48
52
|
outline: ${borderWidth} solid ${borderHoverColor};
|
|
@@ -73,17 +77,14 @@ export const styles = (context, _definition) => css `
|
|
|
73
77
|
font: inherit;
|
|
74
78
|
font-size: ${bodyFontSize};
|
|
75
79
|
user-select: none;
|
|
80
|
+
position: relative;
|
|
81
|
+
margin-inline-start: ${iconSize};
|
|
76
82
|
}
|
|
77
83
|
|
|
78
84
|
:host(${focusVisible}) .content-region {
|
|
79
85
|
outline: none;
|
|
80
86
|
}
|
|
81
87
|
|
|
82
|
-
:host(.nested) .content-region {
|
|
83
|
-
position: relative;
|
|
84
|
-
margin-inline-start: ${iconSize};
|
|
85
|
-
}
|
|
86
|
-
|
|
87
88
|
:host([disabled]) .content-region {
|
|
88
89
|
opacity: 0.5;
|
|
89
90
|
cursor: not-allowed;
|
|
@@ -100,9 +101,6 @@ export const styles = (context, _definition) => css `
|
|
|
100
101
|
align-items: center;
|
|
101
102
|
cursor: pointer;
|
|
102
103
|
margin-left: 10px;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
:host(.nested) .expand-collapse-button {
|
|
106
104
|
position: absolute;
|
|
107
105
|
}
|
|
108
106
|
|
|
@@ -167,7 +165,7 @@ export const styles = (context, _definition) => css `
|
|
|
167
165
|
// prettier-ignore
|
|
168
166
|
.withBehaviors(new DirectionalStyleSheetBehavior(css `
|
|
169
167
|
${ /* ltr styles */''}
|
|
170
|
-
|
|
168
|
+
.expand-collapse-button {
|
|
171
169
|
left: var(
|
|
172
170
|
--ni-private-expand-collapse-button-nested-width,
|
|
173
171
|
calc(${iconSize} * -1)
|
|
@@ -183,7 +181,7 @@ export const styles = (context, _definition) => css `
|
|
|
183
181
|
}
|
|
184
182
|
`, css `
|
|
185
183
|
${ /* rtl styles */''}
|
|
186
|
-
|
|
184
|
+
.expand-collapse-button {
|
|
187
185
|
right: var(
|
|
188
186
|
--ni-private-expand-collapse-button-nested-width,
|
|
189
187
|
calc(${iconSize} * -1)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACH,OAAO,EAEP,QAAQ,EAEX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAE7E,MAAM,CAAC,MAAM,MAAM,GAA8D,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,GAAG,CAAA;cAChG,OAAO,CAAC,OAAO,CAAC;;;kBAGZ;AACE,yEAAyE,CAAC,EAC9E;+BACe,cAAc;+BACd,cAAc;;;;yBAIpB,aAAa;;;;;cAKxB,CAAA,mCAAoC,EAAE;qBAC/B,sBAAsB;8BACb,gBAAgB;;;;;;8BAMhB,WAAW;+BACV,QAAQ;;;;;;;+BAOR,QAAQ;;;;8BAIT,cAAc;;;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACH,OAAO,EAEP,QAAQ,EAEX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAE7E,MAAM,CAAC,MAAM,MAAM,GAA8D,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,GAAG,CAAA;cAChG,OAAO,CAAC,OAAO,CAAC;;;kBAGZ;AACE,yEAAyE,CAAC,EAC9E;+BACe,cAAc;+BACd,cAAc;;;;yBAIpB,aAAa;;;;;cAKxB,CAAA,mCAAoC,EAAE;qBAC/B,sBAAsB;8BACb,gBAAgB;;;;;;8BAMhB,WAAW;+BACV,QAAQ;;;;;;;+BAOR,QAAQ;;;;8BAIT,cAAc;;;qBAGvB,sBAAsB;8BACb,sBAAsB;;;oBAGhC,YAAY;0CACU,WAAW,IAAI,gBAAgB;2BAC9C,WAAW,UAAU,gBAAgB;;;;;8BAKlC,iBAAiB;;;;8BAIjB,sBAAsB;;;;;;;;;;;;;;;;;6BAiBvB,YAAY;;;uCAGF,QAAQ;;;oBAG3B,YAAY;;;;;;;;;;;;;yBAaP,QAAQ;0BACP,QAAQ;;;;;;;;;;yBAUT,QAAQ;0BACP,QAAQ;;;;;;cAMpB;AACE,wEAAwE,CAAC,EAC7E;;yBAEa,QAAQ;;;cAGnB;AACE,uEAAuE,CAAC,EAC5E;;;;uCAI2B,QAAQ;qCACV,QAAQ;;;;yBAIpB,QAAQ;0BACP,QAAQ;;;wBAGV,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;;;sBAG1B,QAAQ;;;;cAIhB;AACE,qEAAqE,CAAC,EAC1E;;;;uCAI2B,QAAQ;;;;;kBAK7B;AACE;;;;GAIG,CAAC,EACR;yCACyB,QAAQ;;;;;;SAMxC;IACT,kBAAkB;KACb,aAAa,CACV,IAAI,6BAA6B,CAC7B,GAAG,CAAA;0BACW,CAAA,gBAAiB,EAAE;;;;uCAIN,QAAQ;;;;;;;;;;;qBAW1B,EACT,GAAG,CAAA;0BACW,CAAA,gBAAiB,EAAE;;;;uCAIN,QAAQ;;;;;;;;;;;qBAW1B,CACZ,CACJ,CAAC"}
|
|
@@ -2,6 +2,7 @@ export declare const pinnedSelectedAttribute = "pinned-selected";
|
|
|
2
2
|
export declare const groupSelectedAttribute = "group-selected";
|
|
3
3
|
export declare enum TreeViewSelectionMode {
|
|
4
4
|
All = "all",
|
|
5
|
-
LeavesOnly = "leaves-only"
|
|
5
|
+
LeavesOnly = "leaves-only",
|
|
6
|
+
None = "none"
|
|
6
7
|
}
|
|
7
8
|
export declare type TreeViewSelectionModeAttribute = `${TreeViewSelectionMode}`;
|
|
@@ -4,5 +4,6 @@ export var TreeViewSelectionMode;
|
|
|
4
4
|
(function (TreeViewSelectionMode) {
|
|
5
5
|
TreeViewSelectionMode["All"] = "all";
|
|
6
6
|
TreeViewSelectionMode["LeavesOnly"] = "leaves-only";
|
|
7
|
+
TreeViewSelectionMode["None"] = "none";
|
|
7
8
|
})(TreeViewSelectionMode || (TreeViewSelectionMode = {}));
|
|
8
9
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/tree-view/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;AACzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/tree-view/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;AACzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,mDAA0B,CAAA;IAC1B,sCAAa,CAAA;AACjB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-components",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.8.2",
|
|
4
4
|
"description": "Styled web components for the NI Nimble Design System",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
|