Merge branch 'master' of https://github.com/antonmak1/js-framework-benchmark into antonmak1-master

Author: krausest

frameworks/keyed/cample/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "js-framework-benchmark-cample",
-  "version": "3.2.0-alpha.25",
+  "version": "3.2.0-alpha.29",
   "description": "cample demo",
   "main": "dist/main.js",
   "js-framework-benchmark": {
@@ -30,6 +30,6 @@
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
-    "cample": "3.2.0-alpha.25"
+    "cample": "3.2.0-alpha.29"
   }
 }

frameworks/keyed/cample/package.json

@@ -27,19 +27,7 @@ const adjectives = [
     "expensive",
     "fancy",
   ],
-  colours = [
-    "red",
-    "yellow",
-    "blue",
-    "green",
-    "pink",
-    "brown",
-    "purple",
-    "brown",
-    "white",
-    "black",
-    "orange",
-  ],
+  colours = ["red", "yellow", "blue", "green", "pink", "brown", "purple", "brown", "white", "black", "orange"],
   nouns = [
     "table",
     "chair",
@@ -150,25 +138,29 @@ const mainComponent = component(
     },
     functions: {
       run: [
-        (setData) => () => {
+        (setData, event) => () => {
+          event.preventDefault();
           setData(() => buildData(1000));
         },
         "updateRows",
       ],
       runLots: [
-        (setData) => () => {
+        (setData, event) => () => {
+          event.preventDefault();
           setData(() => buildData(10000));
         },
         "updateRows",
       ],
       add: [
-        (setData) => () => {
+        (setData, event) => () => {
+          event.preventDefault();
           setData((d) => [...d, ...buildData(1000)]);
         },
         "updateRows",
       ],
       update: [
-        (setData) => () => {
+        (setData, event) => () => {
+          event.preventDefault();
           setData((d) => {
             const value = d.slice();
             for (let i = 0; i < value.length; i += 10) {
@@ -181,13 +173,15 @@ const mainComponent = component(
         "updateRows",
       ],
       clear: [
-        (setData) => () => {
+        (setData, event) => () => {
+          event.preventDefault();
           setData(() => []);
         },
         "updateRows",
       ],
       swapRows: [
-        (setData) => () => {
+        (setData, event) => () => {
+          event.preventDefault();
           setData((d) => {
             const value = d.slice();
             const tmp = value[1];
@@ -207,13 +201,15 @@ const mainComponent = component(
         },
         functions: {
           setSelected: [
-            (setData) => (id) => {
+            (setData, event) => (id) => {
+              event.preventDefault();
               setData(() => id);
             },
             "updateSelected",
           ],
           delete: [
-            (setData) => (id) => {
+            (setData, event) => (id) => {
+              event.preventDefault();
               setData((d) => {
                 const idx = d.findIndex((d) => d.id === id);
                 return [...d.slice(0, idx), ...d.slice(idx + 1)];
@@ -228,4 +224,4 @@ const mainComponent = component(
   }
 );
 
-cample("#main").render("{{mainComponent}}", { mainComponent, eachComponent });
+cample("#main").render("{{mainComponent}}", { mainComponent, eachComponent });