@scania/tegel 0.0.72 → 1.0.1

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

@@ -0,0 +1,80 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    layout: string;
+    design: {
+      name: string;
+      type: string;
+      url: string;
+    }[];
+    notes: {
+      Stepper: any;
+      Step: any;
+    };
+  };
+  argTypes: {
+    size: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    orientation: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    labelPosition: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      if: {
+        arg: string;
+        neq: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    hideLabels: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    size: string;
+    orientation: string;
+    labelPosition: string;
+    hideLabels: boolean;
+  };
+};
+export default _default;
+export declare const Default: any;

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

@@ -0,0 +1,54 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+type Props = {
+  verticalDividers: boolean;
+  compactDesign: boolean;
+  noMinWidth: boolean;
+  multiselect: boolean;
+  expandableRows: boolean;
+  responsive: boolean;
+  modeVariant: 'primary' | 'secondary' | null;
+  textAlign: string;
+};
+export type InternalTdsTablePropChange = {
+  tableId: string;
+  changed: Array<keyof Props>;
+} & Partial<Props>;
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the table contents.
+ */
+export declare class TdsTable {
+  /** Enables style with vertical dividers between columns */
+  verticalDividers: boolean;
+  /** Enables style where Table toolbar, rows and footer are less high */
+  compactDesign: boolean;
+  /** Enables to customize width on Table columns */
+  noMinWidth: boolean;
+  /** Enables multiselect feature of Table */
+  multiselect: boolean;
+  /** Enables extended row feature of Table */
+  expandableRows: boolean;
+  /** Enables Table to take 100% available width with equal spacing of columns */
+  responsive: boolean;
+  /** Variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  /** ID used for internal Table functionality and events, must be unique.
+   *
+   * **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,
+   * as the default ID is random and will be different every time.
+   */
+  tableId: string;
+  host: HTMLElement;
+  /** @internal Broadcasts changes to the Table props */
+  internalTdsTablePropChange: EventEmitter<InternalTdsTablePropChange>;
+  emitInternalTdsPropChange(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
+  /** Returns all selected rows data. */
+  getSelectedRows(): Promise<any[]>;
+  multiselectChanged(newValue: boolean): void;
+  enableExpandableRowsChanged(newValue: boolean): void;
+  compactDesignChanged(newValue: boolean): void;
+  verticalDividersChanged(newValue: boolean): void;
+  noMinWidthChanged(newValue: boolean): void;
+  modeVariantChanged(newValue: 'primary' | 'secondary' | null): void;
+  render(): any;
+}
+export {};

package/dist/types/components/table/table-body/table-body.d.ts

@@ -0,0 +1,24 @@
+import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For table rows.
+ * @slot no-result - Slot for no result message when using filtering.
+ */
+export declare class TdsTableBody {
+  host: HTMLElement;
+  multiselect: boolean;
+  enablePaginationTableBody: boolean;
+  expandableRows: boolean;
+  multiselectArray: any[];
+  multiselectArrayJSON: string;
+  mainCheckboxStatus: boolean;
+  columnsNumber: number;
+  tableId: string;
+  tableEl: HTMLTdsTableElement;
+  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
+  bodyCheckBoxClicked: () => void;
+  bodyCheckboxListener(): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  render(): any;
+}

package/dist/types/components/table/table-body-cell/table-body-cell.d.ts

@@ -0,0 +1,27 @@
+import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cell contents.
+ */
+export declare class TdsTableBodyCell {
+  /** Value that will be presented as text inside a cell */
+  cellValue: string | number;
+  /** Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering */
+  cellKey: any;
+  /** Disables internal padding. Useful when passing other components to cell. */
+  disablePadding: boolean;
+  textAlignState: string;
+  activeSorting: boolean;
+  verticalDividers: boolean;
+  compactDesign: boolean;
+  noMinWidth: boolean;
+  whiteBackground: boolean;
+  tableId: string;
+  host: HTMLElement;
+  tableEl: HTMLTdsTableElement;
+  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
+  internalTdsHoverListener(event: CustomEvent<any>): void;
+  internalTdsTextAlignListener(event: CustomEvent<any>): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/table/table-body-row/table-body-row.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cells.
+ */
+export declare class TdsTableBodyRow {
+  /** Marks the row as selected, used for multiselect table. */
+  selected: boolean;
+  multiselect: boolean;
+  mainCheckBoxStatus: boolean;
+  verticalDividers: boolean;
+  compactDesign: boolean;
+  noMinWidth: boolean;
+  tableId: string;
+  host: HTMLElement;
+  tableEl: HTMLTdsTableElement;
+  /** Event emitted when a row is selected/deselected. */
+  tdsSelect: EventEmitter<{
+    tableId: string;
+    checked: boolean;
+    selectedRows: any[];
+  }>;
+  handleCheckboxChange(event: any): Promise<void>;
+  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { InternalTdsTablePropChange } from '../table/table';
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cells.
+ * @slot expand-row - Slot for the expanded row.
+ */
+export declare class TdsTableBodyRowExpandable {
+  /** 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 */
+  colSpan: number;
+  isExpanded: boolean;
+  tableId: string;
+  columnsNumber: number;
+  verticalDividers: boolean;
+  compactDesign: boolean;
+  noMinWidth: boolean;
+  modeVariant: 'primary' | 'secondary';
+  host: HTMLElement;
+  tableEl: HTMLTdsTableElement;
+  /** @internal Sends out expanded status which is used by the Table header component */
+  internalTdsRowExpanded: EventEmitter<any>;
+  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  sendValue(): void;
+  onChangeHandler(event: any): void;
+  render(): any;
+}

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

@@ -0,0 +1,144 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'tds-table': any;
+      'tds-table-toolbar': any;
+      'tds-header': any;
+      'tds-header-cell': any;
+      'tds-table-body': any;
+      'tds-body-row': any;
+      'tds-body-row-expandable': any;
+      'tds-body-cell': any;
+      'tds-table-footer': any;
+    };
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    compactDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    disablePadding: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    verticalDivider: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column1Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column2Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column3Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column4Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    responsiveDesign: boolean;
+    disablePadding: boolean;
+    verticalDivider: boolean;
+    noMinWidth: boolean;
+    column1Width: string;
+    column2Width: string;
+    column3Width: string;
+    column4Width: string;
+  };
+};
+export default _default;
+export declare const Basic: any;

