@startinblox/core 0.17.31 → 0.18.0-beta.2

package/dist/mixins/attributeBinderMixin.js

@@ -5,11 +5,9 @@ const AttributeBinderMixin = {
   initialState: {
     bindedAttributes: null
   },
-
   created() {
     this.bindedAttributes = {};
   },
-
   /**
    * Reset attributes values
    */
@@ -18,36 +16,37 @@ const AttributeBinderMixin = {
       this.element.setAttribute(attr, this.bindedAttributes[attr]);
     }
   },
-
   /**
    * Replace store://XXX attributes by corresponding data
    * @param reset - set to false if no need to reset data
    */
-  async replaceAttributesData(reset = true) {
+  async replaceAttributesData() {
+    let reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     if (reset) this.resetAttributesData();
     const oldAttributes = Array.from(this.element.attributes) // transform NamedNodeMap in object
     .reduce((obj, attr) => {
       // Keep only attributes starting with `store://...`
-      if (!attr.value.match(/^store:\/\/(resource|container|user)/)) return { ...obj
-      }; // Save attr for reset later
+      if (!attr.value.match(/^store:\/\/(resource|container|user)/)) return {
+        ...obj
+      };
 
+      // Save attr for reset later
       if (!this.bindedAttributes[attr.name]) this.bindedAttributes[attr.name] = attr.value;
-      return { ...obj,
+      return {
+        ...obj,
         [attr.name]: attr.value // add "key: value"
-
       };
     }, {});
-    const newAttributes = await this.transformAttributes({ ...oldAttributes
+    const newAttributes = await this.transformAttributes({
+      ...oldAttributes
     }, this.resource); // generate new attributes
 
     for (let attr of Object.keys(newAttributes)) {
       // set attributes on element
       if (oldAttributes[attr] == newAttributes[attr]) continue; // only if it changed
-
       this.element.setAttribute(attr, newAttributes[attr]);
     }
   },
-
   /**
    * Transform attributes from `store://...` to their actual value
    * @param attributes - object representing attributes of an element
@@ -55,11 +54,10 @@ const AttributeBinderMixin = {
    * @returns - object representing attributes of an element with resolved values
    */
   async transformAttributes(attributes, resource) {
-    const isContainer = resource && resource.isContainer();
-
+    const isContainer = resource && resource.isContainer?.();
     for (let attr of Object.keys(attributes)) {
-      const value = attributes[attr]; // Avoid error if value is a number
-
+      const value = attributes[attr];
+      // Avoid error if value is a number
       if (typeof value === 'string') {
         // Replace attribute value
         if (!isContainer && resource && value.startsWith('store://resource')) {
@@ -73,23 +71,18 @@ const AttributeBinderMixin = {
         } else if (value.startsWith('store://user')) {
           // USER
           const userId = await this.retry(this.getUser.bind(this)); // retry until sibAuth is defined
-
           const user = userId && userId['@id'] ? await store.getData(userId['@id'], this.context || base_context) : null;
-
           if (!user) {
             attributes[attr] = '';
             continue;
           }
-
           let path = value.replace('store://user.', '');
           attributes[attr] = user ? await user[path] : '';
         }
       }
     }
-
     return attributes;
   },
-
   /**
    * Returns logged in user from sib-auth
    * @returns userId
@@ -98,7 +91,6 @@ const AttributeBinderMixin = {
     const sibAuth = document.querySelector('sib-auth');
     return sibAuth.getUser();
   },
-
   /**
    * Retry [fn] for [maxRetries] times every [ms]
    * @param fn
@@ -106,7 +98,9 @@ const AttributeBinderMixin = {
    * @param maxRetries
    * @returns
    */
-  async retry(fn, ms = 200, maxRetries = 5) {
+  async retry(fn) {
+    let ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
+    let maxRetries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 5;
     return new Promise((resolve, reject) => {
       let retries = 0;
       fn().then(resolve).catch(() => {
@@ -118,7 +112,5 @@ const AttributeBinderMixin = {
       });
     });
   }
-
 };
-export { AttributeBinderMixin };
-//# sourceMappingURL=attributeBinderMixin.js.map
+export { AttributeBinderMixin };

package/dist/mixins/contextMixin.js

@@ -8,21 +8,19 @@ const ContextMixin = {
       default: null
     }
   },
-
   get context() {
-    return { ...base_context,
+    return {
+      ...base_context,
       ...this.extra_context
     };
   },
-
   get extra_context() {
-    let extraContextElement = this.extraContext ? document.getElementById(this.extraContext) : // take element extra context first
+    let extraContextElement = this.extraContext ? document.getElementById(this.extraContext) :
+    // take element extra context first
     document.querySelector('[data-default-context]'); // ... or look for a default extra context
 
     if (extraContextElement) return JSON.parse(extraContextElement.textContent || "{}");
     return {};
   }
-
 };
-export { ContextMixin };
-//# sourceMappingURL=contextMixin.js.map
+export { ContextMixin };

package/dist/mixins/counterMixin.js

@@ -1,15 +1,3 @@
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["", ""]);
-
-  _templateObject = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import { html } from '../_snowpack/pkg/lit-html.js';
 import { unsafeHTML } from '../_snowpack/pkg/lit-html/directives/unsafe-html.js';
 import { evalTemplateString } from '../libs/helpers.js';
@@ -26,11 +14,9 @@ const CounterMixin = {
     counter: null,
     parentCounterDiv: null
   },
-
   attached() {
     this.listPostProcessors.push(this.countResources.bind(this));
   },
-
   async countResources(resources, listPostProcessors, div, context) {
     if (this.counterTemplate) {
       this.initParentCounterDiv(div);
@@ -40,11 +26,9 @@ const CounterMixin = {
         parent: this.parentCounterDiv
       });
     }
-
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
   },
-
   /**
    * Create the parent div of the counter in the component.
    * @param div: parent div where to insert the counter div
@@ -54,10 +38,8 @@ const CounterMixin = {
     this.parentCounterDiv = document.createElement('div');
     this.element.insertBefore(this.parentCounterDiv, div);
   },
-
   async renderCounter(resourceNumber) {
     let htmlCounter;
-
     try {
       htmlCounter = await evalTemplateString(this.counterTemplate, {
         counter: resourceNumber
@@ -66,10 +48,7 @@ const CounterMixin = {
       console.error(new Error('error in counter-template'), e);
       throw e;
     }
-
-    return html(_templateObject(), unsafeHTML(htmlCounter));
+    return html`${unsafeHTML(htmlCounter)}`;
   }
-
 };
-export { CounterMixin };
-//# sourceMappingURL=counterMixin.js.map
+export { CounterMixin };

package/dist/mixins/federationMixin.js

@@ -5,11 +5,9 @@ const FederationMixin = {
   initialState: {
     containerFetched: null
   },
-
   attached() {
     this.listPostProcessors.push(this.fetchSources.bind(this));
   },
-
   async fetchSources(resources, listPostProcessors, div, context) {
     this.containerFetched = [];
     let newResources = await this.getResources(resources);
@@ -18,22 +16,17 @@ const FederationMixin = {
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor) await nextProcessor(newResources, listPostProcessors, div, context);
   },
-
   async getResources(resources) {
     const newResources = [];
-
     const getChildResources = async res => {
       if (!res) return;
-
-      if (res.isContainer()) {
+      if (res.isContainer?.()) {
         // if this is a container
         const containerId = res['@id'];
-
         if (!this.containerFetched.includes(containerId)) {
           // prevent from including twice the same source
           this.containerFetched.push(containerId);
           const resourcesFetched = await this.fetchSource(containerId); // fetch the resources of this container
-
           if (resourcesFetched) newResources.push(...(await this.getResources(resourcesFetched))); // Add content of source to array...
         }
       } else {
@@ -44,20 +37,15 @@ const FederationMixin = {
     await Promise.all(resources.map(res => getChildResources(res)));
     return newResources;
   },
-
   async fetchSource(containerId) {
     const cachedContainer = store.get(containerId); // find container in cache
-
     if (!cachedContainer || cachedContainer['ldp:contains'] === null) {
       // if container not fetched
       store.clearCache(containerId); // empty cache
     }
 
     const container = await store.getData(containerId, this.context); // and fetch it
-
     return container ? container['ldp:contains'] : null;
   }
-
 };
-export { FederationMixin };
-//# sourceMappingURL=federationMixin.js.map
+export { FederationMixin };

package/dist/mixins/filterMixin.js

@@ -1,4 +1,4 @@
-import { compare, parseFieldsString } from '../libs/helpers.js';
+import { searchInResources } from '../libs/filter.js';
 const FilterMixin = {
   name: 'filter-mixin',
   use: [],
@@ -13,7 +13,6 @@ const FilterMixin = {
     filteredBy: {
       type: String,
       default: null,
-
       callback(newValue) {
         // if we change search form, re-populate
         if (newValue && this.searchForm && newValue !== this.searchForm.getAttribute('id')) {
@@ -22,174 +21,135 @@ const FilterMixin = {
           this.populate();
         }
       }
-
+    },
+    filteredOn: {
+      type: String,
+      // 'server' | 'client'
+      default: 'client'
     }
   },
-
   created() {
     this.searchCount = new Map();
     this.element.addEventListener('populate', () => {
-      var _this$searchForm;
-
       if (!window.document.contains(this.element)) return;
-      (_this$searchForm = this.searchForm) === null || _this$searchForm === void 0 ? void 0 : _this$searchForm.component.updateAutoRanges();
+      this.searchForm?.component.updateAutoRanges();
     });
   },
-
   attached() {
-    this.listPostProcessors.push(this.filterCallback.bind(this));
+    const filteredBy = this.filteredBy;
+    if (this.isFilteredOnServer() && filteredBy) {
+      this.searchForm = document.getElementById(filteredBy);
+      if (!this.searchForm) throw `#${filteredBy} is not in DOM`;
+      // this.searchForm.component.attach(this); // is it necessary?
+      this.searchForm.addEventListener('formChange', () => this.onServerSearchChange());
+    } else {
+      this.listPostProcessors.push(this.filterCallback.bind(this));
+    }
   },
-
   get filters() {
-    var _this$searchForm$comp, _this$searchForm2;
-
-    return (_this$searchForm$comp = (_this$searchForm2 = this.searchForm) === null || _this$searchForm2 === void 0 ? void 0 : _this$searchForm2.component.value) !== null && _this$searchForm$comp !== void 0 ? _this$searchForm$comp : {};
+    return this.searchForm?.component?.value ?? {};
   },
-
   set filters(filters) {
-    this.searchForm.component.value = filters;
-    this.filterList();
+    if (this.searchForm?.component?.value) {
+      this.searchForm.component.value = filters;
+      this.filterList();
+    }
+  },
+  isFilteredOnServer() {
+    return this.filteredOn === 'server' && !!this.fetchData;
+  },
+  async onServerSearchChange() {
+    await this.fetchData(this.dataSrc);
+    this.empty();
+    await this.populate();
+  },
+  getDynamicServerSearch() {
+    const filters = this.filters;
+    if (this.isFilteredOnServer() && filters) {
+      const fields = Object.keys(filters);
+      const value = Object.values(filters).map(_ref => {
+        let {
+          value
+        } = _ref;
+        return value;
+      }).filter(value => !!value).join(' ').trim();
+      if (fields.length > 0 && value) {
+        return {
+          fields,
+          value
+        };
+      }
+    }
+    return;
   },
-
   async filterCallback(resources, listPostProcessors, div, context) {
     if (this.filteredBy || this.searchFields) {
       if (!this.searchCount.has(context)) this.searchCount.set(context, 1);
       if (!this.searchForm) await this.createFilter(context);
-      const filteredResources = await Promise.all(resources.map(this.matchFilters.bind(this)));
+      const filteredResources = await searchInResources(resources, this.filters, this.fields, this.searchForm);
       resources = resources.filter((_v, index) => filteredResources[index]);
     }
-
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context + (this.searchCount.get(context) || ''));
   },
-
   async filterList(context) {
     this.searchCount.set(context, this.searchCount.get(context) + 1);
     if (!this.resource) return;
     this.empty();
     await this.populate();
   },
-
-  async matchValue(subject, query) {
-    var _subject$isContainer;
-
-    if (subject == null && query.value === '') return true; // filter not set and subject not existing -> ignore filter
-
-    if (subject == null) return false; // property does not exist on resource
-    // Filter on a container
-
-    if (query.list) {
-      if (query.value.length === 0) return true;
-
-      for (const v of query.value) {
-        const q = {
-          type: query.type,
-          value: v
-        };
-        if (await this.matchValue(subject, q)) return true;
-      }
-
-      return false;
-    }
-
-    if ((_subject$isContainer = subject.isContainer) !== null && _subject$isContainer !== void 0 && _subject$isContainer.call(subject)) {
-      let ret = Promise.resolve(query.value === ''); // if no query, return a match
-
-      for (const value of subject['ldp:contains']) {
-        ret = (await ret) || (await this.matchValue(value, query));
-      }
-
-      return ret;
-    }
-
-    return compare[query.type](subject, query.value);
-  },
-
-  async matchFilter(resource, filter, query) {
-    let fields = [];
-    if (this.isSet(filter)) fields = this.getSet(filter);else if (this.isSearchField(filter)) fields = this.getSearchField(filter); // search on 1 field
-
-    if (fields.length == 0) return this.matchValue(await resource[filter], query); // search on multiple fields
-
-    return fields.reduce( // return true if it matches at least one of the fields
-    async (initial, field) => (await initial) || (await this.matchFilter(resource, field, query)), Promise.resolve(false));
-  },
-
-  async matchFilters(resource) {
-    //return true if all filters values are contained in the corresponding field of the resource
-    return Object.keys(this.filters).reduce(async (initial, filter) => (await initial) && (await this.matchFilter(resource, filter, this.filters[filter])), Promise.resolve(true));
-  },
-
   async getValuesOfField(field) {
     const arrayOfDataObjects = this.resource['ldp:contains'];
     const arrayOfDataIds = [];
-
     for (const obj of arrayOfDataObjects) {
       // for each element, if it's an object, catch all elements in 'ldp:contains' key
       const nextArrayOfObjects = await obj[field];
       if (!nextArrayOfObjects) continue;
-
       if (typeof nextArrayOfObjects !== "object") {
-        console.warn("The format value of ".concat(field, " is not suitable with auto-range-[field] attribute"));
+        console.warn(`The format value of ${field} is not suitable with auto-range-[field] attribute`);
         continue;
       }
-
       const nextArrayOfIds = nextArrayOfObjects['ldp:contains'];
-
       for (const obj of nextArrayOfIds) {
         // catch each element id
         arrayOfDataIds.push(obj['@id']);
       }
-
       if (nextArrayOfObjects['@type'] !== 'ldp:Container') {
         // if no element in 'ldp:contains', catch object id
         arrayOfDataIds.push(nextArrayOfObjects['@id']);
       }
     }
-
     return arrayOfDataIds;
   },
-
   async createFilter(context) {
     const filteredBy = this.filteredBy;
-
     if (filteredBy != null) {
       this.searchForm = document.getElementById(filteredBy);
-      if (!this.searchForm) throw "#".concat(filteredBy, " is not in DOM");
+      if (!this.searchForm) throw `#${filteredBy} is not in DOM`;
     } else {
-      this.searchForm = document.createElement("solid-form-search");
+      this.searchForm = document.createElement(`solid-form-search`);
     }
-
     this.searchForm.component.attach(this);
     this.searchForm.addEventListener('formChange', () => {
       this.filterList(context);
     });
     this.searchForm.toggleAttribute('naked', true);
-    if (filteredBy) return; //pass attributes to search form
+    if (filteredBy) return;
 
+    //pass attributes to search form
     const searchAttributes = Array.from(this.element.attributes).filter(attr => attr['name'].startsWith('search-')).map(attr => ({
       name: attr['name'].replace('search-', ''),
       value: attr['value']
     }));
-    searchAttributes.forEach(({
-      name,
-      value
-    }) => {
+    searchAttributes.forEach(_ref2 => {
+      let {
+        name,
+        value
+      } = _ref2;
       this.searchForm.setAttribute(name, value);
     });
     this.element.insertBefore(this.searchForm, this.element.firstChild);
     await this.searchForm.component.populate();
-  },
-
-  // Search fields
-  isSearchField(field) {
-    return this.searchForm.hasAttribute('search-' + field);
-  },
-
-  getSearchField(field) {
-    return parseFieldsString(this.searchForm.getAttribute('search-' + field));
   }
-
 };
-export { FilterMixin };
-//# sourceMappingURL=filterMixin.js.map
+export { FilterMixin };

package/dist/mixins/grouperMixin.js

@@ -15,66 +15,59 @@ const GrouperMixin = {
       default: ''
     }
   },
-
   attached() {
     this.listPostProcessors.push(this.groupResources.bind(this));
   },
-
   async groupResources(resources, listPostProcessors, div, context) {
     const nextProcessor = listPostProcessors.shift();
-
     if (this.groupBy) {
       let groups = {};
-
       for (let resource of resources) {
         const valueGroup = await resource[this.groupBy];
         if (valueGroup == null) continue;
         if (!groups[valueGroup]) groups[valueGroup] = {
           resources: []
         }; // if no group yet, we create one...
-
         groups[valueGroup].resources.push(resource); // ...and push corresponding resource into it
-      } // For each group, get group widget and call next processors
-
+      }
 
+      // For each group, get group widget and call next processors
       const parents = Object.keys(groups).map(g => ({
         group: g,
         parent: this.renderGroup(g, div)
       }));
-
       for (let {
         group,
         parent
       } of parents) {
-        if (nextProcessor) await nextProcessor(groups[group].resources, // give only resources from group
-        [...listPostProcessors], // copy post processors
-        parent, // parent is group widget
+        if (nextProcessor) await nextProcessor(groups[group].resources,
+        // give only resources from group
+        [...listPostProcessors],
+        // copy post processors
+        parent,
+        // parent is group widget
         context + "_" + group);
       }
     } else {
       if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
     }
   },
-
   /**
    * Create a group widget or find if it already exists
    * @param groupName
    */
   renderGroup(groupName, div) {
-    let groupElt = this.element.querySelector("".concat(this.groupWidget, "[value=\"").concat(groupName, "\"]"));
-
+    let groupElt = this.element.querySelector(`${this.groupWidget}[value="${groupName}"]`);
     if (!groupElt) {
       groupElt = document.createElement(this.groupWidget);
       groupElt.setAttribute('value', groupName);
       if (this.groupClass) groupElt.setAttribute('class', this.groupClass);
       if (groupElt.component) groupElt.component.render(); // Force the rendering of the widget
-
       div.appendChild(groupElt); // and append it to the parent div
     }
 
     return groupElt.querySelector('[data-content]') || groupElt; // return the node where to insert content
   }
-
 };
-export { GrouperMixin };
-//# sourceMappingURL=grouperMixin.js.map
+
+export { GrouperMixin };

package/dist/mixins/highlighterMixin.js

@@ -1,11 +1,9 @@
 const HighlighterMixin = {
   name: 'highlighter-mixin',
   use: [],
-
   attached() {
     this.listPostProcessors.push(this.hightlightCallback.bind(this));
   },
-
   async hightlightCallback(resources, listPostProcessors, div, context) {
     for (let attr of this.element.attributes) {
       if (attr.name.startsWith('highlight-')) {
@@ -14,10 +12,9 @@ const HighlighterMixin = {
           sortingKey: await resource[field],
           // fetch sorting value
           proxy: resource // and keep proxy
-
         })));
-        resources = this.sortHighlighted(resources, "sortingKey", attr.value); // highlight element
 
+        resources = this.sortHighlighted(resources, "sortingKey", attr.value); // highlight element
         resources = resources.map(resource => resource.proxy); // and re-transform in arra of resources
       }
     }
@@ -25,7 +22,6 @@ const HighlighterMixin = {
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
   },
-
   sortHighlighted(resources, field, value) {
     for (let [index, res] of resources.entries()) {
       if (res[field] && res[field] == value) {
@@ -36,7 +32,5 @@ const HighlighterMixin = {
 
     return resources;
   }
-
 };
-export { HighlighterMixin };
-//# sourceMappingURL=highlighterMixin.js.map
+export { HighlighterMixin };

package/dist/mixins/interfaces.js

@@ -1,8 +1,6 @@
-export let WidgetType;
-
-(function (WidgetType) {
+export let WidgetType = /*#__PURE__*/function (WidgetType) {
   WidgetType["CUSTOM"] = "custom";
   WidgetType["USER"] = "user";
   WidgetType["NATIVE"] = "native";
-})(WidgetType || (WidgetType = {}));
-//# sourceMappingURL=interfaces.js.map
+  return WidgetType;
+}({});