@progress/kendo-react-spreadsheet 5.14.0-dev.202305151331

package/dist/npm/Spreadsheet.js

@@ -0,0 +1,209 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spreadsheet = void 0;
+const React = require("react");
+const PropTypes = require("prop-types");
+const kendo_spreadsheet_common_1 = require("@progress/kendo-spreadsheet-common");
+const kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
+const kendo_react_layout_1 = require("@progress/kendo-react-layout");
+const undo_1 = require("./tools/undo");
+const redo_1 = require("./tools/redo");
+const FormulaInput_1 = require("./FormulaInput");
+const NameBox_1 = require("./NameBox");
+const SheetsBar_1 = require("./SheetsBar");
+const defaultTools_1 = require("./tools/defaultTools");
+const kendo_react_common_1 = require("@progress/kendo-react-common");
+const package_metadata_1 = require("./package-metadata");
+const kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
+const kendo_react_intl_1 = require("@progress/kendo-react-intl");
+const messages_1 = require("./messages");
+const toolsFunctions = ['bold', 'italic', 'underline', 'fontFamily', 'fontSize', 'color', 'background', 'textAlign', 'verticalAlign', 'wrap', 'gridLines'];
+const toolsValueMap = {
+    Bold: (state) => state.bold,
+    Italic: (state) => state.italic,
+    Underline: (state) => state.underline,
+    FontFamily: (state) => state.fontFamily,
+    FontSize: (state) => state.fontSize,
+    TextColor: (state) => state.color,
+    BackgroundColor: (state) => state.background,
+    Alignment: (state) => ({ textAlign: state.textAlign, verticalAlign: state.verticalAlign }),
+    Wrap: (state) => state.wrap,
+    GridLines: (state) => state.gridLines
+};
+const noInnerButton = ':not(.k-dropdownlist button)' +
+    ':not(.k-combobox button)' +
+    ':not(.k-upload-button)' +
+    ':not(.k-colorpicker button)' +
+    ':not(.k-split-button .k-split-button-arrow)';
+const toolbarButtons = [
+    'button' + noInnerButton,
+    '.k-button-group > button' + noInnerButton,
+    '.k-dropdownlist',
+    '.k-combobox',
+    '.k-colorpicker'
+];
+exports.Spreadsheet = React.forwardRef((props, ref) => {
+    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
+    const [tab, setTab] = React.useState(0);
+    const [_init, setInit] = React.useState(false);
+    const elementRef = React.useRef(null);
+    const formulaBarInputRef = React.useRef(null);
+    const formulaCellInputRef = React.useRef(null);
+    const nameBoxRef = React.useRef(null);
+    const spreadsheetRef = React.useRef(null);
+    const [toolsState, setToolsState] = React.useState({});
+    const prevState = React.useRef({});
+    prevState.current = toolsState;
+    const propsRef = React.useRef({});
+    propsRef.current = props;
+    const onRender = React.useCallback((event) => {
+        if (propsRef.current.onRender) {
+            propsRef.current.onRender.call(undefined, event);
+        }
+    }, []);
+    const onSelect = React.useCallback((event) => {
+        if (propsRef.current.onSelect) {
+            propsRef.current.onSelect.call(undefined, event);
+        }
+    }, []);
+    const onChange = React.useCallback((event) => {
+        if (propsRef.current.onChange) {
+            propsRef.current.onChange.call(undefined, event);
+        }
+    }, []);
+    const onChangeFormat = React.useCallback((event) => {
+        if (propsRef.current.onChangeFormat) {
+            propsRef.current.onChangeFormat.call(undefined, event);
+        }
+    }, []);
+    const onExcelImport = React.useCallback((event) => {
+        if (propsRef.current.onExcelImport) {
+            propsRef.current.onExcelImport.call(undefined, event);
+        }
+    }, []);
+    const onExcelExport = React.useCallback((event) => {
+        if (propsRef.current.onExcelExport) {
+            propsRef.current.onExcelExport.call(undefined, event);
+        }
+    }, []);
+    const target = React.useRef(null);
+    React.useImperativeHandle(target, () => ({
+        element: elementRef.current,
+        get instance() { return spreadsheetRef.current; },
+        props
+    }), [props]);
+    React.useImperativeHandle(ref, () => target.current);
+    const nameEditor = React.useCallback(() => {
+        return spreadsheetRef.current && spreadsheetRef.current.view.nameEditor;
+    }, []);
+    const onUpdateTools = React.useCallback((e) => {
+        const state = {};
+        toolsFunctions.forEach(tool => {
+            if (typeof e.range[tool] === 'function') {
+                state[tool] = e.range[tool]();
+            }
+            else if (tool === 'gridLines') {
+                state[tool] = e.range.sheet().showGridLines();
+            }
+        });
+        if (toolsFunctions.some(k => state[k] !== prevState.current[k])) {
+            setToolsState(state);
+        }
+    }, []);
+    const intl = (0, kendo_react_intl_1.useInternationalization)();
+    const localization = (0, kendo_react_intl_1.useLocalization)();
+    React.useEffect(() => {
+        var _a;
+        const options = Object.assign(Object.assign({}, props.defaultProps), { sheets: structuredClone((_a = props.defaultProps) === null || _a === void 0 ? void 0 : _a.sheets), messages: {
+                workbook: {
+                    defaultSheetName: localization.toLanguageString(messages_1.keys.defaultSheetName, messages_1.messages[messages_1.keys.defaultSheetName])
+                }
+            }, intl: {
+                localeInfo: () => intl.localeInfo(),
+                parseDate: (value, fmt) => intl.parseDate(value, fmt),
+                toString: (value, fmt) => intl.toString(value, fmt),
+                format: (fmt, ...values) => intl.format(fmt, ...values)
+            }, formulaBarInputRef,
+            formulaCellInputRef,
+            nameBoxRef });
+        const spreadsheet = new kendo_spreadsheet_common_1.Spreadsheet(elementRef.current, options);
+        spreadsheetRef.current = spreadsheet;
+        spreadsheet.bind('render', onRender);
+        spreadsheet.bind('select', onSelect);
+        spreadsheet.bind('change', onChange);
+        spreadsheet.bind('changeFormat', onChangeFormat);
+        spreadsheet.bind('excelImport', onExcelImport);
+        spreadsheet.bind('excelExport', onExcelExport);
+        spreadsheet.view.bind('update', onUpdateTools);
+        const sheet = spreadsheet.activeSheet();
+        if (sheet) {
+            onUpdateTools({ range: sheet.range(sheet.activeCell()) });
+        }
+        setInit(true);
+        const quickAccessToolbar = elementRef.current && elementRef.current.querySelector('.k-spreadsheet-quick-access-toolbar');
+        const tabstripItems = elementRef.current && elementRef.current.querySelector('.k-spreadsheet-tabstrip .k-tabstrip-items');
+        if (quickAccessToolbar && tabstripItems) {
+            tabstripItems.style.paddingLeft = quickAccessToolbar.offsetWidth + 'px';
+        }
+        return () => {
+            spreadsheet.destroy();
+        };
+    }, []);
+    const renderTool = React.useCallback((Tool, index) => {
+        const tool = (React.createElement(Tool, { spreadsheetRef: spreadsheetRef, value: toolsValueMap[Tool.displayName] ? toolsValueMap[Tool.displayName](toolsState) : undefined, key: index }));
+        return tool.type === kendo_react_buttons_1.ToolbarSeparator ? React.createElement(Tool, { key: index }) : tool;
+    }, [toolsState]);
+    const { toolbar = defaultTools_1.defaultTabs } = props;
+    const toolbarTools = [];
+    if (typeof toolbar === 'boolean') {
+        toolbarTools.push(...(toolbar ? defaultTools_1.defaultTabs : []));
+    }
+    else {
+        toolbarTools.push(...toolbar);
+    }
+    let tabstrip = null;
+    if (toolbarTools.length) {
+        tabstrip = (React.createElement(kendo_react_layout_1.TabStrip, { selected: tab, animation: false, className: "k-floatwrap k-spreadsheet-tabstrip", style: { minHeight: 'auto' }, onSelect: e => setTab(e.selected) }, toolbarTools.map((tabData) => {
+            const title = tabData.textKey ? localization.toLanguageString(tabData.textKey, messages_1.messages[tabData.textKey]) : tabData.text;
+            return (React.createElement(kendo_react_layout_1.TabStripTab, { key: tabData.textKey || tabData.text, title: title },
+                React.createElement(kendo_react_buttons_1.Toolbar, { buttons: toolbarButtons, className: 'k-spreadsheet-toolbar' }, tabData.tools.map((tool, index) => {
+                    if (Array.isArray(tool)) {
+                        return (React.createElement(kendo_react_buttons_1.ButtonGroup, { key: index }, tool.map((t, i) => renderTool(t, i))));
+                    }
+                    else {
+                        return renderTool(tool, index);
+                    }
+                }))));
+        })));
+    }
+    return (React.createElement("div", { ref: elementRef, style: props.style, className: (0, kendo_react_common_1.classNames)('k-widget k-spreadsheet', props.className), role: "application" },
+        tabstrip && React.createElement("div", { className: "k-spreadsheet-quick-access-toolbar" },
+            React.createElement(undo_1.Undo, { spreadsheetRef: spreadsheetRef }),
+            React.createElement(redo_1.Redo, { spreadsheetRef: spreadsheetRef })),
+        tabstrip,
+        React.createElement("div", { className: "k-spreadsheet-action-bar" },
+            React.createElement(NameBox_1.NameBox, { ref: nameBoxRef, nameEditor: nameEditor }),
+            React.createElement("div", { className: "k-spreadsheet-formula-bar" },
+                React.createElement(kendo_react_common_1.IconWrap, { name: "formula-fx", icon: kendo_svg_icons_1.formulaFxIcon }),
+                React.createElement(FormulaInput_1.FormulaInput, { ref: formulaBarInputRef }))),
+        React.createElement("div", { className: "k-spreadsheet-view" },
+            React.createElement("div", { className: "k-spreadsheet-fixed-container" }),
+            React.createElement("div", { className: "k-spreadsheet-scroller" },
+                React.createElement("div", { className: "k-spreadsheet-view-size" })),
+            React.createElement("div", { tabIndex: 0, className: "k-spreadsheet-clipboard", contentEditable: "true" }),
+            React.createElement(FormulaInput_1.FormulaInput, { ref: formulaCellInputRef, className: "k-spreadsheet-cell-editor" })),
+        React.createElement(SheetsBar_1.SheetsBar, { spreadsheetRef: spreadsheetRef })));
+});
+exports.Spreadsheet.displayName = 'KendoReactSpreadsheet';
+exports.Spreadsheet.propTypes = {
+    className: PropTypes.string,
+    defaultProps: PropTypes.any,
+    toolbar: PropTypes.oneOfType([PropTypes.bool, PropTypes.arrayOf(PropTypes.any)]),
+    style: PropTypes.object,
+    onRender: PropTypes.func,
+    onSelect: PropTypes.func,
+    onChange: PropTypes.func,
+    onChangeFormat: PropTypes.func,
+    onExcelImport: PropTypes.func,
+    onExcelExport: PropTypes.func
+};

