@progress/kendo-spreadsheet-common 1.0.1 → 1.1.0-develop.1

package/dist/index-esm.js

@@ -11203,50 +11203,39 @@ class Controller {
             return;
         }
 
-        // this.cellContextMenu.close();
-        // this.colHeaderContextMenu.close();
-        // this.rowHeaderContextMenu.close();
-        // this.drawingContextMenu.close();
+        // emit close here if necessary
 
-        // let menu;
-
-        // let object = this.objectAt(event);
+        let object = this.objectAt(event);
 
-        // if (object.type === "columnresizehandle" || object.type === "rowresizehandle") {
-        //     return;
-        // }
+        if (object.type === "columnresizehandle" || object.type === "rowresizehandle") {
+            return;
+        }
 
-        // if (object.ref) {
-        //     this.navigator.selectForContextMenu(object.ref, SELECTION_MODES[object.type]);
-        // } else if (object.type == "drawing") {
-        //     this.navigator.selectDrawingForContextMenu(object.drawing);
-        // }
+        if (object.ref) {
+            this.navigator.selectForContextMenu(object.ref, SELECTION_MODES[object.type]);
+        } else if (object.type == "drawing") {
+            this.navigator.selectDrawingForContextMenu(object.drawing);
+        }
 
-        // let isComposite = this.navigator._sheet.select() instanceof UnionRef;
-        // let showUnhide = false;
-        // let showUnmerge = false;
-
-        // if (object.type == "columnheader") {
-        //     menu = this.colHeaderContextMenu;
-        //     showUnhide = !isComposite && this.axisManager.selectionIncludesHiddenColumns();
-        // } else if (object.type == "rowheader") {
-        //     menu = this.rowHeaderContextMenu;
-        //     showUnhide = !isComposite && this.axisManager.selectionIncludesHiddenRows();
-        // } else if (object.type == "drawing") {
-        //     menu = this.drawingContextMenu;
-        // } else {
-        //     menu = this.cellContextMenu;
-        //     showUnmerge = this.navigator.selectionIncludesMergedCells();
-        // }
+        let isComposite = this.navigator._sheet.select() instanceof UnionRef;
+        let showUnhide = false;
+        let showUnmerge = false;
 
-        // menu.element.find(COMPOSITE_UNAVAILABLE_ACTION_SELECTORS).toggle(!isComposite);
-        // menu.element.find(UNHIDE_ACTION_SELECTORS).toggle(showUnhide);
-        // menu.element.find('[data-action=unmerge]').toggle(showUnmerge);
+        if (object.type == "columnheader") {
+            showUnhide = !isComposite && this.axisManager.selectionIncludesHiddenColumns();
+        } else if (object.type == "rowheader") {
+            showUnhide = !isComposite && this.axisManager.selectionIncludesHiddenRows();
+        } else if (object.type == "drawing") ; else {
+            showUnmerge = this.navigator.selectionIncludesMergedCells();
+        }
 
