@six-group/ui-library 3.0.0-beta.1.7 → 3.0.0-beta.1.8

package/dist/collection/components/six-tab-panel/six-tab-panel.js

@@ -1,75 +1,75 @@
-import { Component, Element, Host, Prop, h } from '@stencil/core';
-let id = 0;
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @slot - The tab panel's content.
- *
- * @part base - The component's base wrapper.
- */
-export class SixTabPanel {
-  constructor() {
-    this.componentId = `tab-panel-${++id}`;
-    /** The tab panel's name. */
-    this.name = '';
-    /** When true, the tab panel will be shown. */
-    this.active = false;
-  }
-  render() {
-    return (
-    // If the user didn't provide an ID, we'll set one so we can link tabs and tab panels with aria labels
-    h(Host, { id: this.host.id || this.componentId, style: { display: this.active ? 'block' : 'none' } },
-      h("div", { part: "base", class: "tab-panel", role: "tabpanel", "aria-selected": this.active ? 'true' : 'false', "aria-hidden": this.active ? 'false' : 'true' },
-        h("slot", null))));
-  }
-  static get is() { return "six-tab-panel"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-tab-panel.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-tab-panel.css"]
-  }; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The tab panel's name."
-      },
-      "attribute": "name",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "When true, the tab panel will be shown."
-      },
-      "attribute": "active",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}
+import { Component, Element, Host, Prop, h } from '@stencil/core';
+let id = 0;
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @slot - The tab panel's content.
+ *
+ * @part base - The component's base wrapper.
+ */
+export class SixTabPanel {
+  constructor() {
+    this.componentId = `tab-panel-${++id}`;
+    /** The tab panel's name. */
+    this.name = '';
+    /** When true, the tab panel will be shown. */
+    this.active = false;
+  }
+  render() {
+    return (
+    // If the user didn't provide an ID, we'll set one so we can link tabs and tab panels with aria labels
+    h(Host, { id: this.host.id || this.componentId, style: { display: this.active ? 'block' : 'none' } },
+      h("div", { part: "base", class: "tab-panel", role: "tabpanel", "aria-selected": this.active ? 'true' : 'false', "aria-hidden": this.active ? 'false' : 'true' },
+        h("slot", null))));
+  }
+  static get is() { return "six-tab-panel"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-tab-panel.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-tab-panel.css"]
+  }; }
+  static get properties() { return {
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The tab panel's name."
+      },
+      "attribute": "name",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "active": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "When true, the tab panel will be shown."
+      },
+      "attribute": "active",
+      "reflect": true,
+      "defaultValue": "false"
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}

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

@@ -1,209 +1,209 @@
-import { Component, Host, h, Prop, Event, State, Listen, Method, Element } 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 {
-  constructor() {
-    /** Set to true to stripe the table. */
-    this.striped = false;
-    /** Set to true to display loading indicator. */
-    this.loading = false;
-    this.data = {
-      columns: {},
-      rows: [],
-    };
-    this.handleRowClick = (item) => (event) => {
-      this.tableRowClicked.emit({ event, item });
-    };
-    this.handleCellClick = (item, key) => (event) => {
-      this.tableCellClicked.emit({ event, item, key });
-    };
-    console.warn('six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler');
-  }
-  handleData({ detail }) {
-    if (!isData(detail)) {
-      return;
-    }
-    this.data = detail;
-  }
-  async setData(value) {
-    if (!isData(value)) {
-      return;
-    }
-    this.data = value;
-  }
-  componentDidLoad() {
-    this.tableReady.emit();
-  }
-  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
-    }]; }
-}
+import { Component, Host, h, Prop, Event, State, Listen, Method, Element } 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 {
+  constructor() {
+    /** Set to true to stripe the table. */
+    this.striped = false;
+    /** Set to true to display loading indicator. */
+    this.loading = false;
+    this.data = {
+      columns: {},
+      rows: [],
+    };
+    this.handleRowClick = (item) => (event) => {
+      this.tableRowClicked.emit({ event, item });
+    };
+    this.handleCellClick = (item, key) => (event) => {
+      this.tableCellClicked.emit({ event, item, key });
+    };
+    console.warn('six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler');
+  }
+  handleData({ detail }) {
+    if (!isData(detail)) {
+      return;
+    }
+    this.data = detail;
+  }
+  async setData(value) {
+    if (!isData(value)) {
+      return;
+    }
+    this.data = value;
+  }
+  componentDidLoad() {
+    this.tableReady.emit();
+  }
+  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
+    }]; }
+}

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

@@ -1,13 +1,13 @@
-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);
-};
+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);
+};

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

@@ -1,8 +1,8 @@
-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));
+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));