@blocknote/core 0.20.0 → 0.22.0

package/dist/src/util/browser.js

@@ -1,17 +0,0 @@
-export const isAppleOS = () => typeof navigator !== "undefined" &&
-    (/Mac/.test(navigator.platform) ||
-        (/AppleWebKit/.test(navigator.userAgent) &&
-            /Mobile\/\w+/.test(navigator.userAgent)));
-export function formatKeyboardShortcut(shortcut, ctrlText = "Ctrl") {
-    if (isAppleOS()) {
-        return shortcut.replace("Mod", "⌘");
-    }
-    else {
-        return shortcut.replace("Mod", ctrlText);
-    }
-}
-export function mergeCSSClasses(...classes) {
-    return classes.filter((c) => c).join(" ");
-}
-export const isSafari = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-//# sourceMappingURL=browser.js.map

package/dist/src/util/browser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"browser.js","sourceRoot":"","sources":["../../../src/util/browser.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAC5B,OAAO,SAAS,KAAK,WAAW;IAChC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC7B,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;YACtC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAEhD,MAAM,UAAU,sBAAsB,CAAC,QAAgB,EAAE,QAAQ,GAAG,MAAM;IACxE,IAAI,SAAS,EAAE,EAAE,CAAC;QAChB,OAAO,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;SAAM,CAAC;QACN,OAAO,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,GAAG,OAAiB;IAClD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC3B,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC"}

package/dist/src/util/combineByGroup.js

@@ -1,20 +0,0 @@
-/**
- * Combines items by group. This can be used to combine multiple slash menu item arrays,
- * while making sure that items from the same group are adjacent to each other.
- */
-export function combineByGroup(items, ...additionalItemsArray) {
-    const combinedItems = [...items];
-    for (const additionalItems of additionalItemsArray) {
-        for (const additionalItem of additionalItems) {
-            const lastItemWithSameGroup = combinedItems.findLastIndex((item) => item.group === additionalItem.group);
-            if (lastItemWithSameGroup === -1) {
-                combinedItems.push(additionalItem);
-            }
-            else {
-                combinedItems.splice(lastItemWithSameGroup + 1, 0, additionalItem);
-            }
-        }
-    }
-    return combinedItems;
-}
-//# sourceMappingURL=combineByGroup.js.map

package/dist/src/util/combineByGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combineByGroup.js","sourceRoot":"","sources":["../../../src/util/combineByGroup.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAU,EACV,GAAG,oBAEE;IAEL,MAAM,aAAa,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACjC,KAAK,MAAM,eAAe,IAAI,oBAAoB,EAAE,CAAC;QACnD,KAAK,MAAM,cAAc,IAAI,eAAe,EAAE,CAAC;YAC7C,MAAM,qBAAqB,GAAG,aAAa,CAAC,aAAa,CACvD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,cAAc,CAAC,KAAK,CAC9C,CAAC;YACF,IAAI,qBAAqB,KAAK,CAAC,CAAC,EAAE,CAAC;gBACjC,aAAa,CAAC,IAAI,CAAC,cAAmB,CAAC,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,MAAM,CAAC,qBAAqB,GAAG,CAAC,EAAE,CAAC,EAAE,cAAmB,CAAC,CAAC;YAC1E,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/dist/src/util/esmDependencies.js

@@ -1,35 +0,0 @@
-// some dependencies only export as ESM modules. This makes them incompatible with Node CJS.
-// To work around this, we load these dependencies as dynamic imports in a function that initializes them.
-// (to reproduce this issue, run ts-node on a file that users server-util)
-export let esmDependencies;
-export async function initializeESMDependencies() {
-    if (esmDependencies) {
-        return esmDependencies;
-    }
-    const vals = await Promise.all([
-        import("rehype-parse"),
-        import("rehype-stringify"),
-        import("unified"),
-        import("hast-util-from-dom"),
-        import("rehype-remark"),
-        import("remark-gfm"),
-        import("remark-stringify"),
-        import("remark-parse"),
-        import("remark-rehype"),
-        import("rehype-format"),
-    ]);
-    esmDependencies = {
-        rehypeParse: vals[0],
-        rehypeStringify: vals[1],
-        unified: vals[2],
-        hastUtilFromDom: vals[3],
-        rehypeRemark: vals[4],
-        remarkGfm: vals[5],
-        remarkStringify: vals[6],
-        remarkParse: vals[7],
-        remarkRehype: vals[8],
-        rehypeFormat: vals[9],
-    };
-    return esmDependencies;
-}
-//# sourceMappingURL=esmDependencies.js.map