-        // // avoid the immediate close
-        // setTimeout(function() {
-        //     menu.open(event.pageX, event.pageY);
-        // });
+        this._workbook.trigger("contextmenu", {
+            objectRef: object.ref,
+            targetType: object.type,
+            showUnhide,
+            showUnmerge,
+            originalEvent: event
+        });
     }
 
     prevent(event) {
@@ -24516,14 +24505,13 @@ class AdjustRowHeightCommand extends Command {
 
 class ToolbarPasteCommand extends Command {
     exec() {
-        // PoC only, no clipboard so far
-        // if (kendo.support.clipboard.paste) {
-        //     this._workbook._view.clipboard.focus().select();
-        //     //reason : focusclipbord
-        //     document.execCommand('paste');
-        // } else {
-        //     return { reason: "error", type: "useKeyboard" };
-        // }
+        if (detectClipboardAccess().paste) {
+            this._workbook._view.clipboard.focus();
+            // explore programmatic pasting further
+            document.execCommand('paste');
+        } else {
+            return { reason: "error", type: "useKeyboard" };
+        }
     }
 }
 
@@ -24602,19 +24590,28 @@ class CopyCommand extends CutCommand {
 //     $(textarea).remove();
 // }
 
+function detectClipboardAccess() {
+    const commands = {
+        copy: document.queryCommandSupported ? document.queryCommandSupported("copy") : false,
+        cut: document.queryCommandSupported ? document.queryCommandSupported("cut") : false,
+        paste: document.queryCommandSupported ? document.queryCommandSupported("paste") : false
+    };
+
+    return commands;
+}
+
 class ToolbarCopyCommand extends Command {
     constructor(options) {
         super(options);
         this._clipboard = options.workbook.clipboard();
-        this.undo = noop;
+        this.cannotUndo = true;
     }
     exec() {
-        // PoC only
-        // if (kendo.support.clipboard.copy) {
-        //     document.execCommand('copy');
-        // } else {
-        return { reason: "error", type: "useKeyboard" };
-        // }
+        if (detectClipboardAccess().copy) {
+            document.execCommand('copy');
+        } else {
+            return { reason: "error", type: "useKeyboard" };
+        }
     }
 }
 
@@ -24664,12 +24661,11 @@ class ToolbarCutCommand extends Command {
         this.cannotUndo = true;
     }
     exec() {
-        // PoC only
-        // if (kendo.support.clipboard.copy) {
-        //     document.execCommand('cut');
-        // } else {
-        return { reason: "error", type: "useKeyboard" };
-        // }
+        if (detectClipboardAccess().copy) {
+            document.execCommand('cut');
+        } else {
+            return { reason: "error", type: "useKeyboard" };
+        }
     }
 }
 
@@ -26740,6 +26736,7 @@ const events$1 = [
     "paste",
     "changing",
     "change",
+    "contextmenu",
     "excelImport",
     "excelExport",
     "insertSheet",
@@ -27765,6 +27762,7 @@ class SpreadsheetWidget extends Widget {
 
     _keyDown(e) {
         let key = e.keyCode;
+        let controlKey = e.ctrlKey || e.metaKey;
 
         if (key === keys.F11 && e.shiftKey) {
             this._view.sheetsbar._onAddSelect();
@@ -27798,21 +27796,12 @@ class SpreadsheetWidget extends Widget {
             this._view.sheetsbar._createEditor();
             e.preventDefault();
             return;
-        } else if (e.ctrlKey && key === keys.B) {
-            const bold = this.element.querySelector("[data-tool=bold]");
-            if (bold) {
-                bold.click();
-            }
-        } else if (e.ctrlKey && key === keys.I) {
-            const italic = this.element.querySelector("[data-tool=italic]");
-            if (italic) {
-                italic.click();
-            }
-        } else if (e.ctrlKey && key === keys.U) {
-            const underline = this.element.querySelector("[data-tool=underline]");
-            if (underline) {
-                underline.click();
-            }
+        } else if (controlKey && key === keys.B) {
+            this._handleTypographicalEmphasis('bold');
+        } else if (controlKey && key === keys.I) {
+            this._handleTypographicalEmphasis('italic');
+        } else if (controlKey && key === keys.U) {
+            this._handleTypographicalEmphasis('underline');
         } else if (e.altKey && key === keys.H) {
             this._view.tabstrip.select(0);
             e.preventDefault();
@@ -27828,6 +27817,20 @@ class SpreadsheetWidget extends Widget {
         }
     }
 
+    _handleTypographicalEmphasis(command) {
+        const sheet = this.activeSheet();
+
+        if (sheet) {
+            this.executeCommand({
+                command: 'PropertyChangeCommand',
+                options: {
+                    property: command,
+                    value: !sheet.range(sheet.activeCell())[command]()
+                }
+            });
+        }
+    }
+
     _resize() {
         this.refresh({ layout: true });
     }
@@ -28121,6 +28124,10 @@ class SpreadsheetWidget extends Widget {
         // kendo.ui.progress(this.element, e.toggle);
     }
 
+    _onContextMenu(e) {        
+        this.trigger("contextmenu", e);
+    }
+
     _bindWorkbookEvents() {
         this._workbook.bind("cut", this._workbookCut.bind(this));
         this._workbook.bind("copy", this._workbookCopy.bind(this));
@@ -28147,6 +28154,7 @@ class SpreadsheetWidget extends Widget {
         this._workbook.bind("dataBinding", this._workbookDataBinding.bind(this));
         this._workbook.bind("dataBound", this._workbookDataBound.bind(this));
         this._workbook.bind("progress", this._workbookProgress.bind(this));
+        this._workbook.bind("contextmenu", this._onContextMenu.bind(this));
     }
 
     destroy() {

package/dist/index.js

@@ -11204,50 +11204,39 @@
                 return;
             }
 
-            // this.cellContextMenu.close();
-            // this.colHeaderContextMenu.close();
-            // this.rowHeaderContextMenu.close();
-            // this.drawingContextMenu.close();
+            // emit close here if necessary
 
-            // let menu;
-
-            // let object = this.objectAt(event);
+            let object = this.objectAt(event);
 
-            // if (object.type === "columnresizehandle" || object.type === "rowresizehandle") {
-            //     return;
-            // }
+            if (object.type === "columnresizehandle" || object.type === "rowresizehandle") {
+                return;
+            }
 
-            // if (object.ref) {
-            //     this.navigator.selectForContextMenu(object.ref, SELECTION_MODES[object.type]);
-            // } else if (object.type == "drawing") {
-            //     this.navigator.selectDrawingForContextMenu(object.drawing);
-            // }
+            if (object.ref) {
+                this.navigator.selectForContextMenu(object.ref, SELECTION_MODES[object.type]);
+            } else if (object.type == "drawing") {
+                this.navigator.selectDrawingForContextMenu(object.drawing);
+            }
 
-            // let isComposite = this.navigator._sheet.select() instanceof UnionRef;
-            // let showUnhide = false;
-            // let showUnmerge = false;
-
-            // if (object.type == "columnheader") {
-            //     menu = this.colHeaderContextMenu;
-            //     showUnhide = !isComposite && this.axisManager.selectionIncludesHiddenColumns();
-            // } else if (object.type == "rowheader") {
-            //     menu = this.rowHeaderContextMenu;
-            //     showUnhide = !isComposite && this.axisManager.selectionIncludesHiddenRows();
-            // } else if (object.type == "drawing") {
-            //     menu = this.drawingContextMenu;
-            // } else {
-            //     menu = this.cellContextMenu;
-            //     showUnmerge = this.navigator.selectionIncludesMergedCells();
-            // }
+            let isComposite = this.navigator._sheet.select() instanceof UnionRef;
+            let showUnhide = false;
+            let showUnmerge = false;
 
-            // menu.element.find(COMPOSITE_UNAVAILABLE_ACTION_SELECTORS).toggle(!isComposite);
-            // menu.element.find(UNHIDE_ACTION_SELECTORS).toggle(showUnhide);
-            // menu.element.find('[data-action=unmerge]').toggle(showUnmerge);
+            if (object.type == "columnheader") {
+                showUnhide = !isComposite && this.axisManager.selectionIncludesHiddenColumns();
+            } else if (object.type == "rowheader") {
+                showUnhide = !isComposite && this.axisManager.selectionIncludesHiddenRows();
+            } else if (object.type == "drawing") ; else {
+                showUnmerge = this.navigator.selectionIncludesMergedCells();
+            }
 
-            // // avoid the immediate close
-            // setTimeout(function() {
-            //     menu.open(event.pageX, event.pageY);
-            // });
+            this._workbook.trigger("contextmenu", {
+                objectRef: object.ref,
+                targetType: object.type,
+                showUnhide,
+                showUnmerge,
+                originalEvent: event
+            });
         }
 
         prevent(event) {
@@ -24517,14 +24506,13 @@
 
     class ToolbarPasteCommand extends Command {
         exec() {
-            // PoC only, no clipboard so far
-            // if (kendo.support.clipboard.paste) {
-            //     this._workbook._view.clipboard.focus().select();
-            //     //reason : focusclipbord
-            //     document.execCommand('paste');
-            // } else {
-            //     return { reason: "error", type: "useKeyboard" };
-            // }
+            if (detectClipboardAccess().paste) {
+                this._workbook._view.clipboard.focus();
+                // explore programmatic pasting further
+                document.execCommand('paste');
+            } else {
+                return { reason: "error", type: "useKeyboard" };
+            }
         }
     }
 
@@ -24603,19 +24591,28 @@
     //     $(textarea).remove();
     // }
 
+    function detectClipboardAccess() {
+        const commands = {
+            copy: document.queryCommandSupported ? document.queryCommandSupported("copy") : false,
+            cut: document.queryCommandSupported ? document.queryCommandSupported("cut") : false,
+            paste: document.queryCommandSupported ? document.queryCommandSupported("paste") : false
+        };
+
+        return commands;
+    }
+
     class ToolbarCopyCommand extends Command {
         constructor(options) {
             super(options);
             this._clipboard = options.workbook.clipboard();
-            this.undo = noop;
+            this.cannotUndo = true;
         }
         exec() {
-            // PoC only
-            // if (kendo.support.clipboard.copy) {
-            //     document.execCommand('copy');
-            // } else {
-            return { reason: "error", type: "useKeyboard" };
-            // }
+            if (detectClipboardAccess().copy) {
+                document.execCommand('copy');
+            } else {
+                return { reason: "error", type: "useKeyboard" };
+            }
         }
     }
 
@@ -24665,12 +24662,11 @@
             this.cannotUndo = true;
         }
         exec() {
-            // PoC only
-            // if (kendo.support.clipboard.copy) {
-            //     document.execCommand('cut');
-            // } else {
-            return { reason: "error", type: "useKeyboard" };
-            // }
+            if (detectClipboardAccess().copy) {
+                document.execCommand('cut');
+            } else {
+                return { reason: "error", type: "useKeyboard" };
+            }
         }
     }
 
@@ -26741,6 +26737,7 @@
         "paste",
         "changing",
         "change",
+        "contextmenu",
         "excelImport",
         "excelExport",
         "insertSheet",
@@ -27766,6 +27763,7 @@
 
         _keyDown(e) {
             let key = e.keyCode;
+            let controlKey = e.ctrlKey || e.metaKey;
 
             if (key === keys.F11 && e.shiftKey) {
                 this._view.sheetsbar._onAddSelect();
@@ -27799,21 +27797,12 @@
                 this._view.sheetsbar._createEditor();
                 e.preventDefault();
                 return;
-            } else if (e.ctrlKey && key === keys.B) {
-                const bold = this.element.querySelector("[data-tool=bold]");
-                if (bold) {
-                    bold.click();
-                }
-            } else if (e.ctrlKey && key === keys.I) {
-                const italic = this.element.querySelector("[data-tool=italic]");
-                if (italic) {
-                    italic.click();
-                }
-            } else if (e.ctrlKey && key === keys.U) {
-                const underline = this.element.querySelector("[data-tool=underline]");
-                if (underline) {
-                    underline.click();
-                }
+            } else if (controlKey && key === keys.B) {
+                this._handleTypographicalEmphasis('bold');
+            } else if (controlKey && key === keys.I) {
+                this._handleTypographicalEmphasis('italic');
+            } else if (controlKey && key === keys.U) {
+                this._handleTypographicalEmphasis('underline');
             } else if (e.altKey && key === keys.H) {
                 this._view.tabstrip.select(0);
                 e.preventDefault();
@@ -27829,6 +27818,20 @@
             }
         }
 
+        _handleTypographicalEmphasis(command) {
+            const sheet = this.activeSheet();
+
+            if (sheet) {
+                this.executeCommand({
+                    command: 'PropertyChangeCommand',
+                    options: {
+                        property: command,
+                        value: !sheet.range(sheet.activeCell())[command]()
+                    }
+                });
+            }
+        }
+
         _resize() {
             this.refresh({ layout: true });
         }
@@ -28122,6 +28125,10 @@
             // kendo.ui.progress(this.element, e.toggle);
         }
 
+        _onContextMenu(e) {        
+            this.trigger("contextmenu", e);
+        }
+
         _bindWorkbookEvents() {
             this._workbook.bind("cut", this._workbookCut.bind(this));
             this._workbook.bind("copy", this._workbookCopy.bind(this));
@@ -28148,6 +28155,7 @@
             this._workbook.bind("dataBinding", this._workbookDataBinding.bind(this));
             this._workbook.bind("dataBound", this._workbookDataBound.bind(this));
             this._workbook.bind("progress", this._workbookProgress.bind(this));
+            this._workbook.bind("contextmenu", this._onContextMenu.bind(this));
         }
 
         destroy() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-spreadsheet-common",
   "description": "Kendo UI platform-independent Spreadsheet library",
-  "version": "1.0.1",
+  "version": "1.1.0-develop.1",
   "keywords": [
     "Kendo UI"
   ],