@progress/kendo-react-spreadsheet 6.1.1 → 7.0.0-develop.1

package/dist/es/tools/align.d.ts

@@ -1,44 +0,0 @@
-import * as React from 'react';
-import { SpreadsheetToolProps } from './utils';
-/**
- * The props of the Alignment tool component.
- */
-export interface AlignmentProps extends SpreadsheetToolProps {
-    /**
-     * The value of the tool.
-     */
-    value: {
-        textAlign?: string;
-        verticalAlign?: string;
-    };
-}
-/**
- * The Alignment tool component.
- */
-export declare const Alignment: React.FunctionComponent<AlignmentProps>;
-/**
- * The props of the AlignHorizontally tool component.
- */
-export interface AlignHorizontallyProps extends SpreadsheetToolProps {
-    /**
-     * The value of the tool.
-     */
-    value: string;
-}
-/**
- * The props of the AlignVertically tool component.
- */
-export interface AlignVerticallyProps extends SpreadsheetToolProps {
-    /**
-     * The value of the tool.
-     */
-    value: string;
-}
-/**
- * The AlignHorizontally tool component.
- */
-export declare const AlignHorizontally: React.FunctionComponent<AlignHorizontallyProps>;
-/**
- * The AlignVertically tool component.
- */
-export declare const AlignVertically: React.FunctionComponent<AlignVerticallyProps>;

