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

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) {
@@ -17453,6 +17442,8 @@ function sameWeek(a, b) {
 // formulas from another sheet.
 var MODIFIED_FORMULAS;
 
+const DEFAULT_SHEET_STATE = 'visible';
+
 class Selection {
     constructor(sheet) {
         this._sheet = sheet;
@@ -17739,6 +17730,20 @@ class Sheet extends Observable {
         return this._name();
     }
 
+    _state(value) {
+        if (!value) {
+            return this._sheetState || DEFAULT_SHEET_STATE;
+        }
+
+        this._sheetState = value;
+
+        return this;
+    }
+
+    state() {
+        return this._state();
+    }
+
     _property(accessor, value, reason) {
         if (value === undefined) {
             return accessor();
@@ -18829,6 +18834,7 @@ class Sheet extends Observable {
 
         var json = {
             name: this._name(),
+            state: this._state(),
             rows: rows,
             columns: columns,
             selection: viewSelection.selection.toString(),
@@ -24516,14 +24522,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 +24607,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 +24678,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" };
+        }
     }
 }
 
@@ -25556,6 +25569,7 @@ async function readWorkbook(zip, workbook) {
                 let relId = attrs["r:id"];
                 let file = relationships.byId[relId];
                 let name = attrs.name;
+                let state = attrs.state;
 
                 items.push({
                     workbook: workbook,
@@ -25564,6 +25578,7 @@ async function readWorkbook(zip, workbook) {
                     styles: styles,
                     file: file,
                     options: {
+                        state: state,
                         name: name
                     }
                 });
@@ -26740,6 +26755,7 @@ const events$1 = [
     "paste",
     "changing",
     "change",
+    "contextmenu",
     "excelImport",
     "excelExport",
     "insertSheet",
@@ -27075,6 +27091,7 @@ class Workbook extends Observable {
         sheet._workbook = this;
 
         sheet._name(sheetName);
+        sheet._state(options.state);
 
         this._bindSheetEvents(sheet);
 
@@ -27765,6 +27782,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 +27816,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 +27837,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 +28144,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 +28174,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) {
@@ -17454,6 +17443,8 @@
     // formulas from another sheet.
     var MODIFIED_FORMULAS;
 
+    const DEFAULT_SHEET_STATE = 'visible';
+
     class Selection {
         constructor(sheet) {
             this._sheet = sheet;
@@ -17740,6 +17731,20 @@
             return this._name();
         }
 
+        _state(value) {
+            if (!value) {
+                return this._sheetState || DEFAULT_SHEET_STATE;
+            }
+
+            this._sheetState = value;
+
+            return this;
+        }
+
+        state() {
+            return this._state();
+        }
+
         _property(accessor, value, reason) {
             if (value === undefined) {
                 return accessor();
@@ -18830,6 +18835,7 @@
 
             var json = {
                 name: this._name(),
+                state: this._state(),
                 rows: rows,
                 columns: columns,
                 selection: viewSelection.selection.toString(),
@@ -24517,14 +24523,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 +24608,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 +24679,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" };
+            }
         }
     }
 
@@ -25557,6 +25570,7 @@
                     let relId = attrs["r:id"];
                     let file = relationships.byId[relId];
                     let name = attrs.name;
+                    let state = attrs.state;
 
                     items.push({
                         workbook: workbook,
@@ -25565,6 +25579,7 @@
                         styles: styles,
                         file: file,
                         options: {
+                            state: state,
                             name: name
                         }
                     });
@@ -26741,6 +26756,7 @@
         "paste",
         "changing",
         "change",
+        "contextmenu",
         "excelImport",
         "excelExport",
         "insertSheet",
@@ -27076,6 +27092,7 @@
             sheet._workbook = this;
 
             sheet._name(sheetName);
+            sheet._state(options.state);
 
             this._bindSheetEvents(sheet);
 
@@ -27766,6 +27783,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 +27817,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 +27838,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 +28145,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 +28175,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.2",
   "keywords": [
     "Kendo UI"
   ],

package/src/index.d.ts

@@ -277,6 +277,13 @@ export interface SheetDescriptor {
      * An array which contains the drawings used in this sheet.
      */
     drawings?: { topLeftCell: any; offsetX: number; offsetY: number; width: number; height: number; image: string; opacity: any }[];
+
+    /**
+     * The state of the sheet.
+     *
+     * @default 'visible'
+     */
+    state?: 'visible' | 'hidden' | 'veryHidden';
 }
 
 /**