@scania/tegel 0.0.1-beta.6 → 0.0.1-beta.9

package/dist/types/components/data-table/table-component-pagination.stories.d.ts

@@ -1,100 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    notes: {
-      'sdds-table': any;
-      'sdds-table-toolbar': any;
-      'sdds-header': any;
-      'sdds-header-cell': any;
-      'sdds-table-body': any;
-      'sdds-body-row': any;
-      'sdds-body-row-expandable': any;
-      'sdds-body-cell': any;
-      'sdds-table-footer': any;
-    };
-  };
-  argTypes: {
-    verticalDivider: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    compactDesign: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    onWhiteBackground: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    responsiveDesign: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    noMinWidth: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    rowsPerPageControl: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: number;
-        };
-      };
-    };
-  };
-  args: {
-    compactDesign: boolean;
-    onWhiteBackground: boolean;
-    verticalDivider: boolean;
-    responsiveDesign: boolean;
-    rowsPerPageControl: number;
-    noMinWidth: boolean;
-  };
-};
-export default _default;
-export declare const Pagination: any;

package/dist/types/components/data-table/table-component-sorting.stories.d.ts

@@ -1,79 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    notes: {
-      'sdds-table': any;
-      'sdds-table-toolbar': any;
-      'sdds-header': any;
-      'sdds-header-cell': any;
-      'sdds-table-body': any;
-      'sdds-body-row': any;
-      'sdds-body-row-expandable': any;
-      'sdds-body-cell': any;
-      'sdds-table-footer': any;
-    };
-  };
-  argTypes: {
-    verticalDivider: {
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    compactDesign: {
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    onWhiteBackground: {
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    responsiveDesign: {
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    column1sortable: {
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    column2sortable: {
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    column3sortable: {
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    column4sortable: {
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-  };
-  args: {
-    verticalDivider: boolean;
-    compactDesign: boolean;
-    onWhiteBackground: boolean;
-    responsiveDesign: boolean;
-    column1sortable: boolean;
-    column2sortable: boolean;
-    column3sortable: boolean;
-    column4sortable: boolean;
-    noMinWidth: boolean;
-  };
-};
-export default _default;
-export declare const Sorting: any;

package/dist/types/components/data-table/table-footer/table-footer.d.ts

@@ -1,50 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { TablePropsChangedEvent } from '../table/table';
-export declare class TableFooter {
-  /** Enable pagination and show pagination controls  */
-  enablePagination: boolean;
-  /** Sets how many rows to display when pagination is enabled */
-  rowsPerPage: number;
-  /** Prop to enable client controlled pagination  */
-  enableClientPagination: boolean;
-  /** Prop for client to set current page number */
-  clientPaginationValue: number;
-  /** Prop for client to set max number of pages */
-  clientMaxPages: number;
-  /** In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too */
-  clientSetColumnsNumber: number;
-  /** Disables inbuilt pagination logic, leaving user an option to create own pagination functionality while listening to events from sdds-table-footer component */
-  disablePaginationFunction: boolean;
-  /** State that memorize number of columns to display colSpan correctly - set from parent level */
-  columnsNumber: number;
-  /** Total number of pages, number of the rows divided with number of rows per page */
-  numberOfPages: number;
-  /** Initial value for pagination in input element */
-  paginationValue: number;
-  /** Temporarily disable pagination - due to search - set from parent level */
-  tempPaginationDisable: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  whiteBackground: boolean;
-  tableId: string;
-  host: HTMLElement;
-  tableEl: HTMLSddsTableElement;
-  /** Event that footer sends out in order to receive other necessary information from other subcomponents */
-  enablePaginationEvent: EventEmitter<any>;
-  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  paginationPrev: (event: any) => void;
-  paginationNext: (event: any) => void;
-  paginationInputChange(event: any): void;
-  runPaginationEventListener(event: CustomEvent<any>): void;
-  runPagination: () => void;
-  /** Event to send current page value back to sdds-table-body component */
-  currentPageValueEvent: EventEmitter<any>;
-  sendPaginationValue(value: any): void;
-  clientPaginationPrev: (event: any) => void;
-  clientPaginationNext: (event: any) => void;
-  clientPaginationInputChange(event: any): void;
-  render(): any;
-}

package/dist/types/components/data-table/table-header/table-header.d.ts

@@ -1,27 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { TablePropsChangedEvent } from '../table/table';
-export declare class TableHeaderRow {
-  enableMultiselect: boolean;
-  enableExpandableRows: boolean;
-  mainCheckboxSelected: boolean;
-  mainExpendSelected: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  whiteBackground: boolean;
-  enableToolbarDesign: boolean;
-  tableId: string;
-  host: HTMLElement;
-  tableEl: HTMLSddsTableElement;
-  /** Send status of main checkbox in header to the parent, sdds-table component */
-  mainCheckboxSelectedEvent: EventEmitter<any>;
-  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
-  updateMainCheckboxEventListener(event: CustomEvent<any>): void;
-  singleRowExpandedEventListener(event: CustomEvent<any>): void;
-  bodyExpandClicked(): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  headCheckBoxClicked(event: any): void;
-  render(): any;
-}

package/dist/types/components/data-table/table-header-cell/table-header-cell.d.ts

@@ -1,45 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { TablePropsChangedEvent } from '../table/table';
-export declare class TableHeaderCell {
-  /** Value of column key, usually comes from JSON, needed for sorting */
-  columnKey: string;
-  /** Text that displays in column cell */
-  columnTitle: string;
-  /** In case noMinWidth setting, user has to specify width value for each column, for example "150px" */
-  customWidth: string;
-  /** If passed as prop, enables sorting on that column */
-  sortable: boolean;
-  /** Setting for text align, default is left, but user can pass "right" as string - useful for numeric values */
-  textAlign: string;
-  textAlignState: string;
-  sortingDirection: string;
-  sortedByMyKey: boolean;
-  disableSortingBtn: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  whiteBackground: boolean;
-  enableMultiselect: boolean;
-  enableToolbarDesign: boolean;
-  tableId: string;
-  enableExpandableRows: boolean;
-  host: HTMLElement;
-  tableEl: HTMLSddsTableElement;
-  /** Sends unique table identifier,column key and sorting direction to the sdds-table-body component */
-  sortColumnDataEvent: EventEmitter<any>;
-  /** Sends unique table identifier, column key and text align value so the body cells with same key take the same text alignment as header cell */
-  textAlignEvent: EventEmitter<any>;
-  /** Sends unique table identifier, column key so the body cells with the same key change background when user hovers over header cell */
-  headCellHoverEvent: EventEmitter<any>;
-  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
-  sortingSwitcherEventListener(event: CustomEvent<any>): void;
-  updateOptionsContent(event: CustomEvent<any>): void;
-  enableMultiselectEventListener(event: CustomEvent<any>): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  sortButtonClick: (key: any) => void;
-  headerCellContent: () => any;
-  onHeadCellHover: (key: any) => void;
-  render(): any;
-}

package/dist/types/components/data-table/table-toolbar/table-toolbar.d.ts

@@ -1,22 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { TablePropsChangedEvent } from '../table/table';
-export declare class TableToolbar {
-  /** Adds title to the data-table */
-  tableTitle: string;
-  /** Enables preview of searchbar */
-  enableFiltering: boolean;
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  whiteBackground: boolean;
-  tableId: string;
-  host: HTMLElement;
-  tableEl: HTMLSddsTableElement;
-  /** Used for sending users input to main parent <sdds-table> component */
-  tableFilteringTerm: EventEmitter<any>;
-  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  searchFunction(event: any): void;
-  render(): any;
-}

package/dist/types/components/datetime/datetime.d.ts

@@ -1,32 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Datetime {
-  /** Textinput for focus state */
-  textInput?: HTMLInputElement;
-  /** Which input type, text, password or similar */
-  type: string;
-  /** Value of the input text */
-  value: string;
-  /** Set input in disabled state */
-  disabled: boolean;
-  /** Size of the input */
-  size: 'sm' | 'md' | '';
-  /** With setting */
-  noMinWidth: boolean;
-  /** Name property */
-  name: string;
-  /** Error state of input */
-  state: string;
-  /** Autofocus for input */
-  autofocus: boolean;
-  /** Listen to the focus state of the input */
-  focusInput: any;
-  /** Change event for the datetime */
-  customChange: EventEmitter;
-  handleFocusIn(): void;
-  handleFocusOut(): void;
-  handleInput(e: any): void;
-  handleChange(e: any): void;
-  /** Set the input as focus when clicking the whole datetime with suffix/prefix */
-  handleFocusClick(): void;
-  render(): any;
-}

package/dist/types/components/datetime/datetime.stories.d.ts

@@ -1,80 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    notes: any;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    type: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-    size: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-    minWidth: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    disabled: {
-      description: string;
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    label: {
-      description: string;
-      name: string;
-      control: {
-        type: string;
-      };
-    };
-    helper: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    state: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-  args: {
-    type: string;
-    size: string;
-    minWidth: string;
-    disabled: boolean;
-    state: string;
-    label: string;
-    helper: string;
-  };
-};
-export default _default;
-export declare const Default: any;
-export declare const ErrorState: any;
-export declare const Time: any;
-export declare const Date: any;

package/dist/types/components/divider/divider.stories.d.ts

@@ -1,72 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    style: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-    type: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-    width: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        eq: string;
-      };
-    };
-    height: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        eq: string;
-      };
-    };
-    direction: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      if: {
-        arg: string;
-        eq: string;
-      };
-    };
-  };
-  args: {
-    style: string;
-    type: string;
-    width: number;
-    height: number;
-    direction: string;
-  };
-};
-export default _default;
-export declare const Default: any;