package/dist/npm/SpreadsheetProps.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="react" />
+import { Workbook } from '@progress/kendo-ooxml';
+import { SpreadsheetOptions, Spreadsheet as SpreadsheetInstance, Range as SpreadsheetRange } from '@progress/kendo-spreadsheet-common';
+interface SpreadsheetEvent {
+    /**
+     * The widget instance which fired the event.
+     */
+    sender: SpreadsheetInstance;
+}
+export interface SpreadsheetRenderEvent extends SpreadsheetEvent {
+}
+export interface SpreadsheetSelectEvent extends SpreadsheetEvent {
+    /**
+     * The Range that is selected.
+     */
+    range: SpreadsheetRange;
+}
+export interface SpreadsheetChangeEvent extends SpreadsheetEvent, SpreadsheetSelectEvent {
+}
+export interface SpreadsheetExcelImportEvent extends SpreadsheetEvent {
+    /**
+     * The file that is being imported.
+     */
+    file: Blob | File;
+    /**
+     * If invoked, the Spreadsheet will not import the file.
+     */
+    preventDefault: Function;
+}
+export interface SpreadsheetExcelExportEvent extends SpreadsheetEvent {
+    /**
+     * The array of data items that is used to create the Excel workbook.
+     */
+    data: Array<any>;
+    /**
+     * The Excel workbook configuration object.
+     * Modifications of the workbook will reflect in the output Excel document.
+     */
+    workbook: Workbook;
+    /**
+     * If invoked, the Spreadsheet will not save the generated file.
+     */
+    preventDefault: Function;
+}
+export interface Tab {
+    text?: string;
+    textKey?: string;
+    tools: (React.ComponentType<any> | React.ComponentType<any>[])[];
+}
+export interface SpreadsheetProps {
+    /**
+     * Sets additional classes to the Spreadsheet.
+     */
+    className?: string;
+    defaultProps?: SpreadsheetOptions;
+    /**
+     * A Boolean value which indicates if the toolbar will be displayed. It also allows to customize the tabs content
+     *
+     * @default true
+     */
+    toolbar?: boolean | Tab[];
+    /**
+     * Specifies the styles that will be applied to the wrapping element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Triggered after the widget has completed rendering.
+     * The event will also fire when a cell is selected or when the Spreadsheet's tools (bold, italic) are used,
+     * as the target element is re-generated with new styles (e.g background-color, box-shadow, font-weight, etc.).
+     */
+    onRender?: (event: SpreadsheetRenderEvent) => void;
+    /**
+     * Triggered when the Spreadsheet selection is changed.
+     */
+    onSelect?: (event: SpreadsheetSelectEvent) => void;
+    /**
+     * Triggered when a value in the Spreadsheet has been changed.
+     */
+    onChange?: (event: SpreadsheetChangeEvent) => void;
+    /**
+     * Triggered when the range format is changed from the UI.
+     */
+    onChangeFormat?: (event: SpreadsheetChangeEvent) => void;
+    /**
+     * Fired when the user clicks the Open toolbar button.
+     */
+    onExcelImport?: (event: SpreadsheetExcelImportEvent) => void;
+    /**
+     * Fires when the user clicks the Export to Excel toolbar button.
+     */
+    onExcelExport?: (event: SpreadsheetExcelExportEvent) => void;
+}
+export interface SpreadsheetHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props values of the Spreadsheet.
+     */
+    props: SpreadsheetProps;
+    instance: SpreadsheetInstance | null;
+}
+export {};