package/dist/src/util/esmDependencies.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"esmDependencies.js","sourceRoot":"","sources":["../../../src/util/esmDependencies.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAC5F,0GAA0G;AAE1G,0EAA0E;AAC1E,MAAM,CAAC,IAAI,eAaN,CAAC;AAEN,MAAM,CAAC,KAAK,UAAU,yBAAyB;IAC7C,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,eAAe,CAAC;IACzB,CAAC;IACD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QAC7B,MAAM,CAAC,cAAc,CAAC;QACtB,MAAM,CAAC,kBAAkB,CAAC;QAC1B,MAAM,CAAC,SAAS,CAAC;QACjB,MAAM,CAAC,oBAAoB,CAAC;QAC5B,MAAM,CAAC,eAAe,CAAC;QACvB,MAAM,CAAC,YAAY,CAAC;QACpB,MAAM,CAAC,kBAAkB,CAAC;QAC1B,MAAM,CAAC,cAAc,CAAC;QACtB,MAAM,CAAC,eAAe,CAAC;QACvB,MAAM,CAAC,eAAe,CAAC;KACxB,CAAC,CAAC;IAEH,eAAe,GAAG;QAChB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;QACpB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;QACxB,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;QAChB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;QACxB,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;QACrB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QAClB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;QACxB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;QACpB,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;QACrB,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;KACtB,CAAC;IAEF,OAAO,eAAe,CAAC;AACzB,CAAC"}

package/dist/src/util/string.js

