@startinblox/core 0.17.31 → 0.18.0-beta.1

package/dist/components/solid-table.js

@@ -1,95 +1,3 @@
-function _templateObject9() {
-  const data = _taggedTemplateLiteral(["\n      ", "\n      ", "\n    "]);
-
-  _templateObject9 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  const data = _taggedTemplateLiteral(["\n      ", "\n      ", "\n    "]);
-
-  _templateObject8 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  const data = _taggedTemplateLiteral(["<td>", "</td>"]);
-
-  _templateObject7 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  const data = _taggedTemplateLiteral(["\n        <td>\n          <input type=\"checkbox\" data-selection />\n        </td>"]);
-
-  _templateObject6 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  const data = _taggedTemplateLiteral(["\n      <tr data-resource=\"", "\">\n        ", "\n        ", "\n      </tr>\n    "]);
-
-  _templateObject5 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  const data = _taggedTemplateLiteral(["\n          <th>\n            ", "\n        </th>"]);
-
-  _templateObject4 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  const data = _taggedTemplateLiteral(["\n        <th>\n          <input type=\"checkbox\" @change=\"", "\" />\n        </th>"]);
-
-  _templateObject3 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  const data = _taggedTemplateLiteral(["\n      <tr>\n        ", "\n        ", "\n      </tr>\n    "]);
-
-  _templateObject2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["\n      <solid-form\n        data-src=\"", "\"\n        fields=\"", "\"\n        partial\n        autosave\n        ...=", "\n      ></solid-form>\n    "]);
-
-  _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 { Sib } from '../libs/Sib.js';
 import { store } from '../libs/store/store.js';
 import { WidgetMixin } from '../mixins/widgetMixin.js';
@@ -123,64 +31,49 @@ export const SolidTable = {
       default: null
     }
   },
-
   get parentElement() {
     return 'table';
   },
-
   get defaultMultipleWidget() {
     return 'solid-multiple';
   },
-
   get defaultSetWidget() {
     return 'solid-set-default';
   },
-
   get selectedLines() {
     if (this.selectable === null) return [];
-    return Array.from(this.element.querySelectorAll('input[data-selection]:checked')).map(e => {
-      var _e$closest;
-
-      return e === null || e === void 0 ? void 0 : (_e$closest = e.closest('[data-resource]')) === null || _e$closest === void 0 ? void 0 : _e$closest.getAttribute('data-resource');
-    });
+    return Array.from(this.element.querySelectorAll('input[data-selection]:checked')).map(e => e?.closest('[data-resource]')?.getAttribute('data-resource'));
   },
-
   /**
    * Select all lines
    * @param e - event
    */
   selectAll(e) {
     if (this.selectable === null) return;
-
     for (const checkbox of Array.from(this.element.querySelectorAll('input[data-selection]'))) {
       checkbox.checked = e.target.checked;
     }
   },
-
   /**
    * Unselect all lines
    */
   unselectAll() {
     if (this.selectable === null) return;
-
     for (const checkbox of Array.from(this.element.querySelectorAll('input[data-selection]'))) {
       checkbox.checked = false;
     }
   },
-
   /**
    * Select specific lines
    * @param lines - array of selected lines
    */
   selectLines(lines) {
     if (this.selectable === null || lines.length === 0) return;
-
     for (const line of lines) {
-      const checkbox = this.element.querySelector("[data-resource=\"".concat(line, "\"] input[data-selection]"));
+      const checkbox = this.element.querySelector(`[data-resource="${line}"] input[data-selection]`);
       if (checkbox) checkbox.checked = true;
     }
   },
