@startinblox/core 0.19.0-beta.20 → 0.19.0-beta.21

package/dist/index.js

@@ -1,5 +1,5 @@
-import { d as defineComponent, u as uniqID, f as fuzzyCompare, p as parseFieldsString, a as findClosingBracketMatchIndex, c as compare, e as evalTemplateString, s as setDeepProperty, t as transformArrayToContainer } from "./assets/helpers-bf15809c.js";
-import { h } from "./assets/helpers-bf15809c.js";
+import { d as defineComponent, u as uniqID, f as fuzzyCompare, p as parseFieldsString, a as findClosingBracketMatchIndex, c as compare, e as evalTemplateString, s as setDeepProperty, t as transformArrayToContainer } from "./assets/helpers-411e08e4.js";
+import { h } from "./assets/helpers-411e08e4.js";
 import PubSub$1 from "https://cdn.skypack.dev/pubsub-js";
 import L from "https://cdn.skypack.dev/leaflet";
 import "https://cdn.skypack.dev/leaflet.markercluster";
@@ -11738,6 +11738,12 @@ class Store {
     }
     return iri;
   }
+  /**
+   * Return the user session information
+   */
+  async getSession() {
+    return await this.session;
+  }
   /**
    * Return language of the users
    */
@@ -53583,7 +53589,7 @@ const SolidAcChecker = {
 Sib.register(SolidAcChecker);
 const SolidDelete = {
   name: "solid-delete",
-  use: [NextMixin, ValidationMixin, AttributeBinderMixin],
+  use: [NextMixin, ValidationMixin, AttributeBinderMixin, ContextMixin],
   attributes: {
     dataSrc: {
       type: String,
@@ -53599,10 +53605,6 @@ const SolidDelete = {
         if (newValue !== oldValue)
           this.planRender();
       }
-    },
-    extraContext: {
-      type: String,
-      default: null
     }
   },
   initialState: {
@@ -53620,16 +53622,6 @@ const SolidDelete = {
       });
     }
   },
-  get context() {
-    let extraContextElement = this.extraContext ? document.getElementById(this.extraContext) : (
-      // take element extra context first
-      document.querySelector("[data-default-context]")
-    );
-    let extraContext = {};
-    if (extraContextElement)
-      extraContext = JSON.parse(extraContextElement.textContent || "{}");
-    return { ...base_context, ...extraContext };
-  },
   async delete(e) {
     e.stopPropagation();
     if (!this.dataSrc)
@@ -54144,6 +54136,279 @@ const SolidMap = {
   }
 };
 Sib.register(SolidMap);
