@progress/kendo-react-editor 7.2.4-develop.3 → 7.3.0-develop.1

package/Editor.d.ts

@@ -1,122 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { EditorView, Node } from '@progress/kendo-editor-common';
-import { EditorProps } from './EditorProps';
-/**
- * @hidden
- */
-interface EditorStateInterface {
-    view?: EditorView;
-    linkDialog?: boolean;
-}
-/**
- * Represents the [KendoReact Editor component]({% slug overview_editor %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    render() {
- *       return (
- *           <Editor
- *               defaultContent="<p>Hello World</p>"
- *               tools={[
- *                  [ EditorTools.Bold, EditorTools.Italic ]
- *               ]}
- *           />
- *       );
- *    }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare class Editor extends React.Component<EditorProps, EditorStateInterface> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        defaultContent: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
-        defaultEditMode: PropTypes.Requireable<string>;
-        contentStyle: PropTypes.Requireable<object>;
-        dir: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        tools: PropTypes.Requireable<any[]>;
-        keyboardNavigation: PropTypes.Requireable<boolean>;
-        resizable: PropTypes.Requireable<boolean>;
-        preserveWhitespace: PropTypes.Requireable<string | boolean>;
-        onMount: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onPasteHtml: PropTypes.Requireable<(...args: any[]) => any>;
-        onExecute: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: EditorStateInterface;
-    /**
-     * The value of the Editor.
-     */
-    get value(): Node | string;
-    /**
-     * Returns the DOM element of the Editor.
-     */
-    get element(): HTMLElement | null;
-    /**
-     * Returns the content-editable DOM element of the Editor.
-     */
-    get contentElement(): HTMLDivElement | null;
-    /**
-     * Returns the `view` object of the Editor.
-     */
-    get view(): EditorView | undefined;
-    private _element;
-    private _view?;
-    private _contentElement;
-    private iframe;
-    private trOnChange;
-    private htmlOnChange;
-    private pasteEvent?;
-    private showLicenseWatermark;
-    constructor(props: EditorProps);
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(prevProps: EditorProps): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-    private renderDialog;
-    private renderTool;
-    private updateTools;
-    private initialize;
-    private filterTransaction;
-    private onPasteHtml;
-    private dispatchTransaction;
-    private onFocus;
-    private onBlur;
-    private onPaste;
-}
-export {};

package/EditorProps.d.ts

