@scania/tegel 0.0.1-beta.9 → 0.0.4

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

@@ -0,0 +1,148 @@
+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;
+        };
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    column1Width: {
+      name: string;
+      description: string;
+      type: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column2Width: {
+      name: string;
+      description: string;
+      type: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column3Width: {
+      name: string;
+      description: string;
+      type: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+    column4Width: {
+      name: string;
+      description: string;
+      type: string;
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+      if: {
+        arg: string;
+        eq: boolean;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    verticalDivider: boolean;
+    responsiveDesign: boolean;
+    noMinWidth: boolean;
+    column1Width: string;
+    column2Width: string;
+    column3Width: string;
+    column4Width: string;
+  };
+};
+export default _default;
+export declare const CustomWidth: any;

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

@@ -0,0 +1,88 @@
+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;
+        };
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    verticalDivider: boolean;
+    responsiveDesign: boolean;
+    noMinWidth: boolean;
+  };
+};
+export default _default;
+export declare const EventListeners: any;

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

@@ -0,0 +1,88 @@
+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;
+        };
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    verticalDivider: boolean;
+    responsiveDesign: boolean;
+    noMinWidth: boolean;
+  };
+};
+export default _default;
+export declare const ExpandableRows: any;

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

@@ -0,0 +1,101 @@
+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;
+        };
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    useDataProp: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    verticalDivider: boolean;
+    responsiveDesign: boolean;
+    useDataProp: boolean;
+    noMinWidth: boolean;
+  };
+};
+export default _default;
+export declare const Filtering: any;

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

@@ -0,0 +1,101 @@
+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: {
+    enableMultiselect: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    verticalDivider: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    compactDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    compactDesign: boolean;
+    verticalDivider: boolean;
+    responsiveDesign: boolean;
+    noMinWidth: boolean;
+    enableMultiselect: boolean;
+  };
+};
+export default _default;
+export declare const Multiselect: any;

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

@@ -0,0 +1,101 @@
+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;
+        };
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    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: {
+    modeVariant: string;
+    compactDesign: 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

@@ -0,0 +1,100 @@
+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;
+      };
+    };
+    compactDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    modeVariant: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      options: string[];
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+    };
+    responsiveDesign: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    noMinWidth: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column1sortable: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column2sortable: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column3sortable: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+    column4sortable: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+    };
+  };
+  args: {
+    modeVariant: string;
+    verticalDivider: boolean;
+    compactDesign: boolean;
+    responsiveDesign: boolean;
+    column1sortable: boolean;
+    column2sortable: boolean;
+    column3sortable: boolean;
+    column4sortable: boolean;
+    noMinWidth: boolean;
+  };
+};
+export default _default;
+export declare const Sorting: any;