@opositatest/markdown-text-editor 1.1.1-canary.bc9b3d0 → 1.2.0

package/README.md

@@ -92,6 +92,7 @@ Load via CDN (no build step required):
 | `readonly`                  | boolean | Makes the editor read-only                       |
 | `required`                  | boolean | Participates in native form validation           |
 | `hidden-slash-menu-items`   | string  | JSON array of item titles to hide from slash menu |
+| `formatting-toolbar`        | boolean | Floating formatting toolbar on text selection (default: enabled, set to `false` to disable) |
 
 `width` and `height` accept any valid CSS size, such as `320px`, `40rem`, or `100%`.
 
@@ -135,6 +136,7 @@ Use these exact titles in the `hidden-slash-menu-items` JSON array to hide speci
 | `element.height`   | string  | Get or set CSS height       |
 | `element.disabled` | boolean | Get or set disabled state   |
 | `element.readOnly` | boolean | Get or set read-only state  |
+| `element.formattingToolbar` | boolean | Get or set the floating formatting toolbar state |
 
 ### Methods
 
@@ -186,6 +188,7 @@ import "@opositatest/markdown-text-editor/style";
 | `readonly`              | `boolean`                                    | Makes the editor read-only                   |
 | `className`             | `string`                                     | Additional CSS class on the editor container |
 | `hiddenSlashMenuItems`  | `string[]`                                   | Array of item titles to hide from slash menu |
+| `formattingToolbar`     | `boolean`                                    | Floating formatting toolbar on text selection (default: `true`) |
 
 `width` and `height` accept any valid CSS size, such as `320px`, `40rem`, or `100%`.
 

package/dist/editor.js

@@ -31,7 +31,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	"disabled",
 	"readonly",
 	"required",