package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.d.ts

@@ -1,42 +0,0 @@
-export declare class DropdownFilter {
-  dataOptions: any[];
-  filteredContent: any[];
-  searchTerm: string;
-  selectedOptionState: any;
-  dropdownRef?: HTMLSddsDropdownElement;
-  /** Placeholder text for dropdown with no selected item */
-  placeholder: string;
-  /** Label for dropdown with no selected item */
-  label: string;
-  /** Add the value of the option to set it as default */
-  defaultOption: string;
-  /** Add the value of the option as string to set it as new selected value */
-  selectedOption: string;
-  /** Add the value of the option to set it as default */
-  disabled: boolean;
-  /** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */
-  size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large';
-  /** Set to true to make the width following the label text length */
-  inline: boolean;
-  /** Position of label: `no-label` (default), `inside`, `outside` */
-  labelPosition: 'no-label' | 'inside' | 'outside';
-  /** Support `error` state */
-  state: string;
-  /** Add helper text in the bottom of dropdown */
-  helper: string;
-  /** Data is an array of objects that contains label and value
-   * `data = [{label:'Option 1', value:'opt-1'},{label:'Option 2', value:'opt-2'}]`
-   */
-  data: string;
-  selectedLabel: string;
-  selectedValue: string;
-  componentWillLoad(): void;
-  parseData(newValue: string): void;
-  updateOptionsContent(event: CustomEvent<any>): void;
-  selectOptionHandler(event: CustomEvent<any>): void;
-  findData(): void;
-  setOptionsContent(): any;
-  /** Use this method to reset the dropdown. Then it will go back to its initial state. */
-  resetOption(): Promise<void>;
-  render(): any;
-}