package/dist/npm/SpreadsheetProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/main.d.ts

@@ -0,0 +1,3 @@
+export { Spreadsheet } from './Spreadsheet';
+export { SpreadsheetProps, SpreadsheetHandle } from './SpreadsheetProps';
+export * from './tools';

package/dist/npm/main.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spreadsheet = void 0;
+var Spreadsheet_1 = require("./Spreadsheet");
+Object.defineProperty(exports, "Spreadsheet", { enumerable: true, get: function () { return Spreadsheet_1.Spreadsheet; } });
+__exportStar(require("./tools"), exports);

package/dist/npm/messages.d.ts

@@ -0,0 +1,76 @@
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "spreadsheet.bold": string;
+    "spreadsheet.italic": string;
+    "spreadsheet.underline": string;
+    "spreadsheet.undo": string;
+    "spreadsheet.redo": string;
+    "spreadsheet.fontSize": string;
+    "spreadsheet.fontName": string;
+    "spreadsheet.format": string;
+    "spreadsheet.align": string;
+    "spreadsheet.alignLeft": string;
+    "spreadsheet.alignRight": string;
+    "spreadsheet.alignCenter": string;
+    "spreadsheet.alignJustify": string;
+    "spreadsheet.alignTop": string;
+    "spreadsheet.alignMiddle": string;
+    "spreadsheet.alignBottom": string;
+    "spreadsheet.textColor": string;
+    "spreadsheet.background": string;
+    "spreadsheet.addRowAbove": string;
+    "spreadsheet.addRowBelow": string;
+    "spreadsheet.addColumnLeft": string;
+    "spreadsheet.addColumnRight": string;
+    "spreadsheet.deleteRow": string;
+    "spreadsheet.deleteColumn": string;
+    "spreadsheet.openFile": string;
+    "spreadsheet.exportToExcel": string;
+    "spreadsheet.textWrap": string;
+    "spreadsheet.gridLines": string;
+    "spreadsheet.nameBox": string;
+    "spreadsheet.defaultSheetName": string;
+    "spreadsheet.home": string;
+    "spreadsheet.insert": string;
+    "spreadsheet.addNewSheet": string;
+};
+/**
+ * @hidden
+ */
+export declare const keys: {
+    bold: string;
+    italic: string;
+    underline: string;
+    undo: string;
+    redo: string;
+    fontSize: string;
+    fontName: string;
+    format: string;
+    align: string;
+    alignLeft: string;
+    alignRight: string;
+    alignCenter: string;
+    alignJustify: string;
+    alignTop: string;
+    alignMiddle: string;
+    alignBottom: string;
+    textColor: string;
+    background: string;
+    addRowAbove: string;
+    addRowBelow: string;
+    addColumnLeft: string;
+    addColumnRight: string;
+    deleteRow: string;
+    deleteColumn: string;
+    open: string;
+    exportToExcel: string;
+    textWrap: string;
+    gridLines: string;
+    nameBox: string;
+    defaultSheetName: string;
+    home: string;
+    insert: string;
+    addNewSheet: string;
+};

