@ni/nimble-components 18.10.3 → 18.10.4

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.
Files changed (68) hide show
  1. package/dist/all-components-bundle.js +762 -168
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +3184 -3028
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/table/components/cell/index.d.ts +1 -0
  6. package/dist/esm/table/components/cell/index.js +4 -0
  7. package/dist/esm/table/components/cell/index.js.map +1 -1
  8. package/dist/esm/table/components/cell/styles.js +8 -0
  9. package/dist/esm/table/components/cell/styles.js.map +1 -1
  10. package/dist/esm/table/components/cell/template.js +1 -1
  11. package/dist/esm/table/components/cell/template.js.map +1 -1
  12. package/dist/esm/table/components/group-row/index.d.ts +29 -0
  13. package/dist/esm/table/components/group-row/index.js +61 -0
  14. package/dist/esm/table/components/group-row/index.js.map +1 -0
  15. package/dist/esm/table/components/group-row/styles.d.ts +1 -0
  16. package/dist/esm/table/components/group-row/styles.js +64 -0
  17. package/dist/esm/table/components/group-row/styles.js.map +1 -0
  18. package/dist/esm/table/components/group-row/template.d.ts +2 -0
  19. package/dist/esm/table/components/group-row/template.js +23 -0
  20. package/dist/esm/table/components/group-row/template.js.map +1 -0
  21. package/dist/esm/table/components/row/index.d.ts +2 -0
  22. package/dist/esm/table/components/row/index.js +13 -5
  23. package/dist/esm/table/components/row/index.js.map +1 -1
  24. package/dist/esm/table/components/row/template.js +1 -0
  25. package/dist/esm/table/components/row/template.js.map +1 -1
  26. package/dist/esm/table/index.d.ts +14 -0
  27. package/dist/esm/table/index.js +84 -4
  28. package/dist/esm/table/index.js.map +1 -1
  29. package/dist/esm/table/models/table-validator.d.ts +3 -0
  30. package/dist/esm/table/models/table-validator.js +12 -9
  31. package/dist/esm/table/models/table-validator.js.map +1 -1
  32. package/dist/esm/table/models/update-tracker.d.ts +1 -0
  33. package/dist/esm/table/models/update-tracker.js +10 -1
  34. package/dist/esm/table/models/update-tracker.js.map +1 -1
  35. package/dist/esm/table/models/virtualizer.d.ts +3 -1
  36. package/dist/esm/table/models/virtualizer.js +3 -2
  37. package/dist/esm/table/models/virtualizer.js.map +1 -1
  38. package/dist/esm/table/template.js +33 -17
  39. package/dist/esm/table/template.js.map +1 -1
  40. package/dist/esm/table/types.d.ts +1 -0
  41. package/dist/esm/table/types.js.map +1 -1
  42. package/dist/esm/table-column/base/group-header-view/index.d.ts +14 -0
  43. package/dist/esm/table-column/base/group-header-view/index.js +17 -0
  44. package/dist/esm/table-column/base/group-header-view/index.js.map +1 -0
  45. package/dist/esm/table-column/base/group-header-view/template.d.ts +3 -0
  46. package/dist/esm/table-column/base/group-header-view/template.js +10 -0
  47. package/dist/esm/table-column/base/group-header-view/template.js.map +1 -0
  48. package/dist/esm/table-column/base/index.d.ts +25 -0
  49. package/dist/esm/table-column/base/index.js +23 -0
  50. package/dist/esm/table-column/base/index.js.map +1 -1
  51. package/dist/esm/table-column/mixins/groupable-column.d.ts +12 -0
  52. package/dist/esm/table-column/mixins/groupable-column.js +35 -0
  53. package/dist/esm/table-column/mixins/groupable-column.js.map +1 -0
  54. package/dist/esm/table-column/text/group-header-view/index.d.ts +22 -0
  55. package/dist/esm/table-column/text/group-header-view/index.js +47 -0
  56. package/dist/esm/table-column/text/group-header-view/index.js.map +1 -0
  57. package/dist/esm/table-column/text/group-header-view/styles.d.ts +1 -0
  58. package/dist/esm/table-column/text/group-header-view/styles.js +16 -0
  59. package/dist/esm/table-column/text/group-header-view/styles.js.map +1 -0
  60. package/dist/esm/table-column/text/group-header-view/template.d.ts +2 -0
  61. package/dist/esm/table-column/text/group-header-view/template.js +15 -0
  62. package/dist/esm/table-column/text/group-header-view/template.js.map +1 -0
  63. package/dist/esm/table-column/text/index.d.ts +9 -1
  64. package/dist/esm/table-column/text/index.js +7 -1
  65. package/dist/esm/table-column/text/index.js.map +1 -1
  66. package/dist/esm/tree-item/styles.js +2 -2
  67. package/dist/esm/tree-item/styles.js.map +1 -1
  68. package/package.json +1 -1
