Merge branch 'master' into feature/import

Author: Atharv-16

.github/build/Makefile.show-help.mk

@@ -0,0 +1,5 @@
+.DEFAULT_GOAL := show-help
+# See <https://gist.github.com/klmr/575726c7e05d8780505a> for explanation.
+.PHONY: show-help
+show-help:
+	@echo "$$(tput bold)Please specify a build target. The choices are:$$(tput sgr0)";echo;sed -ne"/^## /{h;s/.*//;:d" -e"H;n;s/^## //;td" -e"s/:.*//;G;s/\\n## /---/;s/\\n/ /g;p;}" ${MAKEFILE_LIST}|LC_ALL='C' sort -f|awk -F --- -v n=$$(tput cols) -v i=19 -v a="$$(tput setaf 6)" -v z="$$(tput sgr0)" '{printf"%s%*s%s ",a,-i,$$1,z;m=split($$2,w," ");l=n-i;for(j=1;j<=m;j++){l-=length(w[j])+1;if(l<= 0){l=n-i-length(w[j])-1;printf"\n%*s ",-i," ";}printf"%s ",w[j];}printf"\n";}'|more $(shell test $(shell uname) == Darwin && echo '-Xr')

.github/workflows/build-and-preview-site.yml

@@ -26,19 +26,19 @@ jobs:
           node-version: ${{ matrix.node-version }}
 
       - name: Install Dependencies
-        run: npm install
+        run: make setup
 
       - name: Lint Check
-        run: npm run lint
+        run: make lint
 
       - name: Prettier Check
-        run: npm run format:check
+        run: make format-check
 
       - name: Build Project
-        run: npm run build
+        run: make build
 
       - name: Run Tests
-        run: npm run test
+        run: make tests
 
       - name: Log Node.js Version
         run: echo "Tested on Node.js version ${{ matrix.node-version }}"

.github/workflows/multi-platform.yml

@@ -106,7 +106,7 @@ Users can now test their code on their local machine against the CI checks imple
 To test code changes on your local machine, run the following command:
 
 ```
-make run-tests
+make tests
 ```
 
 #### Building Docker image
@@ -117,10 +117,18 @@ To build a Docker image of the project, please ensure you have `Docker` installe
 make docker
 ```
 
+You can also refer to this "<a href="https://www.youtube.com/live/lsw9KA__iu4?si=o8gpZdSHcqO2OKxE">Training: contributing to Sistent</a>" and this <a href="https://www.youtube.com/live/yiXkxbibLUU?si=Dybj5qr0VLhLWEpl">Websites call</a> where experienced contributors have taught how to use sistent in your project or Meshery
+
 ### UI Lint Rules
 
 Layer5 uses ES-Lint to maintain code quality & consistency in our UI Code.
 
+Run the following command before commiting the changes:
+
+```
+make lint
+```
+
 # <a name="maintaining"> Reviews</a>
 
 All contributors are invited to review pull requests. See this short video on [how to review a pull request](https://www.youtube.com/watch?v=isLfo7jfE6g&feature=youtu.be).

.github/workflows/node-checks.yml

@@ -1,21 +1,31 @@
-.PHONY: setup build format-check format-fix
+include .github/build/Makefile.show-help.mk
 
-## Install Sistent dependencies your local machine.
-package-setup:
+.PHONY: setup build format-check format-fix lint
+
+## Install Sistent dependencies on your local machine
+setup:
 	npm install
 
-## Build Sistent components and packages on your local machine.
-package-build: setup
+## Build Sistent components and packages on your local machine
+build:
 	npm run build
 
-package-build-watch: setup
+## Buid Sistent in watch mode
+build-watch:
 	npm run build:watch
 
-package-format-check:
+## Check code formatting
+format-check:
 	npm run format:check
 
-package-format-fix:
+## Fix formatting and run Eslint on your local machine
+lint:
 	npm run format:write
+	npm run lint
+
+## Run tests
+tests:
+	npm run test
 
 .PHONY: version-patch version-minor version-major
 
@@ -27,6 +37,6 @@ version-patch:
 version-minor:
 	npm run versionup:minor
 
-# Create a major versio of packages
+# Create a major version of packages
 version-major:
 	npm run versionup:major

CONTRIBUTING.md

@@ -37,37 +37,44 @@ Make sure you have `npm` on `node@16` and above. The CI workflows checks for in
 
 To set up the project, run the following command to install dependencies:
 
-Please note that at this time, `npm install` will also build the project as the first step. This is to ensure that this is building correctly before moving to a task.
+```
+make setup
+```
+
+To test the sistent component locally, you can run:
+
+```
+make build
+```
+
+If you wish to build in watch mode:
 
 ```
-setup:
-	npm install
+make watchmode-build
 ```
 
 To check if your code meets the formatting standards, you can run:
 
 ```
-format-check:
-	npm run format:check
+make format-check
 ```
 
-To automatically fix formatting issues, you can run
+To run Eslint:
 
 ```
-format-fix:
-	npm run format:write
+make lint
 ```
 
-To test the sistent component locally, you can run
+To run tests:
 
 ```
-build:
-  npm run build
+make tests
 ```
 
+To attach sistent to your project use:
+
 ```
-attach sistent to your project:
-	npm install <path-to-sistent-on-local-machine>
+npm install <path-to-sistent-on-local-machine>
 ```
 
 > [!NOTE]

Makefile

@@ -13,7 +13,7 @@ export function ResponsiveDataTable({ data, columns, options = {}, ...props }) {
       year: 'numeric'
     };
 
-    return new Intl.DateTimeFormat('en-US', dateOptions).format(date);
+    return new Intl.DateTimeFormat('un-US', dateOptions).format(date);
   };
 
   const updatedOptions = {
@@ -37,21 +37,14 @@ 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 (