package/dist/es/tools/align.js

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import { DropDownButton } from '@progress/kendo-react-buttons';
-import { IconWrap } from '@progress/kendo-react-common';
-import { alignLeftIcon, alignCenterIcon, alignRightIcon, alignJustifyIcon, alignTopIcon, alignMiddleIcon, alignBottomIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { keys, messages } from '../messages';
-const alignItems = [
-    { icon: 'align-left', svgIcon: alignLeftIcon, textKey: keys.alignLeft, commandName: 'textAlign', value: 'left', selected: false },
-    { icon: 'align-center', svgIcon: alignCenterIcon, textKey: keys.alignCenter, commandName: 'textAlign', value: 'center', selected: false },
-    { icon: 'align-right', svgIcon: alignRightIcon, textKey: keys.alignRight, commandName: 'textAlign', value: 'right', selected: false },
-    { icon: 'align-justify', svgIcon: alignJustifyIcon, textKey: keys.alignJustify, commandName: 'textAlign', value: 'justify', selected: false },
-    { icon: 'align-top', svgIcon: alignTopIcon, textKey: keys.alignTop, commandName: 'verticalAlign', value: 'top', selected: false },
-    { icon: 'align-middle', svgIcon: alignMiddleIcon, textKey: keys.alignMiddle, commandName: 'verticalAlign', value: 'center', selected: false },
-    { icon: 'align-bottom', svgIcon: alignBottomIcon, textKey: keys.alignBottom, commandName: 'verticalAlign', value: 'bottom', selected: false }
-];
-const alignHorizontalItems = [
-    alignItems[0],
-    Object.assign(Object.assign({}, alignItems[1]), { textKey: keys.center }),
-    alignItems[2],
-    Object.assign(Object.assign({}, alignItems[3]), { textKey: keys.justify })
-];
-const alignVerticalItems = alignItems.filter(i => i.commandName === 'verticalAlign');
-/**
- * The Alignment tool component.
- */
-export const Alignment = props => {
-    const { value, spreadsheetRef } = props;
-    const { textAlign, verticalAlign } = value || {};
-    const loc = useLocalization();
-    const onItemClick = React.useCallback((event) => {
-        if (spreadsheetRef.current) {
-            const item = event.item;
-            const options = {
-                command: 'PropertyChangeCommand', options: { property: item.commandName, value: item.value || null }
-            };
-            spreadsheetRef.current.executeCommand(options);
-        }
-    }, []);
-    let items = alignItems.slice();
-    items = items.map(i => (Object.assign(Object.assign({}, i), { text: loc.toLanguageString(i.textKey, messages[i.textKey]) })));
-    if (textAlign) {
-        items = items.map(i => i.commandName === 'textAlign' ? Object.assign(Object.assign({}, i), { selected: i.value === textAlign }) : i);
-    }
-    if (verticalAlign) {
-        items = items.map(i => i.commandName === 'verticalAlign' ? Object.assign(Object.assign({}, i), { selected: i.value === verticalAlign }) : i);
-    }
-    return (React.createElement(DropDownButton, { icon: "align-left", svgIcon: alignLeftIcon, items: items, fillMode: "flat", onItemClick: onItemClick, title: loc.toLanguageString(keys.align, messages[keys.align]), text: React.createElement(IconWrap, { name: "caret-alt-down", icon: caretAltDownIcon }) }));
-};
-Alignment.displayName = 'Alignment';
-const alignHorizontal = {
-    items: alignHorizontalItems,
-    icon: { icon: 'align-left', svgIcon: alignLeftIcon },
-    displayName: 'AlignHorizontally',
-    titleKey: keys.alignHorizontally
-};
-const alignVertical = {
-    items: alignVerticalItems,
-    icon: { icon: 'align-bottom', svgIcon: alignBottomIcon },
-    displayName: 'AlignVertically',
-    titleKey: keys.alignVertically
-};
-const createAlignTool = (settings) => {
-    const Tool = props => {
-        const { value, spreadsheetRef } = props;
-        const loc = useLocalization();
-        const onItemClick = React.useCallback((event) => {
-            if (spreadsheetRef.current) {
-                const item = event.item;
-                const options = {
-                    command: 'PropertyChangeCommand', options: { property: item.commandName, value: item.value || null }
-                };
-                spreadsheetRef.current.executeCommand(options);
-            }
-        }, []);
-        let items = settings.items.slice();
-        items = items.map(i => (Object.assign(Object.assign({}, i), { text: loc.toLanguageString(i.textKey, messages[i.textKey]) })));
-        items = items.map(i => (Object.assign(Object.assign({}, i), { selected: i.value === value })));
-        const icons = Object.assign({}, settings.icon);
-        const selected = items.find(i => i.selected);
-        if (selected) {
-            icons.icon = selected.icon;
-            icons.svgIcon = selected.svgIcon;
-        }
-        return (React.createElement(DropDownButton, Object.assign({}, icons, { items: items, fillMode: "flat", onItemClick: onItemClick, title: loc.toLanguageString(settings.titleKey, messages[settings.titleKey]), text: React.createElement(IconWrap, { name: "caret-alt-down", icon: caretAltDownIcon }) })));
-    };
-    Tool.displayName = settings.displayName;
-    return Tool;
-};
-/**
- * The AlignHorizontally tool component.
- */
-export const AlignHorizontally = createAlignTool(alignHorizontal);
-/**
- * The AlignVertically tool component.
- */
-export const AlignVertically = createAlignTool(alignVertical);

package/dist/es/tools/backgroundColor.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ColorToolProps } from './utils';
-/**
- * The props of the BackgroundColor tool component.
- */
-export interface BackgroundColorProps extends ColorToolProps {
-}
-/**
- * The BackgroundColor tool component.
- */
-export declare const BackgroundColor: React.FunctionComponent<BackgroundColorProps>;

package/dist/es/tools/backgroundColor.js

@@ -1,15 +0,0 @@
-import { keys } from '../messages';
-import { ColorTool } from './utils';
-import { dropletIcon } from '@progress/kendo-svg-icons';
-/**
- * The BackgroundColor tool component.
- */
-export const BackgroundColor = ColorTool({
-    icon: 'droplet',
-    svgIcon: dropletIcon,
-    view: 'palette',
-    property: 'background',
-    titleKey: keys.background,
-    ariaLabel: 'Background'
-});
-BackgroundColor.displayName = 'BackgroundColor';

package/dist/es/tools/bold.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { PropertyChangeToolProps } from './utils';
-/**
- * The props of the Bold tool component.
- */
-export interface BoldProps extends PropertyChangeToolProps {
-}
-/**
- * The Bold tool component.
- */
-export declare const Bold: React.FunctionComponent<BoldProps>;

package/dist/es/tools/bold.js

@@ -1,9 +0,0 @@
-import { boldIcon } from '@progress/kendo-svg-icons';
-import { PropertyChangeTool } from './utils';
-import { keys } from '../messages';
-const boldSettings = { property: 'bold', icon: 'bold', svgIcon: boldIcon, titleKey: keys.bold };
-/**
- * The Bold tool component.
- */
-export const Bold = PropertyChangeTool(boldSettings);
-Bold.displayName = 'Bold';