@@ -1,200 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { EditorState, Plugin, Transaction, EditorView, Schema, Node } from '@progress/kendo-editor-common';
-import { EditorUtils } from './utils';
-import { Editor } from './Editor';
-interface EditorEvent {
-    /**
-     * An event target.
-     */
-    target: Editor;
-}
-/**
- * Represents the object of the `onChange` Editor event.
- */
-export interface EditorChangeEvent extends EditorEvent {
-    /**
-     * Represents the [Editor document](https://prosemirror.net/docs/guide/#doc).
-     */
-    value: Node;
-    /**
-     * A getter of the Editor HTML content.
-     * Once called, it will convert the Editor document into HTML string.
-     * Note that, since onChange event is triggered on every key while typing,
-     * this conversion may not be suitable if the Editor is dealing with large amount of content.
-     */
-    html: string;
-    /**
-     * The Editor Schema object.
-     */
-    schema: Schema;
-    /**
-     * The Transaction which causes the change.
-     */
-    transaction: Transaction;
-}
-/**
- * Represents the object of the `onMount` Editor event.
- */
-export interface EditorMountEvent extends EditorEvent {
-    /**
-     * The content-editable DOM element of the Editor.
-     */
-    dom: HTMLDivElement;
-    /**
-     * The default plugins collection of the Editor.
-     */
-    plugins: Array<Plugin>;
-    /**
-     * The default key bindings of the Editor.
-     */
-    shortcuts: EditorUtils.Shortcuts;
-    /**
-     * The default [viewProps](https://prosemirror.net/docs/ref/#view.DirectEditorProps) object of the Editor.
-     */
-    viewProps: {
-        state: EditorState;
-        [key: string]: any;
-    };
-}
-/**
- * Represents the object of the `onPaste` Editor event.
- */
-export interface EditorPasteEvent extends EditorEvent {
-    /**
-     * The HTML that will be pasted in the Editor.
-     */
-    pastedHtml: string;
-    /**
-     * The native paste event.
-     */
-    nativeEvent: ClipboardEvent;
-}
-/**
- * Represents the object of the `onExecute` Editor event.
- */
-export interface EditorExecuteEvent extends EditorEvent {
-    /**
-     * The transaction that will be executed.
-     */
-    transaction: Transaction;
-    /**
-     * The state of the Editor.
-     */
-    state: EditorState;
-}
-/**
- * Represents the object of the `onFocus` Editor event.
- */
-export interface EditorFocusEvent extends EditorEvent {
-    /**
-     * The native focus event.
-     */
-    nativeEvent: FocusEvent;
-}
-/**
- * Represents the object of the `onBlur` Editor event.
- */
-export interface EditorBlurEvent extends EditorEvent {
-    /**
-     * The native blur event.
-     */
-    nativeEvent: FocusEvent;
-}
-/**
- * Represents the props of the [KendoReact Editor component]({% slug overview_editor %}).
- */
-export interface EditorProps {
-    /**
-     * Sets the default HTML content of the Editor.
-     */
-    defaultContent?: string;
-    /**
-     * Sets the initial edit mode of the Editor. Defaults to `iframe`.
-     */
-    defaultEditMode?: 'iframe' | 'div';
-    /**
-     * Sets styles to the content element wrapper of the Editor.
-     */
-    contentStyle?: React.CSSProperties;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * Sets additional classes to the Editor.
-     */
-    className?: string;
-    /**
-     * Sets styles to the Editor.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Specifies if the Editor will be resizable.
-     */
-    resizable?: boolean;
-    /**
-     * Sets the tools of the Editor. By default, the Editor renders no tools.
-     */
-    tools?: Array<any>;
-    /**
-     * Fires each time the Editor is about to mount.
-     * Useful for configuring the `EditorView` object.
-     * To initialize `EditorView`, use the properties of the `event` object.
-     */
-    onMount?: (event: EditorMountEvent) => EditorView | void;
-    /**
-     * Fires each time the Editor is about to insert pasted content.
-     * Useful for modifying pasted content.
-     */
-    onPasteHtml?: (event: EditorPasteEvent) => string | void;
-    /**
-     * Fires each time the Editor is about to apply a transaction.
-     * To prevent the transaction, return `false`.
-     */
-    onExecute?: (event: EditorExecuteEvent) => boolean | void;
-    /**
-     * Fires when the Editor's content element has received focus.
-     */
-    onFocus?: (event: EditorFocusEvent) => void;
-    /**
-     * Fires when the Editor's content element has lost focus.
-     */
-    onBlur?: (event: EditorBlurEvent) => void;
-    /**
-     * Fires each time the value of the Editor is about to change.
-     */
-    onChange?: (event: EditorChangeEvent) => void;
-    /**
-     * The value of the Editor.
-     */
-    value?: Node | string;
-    /**
-     * If set to `false`, it will turn off the built-in keyboard navigation of the Editor's Toolbar.
-     */
-    keyboardNavigation?: boolean;
-    /**
-     * Defines the options that will be used for parsing the HTML.
-     * If `false` is set, the whitespace is collapsed as per HTML's rules.
-     * Pass `true` to preserve whitespace, but normalize newlines to spaces.
-     * `full` will preserve whitespace entirely.
-     *
-     * Defaults to `full`.
-     */
-    preserveWhitespace?: boolean | 'full';
-}
-export {};

