@os-design/editor 1.0.262 → 1.0.264
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/Editor/BlockToolbar.d.ts +1 -1
- package/dist/Editor/BlockToolbar.d.ts.map +1 -1
- package/dist/Editor/BlockToolbar.js +3 -3
- package/dist/Editor/StyleToolbar.d.ts +1 -1
- package/dist/Editor/StyleToolbar.d.ts.map +1 -1
- package/dist/Editor/StyleToolbar.js +4 -4
- package/dist/Editor/blocks/imageBlock.d.ts +1 -1
- package/dist/Editor/blocks/imageBlock.d.ts.map +1 -1
- package/dist/Editor/blocks/imageBlock.js +4 -4
- package/dist/Editor/blocks/videoBlock.d.ts +1 -1
- package/dist/Editor/blocks/videoBlock.d.ts.map +1 -1
- package/dist/Editor/blocks/videoBlock.js +4 -4
- package/dist/Editor/hooks/useBlockToolbarProps.js +1 -1
- package/dist/Editor/hooks/useReturnHandler.js +2 -2
- package/dist/Editor/hooks/useStyleToolbarProps.js +1 -1
- package/dist/Editor/index.d.ts +2 -2
- package/dist/Editor/index.d.ts.map +1 -1
- package/dist/Editor/index.js +10 -10
- package/dist/Editor/styles/defaultDraftJsStyles.d.ts +1 -1
- package/dist/Editor/styles/overrideDraftJsStyles.d.ts +1 -1
- package/dist/Editor/utils/addNewBlockAt.js +1 -1
- package/dist/Editor/utils/createContentEditorState.js +1 -1
- package/dist/Editor/utils/createDecorator.js +1 -1
- package/dist/Editor/utils/createEmptyEditorState.js +1 -1
- package/dist/Editor/utils/getSelectedBlockElement.js +1 -1
- package/dist/index.d.ts +15 -15
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -15
- package/package.json +9 -9
- package/src/Editor/BlockToolbar.tsx +4 -4
- package/src/Editor/StyleToolbar.tsx +5 -5
- package/src/Editor/blocks/imageBlock.tsx +5 -5
- package/src/Editor/blocks/videoBlock.tsx +5 -5
- package/src/Editor/hooks/useBlockToolbarProps.ts +1 -1
- package/src/Editor/hooks/useReturnHandler.ts +2 -2
- package/src/Editor/hooks/useStyleToolbarProps.ts +1 -1
- package/src/Editor/index.tsx +11 -11
- package/src/Editor/utils/addNewBlockAt.ts +1 -1
- package/src/Editor/utils/createContentEditorState.ts +1 -1
- package/src/Editor/utils/createDecorator.ts +1 -1
- package/src/Editor/utils/createEmptyEditorState.ts +1 -1
- package/src/Editor/utils/getSelectedBlockElement.ts +1 -1
- package/src/index.ts +15 -15
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { PopoverProps } from '@os-design/core';
|
|
2
2
|
import { EditorState } from 'draft-js';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import type { BlockToolbarItem } from './blocks/types';
|
|
4
|
+
import type { BlockToolbarItem } from './blocks/types.js';
|
|
5
5
|
interface BlockToolbarProps extends Omit<PopoverProps, 'onChange'> {
|
|
6
6
|
items: BlockToolbarItem[];
|
|
7
7
|
value: EditorState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockToolbar.d.ts","sourceRoot":"","sources":["../../src/Editor/BlockToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"BlockToolbar.d.ts","sourceRoot":"","sources":["../../src/Editor/BlockToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,UAAU,iBAAkB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8B7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
|
-
import Toolbar from
|
|
3
|
-
import ToolbarButton from
|
|
4
|
-
import getCurrentBlock from
|
|
2
|
+
import Toolbar from './Toolbar.js';
|
|
3
|
+
import ToolbarButton from './ToolbarButton.js';
|
|
4
|
+
import getCurrentBlock from './utils/getCurrentBlock.js';
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
const BlockToolbar = ({
|
|
7
7
|
items,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { PopoverProps } from '@os-design/core';
|
|
2
2
|
import { EditorState } from 'draft-js';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import type { StyleToolbarItem } from './utils/defaultStyleToolbarItems';
|
|
4
|
+
import type { StyleToolbarItem } from './utils/defaultStyleToolbarItems.js';
|
|
5
5
|
interface StyleToolbarProps extends Omit<PopoverProps, 'onChange'> {
|
|
6
6
|
items: StyleToolbarItem[];
|
|
7
7
|
value: EditorState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyleToolbar.d.ts","sourceRoot":"","sources":["../../src/Editor/StyleToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAa,MAAM,UAAU,CAAC;AAClD,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"StyleToolbar.d.ts","sourceRoot":"","sources":["../../src/Editor/StyleToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAa,MAAM,UAAU,CAAC;AAClD,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAI5E,UAAU,iBAAkB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyD7C,CAAC;AAIF,eAAe,YAAY,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { RichUtils } from 'draft-js';
|
|
2
2
|
import React, { useCallback, useMemo } from 'react';
|
|
3
|
-
import Toolbar from
|
|
4
|
-
import ToolbarButton from
|
|
5
|
-
import setLink from
|
|
6
|
-
import unsetLink from
|
|
3
|
+
import Toolbar from './Toolbar.js';
|
|
4
|
+
import ToolbarButton from './ToolbarButton.js';
|
|
5
|
+
import setLink from './utils/setLink.js';
|
|
6
|
+
import unsetLink from './utils/unsetLink.js';
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
const StyleToolbar = ({
|
|
9
9
|
items,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BlockToolbarItem } from './types';
|
|
1
|
+
import type { BlockToolbarItem } from './types.js';
|
|
2
2
|
export declare const IMAGE_BLOCK = "atomic:image";
|
|
3
3
|
declare const imageBlock: (onImageUpload: (file: File) => Promise<string>) => BlockToolbarItem;
|
|
4
4
|
export default imageBlock;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"imageBlock.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/imageBlock.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"imageBlock.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/imageBlock.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,YAAY,CAAC;AA2F/D,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAE1C,QAAA,MAAM,UAAU,kBACC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,KAC7C,gBAgDD,CAAC;AAEH,eAAe,UAAU,CAAC"}
|
|
@@ -5,10 +5,10 @@ import { Loading, Picture } from '@os-design/icons';
|
|
|
5
5
|
import { omitEmotionProps, useEvent } from '@os-design/utils';
|
|
6
6
|
import { EditorBlock } from 'draft-js';
|
|
7
7
|
import React, { useCallback, useRef, useState } from 'react';
|
|
8
|
-
import changeBlock from
|
|
9
|
-
import getCurrentBlock from
|
|
10
|
-
import Figure from
|
|
11
|
-
import FigureCaption from
|
|
8
|
+
import changeBlock from '../utils/changeBlock.js';
|
|
9
|
+
import getCurrentBlock from '../utils/getCurrentBlock.js';
|
|
10
|
+
import Figure from './Figure.js';
|
|
11
|
+
import FigureCaption from './FigureCaption.js';
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
const widthStyles = p => p.width && css`
|
|
14
14
|
width: ${p.width}px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"videoBlock.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/videoBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"videoBlock.d.ts","sourceRoot":"","sources":["../../../src/Editor/blocks/videoBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAiD/D,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAE1C,QAAA,MAAM,UAAU,EAAE,gBAkBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -2,10 +2,10 @@ import { Video } from '@os-design/core';
|
|
|
2
2
|
import { Video as VideoIcon } from '@os-design/icons';
|
|
3
3
|
import { EditorBlock } from 'draft-js';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import changeBlock from
|
|
6
|
-
import getCurrentBlock from
|
|
7
|
-
import Figure from
|
|
8
|
-
import FigureCaption from
|
|
5
|
+
import changeBlock from '../utils/changeBlock.js';
|
|
6
|
+
import getCurrentBlock from '../utils/getCurrentBlock.js';
|
|
7
|
+
import Figure from './Figure.js';
|
|
8
|
+
import FigureCaption from './FigureCaption.js';
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
const VideoBlock = props => {
|
|
11
11
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCallback } from 'react';
|
|
2
|
-
import addNewBlockAt from
|
|
3
|
-
import getCurrentBlock from
|
|
2
|
+
import addNewBlockAt from '../utils/addNewBlockAt.js';
|
|
3
|
+
import getCurrentBlock from '../utils/getCurrentBlock.js';
|
|
4
4
|
/**
|
|
5
5
|
* Adds a new unstyled block if the user presses the return key.
|
|
6
6
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RichUtils } from 'draft-js';
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
|
-
import getSelectionRange from
|
|
3
|
+
import getSelectionRange from '../utils/getSelectionRange.js';
|
|
4
4
|
/**
|
|
5
5
|
* Updates the visibility of the style toolbar
|
|
6
6
|
*/
|
package/dist/Editor/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { WithSize } from '@os-design/styles';
|
|
2
2
|
import { Editor as DraftEditor, type EditorProps as DraftEditorProps, EditorState } from 'draft-js';
|
|
3
|
-
import type { BlockToolbarItem } from './blocks/types';
|
|
4
|
-
import { type StyleToolbarItem } from './utils/defaultStyleToolbarItems';
|
|
3
|
+
import type { BlockToolbarItem } from './blocks/types.js';
|
|
4
|
+
import { type StyleToolbarItem } from './utils/defaultStyleToolbarItems.js';
|
|
5
5
|
export interface EditorProps extends Omit<DraftEditorProps, 'editorState' | 'onChange'>, WithSize {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the editor is disabled.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Editor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EACL,MAAM,IAAI,WAAW,EACrB,KAAK,WAAW,IAAI,gBAAgB,EACpC,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Editor/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EACL,MAAM,IAAI,WAAW,EACrB,KAAK,WAAW,IAAI,gBAAgB,EACpC,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAQ1D,OAAiC,EAC/B,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,EACxD,QAAQ;IACV;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AAqBD;;GAEG;AACH,QAAA,MAAM,MAAM,qGAiHX,CAAC;AAIF,eAAe,MAAM,CAAC"}
|
package/dist/Editor/index.js
CHANGED
|
@@ -4,16 +4,16 @@ import { InputContainer } from '@os-design/core';
|
|
|
4
4
|
import { useForwardedRef, useForwardedState } from '@os-design/utils';
|
|
5
5
|
import { Editor as DraftEditor, EditorState } from 'draft-js';
|
|
6
6
|
import { forwardRef, useCallback, useState } from 'react';
|
|
7
|
-
import BlockToolbar from
|
|
8
|
-
import StyleToolbar from
|
|
9
|
-
import useBlockToolbarProps from
|
|
10
|
-
import usePastedTextHandler from
|
|
11
|
-
import useReturnHandler from
|
|
12
|
-
import useStyleToolbarProps from
|
|
13
|
-
import defaultDraftJsStyles from
|
|
14
|
-
import overrideDraftJsStyles from
|
|
15
|
-
import createEmptyEditorState from
|
|
16
|
-
import defaultStyleToolbarItems from
|
|
7
|
+
import BlockToolbar from './BlockToolbar.js';
|
|
8
|
+
import StyleToolbar from './StyleToolbar.js';
|
|
9
|
+
import useBlockToolbarProps from './hooks/useBlockToolbarProps.js';
|
|
10
|
+
import usePastedTextHandler from './hooks/usePastedTextHandler.js';
|
|
11
|
+
import useReturnHandler from './hooks/useReturnHandler.js';
|
|
12
|
+
import useStyleToolbarProps from './hooks/useStyleToolbarProps.js';
|
|
13
|
+
import defaultDraftJsStyles from './styles/defaultDraftJsStyles.js';
|
|
14
|
+
import overrideDraftJsStyles from './styles/overrideDraftJsStyles.js';
|
|
15
|
+
import createEmptyEditorState from './utils/createEmptyEditorState.js';
|
|
16
|
+
import defaultStyleToolbarItems from './utils/defaultStyleToolbarItems.js';
|
|
17
17
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
18
|
const disabledStyles = p => p.disabled && css`
|
|
19
19
|
cursor: not-allowed;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
* Default Draft.js styles.
|
|
3
3
|
* The original styles located in `node_modules/draft-js/dist/Draft.css`.
|
|
4
4
|
*/
|
|
5
|
-
declare const defaultDraftJsStyles: import("@emotion/
|
|
5
|
+
declare const defaultDraftJsStyles: import("@emotion/react").SerializedStyles;
|
|
6
6
|
export default defaultDraftJsStyles;
|
|
7
7
|
//# sourceMappingURL=defaultDraftJsStyles.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const overrideDraftJsStyles: (p: any) => import("@emotion/
|
|
1
|
+
declare const overrideDraftJsStyles: (p: any) => import("@emotion/react").SerializedStyles;
|
|
2
2
|
export default overrideDraftJsStyles;
|
|
3
3
|
//# sourceMappingURL=overrideDraftJsStyles.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ContentBlock, EditorState, genKey } from 'draft-js';
|
|
2
|
-
import Immutable from 'immutable';
|
|
2
|
+
import * as Immutable from 'immutable';
|
|
3
3
|
const addNewBlockAt = (editorState, pivotBlockKey, type = 'unstyled', data = {} // eslint-disable-line @typescript-eslint/no-explicit-any
|
|
4
4
|
) => {
|
|
5
5
|
const contentState = editorState.getCurrentContent();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { EditorState } from 'draft-js';
|
|
2
|
-
import createDecorator from
|
|
2
|
+
import createDecorator from './createDecorator.js';
|
|
3
3
|
const createContentEditorState = contentState => EditorState.createWithContent(contentState, createDecorator());
|
|
4
4
|
export default createContentEditorState;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { CompositeDecorator } from 'draft-js';
|
|
2
|
-
import linkDecorator from
|
|
2
|
+
import linkDecorator from '../decorators/linkDecorator.js';
|
|
3
3
|
const createDecorator = () => new CompositeDecorator([linkDecorator]);
|
|
4
4
|
export default createDecorator;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export { default as Editor } from './Editor';
|
|
2
|
-
export { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';
|
|
3
|
-
export { default as changeBlock } from './Editor/utils/changeBlock';
|
|
4
|
-
export { default as createContentEditorState } from './Editor/utils/createContentEditorState';
|
|
5
|
-
export { default as createDecorator } from './Editor/utils/createDecorator';
|
|
6
|
-
export { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';
|
|
7
|
-
export { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';
|
|
8
|
-
export { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';
|
|
9
|
-
export { default as imageBlock } from './Editor/blocks/imageBlock';
|
|
10
|
-
export { default as videoBlock } from './Editor/blocks/videoBlock';
|
|
11
|
-
export { default as EditorSkeleton } from './EditorSkeleton';
|
|
12
|
-
export * from './Editor';
|
|
13
|
-
export * from './Editor/utils/transformers';
|
|
14
|
-
export * from './Editor/blocks/types';
|
|
15
|
-
export * from './EditorSkeleton';
|
|
1
|
+
export { default as Editor } from './Editor/index.js';
|
|
2
|
+
export { default as addNewBlockAt } from './Editor/utils/addNewBlockAt.js';
|
|
3
|
+
export { default as changeBlock } from './Editor/utils/changeBlock.js';
|
|
4
|
+
export { default as createContentEditorState } from './Editor/utils/createContentEditorState.js';
|
|
5
|
+
export { default as createDecorator } from './Editor/utils/createDecorator.js';
|
|
6
|
+
export { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState.js';
|
|
7
|
+
export { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems.js';
|
|
8
|
+
export { default as getCurrentBlock } from './Editor/utils/getCurrentBlock.js';
|
|
9
|
+
export { default as imageBlock } from './Editor/blocks/imageBlock.js';
|
|
10
|
+
export { default as videoBlock } from './Editor/blocks/videoBlock.js';
|
|
11
|
+
export { default as EditorSkeleton } from './EditorSkeleton/index.js';
|
|
12
|
+
export * from './Editor/index.js';
|
|
13
|
+
export * from './Editor/utils/transformers.js';
|
|
14
|
+
export * from './Editor/blocks/types.js';
|
|
15
|
+
export * from './EditorSkeleton/index.js';
|
|
16
16
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEtE,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export { default as Editor } from
|
|
2
|
-
export { default as addNewBlockAt } from
|
|
3
|
-
export { default as changeBlock } from
|
|
4
|
-
export { default as createContentEditorState } from
|
|
5
|
-
export { default as createDecorator } from
|
|
6
|
-
export { default as createEmptyEditorState } from
|
|
7
|
-
export { default as defaultStyleToolbarItems } from
|
|
8
|
-
export { default as getCurrentBlock } from
|
|
9
|
-
export { default as imageBlock } from
|
|
10
|
-
export { default as videoBlock } from
|
|
11
|
-
export { default as EditorSkeleton } from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
14
|
-
export * from
|
|
15
|
-
export * from
|
|
1
|
+
export { default as Editor } from './Editor/index.js';
|
|
2
|
+
export { default as addNewBlockAt } from './Editor/utils/addNewBlockAt.js';
|
|
3
|
+
export { default as changeBlock } from './Editor/utils/changeBlock.js';
|
|
4
|
+
export { default as createContentEditorState } from './Editor/utils/createContentEditorState.js';
|
|
5
|
+
export { default as createDecorator } from './Editor/utils/createDecorator.js';
|
|
6
|
+
export { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState.js';
|
|
7
|
+
export { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems.js';
|
|
8
|
+
export { default as getCurrentBlock } from './Editor/utils/getCurrentBlock.js';
|
|
9
|
+
export { default as imageBlock } from './Editor/blocks/imageBlock.js';
|
|
10
|
+
export { default as videoBlock } from './Editor/blocks/videoBlock.js';
|
|
11
|
+
export { default as EditorSkeleton } from './EditorSkeleton/index.js';
|
|
12
|
+
export * from './Editor/index.js';
|
|
13
|
+
export * from './Editor/utils/transformers.js';
|
|
14
|
+
export * from './Editor/blocks/types.js';
|
|
15
|
+
export * from './EditorSkeleton/index.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@os-design/editor",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.264",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": "git@gitlab.com:os-team/libs/os-design.git",
|
|
6
6
|
"type": "module",
|
|
@@ -23,24 +23,24 @@
|
|
|
23
23
|
"build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
|
|
24
24
|
"build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
|
|
25
25
|
"build": "yarn clean && npm-run-all 'build:*'",
|
|
26
|
-
"ncu": "ncu -u
|
|
26
|
+
"ncu": "ncu -u"
|
|
27
27
|
},
|
|
28
28
|
"publishConfig": {
|
|
29
29
|
"access": "public"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@os-design/core": "^1.0.
|
|
33
|
-
"@os-design/icons": "^1.0.
|
|
34
|
-
"@os-design/styles": "^1.0.
|
|
35
|
-
"@os-design/theming": "^1.0.
|
|
36
|
-
"@os-design/utils": "^1.0.
|
|
32
|
+
"@os-design/core": "^1.0.259",
|
|
33
|
+
"@os-design/icons": "^1.0.63",
|
|
34
|
+
"@os-design/styles": "^1.0.60",
|
|
35
|
+
"@os-design/theming": "^1.0.56",
|
|
36
|
+
"@os-design/utils": "^1.0.80",
|
|
37
37
|
"draft-js": "^0.11.7"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@emotion/react": ">=11",
|
|
41
41
|
"@emotion/styled": ">=11",
|
|
42
42
|
"@types/draft-js": "^0.11.18",
|
|
43
|
-
"immutable": "
|
|
43
|
+
"immutable": "^5.0.2"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"@emotion/react": ">=11",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"react": ">=18",
|
|
50
50
|
"react-dom": ">=18"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "73037c89a49a62e8efd6fc87b80052988b0aa199"
|
|
53
53
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { PopoverProps } from '@os-design/core';
|
|
2
2
|
import { EditorState } from 'draft-js';
|
|
3
3
|
import React, { useCallback } from 'react';
|
|
4
|
-
import Toolbar from './Toolbar';
|
|
5
|
-
import ToolbarButton from './ToolbarButton';
|
|
6
|
-
import type { BlockToolbarItem } from './blocks/types';
|
|
7
|
-
import getCurrentBlock from './utils/getCurrentBlock';
|
|
4
|
+
import Toolbar from './Toolbar.js';
|
|
5
|
+
import ToolbarButton from './ToolbarButton.js';
|
|
6
|
+
import type { BlockToolbarItem } from './blocks/types.js';
|
|
7
|
+
import getCurrentBlock from './utils/getCurrentBlock.js';
|
|
8
8
|
|
|
9
9
|
interface BlockToolbarProps extends Omit<PopoverProps, 'onChange'> {
|
|
10
10
|
items: BlockToolbarItem[];
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { PopoverProps } from '@os-design/core';
|
|
2
2
|
import { EditorState, RichUtils } from 'draft-js';
|
|
3
3
|
import React, { useCallback, useMemo } from 'react';
|
|
4
|
-
import Toolbar from './Toolbar';
|
|
5
|
-
import ToolbarButton from './ToolbarButton';
|
|
6
|
-
import type { StyleToolbarItem } from './utils/defaultStyleToolbarItems';
|
|
7
|
-
import setLink from './utils/setLink';
|
|
8
|
-
import unsetLink from './utils/unsetLink';
|
|
4
|
+
import Toolbar from './Toolbar.js';
|
|
5
|
+
import ToolbarButton from './ToolbarButton.js';
|
|
6
|
+
import type { StyleToolbarItem } from './utils/defaultStyleToolbarItems.js';
|
|
7
|
+
import setLink from './utils/setLink.js';
|
|
8
|
+
import unsetLink from './utils/unsetLink.js';
|
|
9
9
|
|
|
10
10
|
interface StyleToolbarProps extends Omit<PopoverProps, 'onChange'> {
|
|
11
11
|
items: StyleToolbarItem[];
|
|
@@ -5,11 +5,11 @@ import { Loading, Picture } from '@os-design/icons';
|
|
|
5
5
|
import { omitEmotionProps, useEvent } from '@os-design/utils';
|
|
6
6
|
import { EditorBlock } from 'draft-js';
|
|
7
7
|
import React, { useCallback, useRef, useState } from 'react';
|
|
8
|
-
import changeBlock from '../utils/changeBlock';
|
|
9
|
-
import getCurrentBlock from '../utils/getCurrentBlock';
|
|
10
|
-
import Figure from './Figure';
|
|
11
|
-
import FigureCaption from './FigureCaption';
|
|
12
|
-
import type { BlockProps, BlockToolbarItem } from './types';
|
|
8
|
+
import changeBlock from '../utils/changeBlock.js';
|
|
9
|
+
import getCurrentBlock from '../utils/getCurrentBlock.js';
|
|
10
|
+
import Figure from './Figure.js';
|
|
11
|
+
import FigureCaption from './FigureCaption.js';
|
|
12
|
+
import type { BlockProps, BlockToolbarItem } from './types.js';
|
|
13
13
|
|
|
14
14
|
const widthStyles = (p) =>
|
|
15
15
|
p.width &&
|
|
@@ -2,11 +2,11 @@ import { Video } from '@os-design/core';
|
|
|
2
2
|
import { Video as VideoIcon } from '@os-design/icons';
|
|
3
3
|
import { EditorBlock } from 'draft-js';
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import changeBlock from '../utils/changeBlock';
|
|
6
|
-
import getCurrentBlock from '../utils/getCurrentBlock';
|
|
7
|
-
import Figure from './Figure';
|
|
8
|
-
import FigureCaption from './FigureCaption';
|
|
9
|
-
import type { BlockProps, BlockToolbarItem } from './types';
|
|
5
|
+
import changeBlock from '../utils/changeBlock.js';
|
|
6
|
+
import getCurrentBlock from '../utils/getCurrentBlock.js';
|
|
7
|
+
import Figure from './Figure.js';
|
|
8
|
+
import FigureCaption from './FigureCaption.js';
|
|
9
|
+
import type { BlockProps, BlockToolbarItem } from './types.js';
|
|
10
10
|
|
|
11
11
|
const VideoBlock: React.FC<BlockProps> = (props) => {
|
|
12
12
|
const { block } = props;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EditorState } from 'draft-js';
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
|
-
import getSelectedBlockElement from '../utils/getSelectedBlockElement';
|
|
3
|
+
import getSelectedBlockElement from '../utils/getSelectedBlockElement.js';
|
|
4
4
|
|
|
5
5
|
interface Rect {
|
|
6
6
|
top: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type EditorProps as DraftEditorProps, EditorState } from 'draft-js';
|
|
2
2
|
import { useCallback } from 'react';
|
|
3
|
-
import addNewBlockAt from '../utils/addNewBlockAt';
|
|
4
|
-
import getCurrentBlock from '../utils/getCurrentBlock';
|
|
3
|
+
import addNewBlockAt from '../utils/addNewBlockAt.js';
|
|
4
|
+
import getCurrentBlock from '../utils/getCurrentBlock.js';
|
|
5
5
|
|
|
6
6
|
type UseReturnHandlerRes = NonNullable<DraftEditorProps['handleReturn']>;
|
|
7
7
|
|
package/src/Editor/index.tsx
CHANGED
|
@@ -9,19 +9,19 @@ import {
|
|
|
9
9
|
EditorState,
|
|
10
10
|
} from 'draft-js';
|
|
11
11
|
import { forwardRef, useCallback, useState } from 'react';
|
|
12
|
-
import BlockToolbar from './BlockToolbar';
|
|
13
|
-
import StyleToolbar from './StyleToolbar';
|
|
14
|
-
import type { BlockToolbarItem } from './blocks/types';
|
|
15
|
-
import useBlockToolbarProps from './hooks/useBlockToolbarProps';
|
|
16
|
-
import usePastedTextHandler from './hooks/usePastedTextHandler';
|
|
17
|
-
import useReturnHandler from './hooks/useReturnHandler';
|
|
18
|
-
import useStyleToolbarProps from './hooks/useStyleToolbarProps';
|
|
19
|
-
import defaultDraftJsStyles from './styles/defaultDraftJsStyles';
|
|
20
|
-
import overrideDraftJsStyles from './styles/overrideDraftJsStyles';
|
|
21
|
-
import createEmptyEditorState from './utils/createEmptyEditorState';
|
|
12
|
+
import BlockToolbar from './BlockToolbar.js';
|
|
13
|
+
import StyleToolbar from './StyleToolbar.js';
|
|
14
|
+
import type { BlockToolbarItem } from './blocks/types.js';
|
|
15
|
+
import useBlockToolbarProps from './hooks/useBlockToolbarProps.js';
|
|
16
|
+
import usePastedTextHandler from './hooks/usePastedTextHandler.js';
|
|
17
|
+
import useReturnHandler from './hooks/useReturnHandler.js';
|
|
18
|
+
import useStyleToolbarProps from './hooks/useStyleToolbarProps.js';
|
|
19
|
+
import defaultDraftJsStyles from './styles/defaultDraftJsStyles.js';
|
|
20
|
+
import overrideDraftJsStyles from './styles/overrideDraftJsStyles.js';
|
|
21
|
+
import createEmptyEditorState from './utils/createEmptyEditorState.js';
|
|
22
22
|
import defaultStyleToolbarItems, {
|
|
23
23
|
type StyleToolbarItem,
|
|
24
|
-
} from './utils/defaultStyleToolbarItems';
|
|
24
|
+
} from './utils/defaultStyleToolbarItems.js';
|
|
25
25
|
|
|
26
26
|
export interface EditorProps
|
|
27
27
|
extends Omit<DraftEditorProps, 'editorState' | 'onChange'>,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ContentState, EditorState } from 'draft-js';
|
|
2
|
-
import createDecorator from './createDecorator';
|
|
2
|
+
import createDecorator from './createDecorator.js';
|
|
3
3
|
|
|
4
4
|
const createContentEditorState = (contentState: ContentState): EditorState =>
|
|
5
5
|
EditorState.createWithContent(contentState, createDecorator());
|
package/src/index.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export { default as Editor } from './Editor';
|
|
2
|
-
export { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';
|
|
3
|
-
export { default as changeBlock } from './Editor/utils/changeBlock';
|
|
4
|
-
export { default as createContentEditorState } from './Editor/utils/createContentEditorState';
|
|
5
|
-
export { default as createDecorator } from './Editor/utils/createDecorator';
|
|
6
|
-
export { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';
|
|
7
|
-
export { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';
|
|
8
|
-
export { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';
|
|
9
|
-
export { default as imageBlock } from './Editor/blocks/imageBlock';
|
|
10
|
-
export { default as videoBlock } from './Editor/blocks/videoBlock';
|
|
11
|
-
export { default as EditorSkeleton } from './EditorSkeleton';
|
|
1
|
+
export { default as Editor } from './Editor/index.js';
|
|
2
|
+
export { default as addNewBlockAt } from './Editor/utils/addNewBlockAt.js';
|
|
3
|
+
export { default as changeBlock } from './Editor/utils/changeBlock.js';
|
|
4
|
+
export { default as createContentEditorState } from './Editor/utils/createContentEditorState.js';
|
|
5
|
+
export { default as createDecorator } from './Editor/utils/createDecorator.js';
|
|
6
|
+
export { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState.js';
|
|
7
|
+
export { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems.js';
|
|
8
|
+
export { default as getCurrentBlock } from './Editor/utils/getCurrentBlock.js';
|
|
9
|
+
export { default as imageBlock } from './Editor/blocks/imageBlock.js';
|
|
10
|
+
export { default as videoBlock } from './Editor/blocks/videoBlock.js';
|
|
11
|
+
export { default as EditorSkeleton } from './EditorSkeleton/index.js';
|
|
12
12
|
|
|
13
|
-
export * from './Editor';
|
|
14
|
-
export * from './Editor/utils/transformers';
|
|
15
|
-
export * from './Editor/blocks/types';
|
|
16
|
-
export * from './EditorSkeleton';
|
|
13
|
+
export * from './Editor/index.js';
|
|
14
|
+
export * from './Editor/utils/transformers.js';
|
|
15
|
+
export * from './Editor/blocks/types.js';
|
|
16
|
+
export * from './EditorSkeleton/index.js';
|