solid-ui 5.0.2-3 → 5.0.2-5

package/dist/widgets/peoplePicker.esm.js

@@ -1,8 +1,8 @@
-import e from "../lib/ns.esm.js";
-import { log as t } from "../lib/debug.esm.js";
-import { makeDropTarget as n } from "./dragAndDrop.esm.js";
-import { errorMessageBlock as r } from "./error.esm.js";
-import { iconBase as i } from "../lib/iconBase.esm.js";
+import { log as e } from "../lib/debug.esm.js";
+import { makeDropTarget as t } from "./dragAndDrop.esm.js";
+import { errorMessageBlock as n } from "./error.esm.js";
+import { iconBase as r } from "../lib/iconBase.esm.js";
+import i from "../lib/ns.esm.js";
 import * as a from "rdflib";
 import { solidLogicSingleton as o } from "solid-logic";
 import s from "escape-html";
@@ -23,8 +23,8 @@ var l = o.store, u = class {
 				this.selectedgroup = null, this.render();
 			}), e.appendChild(t), e.appendChild(n);
 		} else this.findAddressBook(this.typeIndex).then(({ book: t }) => {
-			let n = document.createElement("button");
-			n.textContent = s("Pick an existing group"), n.style.margin = "auto", n.addEventListener("click", (n) => {
+			let r = document.createElement("button");
+			r.textContent = s("Pick an existing group"), r.style.margin = "auto", r.addEventListener("click", (n) => {
 				new d(e, t, this.onSelectGroup).render();
 			});
 			let i = document.createElement("button");
@@ -32,45 +32,45 @@ var l = o.store, u = class {
 				this.createNewGroup(t, this.options.defaultNewGroupName).then(({ group: e }) => {
 					new p(this.element, t, e, this.onSelectGroup).render();
 				}).catch((e) => {
-					this.element.appendChild(r(document, s(`Error creating a new group. (${e})`)));
+					this.element.appendChild(n(document, s(`Error creating a new group. (${e})`)));
 				});
-			}), e.appendChild(n), e.appendChild(i), this.element.innerHTML = "", this.element.appendChild(e);
+			}), e.appendChild(r), e.appendChild(i), this.element.innerHTML = "", this.element.appendChild(e);
 		}).catch((e) => {
-			this.element.appendChild(r(document, s(`Could find your groups. (${e})`)));
+			this.element.appendChild(n(document, s(`Could find your groups. (${e})`)));
 		});
 		return this.element.innerHTML = "", this.element.appendChild(e), this;
 	}