package/config/defaultStyles.d.ts

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare const defaultStyle = "\nhtml, body {\n    margin: 0;\n    height: 100%;\n    padding: 0;\n}\n\nhtml {\n  min-height: 100%;\n}\n\nbody {\n  box-sizing: border-box;\n  position: relative;\n  word-wrap: break-word;\n  padding: 8px;\n}\n\nbody > .k-content {\n  outline: 0;\n  height: 100%;\n  white-space: pre-wrap;\n}\n\n.k-content > p {\n  margin: 0 0 1em;\n}\n\n.k-content table {\n  white-space: pre-wrap;\n}\n\n.k-content .k-text-selected, .k-content::selection {\n  color: HighlightText;\n  background-color: Highlight;\n}\n\n.k-content .k-text-highlighted {\n  background-color: #bbdefb;\n}\n\n.k-content .ProseMirror-selectednode {\n  outline: 2px solid #8cf;\n}\n\n.ProseMirror-hideselection *::selection { background: transparent; }\n.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n.ProseMirror-hideselection { caret-color: transparent; }\n\n.ProseMirror-gapcursor {\n  display: none;\n  pointer-events: none;\n  position: absolute;\n}\n\n.ProseMirror-gapcursor:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: -2px;\n  width: 20px;\n  border-top: 1px solid black;\n  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;\n}\n\n@keyframes ProseMirror-cursor-blink {\n  to {\n    visibility: hidden;\n  }\n}\n\n.ProseMirror-focused .ProseMirror-gapcursor {\n  display: block;\n}\n\n.k-editor-resize-handles-wrapper {\n  position: absolute;\n  visibility: hidden;\n}\n\n.k-editor-resize-handle {\n  position: absolute;\n  visibility: visible;\n  background-color: #fff;\n  border: 1px solid #000;\n  z-index: 100;\n  width: 5px;\n  height: 5px;\n}\n\n.k-editor-resize-handle.northwest {\n  top: 0;\n  left: 0;\n  transform: translate(-50%, -50%);\n  cursor: nw-resize;\n}\n\n.k-editor-resize-handle.north {\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  cursor: n-resize;\n}\n\n.k-editor-resize-handle.northeast {\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  cursor: ne-resize;\n}\n\n.k-editor-resize-handle.southwest {\n  left: 0;\n  bottom: 0;\n  transform: translate(-50%, 50%);\n  cursor: sw-resize;\n}\n\n.k-editor-resize-handle.south {\n  bottom: 0;\n  left: 50%;\n  transform: translate(-50%, 50%);\n  cursor: s-resize;\n}\n\n.k-editor-resize-handle.southeast {\n  right: 0;\n  bottom: 0;\n  transform: translate(50%, 50%);\n  cursor: se-resize;\n}\n\n.k-editor-resize-handle.west {\n  top: 50%;\n  left: 0;\n  transform: translate(-50%, -50%);\n  cursor: w-resize;\n}\n\n.k-editor-resize-handle.east {\n  top: 50%;\n  right: 0;\n  transform: translate(50%, -50%);\n  cursor: e-resize;\n}\n\n.k-editor-resize-wrap-element {\n  display: inline-block;\n  position: relative;\n}\n\n.ProseMirror .row-resize-handle {\n  position: absolute;\n  right: 0; left: 0; bottom: 0;\n  transform: translate(0, 50%);\n  height: 4px;\n  z-index: 20;\n  background-color: #adf;\n  pointer-events: none;\n}\n\n.ProseMirror .column-resize-handle {\n  position: absolute;\n  right: -2px; top: 0; bottom: 0;\n  width: 4px;\n  z-index: 20;\n  background-color: #adf;\n  pointer-events: none;\n}\n\n.ProseMirror.resize-cursor {\n  cursor: ew-resize;\n  cursor: col-resize;\n}\n\n.ProseMirror.resize-cursor-vertical {\n  cursor: sn-resize;\n  cursor: row-resize;\n}\n\n.k-editor-resize-wrap-element table td p,\n.k-editor-resize-wrap-element table th p {\n  margin: 0 auto;\n}\n";
-/**
- * @hidden
- */
-export declare const tablesStyles = "\n  .ProseMirror .tableWrapper {\n    overflow-x: auto;\n    margin: 1em 0;\n  }\n\n  .ProseMirror table {\n    margin: 0;\n    border-collapse: collapse;\n    table-layout: fixed;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .ProseMirror td, .ProseMirror th {\n    min-width: 1em;\n    border: 1px solid #ddd;\n    padding: 3px 5px;\n    vertical-align: top;\n    box-sizing: border-box;\n    position: relative;\n  }\n\n  .ProseMirror th {\n    font-weight: bold;\n    text-align: left;\n  }\n\n  /* Give selected cells a blue overlay */\n  .ProseMirror .selectedCell:after {\n    z-index: 2;\n    position: absolute;\n    content: \"\";\n    left: 0; right: 0; top: 0; bottom: 0;\n    background: rgba(200, 200, 255, 0.4);\n    pointer-events: none;\n  }\n";
-/**
- * @hidden
- */
-export declare const rtlStyles = "body { direction: rtl }";

package/config/pasteSettings.d.ts

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PasteCleanupSettings as PasteSettings } from '@progress/kendo-editor-common';
-/**
- * The settings passed to `pasteCleanup` function ([see example]({% slug paste_editor %})).
- */
-export interface PasteCleanupSettings extends PasteSettings {
-}

package/config/schema.d.ts

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-export { marks, nodes } from '@progress/kendo-editor-common';

package/config/shortcuts.d.ts

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { EditorState, Transaction, EditorView } from '@progress/kendo-editor-common';
-import { EditorToolsSettings } from './toolsSettings';
-declare const bold: EditorToolsSettings.InlineFormatSettings, underline: EditorToolsSettings.InlineFormatSettings, italic: EditorToolsSettings.InlineFormatSettings;
-/**
- * @hidden
- */
-export interface Shortcuts {
-    [key: string]: (state: EditorState, dispatch: (tr: Transaction) => void, view: EditorView) => boolean;
-}
-/**
- * @hidden
- */
-export declare const getShortcuts: (settings?: {
-    types?: {
-        listItem: string;
-        hardBreak: string;
-    };
-    toolsSettings?: {
-        bold?: EditorToolsSettings.InlineFormatOptions;
-        italic?: EditorToolsSettings.InlineFormatOptions;
-        underline?: EditorToolsSettings.InlineFormatOptions;
-    };
-}) => Shortcuts;
-export {};