Merge branch 'CDEP-3490-Auto-collapse-expanded-row' of https://github…

….com/scania-digital-design-system/tegel into CDEP-3490-Auto-collapse-expanded-row
scania-digital-design-system · Oct 16, 2024 · b77bd1d · b77bd1d
2 parents c0eb57b + 905269f
commit b77bd1d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/packages/core/src/components/table/table-body-row-expandable/readme.md b/packages/core/src/components/table/table-body-row-expandable/readme.md
@@ -61,7 +61,6 @@ We recommend fitting your content within the table’s natural size whenever pos
 | `overflow`     | `overflow`      | Controls the overflow behavior of the expandable row content                                                                              | `"auto" \| "hidden"` | `'auto'`             |
 | `rowId`        | `row-id`        | ID for the table row. Randomly generated if not specified.                                                                                | `string`             | `generateUniqueId()` |
 
-
 ## Events
 
 | Event       | Description                                                                            | Type                                                                    |

diff --git a/packages/core/src/components/table/table-component-pagination.stories.tsx b/packages/core/src/components/table/table-component-pagination.stories.tsx
@@ -81,6 +81,15 @@ export default {
         options: ['[5,10,15]', '[20,30,40]', '[100, 220, 303]'],
       },
     },
+    pages: {
+      name: 'Pages',
+      description: 'Number of pages',
+      control: {
+        type: 'number',
+        min: 1,
+        max: 1000,
+      },
+    },
     rowsPerPage: {
       name: 'Rows per page',
       description: 'Show/hide rows per page dropdown in footer',
@@ -143,6 +152,7 @@ export default {
     verticalDivider: false,
     rowsPerPage: true,
     rowsPerPageValues: '[10,25,50]',
+    pages: 4,
     noMinWidth: false,
     column1Width: '',
     column2Width: '',
@@ -158,6 +168,7 @@ const PaginationTemplate = ({
   verticalDivider,
   rowsPerPage,
   rowsPerPageValues,
+  pages,
   noMinWidth,
   column1Width,
   column2Width,
@@ -225,7 +236,7 @@ const PaginationTemplate = ({
                 <tds-body-cell cell-value="Test value 8" cell-key="mileage"></tds-body-cell>
             </tds-table-body-row>
           </tds-table-body>
-          <tds-table-footer pages="4" pagination rowsperpage="${rowsPerPage}"></tds-table-footer>
+          <tds-table-footer pages="${pages}" pagination rowsperpage="${rowsPerPage}"></tds-table-footer>
   </tds-table>
   <!-- Note: Code below is just for demo purposes -->
   <div class="tds-u-mt1" style="width: 500px; background-color: lightblue; padding: 16px;">

diff --git a/packages/core/src/components/table/table-footer/table-footer.tsx b/packages/core/src/components/table/table-footer/table-footer.tsx
@@ -186,6 +186,9 @@ export class TdsTableFooter {
 
   private rowsPerPageChange(event) {
     this.rowsPerPageValue = parseInt(event.detail.value);
+    if (this.paginationValue > this.pages) {
+      this.paginationValue = this.pages;
+    }
     this.emitTdsPagination();
   }