@panphora/clayjs 1.23.0 → 1.24.1

package/src/page/csv-import.js

@@ -19,10 +19,10 @@ const readText = (file) => typeof file.text === "function" ? file.text() : new P
 
 function error(view, message) {
   const doc = view.dom.ownerDocument;
-  let notice = view.dom.parentElement.querySelector(".page-csv-error");
+  let notice = view.dom.parentElement.querySelector(".blockeditor-csv-error");
   if (!notice) {
     notice = doc.createElement("div");
-    notice.className = "page-csv-error";
+    notice.className = "blockeditor-csv-error";
     notice.setAttribute("role", "alert");
     view.dom.parentElement.append(notice);
   }
@@ -95,7 +95,7 @@ function placeImported(view, node, tableId, attachment) {
 
 export async function importCsv(view, file, { upload, remove = null, table = null } = {}) {
   try {
-    view.dom.parentElement.querySelector(".page-csv-error")?.remove();
+    view.dom.parentElement.querySelector(".blockeditor-csv-error")?.remove();
     const parsed = parseCsv(await readText(file));
     const result = tableNode(parsed);
     if (!result) { error(view, "Couldn't read this CSV: no columns."); return false; }
@@ -150,7 +150,7 @@ export function csvImportPlugin({ upload }) {
       input.type = "file";
       input.accept = ".csv,text/csv";
       input.hidden = true;
-      input.className = "page-csv-input";
+      input.className = "blockeditor-csv-input";
       view.dom.parentElement.append(input);
       inputs.set(view, input);
       input.addEventListener("change", () => {

package/src/page/drag.js

@@ -57,7 +57,7 @@ export class BlockDrag {
     this.onClick = onClick;
     this.shell = view.dom.parentElement;
     this.line = document.createElement("div");
-    this.line.className = "page-drop";
+    this.line.className = "blockeditor-drop";
     this.line.hidden = true;
     this.line.setAttribute("aria-hidden", "true");
     this.shell.append(this.line);
@@ -139,7 +139,7 @@ export class BlockDrag {
     this.view.dispatch(st.tr.setSelection(selectBlocks(st.doc, span.lo, span.hi)));
     this.shell.classList.add("is-dragging");
     const probe = this.shell.appendChild(document.createElement("div"));
-    probe.style.cssText = "position:absolute;visibility:hidden;width:var(--page-indent)";
+    probe.style.cssText = "position:absolute;visibility:hidden;width:var(--blockeditor-indent)";
     this.indentPx = probe.getBoundingClientRect().width || 27;
     probe.remove();
     this.scroller = scrollParent(this.view.dom);
@@ -182,9 +182,9 @@ export class BlockDrag {
     }
     this.shell.dataset.drop = "ok";
     this.line.hidden = false;
-    this.line.style.setProperty("--page-drop-y", `${line - shellBox.top}px`);
-    this.line.style.setProperty("--page-drop-x", `${edLeft - shellBox.left + s.target.depth * this.indentPx}px`);
-    this.line.style.setProperty("--page-drop-w", `${view.dom.getBoundingClientRect().right - edLeft - s.target.depth * this.indentPx}px`);
+    this.line.style.setProperty("--blockeditor-drop-y", `${line - shellBox.top}px`);
+    this.line.style.setProperty("--blockeditor-drop-x", `${edLeft - shellBox.left + s.target.depth * this.indentPx}px`);
+    this.line.style.setProperty("--blockeditor-drop-w", `${view.dom.getBoundingClientRect().right - edLeft - s.target.depth * this.indentPx}px`);
   }
 
   loop() {