@atlaskit/editor-core 193.24.0 → 193.24.15

package/docs/4-annotations.tsx

@@ -9,223 +9,222 @@ import { token } from '@atlaskit/tokens';
 import { Editor } from '../src';
 
 const initialExample = {
-  version: 1,
-  type: 'doc',
-  content: [
-    {
-      type: 'paragraph',
-      content: [
-        {
-          type: 'text',
-          text: 'For Q1, our main ',
-        },
-        {
-          type: 'text',
-          text: 'areas of focus are:',
-          marks: [
-            {
-              type: 'annotation',
-              attrs: {
-                id: 'b81e1de8-9df7-4210-861d-89e13512ce33',
-                annotationType: 'inlineComment',
-              },
-            },
-          ],
-        },
-      ],
-    },
-    {
-      type: 'bulletList',
-      content: [
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              content: [
-                {
-                  type: 'text',
-                  text: 'Performance',
-                  marks: [
-                    {
-                      type: 'strong',
-                    },
-                    {
-                      type: 'annotation',
-                      attrs: {
-                        id: '5551fe04-3517-4821-8330-b7c506a43bd5',
-                        annotationType: 'inlineComment',
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'text',
-                  text: ': Instrument key performance metrics and improve typing speed in the editor.',
-                  marks: [
-                    {
-                      type: 'annotation',
-                      attrs: {
-                        id: '5551fe04-3517-4821-8330-b7c506a43bd5',
-                        annotationType: 'inlineComment',
-                      },
-                    },
-                  ],
-                },
-              ],
-            },
-          ],
-        },
-        {
-          type: 'listItem',
-          content: [
-            {
-              type: 'paragraph',
-              content: [
-                {
-                  type: 'text',
-                  text: 'Insertion & nesting logic:',
-                  marks: [
-                    {
-                      type: 'strong',
-                    },
-                  ],
-                },
-                {
-                  type: 'text',
-                  text: ' Remove invisible barriers by enabling more content to be placed ',
-                },
-                {
-                  type: 'text',
-                  text: 'inside each other.',
-                  marks: [
-                    {
-                      type: 'annotation',
-                      attrs: {
-                        id: '42497172-2e64-4aa6-b8b1-5a37270ee1f9',
-                        annotationType: 'inlineComment',
-                      },
-                    },
-                  ],
-                },
-                {
-                  type: 'text',
-                  text: ' E.g. allow users to paste an image inside a panel.',
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ],
+	version: 1,
+	type: 'doc',
+	content: [
+		{
+			type: 'paragraph',
+			content: [
+				{
+					type: 'text',
+					text: 'For Q1, our main ',
+				},
+				{
+					type: 'text',
+					text: 'areas of focus are:',
+					marks: [
+						{
+							type: 'annotation',
+							attrs: {
+								id: 'b81e1de8-9df7-4210-861d-89e13512ce33',
+								annotationType: 'inlineComment',
+							},
+						},
+					],
+				},
+			],
+		},
+		{
+			type: 'bulletList',
+			content: [
+				{
+					type: 'listItem',
+					content: [
+						{
+							type: 'paragraph',
+							content: [
+								{
+									type: 'text',
+									text: 'Performance',
+									marks: [
+										{
+											type: 'strong',
+										},
+										{
+											type: 'annotation',
+											attrs: {
+												id: '5551fe04-3517-4821-8330-b7c506a43bd5',
+												annotationType: 'inlineComment',
+											},
+										},
+									],
+								},
+								{
+									type: 'text',
+									text: ': Instrument key performance metrics and improve typing speed in the editor.',
+									marks: [
+										{
+											type: 'annotation',
+											attrs: {
+												id: '5551fe04-3517-4821-8330-b7c506a43bd5',
+												annotationType: 'inlineComment',
+											},
+										},
+									],
+								},
+							],
+						},
+					],
+				},
+				{
+					type: 'listItem',
+					content: [
+						{
+							type: 'paragraph',
+							content: [
+								{
+									type: 'text',
+									text: 'Insertion & nesting logic:',
+									marks: [
+										{
+											type: 'strong',
+										},
+									],
+								},
+								{
+									type: 'text',
+									text: ' Remove invisible barriers by enabling more content to be placed ',
+								},
+								{
+									type: 'text',
+									text: 'inside each other.',
+									marks: [
+										{
+											type: 'annotation',
+											attrs: {
+												id: '42497172-2e64-4aa6-b8b1-5a37270ee1f9',
+												annotationType: 'inlineComment',
+											},
+										},
+									],
+								},
+								{
+									type: 'text',
+									text: ' E.g. allow users to paste an image inside a panel.',
+								},
+							],
+						},
+					],
+				},
+			],
+		},
+	],
 };
 
 const nestedExample = {
-  version: 1,
-  type: 'doc',
-  content: [
-    {
-      type: 'paragraph',
-      content: [
-        {
-          type: 'text',
-          marks: [
-            {
-              type: 'annotation',
-              attrs: {
-                id: 'c7052cd7-5119-4837-85ce-45ba5207764c',
-                annotationType: 'inlineComment',
-              },
-            },
-          ],
-          text: 'This is a paragraph with a outer comment ',
-        },
-        {
-          type: 'text',
-          marks: [
-            {
-              type: 'annotation',
-              attrs: {
-                id: 'a5ee9b09-f302-4fa6-89cb-d5703cb6ccdd',
-                annotationType: 'inlineComment',
-              },
-            },
-            {
-              type: 'annotation',
-              attrs: {
-                id: 'c7052cd7-5119-4837-85ce-45ba5207764c',
-                annotationType: 'inlineComment',
-              },
-            },
-          ],
-          text: 'that also contains a nested comment',
-        },
-        {
-          type: 'text',
-          text: ', where the nested comment has two annotation marks applied.',
-        },
-      ],
-    },
-  ],
+	version: 1,
+	type: 'doc',
+	content: [
+		{
+			type: 'paragraph',
+			content: [
+				{
+					type: 'text',
+					marks: [
+						{
+							type: 'annotation',
+							attrs: {
+								id: 'c7052cd7-5119-4837-85ce-45ba5207764c',
+								annotationType: 'inlineComment',
+							},
+						},
+					],
+					text: 'This is a paragraph with a outer comment ',
+				},
+				{
+					type: 'text',
+					marks: [
+						{
+							type: 'annotation',
+							attrs: {
+								id: 'a5ee9b09-f302-4fa6-89cb-d5703cb6ccdd',
+								annotationType: 'inlineComment',
+							},
+						},
+						{
+							type: 'annotation',
+							attrs: {
+								id: 'c7052cd7-5119-4837-85ce-45ba5207764c',
+								annotationType: 'inlineComment',
+							},
+						},
+					],
+					text: 'that also contains a nested comment',
+				},
+				{
+					type: 'text',
+					text: ', where the nested comment has two annotation marks applied.',
+				},
+			],
+		},
+	],
 };
 
-const inlineCommentEditor = (
-  adf: Object,
-  onChange?: (editorView: EditorView) => void,
-) => <Editor appearance="chromeless" defaultValue={adf} onChange={onChange} />;
+const inlineCommentEditor = (adf: Object, onChange?: (editorView: EditorView) => void) => (
+	<Editor appearance="chromeless" defaultValue={adf} onChange={onChange} />
+);
 
 class SplitExample extends React.Component<{ initialAdf: object }> {
-  state = {
-    adf: this.props.initialAdf,
-  };
-
-  onChange = (view: EditorView) => {
-    this.setState({ adf: view.state.doc.toJSON() });
-  };
-
-  render() {
-    const { adf } = this.state;
-    return (
-      <div
-        style={{
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          display: 'flex',
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          maxHeight: '400px',
-        }}
-      >
-        <div
-          style={{
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            margin: token('space.100', '8px'),
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            padding: token('space.100', '8px'),
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            backgroundColor: N20,
-            border: `1px solid ${N30}`,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            flex: 1,
-          }}
-        >
-          {inlineCommentEditor(nestedExample, this.onChange)}
-        </div>
-        <div
-          style={{
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            flex: 2,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            overflow: 'auto',
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            margin: token('space.100', '8px'),
-          }}
-        >
-          <p>Paragraph node's content:</p>
-          {code`${JSON.stringify((adf as any).content[0].content, null, 2)}`}
-        </div>
-      </div>
-    );
-  }
+	state = {
+		adf: this.props.initialAdf,
+	};
+
+	onChange = (view: EditorView) => {
+		this.setState({ adf: view.state.doc.toJSON() });
+	};
+
+	render() {
+		const { adf } = this.state;
+		return (
+			<div
+				style={{
+					// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+					display: 'flex',
+					// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+					maxHeight: '400px',
+				}}
+			>
+				<div
+					style={{
+						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+						margin: token('space.100', '8px'),
+						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+						padding: token('space.100', '8px'),
+						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+						backgroundColor: N20,
+						border: `1px solid ${N30}`,
+						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+						flex: 1,
+					}}
+				>
+					{inlineCommentEditor(nestedExample, this.onChange)}
+				</div>
+				<div
+					style={{
+						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+						flex: 2,
+						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+						overflow: 'auto',
+						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+						margin: token('space.100', '8px'),
+					}}
+				>
+					<p>Paragraph node's content:</p>
+					{code`${JSON.stringify((adf as any).content[0].content, null, 2)}`}
+				</div>
+			</div>
+		);
+	}
 }
 
 export default md`
@@ -242,19 +241,19 @@ Currently, there is only the \`inlineComment\` type of annotation. In the future
 These denote a comment thread about the given text, and are denoted by a yellow highlight. This is commonly seen within Confluence after selecting some text in View mode.
 
 ${(
-  <div
-    style={{
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      margin: token('space.100', '8px'),
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      padding: token('space.100', '8px'),
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      backgroundColor: N20,
-      border: `1px solid ${N30}`,
-    }}
-  >
-    {inlineCommentEditor(initialExample)}
-  </div>
+	<div
+		style={{
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			margin: token('space.100', '8px'),
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			padding: token('space.100', '8px'),
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			backgroundColor: N20,
+			border: `1px solid ${N30}`,
+		}}
+	>
+		{inlineCommentEditor(initialExample)}
+	</div>
 )}
 
 ### Example ADF

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "193.24.0",
+  "version": "193.24.15",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
     "@atlaskit/button": "^17.17.0",
-    "@atlaskit/editor-common": "^81.1.0",
+    "@atlaskit/editor-common": "^81.2.0",
     "@atlaskit/editor-json-transformer": "^8.13.0",
     "@atlaskit/editor-plugins": "^2.7.0",
     "@atlaskit/editor-prosemirror": "4.0.1",
@@ -82,15 +82,16 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
+    "@af/editor-examples-helpers": "0.0.0",
     "@af/editor-libra": "*",
     "@af/visual-regression": "*",
     "@atlaskit/adf-utils": "^19.2.0",
     "@atlaskit/analytics-listeners": "^8.9.1",
-    "@atlaskit/checkbox": "^13.3.0",
+    "@atlaskit/checkbox": "^13.4.0",
     "@atlaskit/collab-provider": "9.29.2",
     "@atlaskit/dropdown-menu": "^12.10.0",
-    "@atlaskit/editor-plugin-annotation": "1.9.3",
-    "@atlaskit/editor-plugin-card": "^1.14.0",
+    "@atlaskit/editor-plugin-annotation": "1.9.4",
+    "@atlaskit/editor-plugin-card": "^1.15.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
     "@atlaskit/editor-plugin-list": "^3.3.0",
     "@atlaskit/editor-plugin-paste": "^1.2.0",
@@ -103,18 +104,17 @@
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.27",
     "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/primitives": "^6.3.0",
-    "@atlaskit/renderer": "^109.29.0",
+    "@atlaskit/primitives": "^6.4.0",
+    "@atlaskit/renderer": "^109.31.0",
     "@atlaskit/select": "^17.10.0",
-    "@atlaskit/smart-card": "^27.2.0",
+    "@atlaskit/smart-card": "^27.4.0",
     "@atlaskit/synchrony-test-helpers": "^2.4.0",
     "@atlaskit/toggle": "^13.1.0",
     "@atlaskit/util-data-test": "^17.9.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/adf-schema-json": "^1.14.0",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/link-picker-plugins": "^24.1.0",
-    "@atlassian/search-provider": "2.4.69",
+    "@atlassian/link-picker-plugins": "^24.3.0",
+    "@atlassian/search-provider": "2.4.74",
     "@atlassian/ufo": "^0.2.0",
     "@emotion/jest": "^11.8.0",
     "@storybook/addon-knobs": "^5.3.18",
@@ -123,21 +123,18 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/diff": "^5.0.2",
     "@types/is-number": "^7.0.0",
-    "clipboard-polyfill": "4.0.1",
     "diff": "^4.0.1",
     "enzyme": "^3.10.0",
     "fetch-mock": "^8.0.0",
     "jscodeshift": "^0.13.0",
     "lz-string": "^1.4.4",
     "mockdate": "^3.0.5",
-    "prosemirror-dev-tools": "^4.0.0",
     "raf-stub": "^2.0.1",
     "react": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "rison": "^0.1.1",
     "typescript": "~5.4.2",
-    "url-search-params": "^0.10.0",
-    "worker-plugin": "^4.0.2"
+    "url-search-params": "^0.10.0"
   },
   "techstack": {
     "@atlassian/frontend": {
@@ -158,8 +155,11 @@
       ]
     }
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "platform-feature-flags": {
+    "platform.linking-platform.enable-datasource-edit-dropdown-toolbar": {
+      "type": "boolean",
+      "referenceOnly": "true"
+    },
     "platform.linking-platform.prevent-suspicious-linkification": {
       "type": "boolean",
       "referenceOnly": "true"
@@ -207,10 +207,6 @@
       "type": "boolean",
       "referenceOnly": "true"
     },
-    "platform.design-system-team.editor-new-button_jjjdo": {
-      "type": "boolean",
-      "referenceOnly": "true"
-    },
     "platform.media-experience.cardv2_7zann": {
       "type": "boolean",
       "referenceOnly": "true"
@@ -306,6 +302,10 @@
       "type": "boolean",
       "referenceOnly": "true"
     },
+    "platform.editor.table.use-increased-scaling-percent": {
+      "type": "boolean",
+      "referenceOnly": "true"
+    },
     "platform.editor.table-width-diff-in-renderer_x5s3z": {
       "type": "boolean",
       "referenceOnly": "true"
@@ -352,6 +352,14 @@
     "platform.editor.mentions-in-editor-popup-on-click": {
       "type": "boolean",
       "referenceOnly": "true"
+    },
+    "platform.editor.table.editor-num-col-style-changes": {
+      "type": "boolean",
+      "referenceOnly": "true"
+    },
+    "platform.editor.simplify-inline-cards-in-code-blocks_jw6t1": {
+      "type": "boolean",
+      "referenceOnly": "true"
     }
   },
   "stricter": {