@fluid-topics/ft-filterable-table 0.1.5 → 0.1.8

package/build/ft-filterable-table.d.ts

@@ -1,5 +1,8 @@
 import { PropertyValues, TemplateResult } from "lit";
-import { ElementDefinitionsMap, FtCssVariable, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { FtCssVariable, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import "@fluid-topics/ft-select";
+import "@fluid-topics/ft-text-field";
+import "@fluid-topics/ft-button";
 export declare type Getter<T> = (o: T) => any;
 export interface ColumnConfiguration<T> {
     title: string | TemplateResult;
@@ -37,7 +40,6 @@ export declare const FtFilterableTableCssVariables: {
     contentFont: FtCssVariable;
 };
 export declare class FtFilterableTable<T extends Record<string, any>> extends FtLitElement implements FtFilterableTableProperties<T> {
-    static elementDefinitions: ElementDefinitionsMap;
     data: Array<T>;
     columns: Array<ColumnConfiguration<T>>;
     sort?: Sort;

package/build/ft-filterable-table.js

@@ -9,9 +9,10 @@ import { property, state } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { customElement, designSystemVariables, FtCssVariable, FtLitElement, setVariable } from "@fluid-topics/ft-wc-utils";
-import { FtSelect, FtSelectOption } from "@fluid-topics/ft-select";
-import { FtTextField } from "@fluid-topics/ft-text-field";
-import { FtButton, FtButtonCssVariables } from "@fluid-topics/ft-button";
+import "@fluid-topics/ft-select";
+import "@fluid-topics/ft-text-field";
+import "@fluid-topics/ft-button";
+import { FtButtonCssVariables } from "@fluid-topics/ft-button";
 export class RowClickEvent extends CustomEvent {
     constructor(data) {
         super("row-click", { detail: data });
@@ -31,6 +32,8 @@ const DEFAULT_COMPARATOR = (a, b) => a - b;
 const DEFAULT_STRINGIFY = (v) => "" + v;
 let FtFilterableTable = class FtFilterableTable extends FtLitElement {
     constructor() {
+        // Don't scope components here or web components cannot be used in columns render method
+        // static elementDefinitions: ElementDefinitionsMap = {}
         super(...arguments);
         this.data = [];
         this.columns = [];
@@ -312,12 +315,6 @@ let FtFilterableTable = class FtFilterableTable extends FtLitElement {
         return typeof column.stringify === "function" ? column.stringify(value, index) : DEFAULT_STRINGIFY(value);
     }
 };
-FtFilterableTable.elementDefinitions = {
-    "ft-button": FtButton,
-    "ft-select": FtSelect,
-    "ft-select-option": FtSelectOption,
-    "ft-text-field": FtTextField,
-};
 __decorate([
     property({ attribute: false })
 ], FtFilterableTable.prototype, "data", void 0);