@cocreate/elements 1.31.0 → 1.32.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.32.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.31.1...v1.32.0) (2023-12-20)
+
+
+### Features
+
+* sort data by filter operator $in ([7fdb3e0](https://github.com/CoCreate-app/CoCreate-elements/commit/7fdb3e0b0e78077fa0a3e4d69c09aa73e9733f41))
+
+## [1.31.1](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.31.0...v1.31.1) (2023-12-18)
+
+
+### Bug Fixes
+
+* if no elements retiurned do not fire fetchedData event ([44386d3](https://github.com/CoCreate-app/CoCreate-elements/commit/44386d34a1029f27e0af3caa7ec10813c5085062))
+* improved data.$filter handling ([3ffaa6b](https://github.com/CoCreate-app/CoCreate-elements/commit/3ffaa6b9cc9a5e36b0fe5a9adcf58d99d7184920))
+
 # [1.31.0](https://github.com/CoCreate-app/CoCreate-elements/compare/v1.30.0...v1.31.0) (2023-12-18)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/elements",
-  "version": "1.31.0",
+  "version": "1.32.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

@@ -300,6 +300,23 @@ async function setData(element, data) {
     } else if (type == 'key')
         type = 'object'
 
+    if (data.$filter && data.$filter.query) {
+        let mergedValues = [];
+
+        data.$filter.query.forEach(obj => {
+            if (obj.operator === '$in') {
+                mergedValues = [...mergedValues, ...obj.value];
+            }
+        });
+
+        if (mergedValues.length) {
+            const sortedType = mergedValues
+                .map(name => data[type].find(career => career.name === name))
+                .filter(career => career !== undefined);
+            data[type] = sortedType
+        }
+    }
+
     for (let el of element) {
         // if rendered in server side skip 
         if (el.hasAttribute('rendered'))
@@ -363,9 +380,14 @@ async function filterData(element, data, type, key) {
     } else if (data)
         element.setValue(data)
 
-    if (data.$filter)
-        filter.filters.get(element).index = data.$filter.index
+    if (data.$filter) {
+        let filterElement = filter.filters.get(element)
+        if (filterElement)
+            filterElement.index = data.$filter.index
+    }
 
+    if (!data[type] || !Array.isArray(data[type]) || !data[type].length)
+        return
     const evt = new CustomEvent('fetchedData', { bubbles: true });
     element.dispatchEvent(evt);
 }