Merge branch 'master' into dependabot/npm_and_yarn/examples/next-12/nanoid-3.3.8

Author: amitamrutiya

.github/workflows/bump-meshery-version.yml

@@ -34,7 +34,7 @@ jobs:
           token: ${{ secrets.RELEASEDRAFTER_PAT }}
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: '20.x'
           cache: "npm"
           cache-dependency-path: '**/package-lock.json'
       - name: Make changes to pull request
@@ -57,7 +57,7 @@ jobs:
             ui/package-lock.json
           body: |
             Update to Sistent v${{ needs.versions-check.outputs.current }}
-            
+
             _This pull request has been auto-generated by [l5io](http://github.com/l5io)_
           assignees: l5io
           draft: false
@@ -73,7 +73,7 @@ jobs:
           token: ${{ secrets.RELEASEDRAFTER_PAT }}
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: '20.x'
           cache: "npm"
           cache-dependency-path: '**/package-lock.json'
       - name: Make changes to pull request
@@ -96,7 +96,7 @@ jobs:
             meshmap/package-lock.json
           body: |
             Update to Sistent v${{ needs.versions-check.outputs.current }}
-            
+
             _This pull request has been auto-generated by [l5io](http://github.com/l5io)_
           assignees: l5io
           draft: false
@@ -112,7 +112,7 @@ jobs:
                   token: ${{ secrets.RELEASEDRAFTER_PAT }}
               - uses: actions/setup-node@v4
                 with:
-                  node-version: 18
+                  node-version: '20.x'
                   cache: "npm"
                   cache-dependency-path: '**/package-lock.json'
               - name: Make changes to pull request
@@ -134,7 +134,7 @@ jobs:
                     package-lock.json
                   body: |
                     Update to Sistent v${{ needs.versions-check.outputs.current }}
-                    
+
                     _This pull request has been auto-generated by [l5io](http://github.com/l5io)_
                   assignees: l5io
                   draft: false
@@ -150,7 +150,7 @@ jobs:
           token: ${{ secrets.RELEASEDRAFTER_PAT }}
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: '20.x'
           cache: "npm"
           cache-dependency-path: '**/package-lock.json'
       - name: Make changes to pull request
@@ -173,7 +173,7 @@ jobs:
             ui/package-lock.json
           body: |
             Update to Sistent v${{ needs.versions-check.outputs.current }}
-            
+
             _This pull request has been auto-generated by [l5io](http://github.com/l5io)_
           assignees: l5io
           draft: false

.github/workflows/node-checks.yml

@@ -15,7 +15,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16, 18, 20]
+        node-version: [18, 20]
     steps:
       - name: Checkout Repository
         uses: actions/checkout@v4

.github/workflows/release.yml

@@ -8,7 +8,7 @@ on:
     types: [published]
 env:
   HUSKY: 0
-  
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -17,7 +17,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: '20.x'
 
   publish-gpr:
     needs: build
@@ -35,15 +35,15 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: '20.x'
           registry-url: "https://registry.npmjs.org"
           scope: "@layer5"
       - run: |
           npm install
           npm run build
           npm publish --verbose
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}      
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
   versions-check:
     needs: publish-gpr
     runs-on: ubuntu-latest

examples/next-12/components/ResponsiveDataTable/ResponsiveDataTable.jsx

@@ -13,7 +13,7 @@ export function ResponsiveDataTable({ data, columns, options = {}, ...props }) {
       year: 'numeric'
     };
 
-    return new Intl.DateTimeFormat('un-US', dateOptions).format(date);
+    return new Intl.DateTimeFormat('en-US', dateOptions).format(date);
   };
 
   const updatedOptions = {
@@ -37,14 +37,21 @@ export function ResponsiveDataTable({ data, columns, options = {}, ...props }) {
           break;
         }
       }
-    }
+    },
+    filter: true,
+    sort: true,
+    responsive: 'standard',
+    serverSide: false,
   };
 
   useEffect(() => {
     columns?.forEach((col) => {
       if (!col.options) {
         col.options = {};
       }
+
+      col.options.sort = true;
+      col.options.filter = true;
       col.options.display = columnVisibility[col.name];
 
       if (