@ni/nimble-components 19.1.0 → 19.1.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.
Files changed (32) hide show
  1. package/dist/all-components-bundle.js +263 -214
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +900 -893
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/combobox/index.d.ts +13 -0
  6. package/dist/esm/combobox/index.js +26 -1
  7. package/dist/esm/combobox/index.js.map +1 -1
  8. package/dist/esm/combobox/template.d.ts +4 -0
  9. package/dist/esm/combobox/template.js +76 -0
  10. package/dist/esm/combobox/template.js.map +1 -0
  11. package/dist/esm/patterns/dropdown/styles.js +9 -23
  12. package/dist/esm/patterns/dropdown/styles.js.map +1 -1
  13. package/dist/esm/select/index.d.ts +7 -1
  14. package/dist/esm/select/index.js +16 -2
  15. package/dist/esm/select/index.js.map +1 -1
  16. package/dist/esm/select/template.d.ts +4 -0
  17. package/dist/esm/select/template.js +82 -0
  18. package/dist/esm/select/template.js.map +1 -0
  19. package/dist/esm/table-column/anchor/index.d.ts +3 -2
  20. package/dist/esm/table-column/anchor/index.js +8 -5
  21. package/dist/esm/table-column/anchor/index.js.map +1 -1
  22. package/dist/esm/table-column/base/index.d.ts +8 -8
  23. package/dist/esm/table-column/base/index.js +15 -18
  24. package/dist/esm/table-column/base/index.js.map +1 -1
  25. package/dist/esm/table-column/base/models/column-internals.d.ts +5 -1
  26. package/dist/esm/table-column/base/models/column-internals.js +7 -0
  27. package/dist/esm/table-column/base/models/column-internals.js.map +1 -1
  28. package/dist/esm/table-column/text/index.d.ts +2 -1
  29. package/dist/esm/table-column/text/index.js +5 -5
  30. package/dist/esm/table-column/text/index.js.map +1 -1
  31. package/dist/esm/table-column/text-base/index.d.ts +1 -1
  32. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import { ViewTemplate } from '@microsoft/fast-element';
2
- import type { TableColumnSortDirection, TableFieldName } from '../../../table/types';
2
+ import { TableColumnSortDirection, TableFieldName } from '../../../table/types';
3
3
  import type { TableCell } from '../../../table/components/cell';
4
4
  import { TableColumnSortOperation } from '../types';
5
5
  import type { TableGroupRow } from '../../../table/components/group-row';
@@ -23,6 +23,10 @@ export interface ColumnInternalsOptions {
23
23
  * The names of events that should be delegated from the cell view to the column.
24
24
  */
25
25
  readonly delegatedEvents: readonly string[];
26
+ /**
27
+ * The sort operation to use for the column (defaults to TableColumnSortOperation.basic)
28
+ */
29
+ readonly sortOperation?: TableColumnSortOperation;
26
30
  }
27
31
  /**
28
32
  * Internal column state configured by plugin authors
@@ -1,6 +1,7 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { uniqueId } from '@microsoft/fast-web-utilities';
3
3
  import { observable } from '@microsoft/fast-element';
4
+ import { TableColumnSortDirection } from '../../../table/types';
4
5
  import { TableColumnSortOperation, defaultFractionalWidth, defaultMinPixelWidth } from '../types';
5
6
  import { createGroupHeaderViewTemplate } from '../group-header-view/template';
6
7
  import { createCellViewTemplate } from '../cell-view/template';
@@ -45,10 +46,16 @@ export class ColumnInternals {
45
46
  * the resolved value of the fractionalWidth after updates programmatic or interactive updates.
46
47
  */
47
48
  this.currentFractionalWidth = defaultFractionalWidth;
49
+ /**
50
+ * @internal Do not write to this value directly. It is used by the Table in order to store
51
+ * the resolved value of the sortDirection after programmatic or interactive updates.
52
+ */
53
+ this.currentSortDirection = TableColumnSortDirection.none;
48
54
  this.cellRecordFieldNames = options.cellRecordFieldNames;
49
55
  this.cellViewTemplate = createCellViewTemplate(options.cellViewTag);
