@ni/nimble-components 19.8.3 → 19.8.4

package/dist/esm/table-column/text-base/group-header-view/index.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { observable, volatile } from '@microsoft/fast-element';
+import { observable } from '@microsoft/fast-element';
 import { TableGroupHeaderView } from '../../base/group-header-view';
 /**
  * The group header view base class for displaying fields of any type as text.
@@ -10,20 +10,9 @@ export class TableColumnTextGroupHeaderViewBase extends TableGroupHeaderView {
         /** @internal */
         this.hasOverflow = false;
         /**
-         * Text to render in the cell when it contains a valid value (i.e. when shouldUsePlaceholder is false).
+         * Text to render in the cell.
          */
         this.text = '';
-        /**
-         * Text to render in the cell when it contains an invalid value (i.e. when shouldUsePlaceholder is true).
-         */
-        this.placeholder = '';
-        /**
-         * Returns whether to display the placeholder value or the text value
-         */
-        this.shouldUsePlaceholder = true;
-    }
-    get content() {
-        return this.shouldUsePlaceholder ? this.placeholder : this.text;
     }
 }
 __decorate([
@@ -32,13 +21,4 @@ __decorate([
 __decorate([
     observable
 ], TableColumnTextGroupHeaderViewBase.prototype, "text", void 0);
-__decorate([
-    observable
-], TableColumnTextGroupHeaderViewBase.prototype, "placeholder", void 0);
-__decorate([
-    observable
-], TableColumnTextGroupHeaderViewBase.prototype, "shouldUsePlaceholder", void 0);
-__decorate([
-    volatile
-], TableColumnTextGroupHeaderViewBase.prototype, "content", null);
 //# sourceMappingURL=index.js.map

package/dist/esm/table-column/text-base/group-header-view/index.js.map

@@ -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;;QAII,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;QAE3B;;WAEG;QAEI,SAAI,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEI,gBAAW,GAAG,EAAE,CAAC;QAExB;;WAEG;QAEI,yBAAoB,GAAG,IAAI,CAAC;IAMvC,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;AAxBG;IADC,UAAU;uEACgB;AAM3B;IADC,UAAU;gEACM;AAMjB;IADC,UAAU;uEACa;AAMxB;IADC,UAAU;gFACwB;AAGnC;IADC,QAAQ;iEAGR"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGpE;;GAEG;AACH,MAAM,OAAgB,kCAGpB,SAAQ,oBAAgD;IAH1D;;QAII,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;QAE3B;;WAEG;QAEI,SAAI,GAAG,EAAE,CAAC;IACrB,CAAC;CAAA;AAPG;IADC,UAAU;uEACgB;AAM3B;IADC,UAAU;gEACM"}

package/dist/esm/table-column/text-base/group-header-view/styles.js

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

package/dist/esm/table-column/text-base/group-header-view/styles.js.map

@@ -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"}
+{"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,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEhF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;gBAET,QAAQ;iBACP,aAAa;;;;;CAK7B,CAAC"}

package/dist/esm/table-column/text-base/group-header-view/template.d.ts

@@ -1,2 +1,2 @@
 import type { TableColumnTextGroupHeaderViewBase } from '.';
-export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumnTextGroupHeaderViewBase<import("../../../table/types").TableFieldValue, import("../../base/types").TableColumnWithPlaceholderColumnConfig>, any>;
+export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumnTextGroupHeaderViewBase<import("../../../table/types").TableFieldValue, unknown>, any>;

package/dist/esm/table-column/text-base/group-header-view/template.js

@@ -3,10 +3,9 @@ import { overflow } from '../../../utilities/directive/overflow';
 export const template = html `
     <span
         ${overflow('hasOverflow')}
-        class="${x => (x.shouldUsePlaceholder ? 'placeholder' : '')}"
-        title="${x => (x.hasOverflow && x.content ? x.content : undefined)}"
+        title="${x => (x.hasOverflow && x.text ? x.text : null)}"
     >
-        ${x => x.content}
+        ${x => x.text}
     </span>
 `;
 //# sourceMappingURL=template.js.map

package/dist/esm/table-column/text-base/group-header-view/template.js.map

@@ -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,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAoC;;UAEtD,QAAQ,CAAC,aAAa,CAAC;iBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;iBAClD,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"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/group-header-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAoC;;UAEtD,QAAQ,CAAC,aAAa,CAAC;iBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;UAErD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;CAEpB,CAAC"}

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

@@ -1,5 +1,4 @@
 import { TableColumn } from '../base';
-import type { TableColumnWithPlaceholderColumnConfig } from '../base/types';
 declare const TableColumnTextBase_base: (abstract new (...args: any[]) => {
     groupingDisabled: boolean;
     groupIndex?: number | null | undefined;
@@ -12,21 +11,12 @@ declare const TableColumnTextBase_base: (abstract new (...args: any[]) => {
     fractionalWidthChanged(): void;
     minPixelWidthChanged(): void;
     readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
-}) & ((abstract new () => TableColumn<TableColumnWithPlaceholderColumnConfig>) & {
-    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>;
-    from<TBase extends {
-        new (): HTMLElement;
-        prototype: HTMLElement;
-    }>(BaseType: TBase): new () => InstanceType<TBase> & import("@microsoft/fast-element").FASTElement;
-    define<TType extends Function>(type: TType, nameOrDef?: string | import("@microsoft/fast-element").PartialFASTElementDefinition | undefined): TType;
-});
+}) & typeof TableColumn;
 /**
  * The base class for table columns that display fields of any type as text.
  */
 export declare abstract class TableColumnTextBase extends TableColumnTextBase_base {
     fieldName?: string;
-    placeholder?: string;
     protected fieldNameChanged(): void;
-    protected placeholderChanged(): void;
 }
 export {};

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

@@ -6,21 +6,13 @@ import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
 /**
  * The base class for table columns that display fields of any type as text.
  */
-export class TableColumnTextBase extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumn))) {
+export class TableColumnTextBase extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(TableColumn)) {
     fieldNameChanged() {
         this.columnInternals.dataRecordFieldNames = [this.fieldName];
         this.columnInternals.operandDataRecordFieldName = this.fieldName;
     }
-    placeholderChanged() {
-        this.columnInternals.columnConfig = {
-            placeholder: this.placeholder ?? ''
-        };
-    }
 }
 __decorate([
     attr({ attribute: 'field-name' })
 ], TableColumnTextBase.prototype, "fieldName", void 0);
-__decorate([
-    attr
-], TableColumnTextBase.prototype, "placeholder", void 0);
 //# sourceMappingURL=index.js.map

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

@@ -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"}
+{"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;AACtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE;;GAEG;AACH,MAAM,OAAgB,mBAAoB,SAAQ,uBAAuB,CACrE,6BAA6B,CAAC,WAAW,CAAC,CAC7C;IAIa,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;CACJ;AANG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;sDACR"}

package/package.json

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