package/dist/npm/messages.js

@@ -0,0 +1,211 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keys = exports.messages = void 0;
+/**
+ * @hidden
+ */
+const bold = 'spreadsheet.bold';
+/**
+ * @hidden
+ */
+const italic = 'spreadsheet.italic';
+/**
+ * @hidden
+ */
+const underline = 'spreadsheet.underline';
+/**
+ * @hidden
+ */
+const open = 'spreadsheet.openFile';
+/**
+ * @hidden
+ */
+const textColor = 'spreadsheet.textColor';
+/**
+ * @hidden
+ */
+const background = 'spreadsheet.background';
+/**
+ * @hidden
+ */
+const addRowAbove = 'spreadsheet.addRowAbove';
+/**
+ * @hidden
+ */
+const addRowBelow = 'spreadsheet.addRowBelow';
+/**
+ * @hidden
+ */
+const addColumnLeft = 'spreadsheet.addColumnLeft';
+/**
+ * @hidden
+ */
+const addColumnRight = 'spreadsheet.addColumnRight';
+/**
+ * @hidden
+ */
+const deleteRow = 'spreadsheet.deleteRow';
+/**
+ * @hidden
+ */
+const deleteColumn = 'spreadsheet.deleteColumn';
+/**
+ * @hidden
+ */
+const undo = 'spreadsheet.undo';
+/**
+ * @hidden
+ */
+const redo = 'spreadsheet.redo';
+/**
+ * @hidden
+ */
+const fontSize = 'spreadsheet.fontSize';
+/**
+ * @hidden
+ */
+const fontName = 'spreadsheet.fontName';
+/**
+ * @hidden
+ */
+const format = 'spreadsheet.format';
+/**
+ * @hidden
+ */
+const align = 'spreadsheet.align';
+/**
+ * @hidden
+ */
+const alignLeft = 'spreadsheet.alignLeft';
+/**
+ * @hidden
+ */
+const alignRight = 'spreadsheet.alignRight';
+/**
+ * @hidden
+ */
+const alignCenter = 'spreadsheet.alignCenter';
+/**
+ * @hidden
+ */
+const alignJustify = 'spreadsheet.alignJustify';
+/**
+ * @hidden
+ */
+const alignTop = 'spreadsheet.alignTop';
+/**
+ * @hidden
+ */
+const alignMiddle = 'spreadsheet.alignMiddle';
+/**
+ * @hidden
+ */
+const alignBottom = 'spreadsheet.alignBottom';
+/**
+ * @hidden
+ */
+const textWrap = 'spreadsheet.textWrap';
+/**
+ * @hidden
+ */
+const gridLines = 'spreadsheet.gridLines';
+/**
+ * @hidden
+ */
+const exportToExcel = 'spreadsheet.exportToExcel';
+/**
+ * @hidden
+ */
+const nameBox = 'spreadsheet.nameBox';
+/**
+ * @hidden
+ */
+const defaultSheetName = 'spreadsheet.defaultSheetName';
+/**
+ * @hidden
+ */
+const home = 'spreadsheet.home';
+/**
+ * @hidden
+ */
+const insert = 'spreadsheet.insert';
+/**
+ * @hidden
+ */
+const addNewSheet = 'spreadsheet.addNewSheet';
+/**
+ * @hidden
+ */
+exports.messages = {
+    [bold]: 'Bold',
+    [italic]: 'Italic',
+    [underline]: 'Underline',
+    [undo]: 'Undo',
+    [redo]: 'Redo',
+    [fontSize]: 'Font size',
+    [fontName]: 'Font',
+    [format]: 'Custom format...',
+    [align]: 'Align',
+    [alignLeft]: 'Align Left',
+    [alignRight]: 'Align Right',
+    [alignCenter]: 'Align Center',
+    [alignJustify]: 'Align Justify',
+    [alignTop]: 'Align Top',
+    [alignMiddle]: 'Align Middle',
+    [alignBottom]: 'Align Bottom',
+    [textColor]: 'Text Color',
+    [background]: 'Background color',
+    [addRowAbove]: 'Add row above',
+    [addRowBelow]: 'Add row below',
+    [addColumnLeft]: 'Add column left',
+    [addColumnRight]: 'Add column right',
+    [deleteRow]: 'Delete row',
+    [deleteColumn]: 'Delete column',
+    [open]: 'Open...',
+    [exportToExcel]: 'Export to Excel',
+    [textWrap]: 'Text Wrap',
+    [gridLines]: 'Toggle gridlines',
+    [nameBox]: 'Name Box',
+    [defaultSheetName]: 'Sheet',
+    [home]: 'Home',
+    [insert]: 'Insert',
+    [addNewSheet]: 'Add new sheet'
+};
+/**
+ * @hidden
+ */
+exports.keys = {
+    bold,
+    italic,
+    underline,
+    undo,
+    redo,
+    fontSize,
+    fontName,
+    format,
+    align,
+    alignLeft,
+    alignRight,
+    alignCenter,
+    alignJustify,
+    alignTop,
+    alignMiddle,
+    alignBottom,
+    textColor,
+    background,
+    addRowAbove,
+    addRowBelow,
+    addColumnLeft,
+    addColumnRight,
+    deleteRow,
+    deleteColumn,
+    open,
+    exportToExcel,
+    textWrap,
+    gridLines,
+    nameBox,
+    defaultSheetName,
+    home,
+    insert,
+    addNewSheet
+};

package/dist/npm/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
+/**
+ * @hidden
+ */
+exports.packageMetadata = {
+    name: '@progress/kendo-react-spreadsheet',
+    productName: 'KendoReact',
+    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
+    publishDate: 1684156698,
+    version: '',
+    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'
+};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { BaseToolProps } from './utils';
+export interface AlignmentProps extends BaseToolProps {
+    value: {
+        textAlign?: string;
+        verticalAlign?: string;
+    };
+}
+export declare const Alignment: React.FunctionComponent<AlignmentProps>;