@ni/nimble-components 18.10.6 → 18.11.1

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 (61) hide show
  1. package/dist/all-components-bundle.js +287 -226
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +1142 -1131
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/icon-base/icon-metadata.js +9 -0
  6. package/dist/esm/icon-base/icon-metadata.js.map +1 -1
  7. package/dist/esm/icons/all-icons.d.ts +3 -0
  8. package/dist/esm/icons/all-icons.js +3 -0
  9. package/dist/esm/icons/all-icons.js.map +1 -1
  10. package/dist/esm/icons/triangle-two-lines-horizontal.d.ts +13 -0
  11. package/dist/esm/icons/triangle-two-lines-horizontal.js +16 -0
  12. package/dist/esm/icons/triangle-two-lines-horizontal.js.map +1 -0
  13. package/dist/esm/icons/two-squares-in-brackets.d.ts +13 -0
  14. package/dist/esm/icons/two-squares-in-brackets.js +16 -0
  15. package/dist/esm/icons/two-squares-in-brackets.js.map +1 -0
  16. package/dist/esm/icons/two-triangles-between-lines.d.ts +13 -0
  17. package/dist/esm/icons/two-triangles-between-lines.js +16 -0
  18. package/dist/esm/icons/two-triangles-between-lines.js.map +1 -0
  19. package/dist/esm/table/components/cell/template.d.ts +1 -3
  20. package/dist/esm/table/components/cell/template.js +0 -5
  21. package/dist/esm/table/components/cell/template.js.map +1 -1
  22. package/dist/esm/table/components/group-row/styles.js +1 -1
  23. package/dist/esm/table/components/group-row/template.js +1 -1
  24. package/dist/esm/table/components/group-row/template.js.map +1 -1
  25. package/dist/esm/table/components/row/index.js +3 -3
  26. package/dist/esm/table/components/row/index.js.map +1 -1
  27. package/dist/esm/table/components/row/template.js +1 -1
  28. package/dist/esm/table/components/row/template.js.map +1 -1
  29. package/dist/esm/table/index.js +17 -11
  30. package/dist/esm/table/index.js.map +1 -1
  31. package/dist/esm/table/models/table-layout-helper.js +9 -13
  32. package/dist/esm/table/models/table-layout-helper.js.map +1 -1
  33. package/dist/esm/table/models/update-tracker.js +12 -3
  34. package/dist/esm/table/models/update-tracker.js.map +1 -1
  35. package/dist/esm/table-column/base/cell-view/template.d.ts +3 -0
  36. package/dist/esm/table-column/base/cell-view/template.js +26 -0
  37. package/dist/esm/table-column/base/cell-view/template.js.map +1 -0
  38. package/dist/esm/table-column/base/group-header-view/template.js +20 -4
  39. package/dist/esm/table-column/base/group-header-view/template.js.map +1 -1
  40. package/dist/esm/table-column/base/index.d.ts +5 -106
  41. package/dist/esm/table-column/base/index.js +7 -110
  42. package/dist/esm/table-column/base/index.js.map +1 -1
  43. package/dist/esm/table-column/base/models/column-internals.d.ts +97 -0
  44. package/dist/esm/table-column/base/models/column-internals.js +88 -0
  45. package/dist/esm/table-column/base/models/column-internals.js.map +1 -0
  46. package/dist/esm/table-column/base/template.d.ts +2 -1
  47. package/dist/esm/table-column/base/template.js +1 -1
  48. package/dist/esm/table-column/base/template.js.map +1 -1
  49. package/dist/esm/table-column/mixins/fractional-width-column.d.ts +2 -3
  50. package/dist/esm/table-column/mixins/fractional-width-column.js +4 -9
  51. package/dist/esm/table-column/mixins/fractional-width-column.js.map +1 -1
  52. package/dist/esm/table-column/mixins/groupable-column.d.ts +2 -3
  53. package/dist/esm/table-column/mixins/groupable-column.js +3 -3
  54. package/dist/esm/table-column/mixins/groupable-column.js.map +1 -1
  55. package/dist/esm/table-column/text/group-header-view/index.d.ts +0 -1
  56. package/dist/esm/table-column/text/group-header-view/index.js +0 -3
  57. package/dist/esm/table-column/text/group-header-view/index.js.map +1 -1
  58. package/dist/esm/table-column/text/index.d.ts +15 -18
  59. package/dist/esm/table-column/text/index.js +15 -20
  60. package/dist/esm/table-column/text/index.js.map +1 -1
  61. package/package.json +2 -2