-	findAddressBook(t) {
-		return new Promise((n, r) => {
-			l.fetcher.nowOrWhenFetched(t, (i, a) => {
-				if (!i) return r(a);
-				let o = l.any(null, e.solid("forClass"), e.vcard("AddressBook"));
-				if (!o) return r(/* @__PURE__ */ Error("no address book registered in the solid type index " + t));
-				let s = l.any(o, e.solid("instance"));
-				if (!s) return r(/* @__PURE__ */ Error("incomplete address book registration"));
+	findAddressBook(e) {
+		return new Promise((t, n) => {
+			l.fetcher.nowOrWhenFetched(e, (r, a) => {
+				if (!r) return n(a);
+				let o = l.any(null, i.solid("forClass"), i.vcard("AddressBook"));
+				if (!o) return n(/* @__PURE__ */ Error("no address book registered in the solid type index " + e));
+				let s = l.any(o, i.solid("instance"));
+				if (!s) return n(/* @__PURE__ */ Error("incomplete address book registration"));
 				l.fetcher.load(s).then(function(e) {
-					return n({ book: s });
+					return t({ book: s });
 				}).catch(function(e) {
-					return r(/* @__PURE__ */ Error("Could not load address book " + e));
+					return n(/* @__PURE__ */ Error("Could not load address book " + e));
 				});
 			});
 		});
 	}
-	createNewGroup(n, r) {
-		let { groupIndex: i, groupContainer: o } = _(n), s = a.sym(`${o.uri}${c().slice(0, 8)}.ttl#this`), u = r || "Untitled Group", d = [s.doc(), i].map((t) => {
-			let r = a.st(s, e.rdf("type"), e.vcard("Group"), t), o = a.st(s, e.vcard("fn"), u, s.doc(), t), c = a.st(n, e.vcard("includesGroup"), s, t), d = t.equals(i) ? [
-				r,
+	createNewGroup(t, n) {
+		let { groupIndex: r, groupContainer: o } = _(t), s = a.sym(`${o.uri}${c().slice(0, 8)}.ttl#this`), u = n || "Untitled Group", d = [s.doc(), r].map((e) => {
+			let n = a.st(s, i.rdf("type"), i.vcard("Group"), e), o = a.st(s, i.vcard("fn"), u, s.doc(), e), c = a.st(t, i.vcard("includesGroup"), s, e), d = e.equals(r) ? [
+				n,
 				o,
 				c
-			] : [r, o];
-			return g(t.uri, { toIns: d }).then(() => {
+			] : [n, o];
+			return g(e.uri, { toIns: d }).then(() => {
 				d.forEach((e) => {
 					l.add(e);
 				});
 			});
 		});
-		return Promise.all(d).then(() => ({ group: s })).catch((e) => {
-			throw t("Could not create new group.  PATCH failed " + e), Error(`Couldn't create new group.  PATCH failed for (${e.xhr ? e.xhr.responseURL : ""} )`);
+		return Promise.all(d).then(() => ({ group: s })).catch((t) => {
+			throw e("Could not create new group.  PATCH failed " + t), Error(`Couldn't create new group.  PATCH failed for (${t.xhr ? t.xhr.responseURL : ""} )`);
 		});
 	}
 	onSelectGroup(e) {
@@ -88,13 +88,13 @@ var l = o.store, u = class {
 				n.addEventListener("click", this.handleClickGroup(e)), new f(n, e).render(), t.appendChild(n);
 			}), this.element.innerHTML = "", this.element.appendChild(t);
 		}).catch((e) => {
-			this.element.appendChild(r(document, s(`There was an error loading your groups. (${e})`)));
+			this.element.appendChild(n(document, s(`There was an error loading your groups. (${e})`)));
 		}), this;
 	}
 	loadGroups() {
-		return new Promise((t, n) => {
-			let { groupIndex: r } = _(this.book);
-			l.fetcher.nowOrWhenFetched(r, (r, i) => r ? t(l.each(this.book, e.vcard("includesGroup"))) : n(i));
+		return new Promise((e, t) => {
+			let { groupIndex: n } = _(this.book);
+			l.fetcher.nowOrWhenFetched(n, (n, r) => n ? e(l.each(this.book, i.vcard("includesGroup"))) : t(r));
 		});
 	}
 	handleClickGroup(e) {
@@ -107,8 +107,8 @@ var l = o.store, u = class {
 		this.element = e, this.group = t;
 	}
 	render() {
-		let t = document.createElement("div");
-		return t.textContent = s(h(this.group, e.vcard("fn"), `[${this.group.value}]`)), this.element.innerHTML = "", this.element.appendChild(t), this;
+		let e = document.createElement("div");
+		return e.textContent = s(h(this.group, i.vcard("fn"), `[${this.group.value}]`)), this.element.innerHTML = "", this.element.appendChild(e), this;
 	}
 }, p = class {
 	constructor(e, t, n, r, i) {
@@ -118,86 +118,86 @@ var l = o.store, u = class {
 	}
 	refresh() {}
 	render() {
-		let t = document.createElement("div");
-		t.style.maxWidth = "350px", t.style.minHeight = "200px", t.style.outline = "1px solid black", t.style.display = "flex", t.style.flexDirection = "column", n(t, (e) => {
+		let e = document.createElement("div");
+		e.style.maxWidth = "350px", e.style.minHeight = "200px", e.style.outline = "1px solid black", e.style.display = "flex", e.style.flexDirection = "column", t(e, (e) => {
 			e.forEach((e) => {
 				this.add(e).catch((e) => {
-					this.element.appendChild(r(document, s(`Could not add the given WebId. (${e})`)));
+					this.element.appendChild(n(document, s(`Could not add the given WebId. (${e})`)));
 				});
 			});
 		});
-		let i = document.createElement("input");
-		i.type = "text", i.value = h(this.group, e.vcard("fn"), "Untitled Group"), i.addEventListener("change", (e) => {
+		let r = document.createElement("input");
+		r.type = "text", r.value = h(this.group, i.vcard("fn"), "Untitled Group"), r.addEventListener("change", (e) => {
 			this.setGroupName(e.target.value).catch((e) => {
-				this.element.appendChild(r(document, `Error changing group name. (${e})`));
+				this.element.appendChild(n(document, `Error changing group name. (${e})`));
 			});
 		});
 		let a = document.createElement("label");
-		if (a.textContent = s("Group Name:"), a.appendChild(i), t.appendChild(a), l.any(this.group, e.vcard("hasMember"))) l.match(this.group, e.vcard("hasMember")).forEach((e) => {
-			let n = e.object, r = document.createElement("div");
-			new m(r, n, this.handleRemove(n)).render(), t.appendChild(r);
+		if (a.textContent = s("Group Name:"), a.appendChild(r), e.appendChild(a), l.any(this.group, i.vcard("hasMember"))) l.match(this.group, i.vcard("hasMember")).forEach((t) => {
+			let n = t.object, r = document.createElement("div");
+			new m(r, n, this.handleRemove(n)).render(), e.appendChild(r);
 		});
 		else {
-			let e = document.createElement("p");
-			e.textContent = s`
+			let t = document.createElement("p");
+			t.textContent = s`
         To add someone to this group, drag and drop their WebID URL onto the box.
-      `, t.appendChild(e);
+      `, e.appendChild(t);
 		}
 		let o = document.createElement("button");
 		return o.textContent = s("Done"), o.addEventListener("click", (e) => {
 			this.doneBuildingCb(this.group);
-		}), t.appendChild(o), this.element.innerHTML = "", this.element.appendChild(t), this;
-	}
-	add(t) {
-		return new Promise((n, r) => {
-			l.fetcher.nowOrWhenFetched(t, (i, o) => {
-				if (!i) return this.onGroupChanged(o), r(o);
-				let s = a.namedNode(t), c = l.any(s, e.rdf("type"));
-				return !c || !c.equals(e.foaf("Person")) ? r(/* @__PURE__ */ Error(`Only people supported right now. (tried to add something of type ${c.value})`)) : n(s);
+		}), e.appendChild(o), this.element.innerHTML = "", this.element.appendChild(e), this;
+	}
+	add(e) {
+		return new Promise((t, n) => {
+			l.fetcher.nowOrWhenFetched(e, (r, o) => {
+				if (!r) return this.onGroupChanged(o), n(o);
+				let s = a.namedNode(e), c = l.any(s, i.rdf("type"));
+				return !c || !c.equals(i.foaf("Person")) ? n(/* @__PURE__ */ Error(`Only people supported right now. (tried to add something of type ${c.value})`)) : t(s);
 			});
-		}).then((t) => {
-			let n = a.st(this.group, e.vcard("hasMember"), t);
-			return l.holdsStatement(n) ? t : g(this.group.doc().uri, { toIns: [n] }).then(() => {
-				n.why = this.group.doc(), l.add(n), this.onGroupChanged(null, "added", t), this.render();
+		}).then((e) => {
+			let t = a.st(this.group, i.vcard("hasMember"), e);
+			return l.holdsStatement(t) ? e : g(this.group.doc().uri, { toIns: [t] }).then(() => {
+				t.why = this.group.doc(), l.add(t), this.onGroupChanged(null, "added", e), this.render();
 			});
 		});
 	}
-	handleRemove(t) {
-		return (n) => {
-			let r = a.st(this.group, e.vcard("hasMember"), t);
-			return g(this.group.doc().uri, { toDel: [r] }).then(() => (l.remove(r), this.onGroupChanged(null, "removed", t), this.render(), !0)).catch((n) => {
-				let r = l.any(t, e.foaf("name")), i = r && r.value ? `Could not remove ${r.value}. (${n})` : `Could not remove ${t.value}. (${n})`;
-				throw Error(i);
+	handleRemove(e) {
+		return (t) => {
+			let n = a.st(this.group, i.vcard("hasMember"), e);
+			return g(this.group.doc().uri, { toDel: [n] }).then(() => (l.remove(n), this.onGroupChanged(null, "removed", e), this.render(), !0)).catch((t) => {
+				let n = l.any(e, i.foaf("name")), r = n && n.value ? `Could not remove ${n.value}. (${t})` : `Could not remove ${e.value}. (${t})`;
+				throw Error(r);
 			});
 		};
 	}
-	setGroupName(t) {
-		let { groupIndex: n } = _(this.book), r = [this.group.doc(), n].map((n) => {
-			let r = l.match(this.group, e.vcard("fn"), null, n), i = a.st(this.group, e.vcard("fn"), a.literal(t));
-			return g(n.value, {
-				toDel: r,
-				toIns: [i]
+	setGroupName(e) {
+		let { groupIndex: t } = _(this.book), n = [this.group.doc(), t].map((t) => {
+			let n = l.match(this.group, i.vcard("fn"), null, t), r = a.st(this.group, i.vcard("fn"), a.literal(e));
+			return g(t.value, {
+				toDel: n,
+				toIns: [r]
 			}).then((e) => {
-				l.removeStatements(r), i.why = n, l.add(i);
+				l.removeStatements(n), r.why = t, l.add(r);
 			});
 		});
-		return Promise.all(r);
+		return Promise.all(n);
 	}
 }, m = class {
 	constructor(e, t, n) {
 		this.webIdNode = t, this.element = e, this.handleRemove = n;
 	}
 	render() {
-		let t = document.createElement("div");
-		t.style.display = "flex";
-		let n = h(this.webIdNode, e.foaf("img"), i + "noun_15059.svg"), a = document.createElement("img");
-		a.src = s(n), a.width = "50", a.height = "50", a.style.margin = "5px";
-		let o = h(this.webIdNode, e.foaf("name"), `[${this.webIdNode}]`), c = document.createElement("span");
+		let e = document.createElement("div");
+		e.style.display = "flex";
+		let t = h(this.webIdNode, i.foaf("img"), r + "noun_15059.svg"), a = document.createElement("img");
+		a.src = s(t), a.width = "50", a.height = "50", a.style.margin = "5px";
+		let o = h(this.webIdNode, i.foaf("name"), `[${this.webIdNode}]`), c = document.createElement("span");
 		c.innerHTML = s(o), c.style.flexGrow = "1", c.style.margin = "auto 0";
 		let l = document.createElement("button");
 		return l.textContent = "Remove", l.addEventListener("click", (e) => this.handleRemove().catch((e) => {
-			this.element.appendChild(r(document, s(`${e}`)));
-		})), l.style.margin = "5px", t.appendChild(a), t.appendChild(c), t.appendChild(l), this.element.innerHTML = "", this.element.appendChild(t), this;
+			this.element.appendChild(n(document, s(`${e}`)));
+		})), l.style.margin = "5px", e.appendChild(a), e.appendChild(c), e.appendChild(l), this.element.innerHTML = "", this.element.appendChild(e), this;
 	}
 };
 function h(e, t, n) {
@@ -212,10 +212,10 @@ function g(e, { toDel: t, toIns: n }) {
 		});
 	});
 }
-function _(t) {
+function _(e) {
 	return {
-		groupIndex: l.any(t, e.vcard("groupIndex")),
-		groupContainer: l.sym(t.dir().uri + "Group/")
+		groupIndex: l.any(e, i.vcard("groupIndex")),
+		groupContainer: l.sym(e.dir().uri + "Group/")
 	};
 }
 export { f as Group, p as GroupBuilder, d as GroupPicker, u as PeoplePicker, m as Person };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "solid-ui",
-	"version": "5.0.2-3",
+	"version": "5.0.2-5",
 	"description": "UI library for Solid applications",
 	"main": "dist/index.cjs.js",
 	"types": "dist/index.d.ts",
@@ -112,9 +112,9 @@
 		"escape-html": "^1.0.3",
 		"lit": "^3.3.3",
 		"mime-types": "^3.0.2",
-		"pane-registry": "5.0.2-1",
+		"pane-registry": "5.0.2-2",
 		"rdflib": "2.4.1",
-		"solid-logic": "6.0.1-4",
+		"solid-logic": "6.0.1-5",
 		"solid-namespace": "^0.5.4",
 		"uuid": "^14.0.0"
 	},