@cocreate/elements 1.23.5 → 1.24.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.24.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.23.5...v1.24.0) (2023-10-16)
+
+
+### Bug Fixes
+
+* data[i].method ([71c0b7c](https://github.com/CoCreate-app/CoCreate-elements/commit/71c0b7ccd28d0f4bbf03b7d8cec615f21479af18))
+* delete for loop ([5507a86](https://github.com/CoCreate-app/CoCreate-elements/commit/5507a86526bdee6b7ac8f74d6ae051068ff9e736))
+* export getObject ([42bd4b3](https://github.com/CoCreate-app/CoCreate-elements/commit/42bd4b3fa66de724a94230c1c3ccfa7faea3a8b8))
+* replaced deleteDocuments with delete ([8e06633](https://github.com/CoCreate-app/CoCreate-elements/commit/8e0663351d459bd79a9f955a0a296df46ed3d580))
+
+
+### Features
+
+* delete-selector w/ fallback to clicked el ([4143fbb](https://github.com/CoCreate-app/CoCreate-elements/commit/4143fbbfade97c3073e8df6b1ce5b8051b5d5fe0))
+
 ## [1.23.5](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.23.4...v1.23.5) (2023-10-14)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.23.5",
+  "version": "1.24.0",
   "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/index.js

@@ -26,7 +26,7 @@
 import Observer from '@cocreate/observer';
 import Actions from '@cocreate/actions';
 import CRUD from '@cocreate/crud-client';
-import { dotNotationToObject, queryData, sortData, getAttributes, getAttributeNames, checkValue } from '@cocreate/utils';
+import { dotNotationToObject, queryElements, queryData, sortData, getAttributes, getAttributeNames, checkValue } from '@cocreate/utils';
 import filter from '@cocreate/filter';
 import render from '@cocreate/render';
 import '@cocreate/element-prototype';
@@ -251,6 +251,8 @@ async function read(element, data, dataKey) {
 }
 
 function setData(element, data) {
+    if (data.method === 'delete.object')
+        console.log('test')
     if (!element) {
         element = getDataElements(data)
         if (!element.length) return
@@ -403,19 +405,18 @@ function checkIndex(element, data, Data, newData, type, filter) {
             Data = sortData(Data, filter.sort)
             index = Data.findIndex(obj => obj.isNewData);
         }
+    }
 
-        if (index >= 0) {
-            if (data.$filter.currentIndex === index)
-                delete data.$filter.currentIndex
-            data.$filter.index = index
-            if (element.renderValue)
-                element.renderValue(data);
-            // render({ element, data, key: type });
-            else if (data)
-                element.setValue(data)
-        }
-
+    if (index >= 0) {
+        if (data.$filter.currentIndex === index)
+            delete data.$filter.currentIndex
+        data.$filter.index = index
+        if (element.renderValue)
+            element.renderValue(data);
+        else if (data)
+            element.setValue(data)
     }
+
 }
 
 function getDataKey(data) {
@@ -656,8 +657,10 @@ async function save(element) {
         data = [data]
     }
 
+
+
     for (let i = 0; i < data.length; i++) {
-        if (data[i].type === 'object' && !data[i]) {
+        if (data[i].type === 'object' && !data[i].method) {
             if (typeof data[i].object === 'string') {
                 if (!data[i]._id)
                     data[i].method = 'create.object'
@@ -1042,10 +1045,32 @@ Actions.init({
     name: "delete",
     endEvent: "deleted",
     callback: async (action) => {
-        const data = getObject(action.element);
-        if (data) {
+        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 (data.type === 'object' && typeof data[data.type] === 'string')
+
+            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] }
 
             let response = await CRUD.send(data)
@@ -1058,4 +1083,4 @@ Actions.init({
 
 init();
 
-export default { init, read, save, getData, reset, elements, keys, forms, debounce, getAttributes };
+export default { init, read, save, getData, getObject, reset, elements, keys, forms, debounce, getAttributes };