@ni/nimble-components 18.9.0 → 18.9.1

package/dist/esm/table-column/text/cell-view/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/table-column/text/{styles.js → cell-view/styles.js}

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
-import { bodyFont, bodyFontColor, controlLabelFontColor } from '../../theme-provider/design-tokens';
-export const cellStyles = css `
+import { bodyFont, bodyFontColor, controlLabelFontColor } from '../../../theme-provider/design-tokens';
+export const styles = css `
     span {
         font: ${bodyFont};
         color: ${bodyFontColor};

package/dist/esm/table-column/text/cell-view/styles.js.map

@@ -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"}

package/dist/esm/table-column/text/cell-view/template.d.ts

@@ -0,0 +1,2 @@
+import type { TableColumnTextCellView } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumnTextCellView, any>;

package/dist/esm/table-column/text/cell-view/template.js

@@ -0,0 +1,17 @@
+import { html, ref } from '@microsoft/fast-element';
+export const template = html `
+    <span
+        ${ref('textSpan')}
+        class="${x => (typeof x.cellRecord.value === 'string' ? '' : 'placeholder')}"
+        @mouseover="${x => {
+    x.isValidContentAndHasOverflow = !!x.content && x.textSpan.offsetWidth < x.textSpan.scrollWidth;
+}}"
+        @mouseout="${x => {
+    x.isValidContentAndHasOverflow = false;
+}}"
+        title=${x => (x.isValidContentAndHasOverflow ? x.content : null)}
+    >
+        ${x => x.content}
+    </span>
+`;
+//# sourceMappingURL=template.js.map

package/dist/esm/table-column/text/cell-view/template.js.map

@@ -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"}

package/dist/esm/table-column/text/index.d.ts

@@ -12,12 +12,11 @@ declare global {
 /**
  * The base class for a table column for displaying strings.
  */
-declare class TableColumnTextBase extends TableColumn<TableColumnTextCellRecord, TableColumnTextColumnConfig> {
+declare class TableColumnTextBase extends TableColumn<TableColumnTextColumnConfig> {
     cellRecordFieldNames: readonly ["value"];
     fieldName?: string;
     placeholder?: string;
-    readonly cellStyles: import("@microsoft/fast-element").ElementStyles;
-    readonly cellTemplate: import("@microsoft/fast-element").ViewTemplate<import("../base/types").TableCellState<TableColumnTextCellRecord, TableColumnTextColumnConfig>, any>;
+    readonly cellViewTag: string;
     constructor();
     protected fieldNameChanged(): void;
     protected placeholderChanged(): void;

package/dist/esm/table-column/text/index.js

@@ -7,8 +7,7 @@ import { template } from '../base/template';
 import { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';
 import { TableColumn } from '../base';
 import { TableColumnSortOperation } from '../base/types';
-import { cellStyles } from './styles';
-import { cellTemplate } from './template';
+import { tableColumnTextCellViewTag } from './cell-view';
 /**
  * The base class for a table column for displaying strings.
  */
@@ -16,8 +15,7 @@ class TableColumnTextBase extends TableColumn {
     constructor() {
         super();
         this.cellRecordFieldNames = ['value'];
-        this.cellStyles = cellStyles;
-        this.cellTemplate = cellTemplate;
+        this.cellViewTag = tableColumnTextCellViewTag;
         this.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
     }
     fieldNameChanged() {

package/dist/esm/table-column/text/index.js.map

@@ -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,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAa1C;;GAEG;AACH,MAAM,mBAAoB,SAAQ,WAGjC;IAaG;QACI,KAAK,EAAE,CAAC;QAbL,yBAAoB,GAAG,CAAC,OAAO,CAAU,CAAC;QAQjC,eAAU,GAAG,UAAU,CAAC;QAExB,iBAAY,GAAG,YAAY,CAAC;QAIxC,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;AAtBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;sDACR;AAG1B;IADC,IAAI;wDACuB;AAqBhC;;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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "18.9.0",
+  "version": "18.9.1",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",

package/dist/esm/table-column/text/styles.d.ts

@@ -1 +0,0 @@
-export declare const cellStyles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/table-column/text/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/table-column/text/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,QAAQ,EACR,aAAa,EACb,qBAAqB,EACxB,MAAM,oCAAoC,CAAC;AAE5C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;gBAEb,QAAQ;iBACP,aAAa;;;;;;;iBAOb,qBAAqB;;CAErC,CAAC"}

package/dist/esm/table-column/text/template.d.ts

@@ -1,3 +0,0 @@
-import type { TableColumnTextCellRecord, TableColumnTextColumnConfig } from '.';
-import type { TableCellState } from '../base/types';
-export declare const cellTemplate: import("@microsoft/fast-element").ViewTemplate<TableCellState<TableColumnTextCellRecord, TableColumnTextColumnConfig>, any>;

package/dist/esm/table-column/text/template.js

@@ -1,24 +0,0 @@
-import { html } from '@microsoft/fast-element';
-const getCellContent = (cellState) => {
-    return typeof cellState.cellRecord.value === 'string'
-        ? cellState.cellRecord.value
-        : cellState.columnConfig.placeholder;
-};
-const setTitleWhenOverflow = (span, title) => {
-    if (title && span.offsetWidth < span.scrollWidth) {
-        span.setAttribute('title', title);
-    }
-};
-const removeTitle = (span) => {
-    span.removeAttribute('title');
-};
-export const cellTemplate = html `
-    <span
-        class="${x => (typeof x.cellRecord.value === 'string' ? '' : 'placeholder')}"
-        @mouseover="${(x, c) => setTitleWhenOverflow(c.event.target, getCellContent(x))}"
-        @mouseout="${(_x, c) => removeTitle(c.event.target)}"
-    >
-        ${x => getCellContent(x)}
-    </span>
-`;
-//# sourceMappingURL=template.js.map

package/dist/esm/table-column/text/template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/table-column/text/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C,MAAM,cAAc,GAAG,CACnB,SAGC,EACK,EAAE;IACR,OAAO,OAAO,SAAS,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ;QACjD,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK;QAC5B,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW,CAAC;AAC7C,CAAC,CAAC;AACF,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAE,KAAa,EAAQ,EAAE;IACpE,IAAI,KAAK,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;QAC9C,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;KACrC;AACL,CAAC,CAAC;AACF,MAAM,WAAW,GAAG,CAAC,IAAiB,EAAQ,EAAE;IAC5C,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAClC,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAE/B;;iBAEgB,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,CAAC,EAAE,EAAE,CAAC,oBAAoB,CAC5C,CAAC,CAAC,KAAK,CAAC,MAAqB,EAC7B,cAAc,CAAC,CAAC,CAAC,CACpB;qBACgB,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAqB,CAAC;;UAEhE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;;CAE/B,CAAC"}