@ni/nimble-components 19.0.0 → 19.0.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 (45) hide show
  1. package/dist/all-components-bundle.js +95 -64
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +414 -413
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/table/types.d.ts +6 -1
  6. package/dist/esm/table/types.js.map +1 -1
  7. package/dist/esm/table-column/base/group-header-view/index.d.ts +3 -2
  8. package/dist/esm/table-column/base/group-header-view/index.js.map +1 -1
  9. package/dist/esm/table-column/text/cell-view/index.d.ts +6 -8
  10. package/dist/esm/table-column/text/cell-view/index.js +12 -21
  11. package/dist/esm/table-column/text/cell-view/index.js.map +1 -1
  12. package/dist/esm/table-column/text/group-header-view/index.d.ts +8 -12
  13. package/dist/esm/table-column/text/group-header-view/index.js +11 -27
  14. package/dist/esm/table-column/text/group-header-view/index.js.map +1 -1
  15. package/dist/esm/table-column/text/index.d.ts +3 -28
  16. package/dist/esm/table-column/text/index.js +3 -23
  17. package/dist/esm/table-column/text/index.js.map +1 -1
  18. package/dist/esm/table-column/text-base/cell-view/index.d.ts +30 -0
  19. package/dist/esm/table-column/text-base/cell-view/index.js +23 -0
  20. package/dist/esm/table-column/text-base/cell-view/index.js.map +1 -0
  21. package/dist/esm/table-column/text-base/cell-view/styles.js.map +1 -0
  22. package/dist/esm/table-column/text-base/cell-view/template.d.ts +2 -0
  23. package/dist/esm/table-column/{text → text-base}/cell-view/template.js +1 -1
  24. package/dist/esm/table-column/text-base/cell-view/template.js.map +1 -0
  25. package/dist/esm/table-column/text-base/group-header-view/index.d.ts +35 -0
  26. package/dist/esm/table-column/text-base/group-header-view/index.js +31 -0
  27. package/dist/esm/table-column/text-base/group-header-view/index.js.map +1 -0
  28. package/dist/esm/table-column/text-base/group-header-view/styles.js.map +1 -0
  29. package/dist/esm/table-column/text-base/group-header-view/template.d.ts +2 -0
  30. package/dist/esm/table-column/{text → text-base}/group-header-view/template.js +2 -4
  31. package/dist/esm/table-column/text-base/group-header-view/template.js.map +1 -0
  32. package/dist/esm/table-column/text-base/index.d.ts +32 -0
  33. package/dist/esm/table-column/text-base/index.js +26 -0
  34. package/dist/esm/table-column/text-base/index.js.map +1 -0
  35. package/package.json +1 -1
  36. package/dist/esm/table-column/text/cell-view/styles.js.map +0 -1
  37. package/dist/esm/table-column/text/cell-view/template.d.ts +0 -2
  38. package/dist/esm/table-column/text/cell-view/template.js.map +0 -1
  39. package/dist/esm/table-column/text/group-header-view/styles.js.map +0 -1
  40. package/dist/esm/table-column/text/group-header-view/template.d.ts +0 -2
  41. package/dist/esm/table-column/text/group-header-view/template.js.map +0 -1
  42. /package/dist/esm/table-column/{text → text-base}/cell-view/styles.d.ts +0 -0
  43. /package/dist/esm/table-column/{text → text-base}/cell-view/styles.js +0 -0
  44. /package/dist/esm/table-column/{text → text-base}/group-header-view/styles.d.ts +0 -0
  45. /package/dist/esm/table-column/{text → text-base}/group-header-view/styles.js +0 -0
@@ -9,6 +9,11 @@ export declare type TableFieldName = string;
9
9
  * a table's records.
10
10
  */
11
11
  export declare type TableFieldValue = string | number | boolean | null | undefined;