@@ -1,14 +0,0 @@
-export function camelToDataKebab(str) {
-    return "data-" + str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-export function filenameFromURL(url) {
-    const parts = url.split("/");
-    if (!parts.length || // invalid?
-        parts[parts.length - 1] === "" // for example, URL ends in a directory-like trailing slash
-    ) {
-        // in this case just return the original url
-        return url;
-    }
-    return parts[parts.length - 1];
-}
-//# sourceMappingURL=string.js.map

package/dist/src/util/string.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.js","sourceRoot":"","sources":["../../../src/util/string.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB,CAAC,GAAW;IAC1C,OAAO,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,GAAW;IACzC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC7B,IACE,CAAC,KAAK,CAAC,MAAM,IAAI,WAAW;QAC5B,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,2DAA2D;MAC1F,CAAC;QACD,4CAA4C;QAC5C,OAAO,GAAG,CAAC;IACb,CAAC;IACD,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACjC,CAAC"}

package/dist/src/util/typescript.js

@@ -1,12 +0,0 @@
-export class UnreachableCaseError extends Error {
-    constructor(val) {
-        super(`Unreachable case: ${val}`);
-    }
-}
-export function assertEmpty(obj, throwError = true) {
-    const { "data-test": dataTest, ...rest } = obj; // exclude data-test
-    if (Object.keys(rest).length > 0 && throwError) {
-        throw new Error("Object must be empty " + JSON.stringify(obj));
-    }
-}
-//# sourceMappingURL=typescript.js.map

package/dist/src/util/typescript.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typescript.js","sourceRoot":"","sources":["../../../src/util/typescript.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,oBAAqB,SAAQ,KAAK;IAC7C,YAAY,GAAU;QACpB,KAAK,CAAC,qBAAqB,GAAG,EAAE,CAAC,CAAC;IACpC,CAAC;CACF;AAED,MAAM,UAAU,WAAW,CAAC,GAA0B,EAAE,UAAU,GAAG,IAAI;IACvE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,oBAAoB;IAEpE,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,EAAE,CAAC;QAC/C,MAAM,IAAI,KAAK,CAAC,uBAAuB,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IACjE,CAAC;AACH,CAAC"}

package/src/api/clipboard/__snapshots__/tableAllCells.html

@@ -1 +0,0 @@
-<tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr>

package/src/api/clipboard/__snapshots__/tableCell.html

@@ -1 +0,0 @@
-<tr><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr>

package/src/api/clipboard/__snapshots__/tableRow.html

@@ -1 +0,0 @@
-<tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr>

package/src/blocks/FileBlockContent/fileBlockHelpers.ts

@@ -1,456 +0,0 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
-import {
-  BlockFromConfig,
-  BlockSchemaWithBlock,
-  FileBlockConfig,
-} from "../../schema/index.js";
-
-export const FILE_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg>`;
-export const createFileBlockWrapper = (
-  block: BlockFromConfig<FileBlockConfig, any, any>,
-  editor: BlockNoteEditor<
-    BlockSchemaWithBlock<FileBlockConfig["type"], FileBlockConfig>,
-    any,
-    any
-  >,
-  // TODO: Maybe make optional for default preview
-  element: { dom: HTMLElement; destroy?: () => void },
-  buttonText?: string,
-  buttonIcon?: HTMLElement
-) => {
-  const wrapper = document.createElement("div");
-  wrapper.className = "bn-file-block-content-wrapper";
-
-  if (block.props.url === "") {
-    const addFileButton = createAddFileButton(
-      block,
-      editor,
-      buttonText,
-      buttonIcon
-    );
-    wrapper.appendChild(addFileButton.dom);
-
-    const loading = document.createElement("div");
-    loading.className = "bn-file-loading-preview";
-    loading.textContent = "Loading...";
-
-    const destroyUploadStartHandler = editor.onUploadStart((blockId) => {
-      if (blockId === block.id) {
-        wrapper.removeChild(addFileButton.dom);
-        wrapper.appendChild(loading);
-      }
-    });
-    const destroyUploadEndHandler = editor.onUploadEnd((blockId) => {
-      if (blockId === block.id) {
-        wrapper.removeChild(loading);
-        wrapper.appendChild(addFileButton.dom);
-      }
-    });
-
-    return {
-      dom: wrapper,
-      destroy: () => {
-        addFileButton.destroy?.();
-        destroyUploadStartHandler();
-        destroyUploadEndHandler();
-      },
-    };
-  } else if (block.props.showPreview === false) {
-    // TODO: Not using the wrapper element here?
-    const file = createDefaultFilePreview(block).dom;
-    const element = createFileAndCaptionWrapper(block, file);
-
-    return {
-      dom: element.dom,
-    };
-  } else {
-    wrapper.appendChild(element.dom);
-
-    return {
-      dom: wrapper,
-      destroy: element.destroy,
-    };
-  }
-};
-
-// Default file preview, displaying a file icon and file name.
-export const createDefaultFilePreview = (
-  block: BlockFromConfig<FileBlockConfig, any, any>
-): { dom: HTMLElement; destroy?: () => void } => {
-  const file = document.createElement("div");
-  file.className = "bn-file-default-preview";
-
-  const icon = document.createElement("div");
-  icon.className = "bn-file-default-preview-icon";
-  icon.innerHTML = FILE_ICON_SVG;
-
-  const fileName = document.createElement("p");
-  fileName.className = "bn-file-default-preview-name";
-  fileName.textContent = block.props.name || "";
-
-  file.appendChild(icon);
-  file.appendChild(fileName);
-
-  return {
-    dom: file,
-  };
-};
-
-// Wrapper element containing file preview and caption.
-export const createFileAndCaptionWrapper = (
-  block: BlockFromConfig<FileBlockConfig, any, any>,
-  file: HTMLElement
-) => {
-  const fileAndCaptionWrapper = document.createElement("div");
-  fileAndCaptionWrapper.className = "bn-file-and-caption-wrapper";
-
-  const caption = document.createElement("p");
-  caption.className = "bn-file-caption";
-  caption.textContent = block.props.caption;
-
-  if (
-    typeof block.props.previewWidth === "number" &&
-    block.props.previewWidth > 0 &&
-    block.props.caption !== undefined
-  ) {
-    caption.style.width = `${block.props.previewWidth}px`;
-  }
-
-  fileAndCaptionWrapper.appendChild(file);
-  fileAndCaptionWrapper.appendChild(caption);
-
-  return {
-    dom: fileAndCaptionWrapper,
-  };
-};
-
-// Button element that acts as a placeholder for files with no src.
-export const createAddFileButton = (
-  block: BlockFromConfig<FileBlockConfig, any, any>,
-  editor: BlockNoteEditor<any, any, any>,
-  buttonText?: string,
-  buttonIcon?: HTMLElement
-) => {
-  const addFileButton = document.createElement("div");
-  addFileButton.className = "bn-add-file-button";
-
-  const addFileButtonIcon = document.createElement("div");
-  addFileButtonIcon.className = "bn-add-file-button-icon";
-  if (buttonIcon) {
-    addFileButtonIcon.appendChild(buttonIcon);
-  } else {
-    addFileButtonIcon.innerHTML =
-      '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg>';
-  }
-
-  const addFileButtonText = document.createElement("p");
-  addFileButtonText.className = "bn-add-file-button-text";
-  addFileButtonText.innerHTML =
-    buttonText || editor.dictionary.file_blocks.file.add_button_text;
-
-  // Prevents focus from moving to the button.
-  const addFileButtonMouseDownHandler = (event: MouseEvent) => {
-    event.preventDefault();
-  };
-  // Opens the file toolbar.
-  const addFileButtonClickHandler = () => {
-    editor.dispatch(
-      editor._tiptapEditor.state.tr.setMeta(editor.filePanel!.plugin, {
-        block: block,
-      })
-    );
-  };
-
-  addFileButton.appendChild(addFileButtonIcon);
-  addFileButton.appendChild(addFileButtonText);
-
-  addFileButton.addEventListener(
-    "mousedown",
-    addFileButtonMouseDownHandler,
-    true
-  );
-  addFileButton.addEventListener("click", addFileButtonClickHandler, true);
-
-  return {
-    dom: addFileButton,
-    destroy: () => {
-      addFileButton.removeEventListener(
-        "mousedown",
-        addFileButtonMouseDownHandler,
-        true
-      );
-      addFileButton.removeEventListener(
-        "click",
-        addFileButtonClickHandler,
-        true
-      );
-    },
-  };
-};
-
-export const parseEmbedElement = (embedElement: HTMLEmbedElement) => {
-  const url = embedElement.src || undefined;
-
-  return { url };
-};
-
-export const parseFigureElement = (
-  figureElement: HTMLElement,
-  targetTag: string
-) => {
-  const targetElement = figureElement.querySelector(
-    targetTag
-  ) as HTMLElement | null;
-  if (!targetElement) {
-    return undefined;
-  }
-
-  const captionElement = figureElement.querySelector("figcaption");
-  const caption = captionElement?.textContent ?? undefined;
-
-  return { targetElement, caption };
-};
-
-// Wrapper figure element to display file link with caption. Used for external
-// HTML
-export const createLinkWithCaption = (
-  element: HTMLElement,
-  caption: string
-) => {
-  const wrapper = document.createElement("div");
-  const fileCaption = document.createElement("p");
-  fileCaption.textContent = caption;
-
-  wrapper.appendChild(element);
-  wrapper.appendChild(fileCaption);
-
-  return {
-    dom: wrapper,
-  };
-};
-
-// Wrapper figure element to display file preview with caption. Used for
-// external HTML.
-export const createFigureWithCaption = (
-  element: HTMLElement,
-  caption: string
-) => {
-  const figure = document.createElement("figure");
-  const captionElement = document.createElement("figcaption");
-  captionElement.textContent = caption;
-
-  figure.appendChild(element);
-  figure.appendChild(captionElement);
-
-  return { dom: figure };
-};
-
-// Wrapper element which adds resize handles & logic for visual media file
-// previews.
-export const createResizeHandlesWrapper = (
-  block: BlockFromConfig<FileBlockConfig, any, any>,
-  editor: BlockNoteEditor<any, any, any>,
-  element: HTMLElement,
-  getWidth: () => number,
-  setWidth: (width: number) => void
-): { dom: HTMLElement; destroy: () => void } => {
-  if (!block.props.previewWidth) {
-    throw new Error("Block must have a `previewWidth` prop.");
-  }
-
-  // Wrapper element for rendered element and resize handles.
-  const wrapper = document.createElement("div");
-  wrapper.className = "bn-visual-media-wrapper";
-
-  // Resize handle elements.
-  const leftResizeHandle = document.createElement("div");
-  leftResizeHandle.className = "bn-visual-media-resize-handle";
-  leftResizeHandle.style.left = "4px";
-  const rightResizeHandle = document.createElement("div");
-  rightResizeHandle.className = "bn-visual-media-resize-handle";
-  rightResizeHandle.style.right = "4px";
-
-  // Temporary parameters set when the user begins resizing the element, used to
-  // calculate the new width of the element.
-  let resizeParams:
-    | {
-        handleUsed: "left" | "right";
-        initialWidth: number;
-        initialClientX: number;
-      }
-    | undefined;
-
-  // Updates the element width with an updated width depending on the cursor X
-  // offset from when the resize began, and which resize handle is being used.
-  const windowMouseMoveHandler = (event: MouseEvent) => {
-    if (!resizeParams) {
-      if (
-        !editor.isEditable &&
-        wrapper.contains(leftResizeHandle) &&
-        wrapper.contains(rightResizeHandle)
-      ) {
-        wrapper.removeChild(leftResizeHandle);
-        wrapper.removeChild(rightResizeHandle);
-      }
-
-      return;
-    }
-
-    let newWidth: number;
-
-    if (block.props.textAlignment === "center") {
-      if (resizeParams.handleUsed === "left") {
-        newWidth =
-          resizeParams.initialWidth +
-          (resizeParams.initialClientX - event.clientX) * 2;
-      } else {
-        newWidth =
-          resizeParams.initialWidth +
-          (event.clientX - resizeParams.initialClientX) * 2;
-      }
-    } else {
-      if (resizeParams.handleUsed === "left") {
-        newWidth =
-          resizeParams.initialWidth +
-          resizeParams.initialClientX -
-          event.clientX;
-      } else {
-        newWidth =
-          resizeParams.initialWidth +
-          event.clientX -
-          resizeParams.initialClientX;
-      }
-    }
-
-    // Min element width in px.
-    const minWidth = 64;
-
-    // Ensures the element is not wider than the editor and not smaller than a
-    // predetermined minimum width.
-    if (newWidth < minWidth) {
-      setWidth(minWidth);
-    } else if (newWidth > editor.domElement.firstElementChild!.clientWidth) {
-      setWidth(editor.domElement.firstElementChild!.clientWidth);
-    } else {
-      setWidth(newWidth);
-    }
-  };
-  // Stops mouse movements from resizing the element and updates the block's
-  // `width` prop to the new value.
-  const windowMouseUpHandler = (event: MouseEvent) => {
-    // Hides the drag handles if the cursor is no longer over the element.
-    if (
-      (!event.target ||
-        !wrapper.contains(event.target as Node) ||
-        !editor.isEditable) &&
-      wrapper.contains(leftResizeHandle) &&
-      wrapper.contains(rightResizeHandle)
-    ) {
-      wrapper.removeChild(leftResizeHandle);
-      wrapper.removeChild(rightResizeHandle);
-    }
-
-    if (!resizeParams) {
-      return;
-    }
-
-    resizeParams = undefined;
-
-    editor.updateBlock(block, {
-      props: {
-        previewWidth: getWidth(),
-      },
-    });
-  };
-
-  // Shows the resize handles when hovering over the element with the cursor.
-  const elementMouseEnterHandler = () => {
-    if (editor.isEditable) {
-      wrapper.appendChild(leftResizeHandle);
-      wrapper.appendChild(rightResizeHandle);
-    }
-  };
-  // Hides the resize handles when the cursor leaves the element, unless the
-  // cursor moves to one of the resize handles.
-  const elementMouseLeaveHandler = (event: MouseEvent) => {
-    if (
-      event.relatedTarget === leftResizeHandle ||
-      event.relatedTarget === rightResizeHandle
-    ) {
-      return;
-    }
-
-    if (resizeParams) {
-      return;
-    }
-
-    if (
-      editor.isEditable &&
-      wrapper.contains(leftResizeHandle) &&
-      wrapper.contains(rightResizeHandle)
-    ) {
-      wrapper.removeChild(leftResizeHandle);
-      wrapper.removeChild(rightResizeHandle);
-    }
-  };
-
-  // Sets the resize params, allowing the user to begin resizing the element by
-  // moving the cursor left or right.
-  const leftResizeHandleMouseDownHandler = (event: MouseEvent) => {
-    event.preventDefault();
-
-    wrapper.appendChild(leftResizeHandle);
-    wrapper.appendChild(rightResizeHandle);
-
-    resizeParams = {
-      handleUsed: "left",
-      initialWidth: block.props.previewWidth!,
-      initialClientX: event.clientX,
-    };
-  };
-  const rightResizeHandleMouseDownHandler = (event: MouseEvent) => {
-    event.preventDefault();
-
-    wrapper.appendChild(leftResizeHandle);
-    wrapper.appendChild(rightResizeHandle);
-
-    resizeParams = {
-      handleUsed: "right",
-      initialWidth: block.props.previewWidth!,
-      initialClientX: event.clientX,
-    };
-  };
-
-  wrapper.appendChild(element);
-
-  window.addEventListener("mousemove", windowMouseMoveHandler);
-  window.addEventListener("mouseup", windowMouseUpHandler);
-  element.addEventListener("mouseenter", elementMouseEnterHandler);
-  element.addEventListener("mouseleave", elementMouseLeaveHandler);
-  leftResizeHandle.addEventListener(
-    "mousedown",
-    leftResizeHandleMouseDownHandler
-  );
-  rightResizeHandle.addEventListener(
-    "mousedown",
-    rightResizeHandleMouseDownHandler
-  );
-
-  return {
-    dom: wrapper,
-    destroy: () => {
-      window.removeEventListener("mousemove", windowMouseMoveHandler);
-      window.removeEventListener("mouseup", windowMouseUpHandler);
-      element.removeEventListener("mouseenter", elementMouseEnterHandler);
-      element.removeEventListener("mouseleave", elementMouseLeaveHandler);
-      leftResizeHandle.removeEventListener(
-        "mousedown",
-        leftResizeHandleMouseDownHandler
-      );
-      rightResizeHandle.removeEventListener(
-        "mousedown",
-        rightResizeHandleMouseDownHandler
-      );
-    },
-  };
-};

package/types/src/blocks/FileBlockContent/fileBlockHelpers.d.ts

@@ -1,41 +0,0 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
-import { BlockFromConfig, BlockSchemaWithBlock, FileBlockConfig } from "../../schema/index.js";
-export declare const FILE_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z\"></path></svg>";
-export declare const createFileBlockWrapper: (block: BlockFromConfig<FileBlockConfig, any, any>, editor: BlockNoteEditor<BlockSchemaWithBlock<FileBlockConfig["type"], FileBlockConfig>, any, any>, element: {
-    dom: HTMLElement;
-    destroy?: () => void;
-}, buttonText?: string, buttonIcon?: HTMLElement) => {
-    dom: HTMLDivElement;
-    destroy?: undefined;
-} | {
-    dom: HTMLDivElement;
-    destroy: (() => void) | undefined;
-};
-export declare const createDefaultFilePreview: (block: BlockFromConfig<FileBlockConfig, any, any>) => {
-    dom: HTMLElement;
-    destroy?: () => void;
-};
-export declare const createFileAndCaptionWrapper: (block: BlockFromConfig<FileBlockConfig, any, any>, file: HTMLElement) => {
-    dom: HTMLDivElement;
-};
-export declare const createAddFileButton: (block: BlockFromConfig<FileBlockConfig, any, any>, editor: BlockNoteEditor<any, any, any>, buttonText?: string, buttonIcon?: HTMLElement) => {
-    dom: HTMLDivElement;
-    destroy: () => void;
-};
-export declare const parseEmbedElement: (embedElement: HTMLEmbedElement) => {
-    url: string | undefined;
-};
-export declare const parseFigureElement: (figureElement: HTMLElement, targetTag: string) => {
-    targetElement: HTMLElement;
-    caption: string | undefined;
-} | undefined;
-export declare const createLinkWithCaption: (element: HTMLElement, caption: string) => {
-    dom: HTMLDivElement;
-};
-export declare const createFigureWithCaption: (element: HTMLElement, caption: string) => {
-    dom: HTMLElement;
-};
-export declare const createResizeHandlesWrapper: (block: BlockFromConfig<FileBlockConfig, any, any>, editor: BlockNoteEditor<any, any, any>, element: HTMLElement, getWidth: () => number, setWidth: (width: number) => void) => {
-    dom: HTMLElement;
-    destroy: () => void;
-};