@triptyk/ember-yeti-table 3.0.0 → 3.0.1

package/dist/components/yeti-table/thead/row/column.js

@@ -1,52 +1,18 @@
-import { isArray } from '@ember/array';
+import { action } from '@ember/object';
 import { assert } from '@ember/debug';
 import Component from '@glimmer/component';
 import { modifier } from 'ember-modifier';
 import { localCopy } from 'tracked-toolbox';
 import { on } from '@ember/modifier';
-import { hash, fn } from '@ember/helper';
+import { hash } from '@ember/helper';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime-esm';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 class Column extends Component {
-  static {
-    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-invalid-interactive --}}\n{{#if this.visible}}\n  <th role={{if this.sortable \"button\"}} class=\"{{@class}}\n      {{@theme.theadCell}}\n      {{if this.sortable @theme.sorting.columnSortable}}\n      {{if this.isSorted @theme.sorting.columnSorted}}\n      {{if this.isAscSorted @theme.sorting.columnSortedAsc}}\n      {{if this.isDescSorted @theme.sorting.columnSortedDesc}}\" {{on \"click\" (if this.sortable (fn @onClick this) this.noop)}} {{this.updateName}} ...attributes>\n    {{yield (hash isSorted=this.isSorted isAscSorted=this.isAscSorted isDescSorted=this.isDescSorted)}}\n  </th>\n{{/if}}", {
-      strictMode: true,
-      scope: () => ({
-        on,
-        fn,
-        hash
-      })
-    }), this);
-  }
-  /**
-  * An important argument that Yeti Table uses to tie this column to a certain property on
-  * each row object of the original `@data` (or `@loadFunction`) that was passed in.
-  *
-  * This is the argument that Yeti Table uses to filter and sort the data.
-  *
-  * This argument also allows Yeti Table to keep itself up to date when the original
-  * data changes. NOTE: If this property is a nested property (one that contains periods),
-  * the table will not update when this property changes. This is due to `@each` only supporting
-  * one level of properties.
-  *
-  * If you don't need sorting, filtering or automatic table unrolling (using the blockless
-  * body component), then this property is optional.
-  *
-  * @argument prop
-  * @type {String}
-  */
   get prop() {
     return this.args.prop;
   }
-  /**
-  * Set to `false` to hide the entire column across all rows. Keep in mind that this property
-  * won't just hide the column using css. The DOM for the column will be removed. Defaults to `true`.
-  *
-  * @argument visible
-  * @type {Boolean}
-  */
   static {
     g(this.prototype, "visible", [localCopy('args.visible', true)]);
   }
@@ -55,113 +21,30 @@ class Column extends Component {
     g(this.prototype, "sortable", [localCopy('args.sortable', true)]);
   }
   #sortable = (i(this, "sortable"), void 0);
-  /**
-  * Used to turn off sorting clicking on this column (clicks won't toggle sorting anymore).
-  * Useful on avatar columns, for example, where a sorting order doesn't really make sense.
-  * Defaults to the `<YetiTable>` `@sortable` argument (which in turn defaults to `true`).
-  *
-  * @argument sortable
-  * @type Boolean
-  */
   static {
     g(this.prototype, "sort", [localCopy('args.sort')]);
   }
   #sort = (i(this, "sort"), void 0);
-  /**
-  * Optionally use an `asc` or `desc` string on this argument to turn on ascending or descending sorting
-  * on this column. Useful to turn on default sortings on the table.
-  * @argument sort
-  * @type {String}
-  */
   static {
     g(this.prototype, "filterable", [localCopy('args.filterable', true)]);
   }
   #filterable = (i(this, "filterable"), void 0);
-  /**
-  * Use `@sortSequence` to customize the sequence in which the sorting order will cycle when
-  * clicking on this column header. You can either pass in a comma-separated string or an array
-  * of strings. Accepted values are `'asc'`, `'desc'` and `'unsorted'`. The default value is `['asc', 'desc']`
-  * or whatever the global table sortSequence value is.
-  *
-  * @argument sortSequence
-  * @type Array
-  */
-  /**
-  * Used to turn off filtering for this column. When `false`, Yeti Table won't look for
-  * values on this column. Defaults to `true`.
-  *
-  * @argument filterable
-  * @type {Boolean}
-  */
-  /**
-  * The column filter. If passed in, Yeti Table will search this column for rows that contain this
-  * string and show those rows.
-  *
-  * The column definitions `@filter` argument is subtractive, meaning that it will filter out rows
-  * from the subset that passes the general `@filter`.
-  *
-  * @argument filter
-  * @type {String}
-  */
   get filter() {
     return this.args.filter;
   }
