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

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

@@ -1,174 +1,174 @@
-import { Component, Event, h, Host, Prop } from '@stencil/core';
-import { SortDirection } from './types';
-import { getNextFilterState, getNextSortState } from './util/get-next-state';
-import { createFilterModel, createSortModel } from './util/create-model';
-import { FilterIcon, SortIcon } from './icons';
-/**
- * @since 1.0
- * @status stable
- *
- * @slot - Used to define the label of the header field.
- */
-export class SixTableHeaderCell {
-  constructor() {
-    this.handleSortNext = () => {
-      this.sortUpdated.emit(createSortModel(this.name, getNextSortState(this.sort)));
-    };
-    this.handleFilterNext = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, getNextFilterState(this.filter), this.inputElement.value));
-    };
-    this.handleFilterChange = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, this.filter, this.inputElement.value));
-    };
-    this.handleFilterClear = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, this.filter, undefined));
-      this.filterRef.hide();
-    };
-  }
-  render() {
-    const sort = this.sort && (h("six-icon", { filled: true, class: { 'header__trigger-icon': this.sort === SortDirection.None }, onClick: this.handleSortNext, "data-testid": `table-sort-${this.name}` }, SortIcon[this.sort]));
-    const filter = this.filter && (h("six-dropdown", { ref: (el) => (this.filterRef = el), hoist: true, "data-testid": `table-filter-${this.name}` },
-      h("six-icon", { slot: "trigger", class: "header__trigger-icon" }, "filter_alt"),
-      h("six-input", { ref: (el) => (this.inputElement = el), value: this.value, "onSix-input-input": this.handleFilterChange },
-        h("six-icon-button", { slot: "prefix", html: FilterIcon[this.filter], onClick: this.handleFilterNext, "data-testid": `table-filter-prefix-${this.name}` }),
-        h("six-icon-button", { slot: "suffix", name: "clear", label: "Clear", onClick: this.handleFilterClear, "data-testid": `table-filter-suffix-${this.name}` }))));
-    return (h(Host, null,
-      h("div", { class: { header: true, 'header--selected': this.value !== undefined } },
-        h("slot", null),
-        h("div", { class: "header__trigger-icon-box" },
-          sort,
-          filter))));
-  }
-  static get is() { return "six-table-header-cell"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-table-header-cell.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-table-header-cell.css"]
-  }; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "keyof Item",
-        "resolved": "string",
-        "references": {
-          "Item": {
-            "location": "import",
-            "path": "../six-table/types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Table row property name. Used in the custom events to identify the row."
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "sort": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SortDirection",
-        "resolved": "SortDirection.Asc | SortDirection.Desc | SortDirection.None",
-        "references": {
-          "SortDirection": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Sort direction. Applied only when set."
-      },
-      "attribute": "sort",
-      "reflect": false
-    },
-    "filter": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FilterMode",
-        "resolved": "FilterMode.Equals | FilterMode.Includes | FilterMode.NotEquals | FilterMode.NotIncludes",
-        "references": {
-          "FilterMode": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Filter mode. Applied only when set."
-      },
-      "attribute": "filter",
-      "reflect": false
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Filter value. Applied only when filter mode is set."
-      },
-      "attribute": "value",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "sortUpdated",
-      "name": "six-table-header-cell-sort-updated",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when sort model is updated."
-      },
-      "complexType": {
-        "original": "SixTableHeaderCellSortUpdatedPayload",
-        "resolved": "{ [x: string]: SortDirection; }",
-        "references": {
-          "SixTableHeaderCellSortUpdatedPayload": {
-            "location": "local"
-          }
-        }
-      }
-    }, {
-      "method": "filterUpdated",
-      "name": "six-table-header-cell-filter-updated",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when filter model is updated."
-      },
-      "complexType": {
-        "original": "SixTableHeaderCellFilterUpdatedPayload",
-        "resolved": "{ [x: string]: BasedOnKeys<FilterMode, string>; }",
-        "references": {
-          "SixTableHeaderCellFilterUpdatedPayload": {
-            "location": "local"
-          }
-        }
-      }
-    }]; }
-}
+import { Component, Event, h, Host, Prop } from '@stencil/core';
+import { SortDirection } from './types';
+import { getNextFilterState, getNextSortState } from './util/get-next-state';
+import { createFilterModel, createSortModel } from './util/create-model';
+import { FilterIcon, SortIcon } from './icons';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * @slot - Used to define the label of the header field.
+ */
+export class SixTableHeaderCell {
+  constructor() {
+    this.handleSortNext = () => {
+      this.sortUpdated.emit(createSortModel(this.name, getNextSortState(this.sort)));
+    };
+    this.handleFilterNext = () => {
+      this.filterUpdated.emit(createFilterModel(this.name, getNextFilterState(this.filter), this.inputElement.value));
+    };
+    this.handleFilterChange = () => {
+      this.filterUpdated.emit(createFilterModel(this.name, this.filter, this.inputElement.value));
+    };
+    this.handleFilterClear = () => {
+      this.filterUpdated.emit(createFilterModel(this.name, this.filter, undefined));
+      this.filterRef.hide();
+    };
+  }
+  render() {
+    const sort = this.sort && (h("six-icon", { filled: true, class: { 'header__trigger-icon': this.sort === SortDirection.None }, onClick: this.handleSortNext, "data-testid": `table-sort-${this.name}` }, SortIcon[this.sort]));
+    const filter = this.filter && (h("six-dropdown", { ref: (el) => (this.filterRef = el), hoist: true, "data-testid": `table-filter-${this.name}` },
+      h("six-icon", { slot: "trigger", class: "header__trigger-icon" }, "filter_alt"),
+      h("six-input", { ref: (el) => (this.inputElement = el), value: this.value, "onSix-input-input": this.handleFilterChange },
+        h("six-icon-button", { slot: "prefix", html: FilterIcon[this.filter], onClick: this.handleFilterNext, "data-testid": `table-filter-prefix-${this.name}` }),
+        h("six-icon-button", { slot: "suffix", name: "clear", label: "Clear", onClick: this.handleFilterClear, "data-testid": `table-filter-suffix-${this.name}` }))));
+    return (h(Host, null,
+      h("div", { class: { header: true, 'header--selected': this.value !== undefined } },
+        h("slot", null),
+        h("div", { class: "header__trigger-icon-box" },
+          sort,
+          filter))));
+  }
+  static get is() { return "six-table-header-cell"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["six-table-header-cell.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["six-table-header-cell.css"]
+  }; }
+  static get properties() { return {
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "keyof Item",
+        "resolved": "string",
+        "references": {
+          "Item": {
+            "location": "import",
+            "path": "../six-table/types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Table row property name. Used in the custom events to identify the row."
+      },
+      "attribute": "name",
+      "reflect": false
+    },
+    "sort": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "SortDirection",
+        "resolved": "SortDirection.Asc | SortDirection.Desc | SortDirection.None",
+        "references": {
+          "SortDirection": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Sort direction. Applied only when set."
+      },
+      "attribute": "sort",
+      "reflect": false
+    },
+    "filter": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "FilterMode",
+        "resolved": "FilterMode.Equals | FilterMode.Includes | FilterMode.NotEquals | FilterMode.NotIncludes",
+        "references": {
+          "FilterMode": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Filter mode. Applied only when set."
+      },
+      "attribute": "filter",
+      "reflect": false
+    },
+    "value": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Filter value. Applied only when filter mode is set."
+      },
+      "attribute": "value",
+      "reflect": false
+    }
+  }; }
+  static get events() { return [{
+      "method": "sortUpdated",
+      "name": "six-table-header-cell-sort-updated",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when sort model is updated."
+      },
+      "complexType": {
+        "original": "SixTableHeaderCellSortUpdatedPayload",
+        "resolved": "{ [x: string]: SortDirection; }",
+        "references": {
+          "SixTableHeaderCellSortUpdatedPayload": {
+            "location": "local"
+          }
+        }
+      }
+    }, {
+      "method": "filterUpdated",
+      "name": "six-table-header-cell-filter-updated",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when filter model is updated."
+      },
+      "complexType": {
+        "original": "SixTableHeaderCellFilterUpdatedPayload",
+        "resolved": "{ [x: string]: BasedOnKeys<FilterMode, string>; }",
+        "references": {
+          "SixTableHeaderCellFilterUpdatedPayload": {
+            "location": "local"
+          }
+        }
+      }
+    }]; }
+}

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

