@progress/kendo-react-spreadsheet 5.14.0-dev.202305311028 → 5.14.0-dev.202305312206
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-react-spreadsheet.js +1 -1
- package/dist/es/Spreadsheet.d.ts +6 -0
- package/dist/es/Spreadsheet.js +6 -0
- package/dist/es/SpreadsheetProps.d.ts +49 -4
- package/dist/es/SpreadsheetProps.js +2 -4
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tools/align.d.ts +9 -0
- package/dist/es/tools/align.js +3 -0
- package/dist/es/tools/backgroundColor.d.ts +6 -0
- package/dist/es/tools/backgroundColor.js +3 -0
- package/dist/es/tools/bold.d.ts +6 -0
- package/dist/es/tools/bold.js +3 -0
- package/dist/es/tools/defaultTools.d.ts +3 -0
- package/dist/es/tools/defaultTools.js +3 -0
- package/dist/es/tools/export.d.ts +6 -0
- package/dist/es/tools/export.js +3 -0
- package/dist/es/tools/fontFamily.d.ts +6 -0
- package/dist/es/tools/fontFamily.js +3 -0
- package/dist/es/tools/fontSize.d.ts +6 -0
- package/dist/es/tools/fontSize.js +3 -0
- package/dist/es/tools/format.d.ts +6 -0
- package/dist/es/tools/format.js +3 -0
- package/dist/es/tools/gridLines.d.ts +9 -0
- package/dist/es/tools/gridLines.js +3 -0
- package/dist/es/tools/italic.d.ts +6 -0
- package/dist/es/tools/italic.js +3 -0
- package/dist/es/tools/open.d.ts +6 -0
- package/dist/es/tools/open.js +3 -0
- package/dist/es/tools/redo.d.ts +6 -0
- package/dist/es/tools/redo.js +3 -0
- package/dist/es/tools/tableTools.d.ts +36 -0
- package/dist/es/tools/tableTools.js +18 -0
- package/dist/es/tools/textColor.d.ts +6 -0
- package/dist/es/tools/textColor.js +3 -0
- package/dist/es/tools/textWrap.d.ts +9 -0
- package/dist/es/tools/textWrap.js +3 -0
- package/dist/es/tools/underline.d.ts +6 -0
- package/dist/es/tools/underline.js +3 -0
- package/dist/es/tools/undo.d.ts +6 -0
- package/dist/es/tools/undo.js +3 -0
- package/dist/es/tools/utils.d.ts +15 -0
- package/dist/npm/Spreadsheet.d.ts +6 -0
- package/dist/npm/Spreadsheet.js +6 -0
- package/dist/npm/SpreadsheetProps.d.ts +49 -4
- package/dist/npm/SpreadsheetProps.js +1 -3
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tools/align.d.ts +9 -0
- package/dist/npm/tools/align.js +3 -0
- package/dist/npm/tools/backgroundColor.d.ts +6 -0
- package/dist/npm/tools/backgroundColor.js +3 -0
- package/dist/npm/tools/bold.d.ts +6 -0
- package/dist/npm/tools/bold.js +3 -0
- package/dist/npm/tools/defaultTools.d.ts +3 -0
- package/dist/npm/tools/defaultTools.js +3 -0
- package/dist/npm/tools/export.d.ts +6 -0
- package/dist/npm/tools/export.js +3 -0
- package/dist/npm/tools/fontFamily.d.ts +6 -0
- package/dist/npm/tools/fontFamily.js +3 -0
- package/dist/npm/tools/fontSize.d.ts +6 -0
- package/dist/npm/tools/fontSize.js +3 -0
- package/dist/npm/tools/format.d.ts +6 -0
- package/dist/npm/tools/format.js +3 -0
- package/dist/npm/tools/gridLines.d.ts +9 -0
- package/dist/npm/tools/gridLines.js +3 -0
- package/dist/npm/tools/italic.d.ts +6 -0
- package/dist/npm/tools/italic.js +3 -0
- package/dist/npm/tools/open.d.ts +6 -0
- package/dist/npm/tools/open.js +3 -0
- package/dist/npm/tools/redo.d.ts +6 -0
- package/dist/npm/tools/redo.js +3 -0
- package/dist/npm/tools/tableTools.d.ts +36 -0
- package/dist/npm/tools/tableTools.js +18 -0
- package/dist/npm/tools/textColor.d.ts +6 -0
- package/dist/npm/tools/textColor.js +3 -0
- package/dist/npm/tools/textWrap.d.ts +9 -0
- package/dist/npm/tools/textWrap.js +3 -0
- package/dist/npm/tools/underline.d.ts +6 -0
- package/dist/npm/tools/underline.js +3 -0
- package/dist/npm/tools/undo.d.ts +6 -0
- package/dist/npm/tools/undo.js +3 -0
- package/dist/npm/tools/utils.d.ts +15 -0
- package/dist/systemjs/kendo-react-spreadsheet.js +1 -1
- package/package.json +11 -11
package/dist/es/tools/utils.d.ts
CHANGED
|
@@ -28,19 +28,31 @@ export declare const FORMATS: ({
|
|
|
28
28
|
text: string;
|
|
29
29
|
value: string;
|
|
30
30
|
})[];
|
|
31
|
+
/**
|
|
32
|
+
* The base props interface of the Spreadsheet tool component.
|
|
33
|
+
*/
|
|
31
34
|
export interface SpreadsheetToolProps {
|
|
35
|
+
/**
|
|
36
|
+
* The `React.RefObject` object of the SpreadsheetWidget, holding the core functionality of the Spreadsheet.
|
|
37
|
+
*/
|
|
32
38
|
spreadsheetRef: React.RefObject<SpreadsheetWidget>;
|
|
33
39
|
}
|
|
34
40
|
/**
|
|
35
41
|
* @hidden
|
|
36
42
|
*/
|
|
37
43
|
export interface PropertyChangeToolProps extends SpreadsheetToolProps {
|
|
44
|
+
/**
|
|
45
|
+
* The selected state of the tool.
|
|
46
|
+
*/
|
|
38
47
|
value?: boolean;
|
|
39
48
|
}
|
|
40
49
|
/**
|
|
41
50
|
* @hidden
|
|
42
51
|
*/
|
|
43
52
|
export interface DropDownToolProps extends SpreadsheetToolProps {
|
|
53
|
+
/**
|
|
54
|
+
* The value of the tool.
|
|
55
|
+
*/
|
|
44
56
|
value?: any;
|
|
45
57
|
}
|
|
46
58
|
/**
|
|
@@ -56,6 +68,9 @@ export declare const PropertyChangeTool: <Props extends PropertyChangeToolProps>
|
|
|
56
68
|
* @hidden
|
|
57
69
|
*/
|
|
58
70
|
export interface ColorToolProps extends SpreadsheetToolProps {
|
|
71
|
+
/**
|
|
72
|
+
* The value of the tool.
|
|
73
|
+
*/
|
|
59
74
|
value?: string;
|
|
60
75
|
}
|
|
61
76
|
/**
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpreadsheetProps, SpreadsheetHandle } from './SpreadsheetProps';
|
|
3
|
+
/**
|
|
4
|
+
* Represents the [KendoReact Spreadsheet component]({% slug overview_spreadsheet %}).
|
|
5
|
+
*
|
|
6
|
+
* Accepts properties of type [SpreadsheetProps]({% slug api_spreadsheet_spreadsheetprops %}).
|
|
7
|
+
* Obtaining the `ref` returns an object of type [SpreadsheetHandle]({% slug api_spreadsheet_spreadsheethandle %}).
|
|
8
|
+
*/
|
|
3
9
|
export declare const Spreadsheet: React.ForwardRefExoticComponent<SpreadsheetProps & React.RefAttributes<SpreadsheetHandle | null>>;
|
package/dist/npm/Spreadsheet.js
CHANGED
|
@@ -42,6 +42,12 @@ const toolbarButtons = [
|
|
|
42
42
|
'.k-combobox',
|
|
43
43
|
'.k-colorpicker'
|
|
44
44
|
];
|
|
45
|
+
/**
|
|
46
|
+
* Represents the [KendoReact Spreadsheet component]({% slug overview_spreadsheet %}).
|
|
47
|
+
*
|
|
48
|
+
* Accepts properties of type [SpreadsheetProps]({% slug api_spreadsheet_spreadsheetprops %}).
|
|
49
|
+
* Obtaining the `ref` returns an object of type [SpreadsheetHandle]({% slug api_spreadsheet_spreadsheethandle %}).
|
|
50
|
+
*/
|
|
45
51
|
exports.Spreadsheet = React.forwardRef((props, ref) => {
|
|
46
52
|
(0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
47
53
|
const { toolbar = defaultTools_1.defaultTabs } = props;
|
|
@@ -1,25 +1,32 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Workbook as OoxmlWorkbook } from '@progress/kendo-ooxml';
|
|
3
|
-
import { SpreadsheetOptions as SpreadsheetOpts,
|
|
4
|
-
export declare class SpreadsheetWidget extends Spreadsheet {
|
|
5
|
-
}
|
|
3
|
+
import { SpreadsheetOptions as SpreadsheetOpts, SpreadsheetWidget, Range, DocumentDescriptor, View, Sheet, ExcelExportSettings, SheetDescriptor, Workbook } from '@progress/kendo-spreadsheet-common';
|
|
6
4
|
export interface SpreadsheetOptions extends Omit<SpreadsheetOpts, 'formulaBarInputRef' | 'formulaCellInputRef' | 'nameBoxRef' | 'locale'> {
|
|
7
5
|
}
|
|
8
|
-
export { DocumentDescriptor, View, Workbook, Sheet, SheetDescriptor, ExcelExportSettings };
|
|
6
|
+
export { SpreadsheetWidget, DocumentDescriptor, View, Workbook, Sheet, SheetDescriptor, ExcelExportSettings };
|
|
9
7
|
interface SpreadsheetEvent {
|
|
10
8
|
/**
|
|
11
9
|
* The widget instance which fired the event.
|
|
12
10
|
*/
|
|
13
11
|
sender: SpreadsheetWidget;
|
|
14
12
|
}
|
|
13
|
+
/**
|
|
14
|
+
* Represents the `SpreadsheetSelectEvent` object.
|
|
15
|
+
*/
|
|
15
16
|
export interface SpreadsheetSelectEvent extends SpreadsheetEvent {
|
|
16
17
|
/**
|
|
17
18
|
* The Range that is selected.
|
|
18
19
|
*/
|
|
19
20
|
range: Range;
|
|
20
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* Represents the `SpreadsheetChangeEvent` object.
|
|
24
|
+
*/
|
|
21
25
|
export interface SpreadsheetChangeEvent extends SpreadsheetEvent, SpreadsheetSelectEvent {
|
|
22
26
|
}
|
|
27
|
+
/**
|
|
28
|
+
* Represents the `SpreadsheetExcelImportEvent` object.
|
|
29
|
+
*/
|
|
23
30
|
export interface SpreadsheetExcelImportEvent extends SpreadsheetEvent {
|
|
24
31
|
/**
|
|
25
32
|
* The file that is being imported.
|
|
@@ -30,6 +37,9 @@ export interface SpreadsheetExcelImportEvent extends SpreadsheetEvent {
|
|
|
30
37
|
*/
|
|
31
38
|
preventDefault: Function;
|
|
32
39
|
}
|
|
40
|
+
/**
|
|
41
|
+
* Represents the `SpreadsheetExcelExportEvent` object.
|
|
42
|
+
*/
|
|
33
43
|
export interface SpreadsheetExcelExportEvent extends SpreadsheetEvent {
|
|
34
44
|
/**
|
|
35
45
|
* The array of data items that is used to create the Excel workbook.
|
|
@@ -45,10 +55,25 @@ export interface SpreadsheetExcelExportEvent extends SpreadsheetEvent {
|
|
|
45
55
|
*/
|
|
46
56
|
preventDefault: Function;
|
|
47
57
|
}
|
|
58
|
+
/**
|
|
59
|
+
* Represents the Spreadsheet tab configuration object.
|
|
60
|
+
*/
|
|
48
61
|
export interface SpreadsheetTab {
|
|
62
|
+
/**
|
|
63
|
+
* The text of the tab.
|
|
64
|
+
*/
|
|
49
65
|
text?: string;
|
|
66
|
+
/**
|
|
67
|
+
* The localization key of the tab's text.
|
|
68
|
+
*/
|
|
50
69
|
textKey?: string;
|
|
70
|
+
/**
|
|
71
|
+
* Indicates if the tab to be selected initially.
|
|
72
|
+
*/
|
|
51
73
|
selected?: boolean;
|
|
74
|
+
/**
|
|
75
|
+
* The toolbar configuration in the tab content.
|
|
76
|
+
*/
|
|
52
77
|
tools: (React.ComponentType<any> | React.ComponentType<any>[])[];
|
|
53
78
|
}
|
|
54
79
|
export interface SpreadsheetProps {
|
|
@@ -56,6 +81,9 @@ export interface SpreadsheetProps {
|
|
|
56
81
|
* Sets additional classes to the Spreadsheet.
|
|
57
82
|
*/
|
|
58
83
|
className?: string;
|
|
84
|
+
/**
|
|
85
|
+
* Represents the default props of the Spreadsheet.
|
|
86
|
+
*/
|
|
59
87
|
defaultProps?: SpreadsheetOptions;
|
|
60
88
|
/**
|
|
61
89
|
* A Boolean value which indicates if the toolbar will be displayed. It also allows to customize the tabs content
|
|
@@ -88,6 +116,9 @@ export interface SpreadsheetProps {
|
|
|
88
116
|
*/
|
|
89
117
|
onExcelExport?: (event: SpreadsheetExcelExportEvent) => void;
|
|
90
118
|
}
|
|
119
|
+
/**
|
|
120
|
+
* Represents the Spreadsheet handle object.
|
|
121
|
+
*/
|
|
91
122
|
export interface SpreadsheetHandle {
|
|
92
123
|
/**
|
|
93
124
|
* The current element or `null` if there is no one.
|
|
@@ -97,9 +128,23 @@ export interface SpreadsheetHandle {
|
|
|
97
128
|
* The props values of the Spreadsheet.
|
|
98
129
|
*/
|
|
99
130
|
props: SpreadsheetProps;
|
|
131
|
+
/**
|
|
132
|
+
* Represents the SpreadsheetWidget object, holding the core functionality of the Spreadsheet.
|
|
133
|
+
*/
|
|
100
134
|
instance: SpreadsheetWidget | null;
|
|
135
|
+
/**
|
|
136
|
+
* Returns the `View` object of the Spreadsheet.
|
|
137
|
+
*/
|
|
101
138
|
get view(): View;
|
|
139
|
+
/**
|
|
140
|
+
* Returns the `Workbook` object of the Spreadsheet.
|
|
141
|
+
*/
|
|
102
142
|
get workbook(): Workbook;
|
|
143
|
+
/**
|
|
144
|
+
* Executes the passed command against the selected cell/range.
|
|
145
|
+
*
|
|
146
|
+
* @param options An object containing the command name and the required by it options.
|
|
147
|
+
*/
|
|
103
148
|
executeCommand(options: any): void;
|
|
104
149
|
/**
|
|
105
150
|
* Loads the workbook data from an object with the format that is defined in the configuration.
|
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Sheet = exports.Workbook = exports.View = exports.SpreadsheetWidget = void 0;
|
|
4
4
|
const kendo_spreadsheet_common_1 = require("@progress/kendo-spreadsheet-common");
|
|
5
|
+
Object.defineProperty(exports, "SpreadsheetWidget", { enumerable: true, get: function () { return kendo_spreadsheet_common_1.SpreadsheetWidget; } });
|
|
5
6
|
Object.defineProperty(exports, "View", { enumerable: true, get: function () { return kendo_spreadsheet_common_1.View; } });
|
|
6
7
|
Object.defineProperty(exports, "Sheet", { enumerable: true, get: function () { return kendo_spreadsheet_common_1.Sheet; } });
|
|
7
8
|
Object.defineProperty(exports, "Workbook", { enumerable: true, get: function () { return kendo_spreadsheet_common_1.Workbook; } });
|
|
8
|
-
class SpreadsheetWidget extends kendo_spreadsheet_common_1.Spreadsheet {
|
|
9
|
-
}
|
|
10
|
-
exports.SpreadsheetWidget = SpreadsheetWidget;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-spreadsheet',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1685570053,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpreadsheetToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the Alignment tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface AlignmentProps extends SpreadsheetToolProps {
|
|
7
|
+
/**
|
|
8
|
+
* The value of the tool.
|
|
9
|
+
*/
|
|
4
10
|
value: {
|
|
5
11
|
textAlign?: string;
|
|
6
12
|
verticalAlign?: string;
|
|
7
13
|
};
|
|
8
14
|
}
|
|
15
|
+
/**
|
|
16
|
+
* The Alignment tool component.
|
|
17
|
+
*/
|
|
9
18
|
export declare const Alignment: React.FunctionComponent<AlignmentProps>;
|
package/dist/npm/tools/align.js
CHANGED
|
@@ -16,6 +16,9 @@ const alignItems = [
|
|
|
16
16
|
{ icon: 'align-middle', svgIcon: kendo_svg_icons_1.alignMiddleIcon, textKey: messages_1.keys.alignMiddle, commandName: 'verticalAlign', value: 'center' },
|
|
17
17
|
{ icon: 'align-bottom', svgIcon: kendo_svg_icons_1.alignBottomIcon, textKey: messages_1.keys.alignBottom, commandName: 'verticalAlign', value: 'bottom' }
|
|
18
18
|
];
|
|
19
|
+
/**
|
|
20
|
+
* The Alignment tool component.
|
|
21
|
+
*/
|
|
19
22
|
const Alignment = props => {
|
|
20
23
|
const { value, spreadsheetRef } = props;
|
|
21
24
|
const { textAlign, verticalAlign } = value || {};
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ColorToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the BackgroundColor tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface BackgroundColorProps extends ColorToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The BackgroundColor tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const BackgroundColor: React.FunctionComponent<BackgroundColorProps>;
|
|
@@ -4,6 +4,9 @@ exports.BackgroundColor = void 0;
|
|
|
4
4
|
const messages_1 = require("../messages");
|
|
5
5
|
const utils_1 = require("./utils");
|
|
6
6
|
const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
7
|
+
/**
|
|
8
|
+
* The BackgroundColor tool component.
|
|
9
|
+
*/
|
|
7
10
|
exports.BackgroundColor = (0, utils_1.ColorTool)({
|
|
8
11
|
icon: 'droplet',
|
|
9
12
|
svgIcon: kendo_svg_icons_1.dropletIcon,
|
package/dist/npm/tools/bold.d.ts
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PropertyChangeToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the Bold tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface BoldProps extends PropertyChangeToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The Bold tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const Bold: React.FunctionComponent<BoldProps>;
|
package/dist/npm/tools/bold.js
CHANGED
|
@@ -5,5 +5,8 @@ const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
|
5
5
|
const utils_1 = require("./utils");
|
|
6
6
|
const messages_1 = require("../messages");
|
|
7
7
|
const boldSettings = { property: 'bold', icon: 'bold', svgIcon: kendo_svg_icons_1.boldIcon, titleKey: messages_1.keys.bold };
|
|
8
|
+
/**
|
|
9
|
+
* The Bold tool component.
|
|
10
|
+
*/
|
|
8
11
|
exports.Bold = (0, utils_1.PropertyChangeTool)(boldSettings);
|
|
9
12
|
exports.Bold.displayName = 'Bold';
|
|
@@ -19,6 +19,9 @@ const tableTools_1 = require("./tableTools");
|
|
|
19
19
|
const messages_1 = require("../messages");
|
|
20
20
|
const undo_1 = require("./undo");
|
|
21
21
|
const redo_1 = require("./redo");
|
|
22
|
+
/**
|
|
23
|
+
* The default toolbar configuration.
|
|
24
|
+
*/
|
|
22
25
|
exports.defaultTabs = [
|
|
23
26
|
{
|
|
24
27
|
textKey: messages_1.keys.file,
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpreadsheetToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the ExcelExport tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface ExcelExportProps extends SpreadsheetToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The ExcelExport tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const ExcelExport: React.FunctionComponent<ExcelExportProps>;
|
package/dist/npm/tools/export.js
CHANGED
|
@@ -6,6 +6,9 @@ const kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
|
6
6
|
const kendo_file_saver_1 = require("@progress/kendo-file-saver");
|
|
7
7
|
const kendo_ooxml_1 = require("@progress/kendo-ooxml");
|
|
8
8
|
const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
9
|
+
/**
|
|
10
|
+
* The ExcelExport tool component.
|
|
11
|
+
*/
|
|
9
12
|
const ExcelExport = props => {
|
|
10
13
|
const { spreadsheetRef } = props;
|
|
11
14
|
const onDownload = React.useCallback(() => {
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DropDownToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the FontFamily tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface FontFamilyProps extends DropDownToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The FontFamily tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const FontFamily: React.FunctionComponent<FontFamilyProps>;
|
|
@@ -6,6 +6,9 @@ const kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
|
|
|
6
6
|
const utils_1 = require("./utils");
|
|
7
7
|
const kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
8
8
|
const messages_1 = require("../messages");
|
|
9
|
+
/**
|
|
10
|
+
* The FontFamily tool component.
|
|
11
|
+
*/
|
|
9
12
|
const FontFamily = props => {
|
|
10
13
|
const { spreadsheetRef, value } = props;
|
|
11
14
|
const onChange = React.useCallback((event) => {
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DropDownToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the FontSize tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface FontSizeProps extends DropDownToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The FontSize tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const FontSize: React.FunctionComponent<FontSizeProps>;
|
|
@@ -6,6 +6,9 @@ const kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
|
|
|
6
6
|
const utils_1 = require("./utils");
|
|
7
7
|
const messages_1 = require("../messages");
|
|
8
8
|
const kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
9
|
+
/**
|
|
10
|
+
* The FontSize tool component.
|
|
11
|
+
*/
|
|
9
12
|
const FontSize = props => {
|
|
10
13
|
const { spreadsheetRef, value } = props;
|
|
11
14
|
const onChange = React.useCallback((event) => {
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpreadsheetToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the Format tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface FormatProps extends SpreadsheetToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The Format tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const Format: React.FunctionComponent<FormatProps>;
|
package/dist/npm/tools/format.js
CHANGED
|
@@ -8,6 +8,9 @@ const utils_1 = require("./utils");
|
|
|
8
8
|
const kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
9
9
|
const kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
10
10
|
const messages_1 = require("../messages");
|
|
11
|
+
/**
|
|
12
|
+
* The Format tool component.
|
|
13
|
+
*/
|
|
11
14
|
const Format = props => {
|
|
12
15
|
const { spreadsheetRef } = props;
|
|
13
16
|
const onChange = React.useCallback((event) => {
|
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpreadsheetToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the GridLines tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface GridLinesProps extends SpreadsheetToolProps {
|
|
7
|
+
/**
|
|
8
|
+
* The selected state of the tool.
|
|
9
|
+
*/
|
|
4
10
|
value?: boolean;
|
|
5
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* The GridLines tool component.
|
|
14
|
+
*/
|
|
6
15
|
export declare const GridLines: React.FunctionComponent<GridLinesProps>;
|
|
@@ -6,6 +6,9 @@ const kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
|
6
6
|
const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
7
7
|
const kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
8
8
|
const messages_1 = require("../messages");
|
|
9
|
+
/**
|
|
10
|
+
* The GridLines tool component.
|
|
11
|
+
*/
|
|
9
12
|
const GridLines = props => {
|
|
10
13
|
const { value: selected, spreadsheetRef } = props;
|
|
11
14
|
const onClick = React.useCallback(() => {
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PropertyChangeToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the Italic tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface ItalicProps extends PropertyChangeToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The Italic tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const Italic: React.FunctionComponent<ItalicProps>;
|
package/dist/npm/tools/italic.js
CHANGED
|
@@ -5,5 +5,8 @@ const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
|
5
5
|
const utils_1 = require("./utils");
|
|
6
6
|
const messages_1 = require("../messages");
|
|
7
7
|
const italicSettings = { property: 'italic', icon: 'italic', svgIcon: kendo_svg_icons_1.italicIcon, titleKey: messages_1.keys.italic };
|
|
8
|
+
/**
|
|
9
|
+
* The Italic tool component.
|
|
10
|
+
*/
|
|
8
11
|
exports.Italic = (0, utils_1.PropertyChangeTool)(italicSettings);
|
|
9
12
|
exports.Italic.displayName = 'Italic';
|
package/dist/npm/tools/open.d.ts
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpreadsheetToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the Open tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface OpenProps extends SpreadsheetToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The Open tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const Open: React.FunctionComponent<OpenProps>;
|
package/dist/npm/tools/open.js
CHANGED
|
@@ -7,6 +7,9 @@ const kendo_react_upload_1 = require("@progress/kendo-react-upload");
|
|
|
7
7
|
const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
8
8
|
const kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
9
9
|
const messages_1 = require("../messages");
|
|
10
|
+
/**
|
|
11
|
+
* The Open tool component.
|
|
12
|
+
*/
|
|
10
13
|
const Open = props => {
|
|
11
14
|
const { spreadsheetRef } = props;
|
|
12
15
|
const onFileOpen = React.useCallback((event) => {
|
package/dist/npm/tools/redo.d.ts
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SpreadsheetToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the Redo tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface RedoProps extends SpreadsheetToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The Redo tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const Redo: React.FunctionComponent<RedoProps>;
|
package/dist/npm/tools/redo.js
CHANGED
|
@@ -5,5 +5,8 @@ const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
|
5
5
|
const utils_1 = require("./utils");
|
|
6
6
|
const messages_1 = require("../messages");
|
|
7
7
|
const redoSettings = { action: 'redo', icon: 'reload', svgIcon: kendo_svg_icons_1.arrowRotateCwIcon, titleKey: messages_1.keys.redo };
|
|
8
|
+
/**
|
|
9
|
+
* The Redo tool component.
|
|
10
|
+
*/
|
|
8
11
|
exports.Redo = (0, utils_1.UndoRedo)(redoSettings);
|
|
9
12
|
exports.Redo.displayName = 'Redo';
|
|
@@ -1,20 +1,56 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpreadsheetToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the AddColumnLeft tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface AddColumnLeftProps extends SpreadsheetToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The props of the AddColumnRight tool component.
|
|
10
|
+
*/
|
|
5
11
|
export interface AddColumnRightProps extends SpreadsheetToolProps {
|
|
6
12
|
}
|
|
13
|
+
/**
|
|
14
|
+
* The props of the AddRowBelow tool component.
|
|
15
|
+
*/
|
|
7
16
|
export interface AddRowBelowProps extends SpreadsheetToolProps {
|
|
8
17
|
}
|
|
18
|
+
/**
|
|
19
|
+
* The props of the AddRowAbove tool component.
|
|
20
|
+
*/
|
|
9
21
|
export interface AddRowAboveProps extends SpreadsheetToolProps {
|
|
10
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* The props of the DeleteColumn tool component.
|
|
25
|
+
*/
|
|
11
26
|
export interface DeleteColumnProps extends SpreadsheetToolProps {
|
|
12
27
|
}
|
|
28
|
+
/**
|
|
29
|
+
* The props of the DeleteRow tool component.
|
|
30
|
+
*/
|
|
13
31
|
export interface DeleteRowProps extends SpreadsheetToolProps {
|
|
14
32
|
}
|
|
33
|
+
/**
|
|
34
|
+
* The AddColumnLeft tool component.
|
|
35
|
+
*/
|
|
15
36
|
export declare const AddColumnLeft: React.FunctionComponent<AddColumnLeftProps>;
|
|
37
|
+
/**
|
|
38
|
+
* The AddColumnRight tool component.
|
|
39
|
+
*/
|
|
16
40
|
export declare const AddColumnRight: React.FunctionComponent<AddColumnRightProps>;
|
|
41
|
+
/**
|
|
42
|
+
* The AddRowBelow tool component.
|
|
43
|
+
*/
|
|
17
44
|
export declare const AddRowBelow: React.FunctionComponent<AddRowBelowProps>;
|
|
45
|
+
/**
|
|
46
|
+
* The AddRowAbove tool component.
|
|
47
|
+
*/
|
|
18
48
|
export declare const AddRowAbove: React.FunctionComponent<AddRowAboveProps>;
|
|
49
|
+
/**
|
|
50
|
+
* The DeleteColumn tool component.
|
|
51
|
+
*/
|
|
19
52
|
export declare const DeleteColumn: React.FunctionComponent<DeleteColumnProps>;
|
|
53
|
+
/**
|
|
54
|
+
* The DeleteRow tool component.
|
|
55
|
+
*/
|
|
20
56
|
export declare const DeleteRow: React.FunctionComponent<DeleteRowProps>;
|
|
@@ -61,11 +61,29 @@ const deleteRow = {
|
|
|
61
61
|
svgIcon: kendo_svg_icons_1.tableRowDeleteIcon,
|
|
62
62
|
titleKey: messages_1.keys.deleteRow
|
|
63
63
|
};
|
|
64
|
+
/**
|
|
65
|
+
* The AddColumnLeft tool component.
|
|
66
|
+
*/
|
|
64
67
|
exports.AddColumnLeft = TableDataTool(addColumnLeft);
|
|
68
|
+
/**
|
|
69
|
+
* The AddColumnRight tool component.
|
|
70
|
+
*/
|
|
65
71
|
exports.AddColumnRight = TableDataTool(addColumnRight);
|
|
72
|
+
/**
|
|
73
|
+
* The AddRowBelow tool component.
|
|
74
|
+
*/
|
|
66
75
|
exports.AddRowBelow = TableDataTool(addRowBelow);
|
|
76
|
+
/**
|
|
77
|
+
* The AddRowAbove tool component.
|
|
78
|
+
*/
|
|
67
79
|
exports.AddRowAbove = TableDataTool(addRowAbove);
|
|
80
|
+
/**
|
|
81
|
+
* The DeleteColumn tool component.
|
|
82
|
+
*/
|
|
68
83
|
exports.DeleteColumn = TableDataTool(deleteColumn);
|
|
84
|
+
/**
|
|
85
|
+
* The DeleteRow tool component.
|
|
86
|
+
*/
|
|
69
87
|
exports.DeleteRow = TableDataTool(deleteRow);
|
|
70
88
|
exports.AddColumnLeft.displayName = 'AddColumnLeft';
|
|
71
89
|
exports.AddColumnRight.displayName = 'AddColumnRight';
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ColorToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the TextColor tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface TextColorProps extends ColorToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The TextColor tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const TextColor: React.FunctionComponent<TextColorProps>;
|
|
@@ -4,6 +4,9 @@ exports.TextColor = void 0;
|
|
|
4
4
|
const messages_1 = require("../messages");
|
|
5
5
|
const utils_1 = require("./utils");
|
|
6
6
|
const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
7
|
+
/**
|
|
8
|
+
* The TextColor tool component.
|
|
9
|
+
*/
|
|
7
10
|
exports.TextColor = (0, utils_1.ColorTool)({
|
|
8
11
|
icon: 'foreground-color',
|
|
9
12
|
svgIcon: kendo_svg_icons_1.foregroundColorIcon,
|
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SpreadsheetToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the TextWrap tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface TextWrapProps extends SpreadsheetToolProps {
|
|
7
|
+
/**
|
|
8
|
+
* The selected state of the tool.
|
|
9
|
+
*/
|
|
4
10
|
value?: boolean;
|
|
5
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* The TextWrap tool component.
|
|
14
|
+
*/
|
|
6
15
|
export declare const TextWrap: React.FunctionComponent<TextWrapProps>;
|
|
@@ -6,6 +6,9 @@ const kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
|
6
6
|
const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
7
7
|
const kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
8
8
|
const messages_1 = require("../messages");
|
|
9
|
+
/**
|
|
10
|
+
* The TextWrap tool component.
|
|
11
|
+
*/
|
|
9
12
|
const TextWrap = props => {
|
|
10
13
|
const { value: selected, spreadsheetRef } = props;
|
|
11
14
|
const onClick = React.useCallback(() => {
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { PropertyChangeToolProps } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* The props of the Underline tool component.
|
|
5
|
+
*/
|
|
3
6
|
export interface UnderlineProps extends PropertyChangeToolProps {
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* The Underline tool component.
|
|
10
|
+
*/
|
|
5
11
|
export declare const Underline: React.FunctionComponent<UnderlineProps>;
|
|
@@ -5,5 +5,8 @@ const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
|
|
|
5
5
|
const utils_1 = require("./utils");
|
|
6
6
|
const messages_1 = require("../messages");
|
|
7
7
|
const underlineSettings = { property: 'underline', icon: 'underline', svgIcon: kendo_svg_icons_1.underlineIcon, titleKey: messages_1.keys.underline };
|
|
8
|
+
/**
|
|
9
|
+
* The Underline tool component.
|
|
10
|
+
*/
|
|
8
11
|
exports.Underline = (0, utils_1.PropertyChangeTool)(underlineSettings);
|
|
9
12
|
exports.Underline.displayName = 'Underline';
|