package/dist/es/tools/cleanFormat.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { PropertyChangeToolProps } from './utils';
-/**
- * @hidden
- */
-export interface CleanFormattingProps extends PropertyChangeToolProps {
-}
-/**
- * @hidden
- */
-export declare const CleanFormatting: React.FunctionComponent<CleanFormattingProps>;

package/dist/es/tools/cleanFormat.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { clearCssIcon } from '@progress/kendo-svg-icons';
-import { Button } from '@progress/kendo-react-buttons';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { messages, keys } from '../messages';
-/**
- * @hidden
- */
-export const CleanFormatting = props => {
-    const { spreadsheetRef } = props;
-    const onClick = React.useCallback(() => {
-        if (spreadsheetRef.current) {
-            spreadsheetRef.current.executeCommand({ command: 'PropertyCleanCommand' });
-        }
-    }, []);
-    return (React.createElement(Button, { type: "button", icon: 'clean-css', svgIcon: clearCssIcon, fillMode: "flat", onClick: onClick, title: useLocalization().toLanguageString(keys.cleanFormatting, messages[keys.cleanFormatting]) }));
-};

package/dist/es/tools/defaultTools.d.ts

@@ -1,5 +0,0 @@
-import { SpreadsheetTab } from '../SpreadsheetProps';
-/**
- * The default toolbar configuration.
- */
-export declare const defaultTabs: SpreadsheetTab[];

package/dist/es/tools/defaultTools.js

@@ -1,66 +0,0 @@
-import { ToolbarSeparator } from '@progress/kendo-react-buttons';
-import { ExcelExport } from './export';
-import { Open } from './open';
-import { Bold } from './bold';
-import { Italic } from './italic';
-import { Underline } from './underline';
-import { FontFamily } from './fontFamily';
-import { DecreaseFontSize, FontSize, IncreaseFontSize } from './fontSize';
-import { TextColor } from './textColor';
-import { BackgroundColor } from './backgroundColor';
-import { AlignHorizontally, AlignVertically } from './align';
-import { TextWrap } from './textWrap';
-import { GridLines } from './gridLines';
-import { Format } from './format';
-import { AddColumnLeft, AddColumnRight, AddRowAbove, AddRowBelow, DeleteColumn, DeleteRow } from './tableTools';
-import { keys } from '../messages';
-import { Undo } from './undo';
-import { Redo } from './redo';
-import { DecreaseDecimal, IncreaseDecimal } from './adjustDecimals';
-/**
- * The default toolbar configuration.
- */
-export const defaultTabs = [
-    {
-        textKey: keys.file,
-        tools: [
-            Open,
-            ExcelExport
-        ]
-    }, {
-        textKey: keys.home,
-        selected: true,
-        tools: [
-            [Undo, Redo],
-            ToolbarSeparator,
-            FontFamily,
-            FontSize,
-            IncreaseFontSize,
-            DecreaseFontSize,
-            ToolbarSeparator,
-            [Bold, Italic, Underline],
-            TextColor,
-            ToolbarSeparator,
-            BackgroundColor,
-            ToolbarSeparator,
-            AlignHorizontally,
-            AlignVertically,
-            TextWrap,
-            ToolbarSeparator,
-            GridLines
-        ]
-    }, {
-        textKey: keys.insert,
-        tools: [
-            [AddColumnLeft, AddColumnRight, AddRowBelow, AddRowAbove],
-            ToolbarSeparator,
-            [DeleteColumn, DeleteRow]
-        ]
-    }, {
-        textKey: keys.formatTab,
-        tools: [
-            Format,
-            [DecreaseDecimal, IncreaseDecimal]
-        ]
-    }
-];

package/dist/es/tools/export.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { SpreadsheetToolProps } from './utils';
-/**
- * The props of the ExcelExport tool component.
- */
-export interface ExcelExportProps extends SpreadsheetToolProps {
-}
-/**
- * The ExcelExport tool component.
- */
-export declare const ExcelExport: React.FunctionComponent<ExcelExportProps>;