@@ -10,7 +10,6 @@ declare global {
10
10
  * grouped by a TableColumnText column.
11
11
  */
12
12
  export declare class TableColumnTextGroupHeaderView extends TableGroupHeaderView<string | null | undefined, TableColumnTextColumnConfig> {
13
- columnConfig?: TableColumnTextColumnConfig;
14
13
  /** @internal */
15
14
  textSpan: HTMLElement;
16
15
  /** @internal */
@@ -26,9 +26,6 @@ export class TableColumnTextGroupHeaderView extends TableGroupHeaderView {
26
26
  this.isValidContentAndHasOverflow = false;
27
27
  }
28
28
  }
29
- __decorate([
30
- observable
31
- ], TableColumnTextGroupHeaderView.prototype, "columnConfig", void 0);
32
29
  __decorate([
33
30
  observable
34
31
  ], TableColumnTextGroupHeaderView.prototype, "isValidContentAndHasOverflow", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOlC;;;GAGG;AACH,MAAM,OAAO,8BAA+B,SAAQ,oBAGnD;IAHD;;QAUI,gBAAgB;QAET,iCAA4B,GAAG,KAAK,CAAC;IAgBhD,CAAC;IAbG,IAAW,OAAO;QACd,OAAO,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ;YAC5C,CAAC,CAAC,IAAI,CAAC,gBAAgB;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC;IAC/C,CAAC;IAEM,mBAAmB;QACtB,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC9F,CAAC;IAEM,kBAAkB;QACrB,IAAI,CAAC,4BAA4B,GAAG,KAAK,CAAC;IAC9C,CAAC;CACJ;AAvBG;IADC,UAAU;oEACgD;AAO3D;IADC,UAAU;oFACiC;AAG5C;IADC,QAAQ;6DAKR;AAWL,MAAM,8BAA8B,GAAG,8BAA8B,CAAC,OAAO,CAAC;IAC1E,QAAQ,EAAE,gCAAgC;IAC1C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,8BAA8B,EAAE,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,6BAA6B,GAAG,YAAY,CAAC,MAAM,CAC5D,8BAA8B,CACjC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOlC;;;GAGG;AACH,MAAM,OAAO,8BAA+B,SAAQ,oBAGnD;IAHD;;QAOI,gBAAgB;QAET,iCAA4B,GAAG,KAAK,CAAC;IAgBhD,CAAC;IAbG,IAAW,OAAO;QACd,OAAO,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ;YAC5C,CAAC,CAAC,IAAI,CAAC,gBAAgB;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC;IAC/C,CAAC;IAEM,mBAAmB;QACtB,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC9F,CAAC;IAEM,kBAAkB;QACrB,IAAI,CAAC,4BAA4B,GAAG,KAAK,CAAC;IAC9C,CAAC;CACJ;AAhBG;IADC,UAAU;oFACiC;AAG5C;IADC,QAAQ;6DAKR;AAWL,MAAM,8BAA8B,GAAG,8BAA8B,CAAC,OAAO,CAAC;IAC1E,QAAQ,EAAE,gCAAgC;IAC1C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,8BAA8B,EAAE,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,6BAA6B,GAAG,YAAY,CAAC,MAAM,CAC5D,8BAA8B,CACjC,CAAC"}
@@ -9,38 +9,35 @@ declare global {
9
9
  'nimble-table-column-text': TableColumnText;
10
10
  }
11
11
  }
12
- /**
13
- * The base class for a table column for displaying strings.
14
- */
15
- declare abstract class TableColumnTextBase extends TableColumn<TableColumnTextColumnConfig> {
16
- cellRecordFieldNames: readonly ["value"];
17
- fieldName?: string;
18
- placeholder?: string;
19
- readonly cellViewTag: string;
20
- constructor();
21
- protected fieldNameChanged(): void;
22
- protected placeholderChanged(): void;
23
- }
24
12
  declare const TableColumnText_base: (abstract new (...args: any[]) => {
25
13
  groupingDisabled: boolean;
26
14
  groupIndex?: number | null | undefined;
27
15
  groupingDisabledChanged(): void;
28
16
  groupIndexChanged(): void;
29
- internalGroupingDisabled: boolean;
30
- internalGroupIndex?: number | undefined;
17
+ readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
31
18
  }) & (abstract new (...args: any[]) => {
32
19
  fractionalWidth?: number | null | undefined;
33
20
  minPixelWidth?: number | null | undefined;
34
21
  fractionalWidthChanged(): void;
35
22
  minPixelWidthChanged(): void;
36
- internalFractionalWidth: number;
37
- internalMinPixelWidth: number;
38
- }) & typeof TableColumnTextBase;
23
+ readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
24
+ }) & ((abstract new (options: import("../base/models/column-internals").ColumnInternalsOptions) => TableColumn<TableColumnTextColumnConfig>) & {
25
+ compose<T extends import("@microsoft/fast-foundation").FoundationElementDefinition = import("@microsoft/fast-foundation").FoundationElementDefinition, K extends import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement> = import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>(this: K, elementDefinition: T): (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<T> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<T, K>;
26
+ from<TBase extends {
27
+ new (): HTMLElement;
28
+ prototype: HTMLElement;
29
+ }>(BaseType: TBase): new () => InstanceType<TBase> & import("@microsoft/fast-element").FASTElement;
30
+ define<TType extends Function>(type: TType, nameOrDef?: string | import("@microsoft/fast-element").PartialFASTElementDefinition | undefined): TType;
31
+ });
39
32
  /**
40
33
  * The table column for displaying strings.
41
34
  */
42
35
  export declare class TableColumnText extends TableColumnText_base {
43
- groupHeaderViewTag: string;
36
+ fieldName?: string;
37
+ placeholder?: string;
38
+ constructor();
39
+ protected fieldNameChanged(): void;
40
+ protected placeholderChanged(): void;
44
41
  }
45
42
  export declare const tableColumnTextTag: string;
46
43
  export {};
@@ -11,38 +11,33 @@ import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
11
11
  import { tableColumnTextGroupHeaderTag } from './group-header-view';
12
12
  import { tableColumnTextCellViewTag } from './cell-view';
13
13
  /**
14
- * The base class for a table column for displaying strings.
14
+ * The table column for displaying strings.
15
15
  */
16
- class TableColumnTextBase extends TableColumn {
16
+ export class TableColumnText extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumn))) {
17
17
  constructor() {
18
- super();
19
- this.cellRecordFieldNames = ['value'];
20
- this.cellViewTag = tableColumnTextCellViewTag;
21
- this.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
18
+ super({
19
+ cellRecordFieldNames: ['value'],
20
+ cellViewTag: tableColumnTextCellViewTag,
21
+ groupHeaderViewTag: tableColumnTextGroupHeaderTag
22
+ });
23
+ this.columnInternals.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
22
24
  }
23
25
  fieldNameChanged() {
24
- this.dataRecordFieldNames = [this.fieldName];
25
- this.operandDataRecordFieldName = this.fieldName;
26
+ this.columnInternals.dataRecordFieldNames = [this.fieldName];
27
+ this.columnInternals.operandDataRecordFieldName = this.fieldName;
26
28
  }
27
29
  placeholderChanged() {
28
- this.columnConfig = { placeholder: this.placeholder ?? '' };
30
+ this.columnInternals.columnConfig = {
31
+ placeholder: this.placeholder ?? ''
32
+ };
29
33
  }
30
34
  }