-
   /**
    * Create a widget for the field or a form if it's editable
    * @param field
@@ -188,31 +81,47 @@ export const SolidTable = {
    */
   async createCellWidget(field, resource) {
     // if regular widget
-    if (!this.element.hasAttribute('editable-' + field)) return this.createWidgetTemplate(field, resource, true); // if editable widget
+    if (!this.element.hasAttribute('editable-' + field)) return this.createWidgetTemplate(field, resource, true);
 
+    // if editable widget
     const attributes = {};
-    const formWidgetAttributes = [// attributes to give to the form widget
+    const formWidgetAttributes = [
+    // attributes to give to the form widget
     'range', 'enum', 'placeholder', 'required', 'autocomplete', 'option-label', 'option-value', 'min', 'max', 'pattern', 'title', 'widget'];
-
-    for (let attr of formWidgetAttributes) this.addToAttributes("".concat(attr, "-").concat(field), "".concat(attr, "-").concat(field), attributes);
-
-    const formAttributes = [// attributes to give to the form
+    for (let attr of formWidgetAttributes) this.addToAttributes(`${attr}-${field}`, `${attr}-${field}`, attributes);
+    const formAttributes = [
+    // attributes to give to the form
     'class', 'submit-button', 'next'];
-
-    for (let attr of formAttributes) this.addToAttributes("".concat(attr, "-").concat(field), attr, attributes);
-
-    return html(_templateObject(), resource['@id'], field, spread(attributes));
+    for (let attr of formAttributes) this.addToAttributes(`${attr}-${field}`, attr, attributes);
+    return html`
+      <solid-form
+        data-src="${resource['@id']}"
+        fields="${field}"
+        partial
+        autosave
+        ...=${spread(attributes)}
+      ></solid-form>
+    `;
   },
-
   /**
    * Creates a header line for the table
    * @param fields
    */
   getHeader(fields) {
-    let template = html(_templateObject2(), this.selectable !== null ? html(_templateObject3(), this.selectAll.bind(this)) : '', fields.map(field => html(_templateObject4(), this.element.hasAttribute('label-' + field) ? this.element.getAttribute('label-' + field) : field)));
+    let template = html`
+      <tr>
+        ${this.selectable !== null ? html`
+        <th>
+          <input type="checkbox" @change="${this.selectAll.bind(this)}" />
+        </th>` : ''}
+        ${fields.map(field => html`
+          <th>
+            ${this.element.hasAttribute('label-' + field) ? this.element.getAttribute('label-' + field) : field}
+        </th>`)}
+      </tr>
+    `;
     return template;
   },
-
   /**
    * Returns template of a child element (resource)
    * @param resourceId
@@ -220,20 +129,29 @@ export const SolidTable = {
    */
   async getChildTemplate(resourceId, fields) {
     const resource = await store.getData(resourceId, this.context);
-    let template = html(_templateObject5(), resourceId, this.selectable !== null ? html(_templateObject6()) : '', fields.map(field => html(_templateObject7(), until(this.createCellWidget(field, resource)))));
+    let template = html`
+      <tr data-resource="${resourceId}">
+        ${this.selectable !== null ? html`
+        <td>
+          <input type="checkbox" data-selection />
+        </td>` : ''}
+        ${fields.map(field => html`<td>${until(this.createCellWidget(field, resource))}</td>`)}
+      </tr>
+    `;
     return template;
   },
-
   /**
    * Creates and render the content of a single element (resource)
    * @param parent
    */
   async appendSingleElt(parent) {
     const fields = await this.getFields();
-    const template = html(_templateObject8(), this.header !== null ? this.getHeader(fields) : '', until(this.getChildTemplate(this.resource['@id'], fields)));
+    const template = html`
+      ${this.header !== null ? this.getHeader(fields) : ''}
+      ${until(this.getChildTemplate(this.resource['@id'], fields))}
+    `;
     render(template, parent);
   },
-
   /**
    * @override listMixin method to use litHtml
    *
@@ -245,19 +163,19 @@ export const SolidTable = {
    */
   async renderDOM(resources, listPostProcessors, div, context) {
     const selectedLines = [...this.selectedLines]; // save selected lines before moving them
-
     const fields = await this.getFields();
     const childTemplates = await Promise.all(resources.map(r => r ? this.getChildTemplate(r['@id'], fields) : null));
-    const template = html(_templateObject9(), this.header !== null ? this.getHeader(fields) : '', childTemplates); // create a child template for each resource
-
-    render(template, div); // Re-select the right lines
+    const template = html`
+      ${this.header !== null ? this.getHeader(fields) : ''}
+      ${childTemplates}
+    `; // create a child template for each resource
+    render(template, div);
 
+    // Re-select the right lines
     this.unselectAll();
     this.selectLines(selectedLines);
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
   }
-
 };
-Sib.register(SolidTable);
-//# sourceMappingURL=solid-table.js.map
+Sib.register(SolidTable);

package/dist/components/solid-widget.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 { Sib } from '../libs/Sib.js';
 import { StoreMixin } from '../mixins/storeMixin.js';
 import { BaseWidgetMixin } from '../new-widgets/baseWidgetMixin.js';
@@ -28,7 +16,6 @@ export const SolidWidget = {
       required: true
     }
   },