package/dist/es/tools/export.js

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { Button } from '@progress/kendo-react-buttons';
-import { saveAs } from '@progress/kendo-file-saver';
-import { Workbook } from '@progress/kendo-ooxml';
-import { downloadIcon } from '@progress/kendo-svg-icons';
-/**
- * The ExcelExport tool component.
- */
-export const ExcelExport = props => {
-    const { spreadsheetRef } = props;
-    const onDownload = React.useCallback(() => {
-        if (spreadsheetRef.current) {
-            spreadsheetRef.current.saveAsExcel(Object.assign(Object.assign({}, spreadsheetRef.current.options.excel), { saveAs,
-                Workbook }));
-        }
-    }, []);
-    return (React.createElement(Button, { className: 'k-toolbar-button', title: 'Export...', icon: 'download', fillMode: "flat", svgIcon: downloadIcon, onClick: onDownload }));
-};
-ExcelExport.displayName = 'ExcelExport';

package/dist/es/tools/fontFamily.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { DropDownToolProps } from './utils';
-/**
- * The props of the FontFamily tool component.
- */
-export interface FontFamilyProps extends DropDownToolProps {
-}
-/**
- * The FontFamily tool component.
- */
-export declare const FontFamily: React.FunctionComponent<FontFamilyProps>;

package/dist/es/tools/fontFamily.js

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { DropDownList } from '@progress/kendo-react-dropdowns';
-import { DEFAULT_FONT_FAMILY, FONT_FAMILIES } from './utils';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { keys, messages } from '../messages';
-/**
- * The FontFamily tool component.
- */
-export const FontFamily = props => {
-    const { spreadsheetRef, value } = props;
-    const onChange = React.useCallback((event) => {
-        if (spreadsheetRef.current) {
-            const options = {
-                command: 'PropertyChangeCommand', options: { property: 'fontFamily', value: event.value || null }
-            };
-            spreadsheetRef.current.executeCommand(options);
-        }
-    }, []);
-    return (React.createElement(DropDownList, { onChange: onChange, value: value, data: FONT_FAMILIES, defaultValue: DEFAULT_FONT_FAMILY, fillMode: "flat", title: useLocalization().toLanguageString(keys.fontName, messages[keys.fontName]), leftRightKeysNavigation: false }));
-};
-FontFamily.displayName = 'FontFamily';

package/dist/es/tools/fontSize.js

@@ -1,82 +0,0 @@
-import * as React from 'react';
-import { ComboBox } from '@progress/kendo-react-dropdowns';
-import { DEFAULT_FONT_SIZE, FONT_SIZES } from './utils';
-import { keys, messages } from '../messages';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { Button } from '@progress/kendo-react-buttons';
-import { fontGrowIcon, fontShrinkIcon } from '@progress/kendo-svg-icons';
-const minFontSize = 1;
-const maxFontSize = 409;
-const toNumber = (value) => {
-    return typeof value === 'string' ? parseFloat(value) : value;
-};
-/**
- * The FontSize tool component.
- */
-export const FontSize = props => {
-    const { spreadsheetRef } = props;
-    const value = toNumber(props.value);
-    const onChange = React.useCallback((event) => {
-        var _a;
-        let nextValue = event.value ? toNumber(event.value) : value;
-        nextValue = isNaN(nextValue) ? value : nextValue;
-        nextValue = Math.min(maxFontSize, Math.max(minFontSize, nextValue));
-        const options = {
-            command: 'PropertyChangeCommand', options: { property: 'fontSize', value: nextValue }
-        };
-        if (event.nativeEvent.type === 'keydown' || event.nativeEvent.type === 'focusout') {
-            (_a = spreadsheetRef.current) === null || _a === void 0 ? void 0 : _a.executeCommand(options);
-        }
-        else {
-            setTimeout(() => {
-                var _a;
-                (_a = spreadsheetRef.current) === null || _a === void 0 ? void 0 : _a.executeCommand(options);
-            }, 0);
-        }
-    }, [value]);
-    return (React.createElement(ComboBox, { onChange: onChange, value: value, data: FONT_SIZES, defaultValue: DEFAULT_FONT_SIZE, allowCustom: true, fillMode: "flat", title: useLocalization().toLanguageString(keys.fontSize, messages[keys.fontSize]), tabIndex: -1, clearButton: false }));
-};
-FontSize.displayName = 'FontSize';
-/**
- * @hidden
- */
-const fontSizeChangeTool = (settings) => {
-    const tool = props => {
-        const { property, icon, svgIcon, titleKey, step } = settings;
-        const { spreadsheetRef } = props;
-        const value = toNumber(props.value);
-        const onClick = React.useCallback(() => {
-            var _a;
-            const options = {
-                command: 'PropertyChangeCommand',
-                options: { property, value: Math.min(maxFontSize, Math.max(minFontSize, value + step)) }
-            };
-            (_a = spreadsheetRef.current) === null || _a === void 0 ? void 0 : _a.executeCommand(options);
-        }, [value]);
-        return (React.createElement(Button, { type: "button", icon: icon, svgIcon: svgIcon, fillMode: "flat", onClick: onClick, disabled: value + step < minFontSize || value + step > maxFontSize, title: useLocalization().toLanguageString(titleKey, messages[titleKey]) }));
-    };
-    tool.displayName = settings.displayName;
-    return tool;
-};
-/**
- * The IncreaseFontSize tool component.
- */
-export const IncreaseFontSize = fontSizeChangeTool({
-    property: 'fontSize',
-    icon: 'font-grow',
-    svgIcon: fontGrowIcon,
-    titleKey: keys.fontSizeIncrease,
-    displayName: 'IncreaseFontSize',
-    step: 1
-});
-/**
- * The DecreaseFontSize tool component.
- */
-export const DecreaseFontSize = fontSizeChangeTool({
-    property: 'fontSize',
-    icon: 'font-shrink',
-    svgIcon: fontShrinkIcon,
-    titleKey: keys.fontSizeDecrease,
-    displayName: 'DecreaseFontSize',
-    step: -1
-});