package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.stories.d.ts

@@ -1,73 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    notes: any;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    size: {
-      name: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      description: string;
-    };
-    placeholder: {
-      name: string;
-      type: string;
-      description: string;
-    };
-    disabled: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    helper: {
-      name: string;
-      control: {
-        type: string;
-      };
-      description: string;
-    };
-    defaultOption: {
-      description: string;
-      name: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-    openDirection: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        summary: {
-          defaultValue: string;
-        };
-      };
-    };
-  };
-  args: {
-    size: string;
-    placeholder: string;
-    disabled: boolean;
-    helper: string;
-    defaultOption: string;
-    state: string;
-    openDirection: string;
-  };
-};
-export default _default;
-export declare const Default: any;

package/dist/types/components/dropdown/dropdown-native.stories.d.ts

@@ -1,57 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    label: {
-      name: string;
-      type: string;
-      description: string;
-    };
-    size: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-    disabled: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    state: {
-      name: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      description: string;
-    };
-    helper: {
-      name: string;
-      control: {
-        type: string;
-      };
-      description: string;
-    };
-  };
-  args: {
-    label: string;
-    size: string;
-    disabled: boolean;
-    state: string;
-    helper: string;
-  };
-};
-export default _default;
-export declare const Native: any;

package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts

@@ -1,19 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class DropdownOption {
-  host: HTMLElement;
-  innerValue: string;
-  /** Selected set to true if selected */
-  selected: boolean;
-  /** Sets option to disabled state if true */
-  disabled: boolean;
-  /** Value is a unique string that will be used for application logic */
-  value: string;
-  selectOption: EventEmitter<any>;
-  isMultiSelectOption: boolean;
-  changeFocusHandler(): void;
-  removeFocusHandler(): void;
-  onKeyDown(event: KeyboardEvent): void;
-  componentWillLoad(): void;
-  selectOptionHandler(value: any): void;
-  render(): any;
-}