12
+ /**
13
+ * TableStringFieldValue describes the type associated with values within
14
+ * a table's string records.
15
+ */
16
+ export declare type TableStringFieldValue = string | null | undefined;
12
17
  /**
13
18
  * TableRecord describes the data structure that backs a single row in a table.
14
19
  * It is made up of fields, which are key/value pairs that have a key of type
@@ -18,7 +23,7 @@ export interface TableRecord {
18
23
  [key: TableFieldName]: TableFieldValue;
19
24
  }
20
25
  export declare type TableStringField<FieldName extends TableFieldName> = {
21
- [name in FieldName]: string | null | undefined;
26
+ [name in FieldName]: TableStringFieldValue;
22
27
  };
23
28
  export interface TableValidity {
24
29
  readonly duplicateRecordId: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/table/types.ts"],"names":[],"mappings":"AA6CA;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CAClB,CAAC;AAIX;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;CACd,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,WAAW,EAAE,aAAa;IAC1B,QAAQ,EAAE,UAAU;IACpB,iBAAiB,EAAE,mBAAmB;CAChC,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/table/types.ts"],"names":[],"mappings":"AAmDA;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CAClB,CAAC;AAIX;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;CACd,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,WAAW,EAAE,aAAa;IAC1B,QAAQ,EAAE,UAAU;IACpB,iBAAiB,EAAE,mBAAmB;CAChC,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
- export interface TableGroupHeaderState<TGroupValue = unknown, TColumnConfig = unknown> {
2
+ import type { TableFieldValue } from '../../../table/types';
3
+ export interface TableGroupHeaderState<TGroupValue = TableFieldValue, TColumnConfig = unknown> {
3
4
  groupHeaderValue: TGroupValue;
4
5
  columnConfig?: TColumnConfig;
5
6
  }
@@ -8,7 +9,7 @@ export interface TableGroupHeaderState<TGroupValue = unknown, TColumnConfig = un
8
9
  * A TableColumn that uses the GroupableColumn mixin must provide a TableGroupHeaderView
9
10
  * type (linked via TableColumn.groupHeaderViewTag).
10
11
  */
11
- export declare abstract class TableGroupHeaderView<TGroupValue = unknown, TColumnConfig = unknown> extends FoundationElement implements TableGroupHeaderState<TGroupValue, TColumnConfig> {
12
+ export declare abstract class TableGroupHeaderView<TGroupValue = TableFieldValue, TColumnConfig = unknown> extends FoundationElement implements TableGroupHeaderState<TGroupValue, TColumnConfig> {
12
13
  groupHeaderValue: TGroupValue;
13
14
  columnConfig?: TColumnConfig;
14
15
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/base/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAU/D;;;;GAIG;AACH,MAAM,OAAgB,oBAIlB,SAAQ,iBAAiB;CAO5B;AAJG;IADC,UAAU;8DAC2B;AAGtC;IADC,UAAU;0DACyB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/base/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAW/D;;;;GAIG;AACH,MAAM,OAAgB,oBAIlB,SAAQ,iBAAiB;CAO5B;AAJG;IADC,UAAU;8DAC2B;AAGtC;IADC,UAAU;0DACyB"}
@@ -1,18 +1,16 @@
1
1
  import type { TableColumnTextCellRecord, TableColumnTextColumnConfig } from '..';
2
- import { TableCellView } from '../../base/cell-view';
2
+ import { TableColumnTextCellViewBase } from '../../text-base/cell-view';
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
5
5
  'nimble-table-column-text-cell-view': TableColumnTextCellView;
6
6
  }
7
7
  }
8
8
  /**
9
- * A cell view for displaying strings
9
+ * A cell view for displaying string fields as text
10
10
  */
