@os-design/editor 1.0.261 → 1.0.263
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.js +3 -3
- package/dist/Editor/StyleToolbar.js +4 -4
- package/dist/Editor/blocks/imageBlock.js +4 -4
- 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.js +10 -10
- 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.js +15 -15
- package/package.json +7 -7
|
@@ -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,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,
|
|
@@ -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;
|
|
@@ -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.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;
|
|
@@ -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.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.263",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": "git@gitlab.com:os-team/libs/os-design.git",
|
|
6
6
|
"type": "module",
|
|
@@ -29,11 +29,11 @@
|
|
|
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.258",
|
|
33
|
+
"@os-design/icons": "^1.0.62",
|
|
34
|
+
"@os-design/styles": "^1.0.59",
|
|
35
|
+
"@os-design/theming": "^1.0.55",
|
|
36
|
+
"@os-design/utils": "^1.0.79",
|
|
37
37
|
"draft-js": "^0.11.7"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"react": ">=18",
|
|
50
50
|
"react-dom": ">=18"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "53c233a23d50ce2f7d9bc3ae9c96d9142e14b7ac"
|
|
53
53
|
}
|