-
   attached() {
     if (!this.name) return;
     const template = this.template;
@@ -44,11 +31,9 @@ export const SolidWidget = {
           }
         }
       },
-
       get template() {
-        return () => this.evalTemplate(template).then(tpl => html(_templateObject(), unsafeHTML(tpl)));
+        return () => this.evalTemplate(template).then(tpl => html`${unsafeHTML(tpl)}`);
       },
-
       evalTemplate(template) {
         const tpl = evalTemplateString(template, {
           name: this.name,
@@ -58,16 +43,13 @@ export const SolidWidget = {
         });
         return tpl;
       },
-
       async templateToDOM(template) {
         render(await template, this.element);
       },
-
       // For form widgets, handle nested solid-form
       getValueFromElement(element) {
         if (element.tagName === "SOLID-FORM") return element.component.value; // nested solid-form
         else if (element.component) return element.component.getValue(); // form widget
-
         return element.value; // input
       },
 
@@ -75,7 +57,6 @@ export const SolidWidget = {
         // override StoreMixin method to launch render when resource fetched
         this.planRender();
       }
-
     };
     Sib.register(newWidget); // and register component
   },
@@ -83,12 +64,9 @@ export const SolidWidget = {
   get template() {
     return this.element.querySelector('template:not([data-range])').innerHTML;
   },
-
   get childTemplate() {
     const child = this.element.querySelector('template[data-range]');
     return child ? child.innerHTML : null;
   }
-
 };
-Sib.register(SolidWidget);
-//# sourceMappingURL=solid-widget.js.map
+Sib.register(SolidWidget);

package/dist/index.js

@@ -1,5 +1,5 @@
-import "./libs/polyfills.js"; // Components
-
+import "./libs/polyfills.js";
+// Components
 import { SolidDisplay } from './components/solid-display.js';
 import { SolidForm } from './components/solid-form.js';
 import { SolidFormSearch } from './components/solid-form-search.js';
@@ -8,8 +8,9 @@ import { SolidAcChecker } from './components/solid-ac-checker.js';
 import { SolidDelete } from './components/solid-delete.js';
 import { SolidLang } from './components/solid-lang.js';
 import { SolidTable } from './components/solid-table.js';
-import { SolidMap } from './components/solid-map.js'; // Mixins
+import { SolidMap } from './components/solid-map.js';
 
+// Mixins
 import { CounterMixin } from './mixins/counterMixin.js';
 import { FederationMixin } from './mixins/federationMixin.js';
 import { FilterMixin } from './mixins/filterMixin.js';
@@ -23,21 +24,26 @@ import { SorterMixin } from './mixins/sorterMixin.js';
 import { StoreMixin } from './mixins/storeMixin.js';
 import { TranslationMixin } from './mixins/translationMixin.js';
 import { ValidationMixin } from './mixins/validationMixin.js';
-import { WidgetMixin } from './mixins/widgetMixin.js'; // Libs
+import { WidgetMixin } from './mixins/widgetMixin.js';
 
+// Libs
 import { store } from './libs/store/store.js';
 import { Sib } from './libs/Sib.js';
 import SolidTemplateElement from './solid-template-element.js';
 import { widgetFactory } from './widgets/widget-factory.js';
-import * as Helpers from './libs/helpers.js'; // lit-html
+import * as Helpers from './libs/helpers.js';
 