11
- export declare class TableColumnTextCellView extends TableCellView<TableColumnTextCellRecord, TableColumnTextColumnConfig> {
12
- /** @internal */
13
- isValidContentAndHasOverflow: boolean;
14
- /** @internal */
15
- textSpan: HTMLElement;
16
- get content(): string;
11
+ export declare class TableColumnTextCellView extends TableColumnTextCellViewBase<TableColumnTextCellRecord, TableColumnTextColumnConfig> {
12
+ get text(): string;
13
+ get placeholder(): string;
14
+ get shouldUsePlaceholder(): boolean;
17
15
  }
18
16
  export declare const tableColumnTextCellViewTag: string;
@@ -1,30 +1,21 @@
1
- import { __decorate } from "tslib";
2
- import { observable, volatile } from '@microsoft/fast-element';
3
1
  import { DesignSystem } from '@microsoft/fast-foundation';
4
- import { TableCellView } from '../../base/cell-view';
5
- import { styles } from './styles';
6
- import { template } from './template';
2
+ import { template } from '../../text-base/cell-view/template';
3
+ import { styles } from '../../text-base/cell-view/styles';
4
+ import { TableColumnTextCellViewBase } from '../../text-base/cell-view';
7
5
  /**
8
- * A cell view for displaying strings
6
+ * A cell view for displaying string fields as text
9
7
  */
10
- export class TableColumnTextCellView extends TableCellView {
11
- constructor() {
12
- super(...arguments);
13
- /** @internal */
14
- this.isValidContentAndHasOverflow = false;
8
+ export class TableColumnTextCellView extends TableColumnTextCellViewBase {
9
+ get text() {
10
+ return this.cellRecord.value;
15
11
  }
16
- get content() {
17
- return typeof this.cellRecord.value === 'string'
18
- ? this.cellRecord.value
19
- : this.columnConfig.placeholder;
12
+ get placeholder() {
13
+ return this.columnConfig.placeholder;
14
+ }
15
+ get shouldUsePlaceholder() {
16
+ return typeof this.cellRecord.value !== 'string';
20
17
  }
21
18
  }
22
- __decorate([
23
- observable
24
- ], TableColumnTextCellView.prototype, "isValidContentAndHasOverflow", void 0);
25
- __decorate([
26
- volatile
27
- ], TableColumnTextCellView.prototype, "content", null);
28
19
  const textCellView = TableColumnTextCellView.compose({
29
20
  baseName: 'table-column-text-cell-view',
30
21
  template,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK1D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,aAG5C;IAHD;;QAII,gBAAgB;QAET,iCAA4B,GAAG,KAAK,CAAC;IAWhD,CAAC;IALG,IAAW,OAAO;QACd,OAAO,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ;YAC5C,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;IACxC,CAAC;CACJ;AAXG;IADC,UAAU;6EACiC;AAM5C;IADC,QAAQ;sDAKR;AAGL,MAAM,YAAY,GAAG,uBAAuB,CAAC,OAAO,CAAC;IACjD,QAAQ,EAAE,6BAA6B;IACvC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,0BAA0B,GAAG,YAAY,CAAC,MAAM,CACzD,uBAAuB,CAC1B,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text/cell-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAQxE;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,2BAG5C;IACG,IAAoB,IAAI;QACpB,OAAO,IAAI,CAAC,UAAU,CAAC,KAAM,CAAC;IAClC,CAAC;IAED,IAAoB,WAAW;QAC3B,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;IACzC,CAAC;IAED,IAAoB,oBAAoB;QACpC,OAAO,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ,CAAC;IACrD,CAAC;CACJ;AAED,MAAM,YAAY,GAAG,uBAAuB,CAAC,OAAO,CAAC;IACjD,QAAQ,EAAE,6BAA6B;IACvC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,0BAA0B,GAAG,YAAY,CAAC,MAAM,CACzD,uBAAuB,CAC1B,CAAC"}
@@ -1,21 +1,17 @@
1
- import type { TableColumnWithPlaceholderColumnConfig } from '../../base/types';
2
- import { TableGroupHeaderView } from '../../base/group-header-view';
1
+ import type { TableStringFieldValue } from '../../../table/types';
2
+ import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
3
+ import type { TableColumnTextColumnConfig } from '..';
3
4
  declare global {
4
5
  interface HTMLElementTagNameMap {
5
6
  'nimble-table-column-text-group-header': TableColumnTextGroupHeaderView;
6
7
  }
7
8
  }
8
9
  /**
9
- * The custom element used to render a group row header for a group representing rows
10
- * grouped by a TableColumnText column.
10
+ * The group header view for displaying string fields as text.
11
11
  */
12
- export declare class TableColumnTextGroupHeaderView extends TableGroupHeaderView<string | null | undefined, TableColumnWithPlaceholderColumnConfig> {
13
- /** @internal */
14
- textSpan: HTMLElement;
15
- /** @internal */
16
- isValidContentAndHasOverflow: boolean;
17
- get content(): string;
18
- updateTitleOverflow(): void;
19
- clearTitleOverflow(): void;
12
+ export declare class TableColumnTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableStringFieldValue, TableColumnTextColumnConfig> {
13
+ get text(): string;
14
+ get placeholder(): string;
15
+ get shouldUsePlaceholder(): boolean;
20
16
  }
21
17
  export declare const tableColumnTextGroupHeaderTag: string;
@@ -1,37 +1,21 @@
1
- import { __decorate } from "tslib";
2
- import { observable, volatile } from '@microsoft/fast-element';
3
1
  import { DesignSystem } from '@microsoft/fast-foundation';
4
- import { TableGroupHeaderView } from '../../base/group-header-view';
5
- import { template } from './template';
6
- import { styles } from './styles';
2
+ import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
3
+ import { template } from '../../text-base/group-header-view/template';
4
+ import { styles } from '../../text-base/group-header-view/styles';
7
5
  /**
8
- * The custom element used to render a group row header for a group representing rows
9
- * grouped by a TableColumnText column.
6
+ * The group header view for displaying string fields as text.
10
7
  */
11
- export class TableColumnTextGroupHeaderView extends TableGroupHeaderView {
12
- constructor() {
13
- super(...arguments);
14
- /** @internal */
15
- this.isValidContentAndHasOverflow = false;
8
+ export class TableColumnTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
9
+ get text() {
10
+ return this.groupHeaderValue;
16
11
  }
17
- get content() {
18
- return typeof this.groupHeaderValue === 'string'
19
- ? this.groupHeaderValue
20
- : this.columnConfig?.placeholder ?? '';
12
+ get placeholder() {
13
+ return this.columnConfig?.placeholder ?? '';
21
14
  }
22
- updateTitleOverflow() {
23
- this.isValidContentAndHasOverflow = this.textSpan.offsetWidth < this.textSpan.scrollWidth;
24
- }
25
- clearTitleOverflow() {
26
- this.isValidContentAndHasOverflow = false;
15
+ get shouldUsePlaceholder() {
16
+ return typeof this.groupHeaderValue !== 'string';
27
17
  }
28
18
  }
29
- __decorate([
30
- observable
31
- ], TableColumnTextGroupHeaderView.prototype, "isValidContentAndHasOverflow", void 0);
32
- __decorate([
33
- volatile
34
- ], TableColumnTextGroupHeaderView.prototype, "content", null);
35
19
  const tableColumnTextGroupHeaderView = TableColumnTextGroupHeaderView.compose({
36
20
  baseName: 'table-column-text-group-header',
37
21
  template,
@@ -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;;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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAQlE;;GAEG;AACH,MAAM,OAAO,8BAA+B,SAAQ,kCAGnD;IACG,IAAoB,IAAI;QACpB,OAAO,IAAI,CAAC,gBAAiB,CAAC;IAClC,CAAC;IAED,IAAoB,WAAW;QAC3B,OAAO,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,IAAoB,oBAAoB;QACpC,OAAO,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ,CAAC;IACrD,CAAC;CACJ;AAED,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,5 +1,5 @@
1
1
  import type { TableStringField } from '../../table/types';
2
- import { TableColumn } from '../base';
2
+ import { TableColumnTextBase } from '../text-base';
3
3
  import { TableColumnWithPlaceholderColumnConfig } from '../base/types';
4
4
  export declare type TableColumnTextCellRecord = TableStringField<'value'>;
5
5
  export interface TableColumnTextColumnConfig extends TableColumnWithPlaceholderColumnConfig {
@@ -9,35 +9,10 @@ declare global {
9
9
  'nimble-table-column-text': TableColumnText;
10
10
  }
11
11
  }
12
- declare const TableColumnText_base: (abstract new (...args: any[]) => {
13
- groupingDisabled: boolean;
14
- groupIndex?: number | null | undefined;
15
- groupingDisabledChanged(): void;
16
- groupIndexChanged(): void;
17
- readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
18
- }) & (abstract new (...args: any[]) => {
19
- fractionalWidth?: number | null | undefined;
20
- minPixelWidth?: number | null | undefined;
21
- fractionalWidthChanged(): void;
22
- minPixelWidthChanged(): void;
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
- });
32
12
  /**
33
- * The table column for displaying strings.
13
+ * The table column for displaying string fields as text.
34
14
  */
35
- export declare class TableColumnText extends TableColumnText_base {
36
- fieldName?: string;
37
- placeholder?: string;
15
+ export declare class TableColumnText extends TableColumnTextBase {
38
16
  constructor();
39
- protected fieldNameChanged(): void;
40
- protected placeholderChanged(): void;
41
17
  }
42
18
  export declare const tableColumnTextTag: string;
43
- export {};
@@ -1,19 +1,14 @@
1
- import { __decorate } from "tslib";
2
- /* eslint-disable max-classes-per-file */
3
1
  import { DesignSystem } from '@microsoft/fast-foundation';
4
- import { attr } from '@microsoft/fast-element';
5
2
  import { styles } from '../base/styles';
6
3
  import { template } from '../base/template';
7
- import { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';
8
- import { TableColumn } from '../base';
4
+ import { TableColumnTextBase } from '../text-base';
9
5
  import { TableColumnSortOperation } from '../base/types';
10
- import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
11
6
  import { tableColumnTextGroupHeaderTag } from './group-header-view';
12
7
  import { tableColumnTextCellViewTag } from './cell-view';
13
8
  /**
14
- * The table column for displaying strings.
9
+ * The table column for displaying string fields as text.
15
10
  */
16
- export class TableColumnText extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumn))) {
11
+ export class TableColumnText extends TableColumnTextBase {
17
12
  constructor() {
18
13
  super({
19
14
  cellRecordFieldNames: ['value'],
@@ -23,22 +18,7 @@ export class TableColumnText extends mixinGroupableColumnAPI(mixinFractionalWidt
23
18
  });
24
19
  this.columnInternals.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
25
20
  }
26
- fieldNameChanged() {
27
- this.columnInternals.dataRecordFieldNames = [this.fieldName];
28
- this.columnInternals.operandDataRecordFieldName = this.fieldName;
29
- }
30
- placeholderChanged() {
31
- this.columnInternals.columnConfig = {
32
- placeholder: this.placeholder ?? ''
33
- };
34
- }
35
21
  }
36
- __decorate([
37
- attr({ attribute: 'field-name' })
38
- ], TableColumnText.prototype, "fieldName", void 0);
39
- __decorate([
40
- attr
41
- ], TableColumnText.prototype, "placeholder", void 0);
42
22
  const nimbleTableColumnText = TableColumnText.compose({
43
23
  baseName: 'table-column-text',
44
24
  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,EAEH,wBAAwB,EAC3B,MAAM,eAAe,CAAC;AACvB,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;YACjD,eAAe,EAAE,EAAE;SACtB,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;AAzBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDACR;AAG1B;IADC,IAAI;oDACuB;AAwBhC,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;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"}
@@ -0,0 +1,30 @@
1
+ import { TableCellView } from '../../base/cell-view';
2
+ import type { TableCellRecord } from '../../base/types';
3
+ /**
4
+ * The cell view base class for displaying fields of any type as text.
5
+ */
6
+ export declare abstract class TableColumnTextCellViewBase<TCellRecord extends TableCellRecord = TableCellRecord, TColumnConfig = unknown> extends TableCellView<TCellRecord, TColumnConfig> {
7
+ /** @internal */
8
+ isValidContentAndHasOverflow: boolean;
9
+ /** @internal */
10
+ textSpan: HTMLElement;
11
+ /**
12
+ * Returns the text to render in the cell when it contains a valid value (i.e. when shouldUsePlaceholder() is false).
13
+ * If the implementation has branching code paths then it must be marked with @volatile.
14
+ * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
15
+ */
16
+ abstract get text(): string;
17
+ /**
18
+ * Returns the text to render in the cell when it contains an invalid value (i.e. when shouldUsePlaceholder() is true).
19
+ * If the implementation has branching code paths then it must be marked with @volatile.
20
+ * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
21
+ */
22
+ abstract get placeholder(): string;
23
+ /**
24
+ * Returns whether to display the placeholder value or the text value
25
+ * If the implementation has branching code paths then it must be marked with @volatile.
26
+ * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
27
+ * */
28
+ abstract get shouldUsePlaceholder(): boolean;
29
+ get content(): string;
30
+ }
@@ -0,0 +1,23 @@
1
+ import { __decorate } from "tslib";
2
+ import { observable, volatile } from '@microsoft/fast-element';
3
+ import { TableCellView } from '../../base/cell-view';
4
+ /**
5
+ * The cell view base class for displaying fields of any type as text.
6
+ */
7
+ export class TableColumnTextCellViewBase extends TableCellView {
8
+ constructor() {
9
+ super(...arguments);
10
+ /** @internal */
11
+ this.isValidContentAndHasOverflow = false;
12
+ }
13
+ get content() {
14
+ return this.shouldUsePlaceholder ? this.placeholder : this.text;
15
+ }
16
+ }
17
+ __decorate([
18
+ observable
19
+ ], TableColumnTextCellViewBase.prototype, "isValidContentAndHasOverflow", void 0);
20
+ __decorate([
21
+ volatile
22
+ ], TableColumnTextCellViewBase.prototype, "content", null);
23
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD;;GAEG;AACH,MAAM,OAAgB,2BAGpB,SAAQ,aAAyC;IAHnD;;QAII,gBAAgB;QAET,iCAA4B,GAAG,KAAK,CAAC;IA8BhD,CAAC;IAHG,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACpE,CAAC;CACJ;AA9BG;IADC,UAAU;iFACiC;AA2B5C;IADC,QAAQ;0DAGR"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/cell-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,QAAQ,EACR,aAAa,EACb,qBAAqB,EACxB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;gBAET,QAAQ;iBACP,aAAa;;;;;;;iBAOb,qBAAqB;;CAErC,CAAC"}
@@ -0,0 +1,2 @@
1
+ import type { TableColumnTextCellViewBase } from '.';
2
+ export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumnTextCellViewBase<import("../../base/types").TableCellRecord, unknown>, any>;
@@ -2,7 +2,7 @@ import { html, ref } from '@microsoft/fast-element';
2
2
  export const template = html `
3
3
  <span
4
4
  ${ref('textSpan')}
5
- class="${x => (typeof x.cellRecord.value === 'string' ? '' : 'placeholder')}"
5
+ class="${x => (x.shouldUsePlaceholder ? 'placeholder' : '')}"
6
6
  @mouseover="${x => {
7
7
  x.isValidContentAndHasOverflow = !!x.content && x.textSpan.offsetWidth < x.textSpan.scrollWidth;
8
8
  }}"
@@ -0,0 +1 @@
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/cell-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAIpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAA6B;;UAE/C,GAAG,CAAC,UAAU,CAAC;iBACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;sBAC7C,CAAC,CAAC,EAAE;IAClB,CAAC,CAAC,4BAA4B,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;AACpG,CAAC;qBACgB,CAAC,CAAC,EAAE;IACjB,CAAC,CAAC,4BAA4B,GAAG,KAAK,CAAC;AAC3C,CAAC;gBACW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;;UAE9D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;;CAEvB,CAAC"}
@@ -0,0 +1,35 @@
1
+ import { TableGroupHeaderView } from '../../base/group-header-view';
2
+ import type { TableFieldValue } from '../../../table/types';
3
+ import type { TableColumnWithPlaceholderColumnConfig } from '../../base/types';
4
+ /**
5
+ * The group header view base class for displaying fields of any type as text.
6
+ */
7
+ export declare abstract class TableColumnTextGroupHeaderViewBase<TGroupValue = TableFieldValue, TColumnConfig = TableColumnWithPlaceholderColumnConfig> extends TableGroupHeaderView<TGroupValue, TColumnConfig> {
8
+ /** @internal */
9
+ textSpan: HTMLElement;
10
+ /** @internal */
11
+ hasOverflow: boolean;
12
+ /**
13
+ * Returns the text to render in the cell when it contains a valid value (i.e. when shouldUsePlaceholder() is false).
14
+ * If the implementation has branching code paths then it must be marked with @volatile.
15
+ * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
16
+ */
17
+ abstract get text(): string;
18
+ /**
19
+ * Returns the text to render in the cell when it contains an invalid value (i.e. when shouldUsePlaceholder() is true).
20
+ * If the implementation has branching code paths then it must be marked with @volatile.
21
+ * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
22
+ */
23
+ abstract get placeholder(): string;
24
+ /**
25
+ * Returns whether to display the placeholder value or the text value
26
+ * If the implementation has branching code paths then it must be marked with @volatile.
27
+ * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
28
+ * */
29
+ abstract get shouldUsePlaceholder(): boolean;
30
+ get content(): string;
31
+ /** @internal */
32
+ updateTitleOverflow(): void;
33
+ /** @internal */
34
+ clearTitleOverflow(): void;
35
+ }
@@ -0,0 +1,31 @@
1
+ import { __decorate } from "tslib";
2
+ import { observable, volatile } from '@microsoft/fast-element';
3
+ import { TableGroupHeaderView } from '../../base/group-header-view';
4
+ /**
5
+ * The group header view base class for displaying fields of any type as text.
6
+ */
7
+ export class TableColumnTextGroupHeaderViewBase extends TableGroupHeaderView {
8
+ constructor() {
9
+ super(...arguments);
10
+ /** @internal */
11
+ this.hasOverflow = false;
12
+ }
13
+ get content() {
14
+ return this.shouldUsePlaceholder ? this.placeholder : this.text;
15
+ }
16
+ /** @internal */
17
+ updateTitleOverflow() {
18
+ this.hasOverflow = this.textSpan.offsetWidth < this.textSpan.scrollWidth;
19
+ }
20
+ /** @internal */
21
+ clearTitleOverflow() {
22
+ this.hasOverflow = false;
23
+ }
24
+ }
25
+ __decorate([
26
+ observable
27
+ ], TableColumnTextGroupHeaderViewBase.prototype, "hasOverflow", void 0);
28
+ __decorate([
29
+ volatile
30
+ ], TableColumnTextGroupHeaderViewBase.prototype, "content", null);
31
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAIpE;;GAEG;AACH,MAAM,OAAgB,kCAGpB,SAAQ,oBAAgD;IAH1D;;QAOI,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;IAqC/B,CAAC;IAbG,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACpE,CAAC;IAED,gBAAgB;IACT,mBAAmB;QACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC7E,CAAC;IAED,gBAAgB;IACT,kBAAkB;QACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;CACJ;AArCG;IADC,UAAU;uEACgB;AAwB3B;IADC,QAAQ;iEAGR"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/group-header-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,QAAQ,EACR,aAAa,EACb,qBAAqB,EACxB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;gBAET,QAAQ;iBACP,aAAa;;;;;;;iBAOb,qBAAqB;;CAErC,CAAC"}
@@ -0,0 +1,2 @@
1
+ import type { TableColumnTextGroupHeaderViewBase } from '.';
2
+ export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumnTextGroupHeaderViewBase<import("../../../table/types").TableFieldValue, import("../../base/types").TableColumnWithPlaceholderColumnConfig>, any>;
@@ -2,12 +2,10 @@ import { html, ref } from '@microsoft/fast-element';
2
2
  export const template = html `
3
3
  <span
4
4
  ${ref('textSpan')}
5
- class="${x => (typeof x.groupHeaderValue === 'string' ? '' : 'placeholder')}"
5
+ class="${x => (x.shouldUsePlaceholder ? 'placeholder' : '')}"
6
6
  @mouseover="${x => x.updateTitleOverflow()}"
7
7
  @mouseout="${x => x.clearTitleOverflow()}"
8
- title="${x => (x.isValidContentAndHasOverflow && x.content
9
- ? x.content
10
- : undefined)}"
8
+ title="${x => (x.hasOverflow && x.content ? x.content : undefined)}"
11
9
  >
12
10
  ${x => x.content}
13
11
  </span>
@@ -0,0 +1 @@
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/group-header-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAoC;;UAEtD,GAAG,CAAC,UAAU,CAAC;iBACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;sBAC7C,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,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;;UAEhE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;;CAEvB,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { TableColumn } from '../base';
2
+ import type { TableColumnWithPlaceholderColumnConfig } from '../base/types';
3
+ declare const TableColumnTextBase_base: (abstract new (...args: any[]) => {
4
+ groupingDisabled: boolean;
5
+ groupIndex?: number | null | undefined;
6
+ groupingDisabledChanged(): void;
7
+ groupIndexChanged(): void;
8
+ readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
9
+ }) & (abstract new (...args: any[]) => {
10
+ fractionalWidth?: number | null | undefined;
11
+ minPixelWidth?: number | null | undefined;
12
+ fractionalWidthChanged(): void;
13
+ minPixelWidthChanged(): void;
14
+ readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
15
+ }) & ((abstract new (options: import("../base/models/column-internals").ColumnInternalsOptions) => TableColumn<TableColumnWithPlaceholderColumnConfig>) & {
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
+ from<TBase extends {
18
+ new (): HTMLElement;
19
+ prototype: HTMLElement;
20
+ }>(BaseType: TBase): new () => InstanceType<TBase> & import("@microsoft/fast-element").FASTElement;
21
+ define<TType extends Function>(type: TType, nameOrDef?: string | import("@microsoft/fast-element").PartialFASTElementDefinition | undefined): TType;
22
+ });
23
+ /**
24
+ * The base class for table columns that display fields of any type as text.
25
+ */
26
+ export declare abstract class TableColumnTextBase extends TableColumnTextBase_base {
27
+ fieldName?: string;
28
+ placeholder?: string;
29
+ protected fieldNameChanged(): void;
30
+ protected placeholderChanged(): void;
31
+ }
32
+ export {};
@@ -0,0 +1,26 @@
1
+ import { __decorate } from "tslib";
2
+ import { attr } from '@microsoft/fast-element';
3
+ import { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';
4
+ import { TableColumn } from '../base';
5
+ import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
6
+ /**
7
+ * The base class for table columns that display fields of any type as text.
8
+ */
9
+ export class TableColumnTextBase extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumn))) {
10
+ fieldNameChanged() {
11
+ this.columnInternals.dataRecordFieldNames = [this.fieldName];
12
+ this.columnInternals.operandDataRecordFieldName = this.fieldName;
13
+ }
14
+ placeholderChanged() {
15
+ this.columnInternals.columnConfig = {
16
+ placeholder: this.placeholder ?? ''
17
+ };
18
+ }
19
+ }
20
+ __decorate([
21
+ attr({ attribute: 'field-name' })
22
+ ], TableColumnTextBase.prototype, "fieldName", void 0);
23
+ __decorate([
24
+ attr
25
+ ], TableColumnTextBase.prototype, "placeholder", void 0);
26
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text-base/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE;;GAEG;AACH,MAAM,OAAgB,mBAAoB,SAAQ,uBAAuB,CACrE,6BAA6B,CACzB,CAAA,WAAmD,CAAA,CACtD,CACJ;IAOa,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;AAfG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;sDACR;AAG1B;IADC,IAAI;wDACuB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "19.0.0",
3
+ "version": "19.0.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",
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table-column/text/cell-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,QAAQ,EACR,aAAa,EACb,qBAAqB,EACxB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;gBAET,QAAQ;iBACP,aAAa;;;;;;;iBAOb,qBAAqB;;CAErC,CAAC"}
@@ -1,2 +0,0 @@
1
- import type { TableColumnTextCellView } from '.';
2
- export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumnTextCellView, any>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/text/cell-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAIpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAyB;;UAE3C,GAAG,CAAC,UAAU,CAAC;iBACR,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;sBAC7D,CAAC,CAAC,EAAE;IAClB,CAAC,CAAC,4BAA4B,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;AACpG,CAAC;qBACgB,CAAC,CAAC,EAAE;IACjB,CAAC,CAAC,4BAA4B,GAAG,KAAK,CAAC;AAC3C,CAAC;gBACW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;;UAE9D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;;CAEvB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table-column/text/group-header-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,QAAQ,EACR,aAAa,EACb,qBAAqB,EACxB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;gBAET,QAAQ;iBACP,aAAa;;;;;;;iBAOb,qBAAqB;;CAErC,CAAC"}
@@ -1,2 +0,0 @@
1
- import type { TableColumnTextGroupHeaderView } from '.';
2
- export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumnTextGroupHeaderView, any>;
@@ -1 +0,0 @@
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"}