prosemirror-menu 1.2.3 → 1.2.4

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 1.2.4 (2023-08-20)
+
+### Bug fixes
+
+Fix a bug where icon creation crashed because it couldn't find a Document value.
+
 ## 1.2.3 (2023-08-16)
 
 ### Bug fixes

package/dist/index.cjs

@@ -18,12 +18,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var crel = require('crelt');
 
 var prosemirrorCommands = require('prosemirror-commands');
@@ -32,14 +26,6 @@ var prosemirrorHistory = require('prosemirror-history');
 
 var prosemirrorState = require('prosemirror-state');
 
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var crel__default = _interopDefaultLegacy(crel);
-
 var SVG = "http://www.w3.org/2000/svg";
 var XLINK = "http://www.w3.org/1999/xlink";
 var prefix$2 = "ProseMirror-icon";
@@ -55,7 +41,7 @@ function hashPath(path) {
 }
 
 function getIcon(root, icon) {
-  var doc = root.ownerDocument;
+  var doc = (root.nodeType == 9 ? root : root.ownerDocument) || document;
   var node = doc.createElement("div");
   node.className = prefix$2;
 
@@ -82,7 +68,7 @@ function getIcon(root, icon) {
 }
 
 function buildSVG(root, name, data) {
-  var _ref = root.nodeType == 9 ? [root, root.body] : [root.ownerDocument, root],
+  var _ref = root.nodeType == 9 ? [root, root.body] : [root.ownerDocument || document, root],
       _ref2 = _slicedToArray(_ref, 2),
       doc = _ref2[0],
       top = _ref2[1];
@@ -117,7 +103,7 @@ var MenuItem = function () {
     key: "render",
     value: function render(view) {
       var spec = this.spec;
-      var dom = spec.render ? spec.render(view) : spec.icon ? getIcon(view.root, spec.icon) : spec.label ? crel__default["default"]("div", null, translate(view, spec.label)) : null;
+      var dom = spec.render ? spec.render(view) : spec.icon ? getIcon(view.root, spec.icon) : spec.label ? crel("div", null, translate(view, spec.label)) : null;
       if (!dom) throw new RangeError("MenuItem without icon or label property");
 
       if (spec.title) {
@@ -200,12 +186,12 @@ var Dropdown = function () {
 
       var content = renderDropdownItems(this.content, view);
       var win = view.dom.ownerDocument.defaultView || window;
-      var label = crel__default["default"]("div", {
+      var label = crel("div", {
         "class": prefix$1 + "-dropdown " + (this.options["class"] || ""),
         style: this.options.css
       }, translate(view, this.options.label || ""));
       if (this.options.title) label.setAttribute("title", translate(view, this.options.title));
-      var wrap = crel__default["default"]("div", {
+      var wrap = crel("div", {
         "class": prefix$1 + "-dropdown-wrap"
       }, label);
       var open = null;
@@ -246,7 +232,7 @@ var Dropdown = function () {
   }, {
     key: "expand",
     value: function expand(dom, items) {
-      var menuDOM = crel__default["default"]("div", {
+      var menuDOM = crel("div", {
         "class": prefix$1 + "-dropdown-menu " + (this.options["class"] || "")
       }, items);
       var done = false;
@@ -278,7 +264,7 @@ function renderDropdownItems(items, view) {
         dom = _items$i$render.dom,
         update = _items$i$render.update;
 
-    rendered.push(crel__default["default"]("div", {
+    rendered.push(crel("div", {
       "class": prefix$1 + "-dropdown-item"
     }, dom));
     updates.push(update);
@@ -319,12 +305,12 @@ var DropdownSubmenu = function () {
     value: function render(view) {
       var items = renderDropdownItems(this.content, view);
       var win = view.dom.ownerDocument.defaultView || window;
-      var label = crel__default["default"]("div", {
+      var label = crel("div", {
         "class": prefix$1 + "-submenu-label"
       }, translate(view, this.options.label || ""));
-      var wrap = crel__default["default"]("div", {
+      var wrap = crel("div", {
         "class": prefix$1 + "-submenu-wrap"
-      }, label, crel__default["default"]("div", {
+      }, label, crel("div", {
         "class": prefix$1 + "-submenu"
       }, items.dom));
       var _listeningOnClose = null;
@@ -372,7 +358,7 @@ function renderGrouped(view, content) {
           dom = _items$j$render.dom,
           _update = _items$j$render.update;
 
-      var span = crel__default["default"]("span", {
+      var span = crel("span", {
         "class": prefix$1 + "item"
       }, dom);
       result.appendChild(span);
@@ -408,7 +394,7 @@ function renderGrouped(view, content) {
 }
 
 function separator() {
-  return crel__default["default"]("span", {
+  return crel("span", {
     "class": prefix$1 + "separator"
   });
 }
@@ -589,10 +575,10 @@ var MenuBarView = function () {
     this.widthForMaxHeight = 0;
     this.floating = false;
     this.scrollHandler = null;
-    this.wrapper = crel__default["default"]("div", {
+    this.wrapper = crel("div", {
       "class": prefix + "-wrapper"
     });
-    this.menu = this.wrapper.appendChild(crel__default["default"]("div", {
+    this.menu = this.wrapper.appendChild(crel("div", {
       "class": prefix
     }));
     this.menu.className = prefix;
@@ -686,7 +672,7 @@ var MenuBarView = function () {
           this.menu.style.width = menuRect.width + "px";
           if (scrollAncestor) this.menu.style.top = top + "px";
           this.menu.style.position = "fixed";
-          this.spacer = crel__default["default"]("div", {
+          this.spacer = crel("div", {
             "class": prefix + "-spacer",
             style: "height: ".concat(menuRect.height, "px")
           });

package/dist/index.d.cts

@@ -55,7 +55,7 @@ specifying a string of text that makes up the icon, with an
 optional `css` property giving additional CSS styling for the
 text. _Or_ it may contain `dom` property containing a DOM node.
 */
-declare type IconSpec = {
+type IconSpec = {
     path: string;
     width: number;
     height: number;

package/dist/index.d.ts

@@ -55,7 +55,7 @@ specifying a string of text that makes up the icon, with an
 optional `css` property giving additional CSS styling for the
 text. _Or_ it may contain `dom` property containing a DOM node.
 */
-declare type IconSpec = {
+type IconSpec = {
     path: string;
     width: number;
     height: number;

package/dist/index.js

@@ -13,7 +13,7 @@ function hashPath(path) {
     return hash;
 }
 function getIcon(root, icon) {
-    let doc = root.ownerDocument;
+    let doc = (root.nodeType == 9 ? root : root.ownerDocument) || document;
     let node = doc.createElement("div");
     node.className = prefix$2;
     if (icon.path) {
@@ -38,7 +38,7 @@ function getIcon(root, icon) {
     return node;
 }
 function buildSVG(root, name, data) {
-    let [doc, top] = root.nodeType == 9 ? [root, root.body] : [root.ownerDocument, root];
+    let [doc, top] = root.nodeType == 9 ? [root, root.body] : [root.ownerDocument || document, root];
     let collection = doc.getElementById(prefix$2 + "-collection");
     if (!collection) {
         collection = doc.createElementNS(SVG, "svg");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prosemirror-menu",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Simple menu elements for ProseMirror",
   "type": "module",
   "main": "dist/index.cjs",

package/src/icons.ts

@@ -14,7 +14,7 @@ export function getIcon(
   root: Document | ShadowRoot,
   icon: {path: string, width: number, height: number} | {text: string, css?: string} | {dom: Node}
 ): HTMLElement {
-  let doc = root.ownerDocument!
+  let doc = (root.nodeType == 9 ? root as Document : root.ownerDocument) || document
   let node = doc.createElement("div")
   node.className = prefix
   if ((icon as any).path) {
@@ -36,7 +36,7 @@ export function getIcon(
 }
 
 function buildSVG(root: Document | ShadowRoot, name: string, data: {width: number, height: number, path: string}) {
-  let [doc, top] = root.nodeType == 9 ? [root as Document, (root as Document).body] : [root.ownerDocument!, root]
+  let [doc, top] = root.nodeType == 9 ? [root as Document, (root as Document).body] : [root.ownerDocument || document, root]
   let collection = doc.getElementById(prefix + "-collection") as Element
   if (!collection) {
     collection = doc.createElementNS(SVG, "svg")