package/dist/types/components/table/table-component-batch-actions.stories.d.ts

@@ -0,0 +1,139 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'tds-table': any;
+      'tds-table-toolbar': any;
+      'tds-header': any;
+      'tds-header-cell': any;
+      'tds-table-body': any;
+      'tds-body-row': any;
+      'tds-body-row-expandable': any;
+      'tds-body-cell': any;
+      'tds-table-footer': any;
+    };
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    compactDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    batchArea: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    verticalDivider: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column1Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column2Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column3Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column4Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    responsiveDesign: boolean;
+    batchArea: string;
+    verticalDivider: boolean;
+    noMinWidth: boolean;
+    column1Width: string;
+    column2Width: string;
+    column3Width: string;
+    column4Width: string;
+  };
+};
+export default _default;
+export declare const BatchAction: any;

package/dist/types/components/table/table-component-custom-width.stories.d.ts

@@ -0,0 +1,131 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    notes: {
+      'tds-table': any;
+      'tds-table-toolbar': any;
+      'tds-header': any;
+      'tds-header-cell': any;
+      'tds-table-body': any;
+      'tds-body-row': any;
+      'tds-body-row-expandable': any;
+      'tds-body-cell': any;
+      'tds-table-footer': any;
+    };
+  };
+  argTypes: {
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    compactDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    verticalDivider: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column1Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column2Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column3Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column4Width: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    responsiveDesign: boolean;
+    verticalDivider: boolean;
+    noMinWidth: boolean;
+    column1Width: string;
+    column2Width: string;
+    column3Width: string;
+    column4Width: string;
+  };
+};
+export default _default;
+export declare const CustomWidth: any;