@modusoperandi/licit-floatingmenu 0.1.0 → 0.1.1

package/FloatingMenuPlugin.d.ts

@@ -1,7 +1,12 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ * @file A generic Floating Menu ProseMirror Plugin
+ */
 import { DecorationSet, EditorView } from 'prosemirror-view';
 import { Node, Schema } from 'prosemirror-model';
 import { Plugin, PluginKey, EditorState } from 'prosemirror-state';
-import { PopUpHandle } from '@modusoperandi/licit-ui-commands';
+import { PopUpHandle, Rect } from '@modusoperandi/licit-ui-commands';
 import { createSliceManager } from './slice';
 import { FloatRuntime } from './model';
 export declare const CMPluginKey: PluginKey<FloatingMenuPlugin>;
@@ -15,11 +20,21 @@ interface SliceModel {
     to: string;
     ids: string[];
 }
+export declare const KEY_COPY: any;
+export declare const KEY_CUT: any;
+export declare const KEY_PASTE: any;
+export declare const KEY_PASTE_REF: any;
+interface UrlConfig {
+    instanceUrl?: string;
+    referenceUrl?: string;
+}
 export declare class FloatingMenuPlugin extends Plugin {
     _popUpHandle: PopUpHandle | null;
     _view: EditorView | null;
+    _urlConfig: UrlConfig | null;
     sliceManager: ReturnType<typeof createSliceManager>;
-    constructor(sliceRuntime: FloatRuntime);
+    constructor(sliceRuntime: FloatRuntime, urlConfig?: UrlConfig);
+    initKeyCommands(): Plugin[];
     getEffectiveSchema(schema: Schema): Schema;
 }
 export declare function copySelectionRich(view: EditorView, plugin: FloatingMenuPlugin): void;