@@ -0,0 +1,15 @@
1
+ import { html, ref } from '@microsoft/fast-element';
2
+ export const template = html `
3
+ <span
4
+ ${ref('textSpan')}
5
+ class="${x => (typeof x.groupHeaderValue === 'string' ? '' : 'placeholder')}"
6
+ @mouseover="${x => x.updateTitleOverflow()}"
7
+ @mouseout="${x => x.clearTitleOverflow()}"
8
+ title="${x => (x.isValidContentAndHasOverflow && x.content
9
+ ? x.content
10
+ : undefined)}"
11
+ >
12
+ ${x => x.content}
13
+ </span>
14
+ `;
15
+ //# sourceMappingURL=template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/text/group-header-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgC;;UAElD,GAAG,CAAC,UAAU,CAAC;iBACR,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,gBAAgB,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;sBAC7D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;qBAC7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE;iBAC/B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,4BAA4B,IAAI,CAAC,CAAC,OAAO;IAC1D,CAAC,CAAC,CAAC,CAAC,OAAO;IACX,CAAC,CAAC,SAAS,CAAC;;UAEV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;;CAEvB,CAAC"}
@@ -12,7 +12,7 @@ declare global {
12
12
  /**
13
13
  * The base class for a table column for displaying strings.
14
14
  */
15
- declare class TableColumnTextBase extends TableColumn<TableColumnTextColumnConfig> {
15
+ declare abstract class TableColumnTextBase extends TableColumn<TableColumnTextColumnConfig> {
16
16
  cellRecordFieldNames: readonly ["value"];
17
17
  fieldName?: string;
18
18
  placeholder?: string;
@@ -22,6 +22,13 @@ declare class TableColumnTextBase extends TableColumn<TableColumnTextColumnConfi
22
22
  protected placeholderChanged(): void;
23
23
  }
24
24
  declare const TableColumnText_base: (abstract new (...args: any[]) => {
25
+ groupingDisabled: boolean;
26
+ groupIndex?: number | null | undefined;
27
+ groupingDisabledChanged(): void;
28
+ groupIndexChanged(): void;
29
+ internalGroupingDisabled: boolean;
30
+ internalGroupIndex?: number | undefined;
31
+ }) & (abstract new (...args: any[]) => {
25
32
  fractionalWidth?: number | null | undefined;
26
33
  minPixelWidth?: number | null | undefined;
27
34
  fractionalWidthChanged(): void;
@@ -33,6 +40,7 @@ declare const TableColumnText_base: (abstract new (...args: any[]) => {
33
40
  * The table column for displaying strings.
34
41
  */
35
42
  export declare class TableColumnText extends TableColumnText_base {
43
+ groupHeaderViewTag: string;
36
44
  }
37
45
  export declare const tableColumnTextTag: string;
38
46
  export {};
@@ -7,6 +7,8 @@ import { template } from '../base/template';
7
7
  import { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';
8
8
  import { TableColumn } from '../base';
9
9
  import { TableColumnSortOperation } from '../base/types';
10
+ import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
11
+ import { tableColumnTextGroupHeaderTag } from './group-header-view';
10
12
  import { tableColumnTextCellViewTag } from './cell-view';
11
13
  /**
12
14
  * The base class for a table column for displaying strings.
@@ -35,7 +37,11 @@ __decorate([
35
37
  /**
36
38
  * The table column for displaying strings.
37
39
  */
38
- export class TableColumnText extends mixinFractionalWidthColumnAPI(TableColumnTextBase) {
40
+ export class TableColumnText extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(TableColumnTextBase)) {
41
+ constructor() {
42
+ super(...arguments);
43
+ this.groupHeaderViewTag = tableColumnTextGroupHeaderTag;
44
+ }
39
45
  }
40
46
  const nimbleTableColumnText = TableColumnText.compose({
41
47
  baseName: 'table-column-text',
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAazD;;GAEG;AACH,MAAM,mBAAoB,SAAQ,WAAwC;IAWtE;QACI,KAAK,EAAE,CAAC;QAXL,yBAAoB,GAAG,CAAC,OAAO,CAAU,CAAC;QAQjC,gBAAW,GAAG,0BAA0B,CAAC;QAIrD,IAAI,CAAC,aAAa,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAC3E,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAU,CAAC;QACtD,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC,SAAS,CAAC;IACrD,CAAC;IAES,kBAAkB;QACxB,IAAI,CAAC,YAAY,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,CAAC;IAChE,CAAC;CACJ;AApBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;sDACR;AAG1B;IADC,IAAI;wDACuB;AAmBhC;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,6BAA6B,CAC9D,mBAAmB,CACtB;CAAG;AAEJ,MAAM,qBAAqB,GAAG,eAAe,CAAC,OAAO,CAAC;IAClD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAazD;;GAEG;AACH,MAAe,mBAAoB,SAAQ,WAAwC;IAW/E;QACI,KAAK,EAAE,CAAC;QAXL,yBAAoB,GAAG,CAAC,OAAO,CAAU,CAAC;QAQjC,gBAAW,GAAG,0BAA0B,CAAC;QAIrD,IAAI,CAAC,aAAa,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAC3E,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAU,CAAC;QACtD,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC,SAAS,CAAC;IACrD,CAAC;IAES,kBAAkB;QACxB,IAAI,CAAC,YAAY,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,CAAC;IAChE,CAAC;CACJ;AApBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;sDACR;AAG1B;IADC,IAAI;wDACuB;AAmBhC;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,uBAAuB,CACxD,6BAA6B,CAAC,mBAAmB,CAAC,CACrD;IAFD;;QAGW,uBAAkB,GAAG,6BAA6B,CAAC;IAC9D,CAAC;CAAA;AAED,MAAM,qBAAqB,GAAG,eAAe,CAAC,OAAO,CAAC;IAClD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { display } from '@microsoft/fast-foundation';
3
3
  import { focusVisible } from '../utilities/style/focus';
4
- import { bodyFontColor, bodyFontFamily, bodyFontSize, bodyFontWeight, borderHoverColor, fillSelectedColor, fillHoverColor, fillHoverSelectedColor, borderWidth, iconSize } from '../theme-provider/design-tokens';
4
+ import { bodyFontColor, bodyFontFamily, bodyFontSize, bodyFontWeight, borderHoverColor, fillSelectedColor, fillHoverColor, fillHoverSelectedColor, borderWidth, iconSize, mediumDelay } from '../theme-provider/design-tokens';
5
5
  import { groupSelectedAttribute } from '../tree-view/types';
6
6
  import { DirectionalStyleSheetBehavior } from '../utilities/style/direction';
7
7
  export const styles = css `
@@ -107,7 +107,7 @@ export const styles = css `
107
107
  .expand-collapse-button svg {
108
108
  width: ${iconSize};
109
109
  height: ${iconSize};
110
- transition: transform 0.2s ease-in;
110
+ transition: transform ${mediumDelay} ease-in;
111
111
  pointer-events: none;
112
112
  fill: currentcolor;
113
113
  }
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,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,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;UAGZ;AACE,yEAAyE,CAAC,EAC9E;uBACe,cAAc;uBACd,cAAc;;;;iBAIpB,aAAa;;;;;MAKxB,CAAA,mCAAoC,EAAE;aAC/B,sBAAsB;sBACb,gBAAgB;;;;;;sBAMhB,WAAW;uBACV,QAAQ;;;;;;;uBAOR,QAAQ;;;;sBAIT,cAAc;;;aAGvB,sBAAsB;sBACb,sBAAsB;;;YAGhC,YAAY;kCACU,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;sBAKlC,iBAAiB;;;;sBAIjB,sBAAsB;;;;;;;;;;;;;;;;;qBAiBvB,YAAY;;;+BAGF,QAAQ;;;YAG3B,YAAY;;;;;;;;;;;;;iBAaP,QAAQ;kBACP,QAAQ;;;;;;;;;;iBAUT,QAAQ;kBACP,QAAQ;;;;;;MAMpB;AACE,wEAAwE,CAAC,EAC7E;;iBAEa,QAAQ;;;MAGnB;AACE,uEAAuE,CAAC,EAC5E;;;;+BAI2B,QAAQ;6BACV,QAAQ;;;;iBAIpB,QAAQ;kBACP,QAAQ;;;;;;cAMZ,QAAQ;;;;MAIhB,CAAA,qEAAsE,EAAE;;;;+BAI/C,QAAQ;;;;;UAK7B;AACE;;;;GAIG,CAAC,EACR;iCACyB,QAAQ;;;;;;CAMxC,CAAC,aAAa,CACX,IAAI,6BAA6B;AAC7B,aAAa;AACb,GAAG,CAAA;;;;2BAIgB,QAAQ;;;;;;;;;;;SAW1B;AACD,aAAa;AACb,GAAG,CAAA;;;;2BAIgB,QAAQ;;;;;;;;;;;SAW1B,CACJ,CACJ,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,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,EACR,WAAW,EACd,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAE7E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;UAGZ;AACE,yEAAyE,CAAC,EAC9E;uBACe,cAAc;uBACd,cAAc;;;;iBAIpB,aAAa;;;;;MAKxB,CAAA,mCAAoC,EAAE;aAC/B,sBAAsB;sBACb,gBAAgB;;;;;;sBAMhB,WAAW;uBACV,QAAQ;;;;;;;uBAOR,QAAQ;;;;sBAIT,cAAc;;;aAGvB,sBAAsB;sBACb,sBAAsB;;;YAGhC,YAAY;kCACU,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;sBAKlC,iBAAiB;;;;sBAIjB,sBAAsB;;;;;;;;;;;;;;;;;qBAiBvB,YAAY;;;+BAGF,QAAQ;;;YAG3B,YAAY;;;;;;;;;;;;;iBAaP,QAAQ;kBACP,QAAQ;;;;;;;;;;iBAUT,QAAQ;kBACP,QAAQ;gCACM,WAAW;;;;;MAKrC;AACE,wEAAwE,CAAC,EAC7E;;iBAEa,QAAQ;;;MAGnB;AACE,uEAAuE,CAAC,EAC5E;;;;+BAI2B,QAAQ;6BACV,QAAQ;;;;iBAIpB,QAAQ;kBACP,QAAQ;;;;;;cAMZ,QAAQ;;;;MAIhB,CAAA,qEAAsE,EAAE;;;;+BAI/C,QAAQ;;;;;UAK7B;AACE;;;;GAIG,CAAC,EACR;iCACyB,QAAQ;;;;;;CAMxC,CAAC,aAAa,CACX,IAAI,6BAA6B;AAC7B,aAAa;AACb,GAAG,CAAA;;;;2BAIgB,QAAQ;;;;;;;;;;;SAW1B;AACD,aAAa;AACb,GAAG,CAAA;;;;2BAIgB,QAAQ;;;;;;;;;;;SAW1B,CACJ,CACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "18.10.3",
3
+ "version": "18.10.4",
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",