@ni/nimble-components 19.0.0 → 19.0.2

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

@@ -0,0 +1,31 @@
+import { __decorate } from "tslib";
+import { observable, volatile } 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.
+ */
+export class TableColumnTextGroupHeaderViewBase extends TableGroupHeaderView {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.hasOverflow = false;
+    }
+    get content() {
+        return this.shouldUsePlaceholder ? this.placeholder : this.text;
+    }
+    /** @internal */
+    updateTitleOverflow() {
+        this.hasOverflow = this.textSpan.offsetWidth < this.textSpan.scrollWidth;
+    }
+    /** @internal */
+    clearTitleOverflow() {
+        this.hasOverflow = false;
+    }
+}
+__decorate([
+    observable
+], TableColumnTextGroupHeaderViewBase.prototype, "hasOverflow", 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

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

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

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

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

@@ -0,0 +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>;

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

@@ -2,12 +2,10 @@ import { html, ref } from '@microsoft/fast-element';
 export const template = html `
     <span
         ${ref('textSpan')}
-        class="${x => (typeof x.groupHeaderValue === 'string' ? '' : 'placeholder')}"
+        class="${x => (x.shouldUsePlaceholder ? 'placeholder' : '')}"
         @mouseover="${x => x.updateTitleOverflow()}"
         @mouseout="${x => x.clearTitleOverflow()}"
-        title="${x => (x.isValidContentAndHasOverflow && x.content
-    ? x.content
-    : undefined)}"
+        title="${x => (x.hasOverflow && x.content ? x.content : undefined)}"
     >
         ${x => x.content}
     </span>

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

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

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

@@ -0,0 +1,32 @@
+import { TableColumn } from '../base';
+import type { TableColumnWithPlaceholderColumnConfig } from '../base/types';
+declare const TableColumnTextBase_base: (abstract new (...args: any[]) => {
+    groupingDisabled: boolean;
+    groupIndex?: number | null | undefined;
+    groupingDisabledChanged(): void;
+    groupIndexChanged(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
+}) & (abstract new (...args: any[]) => {
+    fractionalWidth?: number | null | undefined;
+    minPixelWidth?: number | null | undefined;
+    fractionalWidthChanged(): void;
+    minPixelWidthChanged(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
+}) & ((abstract new (options: import("../base/models/column-internals").ColumnInternalsOptions) => 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;
+});
+/**
+ * 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

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { attr } from '@microsoft/fast-element';
+import { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';
+import { TableColumn } from '../base';
+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))) {
+    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

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

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "19.0.0",
+  "version": "19.0.2",
   "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/cell-view/styles.js.map

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

@@ -1,2 +0,0 @@
-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.map

@@ -1 +0,0 @@
-{"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/group-header-view/styles.js.map

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

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

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

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

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