@fluid-topics/ft-filterable-table 0.1.7 → 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);

package/build/ft-filterable-table.light.js

@@ -440,7 +440,8 @@ const Se=e.css`:host{font-family:var(--mdc-icon-font, "Material Icons");font-wei
                     color: ${Ce.colorOnSurfaceDisabled};
                 }
 
-                .ft-select:not(.ft-select--disabled) .ft-select--input-panel {
+                .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
+                .ft-select:not(.ft-select--disabled) .ft-select--option {
                     cursor: pointer;
                 }
 
@@ -1109,4 +1110,4 @@ const Se=e.css`:host{font-family:var(--mdc-icon-font, "Material Icons");font-wei
                     </ft-select>
                 `:null}return null}renderCell(t,i,r){var a;const n=null!==(a=t.render)&&void 0!==a?a:ti;return e.html`
             <div class="cell">${(t=>{const e=n(t,r);return"string"==typeof e?o.unsafeHTML(e):e})(this.getValue(t,i))}</div>
-        `}getValue(t,e){return"string"==typeof t.getter?e[t.getter]:t.getter(e)}getValueAsString(t,e,i){const r=this.getValue(t,e);return"function"==typeof t.stringify?t.stringify(r,i):(t=>""+t)(r)}},t.FtFilterableTable.elementDefinitions={"ft-button":Xe,"ft-select":Te,"ft-select-option":Ae,"ft-text-field":Ie},Ye([i.property({attribute:!1})],t.FtFilterableTable.prototype,"data",void 0),Ye([i.property({attribute:!1})],t.FtFilterableTable.prototype,"columns",void 0),Ye([i.property({attribute:!1})],t.FtFilterableTable.prototype,"sort",void 0),Ye([i.state()],t.FtFilterableTable.prototype,"currentSort",void 0),t.FtFilterableTable=Ye([a.customElement("ft-filterable-table")],t.FtFilterableTable),t.FtFilterableTableCssVariables=Qe,t.RowClickEvent=Je,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litUnsafeHTML,ftGlobals.wcUtils,ftGlobals.litClassMap,ftGlobals.litStyleMap);
+        `}getValue(t,e){return"string"==typeof t.getter?e[t.getter]:t.getter(e)}getValueAsString(t,e,i){const r=this.getValue(t,e);return"function"==typeof t.stringify?t.stringify(r,i):(t=>""+t)(r)}},Ye([i.property({attribute:!1})],t.FtFilterableTable.prototype,"data",void 0),Ye([i.property({attribute:!1})],t.FtFilterableTable.prototype,"columns",void 0),Ye([i.property({attribute:!1})],t.FtFilterableTable.prototype,"sort",void 0),Ye([i.state()],t.FtFilterableTable.prototype,"currentSort",void 0),t.FtFilterableTable=Ye([a.customElement("ft-filterable-table")],t.FtFilterableTable),t.FtFilterableTableCssVariables=Qe,t.RowClickEvent=Je,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litUnsafeHTML,ftGlobals.wcUtils,ftGlobals.litClassMap,ftGlobals.litStyleMap);

package/build/ft-filterable-table.min.js

@@ -533,7 +533,8 @@ const xi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
                     color: ${Si.colorOnSurfaceDisabled};
                 }
 
-                .ft-select:not(.ft-select--disabled) .ft-select--input-panel {
+                .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
+                .ft-select:not(.ft-select--disabled) .ft-select--option {
                     cursor: pointer;
                 }
 
@@ -1208,4 +1209,4 @@ function(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:e},
                     </ft-select>
                 `:null}return null}renderCell(t,e,i){var r;const o=null!==(r=t.render)&&void 0!==r?r:Xi;return j`
             <div class="cell">${(t=>{const e=o(t,i);return"string"==typeof e?St(e):e})(this.getValue(t,e))}</div>
-        `}getValue(t,e){return"string"==typeof t.getter?e[t.getter]:t.getter(e)}getValueAsString(t,e,i){const r=this.getValue(t,e);return"function"==typeof t.stringify?t.stringify(r,i):(t=>""+t)(r)}},t.FtFilterableTable.elementDefinitions={"ft-button":Zi,"ft-select":ki,"ft-select-option":Oi,"ft-text-field":Ri},Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"data",void 0),Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"columns",void 0),Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"sort",void 0),Ki([st()],t.FtFilterableTable.prototype,"currentSort",void 0),t.FtFilterableTable=Ki([Ct("ft-filterable-table")],t.FtFilterableTable),t.FtFilterableTableCssVariables=Gi,t.RowClickEvent=qi,Object.defineProperty(t,"t",{value:!0})}({});
+        `}getValue(t,e){return"string"==typeof t.getter?e[t.getter]:t.getter(e)}getValueAsString(t,e,i){const r=this.getValue(t,e);return"function"==typeof t.stringify?t.stringify(r,i):(t=>""+t)(r)}},Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"data",void 0),Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"columns",void 0),Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"sort",void 0),Ki([st()],t.FtFilterableTable.prototype,"currentSort",void 0),t.FtFilterableTable=Ki([Ct("ft-filterable-table")],t.FtFilterableTable),t.FtFilterableTableCssVariables=Gi,t.RowClickEvent=qi,Object.defineProperty(t,"t",{value:!0})}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-filterable-table",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "A dynamic table with filters",
   "keywords": [
     "Lit"
@@ -22,11 +22,11 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "^0.1.7",
-    "@fluid-topics/ft-select": "^0.1.7",
-    "@fluid-topics/ft-text-field": "^0.1.7",
-    "@fluid-topics/ft-wc-utils": "^0.1.7",
+    "@fluid-topics/ft-button": "^0.1.8",
+    "@fluid-topics/ft-select": "^0.1.8",
+    "@fluid-topics/ft-text-field": "^0.1.8",
+    "@fluid-topics/ft-wc-utils": "^0.1.8",
     "lit": "^2.0.2"
   },
-  "gitHead": "78397cca67971191c46739cfb6c87481aaa65745"
+  "gitHead": "45fdf008556920bbd5fcc2e766c273aed959178d"
 }