-  /**
-  * An optional function to customize the filtering logic *on this column*. This function should return true
-  * or false to either include or exclude the row on the resulting set. If this function depends
-  * on a value, pass that value as the `@filterUsing` argument.
-  *
-  * This function will be called with two arguments:
-  * - `value` - the current data cell to use for filtering
-  * - `filterUsing` - the value you passed in as `@filterUsing`
-  *
-  * @argument filterFunction
-  * @type {Function}
-  */
   get filterFunction() {
     return this.args.filterFunction;
   }
-  /**
-  * If you `@filterFunction` function depends on a different value (other that `@filter`)
-  * to show, pass it in this argument. Yeti Table uses this argument to know when to recalculate
-  * the fitlered rows.
-  *
-  * @argument filterUsing
-  * @type {String}
-  */
   get filterUsing() {
     return this.args.filterUsing;
   }
-  /**
-  * Used to add a class to all the cells in this column.
-  *
-  * @argument columnClass
-  * @type {String}
-  */
   get columnClass() {
     return this.args.columnClass;
   }
-  /**
-  * This property is a human-readable representation of the name of the column.
-  * It defaults to the trimmed `textContent` of the `<th>` element, but can be overridden
-  * by using a `@name="your custom name"` argument.
-  *
-  * @argument name
-  * @type {String}
-  */
   static {
     g(this.prototype, "name", [localCopy('args.name')]);
   }
   #name = (i(this, "name"), void 0);
-  /**
-  * An optional function to be invoked whenever this column is clicked
-  *
-  * This function will be called with two arguments:
-  * - `column` - the column that was clicked
-  *
-  * @argument onClick
-  * @type {Function}
-  */
   get isAscSorted() {
     return this.sort === 'asc';
   }
@@ -172,9 +55,9 @@ class Column extends Component {
     return this.isAscSorted || this.isDescSorted;
   }
   get normalizedSortSequence() {
-    let sortSequence = this.args.sortSequence;
-    assert('@sortSequence must be either a comma-separated string or an array. Got `${sortSequence}.`', isArray(sortSequence) || typeof sortSequence === 'string');
-    if (isArray(sortSequence)) {
+    const sortSequence = this.args.sortSequence;
+    assert('@sortSequence must be either a comma-separated string or an array. Got `${sortSequence}.`', Array.isArray(sortSequence) || typeof sortSequence === 'string');
+    if (Array.isArray(sortSequence)) {
       return sortSequence;
     } else if (typeof sortSequence === 'string') {
       return sortSequence.split(',').map(s => s.trim());
@@ -182,20 +65,36 @@ class Column extends Component {
       return [];
     }
   }
-  constructor() {
-    super(...arguments);
+  constructor(owner, args) {
+    super(owner, args);
     this.args.parent?.registerColumn(this);
   }
   willDestroy() {
-    super.willDestroy(...arguments);
+    super.willDestroy();
     this.args.parent?.unregisterColumn(this);
   }
   updateName = modifier(element => {
     if (!this.args.name) {
-      this.name = element.textContent.trim();
+      this.name = element.textContent?.trim();
     }
   });
-  noop = () => {};
+  handleClick(e) {
+    if (this.sortable && this.args.onClick) {
+      this.args.onClick(this, e);
+    }
+  }
+  static {
+    n(this.prototype, "handleClick", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-invalid-interactive --}}\n{{#if this.visible}}\n  <th role={{if this.sortable \"button\"}} class=\"{{@class}}\n      {{@theme.theadCell}}\n      {{if this.sortable @theme.sorting.columnSortable}}\n      {{if this.isSorted @theme.sorting.columnSorted}}\n      {{if this.isAscSorted @theme.sorting.columnSortedAsc}}\n      {{if this.isDescSorted @theme.sorting.columnSortedDesc}}\" {{on \"click\" this.handleClick}} {{this.updateName}} ...attributes>\n    {{yield (hash isSorted=this.isSorted isAscSorted=this.isAscSorted isDescSorted=this.isDescSorted)}}\n  </th>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        hash
+      })
+    }), this);
+  }
 }
 
 export { Column as default };

package/dist/components/yeti-table/thead/row/column.js.map