50
56
  this.groupHeaderViewTemplate = createGroupHeaderViewTemplate(options.groupHeaderViewTag);
51
57
  this.delegatedEvents = options.delegatedEvents;
58
+ this.sortOperation = options.sortOperation ?? TableColumnSortOperation.basic;
52
59
  }
53
60
  fractionalWidthChanged() {
54
61
  this.currentFractionalWidth = this.fractionalWidth;
@@ -1 +1 @@
1
- {"version":3,"file":"column-internals.js","sourceRoot":"","sources":["../../../../../src/table-column/base/models/column-internals.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAMnE,OAAO,EACH,wBAAwB,EACxB,sBAAsB,EACtB,oBAAoB,EACvB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AA2B/D;;;GAGG;AACH,MAAM,OAAO,eAAe;IAsHxB,YAAmB,OAA+B;QAhHlD;;WAEG;QACa,aAAQ,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAkBzD;;WAEG;QAEI,uBAAkB,GAAG,IAAI,CAAC;QAQjC;;WAEG;QAEI,kBAAa,GAA6B,wBAAwB,CAAC,KAAK,CAAC;QAEhF;;;WAGG;QAEI,yBAAoB,GAA4C,EAAE,CAAC;QAO1E;;WAEG;QAEI,qBAAgB,GAAG,KAAK,CAAC;QAgBhC;;;WAGG;QAEI,oBAAe,GAAG,sBAAsB,CAAC;QAEhD;;WAEG;QAEI,kBAAa,GAAG,oBAAoB,CAAC;QAE5C;;;WAGG;QAEI,2BAAsB,GAAG,sBAAsB,CAAC;QAwBnD,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC;QACzD,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpE,IAAI,CAAC,uBAAuB,GAAG,6BAA6B,CACxD,OAAO,CAAC,kBAAkB,CAC7B,CAAC;QACF,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;IACnD,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,eAAe,CAAC;IACvD,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7C,CAAC;CACJ;AA7GG;IADC,UAAU;qDACyB;AAMpC;IADC,UAAU;2DACsB;AAMjC;IADC,UAAU;mEACwC;AAMnD;IADC,UAAU;sDACqE;AAOhF;IADC,UAAU;6DAC+D;AAW1E;IADC,UAAU;yDACqB;AAQhC;IADC,UAAU;mDACgB;AAM3B;IADC,UAAU;mDACgB;AAO3B;IADC,UAAU;wDACqC;AAMhD;IADC,UAAU;sDACiC;AAO5C;IADC,UAAU;+DAC4C;AAOvD;IADC,UAAU;0DACuB;AAOlC;IADC,UAAU;yDAC6B;AAOxC;IADC,UAAU;6DAC2C"}
1
+ {"version":3,"file":"column-internals.js","sourceRoot":"","sources":["../../../../../src/table-column/base/models/column-internals.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAkB,MAAM,sBAAsB,CAAC;AAEhF,OAAO,EACH,wBAAwB,EACxB,sBAAsB,EACtB,oBAAoB,EACvB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAgC/D;;;GAGG;AACH,MAAM,OAAO,eAAe;IAsHxB,YAAmB,OAA+B;QAhHlD;;WAEG;QACa,aAAQ,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAkBzD;;WAEG;QAEI,uBAAkB,GAAG,IAAI,CAAC;QAQjC;;WAEG;QAEI,kBAAa,GAA6B,wBAAwB,CAAC,KAAK,CAAC;QAEhF;;;WAGG;QAEI,yBAAoB,GAA4C,EAAE,CAAC;QAO1E;;WAEG;QAEI,qBAAgB,GAAG,KAAK,CAAC;QAgBhC;;;WAGG;QAEI,oBAAe,GAAG,sBAAsB,CAAC;QAEhD;;WAEG;QAEI,kBAAa,GAAG,oBAAoB,CAAC;QAE5C;;;WAGG;QAEI,2BAAsB,GAAG,sBAAsB,CAAC;QAgBvD;;;WAGG;QAEI,yBAAoB,GAA6B,wBAAwB,CAAC,IAAI,CAAC;QAGlF,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC;QACzD,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpE,IAAI,CAAC,uBAAuB,GAAG,6BAA6B,CACxD,OAAO,CAAC,kBAAkB,CAC7B,CAAC;QACF,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;QAC/C,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,wBAAwB,CAAC,KAAK,CAAC;IACjF,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,eAAe,CAAC;IACvD,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7C,CAAC;CACJ;AA9GG;IADC,UAAU;qDACyB;AAMpC;IADC,UAAU;2DACsB;AAMjC;IADC,UAAU;mEACwC;AAMnD;IADC,UAAU;sDACqE;AAOhF;IADC,UAAU;6DAC+D;AAW1E;IADC,UAAU;yDACqB;AAQhC;IADC,UAAU;mDACgB;AAM3B;IADC,UAAU;mDACgB;AAO3B;IADC,UAAU;wDACqC;AAMhD;IADC,UAAU;sDACiC;AAO5C;IADC,UAAU;+DAC4C;AAOvD;IADC,UAAU;0DACuB;AAOlC;IADC,UAAU;yDAC6B;AAOxC;IADC,UAAU;6DAC2E"}
@@ -1,6 +1,7 @@
1
1
  import type { TableStringField } from '../../table/types';
2
2
  import { TableColumnTextBase } from '../text-base';
3
3
  import { TableColumnWithPlaceholderColumnConfig } from '../base/types';
4
+ import type { ColumnInternalsOptions } from '../base/models/column-internals';
4
5
  export declare type TableColumnTextCellRecord = TableStringField<'value'>;
5
6
  export interface TableColumnTextColumnConfig extends TableColumnWithPlaceholderColumnConfig {
6
7
  }
@@ -13,6 +14,6 @@ declare global {
13
14
  * The table column for displaying string fields as text.
14
15
  */
15
16
  export declare class TableColumnText extends TableColumnTextBase {
16
- constructor();
17
+ protected getColumnInternalsOptions(): ColumnInternalsOptions;
17
18
  }
18
19
  export declare const tableColumnTextTag: string;
@@ -9,14 +9,14 @@ import { tableColumnTextCellViewTag } from './cell-view';
9
9
  * The table column for displaying string fields as text.
10
10
  */
11
11
  export class TableColumnText extends TableColumnTextBase {
12
- constructor() {
13
- super({
12
+ getColumnInternalsOptions() {
13
+ return {
14
14
  cellRecordFieldNames: ['value'],
15
15
  cellViewTag: tableColumnTextCellViewTag,
16
16
  groupHeaderViewTag: tableColumnTextGroupHeaderTag,
17
- delegatedEvents: []
18
- });
19
- this.columnInternals.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
17
+ delegatedEvents: [],
18
+ sortOperation: TableColumnSortOperation.localeAwareCaseSensitive
19
+ };
20
20
  }
21
21
  }
22
22
  const nimbleTableColumnText = TableColumnText.compose({
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAEH,wBAAwB,EAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAazD;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,mBAAmB;IACpD;QACI,KAAK,CAAC;YACF,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,0BAA0B;YACvC,kBAAkB,EAAE,6BAA6B;YACjD,eAAe,EAAE,EAAE;SACtB,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAC3F,CAAC;CACJ;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,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAEH,wBAAwB,EAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAczD;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,mBAAmB;IACjC,yBAAyB;QACxC,OAAO;YACH,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,0BAA0B;YACvC,kBAAkB,EAAE,6BAA6B;YACjD,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,wBAAwB,CAAC,wBAAwB;SACnE,CAAC;IACN,CAAC;CACJ;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"}
@@ -12,7 +12,7 @@ declare const TableColumnTextBase_base: (abstract new (...args: any[]) => {
12
12
  fractionalWidthChanged(): void;
13
13
  minPixelWidthChanged(): void;
14
14
  readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
15
- }) & ((abstract new (options: import("../base/models/column-internals").ColumnInternalsOptions) => TableColumn<TableColumnWithPlaceholderColumnConfig>) & {
15
+ }) & ((abstract new () => TableColumn<TableColumnWithPlaceholderColumnConfig>) & {
16
16
  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>;
17
17
  from<TBase extends {
18
18
  new (): HTMLElement;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "19.1.0",
3
+ "version": "19.1.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",