@atlaskit/editor-core 219.2.0 → 219.2.2
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/CHANGELOG.md +24 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +148 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +340 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +578 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +9 -567
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/presets/useUniversalPreset.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +148 -0
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +338 -0
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +574 -0
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +7 -568
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +148 -0
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +335 -0
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +570 -0
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +9 -564
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-universal-preset.d.ts +1 -736
- package/dist/types/presets/universal.d.ts +1 -736
- package/dist/types/presets/useUniversalPreset.d.ts +1 -736
- package/dist/types/ui/Addon/click-area-helper.d.ts +1 -1
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +29 -0
- package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +30 -0
- package/dist/types/ui/EditorContentContainer/EditorContentContainer.d.ts +6 -26
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +1 -1031
- package/dist/types-ts4.5/presets/universal.d.ts +1 -1031
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +1 -1031
- package/dist/types-ts4.5/ui/Addon/click-area-helper.d.ts +1 -1
- package/dist/types-ts4.5/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +29 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +30 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/EditorContentContainer.d.ts +6 -26
- package/editor-core.docs.tsx +28 -6
- package/package.json +9 -7
|
@@ -9,6 +9,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
|
9
9
|
* 2. if another modal is open (e.g. delete confirmation modal for confluence table) then ignore clicks as they shouldn't influence editor state
|
|
10
10
|
*/
|
|
11
11
|
export declare const checkForModal: (target: HTMLElement | null) => boolean;
|
|
12
|
-
declare const clickAreaClickHandler: (view: EditorView, event: React.MouseEvent<HTMLElement>) =>
|
|
12
|
+
declare const clickAreaClickHandler: (view: EditorView, event: React.MouseEvent<HTMLElement>) => boolean | void;
|
|
13
13
|
export declare const outsideProsemirrorEditorClickHandler: (view: EditorView, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
14
14
|
export { clickAreaClickHandler };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
* Compiled migration: platform_editor_core_static_css
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import type { EditorAppearance, EditorContentMode, FeatureFlags } from '@atlaskit/editor-common/types';
|
|
8
|
+
export type EditorContentContainerProps = {
|
|
9
|
+
appearance?: EditorAppearance;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
contentMode?: EditorContentMode;
|
|
13
|
+
featureFlags?: FeatureFlags;
|
|
14
|
+
isScrollable?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* When true, nodes maintain their standard width without negative margins
|
|
17
|
+
* For when the drag handle is visible and the editor has limited space.
|
|
18
|
+
*/
|
|
19
|
+
useStandardNodeWidth?: boolean;
|
|
20
|
+
viewMode?: 'view' | 'edit';
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* EditorContentStyles is a wrapper component that applies styles to its children
|
|
24
|
+
* based on the provided feature flags, view mode, and other props.
|
|
25
|
+
* It uses Emotion for styling and supports scrollable content.
|
|
26
|
+
*
|
|
27
|
+
* This will be used in near future to replace the current editor content styles from index.tsx
|
|
28
|
+
*/
|
|
29
|
+
export declare const EditorContentContainerCompiled: React.ForwardRefExoticComponent<EditorContentContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import type { EditorAppearance, EditorContentMode, FeatureFlags } from '@atlaskit/editor-common/types';
|
|
7
|
+
export type EditorContentContainerProps = {
|
|
8
|
+
appearance?: EditorAppearance;
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
contentMode?: EditorContentMode;
|
|
12
|
+
featureFlags?: FeatureFlags;
|
|
13
|
+
isScrollable?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* When true, nodes maintain their standard width without negative margins
|
|
16
|
+
* For when the drag handle is visible and the editor has limited space.
|
|
17
|
+
*/
|
|
18
|
+
useStandardNodeWidth?: boolean;
|
|
19
|
+
viewMode?: 'view' | 'edit';
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* EditorContentStyles is a wrapper component that applies styles to its children
|
|
23
|
+
* based on the provided feature flags, view mode, and other props.
|
|
24
|
+
* It uses Emotion for styling and supports scrollable content.
|
|
25
|
+
*
|
|
26
|
+
* Migration WIP
|
|
27
|
+
* If you are touching EditorContentContainerEmotion, please contact with #proj-cc-editor-full-compiled-css-migration
|
|
28
|
+
* https://home.atlassian.com/o/2346a038-3c8c-498b-a79b-e7847859868d/s/a436116f-02ce-4520-8fbb-7301462a1674/project/ATLAS-120555
|
|
29
|
+
*/
|
|
30
|
+
export declare const EditorContentContainerEmotion: React.ForwardRefExoticComponent<EditorContentContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,29 +1,9 @@
|
|
|
1
|
+
import React, { type FC } from 'react';
|
|
2
|
+
import { type EditorContentContainerProps } from './EditorContentContainer-compiled';
|
|
1
3
|
/**
|
|
2
|
-
*
|
|
3
|
-
*
|
|
4
|
+
* Compiled Migration is WIP
|
|
5
|
+
* If you are touching EditorContentContainerEmotion, please contact with #proj-cc-editor-full-compiled-css-migration
|
|
6
|
+
* https://home.atlassian.com/o/2346a038-3c8c-498b-a79b-e7847859868d/s/a436116f-02ce-4520-8fbb-7301462a1674/project/ATLAS-120555
|
|
4
7
|
*/
|
|
5
|
-
|
|
6
|
-
import type { EditorAppearance, EditorContentMode, FeatureFlags } from '@atlaskit/editor-common/types';
|
|
7
|
-
export type EditorContentContainerProps = {
|
|
8
|
-
appearance?: EditorAppearance;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
className?: string;
|
|
11
|
-
contentMode?: EditorContentMode;
|
|
12
|
-
featureFlags?: FeatureFlags;
|
|
13
|
-
isScrollable?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* When true, nodes maintain their standard width without negative margins
|
|
16
|
-
* For when the drag handle is visible and the editor has limited space.
|
|
17
|
-
*/
|
|
18
|
-
useStandardNodeWidth?: boolean;
|
|
19
|
-
viewMode?: 'view' | 'edit';
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* EditorContentStyles is a wrapper component that applies styles to its children
|
|
23
|
-
* based on the provided feature flags, view mode, and other props.
|
|
24
|
-
* It uses Emotion for styling and supports scrollable content.
|
|
25
|
-
*
|
|
26
|
-
* This will be used in near future to replace the current editor content styles from index.tsx
|
|
27
|
-
*/
|
|
28
|
-
declare const EditorContentContainer: React.ForwardRefExoticComponent<EditorContentContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const EditorContentContainer: FC<Omit<EditorContentContainerProps & React.RefAttributes<HTMLDivElement>, 'ref'> & Omit<EditorContentContainerProps & React.RefAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<HTMLDivElement>>;
|
|
29
9
|
export default EditorContentContainer;
|
package/editor-core.docs.tsx
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
|
|
6
6
|
import path from 'path';
|
|
7
7
|
|
|
8
|
-
|
|
9
8
|
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
10
9
|
|
|
11
10
|
import packageJson from './package.json';
|
|
@@ -34,11 +33,34 @@ const documentation: ComponentStructuredContentSource[] = [
|
|
|
34
33
|
keywords: ['editor', 'editor-core', 'atlaskit'],
|
|
35
34
|
categories: ['editor'],
|
|
36
35
|
examples: [
|
|
37
|
-
{
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
{
|
|
37
|
+
name: 'Basic composable editor',
|
|
38
|
+
description: 'Minimal ComposableEditor with preset.',
|
|
39
|
+
source: path.resolve(packagePath, './examples/1-basic-composable-editor.tsx'),
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
name: 'Comment editor',
|
|
43
|
+
description: 'Comment appearance composable editor.',
|
|
44
|
+
source: path.resolve(packagePath, './examples/1-comment-editor-component-composable.tsx'),
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
name: 'Full page editor',
|
|
48
|
+
description: 'Full-page appearance composable editor.',
|
|
49
|
+
source: path.resolve(packagePath, './examples/1-full-page-editor-composable.tsx'),
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
name: 'Chromeless editor',
|
|
53
|
+
description: 'Chromeless appearance with custom UI.',
|
|
54
|
+
source: path.resolve(
|
|
55
|
+
packagePath,
|
|
56
|
+
'./examples/1-chromeless-editor-component-composable.tsx',
|
|
57
|
+
),
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
name: 'Collapsed editor',
|
|
61
|
+
description: 'Async collapsed editor (labs).',
|
|
62
|
+
source: path.resolve(packagePath, './examples/1-labs-async-collapsed-editor.tsx'),
|
|
63
|
+
},
|
|
42
64
|
],
|
|
43
65
|
},
|
|
44
66
|
];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "219.2.
|
|
3
|
+
"version": "219.2.2",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"importSpecifierName": "isReactCompilerActivePlatform"
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
|
-
"team": "Editor",
|
|
35
|
+
"team": "Editor: Lego",
|
|
36
36
|
"singleton": true,
|
|
37
37
|
"website": {
|
|
38
38
|
"name": "Editor Core"
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@atlaskit/activity-provider": "^2.5.0",
|
|
49
|
-
"@atlaskit/adf-schema": "^52.
|
|
49
|
+
"@atlaskit/adf-schema": "^52.9.0",
|
|
50
50
|
"@atlaskit/afm-i18n-platform-editor-editor-core": "2.10.0",
|
|
51
51
|
"@atlaskit/analytics-namespaced-context": "^7.2.0",
|
|
52
52
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@atlaskit/editor-ssr-renderer": "^5.1.0",
|
|
65
65
|
"@atlaskit/editor-toolbar": "^1.0.0",
|
|
66
66
|
"@atlaskit/editor-toolbar-model": "^0.4.0",
|
|
67
|
-
"@atlaskit/emoji": "^70.
|
|
67
|
+
"@atlaskit/emoji": "^70.3.0",
|
|
68
68
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
69
69
|
"@atlaskit/icon": "^34.3.0",
|
|
70
70
|
"@atlaskit/link": "^3.4.0",
|
|
@@ -74,11 +74,12 @@
|
|
|
74
74
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
75
75
|
"@atlaskit/react-ufo": "^5.18.0",
|
|
76
76
|
"@atlaskit/task-decision": "^20.0.0",
|
|
77
|
-
"@atlaskit/tmp-editor-statsig": "^74.
|
|
77
|
+
"@atlaskit/tmp-editor-statsig": "^74.7.0",
|
|
78
78
|
"@atlaskit/tokens": "^13.0.0",
|
|
79
|
-
"@atlaskit/tooltip": "^
|
|
79
|
+
"@atlaskit/tooltip": "^22.0.0",
|
|
80
80
|
"@atlaskit/width-detector": "^5.1.0",
|
|
81
81
|
"@babel/runtime": "^7.0.0",
|
|
82
|
+
"@compiled/react": "^0.20.0",
|
|
82
83
|
"@emotion/react": "^11.7.1",
|
|
83
84
|
"@types/react-loadable": "^5.4.1",
|
|
84
85
|
"@types/rison": "^0.0.6",
|
|
@@ -102,7 +103,7 @@
|
|
|
102
103
|
"@af/editor-libra": "workspace:^",
|
|
103
104
|
"@af/suppress-react-warnings": "workspace:^",
|
|
104
105
|
"@af/visual-regression": "workspace:^",
|
|
105
|
-
"@atlaskit/adf-utils": "^19.
|
|
106
|
+
"@atlaskit/adf-utils": "^19.29.0",
|
|
106
107
|
"@atlaskit/analytics-listeners": "^10.0.0",
|
|
107
108
|
"@atlaskit/collab-provider": "^18.1.0",
|
|
108
109
|
"@atlaskit/editor-plugin-annotation": "^10.1.0",
|
|
@@ -160,6 +161,7 @@
|
|
|
160
161
|
"color"
|
|
161
162
|
],
|
|
162
163
|
"styling": [
|
|
164
|
+
"compiled",
|
|
163
165
|
"emotion"
|
|
164
166
|
]
|
|
165
167
|
}
|