@@ -1 +1 @@
-{"version":3,"file":"column.js","sources":["../../../../../src/components/yeti-table/thead/row/column.gjs"],"sourcesContent":["import { isArray } from '@ember/array';\nimport { assert } from '@ember/debug';\n\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport { localCopy } from 'tracked-toolbox';\n\n/**\n  An important component yielded from the header or head.row component that is used to define\n  a column of the table.\n\n  ```hbs\n  <table.header as |header|>\n    <header.column @prop=\"firstName\" as |column|>\n      First name\n      {{if column.isAscSorted \"(sorted asc)\"}}\n      {{if column.isDescSorted \"(sorted desc)\"}}\n    </header.column>\n  </table.header>\n  ```\n\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.column @prop=\"firstName\" as |column|>\n        First name\n        {{if column.isAscSorted \"(sorted asc)\"}}\n        {{if column.isDescSorted \"(sorted desc)\"}}\n      </row.column>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class Column\n  @yield {object} column\n  @yield {boolean} column.isSorted - `true` if column is sorted ascending or descending\n  @yield {boolean} column.isAscSorted - `true` if column is sorted ascending\n  @yield {boolean} column.isDescSorted - `true` if column is sorted descending\n*/\nimport { on } from '@ember/modifier';\nimport { fn, hash } from '@ember/helper';\n\nexport default class Column extends Component {\n  <template>\n    {{! template-lint-disable no-invalid-interactive }}\n    {{#if this.visible}}\n      <th\n        role={{if this.sortable \"button\"}}\n        class=\"{{@class}}\n          {{@theme.theadCell}}\n          {{if this.sortable @theme.sorting.columnSortable}}\n          {{if this.isSorted @theme.sorting.columnSorted}}\n          {{if this.isAscSorted @theme.sorting.columnSortedAsc}}\n          {{if this.isDescSorted @theme.sorting.columnSortedDesc}}\"\n        {{on \"click\" (if this.sortable (fn @onClick this) this.noop)}}\n        {{this.updateName}}\n        ...attributes\n      >\n        {{yield\n          (hash\n            isSorted=this.isSorted\n            isAscSorted=this.isAscSorted\n            isDescSorted=this.isDescSorted\n          )\n        }}\n      </th>\n    {{/if}}\n  </template>\n  /**\n   * An important argument that Yeti Table uses to tie this column to a certain property on\n   * each row object of the original `@data` (or `@loadFunction`) that was passed in.\n   *\n   * This is the argument that Yeti Table uses to filter and sort the data.\n   *\n   * This argument also allows Yeti Table to keep itself up to date when the original\n   * data changes. NOTE: If this property is a nested property (one that contains periods),\n   * the table will not update when this property changes. This is due to `@each` only supporting\n   * one level of properties.\n   *\n   * If you don't need sorting, filtering or automatic table unrolling (using the blockless\n   * body component), then this property is optional.\n   *\n   * @argument prop\n   * @type {String}\n   */\n  get prop() {\n    return this.args.prop;\n  }\n\n  /**\n   * Set to `false` to hide the entire column across all rows. Keep in mind that this property\n   * won't just hide the column using css. The DOM for the column will be removed. Defaults to `true`.\n   *\n   * @argument visible\n   * @type {Boolean}\n   */\n  @localCopy('args.visible', true)\n  visible;\n\n  /**\n   * Used to turn off sorting clicking on this column (clicks won't toggle sorting anymore).\n   * Useful on avatar columns, for example, where a sorting order doesn't really make sense.\n   * Defaults to the `<YetiTable>` `@sortable` argument (which in turn defaults to `true`).\n   *\n   * @argument sortable\n   * @type Boolean\n   */\n  @localCopy('args.sortable', true)\n  sortable;\n\n  /**\n   * Optionally use an `asc` or `desc` string on this argument to turn on ascending or descending sorting\n   * on this column. Useful to turn on default sortings on the table.\n\n   * @argument sort\n   * @type {String}\n   */\n  @localCopy('args.sort')\n  sort;\n\n  /**\n   * Use `@sortSequence` to customize the sequence in which the sorting order will cycle when\n   * clicking on this column header. You can either pass in a comma-separated string or an array\n   * of strings. Accepted values are `'asc'`, `'desc'` and `'unsorted'`. The default value is `['asc', 'desc']`\n   * or whatever the global table sortSequence value is.\n   *\n   * @argument sortSequence\n   * @type Array\n   */\n\n  /**\n   * Used to turn off filtering for this column. When `false`, Yeti Table won't look for\n   * values on this column. Defaults to `true`.\n   *\n   * @argument filterable\n   * @type {Boolean}\n   */\n  @localCopy('args.filterable', true)\n  filterable;\n\n  /**\n   * The column filter. If passed in, Yeti Table will search this column for rows that contain this\n   * string and show those rows.\n   *\n   * The column definitions `@filter` argument is subtractive, meaning that it will filter out rows\n   * from the subset that passes the general `@filter`.\n   *\n   * @argument filter\n   * @type {String}\n   */\n  get filter() {\n    return this.args.filter;\n  }\n\n  /**\n   * An optional function to customize the filtering logic *on this column*. This function should return true\n   * or false to either include or exclude the row on the resulting set. If this function depends\n   * on a value, pass that value as the `@filterUsing` argument.\n   *\n   * This function will be called with two arguments:\n   * - `value` - the current data cell to use for filtering\n   * - `filterUsing` - the value you passed in as `@filterUsing`\n   *\n   * @argument filterFunction\n   * @type {Function}\n   */\n  get filterFunction() {\n    return this.args.filterFunction;\n  }\n\n  /**\n   * If you `@filterFunction` function depends on a different value (other that `@filter`)\n   * to show, pass it in this argument. Yeti Table uses this argument to know when to recalculate\n   * the fitlered rows.\n   *\n   * @argument filterUsing\n   * @type {String}\n   */\n  get filterUsing() {\n    return this.args.filterUsing;\n  }\n\n  /**\n   * Used to add a class to all the cells in this column.\n   *\n   * @argument columnClass\n   * @type {String}\n   */\n  get columnClass() {\n    return this.args.columnClass;\n  }\n\n  /**\n   * This property is a human-readable representation of the name of the column.\n   * It defaults to the trimmed `textContent` of the `<th>` element, but can be overridden\n   * by using a `@name=\"your custom name\"` argument.\n   *\n   * @argument name\n   * @type {String}\n   */\n  @localCopy('args.name')\n  name;\n\n  /**\n   * An optional function to be invoked whenever this column is clicked\n   *\n   * This function will be called with two arguments:\n   * - `column` - the column that was clicked\n   *\n   * @argument onClick\n   * @type {Function}\n   */\n\n  get isAscSorted() {\n    return this.sort === 'asc';\n  }\n\n  get isDescSorted() {\n    return this.sort === 'desc';\n  }\n\n  get isSorted() {\n    return this.isAscSorted || this.isDescSorted;\n  }\n\n  get normalizedSortSequence() {\n    let sortSequence = this.args.sortSequence;\n    assert(\n      '@sortSequence must be either a comma-separated string or an array. Got `${sortSequence}.`',\n      isArray(sortSequence) || typeof sortSequence === 'string',\n    );\n\n    if (isArray(sortSequence)) {\n      return sortSequence;\n    } else if (typeof sortSequence === 'string') {\n      return sortSequence.split(',').map((s) => s.trim());\n    } else {\n      return [];\n    }\n  }\n\n  constructor() {\n    super(...arguments);\n\n    this.args.parent?.registerColumn(this);\n  }\n\n  willDestroy() {\n    super.willDestroy(...arguments);\n    this.args.parent?.unregisterColumn(this);\n  }\n\n  updateName = modifier((element) => {\n    if (!this.args.name) {\n      this.name = element.textContent.trim();\n    }\n  });\n\n  noop = () => {};\n}\n"],"names":["Column","Component","setComponentTemplate","precompileTemplate","strictMode","scope","on","fn","hash","prop","args","g","prototype","localCopy","i","filter","filterFunction","filterUsing","columnClass","isAscSorted","sort","isDescSorted","isSorted","normalizedSortSequence","sortSequence","assert","isArray","split","map","s","trim","constructor","arguments","parent","registerColumn","willDestroy","unregisterColumn","updateName","modifier","element","name","textContent","noop"],"mappings":"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"}
+{"version":3,"file":"column.js","sources":["../../../../../src/components/yeti-table/thead/row/column.gts"],"sourcesContent":["import { action } from '@ember/object';\nimport { assert } from '@ember/debug';\n\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport { localCopy } from 'tracked-toolbox';\nimport type Owner from '@ember/owner';\n\nimport { on } from '@ember/modifier';\nimport { hash } from '@ember/helper';\n\nimport type {\n  ColumnDefinition,\n  FilterFunction,\n  SortDirection,\n  Theme,\n} from '../../../../types.ts';\n\n/**\n  An important component yielded from the header or head.row component that is used to define\n  a column of the table.\n\n  @class Column\n*/\n\nexport interface ColumnParent {\n  registerColumn(column: Column): void;\n  unregisterColumn(column: Column): void;\n}\n\nexport interface ColumnSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    class?: string;\n    theme?: Theme;\n    prop?: string;\n    visible?: boolean;\n    sortable?: boolean;\n    sort?: SortDirection | null;\n    sortSequence?: SortDirection[] | string;\n    filterable?: boolean;\n    filter?: string;\n    filterFunction?: FilterFunction;\n    filterUsing?: unknown;\n    columnClass?: string;\n    name?: string;\n    onClick?: (column: Column, e: MouseEvent) => void;\n    parent?: ColumnParent;\n  };\n  Blocks: {\n    default: [\n      {\n        isSorted: boolean;\n        isAscSorted: boolean;\n        isDescSorted: boolean;\n      },\n    ];\n  };\n}\n\nexport default class Column\n  extends Component<ColumnSignature>\n  implements ColumnDefinition\n{\n  get prop(): string | undefined {\n    return this.args.prop;\n  }\n\n  @localCopy('args.visible', true)\n  visible!: boolean;\n\n  @localCopy('args.sortable', true)\n  sortable!: boolean;\n\n  @localCopy('args.sort')\n  sort: SortDirection | null | undefined;\n\n  @localCopy('args.filterable', true)\n  filterable!: boolean;\n\n  get filter(): string | undefined {\n    return this.args.filter;\n  }\n\n  get filterFunction(): FilterFunction | undefined {\n    return this.args.filterFunction;\n  }\n\n  get filterUsing(): unknown {\n    return this.args.filterUsing;\n  }\n\n  get columnClass(): string | undefined {\n    return this.args.columnClass;\n  }\n\n  @localCopy('args.name')\n  name: string | undefined;\n\n  get isAscSorted(): boolean {\n    return this.sort === 'asc';\n  }\n\n  get isDescSorted(): boolean {\n    return this.sort === 'desc';\n  }\n\n  get isSorted(): boolean {\n    return this.isAscSorted || this.isDescSorted;\n  }\n\n  get normalizedSortSequence(): string[] {\n    const sortSequence = this.args.sortSequence;\n    assert(\n      '@sortSequence must be either a comma-separated string or an array. Got `${sortSequence}.`',\n      Array.isArray(sortSequence) || typeof sortSequence === 'string',\n    );\n\n    if (Array.isArray(sortSequence)) {\n      return sortSequence;\n    } else if (typeof sortSequence === 'string') {\n      return sortSequence.split(',').map((s: string) => s.trim());\n    } else {\n      return [];\n    }\n  }\n\n  constructor(owner: Owner, args: ColumnSignature['Args']) {\n    super(owner, args);\n\n    this.args.parent?.registerColumn(this);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n    this.args.parent?.unregisterColumn(this);\n  }\n\n  updateName = modifier((element: Element) => {\n    if (!this.args.name) {\n      this.name = element.textContent?.trim();\n    }\n  });\n\n  @action\n  handleClick(e: MouseEvent): void {\n    if (this.sortable && this.args.onClick) {\n      this.args.onClick(this, e);\n    }\n  }\n\n  <template>\n    {{! template-lint-disable no-invalid-interactive }}\n    {{#if this.visible}}\n      <th\n        role={{if this.sortable \"button\"}}\n        class=\"{{@class}}\n          {{@theme.theadCell}}\n          {{if this.sortable @theme.sorting.columnSortable}}\n          {{if this.isSorted @theme.sorting.columnSorted}}\n          {{if this.isAscSorted @theme.sorting.columnSortedAsc}}\n          {{if this.isDescSorted @theme.sorting.columnSortedDesc}}\"\n        {{on \"click\" this.handleClick}}\n        {{this.updateName}}\n        ...attributes\n      >\n        {{yield\n          (hash\n            isSorted=this.isSorted\n            isAscSorted=this.isAscSorted\n            isDescSorted=this.isDescSorted\n          )\n        }}\n      </th>\n    {{/if}}\n  </template>\n}\n"],"names":["Column","Component","prop","args","g","prototype","localCopy","i","filter","filterFunction","filterUsing","columnClass","isAscSorted","sort","isDescSorted","isSorted","normalizedSortSequence","sortSequence","assert","Array","isArray","split","map","s","trim","constructor","owner","parent","registerColumn","willDestroy","unregisterColumn","updateName","modifier","element","name","textContent","handleClick","e","sortable","onClick","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","on","hash"],"mappings":"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"}

