@cocreate/render 1.28.2 → 1.28.4

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [1.28.4](https://github.com/CoCreate-app/CoCreate-render/compare/v1.28.3...v1.28.4) (2023-10-14)
+
+
+### Bug Fixes
+
+* bump dependencies ([ac79266](https://github.com/CoCreate-app/CoCreate-render/commit/ac79266c1f0934c2e9321536626074e1d4090070))
+* improved finding clones to update and delete ([9bafc8b](https://github.com/CoCreate-app/CoCreate-render/commit/9bafc8b56fc20a03da8963a5888164ceb5fe28fc))
+* use tbody as new element to prevent lost of tr and td elements ([88ca483](https://github.com/CoCreate-app/CoCreate-render/commit/88ca483c30e5c66c54fc70a8064d90fa8bdadff9))
+
+## [1.28.3](https://github.com/CoCreate-app/CoCreate-render/compare/v1.28.2...v1.28.3) (2023-10-09)
+
+
+### Bug Fixes
+
+* bump dependencies ([6261af2](https://github.com/CoCreate-app/CoCreate-render/commit/6261af2d9ebaaf23d5d40695665c20159d12b2b6))
+* bump dependencies ([8842aa0](https://github.com/CoCreate-app/CoCreate-render/commit/8842aa0be7144752ad46ae60e6b0cb5e1d2c76bd))
+
 ## [1.28.2](https://github.com/CoCreate-app/CoCreate-render/compare/v1.28.1...v1.28.2) (2023-10-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/render",
-  "version": "1.28.2",
+  "version": "1.28.4",
   "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "render",
@@ -58,10 +58,10 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.11.4",
-    "@cocreate/api": "^1.15.2",
-    "@cocreate/element-prototype": "^1.11.3",
-    "@cocreate/observer": "^1.11.3",
-    "@cocreate/utils": "^1.25.1"
+    "@cocreate/actions": "^1.11.6",
+    "@cocreate/api": "^1.15.4",
+    "@cocreate/element-prototype": "^1.11.5",
+    "@cocreate/observer": "^1.11.5",
+    "@cocreate/utils": "^1.25.3"
   }
 }

package/src/index.js

@@ -88,6 +88,13 @@ async function render({ source, element, data, key, index, currentIndex, update,
         remove = remove || data.$filter.remove
     }
 
+    let type = data.type
+    if (!type && data.method) {
+        type = data.method.split('.')[1]
+    } else if (type == 'key')
+        type = 'object'
+
+
     if (!Array.isArray(element) && !(element instanceof HTMLCollection) && !(element instanceof NodeList))
         element = [element]
 
@@ -103,6 +110,7 @@ async function render({ source, element, data, key, index, currentIndex, update,
             }
         }
 
+        // TODO: for loop data[type]?
         if (remove) {
             if (renderedNode.source) {
                 if (key)
@@ -112,39 +120,48 @@ async function render({ source, element, data, key, index, currentIndex, update,
                 }
             }
 
-            let clone = Array.from(renderedNode.clones)[index]
+            let cloneKey
+            if (type === 'object') {
+                cloneKey = data[type][0]._id;
+            } else {
+                cloneKey = data[type][0].name;
+            }
+
+            let clone = renderedNode.clones.get(cloneKey)
             if (!clone) return
 
-            renderedNode.clones.delete(clone[0])
-            renderedNodes.delete(clone[1])
-            clone[1].remove()
+            renderedNode.clones.delete(cloneKey)
+            renderedNodes.delete(clone)
+            clone.remove()
         } else if (key || Array.isArray(data)) {
             if (update) {
                 let clone
+                if (type === 'object') {
+                    clone = renderedNode.clones.get(data[type][0]._id);
+                } else {
+                    clone = renderedNode.clones.get(data[type][0].name);
+                }
 
                 if (!currentIndex)
                     currentIndex = data.$filter.currentIndex
 
-                if (currentIndex >= 0)
-                    clone = Array.from(renderedNode.clones)[currentIndex]
-                else
-                    clone = Array.from(renderedNode.clones)[index]
-
                 if (!clone) return
+                for (let j = 0; j < data[type].length; j++) {
+                    await renderValues(clone, { object: data[type][j] });
+                    if (currentIndex >= 0)
+                        insertElement(renderedNode, clone, index, currentIndex)
+                }
+            } else {
 
-                await renderValues(clone[1], data);
-                if (currentIndex >= 0)
-                    insertElement(renderedNode, clone[1], index, currentIndex)
-            }
-
-            // TODO: if $auto here every subsequent clone will have same value, not replacing here will apply unique value to each clone
-            if (key === '$auto')
-                key = key.replace(/\$auto/g, uuid.generate(6));
+                // TODO: if $auto here every subsequent clone will have same value, not replacing here will apply unique value to each clone
+                if (key === '$auto')
+                    key = key.replace(/\$auto/g, uuid.generate(6));
 
-            if (key)
-                element[i].setAttribute('render', key);
+                if (key)
+                    element[i].setAttribute('render', key);
 
-            renderTemplate(element[i], data, key, index);
+                renderTemplate(element[i], data, key, index);
+            }
         } else
             await renderValues(element[i], data);
 
@@ -297,7 +314,7 @@ function cloneTemplate(template) {
     }
 
     if (typeof clone === 'string') {
-        let container = document.createElement('div');
+        let container = document.createElement('tbody');
         container.innerHTML = clone;
         clone = container.firstChild
         container.remove()