@scania/tegel 0.0.1-beta

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

@@ -0,0 +1,98 @@
+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;
+        };
+      };
+    };
+    batchArea: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      defaultValue: {
+        summary: string;
+      };
+    };
+  };
+  args: {
+    compactDesign: boolean;
+    onWhiteBackground: boolean;
+    verticalDivider: boolean;
+    responsiveDesign: boolean;
+    batchArea: string;
+    noMinWidth: boolean;
+  };
+};
+export default _default;
+export declare const BatchAction: any;

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

@@ -0,0 +1,38 @@
+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: {
+    bodyData: {
+      name: string;
+      description: string;
+      control: {
+        type: string;
+      };
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+    };
+  };
+  args: {
+    bodyData: {
+      truck: string;
+      driver: string;
+    }[];
+  };
+};
+export default _default;
+export declare const DataProperty: any;

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

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