@cocreate/elements 1.24.3 → 1.25.1

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [1.25.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.25.0...v1.25.1) (2023-10-24)
+
+
+### Bug Fixes
+
+* compbin Actions in to one array of Actions ([716602d](https://github.com/CoCreate-app/CoCreate-elements/commit/716602dd74368e32be5f1e053903b32b54fb003d))
+
+# [1.25.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.24.3...v1.25.0) (2023-10-22)
+
+
+### Bug Fixes
+
+* conditions ([484ad35](https://github.com/CoCreate-app/CoCreate-elements/commit/484ad358f13fc07e92ebafbf710ccdc1fb740950))
+
+
+### Features
+
+* ObjectId() returns an object containg the parts iof the _id along with a toString() function ([82e3956](https://github.com/CoCreate-app/CoCreate-elements/commit/82e3956db5c5bc966d160a04d9067bc039c34d37))
+
 ## [1.24.3](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.24.2...v1.24.3) (2023-10-20)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.24.3",
+  "version": "1.25.1",
   "description": "Fetch content into any html element by using html5 attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags as changes are broadcasted in realtime",
   "keywords": [
     "elements",

package/src/form.js

@@ -38,7 +38,7 @@ function runObjectId(form) {
     // Sets the object id for each array in the array.
     for (let i = 0; i < arrays.length; i++) {
         // TODO: needs access to setTypeValue
-        setTypeValue(form, { array: arrays[i], object: [{ _id: ObjectId() }] });
+        setTypeValue(form, { array: arrays[i], object: [{ _id: ObjectId().toString() }] });
     }
 }
 

package/src/index.js

@@ -28,7 +28,7 @@ import Actions from '@cocreate/actions';
 import CRUD from '@cocreate/crud-client';
 import { dotNotationToObject, queryElements, queryData, sortData, getAttributes, getAttributeNames, checkValue } from '@cocreate/utils';
 import filter from '@cocreate/filter';
-import { render, renderedNodes } from '@cocreate/render';
+import render from '@cocreate/render';
 import '@cocreate/element-prototype';
 import './fetchSrc';
 import { reset } from './form'
@@ -73,13 +73,13 @@ async function initElement(el) {
         // if found add the node as an element, if the element has crud attributes also add as the element
         for (let attribute of el.attributes) {
             if (attribute.match(/{{(.*?)}}/)) {
-                let value = renderValue(attribute, undefined, attribute.value)
+                let value = render.renderValue(attribute, undefined, attribute.value)
                 if (value)
                     attribute.value = value
             }
         }
         if (el.innerHTML.match(/{{(.*?)}}/)) {
-            let value = renderValue(el, undefined, el.innerHTML)
+            let value = render.renderValue(el, undefined, el.innerHTML)
             if (value)
                 attribute.value = value
         }
@@ -110,9 +110,8 @@ async function initElement(el) {
             el.addEventListener('input', function (e) {
                 const { object, key, isRealtime, isCrdt } = getAttributes(el);
                 if (isRealtime == "false" || key == "_id") return;
-
                 if (isCrdt == "true" && object && object !== 'pending') return
-                if (object && e.detail && e.detail.skip == true) return;
+                if (e.detail && e.detail.skip == true) return;
                 if (data.type !== 'object' && data[data.type] === 'pending') return
 
                 save(el);
@@ -231,7 +230,9 @@ async function read(element, data, dataKey) {
         debounce.delete(dataKey.string)
         // TODO: should server support string and string array for type object, methods create, read, delete
         if (!data.$filter && data.type === 'object') {
-            if (typeof data.object === 'string')
+            if (!data.object)
+                return
+            else if (typeof data.object === 'string')
                 data.object = { _id: data.object }
             else if (Array.isArray(data.object)) {
                 if (data.object.length)
@@ -880,7 +881,7 @@ Observer.init({
         clearTimeout(delayTimer);
         debounce.delete(mutation.target)
 
-        let renderedNode = renderedNodes.get(mutation.target)
+        let renderedNode = render.renderedNodes.get(mutation.target)
         if (!renderedNode) return
 
         if (!mutation.movedFrom) return
@@ -987,7 +988,7 @@ function dndNewData(element, data) {
 
     let keyPath, clonesMap, clones, index
 
-    let renderedNode = renderedNodes.get(element)
+    let renderedNode = render.renderedNodes.get(element)
     if (renderedNode) {
         keyPath = renderedNode.keyPath
         clonesMap = renderedNode.template.clones
@@ -1046,54 +1047,55 @@ Observer.init({
     }
 });
 
-Actions.init({
-    name: "save",
-    endEvent: "saved",
-    callback: (action) => {
-        const form = action.element.closest("form");
-        save(form);
-    }
-});
-
-Actions.init({
-    name: "delete",
-    endEvent: "deleted",
-    callback: async (action) => {
-        let elements = queryElements({ element: action.element, prefix: 'delete' });
-        if (elements === false)
-            elements = [action.element]
-
-        for (let i = 0; i < elements.length; i++) {
-            const data = getObject(elements[i]);
-            if (!data) return
-            data.method = 'delete.' + data.type
-
-            if (elements[i].renderValue) {
-                let selected = elements[i].querySelectorAll('.selected')
-                data[data.type] = []
-                for (let j = 0; j < selected.length; j++) {
-                    let attribute = selected[j].getAttribute(data.type)
-                    if (attribute) {
-                        attribute = attribute.split(',')
-                        for (let k = 0; k < attribute.length; k++) {
-                            if (data.type === 'object')
-                                data[data.type].push({ _id: attribute[k] })
-                            else {
-                                data[data.type].push(attribute[k])
+Actions.init([
+    {
+        name: "save",
+        endEvent: "saved",
+        callback: (action) => {
+            const form = action.element.closest("form");
+            save(form);
+        }
+    },
+    {
+        name: "delete",
+        endEvent: "deleted",
+        callback: async (action) => {
+            let elements = queryElements({ element: action.element, prefix: 'delete' });
+            if (elements === false)
+                elements = [action.element]
+
+            for (let i = 0; i < elements.length; i++) {
+                const data = getObject(elements[i]);
+                if (!data) return
+                data.method = 'delete.' + data.type
+
+                if (elements[i].renderValue) {
+                    let selected = elements[i].querySelectorAll('.selected')
+                    data[data.type] = []
+                    for (let j = 0; j < selected.length; j++) {
+                        let attribute = selected[j].getAttribute(data.type)
+                        if (attribute) {
+                            attribute = attribute.split(',')
+                            for (let k = 0; k < attribute.length; k++) {
+                                if (data.type === 'object')
+                                    data[data.type].push({ _id: attribute[k] })
+                                else {
+                                    data[data.type].push(attribute[k])
+                                }
                             }
                         }
                     }
-                }
-            } else if (data.type === 'object' && typeof data[data.type] === 'string')
-                data[data.type] = { _id: data[data.type] }
+                } else if (data.type === 'object' && typeof data[data.type] === 'string')
+                    data[data.type] = { _id: data[data.type] }
 
-            let response = await CRUD.send(data)
-            document.dispatchEvent(new CustomEvent('deleted', {
-                detail: response
-            }));
+                let response = await CRUD.send(data)
+                document.dispatchEvent(new CustomEvent('deleted', {
+                    detail: response
+                }));
+            }
         }
     }
-});
+]);
 
 init();