@atlaskit/editor-core 219.1.13 → 219.2.1

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.
Files changed (33) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +148 -0
  3. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +340 -0
  4. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-emotion.js +578 -0
  5. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +9 -567
  6. package/dist/cjs/version-wrapper.js +1 -1
  7. package/dist/es2019/presets/useUniversalPreset.js +1 -0
  8. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +148 -0
  9. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +338 -0
  10. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-emotion.js +574 -0
  11. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +7 -568
  12. package/dist/es2019/version-wrapper.js +1 -1
  13. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +148 -0
  14. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +335 -0
  15. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-emotion.js +570 -0
  16. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +9 -564
  17. package/dist/esm/version-wrapper.js +1 -1
  18. package/dist/types/create-editor/create-universal-preset.d.ts +1 -735
  19. package/dist/types/presets/universal.d.ts +1 -735
  20. package/dist/types/presets/useUniversalPreset.d.ts +1 -735
  21. package/dist/types/ui/Addon/click-area-helper.d.ts +1 -1
  22. package/dist/types/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +29 -0
  23. package/dist/types/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +30 -0
  24. package/dist/types/ui/EditorContentContainer/EditorContentContainer.d.ts +6 -26
  25. package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +1 -1030
  26. package/dist/types-ts4.5/presets/universal.d.ts +1 -1030
  27. package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +1 -1030
  28. package/dist/types-ts4.5/ui/Addon/click-area-helper.d.ts +1 -1
  29. package/dist/types-ts4.5/ui/EditorContentContainer/EditorContentContainer-compiled.d.ts +29 -0
  30. package/dist/types-ts4.5/ui/EditorContentContainer/EditorContentContainer-emotion.d.ts +30 -0
  31. package/dist/types-ts4.5/ui/EditorContentContainer/EditorContentContainer.d.ts +6 -26
  32. package/editor-core.docs.tsx +28 -6
  33. package/package.json +10 -8
@@ -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>) => false | undefined;
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
- * @jsxRuntime classic
3
- * @jsx jsx
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
- 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
- * 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;
@@ -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
- { name: 'Basic composable editor', description: 'Minimal ComposableEditor with preset.', source: path.resolve(packagePath, './examples/1-basic-composable-editor.tsx') },
38
- { name: 'Comment editor', description: 'Comment appearance composable editor.', source: path.resolve(packagePath, './examples/1-comment-editor-component-composable.tsx') },
39
- { name: 'Full page editor', description: 'Full-page appearance composable editor.', source: path.resolve(packagePath, './examples/1-full-page-editor-composable.tsx') },
40
- { name: 'Chromeless editor', description: 'Chromeless appearance with custom UI.', source: path.resolve(packagePath, './examples/1-chromeless-editor-component-composable.tsx') },
41
- { name: 'Collapsed editor', description: 'Async collapsed editor (labs).', source: path.resolve(packagePath, './examples/1-labs-async-collapsed-editor.tsx') },
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.1.13",
3
+ "version": "219.2.1",
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.7.0",
49
+ "@atlaskit/adf-schema": "^52.8.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",
@@ -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.0.0",
77
+ "@atlaskit/tmp-editor-statsig": "^74.7.0",
78
78
  "@atlaskit/tokens": "^13.0.0",
79
79
  "@atlaskit/tooltip": "^21.2.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",
@@ -91,7 +92,7 @@
91
92
  "uuid": "^3.1.0"
92
93
  },
93
94
  "peerDependencies": {
94
- "@atlaskit/editor-common": "^114.15.0",
95
+ "@atlaskit/editor-common": "^114.18.0",
95
96
  "@atlaskit/link-provider": "^4.3.0",
96
97
  "@atlaskit/media-core": "^37.0.0",
97
98
  "react": "^18.2.0",
@@ -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.28.0",
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",
@@ -117,7 +118,7 @@
117
118
  "@atlaskit/media-integration-test-helpers": "workspace:^",
118
119
  "@atlaskit/media-test-helpers": "^41.0.0",
119
120
  "@atlaskit/modal-dialog": "^14.18.0",
120
- "@atlaskit/renderer": "^130.2.0",
121
+ "@atlaskit/renderer": "^130.3.0",
121
122
  "@atlaskit/section-message": "^8.12.0",
122
123
  "@atlaskit/synchrony-test-helpers": "workspace:^",
123
124
  "@atlaskit/toggle": "^15.6.0",
@@ -125,7 +126,7 @@
125
126
  "@atlassian/a11y-jest-testing": "^0.11.0",
126
127
  "@atlassian/a11y-playwright-testing": "^0.9.0",
127
128
  "@atlassian/adf-schema-json": "^1.33.0",
128
- "@atlassian/editor-rovo-bridge": "^8.4.0",
129
+ "@atlassian/editor-rovo-bridge": "^8.5.0",
129
130
  "@atlassian/feature-flags-test-utils": "^1.0.0",
130
131
  "@atlassian/react-compiler-gating": "workspace:^",
131
132
  "@atlassian/search-client": "^1.6.0",
@@ -160,6 +161,7 @@
160
161
  "color"
161
162
  ],
162
163
  "styling": [
164
+ "compiled",
163
165
  "emotion"
164
166
  ]
165
167
  }