+// lit-html
 import { html, render } from './_snowpack/pkg/lit-html.js';
 import { ifDefined } from './_snowpack/pkg/lit-html/directives/if-defined.js';
 import { until } from './_snowpack/pkg/lit-html/directives/until.js';
 import { unsafeHTML } from './_snowpack/pkg/lit-html/directives/unsafe-html.js';
-export { // Components
-SolidDisplay, SolidForm, SolidFormSearch, SolidWidget, SolidAcChecker, SolidDelete, SolidLang, SolidTable, SolidMap // Mixins
-, CounterMixin, FederationMixin, FilterMixin, GrouperMixin, HighlighterMixin, ListMixin, NextMixin, PaginateMixin, RequiredMixin, SorterMixin, StoreMixin, TranslationMixin, ValidationMixin, WidgetMixin // Libs
-, store, Sib, SolidTemplateElement, widgetFactory, Helpers // lit-html
-, html, render, ifDefined, until, unsafeHTML };
-//# sourceMappingURL=index.js.map
+export {
+// Components
+SolidDisplay, SolidForm, SolidFormSearch, SolidWidget, SolidAcChecker, SolidDelete, SolidLang, SolidTable, SolidMap,
+// Mixins
+CounterMixin, FederationMixin, FilterMixin, GrouperMixin, HighlighterMixin, ListMixin, NextMixin, PaginateMixin, RequiredMixin, SorterMixin, StoreMixin, TranslationMixin, ValidationMixin, WidgetMixin,
+// Libs
+store, Sib, SolidTemplateElement, widgetFactory, Helpers,
+// lit-html
+html, render, ifDefined, until, unsafeHTML };

package/dist/libs/Component.js

@@ -1,19 +1,13 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 export class Component {
   constructor(element) {
     _defineProperty(this, "element", void 0);
-
     this.element = element;
   }
-
   created() {}
-
   attached() {}
-
   detached() {}
-
   attributesCallback(_key, _value, _oldValue) {}
-
-}
-//# sourceMappingURL=Component.js.map
+}

package/dist/libs/ComponentFactory.js

@@ -21,7 +21,6 @@ export class ComponentFactory {
     });
     return componentConstructor;
   }
-
   static bindInitialState(componentConstructor, initialState) {
     if (initialState) {
       Reflect.ownKeys(initialState).forEach(key => {
@@ -32,10 +31,8 @@ export class ComponentFactory {
         });
       });
     }
-
     return componentConstructor;
   }
-
   static bindAttributes(componentConstructor, attributes) {
     if (attributes) {
       const attributesList = Reflect.ownKeys(attributes).map(key => String(key));
@@ -49,64 +46,44 @@ export class ComponentFactory {
         } = attributes[key];
         let fromType;
         let toType;
-
         switch (type) {
           case String:
             fromType = value => String(value);
-
             toType = value => value;
-
             break;
-
           case Object:
             fromType = value => JSON.parse(value);
-
             toType = value => JSON.stringify(value);
-
             break;
-
           case Number:
             fromType = value => Number(value);
-
             toType = value => Number(value).toString();
-
             break;
-
           case Boolean:
             fromType = value => Boolean(value);
-
             toType = value => value;
-
             break;
-
           default:
             fromType = value => value;
-
             toType = value => value;
-
             break;
         }
-
         const attribute = key.replace(/([a-z0-9])([A-Z0-9])/g, '$1-$2').toLowerCase();
         Reflect.defineProperty(componentConstructor.prototype, key, {
           enumerable: true,
           configurable: false,
           get: function () {
             const element = this.element;
-
             if (!element.hasAttribute(attribute)) {
               if (required && type !== Boolean) {
-                throw new Error("Attribute ".concat(key, " is required"));
+                throw new Error(`Attribute ${key} is required`);
               }
-
               return def;
             }
-
             return fromType(element.getAttribute(attribute));
           },
           set: function (value) {
             const element = this.element;
-
             if (type === Boolean) {
               if (!value) {
                 element.removeAttribute(attribute);
@@ -118,7 +95,6 @@ export class ComponentFactory {
             }
           }
         });
-
         if (callback && typeof callback === 'function') {
           attributesCallback[key] = callback;
         }
@@ -135,10 +111,8 @@ export class ComponentFactory {
       });
       Reflect.defineProperty(componentConstructor.prototype, 'attributesCallback', attributesCallback);
     }
-
     return componentConstructor;
   }
-
   static bindAccessors(componentConstructor, accessors) {
     if (accessors) {
       Object.keys(accessors).forEach(property => {
@@ -152,21 +126,21 @@ export class ComponentFactory {
         });
       });
     }
-
     return componentConstructor;
   }