package/dist/components/yeti-table/thead/row.js

@@ -1,29 +1,19 @@
 import Component from '@glimmer/component';
+import { hash } from '@ember/helper';
 import Column from './row/column.js';
 import THeadCell from './row/cell.js';
-import { hash } from '@ember/helper';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 class THeadRow extends Component {
-  static {
-    setComponentTemplate(precompileTemplate("<tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\" ...attributes>\n  {{yield (hash column=(component Column sortable=@sortable sortSequence=@sortSequence onClick=@onColumnClick theme=@theme parent=@parent) cell=(component Cell theme=@theme parent=this))}}\n</tr>", {
-      strictMode: true,
-      scope: () => ({
-        hash,
-        Column,
-        Cell: THeadCell
-      })
-    }), this);
-  }
   cells = [];
   registerCell(cell) {
     let column;
     if (cell.prop) {
-      column = this.args.columns.findBy('prop', cell.prop);
+      column = this.args.columns.find(c => c.prop === cell.prop);
       cell.column = column;
     } else {
-      let index = this.cells.length;
+      const index = this.cells.length;
       column = this.args.columns[index];
       return column;
     }
@@ -31,10 +21,20 @@ class THeadRow extends Component {
     return column;
   }
   unregisterCell(cell) {
-    let cells = this.cells;
-    let index = cells.indexOf(cell);
+    const cells = this.cells;
+    const index = cells.indexOf(cell);
     cells.splice(index, 1);
   }
+  static {
+    setComponentTemplate(precompileTemplate("<tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\" ...attributes>\n  {{yield (hash column=(component Column sortable=@sortable sortSequence=@sortSequence onClick=@onColumnClick theme=@theme parent=@parent) cell=(component Cell theme=@theme parent=this))}}\n</tr>", {
+      strictMode: true,
+      scope: () => ({
+        hash,
+        Column,
+        Cell: THeadCell
+      })
+    }), this);
+  }
 }
 
 export { THeadRow as default };

package/dist/components/yeti-table/thead/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sources":["../../../../src/components/yeti-table/thead/row.gjs"],"sourcesContent":["import Component from '@glimmer/component';\n\n/**\n  Renders a `<tr>` element and yields the column and cell component.\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.column @prop=\"firstName\" as |column|>\n        First name\n        {{if column.isAscSorted \"(sorted asc)\"}}\n        {{if column.isDescSorted \"(sorted desc)\"}}\n      </row.column>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class THeadRow\n  @yield {Component} column\n  @yield {Component} cell\n*/\n\nimport Column from './row/column.gjs';\nimport Cell from './row/cell.gjs';\nimport { hash } from '@ember/helper';\n\nexport default class THeadRow extends Component {\n  <template>\n    <tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\" ...attributes>\n      {{yield\n        (hash\n          column=(component\n            Column\n            sortable=@sortable\n            sortSequence=@sortSequence\n            onClick=@onColumnClick\n            theme=@theme\n            parent=@parent\n          )\n          cell=(component Cell theme=@theme parent=this)\n        )\n      }}\n    </tr>\n  </template>\n\n  cells = [];\n\n  registerCell(cell) {\n    let column;\n\n    if (cell.prop) {\n      column = this.args.columns.findBy('prop', cell.prop);\n      cell.column = column;\n    } else {\n      let index = this.cells.length;\n      column = this.args.columns[index];\n\n      return column;\n    }\n\n    this.cells.push(cell);\n\n    return column;\n  }\n\n  unregisterCell(cell) {\n    let cells = this.cells;\n    let index = cells.indexOf(cell);\n\n    cells.splice(index, 1);\n  }\n}\n"],"names":["THeadRow","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","Column","Cell","cells","registerCell","cell","column","prop","args","columns","findBy","index","length","push","unregisterCell","indexOf","splice"],"mappings":";;;;;;;AAyBe,MAAMA,QAAA,SAAiBC,SAAA,CAAA;AACpC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mRAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,MAAA;AAAAC,cAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAEVC,EAAAA,KAAA,GAAQ,EAAE;EAEVC,YAAAA,CAAaC,IAAI,EAAE;AACjB,IAAA,IAAIC,MAAA;IAEJ,IAAID,IAAA,CAAKE,IAAI,EAAE;AACbD,MAAAA,MAAA,GAAS,IAAI,CAACE,IAAI,CAACC,OAAO,CAACC,MAAM,CAAC,MAAA,EAAQL,IAAA,CAAKE,IAAI,CAAA;MACnDF,IAAA,CAAKC,MAAM,GAAGA,MAAA;AAChB,IAAA,CAAA,MAAO;AACL,MAAA,IAAIK,KAAA,GAAQ,IAAI,CAACR,KAAK,CAACS,MAAM;MAC7BN,MAAA,GAAS,IAAI,CAACE,IAAI,CAACC,OAAO,CAACE,KAAA,CAAM;AAEjC,MAAA,OAAOL,MAAA;AACT,IAAA;AAEA,IAAA,IAAI,CAACH,KAAK,CAACU,IAAI,CAACR,IAAA,CAAA;AAEhB,IAAA,OAAOC,MAAA;AACT,EAAA;EAEAQ,cAAAA,CAAeT,IAAI,EAAE;AACnB,IAAA,IAAIF,KAAA,GAAQ,IAAI,CAACA,KAAK;AACtB,IAAA,IAAIQ,KAAA,GAAQR,KAAA,CAAMY,OAAO,CAACV,IAAA,CAAA;AAE1BF,IAAAA,KAAA,CAAMa,MAAM,CAACL,KAAA,EAAO,CAAA,CAAA;AACtB,EAAA;AACF;;;;"}
+{"version":3,"file":"row.js","sources":["../../../../src/components/yeti-table/thead/row.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport Column from './row/column.gts';\nimport type { ColumnParent } from './row/column.gts';\nimport Cell from './row/cell.gts';\nimport type { ColumnDefinition, SortDirection, Theme } from '../../../types.ts';\n\n/**\n  Renders a `<tr>` element and yields the column and cell component.\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.column @prop=\"firstName\" as |column|>\n        First name\n        {{if column.isAscSorted \"(sorted asc)\"}}\n        {{if column.isDescSorted \"(sorted desc)\"}}\n      </row.column>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class THeadRow\n  @yield {Component} column\n  @yield {Component} cell\n*/\n\ninterface THeadCellLike {\n  prop?: string;\n  column?: ColumnDefinition;\n}\n\nexport interface THeadRowSignature {\n  Element: HTMLTableRowElement;\n  Args: {\n    trClass?: string;\n    theme?: Theme;\n    sortable?: boolean;\n    sortSequence?: SortDirection[] | string;\n    onColumnClick?: (column: Column, e: MouseEvent) => void;\n    columns: ColumnDefinition[];\n    parent?: ColumnParent;\n  };\n  Blocks: {\n    default: [\n      {\n        column: WithBoundArgs<\n          typeof Column,\n          'sortable' | 'sortSequence' | 'onClick' | 'theme' | 'parent'\n        >;\n        cell: WithBoundArgs<typeof Cell, 'theme' | 'parent'>;\n      },\n    ];\n  };\n}\n\nexport default class THeadRow extends Component<THeadRowSignature> {\n  cells: THeadCellLike[] = [];\n\n  registerCell(cell: THeadCellLike): ColumnDefinition | undefined {\n    let column: ColumnDefinition | undefined;\n\n    if (cell.prop) {\n      column = this.args.columns.find((c) => c.prop === cell.prop);\n      cell.column = column;\n    } else {\n      const index = this.cells.length;\n      column = this.args.columns[index];\n\n      return column;\n    }\n\n    this.cells.push(cell);\n\n    return column;\n  }\n\n  unregisterCell(cell: THeadCellLike): void {\n    const cells = this.cells;\n    const index = cells.indexOf(cell);\n\n    cells.splice(index, 1);\n  }\n\n  <template>\n    <tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\" ...attributes>\n      {{yield\n        (hash\n          column=(component\n            Column\n            sortable=@sortable\n            sortSequence=@sortSequence\n            onClick=@onColumnClick\n            theme=@theme\n            parent=@parent\n          )\n          cell=(component Cell theme=@theme parent=this)\n        )\n      }}\n    </tr>\n  </template>\n}\n"],"names":["THeadRow","Component","cells","registerCell","cell","column","prop","args","columns","find","c","index","length","push","unregisterCell","indexOf","splice","setComponentTemplate","precompileTemplate","strictMode","scope","hash","Column","Cell"],"mappings":";;;;;;;AA2De,MAAMA,iBAAiBC,SAAA,CAAU;AAC9CC,EAAAA,KAAA,GAAyB,EAAE;EAE3BC,YAAAA,CAAaC,IAAmB,EAAgC;AAC9D,IAAA,IAAIC,MAAoC;IAExC,IAAID,IAAA,CAAKE,IAAI,EAAE;AACbD,MAAAA,MAAA,GAAS,IAAI,CAACE,IAAI,CAACC,OAAO,CAACC,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEJ,IAAI,KAAKF,KAAKE,IAAI,CAAA;MAC3DF,IAAA,CAAKC,MAAM,GAAGA,MAAA;AAChB,IAAA,CAAA,MAAO;AACL,MAAA,MAAMM,KAAA,GAAQ,IAAI,CAACT,KAAK,CAACU,MAAM;MAC/BP,MAAA,GAAS,IAAI,CAACE,IAAI,CAACC,OAAO,CAACG,KAAA,CAAM;AAEjC,MAAA,OAAON,MAAA;AACT,IAAA;AAEA,IAAA,IAAI,CAACH,KAAK,CAACW,IAAI,CAACT,IAAA,CAAA;AAEhB,IAAA,OAAOC,MAAA;AACT,EAAA;EAEAS,cAAAA,CAAeV,IAAmB,EAAQ;AACxC,IAAA,MAAMF,KAAA,GAAQ,IAAI,CAACA,KAAK;AACxB,IAAA,MAAMS,KAAA,GAAQT,KAAA,CAAMa,OAAO,CAACX,IAAA,CAAA;AAE5BF,IAAAA,KAAA,CAAMc,MAAM,CAACL,KAAA,EAAO,CAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,mRAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,MAAA;AAAAC,cAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/yeti-table/thead.js

@@ -4,32 +4,13 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-/**
-  Renders a `<thead>` element and yields the row component.
-
-  ```hbs
-  <table.thead as |head|>
-    <head.row as |row|>
-      <row.column @prop="firstName" as |column|>
-        First name
-        {{if column.isAscSorted "(sorted asc)"}}
-        {{if column.isDescSorted "(sorted desc)"}}
-      </row.column>
-    </head.row>
-  </table.thead>
-  ```
-
-  @class THead
-  @yield {object} head
-  @yield {Component} head.row
-*/
-var THead = setComponentTemplate(precompileTemplate("<thead class={{@theme.thead}} ...attributes>\n  {{yield (hash row=(component THead sortable=@sortable sortSequence=@sortSequence onColumnClick=@onColumnClick columns=@columns theme=@theme parent=@parent))}}\n</thead>", {
+const THeadComponent = setComponentTemplate(precompileTemplate("<thead class={{@theme.thead}} ...attributes>\n  {{yield (hash row=(component THeadRow sortable=@sortable sortSequence=@sortSequence onColumnClick=@onColumnClick columns=@columns theme=@theme parent=@parent))}}\n</thead>", {
   strictMode: true,
   scope: () => ({
     hash,
-    THead: THeadRow
+    THeadRow
   })
 }), templateOnly());
 
-export { THead as default };
+export { THeadComponent as default };
 //# sourceMappingURL=thead.js.map

package/dist/components/yeti-table/thead.js.map

@@ -1 +1 @@
-{"version":3,"file":"thead.js","sources":["../../../src/components/yeti-table/thead.gjs"],"sourcesContent":["/**\n  Renders a `<thead>` element and yields the row component.\n\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.column @prop=\"firstName\" as |column|>\n        First name\n        {{if column.isAscSorted \"(sorted asc)\"}}\n        {{if column.isDescSorted \"(sorted desc)\"}}\n      </row.column>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class THead\n  @yield {object} head\n  @yield {Component} head.row\n*/\nimport { hash } from '@ember/helper';\nimport THead from './thead/row.gjs';\n\n<template>\n  <thead class={{@theme.thead}} ...attributes>\n    {{yield\n      (hash\n        row=(component\n          THead\n          sortable=@sortable\n          sortSequence=@sortSequence\n          onColumnClick=@onColumnClick\n          columns=@columns\n          theme=@theme\n          parent=@parent\n        )\n      )\n    }}\n  </thead>\n</template>\n/**\n * Adds a click action to the thead, called with the clicked column as an argument.\n *\n * @argument onColumnClick - action that is called when the column header is clicked\n * @type Function\n */\n"],"names":["setComponentTemplate","precompileTemplate","strictMode","scope","hash","THead","templateOnly"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;AAkBA;AAIA,YAAAA,oBAAA,CAAAC,kBAAA,CAAA,0NAAA,EAgBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;AAAAC,WAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;;;;"}
+{"version":3,"file":"thead.js","sources":["../../../src/components/yeti-table/thead.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport THeadRow from './thead/row.gts';\nimport type Column from './thead/row/column.gts';\nimport type { ColumnParent } from './thead/row/column.gts';\nimport type { ColumnDefinition, SortDirection, Theme } from '../../types.ts';\n\n/**\n  Renders a `<thead>` element and yields the row component.\n\n  @class THead\n  @yield {object} head\n  @yield {Component} head.row\n*/\n\nexport interface THeadSignature {\n  Element: HTMLTableSectionElement;\n  Args: {\n    theme?: Theme;\n    sortable?: boolean;\n    sortSequence?: SortDirection[] | string;\n    onColumnClick?: (column: Column, e: MouseEvent) => void;\n    columns: ColumnDefinition[];\n    parent?: ColumnParent;\n  };\n  Blocks: {\n    default: [\n      {\n        row: WithBoundArgs<\n          typeof THeadRow,\n          | 'sortable'\n          | 'sortSequence'\n          | 'onColumnClick'\n          | 'columns'\n          | 'theme'\n          | 'parent'\n        >;\n      },\n    ];\n  };\n}\n\nconst THeadComponent: TemplateOnlyComponent<THeadSignature> = <template>\n  <thead class={{@theme.thead}} ...attributes>\n    {{yield\n      (hash\n        row=(component\n          THeadRow\n          sortable=@sortable\n          sortSequence=@sortSequence\n          onColumnClick=@onColumnClick\n          columns=@columns\n          theme=@theme\n          parent=@parent\n        )\n      )\n    }}\n  </thead>\n</template>;\n\nexport default THeadComponent;\n"],"names":["THeadComponent","setComponentTemplate","precompileTemplate","strictMode","scope","hash","THeadRow","templateOnly"],"mappings":";;;;;;AA8CA,MAAMA,cAAsC,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,6NAAA,EAgB9D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}