@six-group/ui-library 4.0.0-beta.0 → 4.0.0-beta.2

package/dist/collection/components/six-table/six-table.js

@@ -1,219 +0,0 @@
-import { Host, h } from '@stencil/core';
-import { isData } from './types';
-import { fromData } from './util/from-data';
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define header and the rows of the table.
- * @Deprecated - six-table will be removed with the next table. Use fate table instead.
- */
-export class SixTable {
-  handleData({ detail }) {
-    if (!isData(detail)) {
-      return;
-    }
-    this.data = detail;
-  }
-  async setData(value) {
-    if (!isData(value)) {
-      return;
-    }
-    this.data = value;
-  }
-  componentDidLoad() {
-    this.tableReady.emit();
-  }
-  constructor() {
-    this.handleRowClick = (item) => (event) => {
-      this.tableRowClicked.emit({ event, item });
-    };
-    this.handleCellClick = (item, key) => (event) => {
-      this.tableCellClicked.emit({ event, item, key });
-    };
-    this.striped = false;
-    this.loading = false;
-    this.data = {
-      columns: {},
-      rows: [],
-    };
-    console.warn('six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler');
-  }
-  render() {
-    const loading = this.loading && (h("div", { class: "loading" }, h("six-spinner", { "data-testid": "loading-spinner" })));
-    return (h(Host, null, h("slot", null, fromData(this)), loading));
-  }
-  static get is() { return "six-table"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["six-table.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["six-table.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "striped": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set to true to stripe the table."
-        },
-        "attribute": "striped",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "loading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set to true to display loading indicator."
-        },
-        "attribute": "loading",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "data": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "tableReady",
-        "name": "six-table-ready",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when table is ready."
-        },
-        "complexType": {
-          "original": "TableReadyPayload",
-          "resolved": "TableReadyPayload",
-          "references": {
-            "TableReadyPayload": {
-              "location": "import",
-              "path": "./types"
-            }
-          }
-        }
-      }, {
-        "method": "tableRowClicked",
-        "name": "six-table-row-clicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when table row is clicked."
-        },
-        "complexType": {
-          "original": "TableRowClickedPayload<Item>",
-          "resolved": "TableRowClickedPayload<Item>",
-          "references": {
-            "TableRowClickedPayload": {
-              "location": "import",
-              "path": "./types"
-            },
-            "Item": {
-              "location": "import",
-              "path": "./types"
-            }
-          }
-        }
-      }, {
-        "method": "tableCellClicked",
-        "name": "six-table-cell-clicked",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when table cell is clicked."
-        },
-        "complexType": {
-          "original": "TableCellClickedPayload<Item>",
-          "resolved": "TableCellClickedPayload<Item>",
-          "references": {
-            "TableCellClickedPayload": {
-              "location": "import",
-              "path": "./types"
-            },
-            "Item": {
-              "location": "import",
-              "path": "./types"
-            }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "setData": {
-        "complexType": {
-          "signature": "<T extends Item>(value: Data<T>) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "Item": {
-              "location": "import",
-              "path": "./types"
-            },
-            "Data": {
-              "location": "import",
-              "path": "./types"
-            },
-            "T": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get listeners() {
-    return [{
-        "name": "data",
-        "method": "handleData",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
-//# sourceMappingURL=six-table.js.map

package/dist/collection/components/six-table/six-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-table.js","sourceRoot":"","sources":["../../../src/components/six-table/six-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAQ,MAAM,EAA4E,MAAM,SAAS,CAAC;AACjH,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C;;;;;;GAMG;AAOH,MAAM,OAAO,QAAQ;EAgBnB,UAAU,CAAiB,EAAE,MAAM,EAAwB;IACzD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;MACnB,OAAO;KACR;IAED,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;EACrB,CAAC;EAGD,KAAK,CAAC,OAAO,CAAiB,KAAc;IAC1C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;MAClB,OAAO;KACR;IAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;EACpB,CAAC;EAOD,gBAAgB;IACd,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;EACzB,CAAC;EAcD;IAZA,mBAAc,GACZ,CAAiB,IAAO,EAAE,EAAE,CAC5B,CAAC,KAAiB,EAAE,EAAE;MACpB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEJ,oBAAe,GACb,CAAiB,IAAO,EAAE,GAAW,EAAE,EAAE,CACzC,CAAC,KAAiB,EAAE,EAAE;MACpB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;mBAhDc,KAAK;mBAEL,KAAK;gBA2BK;MAC1B,OAAO,EAAE,EAAE;MACX,IAAI,EAAE,EAAE;KACT;IAmBC,OAAO,CAAC,IAAI,CACV,uHAAuH,CACxH,CAAC;GACH;EAED,MAAM;IACJ,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAC9B,WAAK,KAAK,EAAC,SAAS;MAClB,kCAAyB,iBAAiB,GAAG,CACzC,CACP,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,gBAAO,QAAQ,CAAC,IAAI,CAAC,CAAQ;MAC5B,OAAO,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, State, Listen, Method, Element } from '@stencil/core';\nimport { Data, isData, TableReadyPayload, TableRowClickedPayload, TableCellClickedPayload, Item } from './types';\nimport { fromData } from './util/from-data';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define header and the rows of the table.\n * @Deprecated - six-table will be removed with the next table. Use fate table instead.\n */\n\n@Component({\n  tag: 'six-table',\n  styleUrl: 'six-table.scss',\n  shadow: true,\n})\nexport class SixTable {\n  @Element() host: HTMLSixTableElement;\n\n  /** Set to true to stripe the table. */\n  @Prop() striped = false;\n  /** Set to true to display loading indicator. */\n  @Prop() loading = false;\n\n  /** Emitted when table is ready. */\n  @Event({ eventName: 'six-table-ready' }) tableReady: EventEmitter<TableReadyPayload>;\n  /** Emitted when table row is clicked. */\n  @Event({ eventName: 'six-table-row-clicked' }) tableRowClicked: EventEmitter<TableRowClickedPayload<Item>>;\n  /** Emitted when table cell is clicked. */\n  @Event({ eventName: 'six-table-cell-clicked' }) tableCellClicked: EventEmitter<TableCellClickedPayload<Item>>;\n\n  @Listen('data')\n  handleData<T extends Item>({ detail }: CustomEvent<Data<T>>) {\n    if (!isData(detail)) {\n      return;\n    }\n\n    this.data = detail;\n  }\n\n  @Method()\n  async setData<T extends Item>(value: Data<T>) {\n    if (!isData(value)) {\n      return;\n    }\n\n    this.data = value;\n  }\n\n  @State() data: Data<Item> = {\n    columns: {},\n    rows: [],\n  };\n\n  componentDidLoad() {\n    this.tableReady.emit();\n  }\n\n  handleRowClick =\n    <T extends Item>(item: T) =>\n    (event: MouseEvent) => {\n      this.tableRowClicked.emit({ event, item });\n    };\n\n  handleCellClick =\n    <T extends Item>(item: T, key: string) =>\n    (event: MouseEvent) => {\n      this.tableCellClicked.emit({ event, item, key });\n    };\n\n  constructor() {\n    console.warn(\n      'six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler'\n    );\n  }\n\n  render() {\n    const loading = this.loading && (\n      <div class=\"loading\">\n        <six-spinner data-testid=\"loading-spinner\" />\n      </div>\n    );\n\n    return (\n      <Host>\n        <slot>{fromData(this)}</slot>\n        {loading}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-table/test/helpers.js

@@ -1,14 +0,0 @@
-export const getTableRows = async (page) => {
-  const json = await page.evaluate(() => {
-    const rows = [
-      // when constructed from data
-      ...Array.from(document.querySelector('six-table').shadowRoot.querySelectorAll('six-table-row')),
-      // when constructed from a template
-      ...Array.from(document.querySelector('six-table').querySelectorAll('six-table-row')),
-    ];
-    const data = rows.map((row) => Array.from(row.querySelectorAll('six-table-cell')).map((cell) => cell.textContent));
-    return JSON.stringify(data);
-  });
-  return JSON.parse(json);
-};
-//# sourceMappingURL=helpers.js.map

package/dist/collection/components/six-table/test/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/six-table/test/helpers.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAAE,IAAa,EAAE,EAAE;EAClD,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;IACpC,MAAM,IAAI,GAAG;MACX,6BAA6B;MAC7B,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;MAC/F,mCAAmC;MACnC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;KACrF,CAAC;IACF,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACnH,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;EAC9B,CAAC,CAAC,CAAC;EACH,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC,CAAC","sourcesContent":["import { E2EPage } from '@stencil/core/testing';\n\nexport const getTableRows = async (page: E2EPage) => {\n  const json = await page.evaluate(() => {\n    const rows = [\n      // when constructed from data\n      ...Array.from(document.querySelector('six-table').shadowRoot.querySelectorAll('six-table-row')),\n      // when constructed from a template\n      ...Array.from(document.querySelector('six-table').querySelectorAll('six-table-row')),\n    ];\n    const data = rows.map((row) => Array.from(row.querySelectorAll('six-table-cell')).map((cell) => cell.textContent));\n    return JSON.stringify(data);\n  });\n  return JSON.parse(json);\n};\n"]}

package/dist/collection/components/six-table/types.js

@@ -1,9 +0,0 @@
-const assertions = [
-  (value) => typeof value === 'object',
-  (value) => typeof value.columns === 'object',
-  (value) => Array.isArray(value.rows),
-  (value) => value.sort === undefined || typeof value.sort === 'object',
-];
-const apply = (value) => (f) => f(value);
-export const isData = (value) => assertions.every(apply(value));
-//# sourceMappingURL=types.js.map

package/dist/collection/components/six-table/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/six-table/types.ts"],"names":[],"mappings":"AAgCA,MAAM,UAAU,GAAG;EACjB,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ;EACpC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ;EAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;EACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;CACtE,CAAC;AAEF,MAAM,KAAK,GACT,CAAI,KAAQ,EAAE,EAAE,CAChB,CAAC,CAAwB,EAAE,EAAE,CAC3B,CAAC,CAAC,KAAK,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,MAAM,GAAG,CAAI,KAAe,EAAoB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC","sourcesContent":["import { SortDirection, FilterMode } from '../six-table-header-cell/types';\n\nexport type Item = Record<string, unknown>;\n\nexport type BasedOnKeys<T extends keyof any, B> = {\n  [K in T]?: B;\n};\n\nexport type Columns<T> = BasedOnKeys<keyof T, string>;\n\nexport type SortModel<T> = BasedOnKeys<keyof T, SortDirection>;\n\nexport type Comparator<T> = (a: T, b: T) => number;\n\nexport type CompareModel<T> = BasedOnKeys<keyof T, Comparator<T>>;\n\nexport type FilterModel<T> = BasedOnKeys<keyof T, BasedOnKeys<FilterMode, string>>;\n\nexport type Renderer<T> = (value: T) => string;\n\nexport type RenderModel<T> = BasedOnKeys<keyof T, Renderer<T>>;\n\nexport type Data<T> = {\n  columns: Columns<T>;\n  sort?: SortModel<T>;\n  compare?: CompareModel<T>;\n  render?: RenderModel<T>;\n  filter?: FilterModel<T>;\n  quickFilter?: string;\n  rows: T[];\n};\n\nconst assertions = [\n  (value) => typeof value === 'object',\n  (value) => typeof value.columns === 'object',\n  (value) => Array.isArray(value.rows),\n  (value) => value.sort === undefined || typeof value.sort === 'object',\n];\n\nconst apply =\n  <T>(value: T) =>\n  (f: (value: T) => boolean) =>\n    f(value);\n\nexport const isData = <T>(value?: unknown): value is Data<T> => assertions.every(apply(value));\n\nexport interface TableReadyPayload {}\n\nexport interface TableRowClickedPayload<T extends Item> {\n  event: MouseEvent;\n  item: T;\n}\n\nexport interface TableCellClickedPayload<T extends Item> {\n  event: MouseEvent;\n  item: T;\n  key: string;\n}\n"]}

package/dist/collection/components/six-table/util/filter-by.js

@@ -1,34 +0,0 @@
-import { Invalid } from './is';
-const modes = {
-  in: (a, b) => a.includes(b),
-  ni: (a, b) => !a.includes(b),
-  eq: (a, b) => a === b,
-  ne: (a, b) => a !== b,
-};
-export const filterBy = (filterModel = {}) => (item) => {
-  var _a;
-  const keys = Object.keys(filterModel);
-  if (keys.length === 0) {
-    return true;
-  }
-  for (const key of keys) {
-    const filter = filterModel[key];
-    if (!filter) {
-      return true;
-    }
-    for (const [mode, term] of Object.entries(filter)) {
-      if (Invalid.Term(term)) {
-        continue;
-      }
-      const value = String((_a = item[key]) !== null && _a !== void 0 ? _a : '');
-      if (Invalid.Term(value)) {
-        continue;
-      }
-      if (!modes[mode](value, term)) {
-        return false;
-      }
-    }
-  }
-  return true;
-};
-//# sourceMappingURL=filter-by.js.map

package/dist/collection/components/six-table/util/filter-by.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-by.js","sourceRoot":"","sources":["../../../../src/components/six-table/util/filter-by.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAI/B,MAAM,KAAK,GAA+B;EACxC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;EAC3B,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;EAC5B,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC;EACrB,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GACnB,CAAiB,cAA8B,EAAE,EAAE,EAAE,CACrD,CAAC,IAAO,EAAW,EAAE;;EACnB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;EAEtC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;IACrB,OAAO,IAAI,CAAC;GACb;EAED,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;IACtB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;IAEhC,IAAI,CAAC,MAAM,EAAE;MACX,OAAO,IAAI,CAAC;KACb;IAED,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;MACjD,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACtB,SAAS;OACV;MAED,MAAM,KAAK,GAAG,MAAM,CAAC,MAAA,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,CAAC,CAAC;MAEtC,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACvB,SAAS;OACV;MAED,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;QAC7B,OAAO,KAAK,CAAC;OACd;KACF;GACF;EAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import { FilterModel, Item } from '../types';\nimport { FilterMode } from '../../six-table-header-cell/types';\nimport { Invalid } from './is';\n\ntype Filter = (a: string, b: string) => boolean;\n\nconst modes: Record<FilterMode, Filter> = {\n  in: (a, b) => a.includes(b),\n  ni: (a, b) => !a.includes(b),\n  eq: (a, b) => a === b,\n  ne: (a, b) => a !== b,\n};\n\nexport const filterBy =\n  <T extends Item>(filterModel: FilterModel<T> = {}) =>\n  (item: T): boolean => {\n    const keys = Object.keys(filterModel);\n\n    if (keys.length === 0) {\n      return true;\n    }\n\n    for (const key of keys) {\n      const filter = filterModel[key];\n\n      if (!filter) {\n        return true;\n      }\n\n      for (const [mode, term] of Object.entries(filter)) {\n        if (Invalid.Term(term)) {\n          continue;\n        }\n\n        const value = String(item[key] ?? '');\n\n        if (Invalid.Term(value)) {\n          continue;\n        }\n\n        if (!modes[mode](value, term)) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  };\n"]}

package/dist/collection/components/six-table/util/from-data.js

@@ -1,32 +0,0 @@
-import { isData } from '../types';
-import { filterBy } from './filter-by';
-import { Fragment, h } from '@stencil/core';
-import { sortBy } from './sort-by';
-import { quickFilterBy } from './quick-filter-by';
-const propOr = (k) => (o = {}, defaults) => o[k] || defaults;
-export const fromData = ({ data, handleRowClick, handleCellClick }) => {
-  if (!isData(data)) {
-    return;
-  }
-  const keys = Object.keys(data.columns);
-  const columns = keys.map((key) => {
-    const byKey = propOr(key);
-    const sort = byKey(data.sort, undefined);
-    const [[filter, value] = []] = Object.entries(byKey(data.filter, {}));
-    return (h("six-table-header-cell", { name: key, sort: sort, filter: filter, value: value }, data.columns[key]));
-  });
-  const quickFilter = quickFilterBy(Object.keys(data.columns), data.quickFilter);
-  const filter = filterBy(data.filter);
-  const sort = sortBy(data.sort, data.compare);
-  const rows = sort(data.rows.filter(quickFilter).filter(filter)).map((item, index) => {
-    const cells = keys.map((key) => {
-      const renderer = data.render && data.render[key];
-      // HTML is not escaped, responsibility lays on the caller
-      const html = typeof renderer === 'function' ? renderer(item) : String(item[key]);
-      return (h("six-table-cell", { onClick: handleCellClick(item, key), "data-testid": `table-cell-${key}-${index}`, innerHTML: html }));
-    });
-    return (h("six-table-row", { onClick: handleRowClick(item), "data-testid": `table-row-${index}` }, cells));
-  });
-  return (h(Fragment, null, h("six-table-header", { "data-testid": "table-header" }, columns), rows));
-};
-//# sourceMappingURL=from-data.js.map

package/dist/collection/components/six-table/util/from-data.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"from-data.js","sourceRoot":"","sources":["../../../../src/components/six-table/util/from-data.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Data, isData, Item } from '../types';\nimport { filterBy } from './filter-by';\nimport { Fragment, h } from '@stencil/core';\nimport { sortBy } from './sort-by';\nimport { quickFilterBy } from './quick-filter-by';\nimport { FilterMode } from '../../six-table-header-cell/types';\n\ninterface FromDataProps<T extends Item> {\n  data: Data<T>;\n  handleRowClick: (item: T) => (event: MouseEvent) => void;\n  handleCellClick: (item: T, key: string) => (event: MouseEvent) => void;\n}\n\nconst propOr =\n  (k: string) =>\n  <T extends unknown>(o = {}, defaults: T): T =>\n    o[k] || defaults;\n\nexport const fromData = <T extends Item>({ data, handleRowClick, handleCellClick }: FromDataProps<T>) => {\n  if (!isData(data)) {\n    return;\n  }\n\n  const keys = Object.keys(data.columns);\n\n  const columns = keys.map((key) => {\n    const byKey = propOr(key);\n\n    const sort = byKey(data.sort, undefined);\n    const [[filter, value] = []] = Object.entries<string>(byKey(data.filter, {}));\n\n    return (\n      <six-table-header-cell name={key} sort={sort} filter={filter as FilterMode} value={value}>\n        {data.columns[key]}\n      </six-table-header-cell>\n    );\n  });\n\n  const quickFilter = quickFilterBy(Object.keys(data.columns), data.quickFilter);\n  const filter = filterBy(data.filter);\n  const sort = sortBy(data.sort, data.compare);\n\n  const rows = sort(data.rows.filter(quickFilter).filter(filter)).map((item, index) => {\n    const cells = keys.map((key) => {\n      const renderer = data.render && data.render[key];\n      // HTML is not escaped, responsibility lays on the caller\n      const html = typeof renderer === 'function' ? renderer(item) : String(item[key]);\n\n      return (\n        <six-table-cell\n          onClick={handleCellClick(item, key)}\n          data-testid={`table-cell-${key}-${index}`}\n          innerHTML={html}\n        />\n      );\n    });\n\n    return (\n      <six-table-row onClick={handleRowClick(item)} data-testid={`table-row-${index}`}>\n        {cells}\n      </six-table-row>\n    );\n  });\n\n  return (\n    <Fragment>\n      <six-table-header data-testid=\"table-header\">{columns}</six-table-header>\n      {rows}\n    </Fragment>\n  );\n};\n"]}

package/dist/collection/components/six-table/util/is.js

@@ -1,4 +0,0 @@
-export const Invalid = {
-  Term: (value) => typeof value !== 'string' || value.length < 1,
-};
-//# sourceMappingURL=is.js.map

package/dist/collection/components/six-table/util/is.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is.js","sourceRoot":"","sources":["../../../../src/components/six-table/util/is.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;EACrB,IAAI,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;CACzE,CAAC","sourcesContent":["export const Invalid = {\n  Term: (value?: unknown) => typeof value !== 'string' || value.length < 1,\n};\n"]}

package/dist/collection/components/six-table/util/quick-filter-by.js

@@ -1,14 +0,0 @@
-import { Invalid } from './is';
-export const quickFilterBy = (keys, value) => (item) => {
-  if (Invalid.Term(value)) {
-    return true;
-  }
-  const term = value.toLowerCase();
-  const source = keys
-    .map((key) => { var _a; return (_a = item[key]) !== null && _a !== void 0 ? _a : ''; })
-    .map(String)
-    .join()
-    .toLowerCase();
-  return source.includes(term);
-};
-//# sourceMappingURL=quick-filter-by.js.map

package/dist/collection/components/six-table/util/quick-filter-by.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quick-filter-by.js","sourceRoot":"","sources":["../../../../src/components/six-table/util/quick-filter-by.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GACxB,CAAiB,IAAc,EAAE,KAAc,EAAE,EAAE,CACnD,CAAC,IAAO,EAAW,EAAE;EACnB,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;IACvB,OAAO,IAAI,CAAC;GACb;EAED,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;EAEjC,MAAM,MAAM,GAAG,IAAI;KAChB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,CAAA,EAAA,CAAC;KAC7B,GAAG,CAAC,MAAM,CAAC;KACX,IAAI,EAAE;KACN,WAAW,EAAE,CAAC;EAEjB,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["import { Item } from '../types';\nimport { Invalid } from './is';\n\nexport const quickFilterBy =\n  <T extends Item>(keys: string[], value?: string) =>\n  (item: T): boolean => {\n    if (Invalid.Term(value)) {\n      return true;\n    }\n\n    const term = value.toLowerCase();\n\n    const source = keys\n      .map((key) => item[key] ?? '')\n      .map(String)\n      .join()\n      .toLowerCase();\n\n    return source.includes(term);\n  };\n"]}

package/dist/collection/components/six-table/util/sort-by.js

@@ -1,25 +0,0 @@
-const unordered = (value) => value === 'none';
-const DEFAULT_COMPARATOR = (a, b) => String(a).localeCompare(String(b));
-export const sortBy = (sort = {}, compare = {}) => (items) => {
-  const values = Object.values(sort);
-  if (values.length === 0 || values.every(unordered)) {
-    return items;
-  }
-  return [...items].sort((a, b) => {
-    return Object.entries(sort).reduce((acc, [k, v], index) => {
-      if (v === 'none') {
-        return acc;
-      }
-      const comparator = compare[k];
-      const direction = {
-        asc: +1,
-        desc: -1,
-      }[v];
-      if (comparator) {
-        return acc + direction * (comparator(a, b) << index);
-      }
-      return acc + direction * (DEFAULT_COMPARATOR(a[k], b[k]) << index);
-    }, 0);
-  });
-};
-//# sourceMappingURL=sort-by.js.map

package/dist/collection/components/six-table/util/sort-by.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sort-by.js","sourceRoot":"","sources":["../../../../src/components/six-table/util/sort-by.ts"],"names":[],"mappings":"AAGA,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC;AAE7D,MAAM,kBAAkB,GAAwB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7F,MAAM,CAAC,MAAM,MAAM,GACjB,CAAiB,OAAqB,EAAE,EAAE,UAA2B,EAAE,EAAE,EAAE,CAC3E,CAAC,KAAU,EAAE,EAAE;EACb,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;EAEnC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;IAClD,OAAO,KAAK,CAAC;GACd;EAED,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IAC9B,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;MACxD,IAAI,CAAC,KAAK,MAAM,EAAE;QAChB,OAAO,GAAG,CAAC;OACZ;MAED,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;MAE9B,MAAM,SAAS,GAAG;QAChB,GAAG,EAAE,CAAC,CAAC;QACP,IAAI,EAAE,CAAC,CAAC;OACT,CAAC,CAAC,CAAC,CAAC;MAEL,IAAI,UAAU,EAAE;QACd,OAAO,GAAG,GAAG,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;OACtD;MAED,OAAO,GAAG,GAAG,SAAS,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,CAAC,CAAC;EACR,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { Comparator, CompareModel, Item, SortModel } from '../types';\nimport { SortDirection } from '../../six-table-header-cell/types';\n\nconst unordered = (value: SortDirection) => value === 'none';\n\nconst DEFAULT_COMPARATOR: Comparator<unknown> = (a, b) => String(a).localeCompare(String(b));\n\nexport const sortBy =\n  <T extends Item>(sort: SortModel<T> = {}, compare: CompareModel<T> = {}) =>\n  (items: T[]) => {\n    const values = Object.values(sort);\n\n    if (values.length === 0 || values.every(unordered)) {\n      return items;\n    }\n\n    return [...items].sort((a, b) => {\n      return Object.entries(sort).reduce((acc, [k, v], index) => {\n        if (v === 'none') {\n          return acc;\n        }\n\n        const comparator = compare[k];\n\n        const direction = {\n          asc: +1,\n          desc: -1,\n        }[v];\n\n        if (comparator) {\n          return acc + direction * (comparator(a, b) << index);\n        }\n\n        return acc + direction * (DEFAULT_COMPARATOR(a[k], b[k]) << index);\n      }, 0);\n    });\n  };\n"]}

package/dist/collection/components/six-table-cell/six-table-cell.css

@@ -1,13 +0,0 @@
-:host {
-  position: relative;
-  box-sizing: border-box;
-}
-:host *, :host *:before, :host *:after {
-  box-sizing: inherit;
-}
-
-:host {
-  display: table-cell;
-  padding: var(--six-spacing-medium);
-  font-size: var(--six-font-size-small);
-}

package/dist/collection/components/six-table-cell/six-table-cell.js

@@ -1,25 +0,0 @@
-import { h, Host } from '@stencil/core';
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the content of the cell.
- */
-export class SixTableCell {
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get is() { return "six-table-cell"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["six-table-cell.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["six-table-cell.css"]
-    };
-  }
-}
-//# sourceMappingURL=six-table-cell.js.map

package/dist/collection/components/six-table-cell/six-table-cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-table-cell.js","sourceRoot":"","sources":["../../../src/components/six-table-cell/six-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;GAKG;AAOH,MAAM,OAAO,YAAY;EACvB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAQ,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the content of the cell.\n */\n\n@Component({\n  tag: 'six-table-cell',\n  styleUrl: 'six-table-cell.scss',\n  shadow: true,\n})\nexport class SixTableCell {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-table-header/six-table-header.css

@@ -1,17 +0,0 @@
-:host {
-  position: relative;
-  box-sizing: border-box;
-}
-:host *, :host *:before, :host *:after {
-  box-sizing: inherit;
-}
-
-:host {
-  display: table-header-group;
-  cursor: pointer;
-  font-family: var(--six-font-family);
-  font-weight: var(--six-font-weight-bold);
-  color: var(--six-table-header-color);
-  border-bottom: solid 2px var(--six-table-header-border-color);
-  padding: 0.75rem;
-}

package/dist/collection/components/six-table-header/six-table-header.js

@@ -1,25 +0,0 @@
-import { Host, h } from '@stencil/core';
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the cells of the header.
- */
-export class SixTableHeader {
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get is() { return "six-table-header"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["six-table-header.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["six-table-header.css"]
-    };
-  }
-}
-//# sourceMappingURL=six-table-header.js.map

package/dist/collection/components/six-table-header/six-table-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-table-header.js","sourceRoot":"","sources":["../../../src/components/six-table-header/six-table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;GAKG;AAOH,MAAM,OAAO,cAAc;EACzB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAQ,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the cells of the header.\n */\n\n@Component({\n  tag: 'six-table-header',\n  styleUrl: 'six-table-header.scss',\n  shadow: true,\n})\nexport class SixTableHeader {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/six-table-header-cell/get-next-state.js

@@ -1,7 +0,0 @@
-const getNextState = (states) => (current) => {
-  const next = states.indexOf(current) + 1;
-  return states[next < states.length ? next : 0];
-};
-export const getNextSortState = getNextState(['none', 'asc', 'desc']);
-export const getNextFilterState = getNextState(Object.values(['eq', 'ne', 'in', 'ni']));
-//# sourceMappingURL=get-next-state.js.map

package/dist/collection/components/six-table-header-cell/get-next-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-next-state.js","sourceRoot":"","sources":["../../../src/components/six-table-header-cell/get-next-state.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAChB,CAAmC,MAAmB,EAAE,EAAE,CAC1D,CAAC,OAAgB,EAAE,EAAE;EACnB,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;EACzC,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;AACtE,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC","sourcesContent":["const getNextState =\n  <T extends Record<string, string>>(states: (keyof T)[]) =>\n  (current: keyof T) => {\n    const next = states.indexOf(current) + 1;\n    return states[next < states.length ? next : 0];\n  };\n\nexport const getNextSortState = getNextState(['none', 'asc', 'desc']);\nexport const getNextFilterState = getNextState(Object.values(['eq', 'ne', 'in', 'ni']));\n"]}

package/dist/collection/components/six-table-header-cell/icons.js

@@ -1,12 +0,0 @@
-export const SortIcon = {
-  ['asc']: 'arrow_drop_up',
-  ['desc']: 'arrow_drop_down',
-  ['none']: 'swap_vert',
-};
-export const FilterIcon = {
-  ['eq']: '=',
-  ['ne']: '≠',
-  ['in']: '∈',
-  ['ni']: '∉',
-};
-//# sourceMappingURL=icons.js.map

package/dist/collection/components/six-table-header-cell/icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/components/six-table-header-cell/icons.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAkC;EACrD,CAAC,KAAK,CAAC,EAAE,eAAe;EACxB,CAAC,MAAM,CAAC,EAAE,iBAAiB;EAC3B,CAAC,MAAM,CAAC,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA+B;EACpD,CAAC,IAAI,CAAC,EAAE,GAAG;EACX,CAAC,IAAI,CAAC,EAAE,MAAM;EACd,CAAC,IAAI,CAAC,EAAE,QAAQ;EAChB,CAAC,IAAI,CAAC,EAAE,SAAS;CAClB,CAAC","sourcesContent":["import { FilterMode, SortDirection } from './types';\n\nexport const SortIcon: Record<SortDirection, string> = {\n  ['asc']: 'arrow_drop_up',\n  ['desc']: 'arrow_drop_down',\n  ['none']: 'swap_vert',\n};\n\nexport const FilterIcon: Record<FilterMode, string> = {\n  ['eq']: '=',\n  ['ne']: '&ne;',\n  ['in']: '&isin;',\n  ['ni']: '&notin;',\n};\n"]}

package/dist/collection/components/six-table-header-cell/six-table-header-cell.css

@@ -1,37 +0,0 @@
-:host {
-  position: relative;
-  box-sizing: border-box;
-}
-:host *, :host *:before, :host *:after {
-  box-sizing: inherit;
-}
-
-:host {
-  display: table-cell;
-  padding: var(--six-spacing-medium) var(--six-spacing-medium) var(--six-spacing-x-small);
-  font-size: var(--six-font-size-small);
-}
-
-six-icon {
-  vertical-align: text-top;
-  width: 1.5rem;
-}
-
-.header:hover .header__trigger-icon, .header--selected .header__trigger-icon {
-  opacity: 1;
-}
-.header__trigger-icon {
-  color: var(--six-color-web-rock-600);
-  opacity: 0;
-}
-.header__trigger-icon-box {
-  float: right;
-}
-
-[slot=prefix] {
-  font-size: 1.5em;
-}
-
-six-dropdown::part(panel) {
-  overflow: inherit;
-}