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

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

@@ -1,174 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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.css

@@ -1,16 +0,0 @@
-:host {
-  position: relative;
-  box-sizing: border-box;
-}
-:host *, :host *:before, :host *:after {
-  box-sizing: inherit;
-}
-
-:host {
-  display: table-row;
-  font-family: var(--six-font-family);
-}
-
-:host(:hover) {
-  background-color: var(--six-table-row-background-color-hover);
-}

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

@@ -1,21 +0,0 @@
-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"]
-  }; }
-}

package/dist/custom-elements/index.d.ts

@@ -1,387 +0,0 @@
-/* UiLibrary custom elements bundle */
-
-import type { Components, JSX } from "../types/components";
-
-interface SetAttributes extends Components.SetAttributes, HTMLElement {}
-export const SetAttributes: {
-  prototype: SetAttributes;
-  new (): SetAttributes;
-};
-
-interface SixAlert extends Components.SixAlert, HTMLElement {}
-export const SixAlert: {
-  prototype: SixAlert;
-  new (): SixAlert;
-};
-
-interface SixAvatar extends Components.SixAvatar, HTMLElement {}
-export const SixAvatar: {
-  prototype: SixAvatar;
-  new (): SixAvatar;
-};
-
-interface SixBadge extends Components.SixBadge, HTMLElement {}
-export const SixBadge: {
-  prototype: SixBadge;
-  new (): SixBadge;
-};
-
-interface SixButton extends Components.SixButton, HTMLElement {}
-export const SixButton: {
-  prototype: SixButton;
-  new (): SixButton;
-};
-
-interface SixCard extends Components.SixCard, HTMLElement {}
-export const SixCard: {
-  prototype: SixCard;
-  new (): SixCard;
-};
-
-interface SixCheckbox extends Components.SixCheckbox, HTMLElement {}
-export const SixCheckbox: {
-  prototype: SixCheckbox;
-  new (): SixCheckbox;
-};
-
-interface SixDatepicker extends Components.SixDatepicker, HTMLElement {}
-export const SixDatepicker: {
-  prototype: SixDatepicker;
-  new (): SixDatepicker;
-};
-
-interface SixDetails extends Components.SixDetails, HTMLElement {}
-export const SixDetails: {
-  prototype: SixDetails;
-  new (): SixDetails;
-};
-
-interface SixDialog extends Components.SixDialog, HTMLElement {}
-export const SixDialog: {
-  prototype: SixDialog;
-  new (): SixDialog;
-};
-
-interface SixDrawer extends Components.SixDrawer, HTMLElement {}
-export const SixDrawer: {
-  prototype: SixDrawer;
-  new (): SixDrawer;
-};
-
-interface SixDropdown extends Components.SixDropdown, HTMLElement {}
-export const SixDropdown: {
-  prototype: SixDropdown;
-  new (): SixDropdown;
-};
-
-interface SixErrorPage extends Components.SixErrorPage, HTMLElement {}
-export const SixErrorPage: {
-  prototype: SixErrorPage;
-  new (): SixErrorPage;
-};
-
-interface SixFileList extends Components.SixFileList, HTMLElement {}
-export const SixFileList: {
-  prototype: SixFileList;
-  new (): SixFileList;
-};
-
-interface SixFileListItem extends Components.SixFileListItem, HTMLElement {}
-export const SixFileListItem: {
-  prototype: SixFileListItem;
-  new (): SixFileListItem;
-};
-
-interface SixFileUpload extends Components.SixFileUpload, HTMLElement {}
-export const SixFileUpload: {
-  prototype: SixFileUpload;
-  new (): SixFileUpload;
-};
-
-interface SixFooter extends Components.SixFooter, HTMLElement {}
-export const SixFooter: {
-  prototype: SixFooter;
-  new (): SixFooter;
-};
-
-interface SixForm extends Components.SixForm, HTMLElement {}
-export const SixForm: {
-  prototype: SixForm;
-  new (): SixForm;
-};
-
-interface SixGroupLabel extends Components.SixGroupLabel, HTMLElement {}
-export const SixGroupLabel: {
-  prototype: SixGroupLabel;
-  new (): SixGroupLabel;
-};
-
-interface SixHeader extends Components.SixHeader, HTMLElement {}
-export const SixHeader: {
-  prototype: SixHeader;
-  new (): SixHeader;
-};
-
-interface SixIcon extends Components.SixIcon, HTMLElement {}
-export const SixIcon: {
-  prototype: SixIcon;
-  new (): SixIcon;
-};
-
-interface SixIconButton extends Components.SixIconButton, HTMLElement {}
-export const SixIconButton: {
-  prototype: SixIconButton;
-  new (): SixIconButton;
-};
-
-interface SixInput extends Components.SixInput, HTMLElement {}
-export const SixInput: {
-  prototype: SixInput;
-  new (): SixInput;
-};
-
-interface SixItemPicker extends Components.SixItemPicker, HTMLElement {}
-export const SixItemPicker: {
-  prototype: SixItemPicker;
-  new (): SixItemPicker;
-};
-
-interface SixLanguageSwitcher extends Components.SixLanguageSwitcher, HTMLElement {}
-export const SixLanguageSwitcher: {
-  prototype: SixLanguageSwitcher;
-  new (): SixLanguageSwitcher;
-};
-
-interface SixLayoutGrid extends Components.SixLayoutGrid, HTMLElement {}
-export const SixLayoutGrid: {
-  prototype: SixLayoutGrid;
-  new (): SixLayoutGrid;
-};
-
-interface SixMainContainer extends Components.SixMainContainer, HTMLElement {}
-export const SixMainContainer: {
-  prototype: SixMainContainer;
-  new (): SixMainContainer;
-};
-
-interface SixMenu extends Components.SixMenu, HTMLElement {}
-export const SixMenu: {
-  prototype: SixMenu;
-  new (): SixMenu;
-};
-
-interface SixMenuDivider extends Components.SixMenuDivider, HTMLElement {}
-export const SixMenuDivider: {
-  prototype: SixMenuDivider;
-  new (): SixMenuDivider;
-};
-
-interface SixMenuItem extends Components.SixMenuItem, HTMLElement {}
-export const SixMenuItem: {
-  prototype: SixMenuItem;
-  new (): SixMenuItem;
-};
-
-interface SixMenuLabel extends Components.SixMenuLabel, HTMLElement {}
-export const SixMenuLabel: {
-  prototype: SixMenuLabel;
-  new (): SixMenuLabel;
-};
-
-interface SixPicto extends Components.SixPicto, HTMLElement {}
-export const SixPicto: {
-  prototype: SixPicto;
-  new (): SixPicto;
-};
-
-interface SixProgressBar extends Components.SixProgressBar, HTMLElement {}
-export const SixProgressBar: {
-  prototype: SixProgressBar;
-  new (): SixProgressBar;
-};
-
-interface SixProgressRing extends Components.SixProgressRing, HTMLElement {}
-export const SixProgressRing: {
-  prototype: SixProgressRing;
-  new (): SixProgressRing;
-};
-
-interface SixRadio extends Components.SixRadio, HTMLElement {}
-export const SixRadio: {
-  prototype: SixRadio;
-  new (): SixRadio;
-};
-
-interface SixRange extends Components.SixRange, HTMLElement {}
-export const SixRange: {
-  prototype: SixRange;
-  new (): SixRange;
-};
-
-interface SixRoot extends Components.SixRoot, HTMLElement {}
-export const SixRoot: {
-  prototype: SixRoot;
-  new (): SixRoot;
-};
-
-interface SixSearchField extends Components.SixSearchField, HTMLElement {}
-export const SixSearchField: {
-  prototype: SixSearchField;
-  new (): SixSearchField;
-};
-
-interface SixSelect extends Components.SixSelect, HTMLElement {}
-export const SixSelect: {
-  prototype: SixSelect;
-  new (): SixSelect;
-};
-
-interface SixSidebar extends Components.SixSidebar, HTMLElement {}
-export const SixSidebar: {
-  prototype: SixSidebar;
-  new (): SixSidebar;
-};
-
-interface SixSidebarItem extends Components.SixSidebarItem, HTMLElement {}
-export const SixSidebarItem: {
-  prototype: SixSidebarItem;
-  new (): SixSidebarItem;
-};
-
-interface SixSidebarItemGroup extends Components.SixSidebarItemGroup, HTMLElement {}
-export const SixSidebarItemGroup: {
-  prototype: SixSidebarItemGroup;
-  new (): SixSidebarItemGroup;
-};
-
-interface SixSpinner extends Components.SixSpinner, HTMLElement {}
-export const SixSpinner: {
-  prototype: SixSpinner;
-  new (): SixSpinner;
-};
-
-interface SixStageIndicator extends Components.SixStageIndicator, HTMLElement {}
-export const SixStageIndicator: {
-  prototype: SixStageIndicator;
-  new (): SixStageIndicator;
-};
-
-interface SixSwitch extends Components.SixSwitch, HTMLElement {}
-export const SixSwitch: {
-  prototype: SixSwitch;
-  new (): SixSwitch;
-};
-
-interface SixTab extends Components.SixTab, HTMLElement {}
-export const SixTab: {
-  prototype: SixTab;
-  new (): SixTab;
-};
-
-interface SixTabGroup extends Components.SixTabGroup, HTMLElement {}
-export const SixTabGroup: {
-  prototype: SixTabGroup;
-  new (): SixTabGroup;
-};
-
-interface SixTabPanel extends Components.SixTabPanel, HTMLElement {}
-export const SixTabPanel: {
-  prototype: SixTabPanel;
-  new (): SixTabPanel;
-};
-
-interface SixTable extends Components.SixTable, HTMLElement {}
-export const SixTable: {
-  prototype: SixTable;
-  new (): SixTable;
-};
-
-interface SixTableCell extends Components.SixTableCell, HTMLElement {}
-export const SixTableCell: {
-  prototype: SixTableCell;
-  new (): SixTableCell;
-};
-
-interface SixTableHeader extends Components.SixTableHeader, HTMLElement {}
-export const SixTableHeader: {
-  prototype: SixTableHeader;
-  new (): SixTableHeader;
-};
-
-interface SixTableHeaderCell extends Components.SixTableHeaderCell, HTMLElement {}
-export const SixTableHeaderCell: {
-  prototype: SixTableHeaderCell;
-  new (): SixTableHeaderCell;
-};
-
-interface SixTableRow extends Components.SixTableRow, HTMLElement {}
-export const SixTableRow: {
-  prototype: SixTableRow;
-  new (): SixTableRow;
-};
-
-interface SixTag extends Components.SixTag, HTMLElement {}
-export const SixTag: {
-  prototype: SixTag;
-  new (): SixTag;
-};
-
-interface SixTextarea extends Components.SixTextarea, HTMLElement {}
-export const SixTextarea: {
-  prototype: SixTextarea;
-  new (): SixTextarea;
-};
-
-interface SixTile extends Components.SixTile, HTMLElement {}
-export const SixTile: {
-  prototype: SixTile;
-  new (): SixTile;
-};
-
-interface SixTimepicker extends Components.SixTimepicker, HTMLElement {}
-export const SixTimepicker: {
-  prototype: SixTimepicker;
-  new (): SixTimepicker;
-};
-
-interface SixTooltip extends Components.SixTooltip, HTMLElement {}
-export const SixTooltip: {
-  prototype: SixTooltip;
-  new (): SixTooltip;
-};
-
-/**
- * Utility to define all custom elements within this package using the tag name provided in the component's source. 
- * When defining each custom element, it will also check it's safe to define by:
- *
- * 1. Ensuring the "customElements" registry is available in the global context (window).
- * 2. The component tag name is not already defined.
- *
- * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
- * method instead to define custom elements individually, or to provide a different tag name.
- */
-export declare const defineCustomElements: (opts?: any) => void;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  ce?: (eventName: string, opts?: any) => CustomEvent;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';