@@ -28,8 +43,10 @@ export declare function copySelectionPlain(view: EditorView, plugin: FloatingMen
 export declare function pasteFromClipboard(view: EditorView, plugin: FloatingMenuPlugin): Promise<void>;
 export declare function pasteAsReference(view: EditorView, plugin: FloatingMenuPlugin): Promise<void>;
 export declare function pasteAsPlainText(view: EditorView, plugin: FloatingMenuPlugin): Promise<void>;
+export declare function clipboardHasData(): Promise<boolean>;
 export declare function clipboardHasProseMirrorData(): Promise<boolean>;
 export declare function getDecorations(doc: Node, state: EditorState): DecorationSet;
+export declare function positionAboveOrBelow(anchorRect?: Rect, bodyRect?: Rect): Rect;
 export declare function openFloatingMenu(plugin: FloatingMenuPlugin, view: EditorView, pos: number, anchorEl?: HTMLElement, contextPos?: {
     x: number;
     y: number;
@@ -41,4 +58,5 @@ export declare function createNewSlice(view: EditorView): void;
 export declare function showReferences(view: EditorView): Promise<void>;
 export declare function createInfoIconHandler(view: EditorView): void;
 export declare function createCitationHandler(view: EditorView): void;
+export declare function getClosestHTMLElement(el: EventTarget | null, selector: string): HTMLElement | null;
 export {};

package/FloatingMenuPlugin.js

@@ -1,18 +1,28 @@
-// A generic Floating Menu ProseMirror Plugin
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ * @file A generic Floating Menu ProseMirror Plugin
+ */
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { Slice } from 'prosemirror-model';
 import { Plugin, PluginKey } from 'prosemirror-state';
-import { createPopUp, atAnchorBottomLeft, } from '@modusoperandi/licit-ui-commands';
+import { createPopUp } from '@modusoperandi/licit-ui-commands';
 import { FloatingMenu } from './FloatingPopup';
 import { v4 as uuidv4 } from 'uuid';
 import { insertReference } from '@modusoperandi/licit-referencing';
 import { createSliceManager } from './slice';
+import { createKeyMapPlugin, makeKeyMapWithCommon } from '@modusoperandi/licit-doc-attrs-step';
 export const CMPluginKey = new PluginKey('floating-menu');
+export const KEY_COPY = makeKeyMapWithCommon('FloatingMenuPlugin', 'Mod-c');
+export const KEY_CUT = makeKeyMapWithCommon('FloatingMenuPlugin', 'Mod-x');
+export const KEY_PASTE = makeKeyMapWithCommon('FloatingMenuPlugin', 'Mod-v');
+export const KEY_PASTE_REF = makeKeyMapWithCommon('FloatingMenuPlugin', 'Mod-Alt-v');
 export class FloatingMenuPlugin extends Plugin {
     _popUpHandle = null;
     _view = null;
+    _urlConfig = null;
     sliceManager;
-    constructor(sliceRuntime) {
+    constructor(sliceRuntime, urlConfig = {}) {
         const sliceManager = createSliceManager(sliceRuntime);
         super({
             key: CMPluginKey,
@@ -25,9 +35,9 @@ export class FloatingMenuPlugin extends Plugin {
                 apply(tr, prev, _oldState, newState) {
                     let decos = prev.decorations;
                     if (!tr.docChanged) {
-                        return { decorations: decos?.map(tr.mapping, tr.doc) };
+                        return { decorations: decos ? DecorationSet.prototype.map.call(decos, tr.mapping, tr.doc) : decos };
                     }
-                    decos = decos.map(tr.mapping, tr.doc);
+                    decos = DecorationSet.prototype.map.call(decos, tr.mapping, tr.doc);
                     const requiresRescan = tr.steps.some((step) => {
                         const s = step.toJSON();
                         return (s.stepType === 'replace' ||
@@ -42,21 +52,23 @@ export class FloatingMenuPlugin extends Plugin {
             },
             props: {
                 decorations(state) {
-                    return this.getState(state)?.decorations;
+                    const pluginState = this.getState(state);
+                    return pluginState?.decorations;
                 },
             },
             view: (view) => {
                 const plugin = this;
                 plugin._view = view;
                 plugin.sliceManager = sliceManager;
+                plugin._urlConfig = urlConfig;
                 getDocSlices.call(plugin, view);
                 view.dom.addEventListener('pointerdown', (e) => {
-                    const targetEl = e.target.closest('.float-icon');
+                    const targetEl = getClosestHTMLElement(e.target, '.float-icon');
                     if (!targetEl)
                         return;
                     e.preventDefault();
                     e.stopPropagation();
-                    const wrapper = targetEl.closest('.pm-hamburger-wrapper');
+                    const wrapper = getClosestHTMLElement(targetEl, '.pm-hamburger-wrapper');
                     wrapper?.classList.add('popup-open');
                     const pos = Number(targetEl.dataset.pos);
                     openFloatingMenu(plugin, view, pos, targetEl);
@@ -88,6 +100,34 @@ export class FloatingMenuPlugin extends Plugin {
             },
         });
     }
+    initKeyCommands() {
+        return createKeyMapPlugin([
+            {
+                map: {
+                    [KEY_COPY.common]: (_state, _dispatch, view) => copySelectionRich(view, this),
+                },
+                name: 'CopySlicePluginKeyCommands',
+            },
+            {
+                map: {
+                    [KEY_CUT.common]: (_state, _dispatch, view) => copySelectionRich(view, this),
+                },
+                name: 'CutSlicePluginKeyCommands',
+            },
+            {
+                map: {
+                    [KEY_PASTE.common]: (_state, _dispatch, view) => pasteFromClipboard(view, this),
+                },
+                name: 'PasteSlicePluginKeyCommands',
+            },
+            {
+                map: {
+                    [KEY_PASTE_REF.common]: (_state, _dispatch, view) => pasteAsReference(view, this),
+                },
+                name: 'PasteReferencePluginKeyCommands',
+            },
+        ]);
+    }
     getEffectiveSchema(schema) {
         return schema;
     }
@@ -107,7 +147,7 @@ export function copySelectionRich(view, plugin) {
     };
     navigator.clipboard
         .writeText(JSON.stringify(sliceJSON))
-        .then(() => console.log('Rich content copied'))
+        .then(() => { })
         .catch((err) => console.error('Clipboard write failed', err));
     if (plugin._popUpHandle) {
         plugin._popUpHandle.update({
@@ -121,8 +161,9 @@ export function copySelectionRich(view, plugin) {
     }
 }
 export function createSliceObject(editorView) {
-    const instanceUrl = 'http://modusoperandi.com/editor/instance/';
-    const referenceUrl = 'http://modusoperandi.com/ont/document#Reference_nodes';
+    const plugin = CMPluginKey.get(editorView.state);
+    const referenceUrl = plugin?._urlConfig?.referenceUrl;
+    const instanceUrl = plugin?._urlConfig?.instanceUrl;
     const sliceModel = {
         name: '',
         description: '',
@@ -133,27 +174,30 @@ export function createSliceObject(editorView) {
         to: '',
         ids: [],
     };
-    const objectIds = [];
-    let firstParagraphText = null;
     editorView.focus();
     const $from = editorView.state.selection.$from;
     const $to = editorView.state.selection.$to;
     const from = $from.start($from.depth);
     const to = $to.end($to.depth);
-    editorView.state.doc.nodesBetween(from, to, (node) => {
+    const paragraphEntries = [];
+    editorView.state.doc.nodesBetween(from, to, (node, pos) => {
         if (node.type.name === 'paragraph') {
-            if (!firstParagraphText && node.textContent?.trim()) {
-                firstParagraphText = node.textContent.trim();
-            }
-            if (node.attrs?.objectId) {
-                objectIds.push(node.attrs.objectId);
-            }
+            paragraphEntries.push({
+                pos,
+                id: node.attrs?.objectId,
+                text: node.textContent?.trim() || undefined,
+            });
         }
     });
+    paragraphEntries.sort((a, b) => a.pos - b.pos);
+    const objectIds = paragraphEntries
+        .filter(entry => entry.id !== undefined)
+        .map(entry => entry.id);
+    const firstParagraphText = paragraphEntries.find(entry => entry.text)?.text ?? '';
     sliceModel.id = instanceUrl + uuidv4();
     sliceModel.ids = objectIds;
     sliceModel.from = objectIds.length > 0 ? objectIds[0] : '';
-    sliceModel.to = objectIds.length > 0 ? objectIds[objectIds.length - 1] : '';
+    sliceModel.to = objectIds.length > 0 ? objectIds.at(-1) : '';
     const viewWithDocView = editorView;
     sliceModel.source = viewWithDocView?.['docView']?.node?.attrs?.objectId;
     sliceModel.referenceType = referenceUrl;
@@ -173,7 +217,7 @@ export function copySelectionPlain(view, plugin) {
     const text = slice.content.textBetween(0, slice.content.size, '\n');
     navigator.clipboard
         .writeText(text)
-        .then(() => console.log('Plain text copied!'))
+        .then(() => { })
         .catch((err) => console.error('Clipboard write failed:', err));
     if (plugin._popUpHandle?.close) {
         plugin._popUpHandle.close(null);
@@ -186,14 +230,12 @@ export async function pasteFromClipboard(view, plugin) {
             view.focus();
         const text = await navigator.clipboard.readText();
         let tr;
-        try {
-            // Try parsing as JSON slice
+        if (text.trim().startsWith('{') || text.trim().startsWith('[')) {
             const parsed = JSON.parse(text);
             const slice = Slice.fromJSON(view.state.schema, parsed);
             tr = view.state.tr.replaceSelection(slice);
         }
-        catch (jsonErr) {
-            // If not JSON, treat as plain text
+        else {
             tr = view.state.tr.insertText(text, view.state.selection.from, view.state.selection.to);
         }
         view.dispatch(tr.scrollIntoView());
@@ -220,11 +262,9 @@ export async function pasteAsReference(view, plugin) {
         }
         const val = await plugin.sliceManager.createSliceViaDialog(sliceModel);
         if (!val) {
-            console.warn('Slice creation returned no value, skipping insertReference.');
             return;
         }
-        insertReference(view, val.id, val.source, view['docView']?.node?.attrs?.objectMetaData?.name);
-        console.log('Slice created successfully:', val);
+        insertReference(view, val.id, val.source, view['docView']?.node?.attrs?.objectMetaData?.name, val.from);
     }
     catch (err) {
         console.error('Failed to paste content or create slice:', err);
@@ -267,17 +307,25 @@ export async function pasteAsPlainText(view, plugin) {
         plugin._popUpHandle = null;
     }
 }
+export async function clipboardHasData() {
+    try {
+        const text = await navigator.clipboard.readText();
+        return !!text;
+    }
+    catch {
+        return false;
+    }
+}
 export async function clipboardHasProseMirrorData() {
     try {
         const text = await navigator.clipboard.readText();
         if (!text)
             return false;
         const parsed = JSON.parse(text);
-        return ((parsed &&
+        return !!(parsed &&
             typeof parsed === 'object' &&
             parsed.content &&
-            Array.isArray(parsed.content)) ||
-            parsed.content.type);
+            (Array.isArray(parsed.content) || parsed.content.type));
     }
     catch {
         return false;
@@ -286,13 +334,13 @@ export async function clipboardHasProseMirrorData() {
 // --- Decoration function ---
 export function getDecorations(doc, state) {
     const decorations = [];
-    doc?.forEach((node, pos) => {
+    doc?.forEach(// NOSONAR not an iterable
+    (node, pos) => {
         if (node.type.name !== 'paragraph')
             return;
         const wrapper = document.createElement('span');
         wrapper.className = 'pm-hamburger-wrapper';
         const hamburger = document.createElement('span');
-        // ✅ Use FontAwesome
         hamburger.className = 'float-icon fa fa-bars';
         hamburger.style.fontFamily = 'FontAwesome'; // for fa compatibility
         hamburger.dataset.pos = String(pos);
@@ -317,7 +365,7 @@ export function getDecorations(doc, state) {
                 SliceMark.id = `slicemark-${uuidv4()}`;
                 SliceMark.style.fontFamily = 'FontAwesome';
                 SliceMark.innerHTML = '&#xf097';
-                SliceMark.onclick = () => console.log('Slice deco clicked');
+                SliceMark.onclick = () => { };
                 container.appendChild(SliceMark);
             }
             // --- Tag ---
@@ -325,7 +373,7 @@ export function getDecorations(doc, state) {
                 const TagMark = document.createElement('span');
                 TagMark.style.fontFamily = 'FontAwesome';
                 TagMark.innerHTML = '';
-                TagMark.onclick = () => console.log('Tag deco clicked');
+                TagMark.onclick = () => { };
                 container.appendChild(TagMark);
             }
             // --- Comment ---
@@ -333,7 +381,7 @@ export function getDecorations(doc, state) {
                 const CommentMark = document.createElement('span');
                 CommentMark.style.fontFamily = 'FontAwesome';
                 CommentMark.innerHTML = '';
-                CommentMark.onclick = () => console.log('Comment deco clicked');
+                CommentMark.onclick = () => { };
                 container.appendChild(CommentMark);
             }
             decorations.push(Decoration.widget(pos + 1, container, { side: -1 }));
@@ -341,6 +389,43 @@ export function getDecorations(doc, state) {
     });
     return DecorationSet.create(state.doc, decorations);
 }
+export function positionAboveOrBelow(anchorRect, bodyRect) {
+    if (!anchorRect) {
+        return { x: 4, y: 4, w: 0, h: 0 };
+    }
+    const estimatedWidth = bodyRect && bodyRect.w > 0 ? bodyRect.w : 180;
+    const estimatedHeight = bodyRect && bodyRect.h > 0 ? bodyRect.h : 220;
+    const menuW = estimatedWidth;
+    const menuH = estimatedHeight;
+    // available space below/above relative to viewport
+    const anchorBottom = anchorRect.y + anchorRect.h;
+    const spaceBelow = window.innerHeight - anchorBottom;
+    const spaceAbove = anchorRect.y;
+    let y;
+    let x;
+    if (spaceBelow < menuH && spaceAbove > menuH) {
+        y = anchorRect.y - menuH - 6; // small gap
+    }
+    else {
+        y = anchorBottom + 6;
+    }
+    x = anchorRect.x;
+    if (x + menuW > window.innerWidth - 6) {
+        x = Math.max(6, window.innerWidth - menuW - 6);
+    }
+    x = Math.max(6, x);
+    if (y < 6)
+        y = 6;
+    if (y + menuH > window.innerHeight - 6) {
+        y = Math.max(6, window.innerHeight - menuH - 6);
+    }
+    return {
+        x: Math.round(x),
+        y: Math.round(y),
+        w: Math.round(menuW),
+        h: Math.round(menuH),
+    };
+}
 export function openFloatingMenu(plugin, view, pos, anchorEl, contextPos) {
     // Close existing popup if any
     if (plugin._popUpHandle) {
@@ -348,12 +433,14 @@ export function openFloatingMenu(plugin, view, pos, anchorEl, contextPos) {
         plugin._popUpHandle = null;
     }
     // Determine if clipboard has ProseMirror data
-    clipboardHasProseMirrorData().then((hasPM) => {
+    Promise.all([clipboardHasProseMirrorData(), clipboardHasData()])
+        .then(([hasPM, clipboardHasData]) => {
         plugin._popUpHandle = createPopUp(FloatingMenu, {
             editorState: view.state,
             editorView: view,
             paragraphPos: pos,
             pasteAsReferenceEnabled: hasPM,
+            enablePasteAsPlainText: clipboardHasData,
             copyRichHandler: () => copySelectionRich(view, plugin),
             copyPlainHandler: () => copySelectionPlain(view, plugin),
             pasteHandler: () => pasteFromClipboard(view, plugin),
@@ -361,10 +448,12 @@ export function openFloatingMenu(plugin, view, pos, anchorEl, contextPos) {
             pastePlainHandler: () => pasteAsPlainText(view, plugin),
             createInfoIconHandler: () => createInfoIconHandler(view),
             createCitationHandler: () => createCitationHandler(view),
+            createNewSliceHandler: () => createNewSlice(view),
+            showReferencesHandler: () => showReferences(view),
         }, {
             anchor: anchorEl || view.dom,
             contextPos: contextPos,
-            position: atAnchorBottomLeft,
+            position: positionAboveOrBelow,
             autoDismiss: false,
             onClose: () => {
                 plugin._popUpHandle = null;
@@ -374,6 +463,9 @@ export function openFloatingMenu(plugin, view, pos, anchorEl, contextPos) {
                     ?.classList.remove('popup-open');
             },
         });
+    })
+        .catch(err => {
+        console.error('Failed to check clipboard data:', err);
     });
 }
 export function addAltRightClickHandler(view, plugin) {
@@ -406,7 +498,7 @@ export function changeAttribute(_view) {
         return; // early return if node does not exist
     let tr = _view.state.tr;
     const newattrs = { ...node.attrs };
-    const isDeco = { ...(newattrs.isDeco || {}) };
+    const isDeco = { ...newattrs.isDeco };
     isDeco.isSlice = true;
     newattrs.isDeco = isDeco;
     tr = tr.setNodeMarkup(from, undefined, newattrs);
@@ -427,14 +519,14 @@ export function createNewSlice(view) {
         console.error('createSlice failed with:', err);
     });
 }
-export async function showReferences(view) {
+export function showReferences(view) {
     const plugin = CMPluginKey.get(view.state);
     if (!plugin)
         return;
     plugin.sliceManager
         .insertReference()
         .then((val) => {
-        insertReference(view, val.id, val.source, view['docView']?.node?.attrs?.objectMetaData?.name);
+        insertReference(view, val.id, val.source, view['docView']?.node?.attrs?.objectMetaData?.name, val.from);
     })
         .catch((err) => {
         console.error('createSlice failed with:', err);
@@ -452,3 +544,9 @@ export function createCitationHandler(view) {
         return;
     plugin.sliceManager?.addCitation();
 }
+export function getClosestHTMLElement(el, selector) {
+    if (!(el instanceof Element))
+        return null;
+    const closest = el.closest(selector);
+    return closest instanceof HTMLElement ? closest : null;
+}

package/FloatingPopup.d.ts

@@ -1,11 +1,14 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ */
 import React from 'react';
-import { EditorView } from 'prosemirror-view';
 import { EditorState } from 'prosemirror-state';
 interface FloatingMenuProps {
     editorState: EditorState;
-    editorView: EditorView;
     paragraphPos: number;
     pasteAsReferenceEnabled: boolean;
+    enablePasteAsPlainText: boolean;
     copyRichHandler: () => void;
     copyPlainHandler: () => void;
     createCitationHandler: () => void;
@@ -13,11 +16,11 @@ interface FloatingMenuProps {
     pasteHandler: () => void;
     pasteAsReferenceHandler: () => void;
     pastePlainHandler: () => void;
-    close?: (menuName: string) => void;
+    createNewSliceHandler: () => void;
+    showReferencesHandler: () => void;
 }
 export declare class FloatingMenu extends React.PureComponent<FloatingMenuProps, FloatingMenuProps> {
     constructor(props: any);
     render(): React.ReactNode;
-    closePopup(menuName: string): void;
 }
 export {};

package/FloatingPopup.js

@@ -1,6 +1,9 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ */
 import React from 'react';
 import { CustomButton } from '@modusoperandi/licit-ui-commands';
-import { createNewSlice, showReferences } from './FloatingMenuPlugin';
 export class FloatingMenu extends React.PureComponent {
     constructor(props) {
         super(props);
@@ -18,23 +21,25 @@ export class FloatingMenu extends React.PureComponent {
         const isTextSelected = inThisParagraph && !selection.empty;
         const enableCitationAndComment = isTextSelected;
         const enableTagAndInfoicon = inThisParagraph;
+        const enableCopy = !selection.empty;
         return (React.createElement("div", { className: "context-menu", role: "menu", tabIndex: -1 },
             React.createElement("div", { className: "context-menu__items" },
                 React.createElement(CustomButton, { disabled: !enableCitationAndComment, label: "Create Citation", onClick: this.props.createCitationHandler }),
                 React.createElement(CustomButton, { disabled: !enableTagAndInfoicon, label: "Create Infoicon", onClick: this.props.createInfoIconHandler }),
-                React.createElement(CustomButton, { label: "Copy", onClick: this.props.copyRichHandler }),
-                React.createElement(CustomButton, { label: "Copy Without Formatting", onClick: this.props.copyPlainHandler }),
-                React.createElement(CustomButton, { label: "Paste", onClick: () => {
+                React.createElement(CustomButton, { disabled: !enableCopy, label: "Copy", onClick: this.props.copyRichHandler }),
+                React.createElement(CustomButton, { disabled: !enableCopy, label: "Copy Without Formatting", onClick: this.props.copyPlainHandler }),
+                React.createElement(CustomButton, { disabled: !this.props.enablePasteAsPlainText, label: "Paste", onClick: () => {
                         this.props.pasteHandler();
                     } }),
-                React.createElement(CustomButton, { label: "Paste As Plain Text", onClick: this.props.pastePlainHandler }),
+                React.createElement(CustomButton, { disabled: !this.props.enablePasteAsPlainText, label: "Paste As Plain Text", onClick: this.props.pastePlainHandler }),
                 React.createElement(CustomButton, { disabled: !this.props.pasteAsReferenceEnabled, label: "Paste As Reference", onClick: () => {
                         this.props.pasteAsReferenceHandler();
                     } }),
-                React.createElement(CustomButton, { label: "Create Bookmark", onClick: () => { createNewSlice(this.props.editorView); this.props.close?.('Create Slice'); } }),
-                React.createElement(CustomButton, { label: "Insert Reference", onClick: () => { showReferences(this.props.editorView); this.props.close?.('Insert reference'); } }))));
-    }
-    closePopup(menuName) {
-        this.props.close?.(menuName);
+                React.createElement(CustomButton, { label: "Create Bookmark", onClick: () => {
+                        this.props.createNewSliceHandler();
+                    } }),
+                React.createElement(CustomButton, { label: "Insert Reference", onClick: () => {
+                        this.props.showReferencesHandler();
+                    } }))));
     }
 }

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Modus Operandi Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Modus Operandi Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/index.d.ts

@@ -1 +1,5 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ */
 export * from './FloatingMenuPlugin';

package/index.js

@@ -1 +1,5 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ */
 export * from './FloatingMenuPlugin';

package/model.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ */
 export interface SliceModel {
     name: string;
     description: string;

package/model.js

@@ -1 +1,5 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ */
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@modusoperandi/licit-floatingmenu",
-   "version": "0.1.0",
+   "version": "0.1.1",
    "type": "module",
    "description": "licit-floatingmenu plugin built with ProseMirror",
    "main": "index.js",
@@ -22,6 +22,7 @@
       "verify": "npm run lint -- --fix && npm run ci:build && npm run test:coverage && echo 'All Tests Passed!'"
    },
    "peerDependencies": {
+      "@modusoperandi/licit-doc-attrs-step": "^1.0.3",
       "@modusoperandi/licit-ui-commands": "^1.0.0",
       "@modusoperandi/licit-referencing": "^1.0.0",
       "prosemirror-model": "^1.19.4",
@@ -30,45 +31,43 @@
       "prosemirror-view": "^1.27.0",
       "prosemirror-schema-basic": "^1.2.0",
       "prosemirror-schema-list": "^1.2.0",
-      "prosemirror-utils": "^1.0.0"
+      "prosemirror-utils": "^1.0.0",
+      "react": "^18.0.0"
    },
    "dependencies": {
-      "font-awesome": "^4.7.0"
+      "font-awesome": "^4.7.0",
+      "react-dom": "^18.3.1",
+      "uuid": "^13.0.0"
    },
    "devDependencies": {
       "@cfaester/enzyme-adapter-react-18": "^0.8.0",
-      "@testing-library/jest-dom": "^6.4.1",
-      "@testing-library/react": "^16.0.0",
-      "@testing-library/user-event": "^14.4.3",
-      "@types/jest": "^29.0.2",
-      "@types/node": "^20.11.17",
+      "@modusoperandi/eslint-config": "^3.0.3",
+      "@testing-library/jest-dom": "^6.9.1",
+      "@testing-library/react": "^16.3.1",
+      "@testing-library/user-event": "^14.6.1",
+      "@types/jest": "^29.5.14",
+      "@types/node": "^20.19.27",
       "@types/orderedmap": "^2.0.0",
-      "@types/react": "^18.0.21",
-      "@types/react-dom": "^18.0.6",
-      "@typescript-eslint/eslint-plugin": "^7.0.0",
-      "@typescript-eslint/parser": "^7.0.2",
+      "@types/react": "^18.3.27",
+      "@types/react-dom": "^18.3.7",
       "copyfiles": "^2.4.1",
       "enzyme": "^3.11.0",
-      "eslint": "^8.56.0",
-      "eslint-config-prettier": "^9.1.0",
-      "eslint-plugin-jest": "^28.2.0",
-      "eslint-plugin-prettier": "^5.1.3",
-      "eslint-plugin-react": "^7.24.0",
-      "husky": "^9.0.10",
+      "eslint": "^9.39.2",
+      "husky": "^9.1.7",
       "identity-obj-proxy": "^3.0.0",
-      "jest": "^29.3.1",
+      "jest": "^29.7.0",
       "jest-environment-jsdom": "^29.7.0",
       "jest-junit": "^16.0.0",
-      "jest-mock-extended": "^3.0.4",
-      "jest-prosemirror": "^2.1.5",
+      "jest-mock-extended": "^3.0.7",
+      "jest-prosemirror": "^2.2.0",
       "jest-sonar-reporter": "^2.0.0",
-      "lint-staged": "^15.2.1",
-      "prettier": "^3.0.0",
-      "stylelint-config-standard": "^36.0.0",
-      "stylelint-prettier": "^5.0.0",
-      "ts-jest": "^29.0.7",
-      "ts-node": "^10.4.0",
-      "typescript": "^5.3.3"
+      "lint-staged": "^15.5.2",
+      "prettier": "^3.7.4",
+      "stylelint-config-standard": "^36.0.1",
+      "stylelint-prettier": "^5.0.3",
+      "ts-jest": "^29.4.6",
+      "ts-node": "^10.9.2",
+      "typescript": "^5.9.3"
    },
    "importSort": {
       ".js": {
@@ -76,4 +75,4 @@
          "style": "module-grouping"
       }
    }
-}
+}

package/slice.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ */
 import { EditorView } from 'prosemirror-view';
 import { EditorState } from 'prosemirror-state';
 import { FloatRuntime, SliceModel } from './model';

package/slice.js

@@ -1,3 +1,7 @@
+/**
+ * @license MIT
+ * @copyright Copyright 2025 Modus Operandi Inc. All Rights Reserved.
+ */
 export function createSliceManager(runtime) {
     let docSlices = [];
     // store slices in cache
@@ -22,17 +26,17 @@ export function createSliceManager(runtime) {
     function setSliceAttrs(view) {
         const result = getDocSlices();
         let tr = view.state.tr;
-        result.forEach((obj) => {
+        for (const obj of result) {
             view.state.doc.descendants((nodeactual, pos) => {
                 if (nodeactual?.attrs?.objectId === obj?.from) {
                     const newattrs = { ...nodeactual.attrs };
-                    const isDeco = { ...(newattrs.isDeco || {}) };
+                    const isDeco = { ...newattrs.isDeco };
                     isDeco.isSlice = true;
                     newattrs.isDeco = isDeco;
                     tr = tr.setNodeMarkup(pos, undefined, newattrs);
                 }
             });
-        });
+        }
         view.dispatch(tr);
     }
     function addInfoIcon() {

package/ui/menu.css

@@ -23,8 +23,7 @@
   opacity: 1;
 }
 
-.context-menu {
-  position: absolute; /* positioned by createPopUp */
+.context-menu {   
   background: white;
   border: 1px solid #ccc;
   border-radius: 6px;