@atlaskit/editor-core 220.3.1 → 220.4.0
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 +17 -0
- package/dist/cjs/composable-editor/core-editor.js +3 -1
- package/dist/cjs/composable-editor/editor-internal.js +1 -0
- package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js +4 -1
- package/dist/cjs/create-editor/ErrorBoundary.js +2 -1
- package/dist/cjs/create-editor/ReactEditorView.js +1 -1
- package/dist/cjs/create-editor/consts.js +2 -0
- package/dist/cjs/create-editor/create-plugins-list.js +1 -0
- package/dist/cjs/create-editor/create-schema.js +3 -0
- package/dist/cjs/presets/context.js +5 -0
- package/dist/cjs/presets/default.js +1 -0
- package/dist/cjs/presets/universal.js +1 -0
- package/dist/cjs/ui/Addon/ClickAreaBlock/contentComponentWrapper.js +1 -0
- package/dist/cjs/ui/Addon/ClickAreaBlock/index.js +2 -0
- package/dist/cjs/ui/Appearance/Comment/Comment.js +7 -2
- package/dist/cjs/ui/Appearance/Comment/Toolbar.js +12 -2
- package/dist/cjs/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -0
- package/dist/cjs/ui/Appearance/FullPage/CustomToolbarWrapper-emotion.js +1 -0
- package/dist/cjs/ui/Appearance/FullPage/CustomToolbarWrapper.js +1 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +3 -0
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/MainToolbar-compiled.js +4 -0
- package/dist/cjs/ui/Appearance/FullPage/MainToolbar-emotion.js +4 -0
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +3 -3
- package/dist/cjs/ui/ContextPanel/index-compiled.js +2 -0
- package/dist/cjs/ui/ContextPanel/index-emotion.js +2 -0
- package/dist/cjs/ui/ContextPanel/index.js +2 -0
- package/dist/cjs/ui/EditorContentContainer/styles/aiPanel.js +3 -0
- package/dist/cjs/ui/EditorContentContainer/styles/backgroundColorStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/baseStyles.js +5 -0
- package/dist/cjs/ui/EditorContentContainer/styles/blockTypeStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/codeBlockStyles.js +4 -0
- package/dist/cjs/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/dateStyles.js +3 -0
- package/dist/cjs/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +3 -0
- package/dist/cjs/ui/EditorContentContainer/styles/emoji.js +4 -0
- package/dist/cjs/ui/EditorContentContainer/styles/expandStyles.js +6 -0
- package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +4 -0
- package/dist/cjs/ui/EditorContentContainer/styles/gapCursorStyles.js +2 -0
- package/dist/cjs/ui/EditorContentContainer/styles/layout.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/link.js +2 -0
- package/dist/cjs/ui/EditorContentContainer/styles/list.js +6 -1
- package/dist/cjs/ui/EditorContentContainer/styles/mediaStyles.js +4 -0
- package/dist/cjs/ui/EditorContentContainer/styles/mentions.js +4 -0
- package/dist/cjs/ui/EditorContentContainer/styles/panelStyles.js +5 -0
- package/dist/cjs/ui/EditorContentContainer/styles/paragraphStyles.js +4 -0
- package/dist/cjs/ui/EditorContentContainer/styles/placeholderStyles.js +3 -0
- package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/rule.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/selectionStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/shadowStyles.js +2 -0
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +6 -0
- package/dist/cjs/ui/EditorContentContainer/styles/syncBlockStyles.js +4 -0
- package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js +6 -0
- package/dist/cjs/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/telepointerStyles.js +1 -0
- package/dist/cjs/ui/EditorContentContainer/styles/unsupportedStyles.js +1 -0
- package/dist/cjs/ui/EditorContext/index.js +2 -2
- package/dist/cjs/ui/Toolbar/Toolbar.js +1 -0
- package/dist/cjs/ui/Toolbar/ToolbarPortal.js +3 -0
- package/dist/cjs/ui/Toolbar/toolbar-size.js +2 -0
- package/dist/cjs/utils/performance/safer-transactions.js +1 -0
- package/dist/cjs/utils/performance/track-transactions.js +7 -0
- package/dist/cjs/version-wrapper.js +2 -1
- package/dist/es2019/composable-editor/core-editor.js +3 -1
- package/dist/es2019/composable-editor/editor-internal.js +1 -0
- package/dist/es2019/composable-editor/hooks/useMemoEditorProps.js +4 -1
- package/dist/es2019/create-editor/ErrorBoundary.js +3 -0
- package/dist/es2019/create-editor/ReactEditorView.js +1 -1
- package/dist/es2019/create-editor/consts.js +2 -0
- package/dist/es2019/create-editor/create-plugins-list.js +1 -0
- package/dist/es2019/create-editor/create-schema.js +3 -0
- package/dist/es2019/presets/context.js +5 -0
- package/dist/es2019/presets/default.js +1 -0
- package/dist/es2019/presets/universal.js +1 -0
- package/dist/es2019/ui/Addon/ClickAreaBlock/contentComponentWrapper.js +1 -0
- package/dist/es2019/ui/Addon/ClickAreaBlock/index.js +2 -0
- package/dist/es2019/ui/Appearance/Comment/Comment.js +7 -2
- package/dist/es2019/ui/Appearance/Comment/Toolbar.js +12 -2
- package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -0
- package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper-emotion.js +1 -0
- package/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper.js +1 -0
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +3 -0
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/MainToolbar-compiled.js +4 -0
- package/dist/es2019/ui/Appearance/FullPage/MainToolbar-emotion.js +4 -0
- package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +3 -3
- package/dist/es2019/ui/ContextPanel/index-compiled.js +2 -0
- package/dist/es2019/ui/ContextPanel/index-emotion.js +2 -0
- package/dist/es2019/ui/ContextPanel/index.js +2 -0
- package/dist/es2019/ui/EditorContentContainer/styles/aiPanel.js +3 -0
- package/dist/es2019/ui/EditorContentContainer/styles/backgroundColorStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/baseStyles.js +5 -0
- package/dist/es2019/ui/EditorContentContainer/styles/blockTypeStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/codeBlockStyles.js +4 -0
- package/dist/es2019/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/dateStyles.js +3 -0
- package/dist/es2019/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +3 -0
- package/dist/es2019/ui/EditorContentContainer/styles/emoji.js +4 -0
- package/dist/es2019/ui/EditorContentContainer/styles/expandStyles.js +6 -0
- package/dist/es2019/ui/EditorContentContainer/styles/extensionStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +4 -0
- package/dist/es2019/ui/EditorContentContainer/styles/gapCursorStyles.js +2 -0
- package/dist/es2019/ui/EditorContentContainer/styles/layout.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/link.js +2 -0
- package/dist/es2019/ui/EditorContentContainer/styles/list.js +6 -1
- package/dist/es2019/ui/EditorContentContainer/styles/mediaStyles.js +4 -0
- package/dist/es2019/ui/EditorContentContainer/styles/mentions.js +4 -0
- package/dist/es2019/ui/EditorContentContainer/styles/panelStyles.js +5 -0
- package/dist/es2019/ui/EditorContentContainer/styles/paragraphStyles.js +4 -0
- package/dist/es2019/ui/EditorContentContainer/styles/placeholderStyles.js +3 -0
- package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/rule.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/selectionStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/shadowStyles.js +2 -0
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +6 -0
- package/dist/es2019/ui/EditorContentContainer/styles/syncBlockStyles.js +4 -0
- package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js +6 -0
- package/dist/es2019/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/telepointerStyles.js +1 -0
- package/dist/es2019/ui/EditorContentContainer/styles/unsupportedStyles.js +1 -0
- package/dist/es2019/ui/EditorContext/index.js +3 -1
- package/dist/es2019/ui/Toolbar/Toolbar.js +1 -0
- package/dist/es2019/ui/Toolbar/ToolbarPortal.js +3 -0
- package/dist/es2019/ui/Toolbar/toolbar-size.js +2 -0
- package/dist/es2019/utils/performance/safer-transactions.js +1 -0
- package/dist/es2019/utils/performance/track-transactions.js +7 -0
- package/dist/es2019/version-wrapper.js +2 -1
- package/dist/esm/composable-editor/core-editor.js +3 -1
- package/dist/esm/composable-editor/editor-internal.js +1 -0
- package/dist/esm/composable-editor/hooks/useMemoEditorProps.js +4 -1
- package/dist/esm/create-editor/ErrorBoundary.js +3 -0
- package/dist/esm/create-editor/ReactEditorView.js +1 -1
- package/dist/esm/create-editor/consts.js +2 -0
- package/dist/esm/create-editor/create-plugins-list.js +1 -0
- package/dist/esm/create-editor/create-schema.js +3 -0
- package/dist/esm/presets/context.js +5 -0
- package/dist/esm/presets/default.js +1 -0
- package/dist/esm/presets/universal.js +1 -0
- package/dist/esm/ui/Addon/ClickAreaBlock/contentComponentWrapper.js +1 -0
- package/dist/esm/ui/Addon/ClickAreaBlock/index.js +2 -0
- package/dist/esm/ui/Appearance/Comment/Comment.js +7 -2
- package/dist/esm/ui/Appearance/Comment/Toolbar.js +12 -2
- package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js +1 -0
- package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-emotion.js +1 -0
- package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper.js +1 -0
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +3 -0
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/MainToolbar-compiled.js +4 -0
- package/dist/esm/ui/Appearance/FullPage/MainToolbar-emotion.js +4 -0
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +3 -3
- package/dist/esm/ui/ContextPanel/index-compiled.js +2 -0
- package/dist/esm/ui/ContextPanel/index-emotion.js +2 -0
- package/dist/esm/ui/ContextPanel/index.js +2 -0
- package/dist/esm/ui/EditorContentContainer/styles/aiPanel.js +3 -0
- package/dist/esm/ui/EditorContentContainer/styles/backgroundColorStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/baseStyles.js +5 -0
- package/dist/esm/ui/EditorContentContainer/styles/blockTypeStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/codeBlockStyles.js +4 -0
- package/dist/esm/ui/EditorContentContainer/styles/codeMarkStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/dateStyles.js +3 -0
- package/dist/esm/ui/EditorContentContainer/styles/editorUGCTokenStyles.js +3 -0
- package/dist/esm/ui/EditorContentContainer/styles/emoji.js +4 -0
- package/dist/esm/ui/EditorContentContainer/styles/expandStyles.js +6 -0
- package/dist/esm/ui/EditorContentContainer/styles/extensionStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +4 -0
- package/dist/esm/ui/EditorContentContainer/styles/gapCursorStyles.js +2 -0
- package/dist/esm/ui/EditorContentContainer/styles/layout.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/link.js +2 -0
- package/dist/esm/ui/EditorContentContainer/styles/list.js +6 -1
- package/dist/esm/ui/EditorContentContainer/styles/mediaStyles.js +4 -0
- package/dist/esm/ui/EditorContentContainer/styles/mentions.js +4 -0
- package/dist/esm/ui/EditorContentContainer/styles/panelStyles.js +5 -0
- package/dist/esm/ui/EditorContentContainer/styles/paragraphStyles.js +4 -0
- package/dist/esm/ui/EditorContentContainer/styles/placeholderStyles.js +3 -0
- package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/rule.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/selectionStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/shadowStyles.js +2 -0
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +6 -0
- package/dist/esm/ui/EditorContentContainer/styles/syncBlockStyles.js +4 -0
- package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js +6 -0
- package/dist/esm/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/telepointerStyles.js +1 -0
- package/dist/esm/ui/EditorContentContainer/styles/unsupportedStyles.js +1 -0
- package/dist/esm/ui/EditorContext/index.js +3 -1
- package/dist/esm/ui/Toolbar/Toolbar.js +1 -0
- package/dist/esm/ui/Toolbar/ToolbarPortal.js +3 -0
- package/dist/esm/ui/Toolbar/toolbar-size.js +2 -0
- package/dist/esm/utils/performance/safer-transactions.js +1 -0
- package/dist/esm/utils/performance/track-transactions.js +7 -0
- package/dist/esm/version-wrapper.js +2 -1
- package/dist/types/types/editor-appearance-component.d.ts +1 -0
- package/dist/types/types/editor-props.d.ts +1 -0
- package/dist/types/ui/Appearance/Comment/Toolbar.d.ts +2 -1
- package/dist/types-ts4.5/types/editor-appearance-component.d.ts +1 -0
- package/dist/types-ts4.5/types/editor-props.d.ts +1 -0
- package/dist/types-ts4.5/ui/Appearance/Comment/Toolbar.d.ts +2 -1
- package/package.json +5 -5
|
@@ -28,6 +28,7 @@ export const tableLayoutFixes = css({
|
|
|
28
28
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
29
29
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
30
30
|
*/
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
31
32
|
export const tableLayoutFixesWithFontSize = css({
|
|
32
33
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
33
34
|
'.pm-table-header-content-wrap :not(.fabric-editor-alignment, .fabric-editor-font-size), .pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark, .pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark': {
|
|
@@ -47,6 +48,7 @@ export const tableLayoutFixesWithFontSize = css({
|
|
|
47
48
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
48
49
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
49
50
|
*/
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
50
52
|
export const tableCommentEditorMarginOverride = css({
|
|
51
53
|
marginLeft: 0,
|
|
52
54
|
marginRight: 0
|
|
@@ -57,6 +59,7 @@ export const tableCommentEditorMarginOverride = css({
|
|
|
57
59
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
58
60
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
59
61
|
*/
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
60
63
|
export const tableCommentEditorStyles = css({
|
|
61
64
|
// TODO: ED-28075 - refactor array include to unblock Compiled CSS migration
|
|
62
65
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -68,6 +71,7 @@ export const tableCommentEditorStyles = css({
|
|
|
68
71
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
69
72
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
70
73
|
*/
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
71
75
|
export const tableContainerStyles = css({
|
|
72
76
|
/* Fix for HOT-119925: Ensure table containers have proper width constraints and overflow handling */
|
|
73
77
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -98,6 +102,7 @@ export const tableContainerStyles = css({
|
|
|
98
102
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
99
103
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
100
104
|
*/
|
|
105
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
101
106
|
export const tableEmptyRowStyles = css({
|
|
102
107
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
103
108
|
'.ProseMirror .pm-table-wrapper': {
|
|
@@ -117,6 +122,7 @@ export const tableEmptyRowStyles = css({
|
|
|
117
122
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
118
123
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
119
124
|
*/
|
|
125
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
120
126
|
export const tableContentModeStyles = css({
|
|
121
127
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
122
128
|
'.pm-table-resizer-container:has(table[data-initial-width-mode="content"])': {
|
|
@@ -168,6 +168,7 @@ export const telepointerColorAndCommonStyle = css({
|
|
|
168
168
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
169
169
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
170
170
|
*/
|
|
171
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
171
172
|
export const telepointerStyle = css({
|
|
172
173
|
'.ProseMirror .telepointer': {
|
|
173
174
|
'&.telepointer-selection-badge': {
|
|
@@ -22,6 +22,7 @@ export const UnsupportedSharedCssClassName = {
|
|
|
22
22
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
23
23
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
24
24
|
*/
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
25
26
|
export const unsupportedStyles = css({
|
|
26
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
27
28
|
[`.${UnsupportedSharedCssClassName.BLOCK_CONTAINER} > div, .${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span:nth-of-type(2)`]: {
|
|
@@ -4,7 +4,7 @@ import EditorActions from '../../actions';
|
|
|
4
4
|
export const useEditorContext = () => React.useContext(EditorContext);
|
|
5
5
|
|
|
6
6
|
// Ignored via go/ees005
|
|
7
|
-
// eslint-disable-next-line @repo/internal/react/no-class-components, react/prefer-stateless-function
|
|
7
|
+
// eslint-disable-next-line @repo/internal/react/no-class-components, react/prefer-stateless-function, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
8
8
|
export class LegacyEditorContext extends React.Component {
|
|
9
9
|
constructor(props) {
|
|
10
10
|
super(props);
|
|
@@ -19,6 +19,8 @@ export class LegacyEditorContext extends React.Component {
|
|
|
19
19
|
}, this.props.children);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
+
|
|
23
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
22
24
|
export default (props => /*#__PURE__*/React.createElement(LegacyEditorContext, {
|
|
23
25
|
editorActions: props.editorActions
|
|
24
26
|
}, props.children));
|
|
@@ -53,6 +53,7 @@ const usePluginState = api => {
|
|
|
53
53
|
*
|
|
54
54
|
* The majority of components UI should use `@atlaskit/editor-toolbar` components.
|
|
55
55
|
*/
|
|
56
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
56
57
|
export const ToolbarNext = ({
|
|
57
58
|
toolbar,
|
|
58
59
|
components,
|
|
@@ -20,12 +20,15 @@ export const ToolbarPortalContextProvider = ({
|
|
|
20
20
|
// NOTE: This doesn't throw on undefined context on purpose, as it is likely that
|
|
21
21
|
// the outer toolbar _won't_ have a context provider as it is unlikely to portal
|
|
22
22
|
// anywhere
|
|
23
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
23
24
|
export const useToolbarPortal = () => {
|
|
24
25
|
return React.useContext(ToolbarPortalContext);
|
|
25
26
|
};
|
|
26
27
|
const toolbarPortalStyles = {
|
|
27
28
|
portal: "_1r04ze3t _kqswstnw _fiawglyw"
|
|
28
29
|
};
|
|
30
|
+
|
|
31
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
29
32
|
export const ToolbarPortalMountPoint = () => {
|
|
30
33
|
const portal = useToolbarPortal();
|
|
31
34
|
|
|
@@ -86,6 +86,8 @@ export const toolbarSizeToWidth = (toolbarSize, appearance) => {
|
|
|
86
86
|
width: ToolbarWidths.S
|
|
87
87
|
}).width;
|
|
88
88
|
};
|
|
89
|
+
|
|
90
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
89
91
|
export const widthToToolbarSize = (toolbarWidth, appearance) => {
|
|
90
92
|
return (toolbarSizesForAppearance(appearance).find(({
|
|
91
93
|
width
|
|
@@ -4,6 +4,7 @@ export const UNSAFE_PROPERTY_SET_ERROR = 'Setting an unsafe property on transact
|
|
|
4
4
|
// since selection uses curSelection under the hood, we guard setSelection instead
|
|
5
5
|
const isUnsafeMethod = prop => ['setSelection'].includes(prop.toString());
|
|
6
6
|
const isReadOnlyProperty = prop => ['doc', 'docs', 'steps', 'selection'].includes(prop.toString());
|
|
7
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
7
8
|
export const freezeUnsafeTransactionProperties = ({
|
|
8
9
|
dispatchAnalyticsEvent,
|
|
9
10
|
pluginKey
|
|
@@ -3,13 +3,20 @@ import { isPerformanceAPIAvailable } from '@atlaskit/editor-common/is-performanc
|
|
|
3
3
|
import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
|
|
4
4
|
import { getTimeSince } from './getTimeSince';
|
|
5
5
|
export const EVENT_NAME_STATE_APPLY = `🦉 EditorView::state::apply`;
|
|
6
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
6
7
|
export const EVENT_NAME_UPDATE_STATE = `🦉 EditorView::updateState`;
|
|
8
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
7
9
|
export const EVENT_NAME_VIEW_STATE_UPDATED = `🦉 EditorView::onEditorViewStateUpdated`;
|
|
10
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
8
11
|
export const EVENT_NAME_ON_CHANGE = `🦉 ReactEditorView::onChange`;
|
|
12
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
9
13
|
export const EVENT_NAME_DISPATCH_TRANSACTION = `🦉 ReactEditorView::dispatchTransaction`;
|
|
14
|
+
|
|
15
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
10
16
|
export const DEFAULT_USE_PERFORMANCE_MARK = false;
|
|
11
17
|
const DEFAULT_SAMPLING_RATE = 100;
|
|
12
18
|
const noop = () => {};
|
|
19
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
13
20
|
export class TransactionTracker {
|
|
14
21
|
constructor() {
|
|
15
22
|
// Counter so we can rate limit the transaction performance tracking
|
|
@@ -135,7 +135,7 @@ export function CoreEditor(props) {
|
|
|
135
135
|
featureFlags: memodEditorFeatureFlags
|
|
136
136
|
})));
|
|
137
137
|
}
|
|
138
|
-
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
138
|
+
// eslint-disable-next-line @typescript-eslint/no-namespace, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
139
139
|
|
|
140
140
|
CoreEditor.propTypes = {
|
|
141
141
|
minHeight: function minHeight(_ref) {
|
|
@@ -147,4 +147,6 @@ CoreEditor.propTypes = {
|
|
|
147
147
|
return null;
|
|
148
148
|
}
|
|
149
149
|
};
|
|
150
|
+
|
|
151
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
150
152
|
export default CoreEditor;
|
|
@@ -138,6 +138,7 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
|
|
|
138
138
|
collabEdit: props.collabEdit,
|
|
139
139
|
persistScrollGutter: props.persistScrollGutter,
|
|
140
140
|
enableToolbarMinWidth: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.toolbarMinWidthOverflow) != null ? !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.toolbarMinWidthOverflow) : props.allowUndoRedoButtons,
|
|
141
|
+
isEditorModernisationEnabled: props.isEditorModernisationEnabled,
|
|
141
142
|
useStickyToolbar: props.useStickyToolbar,
|
|
142
143
|
featureFlags: featureFlags,
|
|
143
144
|
pluginHooks: config.pluginHooks,
|
|
@@ -37,6 +37,7 @@ export var useMemoEditorProps = function useMemoEditorProps(passedProps) {
|
|
|
37
37
|
extensionProviders: passedProps.extensionProviders,
|
|
38
38
|
UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
|
|
39
39
|
useStickyToolbar: passedProps.useStickyToolbar,
|
|
40
|
+
isEditorModernisationEnabled: passedProps.isEditorModernisationEnabled,
|
|
40
41
|
featureFlags: passedProps.featureFlags,
|
|
41
42
|
onSave: passedProps.onSave,
|
|
42
43
|
sanitizePrivateContent: passedProps.sanitizePrivateContent,
|
|
@@ -112,7 +113,9 @@ export var useMemoEditorProps = function useMemoEditorProps(passedProps) {
|
|
|
112
113
|
};
|
|
113
114
|
var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
|
|
114
115
|
return nextProps;
|
|
115
|
-
}, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
|
|
116
|
+
}, [passedProps.preset, passedProps.appearance, passedProps.contentMode, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.performanceTracking, passedProps.inputSamplingLimit, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.assistiveDescribedBy, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.onSSRMeasure, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.useStickyToolbar, passedProps.isEditorModernisationEnabled, passedProps.featureFlags, passedProps.onSave, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowFindReplace, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.__livePage, passedProps.AppearanceComponent, passedProps.skipValidation, passedProps.syncBlock, passedProps.syncedBlockProvider, passedProps.pasteWarningOptions]);
|
|
116
117
|
return memodProps;
|
|
117
118
|
};
|
|
119
|
+
|
|
120
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
118
121
|
export default useMemoEditorProps;
|
|
@@ -179,6 +179,8 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
|
|
|
179
179
|
}
|
|
180
180
|
}]);
|
|
181
181
|
}(React.Component);
|
|
182
|
+
|
|
183
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
182
184
|
_defineProperty(ErrorBoundaryWithEditorView, "defaultProps", {
|
|
183
185
|
rethrow: true,
|
|
184
186
|
errorTracking: true
|
|
@@ -205,4 +207,5 @@ _defineProperty(ErrorBoundaryWithEditorViewWithAnalyticsReactContext, "contextTy
|
|
|
205
207
|
var _default_1 = componentWithCondition(function () {
|
|
206
208
|
return fg('platform_editor_sentry_breadcrumbs');
|
|
207
209
|
}, WithEditorView(ErrorBoundaryWithEditorViewWithAnalyticsReactContext), WithEditorView(ErrorBoundaryWithEditorView));
|
|
210
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
208
211
|
export default _default_1;
|
|
@@ -1139,5 +1139,5 @@ export function ReactEditorView(props) {
|
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
1141
|
// Preserving exact type generated by TypeScript
|
|
1142
|
-
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
1142
|
+
// eslint-disable-next-line @typescript-eslint/ban-types, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
1143
1143
|
export default injectIntl(ReactEditorView);
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
export var PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
2
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
2
3
|
export var PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
4
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
3
5
|
export var DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS = 100;
|
|
@@ -73,6 +73,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
|
|
|
73
73
|
* Note: The order that presets are added determines
|
|
74
74
|
* their placement in the editor toolbar.
|
|
75
75
|
*/
|
|
76
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
76
77
|
export default function createPluginsList(
|
|
77
78
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
78
79
|
preset, props, pluginInjectionAPI) {
|
|
@@ -44,6 +44,7 @@ export var wrapToDOMProxy = function wrapToDOMProxy(toDOM) {
|
|
|
44
44
|
* @returns {T} A proxied NodeSpec or MarkSpec object where the `toDOM` method is enhanced
|
|
45
45
|
* with metadata attributes.
|
|
46
46
|
*/
|
|
47
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
47
48
|
export var wrapNodeSpecProxy = function wrapNodeSpecProxy(spec) {
|
|
48
49
|
return new Proxy(spec, {
|
|
49
50
|
get: function get(target, prop, receiver) {
|
|
@@ -55,6 +56,8 @@ export var wrapNodeSpecProxy = function wrapNodeSpecProxy(spec) {
|
|
|
55
56
|
}
|
|
56
57
|
});
|
|
57
58
|
};
|
|
59
|
+
|
|
60
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
58
61
|
export function createSchema(editorConfig) {
|
|
59
62
|
var marks = fixExcludes(editorConfig.marks.sort(sortByOrder('marks')).reduce(function (acc, mark) {
|
|
60
63
|
acc[mark.name] = wrapNodeSpecProxy(mark.mark);
|
|
@@ -4,6 +4,7 @@ import React, { useContext, useMemo, useState } from 'react';
|
|
|
4
4
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5
5
|
|
|
6
6
|
export var EditorAPIContext = /*#__PURE__*/React.createContext({});
|
|
7
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
7
8
|
export var PresetContextProvider = function PresetContextProvider(_ref) {
|
|
8
9
|
var children = _ref.children;
|
|
9
10
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -21,11 +22,15 @@ export var PresetContextProvider = function PresetContextProvider(_ref) {
|
|
|
21
22
|
value: contextValue
|
|
22
23
|
}, children);
|
|
23
24
|
};
|
|
25
|
+
|
|
26
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
24
27
|
export function usePresetContext() {
|
|
25
28
|
var _useContext = useContext(EditorAPIContext),
|
|
26
29
|
editorApi = _useContext.editorApi;
|
|
27
30
|
return editorApi;
|
|
28
31
|
}
|
|
32
|
+
|
|
33
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
29
34
|
export var useSetPresetContext = function useSetPresetContext() {
|
|
30
35
|
var _useContext2 = useContext(EditorAPIContext),
|
|
31
36
|
setEditorApi = _useContext2.setEditorApi;
|
|
@@ -95,6 +95,7 @@ export function createDefaultPreset(options) {
|
|
|
95
95
|
* @param props
|
|
96
96
|
* @example
|
|
97
97
|
*/
|
|
98
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
98
99
|
export function useDefaultPreset(props) {
|
|
99
100
|
var preset = createDefaultPreset(props);
|
|
100
101
|
return [preset];
|
|
@@ -253,6 +253,7 @@ export default function createUniversalPresetInternal(_ref) {
|
|
|
253
253
|
}], !expValEquals('platform_editor_remove_bidi_char_warning', 'isEnabled', true));
|
|
254
254
|
return finalPreset;
|
|
255
255
|
}
|
|
256
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
256
257
|
export function isExpandInsertionEnabled(_ref2) {
|
|
257
258
|
var allowExpand = _ref2.allowExpand;
|
|
258
259
|
if (allowExpand === true && expValEquals('platform_editor_expand_paste_in_comment_editor', 'isEnabled', true)) {
|
|
@@ -4,6 +4,7 @@ export var ignoreAttribute = 'data-editor-content-component';
|
|
|
4
4
|
/**
|
|
5
5
|
* Wraps content components in a data attribute to ignore
|
|
6
6
|
*/
|
|
7
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
7
8
|
export var contentComponentClickWrapper = function contentComponentClickWrapper(reactComponents) {
|
|
8
9
|
return /*#__PURE__*/React.createElement("div", {
|
|
9
10
|
"data-editor-content-component": 'true'
|
|
@@ -66,6 +66,9 @@ var commentEditorStyles = css({
|
|
|
66
66
|
maxWidth: 'inherit',
|
|
67
67
|
wordWrap: 'break-word'
|
|
68
68
|
});
|
|
69
|
+
var modernisedEditorStyles = css({
|
|
70
|
+
borderRadius: "var(--ds-radius-xlarge, 12px)"
|
|
71
|
+
});
|
|
69
72
|
var secondaryToolbarStyles = css({
|
|
70
73
|
boxSizing: 'border-box',
|
|
71
74
|
justifyContent: 'flex-end',
|
|
@@ -137,7 +140,8 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
|
|
|
137
140
|
useStickyToolbar = props.useStickyToolbar,
|
|
138
141
|
pluginHooks = props.pluginHooks,
|
|
139
142
|
featureFlags = props.featureFlags,
|
|
140
|
-
innerRef = props.innerRef
|
|
143
|
+
innerRef = props.innerRef,
|
|
144
|
+
isEditorModernisationEnabled = props.isEditorModernisationEnabled;
|
|
141
145
|
var showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
|
|
142
146
|
var containerElement = React.useRef(null);
|
|
143
147
|
|
|
@@ -216,7 +220,7 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
|
|
|
216
220
|
return jsx(WithFlash, {
|
|
217
221
|
animate: maxContentSizeReached
|
|
218
222
|
}, jsx(WidthProvider, null, jsx("div", {
|
|
219
|
-
css: [expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorStyles : commentEditorStylesOld,
|
|
223
|
+
css: [expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) ? commentEditorStyles : commentEditorStylesOld, isEditorModernisationEnabled && modernisedEditorStyles,
|
|
220
224
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
221
225
|
css({
|
|
222
226
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -227,6 +231,7 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
|
|
|
227
231
|
className: "akEditor",
|
|
228
232
|
ref: wrapperElementRef
|
|
229
233
|
}, jsx(MainToolbar, {
|
|
234
|
+
isEditorModernisationEnabled: isEditorModernisationEnabled,
|
|
230
235
|
useStickyToolbar: useStickyToolbar,
|
|
231
236
|
twoLineEditorToolbar: isTwoLineToolbarEnabled,
|
|
232
237
|
isNewToolbarEnabled: isToolbarAIFCEnabled
|
|
@@ -72,6 +72,13 @@ var mainToolbarWithRadiusStyle = css({
|
|
|
72
72
|
var mainToolbarRadius = css({
|
|
73
73
|
borderRadius: "var(--ds-radius-medium, 6px)".concat(" ", "var(--ds-radius-medium, 6px)", " 0 0")
|
|
74
74
|
});
|
|
75
|
+
var editorModernisationToolbarStyle = css({
|
|
76
|
+
borderRadius: "var(--ds-radius-xlarge, 12px)".concat(" ", "var(--ds-radius-xlarge, 12px)", " 0 0"),
|
|
77
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
78
|
+
'&.show-keyline': {
|
|
79
|
+
boxShadow: 'none'
|
|
80
|
+
}
|
|
81
|
+
});
|
|
75
82
|
var stickyToolbarWrapperStyleNew = css({
|
|
76
83
|
position: 'sticky',
|
|
77
84
|
paddingBottom: "var(--ds-space-100, 8px)",
|
|
@@ -102,7 +109,7 @@ var StickyToolbar = function StickyToolbar(props) {
|
|
|
102
109
|
return (
|
|
103
110
|
// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
|
|
104
111
|
jsx("div", {
|
|
105
|
-
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
|
|
112
|
+
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, props.isEditorModernisationEnabled && editorModernisationToolbarStyle]
|
|
106
113
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
107
114
|
,
|
|
108
115
|
style: {
|
|
@@ -119,7 +126,7 @@ var FixedToolbar = function FixedToolbar(props) {
|
|
|
119
126
|
return (
|
|
120
127
|
// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
|
|
121
128
|
jsx("div", {
|
|
122
|
-
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius],
|
|
129
|
+
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, props.isNewToolbarEnabled && mainToolbarWithoutLeftPadding, !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle, expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, props.isEditorModernisationEnabled && editorModernisationToolbarStyle],
|
|
123
130
|
"data-testid": "ak-editor-main-toolbar"
|
|
124
131
|
}, props.children)
|
|
125
132
|
);
|
|
@@ -156,17 +163,20 @@ export var MainToolbar = function MainToolbar(_ref) {
|
|
|
156
163
|
var useStickyToolbar = _ref.useStickyToolbar,
|
|
157
164
|
twoLineEditorToolbar = _ref.twoLineEditorToolbar,
|
|
158
165
|
children = _ref.children,
|
|
166
|
+
isEditorModernisationEnabled = _ref.isEditorModernisationEnabled,
|
|
159
167
|
isNewToolbarEnabled = _ref.isNewToolbarEnabled;
|
|
160
168
|
if (useStickyToolbar) {
|
|
161
169
|
return jsx(StickyToolbar
|
|
162
170
|
// Ignored via go/ees005
|
|
163
171
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
164
172
|
, _extends({}, getStickyParameters(useStickyToolbar), {
|
|
173
|
+
isEditorModernisationEnabled: isEditorModernisationEnabled,
|
|
165
174
|
twoLineEditorToolbar: twoLineEditorToolbar,
|
|
166
175
|
isNewToolbarEnabled: isNewToolbarEnabled
|
|
167
176
|
}), children);
|
|
168
177
|
}
|
|
169
178
|
return jsx(FixedToolbar, {
|
|
179
|
+
isEditorModernisationEnabled: isEditorModernisationEnabled,
|
|
170
180
|
twoLineEditorToolbar: twoLineEditorToolbar,
|
|
171
181
|
isNewToolbarEnabled: isNewToolbarEnabled
|
|
172
182
|
}, children);
|
|
@@ -33,6 +33,7 @@ export var MainToolbarForFirstChildWrapperCompiled = function MainToolbarForFirs
|
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
// ---------------- Second child wrapper ----------------
|
|
36
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
36
37
|
export var MainToolbarForSecondChildWrapperCompiled = function MainToolbarForSecondChildWrapperCompiled(_ref2) {
|
|
37
38
|
var twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
|
|
38
39
|
children = _ref2.children,
|
|
@@ -65,6 +65,7 @@ export var MainToolbarForFirstChildWrapperEmotion = function MainToolbarForFirst
|
|
|
65
65
|
};
|
|
66
66
|
|
|
67
67
|
// ---------------- Second child wrapper ----------------
|
|
68
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
68
69
|
export var MainToolbarForSecondChildWrapperEmotion = function MainToolbarForSecondChildWrapperEmotion(_ref2) {
|
|
69
70
|
var twoLineEditorToolbar = _ref2.twoLineEditorToolbar,
|
|
70
71
|
children = _ref2.children,
|
|
@@ -8,6 +8,7 @@ export var MainToolbarForFirstChildWrapper = componentWithCondition(function ()
|
|
|
8
8
|
}, MainToolbarForFirstChildWrapperCompiled, MainToolbarForFirstChildWrapperEmotion);
|
|
9
9
|
|
|
10
10
|
// ---------------- Second child wrapper ----------------
|
|
11
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
11
12
|
export var MainToolbarForSecondChildWrapper = componentWithCondition(function () {
|
|
12
13
|
return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
|
|
13
14
|
}, MainToolbarForSecondChildWrapperCompiled, MainToolbarForSecondChildWrapperEmotion);
|
|
@@ -212,6 +212,7 @@ var contentAreaHeightNoToolbar = css({
|
|
|
212
212
|
height: '100%'
|
|
213
213
|
});
|
|
214
214
|
export var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
|
|
215
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
215
216
|
export var EDITOR_CONTAINER = 'ak-editor-container';
|
|
216
217
|
var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
217
218
|
var _props$editorAPI, _props$editorAPI$bloc, _props$editorAPI2, _contentAreaRef$curre, _allowScrollGutter$gu, _allowScrollGutter$gu2;
|
|
@@ -341,6 +342,8 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
341
342
|
visible: false
|
|
342
343
|
})));
|
|
343
344
|
});
|
|
345
|
+
|
|
346
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
344
347
|
export var FullPageContentArea = injectIntl(Content, {
|
|
345
348
|
forwardRef: true
|
|
346
349
|
});
|
|
@@ -113,5 +113,5 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
|
|
|
113
113
|
});
|
|
114
114
|
});
|
|
115
115
|
|
|
116
|
-
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
116
|
+
// eslint-disable-next-line @typescript-eslint/ban-types, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
117
117
|
export var FullPageToolbar = injectIntl(EditorToolbar);
|
|
@@ -23,6 +23,8 @@ export var NonCustomToolbarWrapperCompiled = function NonCustomToolbarWrapperCom
|
|
|
23
23
|
var customToolbarWrapperCompiledStyles = {
|
|
24
24
|
root: "_4cvr1h6o _1e0c1txw"
|
|
25
25
|
};
|
|
26
|
+
|
|
27
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
26
28
|
export var CustomToolbarWrapperCompiled = function CustomToolbarWrapperCompiled(_ref2) {
|
|
27
29
|
var children = _ref2.children;
|
|
28
30
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -32,6 +34,8 @@ export var CustomToolbarWrapperCompiled = function CustomToolbarWrapperCompiled(
|
|
|
32
34
|
var mainToolbarIconBeforeCompiledStyles = {
|
|
33
35
|
root: "_19pkpxbi _2hwxpxbi _otyrpxbi _18u0pxbi _4t3ixy5q _1bsbxy5q _mlgzkb7n _tuuhkb7n"
|
|
34
36
|
};
|
|
37
|
+
|
|
38
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
35
39
|
export var MainToolbarIconBeforeCompiled = function MainToolbarIconBeforeCompiled(_ref3) {
|
|
36
40
|
var children = _ref3.children;
|
|
37
41
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -29,6 +29,8 @@ var customToolbarWrapperEmotionStyles = css({
|
|
|
29
29
|
alignItems: 'center',
|
|
30
30
|
display: 'flex'
|
|
31
31
|
});
|
|
32
|
+
|
|
33
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
32
34
|
export var CustomToolbarWrapperEmotion = function CustomToolbarWrapperEmotion(_ref2) {
|
|
33
35
|
var children = _ref2.children;
|
|
34
36
|
return jsx("div", {
|
|
@@ -43,6 +45,8 @@ var mainToolbarIconBeforeEmotionStyles = css(_defineProperty({
|
|
|
43
45
|
gridColumn: 1,
|
|
44
46
|
gridRow: 1
|
|
45
47
|
}));
|
|
48
|
+
|
|
49
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
46
50
|
export var MainToolbarIconBeforeEmotion = function MainToolbarIconBeforeEmotion(_ref3) {
|
|
47
51
|
var children = _ref3.children;
|
|
48
52
|
return jsx("div", {
|
|
@@ -9,7 +9,7 @@ export var fullPageEditorWrapper = css({
|
|
|
9
9
|
boxSizing: 'border-box'
|
|
10
10
|
});
|
|
11
11
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
13
13
|
export var contentAreaWrapper = css({
|
|
14
14
|
width: '100%',
|
|
15
15
|
containerType: 'inline-size',
|
|
@@ -22,7 +22,7 @@ export var contentAreaWrapper = css({
|
|
|
22
22
|
contain: 'layout style inline-size'
|
|
23
23
|
});
|
|
24
24
|
|
|
25
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports -- Ignored via go/DSP-18766
|
|
26
26
|
export var sidebarArea = css({
|
|
27
27
|
height: '100%',
|
|
28
28
|
boxSizing: 'border-box',
|
|
@@ -41,7 +41,7 @@ export var sidebarArea = css({
|
|
|
41
41
|
|
|
42
42
|
// initially hide until we have a containerWidth and can properly size them,
|
|
43
43
|
// otherwise they can cause the editor width to extend which is non-recoverable
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports -- Ignored via go/DSP-18766
|
|
45
45
|
export var editorContentAreaHideContainer = css({
|
|
46
46
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
47
47
|
'.fabric-editor--full-width-mode': {
|
|
@@ -39,6 +39,8 @@ export var ContextPanelWrapperCompiled = function ContextPanelWrapperCompiled(_r
|
|
|
39
39
|
className: ax([panelStyles.panel, customWidth && "", !visible && panelStyles.panelHidden, disableAnimation && panelStyles.disablePanelAnimation])
|
|
40
40
|
}), children);
|
|
41
41
|
};
|
|
42
|
+
|
|
43
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
42
44
|
export var ContextPanelContentCompiled = function ContextPanelContentCompiled(_ref2) {
|
|
43
45
|
var children = _ref2.children,
|
|
44
46
|
customWidth = _ref2.customWidth,
|
|
@@ -64,6 +64,8 @@ export var ContextPanelWrapperEmotion = function ContextPanelWrapperEmotion(_ref
|
|
|
64
64
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
65
65
|
}, rest), children);
|
|
66
66
|
};
|
|
67
|
+
|
|
68
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
67
69
|
export var ContextPanelContentEmotion = function ContextPanelContentEmotion(_ref2) {
|
|
68
70
|
var children = _ref2.children,
|
|
69
71
|
customWidth = _ref2.customWidth,
|
|
@@ -155,6 +155,8 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
155
155
|
}]);
|
|
156
156
|
}(React.PureComponent); // eslint-disable-next-line @typescript-eslint/ban-types
|
|
157
157
|
export var SwappableContentArea = injectIntl(SwappableContentAreaInner);
|
|
158
|
+
|
|
159
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
158
160
|
export function ContextPanel(props) {
|
|
159
161
|
var contextPanelContents = useSharedPluginStateWithSelector(props.editorAPI, ['contextPanel'], function (states) {
|
|
160
162
|
var _states$contextPanelS;
|
|
@@ -157,6 +157,7 @@ export var aiPanelBaseStyles = css({
|
|
|
157
157
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
158
158
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
159
159
|
*/
|
|
160
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
160
161
|
export var aiPanelBaseFirefoxStyles = css({
|
|
161
162
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
162
163
|
'div[extensionType="com.atlassian.ai-blocks"]': {
|
|
@@ -185,6 +186,7 @@ export var aiPanelBaseFirefoxStyles = css({
|
|
|
185
186
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
186
187
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
187
188
|
*/
|
|
189
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
188
190
|
export var aiPanelDarkStyles = css({
|
|
189
191
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
190
192
|
'div[extensionType="com.atlassian.ai-blocks"]': {
|
|
@@ -203,6 +205,7 @@ export var aiPanelDarkStyles = css({
|
|
|
203
205
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
204
206
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
205
207
|
*/
|
|
208
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
206
209
|
export var aiPanelDarkFirefoxStyles = css({
|
|
207
210
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
208
211
|
'div[extensionType="com.atlassian.ai-blocks"]': {
|
|
@@ -27,6 +27,7 @@ export var textHighlightPaddingStyles = css({
|
|
|
27
27
|
* packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
|
|
28
28
|
* See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
|
|
29
29
|
*/
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
|
|
30
31
|
export var backgroundColorStyles = css({
|
|
31
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
32
33
|
'.fabric-background-color-mark': {
|