package/dist/es/tools/format.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { SpreadsheetToolProps } from './utils';
-/**
- * The props of the Format tool component.
- */
-export interface FormatProps extends SpreadsheetToolProps {
-}
-/**
- * The Format tool component.
- */
-export declare const Format: React.FunctionComponent<FormatProps>;

package/dist/es/tools/format.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { DropDownButton } from '@progress/kendo-react-buttons';
-import { customFormatIcon } from '@progress/kendo-svg-icons';
-import { FORMATS } from './utils';
-import { IconWrap } from '@progress/kendo-react-common';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { keys, messages } from '../messages';
-/**
- * The Format tool component.
- */
-export const Format = props => {
-    const { spreadsheetRef } = props;
-    const onChange = React.useCallback((event) => {
-        const value = event.item.value || null;
-        setTimeout(() => {
-            if (spreadsheetRef.current) {
-                const options = {
-                    command: 'PropertyChangeCommand', options: { property: 'format', value }
-                };
-                spreadsheetRef.current.executeCommand(options);
-            }
-        }, 0);
-    }, []);
-    return (React.createElement(DropDownButton, { icon: 'custom-format', svgIcon: customFormatIcon, fillMode: "flat", onItemClick: onChange, items: FORMATS, title: useLocalization().toLanguageString(keys.format, messages[keys.format]), text: React.createElement(IconWrap, { name: "caret-alt-down" }) }));
-};
-Format.displayName = 'Format';

package/dist/es/tools/gridLines.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { Button } from '@progress/kendo-react-buttons';
-import { bordersNoneIcon } from '@progress/kendo-svg-icons';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { keys, messages } from '../messages';
-/**
- * The GridLines tool component.
- */
-export const GridLines = props => {
-    const { value: selected, spreadsheetRef } = props;
-    const onClick = React.useCallback(() => {
-        if (spreadsheetRef.current) {
-            const sheet = spreadsheetRef.current.activeSheet();
-            if (sheet) {
-                const value = !sheet.showGridLines();
-                const options = {
-                    command: 'GridLinesChangeCommand', options: { property: 'gridLines', value }
-                };
-                spreadsheetRef.current.executeCommand(options);
-            }
-        }
-    }, []);
-    return (React.createElement(Button, { type: 'button', togglable: true, icon: 'borders-none', svgIcon: bordersNoneIcon, fillMode: "flat", title: useLocalization().toLanguageString(keys.gridLines, messages[keys.gridLines]), onClick: onClick, selected: selected }));
-};
-GridLines.displayName = 'GridLines';