-
   static bindMethods(componentConstructor, methods) {
     methods.forEach((method, methodName) => {
       Reflect.defineProperty(componentConstructor.prototype, methodName, {
-        value: function (...args) {
+        value: function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
           return Reflect.apply(method, this, args);
         }
       });
     });
     return componentConstructor;
   }
-
   static bindHooks(componentConstructor, hooks) {
     Reflect.defineProperty(componentConstructor.prototype, 'created', {
       value: function () {
@@ -191,6 +165,4 @@ export class ComponentFactory {
     });
     return componentConstructor;
   }
-
-}
-//# sourceMappingURL=ComponentFactory.js.map
+}

package/dist/libs/Compositor.js

@@ -11,54 +11,50 @@ export class Compositor {
       hooks: Compositor.mergeHooks([component, ...mixins])
     };
   }
-
   static mergeMixin(component) {
     function deepMergeMixin(mixinAccumulator, currentMixin) {
       const {
         use: currentMixins
       } = currentMixin;
-
       if (currentMixins) {
         currentMixins.forEach(mix => {
           if (!mixinAccumulator.has(mix)) {
             mixinAccumulator.set(mix, mix);
             deepMergeMixin(mixinAccumulator, mix);
           } else {
-            console.warn("Duplicate mixin import (".concat(mix.name, ")"));
+            console.warn(`Duplicate mixin import (${mix.name})`);
           }
         });
       }
     }
-
     const mixins = new Map();
     deepMergeMixin(mixins, component);
     return Array.from(mixins.values());
   }
-
   static mergeAttributes(mixins) {
     let attributes = {};
     mixins.forEach(mixin => {
       if (!!mixin.attributes) {
-        attributes = { ...mixin.attributes,
+        attributes = {
+          ...mixin.attributes,
           ...attributes
         };
       }
     });
     return attributes;
   }
-
   static mergeInitialState(mixins) {
     let initialState = {};
     mixins.forEach(mixin => {
       if (!!mixin.initialState) {
-        initialState = { ...mixin.initialState,
+        initialState = {
+          ...mixin.initialState,
           ...initialState
         };
       }
     });
     return initialState;
   }
-
   static mergeHooks(mixins) {
     const hooks = {
       created: [],
@@ -74,7 +70,6 @@ export class Compositor {
     });
     return hooks;
   }
-
   static mergeMethods(mixins) {
     const methods = new Map();
     mixins.reverse().forEach(mixin => {
@@ -85,12 +80,12 @@ export class Compositor {
     });
     return methods;
   }
-
   static mergeAccessors(mixins) {
     const accessors = {};
     mixins.reverse().forEach(mixin => {
       Reflect.ownKeys(mixin).filter(key => typeof key === 'string' && API.indexOf(key) < 0 && (Object.getOwnPropertyDescriptor(mixin, key).get || Object.getOwnPropertyDescriptor(mixin, key).set)).forEach(prop => {
-        accessors[prop] = { ...accessors[prop]
+        accessors[prop] = {
+          ...accessors[prop]
         };
         if (Reflect.getOwnPropertyDescriptor(mixin, prop).get) accessors[prop].get = Reflect.getOwnPropertyDescriptor(mixin, prop).get;
         if (Reflect.getOwnPropertyDescriptor(mixin, prop).set) accessors[prop].set = Reflect.getOwnPropertyDescriptor(mixin, prop).set;
@@ -98,6 +93,4 @@ export class Compositor {
     });
     return accessors;
   }
-
-}
-//# sourceMappingURL=Compositor.js.map
+}