@startinblox/core 0.19.0 → 0.19.1-beta.2

package/dist/index.js

@@ -54370,6 +54370,123 @@ const SolidMemberDelete = {
   }
 };
 Sib.register(SolidMemberDelete);
+const SolidMemberAdd = {
+  name: "solid-member-add",
+  use: [NextMixin, ValidationMixin, ContextMixin, StoreMixin],
+  attributes: {
+    // The list of users to load
+    rangeUsers: {
+      type: String,
+      default: null,
+      callback: function(newValue, oldValue) {
+        if (newValue !== oldValue)
+          this.planRender();
+      }
+    },
+    addMemberLabel: {
+      type: String,
+      default: "Add a member",
+      callback: function(newValue, oldValue) {
+        if (newValue !== oldValue)
+          this.planRender();
+      }
+    },
+    classSubmitButton: {
+      type: String,
+      default: "",
+      callback: function(newValue, oldValue) {
+        if (newValue !== oldValue)
+          this.planRender();
+      }
+    }
+  },
+  initialState: {
+    renderPlanned: false
+  },
+  created() {
+    newWidgetFactory("solid-form-dropdown-autocompletion");
+    this.planRender();
+  },
+  async populate() {
+    if (!this.resource)
+      return;
+    let memberPredicate = store.getExpandedPredicate("user_set", base_context);
+    this.currentMembers = await this.resource[memberPredicate];
+    if (!Array.isArray(this.currentMembers)) {
+      this.currentMembers = [this.currentMembers];
+    }
+  },
+  planRender() {
+    if (!this.renderPlanned) {
+      this.renderPlanned = true;
+      setTimeout(() => {
+        this.render();
+        this.renderPlanned = false;
+      });
+    }
+  },
+  async addMember(e) {
+    if (!this.dataSrc || !this.resourceId)
+      return;
+    e.preventDefault();
+    this.performAction();
+  },
+  async addMembership() {
+    this.currentMembers.push(JSON.parse(this.dataTargetSrc));
+    let currentRes = {
+      "@context": this.context,
+      "user_set": this.currentMembers
+    };
+    return store.patch(currentRes, this.resourceId).then((response) => {
+      if (!response) {
+        console.warn(`Error while adding user ${this.dataTargetSrc} to group ${this.resourceId}`);
+        return;
+      }
+      this.goToNext(null);
+      const eventData = { detail: { resource: { "@id": this.dataSrc } }, bubbles: true };
+      this.element.dispatchEvent(new CustomEvent("save", eventData));
+      this.element.dispatchEvent(new CustomEvent("memberAdded", eventData));
+      this.planRender();
+    });
+  },
+  validateModal() {
+    return this.addMembership();
+  },
+  update() {
+    this.render();
+  },
+  changeSelectedUser(e) {
+    var _a;
+    if (!e.target || !e.target.firstElementChild)
+      return;
+    this.dataTargetSrc = (_a = e.target.firstElementChild) == null ? void 0 : _a.value;
+  },
+  async render() {
+    await this.populate();
+    let button = html$1`
+      <solid-ac-checker data-src="${this.resourceId}"
+        permission="acl:Write"
+      >
+        <form 
+          src="${this.resourceId}"
+          @submit="${this.addMember.bind(this)}"
+        >
+          <solid-form-dropdown-autocompletion
+            range="${this.rangeUsers}"
+            data-src="${this.rangeUsers}"
+            name="users"
+            @change="${this.changeSelectedUser.bind(this)}"
+          ></solid-form-dropdown-autocompletion>
+          <button class="${this.classSubmitButton}" type="submit">${this.addMemberLabel}</button>
+        </form>
+
+        ${this.getModalDialog()}
+      </solid-ac-checker>
+      `;
+    render$1(button, this.element);
+  }
+};
+Sib.register(SolidMemberAdd);
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AltMixin,
@@ -54809,6 +54926,7 @@ export {
   SolidFormSearch,
   SolidLang,
   SolidMap,
+  SolidMemberAdd,
   SolidMemberDelete,
   SolidMembership,
   SolidTable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/core",
-  "version": "0.19.0",
+  "version": "0.19.1-beta.2",
   "description": "This is a series of web component respecting both the web components standards and the Linked Data Platform convention.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",