@ni/nimble-components 1.0.0-beta.104 → 1.0.0-beta.108
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
|
-
import { applicationBackgroundColor, borderWidth, contentFontColor, contentFontSize, drawerHeaderFontFamily, drawerHeaderFontSize, fontFamily, popupBorderColor, popupBoxShadowColor } from '../theme-provider/design-tokens';
|
|
3
|
+
import { applicationBackgroundColor, borderWidth, contentFontColor, contentFontSize, drawerHeaderFontFamily, drawerHeaderFontSize, drawerWidth, fontFamily, popupBorderColor, popupBoxShadowColor } from '../theme-provider/design-tokens';
|
|
4
4
|
export const styles = css `
|
|
5
5
|
${display('block')}
|
|
6
6
|
|
|
@@ -45,6 +45,7 @@ export const styles = css `
|
|
|
45
45
|
display: flex;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
+
${ /* Note: overlay is only present in the DOM when modal=true */''}
|
|
48
49
|
.overlay {
|
|
49
50
|
position: fixed;
|
|
50
51
|
inset: 0px;
|
|
@@ -56,15 +57,14 @@ export const styles = css `
|
|
|
56
57
|
position: relative;
|
|
57
58
|
top: 0px;
|
|
58
59
|
bottom: 0px;
|
|
59
|
-
width: fit-content;
|
|
60
|
-
height: 100%;
|
|
61
60
|
display: grid;
|
|
62
61
|
grid-template-rows: max-content auto max-content;
|
|
63
62
|
flex-direction: column;
|
|
64
63
|
box-sizing: border-box;
|
|
65
64
|
border-radius: 0px;
|
|
66
65
|
border-width: 0px;
|
|
67
|
-
width:
|
|
66
|
+
width: ${drawerWidth};
|
|
67
|
+
height: 100%;
|
|
68
68
|
background-color: ${applicationBackgroundColor};
|
|
69
69
|
}
|
|
70
70
|
|
|
@@ -109,6 +109,7 @@ export const styles = css `
|
|
|
109
109
|
padding: var(--standard-padding);
|
|
110
110
|
display: flex;
|
|
111
111
|
justify-content: flex-end;
|
|
112
|
+
grid-row: 3;
|
|
112
113
|
border-top: ${borderWidth} solid ${popupBorderColor};
|
|
113
114
|
}
|
|
114
115
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACtB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;uBASC,UAAU;qBACZ,eAAe;iBACnB,gBAAgB
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACtB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;uBASC,UAAU;qBACZ,eAAe;iBACnB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgC3B,CAAA,8DAA+D,EAAE;;;;sBAIjD,gBAAgB;;;;;;;;;;;;;;iBAcrB,WAAW;;4BAEA,0BAA0B;;;;;;;;;;;;;;wBAc9B,WAAW,UAAU,mBAAmB;;;;;uBAKzC,WAAW,UAAU,mBAAmB;;;MAGzD;AACE;;;EAGE,CAAC,EACP;;;;uBAImB,sBAAsB;qBACxB,oBAAoB;;;;;;;;;;;;;;sBAcnB,WAAW,UAAU,gBAAgB;;CAE1D,CAAC"}
|
|
@@ -31,27 +31,25 @@ export class TreeItem extends FoundationTreeItem {
|
|
|
31
31
|
if ((leavesOnly && !hasChildren) || !leavesOnly) {
|
|
32
32
|
// if either a leaf tree item, or in a mode that supports select on groups,
|
|
33
33
|
// process click as a select
|
|
34
|
-
this.
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
event.stopImmediatePropagation();
|
|
34
|
+
if (!this.selected) {
|
|
35
|
+
this.selected = true;
|
|
36
|
+
this.$emit('selected-change', this);
|
|
38
37
|
}
|
|
39
38
|
}
|
|
40
39
|
else {
|
|
41
40
|
// implicit hasChildren && leavesOnly, so only allow expand/collapse, not select
|
|
42
41
|
this.expanded = !this.expanded;
|
|
43
42
|
this.$emit('expanded-change', this);
|
|
44
|
-
// don't allow base class to process click event, as all we want to happen
|
|
45
|
-
// here is toggling 'expanded', and to issue the expanded-change event
|
|
46
|
-
event.stopImmediatePropagation();
|
|
47
43
|
}
|
|
44
|
+
// don't allow base class to process click event
|
|
45
|
+
event.stopImmediatePropagation();
|
|
48
46
|
};
|
|
49
47
|
// This prevents the toggling of selected state when a TreeItem is clicked multiple times,
|
|
50
48
|
// which is what the FAST TreeItem allows
|
|
51
49
|
this.handleSelectedChange = (event) => {
|
|
52
50
|
// only process selection
|
|
53
|
-
if (event.target === this) {
|
|
54
|
-
this.
|
|
51
|
+
if (event.target === this && this.selected) {
|
|
52
|
+
this.setGroupSelectionOnRootParentTreeItem(this);
|
|
55
53
|
}
|
|
56
54
|
};
|
|
57
55
|
this.addEventListener('click', this.handleClickOverride);
|
|
@@ -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,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AAEpG,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;;;;;;GASG;AACH,MAAM,OAAO,QAAS,SAAQ,kBAAkB;IAG5C;QACI,KAAK,EAAE,CAAC;QAyBK,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,aAAa,CAAC,UAAU,CAAC;YAC7E,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7C,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE;gBAC7C,2EAA2E;gBAC3E,4BAA4B;gBAC5B,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-components",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.108",
|
|
4
4
|
"description": "Styled web components for the NI Nimble Design System",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run build-components && npm run build-storybook",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@microsoft/fast-components": "^2.0.0",
|
|
44
44
|
"@microsoft/fast-element": "^1.6.1",
|
|
45
45
|
"@microsoft/fast-foundation": "^2.22.0",
|
|
46
|
-
"@ni/nimble-tokens": "^1.0.0-beta.
|
|
46
|
+
"@ni/nimble-tokens": "^1.0.0-beta.34",
|
|
47
47
|
"hex-rgb": "^5.0.0",
|
|
48
48
|
"lodash-es": "^4.17.21"
|
|
49
49
|
},
|
|
@@ -52,16 +52,19 @@
|
|
|
52
52
|
"@babel/core": "^7.14.6",
|
|
53
53
|
"@babel/preset-env": "^7.13.15",
|
|
54
54
|
"@ni/eslint-config-typescript": "^3.0.0",
|
|
55
|
-
"@storybook/addon-a11y": "^6.4.0
|
|
56
|
-
"@storybook/addon-actions": "^6.4.0
|
|
57
|
-
"@storybook/addon-docs": "^6.4.0
|
|
58
|
-
"@storybook/addon-essentials": "^6.4.0
|
|
59
|
-
"@storybook/addon-
|
|
60
|
-
"@storybook/
|
|
61
|
-
"@storybook/
|
|
62
|
-
"@storybook/
|
|
63
|
-
"@storybook/
|
|
64
|
-
"@storybook/
|
|
55
|
+
"@storybook/addon-a11y": "^6.4.0",
|
|
56
|
+
"@storybook/addon-actions": "^6.4.0",
|
|
57
|
+
"@storybook/addon-docs": "^6.4.0",
|
|
58
|
+
"@storybook/addon-essentials": "^6.4.0",
|
|
59
|
+
"@storybook/addon-interactions": "^6.4.0",
|
|
60
|
+
"@storybook/addon-links": "^6.4.0",
|
|
61
|
+
"@storybook/addons": "^6.4.0",
|
|
62
|
+
"@storybook/builder-webpack5": "^6.4.0",
|
|
63
|
+
"@storybook/html": "^6.4.0",
|
|
64
|
+
"@storybook/jest": "^0.0.5",
|
|
65
|
+
"@storybook/manager-webpack5": "^6.4.0",
|
|
66
|
+
"@storybook/testing-library": "^0.0.7",
|
|
67
|
+
"@storybook/theming": "^6.4.0",
|
|
65
68
|
"@types/jasmine": "^3.6.0",
|
|
66
69
|
"@types/webpack-env": "^1.15.2",
|
|
67
70
|
"babel-loader": "^8.2.2",
|
|
@@ -70,6 +73,7 @@
|
|
|
70
73
|
"css-loader": "^6.2.0",
|
|
71
74
|
"dotenv-webpack": "^7.0.2",
|
|
72
75
|
"eslint-plugin-jsdoc": "^36.1.0",
|
|
76
|
+
"eslint-plugin-storybook": "^0.5.1",
|
|
73
77
|
"html-webpack-plugin": "^5.3.1",
|
|
74
78
|
"jasmine-core": "^3.7.0",
|
|
75
79
|
"karma": "^6.3.0",
|