@@ -1,13 +1,13 @@
-export var SortDirection;
-(function (SortDirection) {
-  SortDirection["None"] = "none";
-  SortDirection["Asc"] = "asc";
-  SortDirection["Desc"] = "desc";
-})(SortDirection || (SortDirection = {}));
-export var FilterMode;
-(function (FilterMode) {
-  FilterMode["Equals"] = "eq";
-  FilterMode["NotEquals"] = "ne";
-  FilterMode["Includes"] = "in";
-  FilterMode["NotIncludes"] = "ni";
-})(FilterMode || (FilterMode = {}));
+export var SortDirection;
+(function (SortDirection) {
+  SortDirection["None"] = "none";
+  SortDirection["Asc"] = "asc";
+  SortDirection["Desc"] = "desc";
+})(SortDirection || (SortDirection = {}));
+export var FilterMode;
+(function (FilterMode) {
+  FilterMode["Equals"] = "eq";
+  FilterMode["NotEquals"] = "ne";
+  FilterMode["Includes"] = "in";
+  FilterMode["NotIncludes"] = "ni";
+})(FilterMode || (FilterMode = {}));

package/dist/collection/components/six-table-header-cell/util/create-model.js

@@ -1,6 +1,6 @@
-export const createSortModel = (key, value) => {
-  return { [key]: value };
-};
-export const createFilterModel = (key, filter, value) => {
-  return { [key]: { [filter]: value } };
-};
+export const createSortModel = (key, value) => {
+  return { [key]: value };
+};
+export const createFilterModel = (key, filter, value) => {
+  return { [key]: { [filter]: value } };
+};

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

@@ -1,7 +1,7 @@
-import { SortDirection, FilterMode } from '../types';
-const getNextState = (states) => (current) => {
-  const next = states.indexOf(current) + 1;
-  return states[next < states.length ? next : 0];
-};
-export const getNextSortState = getNextState(Object.values(SortDirection));
-export const getNextFilterState = getNextState(Object.values(FilterMode));
+import { SortDirection, FilterMode } from '../types';
+const getNextState = (states) => (current) => {
+  const next = states.indexOf(current) + 1;
+  return states[next < states.length ? next : 0];
+};
+export const getNextSortState = getNextState(Object.values(SortDirection));
+export const getNextFilterState = getNextState(Object.values(FilterMode));

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

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