31
35
  __decorate([
32
36
  attr({ attribute: 'field-name' })
33
- ], TableColumnTextBase.prototype, "fieldName", void 0);
37
+ ], TableColumnText.prototype, "fieldName", void 0);
34
38
  __decorate([
35
39
  attr
36
- ], TableColumnTextBase.prototype, "placeholder", void 0);
37
- /**
38
- * The table column for displaying strings.
39
- */
40
- export class TableColumnText extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(TableColumnTextBase)) {
41
- constructor() {
42
- super(...arguments);
43
- this.groupHeaderViewTag = tableColumnTextGroupHeaderTag;
44
- }
45
- }
40
+ ], TableColumnText.prototype, "placeholder", void 0);
46
41
  const nimbleTableColumnText = TableColumnText.compose({
47
42
  baseName: 'table-column-text',
48
43
  template,
@@ -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,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
+ {"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,MAAM,OAAO,eAAgB,SAAQ,uBAAuB,CACxD,6BAA6B,CAAC,CAAA,WAAwC,CAAA,CAAC,CAC1E;IAOG;QACI,KAAK,CAAC;YACF,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,0BAA0B;YACvC,kBAAkB,EAAE,6BAA6B;SACpD,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAC3F,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7D,IAAI,CAAC,eAAe,CAAC,0BAA0B,GAAG,IAAI,CAAC,SAAS,CAAC;IACrE,CAAC;IAES,kBAAkB;QACxB,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG;YAChC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE;SACtC,CAAC;IACN,CAAC;CACJ;AAxBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDACR;AAG1B;IADC,IAAI;oDACuB;AAuBhC,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "18.10.6",
3
+ "version": "18.11.1",
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",
@@ -61,7 +61,7 @@
61
61
  "@microsoft/fast-element": "^1.10.1",
62
62
  "@microsoft/fast-foundation": "^2.47.1-0",
63
63
  "@microsoft/fast-web-utilities": "^6.0.0",
64
- "@ni/nimble-tokens": "^4.7.3",
64
+ "@ni/nimble-tokens": "^4.8.0",
65
65
  "@tanstack/table-core": "^8.7.0",
66
66
  "@tanstack/virtual-core": "^3.0.0-beta.44",
67
67
  "@types/d3-array": "^3.0.4",