@ni/nimble-components 17.0.2 → 17.0.4

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

@@ -0,0 +1,18 @@
+import type { TableStringField, TableFieldName } from '../../table/types';
+import { TableColumn } from '../base';
+export declare type TableColumnTextCellRecord = TableStringField<'value'>;
+export interface TableColumnTextColumnConfig {
+    placeholder: string;
+}
+/**
+ * The table column for displaying strings.
+ */
+export declare class TableColumnText extends TableColumn<TableColumnTextCellRecord, TableColumnTextColumnConfig> {
+    cellRecordFieldNames: readonly ["value"];
+    fieldName?: string;
+    placeholder?: string;
+    readonly cellStyles: import("@microsoft/fast-element").ElementStyles;
+    readonly cellTemplate: import("@microsoft/fast-element").ViewTemplate<import("../../table/types").TableCellState<TableColumnTextCellRecord, TableColumnTextColumnConfig>, any>;
+    getColumnConfig(): TableColumnTextColumnConfig;
+    getDataRecordFieldNames(): (TableFieldName | undefined)[];
+}

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

@@ -0,0 +1,40 @@
+import { __decorate } from "tslib";
+import { attr } from '@microsoft/fast-element';
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { TableColumn } from '../base';
+import { styles } from '../base/styles';
+import { template } from '../base/template';
+import { cellStyles } from './styles';
+import { cellTemplate } from './template';
+/**
+ * The table column for displaying strings.
+ */
+export class TableColumnText extends TableColumn {
+    constructor() {
+        super(...arguments);
+        this.cellRecordFieldNames = ['value'];
+        this.cellStyles = cellStyles;
+        this.cellTemplate = cellTemplate;
+    }
+    getColumnConfig() {
+        return { placeholder: this.placeholder ?? '' };
+    }
+    getDataRecordFieldNames() {
+        return [this.fieldName];
+    }
+}
+__decorate([
+    attr({ attribute: 'field-name' })
+], TableColumnText.prototype, "fieldName", void 0);
+__decorate([
+    attr
+], TableColumnText.prototype, "placeholder", void 0);
+const nimbleTableColumnText = TableColumnText.compose({
+    baseName: 'table-column-text',
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleTableColumnText());
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAO1C;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAGpC;IAHD;;QAIW,yBAAoB,GAAG,CAAC,OAAO,CAAU,CAAC;QAQjC,eAAU,GAAG,UAAU,CAAC;QAExB,iBAAY,GAAG,YAAY,CAAC;IAShD,CAAC;IAPU,eAAe;QAClB,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,CAAC;IACnD,CAAC;IAEM,uBAAuB;QAC1B,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;CACJ;AAhBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDACR;AAG1B;IADC,IAAI;oDACuB;AAehC,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"}

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

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

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

@@ -0,0 +1,16 @@
+import { css } from '@microsoft/fast-element';
+import { bodyFont, bodyFontColor, controlLabelFontColor } from '../../theme-provider/design-tokens';
+export const cellStyles = css `
+    span {
+        font: ${bodyFont};
+        color: ${bodyFontColor};
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .placeholder {
+        color: ${controlLabelFontColor};
+    }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,11 @@
+import { html } from '@microsoft/fast-element';
+export const cellTemplate = html `
+    <span
+        class="${x => (typeof x.cellRecord.value === 'string' ? '' : 'placeholder')}"
+    >
+        ${x => (typeof x.cellRecord.value === 'string'
+    ? x.cellRecord.value
+    : x.columnConfig.placeholder)}
+    </span>
+`;
+//# sourceMappingURL=template.js.map

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

@@ -0,0 +1 @@
+{"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,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;;UAEzE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ;IAC9C,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK;IACpB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC;;CAEpC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "17.0.2",
+  "version": "17.0.4",
   "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",