@progress/kendo-spreadsheet-common 1.0.0-develop.1 → 1.0.0-develop.10

package/README.md

@@ -1,9 +1,34 @@
-# Kendo UI for Angular
+![Kendo UI Logo](/kendo-ui-banner.svg)
 
-This package is part of the [Kendo UI for Angular](http://www.telerik.com/kendo-angular-ui/) suite.
+## Professional Grade UI Components
+
+This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/) and [KendoReact](https://www.telerik.com/kendo-react-ui/components/#react-components) suites.
 
 ## License
 
-This is commercial software. To use it, you need to agree to the [**Telerik End User License Agreement for Kendo UI Complete**](http://www.telerik.com/purchase/license-agreement/kendo-ui-complete). If you do not own a commercial license, this file shall be governed by the trial license terms.
+This is commercial software. To use it, you need to agree to the [**Telerik End User License Agreement for Kendo UI** (for Kendo UI for Angular)](http://www.telerik.com/purchase/license-agreement/kendo-ui) or to the [**End User License Agreement for Progress KendoReact** (for KendoReact)](https://www.telerik.com/purchase/license-agreement/progress-kendoreact). If you do not own a commercial license, this file shall be governed by the trial license terms.
 
 All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
+
+## Kendo UI for Angular Resources and Feedback
+
+- [Get Started](https://www.telerik.com/kendo-angular-ui/getting-started)
+- [Component References](https://www.telerik.com/kendo-angular-ui/components)
+- [Blogs](http://www.telerik.com/blogs/kendo-ui)
+- [FAQ](https://www.telerik.com/kendo-angular-ui/components/faq/)
+- [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
+- [Feedback Portal](http://kendoui-feedback.telerik.com/forums/555517-kendo-ui-for-angular-2-feedback)
+- [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
+
+## KendoReact Resources and Feedback
+
+- [Get Started](https://www.telerik.com/kendo-react-ui/getting-started)
+- [Component References](https://www.telerik.com/kendo-react-ui/components/#react-components)
+- [Blogs](http://www.telerik.com/blogs/kendo-ui)
+- [GitHub Issues](https://github.com/telerik/kendo-react/issues)
+- [Feedback Portal](http://kendoui-feedback.telerik.com/forums/908425-kendo-ui-for-react-feedback)
+- [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-react-ui)
+
+*Copyright © 2021 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
+
+*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/dist/index-esm.js

@@ -1,4 +1,3 @@
-import { localeInfo, parseDate as parseDate$1, format, toString } from '@progress/kendo-intl';
 import { drawing, parseColor, geometry, drawDOM } from '@progress/kendo-drawing';
 import { dayOfWeek, getDate, addDays, firstDayOfMonth } from '@progress/kendo-date-math';
 import { browser } from '@progress/kendo-common';
@@ -945,6 +944,49 @@ SHEETREF.print = function() {
     return "#SHEET";
 };
 
+/* eslint-disable key-spacing */
+const messages = {};
+messages.view = {
+    nameBox: "Name Box",
+    errors: {
+        openUnsupported: "Unsupported format. Please select an .xlsx file.",
+        shiftingNonblankCells: "Cannot insert cells due to data loss possibility. Select another insert location or delete the data from the end of your worksheet.",
+        insertColumnWhenRowIsSelected: "Cannot insert column when all columns are selected.",
+        insertRowWhenColumnIsSelected: "Cannot insert row when all rows are selected.",
+        filterRangeContainingMerges: "Cannot create a filter within a range containing merges",
+        sortRangeContainingMerges: "Cannot sort a range containing merges",
+        cantSortMultipleSelection: "Cannot sort multiple selection",
+        cantSortNullRef: "Cannot sort empty selection",
+        cantSortMixedCells: "Cannot sort range containing cells of mixed shapes",
+        validationError: "The value that you entered violates the validation rules set on the cell.",
+        cannotModifyDisabled: "Cannot modify disabled cells.",
+        insertRowBelowLastRow: "Cannot insert row below the last row.",
+        insertColAfterLastCol: "Cannot insert column to the right of the last column."
+    },
+    tabs: {
+        home: "Home",
+        insert: "Insert",
+        data: "Data"
+    }
+};
+
+messages.menus = {
+    "cut"          : "Cut",
+    "copy"         : "Copy",
+    "paste"        : "Paste",
+    "merge"        : "Merge",
+    "unmerge"      : "Unmerge",
+    "delete"       : "Delete",
+    "hide"         : "Hide",
+    "unhide"       : "Unhide",
+    "bringToFront" : "Bring to front",
+    "sendToBack"   : "Send to back"
+};
+
+messages.workbook = {
+    defaultSheetName: "Sheet"
+};
+
 const options = {
     name: "Spreadsheet",
     toolbar: true,
@@ -956,10 +998,11 @@ const options = {
     headerHeight: 20,
     headerWidth: 32,
     excel: {
+        fileName: "Workbook.xlsx",
+        forceProxy: false,
         proxyURL: "",
-        fileName: "Workbook.xlsx"
     },
-    messages: {},
+    messages: messages,
     pdf: {
         // which part of the workbook to be exported
         area: "workbook",
@@ -1353,18 +1396,18 @@ class CalcError {
     }
 }
 
-const localeValue = { current: 'en' };
+let intlValue = {};
 
-const locale = value => {
+const intl = (value) => {
     if (value) {
-        localeValue.current = value;
+        intlValue = value;
     } else {
-        return localeValue.current;
+        return intlValue;
     }
 };
 
 const culture = () => {
-    return localeInfo(locale())
+    return intl().localeInfo();
 };
 
 function createKendoObj(calc, CalcError, Ref, CellRef, RangeRef) {
@@ -2992,9 +3035,10 @@ function parseDate(str, format) {
     if (format) {
         format = formatting.makeDateFormat(format);
     }
-    return parseDate$1(str, format)
-        || parseDate$1(str)
-        || parseDate$1(str, [
+    const parseExactDate = intl().parseDate;
+    return parseExactDate(str, format)
+        || parseExactDate(str)
+        || parseExactDate(str, [
             "MMMM dd yyyy",
             "MMMM dd yy",
             "MMM dd yyyy",
@@ -12732,10 +12776,6 @@ const ALL_PROPERTIES = propertyBagSpec.reduce(function(a, spec) {
     return a;
 }, [ "borderTop", "borderRight", "borderBottom", "borderLeft" ]);
 
-const kendoFormat = function(fmt, ...values) {
-    return format(fmt, values, locale())
-};
-
 /* eslint-disable no-param-reassign */
 
 let TRANSPOSE_FORMAT = "_matrix({0})";
@@ -12755,13 +12795,13 @@ function compileValidation(sheet, row, col, validation) {
             if (validation.from.indexOf("{") > -1) {
                 validation.from = validation.from.replace(/\"/g,"").replace("{","\"").replace("}", "\"");
             }
-            validation.from = kendoFormat(TRANSPOSE_FORMAT, validation.from);
+            validation.from = intl().format(TRANSPOSE_FORMAT, validation.from);
             validation.fromIsListValue = true;
         }
         if (validation.dataType === "date") {
             parsedFromDate = calc.runtime.parseDate(validation.from);
             if (parsedFromDate) {
-                validation.from = kendoFormat(DATE_FORMAT, validation.from);
+                validation.from = intl().format(DATE_FORMAT, validation.from);
                 validation.fromIsDateValue = true;
             }
         }
@@ -12771,7 +12811,7 @@ function compileValidation(sheet, row, col, validation) {
         if (validation.dataType === "date") {
             parsedToDate = calc.runtime.parseDate(validation.to);
             if (parsedToDate) {
-                validation.to = kendoFormat(DATE_FORMAT, validation.to);
+                validation.to = intl().format(DATE_FORMAT, validation.to);
                 validation.toIsDateValue = true;
             }
         }
@@ -12785,7 +12825,7 @@ function compileValidation(sheet, row, col, validation) {
         comparer = validationExport.validationComparers[validation.comparerType];
     }
     if (!comparer) {
-        throw kendoFormat("'{0}' comparer is not implemented.", validation.comparerType);
+        throw intl().format("'{0}' comparer is not implemented.", validation.comparerType);
     }
     validationHandler = function(valueToCompare) { //add 'valueFormat' arg when add isDate comparer
         let toValue = this.to && (this.to_value || this.to_value === 0) ? this.to_value : undefined;
@@ -12851,7 +12891,7 @@ class Validation {
         let dataType = this.dataType;
         let type = this.type;
         let comparerType = this.comparerType;
-        return kendoFormat(format, from, to, fromFormula, toFormula, dataType, type, comparerType);
+        return intl().format(format, from, to, fromFormula, toFormula, dataType, type, comparerType);
     }
     _setMessages() {
         this.title = "";
@@ -13248,7 +13288,8 @@ let Range$1 = class Range {
                     }
                 }
                 if (type === "date") {
-                    value = toString(serialToDate(value), culture().calendar.patterns.d, locale());
+                    const intlVal = intl();
+                    value = intlVal.toString(serialToDate(value), culture().calendar.patterns.d, intlVal.locale);
                 } else if (type === "percent") {
                     value = calc.runtime.limitPrecision(value * 100) + "%";
                 } else if (typeof value == "string" &&
@@ -14735,49 +14776,6 @@ function notEqual(oldRect, newRect) {
     return oldRect && (oldRect.top !== newRect.top || oldRect.left !== newRect.left);
 }
 
-/* eslint-disable key-spacing */
-const messages = {};
-messages.view = {
-    nameBox: "Name Box",
-    errors: {
-        openUnsupported: "Unsupported format. Please select an .xlsx file.",
-        shiftingNonblankCells: "Cannot insert cells due to data loss possibility. Select another insert location or delete the data from the end of your worksheet.",
-        insertColumnWhenRowIsSelected: "Cannot insert column when all columns are selected.",
-        insertRowWhenColumnIsSelected: "Cannot insert row when all rows are selected.",
-        filterRangeContainingMerges: "Cannot create a filter within a range containing merges",
-        sortRangeContainingMerges: "Cannot sort a range containing merges",
-        cantSortMultipleSelection: "Cannot sort multiple selection",
-        cantSortNullRef: "Cannot sort empty selection",
-        cantSortMixedCells: "Cannot sort range containing cells of mixed shapes",
-        validationError: "The value that you entered violates the validation rules set on the cell.",
-        cannotModifyDisabled: "Cannot modify disabled cells.",
-        insertRowBelowLastRow: "Cannot insert row below the last row.",
-        insertColAfterLastCol: "Cannot insert column to the right of the last column."
-    },
-    tabs: {
-        home: "Home",
-        insert: "Insert",
-        data: "Data"
-    }
-};
-
-messages.menus = {
-    "cut"          : "Cut",
-    "copy"         : "Copy",
-    "paste"        : "Paste",
-    "merge"        : "Merge",
-    "unmerge"      : "Unmerge",
-    "delete"       : "Delete",
-    "hide"         : "Hide",
-    "unhide"       : "Unhide",
-    "bringToFront" : "Bring to front",
-    "sendToBack"   : "Send to back"
-};
-
-messages.workbook = {
-    defaultSheetName: "Sheet"
-};
-
 const ampRegExp = /&/g,
     ltRegExp = /</g,
     quoteRegExp = /"/g,
@@ -17376,15 +17374,17 @@ filtersObj = {
     };
 });
 
-culture().calendar.months.format.wide.forEach(function(month, index) {
-    DynamicFilter.prototype[month.toLowerCase()] = function(value) {
-        if (value instanceof Date) {
-            return value.getMonth() === index;
-        }
+const initDynamicFilter = () => {
+    culture().calendar.months.format.wide.forEach(function(month, index) {
+        DynamicFilter.prototype[month.toLowerCase()] = function(value) {
+            if (value instanceof Date) {
+                return value.getMonth() === index;
+            }
 
-        return false;
-    };
-});
+            return false;
+        };
+    });
+};
 
 function quarter(value) {
     var month = value.getMonth() + 1;
@@ -20486,7 +20486,7 @@ function Borders() {
     //                 if (options.useGridFormat) {
     //                     if (value != null) {
     //                         if (col.format) {
-    //                             value = kendoFormat(col.format, value);
+    //                             value = intl().format(col.format, value);
     //                         } else {
     //                             value += "";
     //                         }
@@ -21784,13 +21784,13 @@ class FormulaInput extends Widget {
         if (this._isFormula() && !this._navigated) {
             value = ((this._tokenContext() || {}).token || {}).value;
 
-            this.filter(value);
+            const data = this.filter(value);
 
-            if (!value || !this.formulaSource.length) {
+            if (!value || !data.length) {
                 popup.close();
             } else {
                 popup[popup.visible() ? "position" : "open"]();
-                this.list.focusFirst();
+                setTimeout(() => { this.list.focusFirst(); }, 0);
             }
         }
 
@@ -21933,7 +21933,11 @@ class FormulaInput extends Widget {
             return;
         }
 
-        this.list.data(this.formulaSource.filter((item) => String(item.value).startsWith(value)));
+        const data = this.formulaSource.filter((item) => String(item.value).startsWith(value.toLowerCase()));
+
+        this.list.data(data);
+
+        return data;
     }
 
     hide() {
@@ -22114,8 +22118,10 @@ class FormulaInput extends Widget {
         if (width > element.offsetWidth) {
             element.style.width = width + 'px';
         }
-        if (height > element.offsetHeight) {
-            element.style.height = height + 'px';
+
+        const activeCellOutlineWidth = 1;
+        if (height - activeCellOutlineWidth > element.offsetHeight) {
+            element.style.height = (height - activeCellOutlineWidth) + 'px';
         }
 
         this._sync();
@@ -23160,6 +23166,14 @@ class View extends Observable {
 
     destroy() {
         this.unbind();
+
+        [this.tree, this.clipboardContents].forEach(el => {
+            while (el && el.root && el.root.lastChild) {
+                el.root.removeChild(el.root.lastChild);
+            }
+        });
+        this.tree = this.clipboardContents = null;
+
         // this._dialogs.forEach(function(dialog) {
         //     dialog.destroy();
         // });
@@ -25895,7 +25909,7 @@ async function readSheet(zip, file, sheet, strings, styles) {
                         } else if (type === "b") {
                             value = value === "1";
                         } else if (type === "d") {
-                            value = parseDate$1(value);
+                            value = intl().parseDate(value);
                         }
 
                         if (value != null) {
@@ -26038,7 +26052,7 @@ async function readDrawings(zip, file, sheet) {
     let relationships = await readRelationships(zip, relsFile);
 
     if (relationships.byType.image) {
-        await Object.keys(relationships.byId).forEach(async function(id) {
+        for (const id of Object.keys(relationships.byId)) {
             let img = relative_file(file, relationships.byId[id]);
             let type = getContentType(img);
 
@@ -26050,7 +26064,7 @@ async function readDrawings(zip, file, sheet) {
                     : new window.Blob([ data ], { type: type });
                 relationships.byId[id] = sheet._workbook.addImage(blob);
             }
-        });
+        }
     }
 
     let cdr, ref, width, height;
@@ -26745,7 +26759,7 @@ function excelToPixels(val) {
     return val / 9525;
 }
 
-/* eslint-disable no-nested-ternary */
+/* eslint-disable no-undef */
 
 const events$1 = [
     "cut",
@@ -27053,6 +27067,7 @@ class Workbook extends Observable {
         let insertIndex = typeof options.index === "number" ? options.index : that._sheets.length;
         let sheetName;
         let sheets = that._sheets;
+        const messages = this.options.messages;
 
         let getUniqueSheetName = function(sheetNameSuffix) {
             sheetNameSuffix = sheetNameSuffix ? sheetNameSuffix : 1;
@@ -27250,33 +27265,33 @@ class Workbook extends Observable {
         this._imgID = 0;
     }
 
-    // _loadImages() {
-    //     let self = this;
-    //     let ids = Object.keys(self._images);
-    //     let count = ids.length;
-    //     if (count) {
-    //         ids.forEach(function(id){
-    //             let img = self._images[id];
-    //             if (!img.blob) {
-    //                 loadBinary(img.url, function(data, type) {
-    //                     // XXX: can we do something better in case of error?
-    //                     if (data != null) {
-    //                         img.blob = new Blob([ data ], { type: type });
-    //                         delete img.url;
-    //                     }
-    //                     next();
-    //                 });
-    //             }
-    //         });
-    //     } else {
-    //         next();
-    //     }
-    //     function next() {
-    //         if (--count <= 0) {
-    //             self.activeSheet().triggerChange({ layout: true });
-    //         }
-    //     }
-    // },
+    _loadImages() {
+        let self = this;
+        let ids = Object.keys(self._images);
+        let count = ids.length;
+        if (count) {
+            ids.forEach(function(id){
+                let img = self._images[id];
+                if (!img.blob) {
+                    loadBinary(img.url, function(data, type) {
+                        // XXX: can we do something better in case of error?
+                        if (data != null) {
+                            img.blob = new Blob([ data ], { type: type });
+                            delete img.url;
+                        }
+                        next();
+                    });
+                }
+            });
+        } else {
+            next();
+        }
+        function next() {
+            if (--count <= 0) {
+                self.activeSheet().triggerChange({ layout: true });
+            }
+        }
+    }
 
     fromJSON(json) {
         if (json.sheets) {
@@ -27294,7 +27309,7 @@ class Workbook extends Observable {
                     }
                     this._images[id] = { url: json.images[id] };
                 }, this);
-                // this._loadImages();
+                this._loadImages();
             }
 
             for (let idx = 0; idx < json.sheets.length; idx++) {
@@ -27361,52 +27376,49 @@ class Workbook extends Observable {
                 return sheet.toJSON();
             }, this),
             names: names,
+            images: {},
             columnWidth: this.options.columnWidth,
             rowHeight: this.options.rowHeight
         };
     }
 
     saveJSON() {
-        // PoC only
-        window.console.log('`saveJSON` function not implemented');
-        // let self = this;
-        // let deferred = new $.Deferred();
-        // let data = self.toJSON();
-        // let ids = Object.keys(self._images).filter(function(id) {
-        //     return self.usesImage(id) === 1;
-        // });
-        // let count = ids.length;
-        // data.images = {};
-        // if (count) {
-        //     ids.forEach(function(id) {
-        //         let img = self._images[id];
-        //         if (img.blob) {
-        //             let reader = new FileReader();
-        //             reader.onload = function() {
-        //                 data.images[id] = reader.result;
-        //                 next();
-        //             };
-        //             reader.readAsDataURL(img.blob);
-        //         } else {
-        //             data.images[id] = img.url;
-        //             next();
-        //         }
-        //     });
-        // } else {
-        //     next();
-        // }
-        // return deferred.promise();
+        let self = this;
+        let data = self.toJSON();
+        let ids = Object.keys(self._images).filter(function(id) {
+            return self.usesImage(id) === 1;
+        });
+        let count = ids.length;
 
-        // function next() {
-        //     if (--count <= 0) {
-        //         deferred.resolve(data);
-        //     }
-        // }
+        const promises = [];
+
+        if (count) {
+            ids.forEach(function(id) {
+                let img = self._images[id];
+                if (img.blob) {
+                    const promise = new Promise((resolve) => {
+                        let reader = new FileReader();
+                        reader.onload = function() {
+                            data.images[id] = reader.result;
+                            resolve();
+                        };
+                        reader.readAsDataURL(img.blob);
+                    });
+                    promises.push(promise);
+                } else {
+                    data.images[id] = img.url;
+                }
+            });
+        }
+
+        return Promise.all(promises).then(() => data);
     }
 
     fromFile(file) {
-        this._clearSheets();
-        readExcel(file, this);
+        if (file && !this.trigger("excelImport", { file })) {
+            this._clearSheets();
+            readExcel(file, this);
+        }
     }
 
     saveAsExcel(options) {
@@ -27732,17 +27744,14 @@ const events = [
     "dataBound"
 ];
 
-class Spreadsheet extends Widget {
+class SpreadsheetWidget extends Widget {
     constructor(element, options$1) {
-        super(element, Object.assign({}, options, options$1));
+        super(element, deepExtend({}, options, options$1));
         this.events = events;
         this.bind(this.events, this.options);
 
-        this.element.classList.add('k-widget');
-        this.element.classList.add('k-spreadsheet');
-        this.element.setAttribute("role", "application");
-
-        locale(this.options.locale);
+        intl({ locale: this.options.locale, ...this.options.intl });
+        initDynamicFilter();
 
         this._view = new View(this.element, {
             messages: this.options.messages.view,
@@ -27753,11 +27762,6 @@ class Spreadsheet extends Widget {
             nameBoxRef: this.options.nameBoxRef
         });
 
-        // element.querySelector('.k-spreadsheet-cell-context-menu').style.display = 'none';
-        // element.querySelector('.k-spreadsheet-row-header-context-menu').style.display = 'none';
-        // element.querySelector('.k-spreadsheet-col-header-context-menu').style.display = 'none';
-        // element.querySelector('.k-spreadsheet-drawing-context-menu').style.display = 'none';
-
         this._workbook = new Workbook(this.options, this._view);
 
         this._controller = new Controller(this._view, this._workbook);
@@ -27778,6 +27782,14 @@ class Spreadsheet extends Widget {
         this.element.addEventListener("keydown", this._keyDown.bind(this));
     }
 
+    get view() {
+        return this._view;
+    }
+
+    get workbook () {
+        return this._workbook;
+    }
+
     _keyDown(e) {
         let key = e.keyCode;
 
@@ -27982,8 +27994,8 @@ class Spreadsheet extends Widget {
         return this._workbook.saveJSON();
     }
 
-    fromFile(blob, name) {
-        return this._workbook.fromFile(blob, name);
+    fromFile(blob) {
+        return this._workbook.fromFile(blob);
     }
 
     saveAsPDF(options) {
@@ -28213,4 +28225,4 @@ class Spreadsheet extends Widget {
     }
 }
 
-export { Spreadsheet };
+export { Range$1 as Range, Sheet, SpreadsheetWidget, View, Workbook };