js-draw 1.30.0 → 1.31.1

package/dist/mjs/tools/util/createMenuOverlay.mjs

@@ -1,5 +1,6 @@
 import  waitForTimeout  from '../../util/waitForTimeout.mjs';
 import  { EditorEventType }  from '../../types.mjs';
+import  createButton  from '../../util/dom/createButton.mjs';
 let idCounter = 0;
 const createMenuOverlay = async (editor, canvasAnchor, options) => {
     const overlay = document.createElement('div');
@@ -96,16 +97,17 @@ const createMenuOverlay = async (editor, canvasAnchor, options) => {
             }
         });
         for (const option of options) {
-            const optionElement = document.createElement('button');
+            const optionElement = createButton({
+                classList: ['option', 'editor-popup-menu-option'],
+                onClick: (event) => {
+                    if (event.defaultPrevented)
+                        return;
+                    onOptionSelected(option.key);
+                },
+            });
             optionElement.id = `menu-overlay-option-${idCounter++}`;
             optionElement.role = 'menuitem';
-            optionElement.classList.add('option', 'editor-popup-menu-option');
             optionElement.replaceChildren(option.icon(), document.createTextNode(option.text));
-            optionElement.onclick = (event) => {
-                if (event.defaultPrevented)
-                    return;
-                onOptionSelected(option.key);
-            };
             contentElement.appendChild(optionElement);
             if (optionElements.length === 0) {
                 optionElement.autofocus = true;

package/dist/mjs/util/dom/createButton.d.ts

@@ -0,0 +1,7 @@
+interface Options {
+    onClick?: (event: MouseEvent) => void;
+    text?: string;
+    classList?: string[];
+}
+declare const createButton: ({ onClick, text, classList }?: Options) => HTMLButtonElement;
+export default createButton;

package/dist/mjs/util/dom/createButton.mjs

@@ -0,0 +1,15 @@
+import  createElement  from './createElement.mjs';
+const createButton = ({ onClick, text, classList = [] } = {}) => {
+    const button = createElement('button', { type: 'button' });
+    if (onClick) {
+        button.onclick = onClick;
+    }
+    if (text) {
+        button.textContent = text;
+    }
+    for (const className of classList) {
+        button.classList.add(className);
+    }
+    return button;
+};
+export default createButton;

package/dist/mjs/util/{createElement.d.ts → dom/createElement.d.ts}

@@ -11,6 +11,9 @@ interface ElementToPropertiesMap {
         'stroke-width': string;
         transform: string;
     };
+    button: {
+        type: 'button';
+    };
     rect: {
         stroke: string;
         fill: string;

package/dist/mjs/version.mjs

@@ -5,5 +5,5 @@
  */
 export default {
     // Note: Auto-updated by prebuild.js:
-    number: '1.30.0',
+    number: '1.31.1',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "js-draw",
-	"version": "1.30.0",
+	"version": "1.31.1",
 	"description": "Draw pictures using a pen, touchscreen, or mouse! JS-draw is a drawing library for JavaScript and TypeScript. ",
 	"types": "./dist/mjs/lib.d.ts",
 	"main": "./dist/cjs/lib.js",
@@ -64,11 +64,11 @@
 		"postpack": "ts-node tools/copyREADME.ts revert"
 	},
 	"dependencies": {
-		"@js-draw/math": "^1.30.0",
+		"@js-draw/math": "^1.31.1",
 		"@melloware/coloris": "0.22.0"
 	},
 	"devDependencies": {
-		"@js-draw/build-tool": "^1.30.0",
+		"@js-draw/build-tool": "^1.31.1",
 		"@types/jest": "29.5.5",
 		"@types/jsdom": "21.1.3"
 	},
@@ -86,5 +86,5 @@
 		"freehand",
 		"svg"
 	],
-	"gitHead": "66eec6d2c16262c5397ab158967afb55428f7008"
+	"gitHead": "c232b25b295e7c3e1fb53124599d4c3a27a2d042"
 }