+const SolidMembership = {
+  name: "solid-membership",
+  use: [NextMixin, ValidationMixin, ContextMixin],
+  attributes: {
+    // Data Source being a group URI in that case
+    dataSrc: {
+      type: String,
+      default: null,
+      callback: function() {
+        this.resourceId = this.dataSrc;
+      }
+    },
+    dataLeaveLabel: {
+      type: String,
+      default: null,
+      callback: function(newValue, oldValue) {
+        if (newValue !== oldValue)
+          this.planRender();
+      }
+    },
+    dataJoinLabel: {
+      type: String,
+      default: null,
+      callback: function(newValue, oldValue) {
+        if (newValue !== oldValue)
+          this.planRender();
+      }
+    }
+  },
+  initialState: {
+    renderPlanned: false
+  },
+  created() {
+    this.planRender();
+  },
+  async populate() {
+    if (!store.session)
+      return;
+    let currentUserSession = await store.session;
+    if (!currentUserSession)
+      return;
+    this.userId = await currentUserSession.webId;
+    if (!this.userId)
+      return;
+    this.resource = await store.getData(this.resourceId);
+    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];
+    }
+    this.isMember = this.currentMembers ? this.currentMembers.some((member) => member["@id"] === this.userId) : false;
+  },
+  planRender() {
+    if (!this.renderPlanned) {
+      this.renderPlanned = true;
+      setTimeout(() => {
+        this.render();
+        this.renderPlanned = false;
+      });
+    }
+  },
+  async changeMembership(e) {
+    e.stopPropagation();
+    if (!this.dataSrc)
+      return;
+    this.performAction();
+  },
+  async joinGroup() {
+    this.currentMembers.push({ "@id": this.userId });
+    let currentRes = {
+      "@context": this.context,
+      "user_set": this.currentMembers
+    };
+    return store.patch(currentRes, this.dataSrc).then((response) => {
+      if (!response) {
+        console.warn(`Error while joining group ${this.dataSrc} for user ${this.userId}`);
+        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();
+    });
+  },
+  async leaveGroup() {
+    let userSet = this.currentMembers.filter((value) => {
+      const userId = value["@id"];
+      if (userId == this.userId)
+        return false;
+      else
+        return true;
+    });
+    let currentRes = {
+      "@context": this.context,
+      "user_set": userSet
+    };
+    return store.patch(currentRes, this.dataSrc).then((response) => {
+      if (!response) {
+        console.warn(`Error while leaving group ${this.dataSrc} for user ${this.userId}`);
+        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("memberRemoved", eventData));
+      this.planRender();
+    });
+  },
+  switchMembership() {
+    if (this.isMember) {
+      return this.leaveGroup();
+    } else {
+      return this.joinGroup();
+    }
+  },
+  validateModal() {
+    return this.switchMembership();
+  },
+  update() {
+    this.render();
+  },
+  async render() {
+    await this.populate();
+    let button = html$1``;
+    if (this.isMember) {
+      button = html$1`
+        <solid-ac-checker data-src="${this.dataSrc}"
+              permission="acl:Read"
+            >
+          <button @click=${this.changeMembership.bind(this)}>${this.dataLeaveLabel || this.t("solid-leave-group.button")}</button>
+          ${this.getModalDialog()}
+        </solid-ac-checker>
+        `;
+    } else {
+      button = html$1`
+        <solid-ac-checker data-src="${this.dataSrc}"
+              permission="acl:Read"
+            >
+          <button @click=${this.changeMembership.bind(this)}>${this.dataJoinLabel || this.t("solid-join-group.button")}</button>
+          ${this.getModalDialog()}
+        </solid-ac-checker>
+        `;
+    }
+    render$1(button, this.element);
+  }
+};
+Sib.register(SolidMembership);
+const SolidMemberDelete = {
+  name: "solid-member-delete",
+  use: [NextMixin, ValidationMixin, ContextMixin],
+  attributes: {
+    // Data Source being a group URI in that case
+    dataSrc: {
+      type: String,
+      default: null,
+      callback: function() {
+        this.resourceId = this.dataSrc;
+      }
+    },
+    dataLabel: {
+      type: String,
+      default: null,
+      callback: function(newValue, oldValue) {
+        if (newValue !== oldValue)
+          this.planRender();
+      }
+    },
+    // The user id to remove from the group
+    dataTargetSrc: {
+      type: String,
+      default: null,
+      callback: function(newValue, oldValue) {
+        if (newValue !== oldValue)
+          this.planRender();
+      }
+    },
+    dataUnknownMember: {
+      type: String,
+      default: "Given user is not a member of this group",
+      callback: function(newValue, oldValue) {
+        if (newValue !== oldValue)
+          this.planRender();
+      }
+    }
+  },
+  initialState: {
+    renderPlanned: false
+  },
+  created() {
+    this.planRender();
+  },
+  async populate() {
+    this.resource = await store.getData(this.resourceId);
+    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];
+    }
+    this.isMember = this.currentMembers ? this.currentMembers.some((member) => member["@id"] === this.dataTargetSrc) : false;
+    console.log("populate", this.dataSrc, this.dataTargetSrc, this.currentMembers, this.isMember);
+  },
+  planRender() {
+    if (!this.renderPlanned) {
+      this.renderPlanned = true;
+      setTimeout(() => {
+        this.render();
+        this.renderPlanned = false;
+      });
+    }
+  },
+  async removeMember(e) {
+    e.stopPropagation();
+    if (!this.dataSrc)
+      return;
+    this.performAction();
+  },
+  async deleteMembership() {
+    console.log("deleteMembership", this.dataSrc, this.dataTargetSrc, this.currentMembers);
+    let userSet = this.currentMembers.filter((value) => {
+      const userId = value["@id"];
+      if (userId == this.dataTargetSrc)
+        return false;
+      else
+        return true;
+    });
+    let currentRes = {
+      "@context": this.context,
+      "user_set": userSet
+    };
+    return store.patch(currentRes, this.dataSrc).then((response) => {
+      if (!response) {
+        console.warn(`Error while removing user ${this.dataTargetSrc} from group ${this.dataSrc}`);
+        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("memberRemoved", eventData));
+      this.planRender();
+    });
+  },
+  validateModal() {
+    return this.deleteMembership();
+  },
+  update() {
+    this.render();
+  },
+  async render() {
+    await this.populate();
+    let button = html$1``;
+    if (this.isMember) {
+      button = html$1`
+        <solid-ac-checker data-src="${this.dataSrc}"
+              permission="acl:Write"
+            >
+          <button @click=${this.removeMember.bind(this)}>${this.dataLabel || this.t("solid-delete-member.button")}</button>
+          ${this.getModalDialog()}
+        </solid-ac-checker>
+        `;
+    } else {
+      button = html$1`
+        <span>${this.dataUnknownMember || this.t("solid-member-unknown.span")}</span>
+      `;
+    }
+    render$1(button, this.element);
+  }
+};
+Sib.register(SolidMemberDelete);
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AltMixin,
@@ -54583,6 +54848,8 @@ export {
   SolidFormSearch,
   SolidLang,
   SolidMap,
+  SolidMemberDelete,
+  SolidMembership,
   SolidTable,
   SolidTemplateElement,
   SolidWidget,