-	"hidden-slash-menu-items"
+	"hidden-slash-menu-items",
+	"formatting-toolbar"
 ], h = "Please fill out this field.", g = /* @__PURE__ */ s(((e) => {
 	function t(e, t) {
 		var n = e.length;
@@ -64601,12 +64602,12 @@ var T6 = (0, E.forwardRef)((e, t) => {
 D6[2], D6[6], D6[2], D6[6], D6[2], D6[7], D6[2], D6[7], D6[2], D6[8], D6[5], D6[7], D6[8], D6[7], D6[4], O6.borderRadius, O6.fontFamily;
 //#endregion
 //#region src/components/app-block-note-view/app-block-note-view.tsx
-function nhe(e) {
+function nhe({ formattingToolbar: e = !0, linkToolbar: t = !0, ...n }) {
 	return /* @__PURE__ */ (0, D.jsx)(E6, {
-		...e,
+		...n,
 		theme: "light",
-		formattingToolbar: !1,
-		linkToolbar: !1,
+		formattingToolbar: e,
+		linkToolbar: t,
 		slashMenu: !1,
 		sideMenu: !1,
 		filePanel: !0,
@@ -87102,30 +87103,32 @@ function a_e(e, t) {
 	let n = {};
 	if (e && (n.width = e), t && (n.height = t, n["--markdown-text-editor-height"] = t), !(!e && !t)) return n;
 }
-var o_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled: n = !1, height: r, hiddenSlashMenuItems: i = [], onChange: a, onReady: o, placeholder: s, readonly: c = !1, value: l, width: u }, d) {
-	let { editor: f, handleBlockNoteChange: p, handleSuggestionMenuItems: m } = i_e({
+var o_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled: n = !1, formattingToolbar: r = !0, height: i, hiddenSlashMenuItems: a = [], onChange: o, onReady: s, placeholder: c, readonly: l = !1, value: u, width: d }, f) {
+	let { editor: p, handleBlockNoteChange: m, handleSuggestionMenuItems: h } = i_e({
 		defaultValue: t,
-		hiddenSlashMenuItems: i,
-		onChange: a,
-		onReady: o,
-		placeholder: s,
-		ref: d,
-		value: l
-	}), h = a_e(u, r);
+		hiddenSlashMenuItems: a,
+		onChange: o,
+		onReady: s,
+		placeholder: c,
+		ref: f,
+		value: u
+	}), g = a_e(d, i);
 	return /* @__PURE__ */ (0, D.jsx)("div", {
 		className: e,
 		"data-disabled": n ? "true" : void 0,
-		"data-has-custom-height": r ? "true" : void 0,
-		"data-readonly": c ? "true" : void 0,
-		style: h,
+		"data-has-custom-height": i ? "true" : void 0,
+		"data-readonly": l ? "true" : void 0,
+		style: g,
 		children: /* @__PURE__ */ (0, D.jsx)(nhe, {
-			editor: f,
+			editor: p,
 			className: "markdown-editor-field",
-			editable: !n && !c,
-			onChange: p,
+			editable: !n && !l,
+			formattingToolbar: r,
+			linkToolbar: r,
+			onChange: m,
 			children: /* @__PURE__ */ (0, D.jsx)(Due, {
 				triggerCharacter: "/",
-				getItems: m
+				getItems: h
 			})
 		})
 	});
@@ -87214,6 +87217,16 @@ var o_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled:
 	set hiddenSlashMenuItems(e) {
 		this._hiddenSlashMenuItems = e, this.renderReact();
 	}
+	get formattingToolbar() {
+		return this.getAttribute("formatting-toolbar") !== "false";
+	}
+	set formattingToolbar(e) {
+		if (e) {
+			this.removeAttribute("formatting-toolbar");
+			return;
+		}
+		this.setAttribute("formatting-toolbar", "false");
+	}
 	focus() {
 		this.editorHandle?.focus();
 	}
@@ -87254,6 +87267,7 @@ var o_e = (0, E.forwardRef)(function({ className: e, defaultValue: t, disabled:
 			width: this.width,
 			className: f,
 			hiddenSlashMenuItems: this._hiddenSlashMenuItems,
+			formattingToolbar: this.formattingToolbar,
 			onChange: this.handleEditorChange,
 			onReady: this.handleEditorReady
 		}));

package/dist/react/index.js

@@ -73736,12 +73736,12 @@ var w6 = l((e, t) => {
 E6[2], E6[6], E6[2], E6[6], E6[2], E6[7], E6[2], E6[7], E6[2], E6[8], E6[5], E6[7], E6[8], E6[7], E6[4], D6.borderRadius, D6.fontFamily;
 //#endregion
 //#region src/components/app-block-note-view/app-block-note-view.tsx
-function npe(e) {
+function npe({ formattingToolbar: e = !0, linkToolbar: t = !0, ...n }) {
 	return /* @__PURE__ */ T(T6, {
-		...e,
+		...n,
 		theme: "light",
-		formattingToolbar: !1,
-		linkToolbar: !1,
+		formattingToolbar: e,
+		linkToolbar: t,
 		slashMenu: !1,
 		sideMenu: !1,
 		filePanel: !0,
@@ -96237,30 +96237,32 @@ function ohe(e, t) {
 	let n = {};
 	if (e && (n.width = e), t && (n.height = t, n["--markdown-text-editor-height"] = t), !(!e && !t)) return n;
 }
-var she = l(function({ className: e, defaultValue: t, disabled: n = !1, height: r, hiddenSlashMenuItems: i = [], onChange: a, onReady: o, placeholder: s, readonly: c = !1, value: l, width: u }, d) {
-	let { editor: f, handleBlockNoteChange: p, handleSuggestionMenuItems: m } = ahe({
+var she = l(function({ className: e, defaultValue: t, disabled: n = !1, formattingToolbar: r = !0, height: i, hiddenSlashMenuItems: a = [], onChange: o, onReady: s, placeholder: c, readonly: l = !1, value: u, width: d }, f) {
+	let { editor: p, handleBlockNoteChange: m, handleSuggestionMenuItems: h } = ahe({
 		defaultValue: t,
-		hiddenSlashMenuItems: i,
-		onChange: a,
-		onReady: o,
-		placeholder: s,
-		ref: d,
-		value: l
-	}), h = ohe(u, r);
+		hiddenSlashMenuItems: a,
+		onChange: o,
+		onReady: s,
+		placeholder: c,
+		ref: f,
+		value: u
+	}), g = ohe(d, i);
 	return /* @__PURE__ */ T("div", {
 		className: e,
 		"data-disabled": n ? "true" : void 0,
-		"data-has-custom-height": r ? "true" : void 0,
-		"data-readonly": c ? "true" : void 0,
-		style: h,
+		"data-has-custom-height": i ? "true" : void 0,
+		"data-readonly": l ? "true" : void 0,
+		style: g,
 		children: /* @__PURE__ */ T(npe, {
-			editor: f,
+			editor: p,
 			className: "markdown-editor-field",
-			editable: !n && !c,
-			onChange: p,
+			editable: !n && !l,
+			formattingToolbar: r,
+			linkToolbar: r,
+			onChange: m,
 			children: /* @__PURE__ */ T(o0, {
 				triggerCharacter: "/",
-				getItems: m
+				getItems: h
 			})
 		})
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opositatest/markdown-text-editor",
-  "version": "1.1.1-canary.bc9b3d0",
+  "version": "1.2.0",
   "type": "module",
   "files": [
     "dist"