package/dist/es/tools/index.js

@@ -1,18 +0,0 @@
-export * from './align';
-export * from './backgroundColor';
-export * from './bold';
-export * from './defaultTools';
-export * from './export';
-export * from './fontFamily';
-export * from './fontSize';
-export * from './cleanFormat';
-export * from './format';
-export * from './gridLines';
-export * from './italic';
-export * from './open';
-export * from './redo';
-export * from './tableTools';
-export * from './textColor';
-export * from './textWrap';
-export * from './underline';
-export * from './undo';

package/dist/es/tools/italic.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { PropertyChangeToolProps } from './utils';
-/**
- * The props of the Italic tool component.
- */
-export interface ItalicProps extends PropertyChangeToolProps {
-}
-/**
- * The Italic tool component.
- */
-export declare const Italic: React.FunctionComponent<ItalicProps>;

package/dist/es/tools/italic.js

@@ -1,9 +0,0 @@
-import { italicIcon } from '@progress/kendo-svg-icons';
-import { PropertyChangeTool } from './utils';
-import { keys } from '../messages';
-const italicSettings = { property: 'italic', icon: 'italic', svgIcon: italicIcon, titleKey: keys.italic };
-/**
- * The Italic tool component.
- */
-export const Italic = PropertyChangeTool(italicSettings);
-Italic.displayName = 'Italic';

package/dist/es/tools/open.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { SpreadsheetToolProps } from './utils';
-/**
- * The props of the Open tool component.
- */
-export interface OpenProps extends SpreadsheetToolProps {
-}
-/**
- * The Open tool component.
- */
-export declare const Open: React.FunctionComponent<OpenProps>;

package/dist/es/tools/open.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { Button } from '@progress/kendo-react-buttons';
-import { Upload } from '@progress/kendo-react-upload';
-import { folderOpenIcon } from '@progress/kendo-svg-icons';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { keys, messages } from '../messages';
-/**
- * The Open tool component.
- */
-export const Open = props => {
-    const { spreadsheetRef } = props;
-    const onFileOpen = React.useCallback((event) => {
-        const targetEl = event.target;
-        if (targetEl instanceof Element && targetEl.parentNode) {
-            const toolbarEl = targetEl.closest('.k-toolbar');
-            const input = toolbarEl && toolbarEl.querySelector('.k-upload input');
-            if (input) {
-                input.click();
-            }
-        }
-    }, []);
-    const onAdd = React.useCallback((event) => {
-        const fileInfo = event.newState;
-        if (fileInfo[0] && fileInfo[0].getRawFile) {
-            const file = fileInfo[0].getRawFile();
-            if (spreadsheetRef.current) {
-                spreadsheetRef.current.executeCommand({ command: 'OpenCommand', options: { file } });
-            }
-        }
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { className: 'k-toolbar-button', title: useLocalization().toLanguageString(keys.open, messages[keys.open]), icon: 'folder-open', svgIcon: folderOpenIcon, fillMode: "flat", onClick: onFileOpen }),
-        React.createElement("div", { style: { display: 'none' } },
-            React.createElement(Upload, { restrictions: { allowedExtensions: ['.xlsx'] }, onAdd: onAdd, autoUpload: false, defaultFiles: [], multiple: false, accept: ".xlsx,.XLSX", withCredentials: false }))));
-};
-Open.displayName = 'Open';

package/dist/es/tools/redo.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { SpreadsheetToolProps } from './utils';
-/**
- * The props of the Redo tool component.
- */
-export interface RedoProps extends SpreadsheetToolProps {
-}
-/**
- * The Redo tool component.
- */
-export declare const Redo: React.FunctionComponent<RedoProps>;

package/dist/es/tools/redo.js

@@ -1,9 +0,0 @@
-import { arrowRotateCwIcon } from '@progress/kendo-svg-icons';
-import { UndoRedo } from './utils';
-import { keys } from '../messages';
-const redoSettings = { action: 'redo', icon: 'reload', svgIcon: arrowRotateCwIcon, titleKey: keys.redo };
-/**
- * The Redo tool component.
- */
-export const Redo = UndoRedo(redoSettings);
-Redo.displayName = 'Redo';