@atlaskit/editor-common 110.21.2 → 110.21.4

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 (38) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/messages/block-menu.js +5 -0
  3. package/dist/cjs/messages/block-type.js +2 -2
  4. package/dist/cjs/messages/syncBlock.js +15 -0
  5. package/dist/cjs/monitoring/error.js +1 -1
  6. package/dist/cjs/provider-factory/synced-block-renderer-provider.js +5 -0
  7. package/dist/cjs/quick-insert/assets/syncBlock.js +54 -28
  8. package/dist/cjs/styles/shared/sync-block.js +2 -1
  9. package/dist/cjs/ui/DropList/index.js +1 -1
  10. package/dist/es2019/messages/block-menu.js +5 -0
  11. package/dist/es2019/messages/block-type.js +2 -2
  12. package/dist/es2019/messages/syncBlock.js +15 -0
  13. package/dist/es2019/monitoring/error.js +1 -1
  14. package/dist/es2019/provider-factory/synced-block-renderer-provider.js +1 -0
  15. package/dist/es2019/quick-insert/assets/syncBlock.js +54 -28
  16. package/dist/es2019/styles/shared/sync-block.js +2 -1
  17. package/dist/es2019/ui/DropList/index.js +1 -1
  18. package/dist/esm/messages/block-menu.js +5 -0
  19. package/dist/esm/messages/block-type.js +2 -2
  20. package/dist/esm/messages/syncBlock.js +15 -0
  21. package/dist/esm/monitoring/error.js +1 -1
  22. package/dist/esm/provider-factory/synced-block-renderer-provider.js +1 -0
  23. package/dist/esm/quick-insert/assets/syncBlock.js +54 -28
  24. package/dist/esm/styles/shared/sync-block.js +2 -1
  25. package/dist/esm/ui/DropList/index.js +1 -1
  26. package/dist/types/messages/block-menu.d.ts +5 -0
  27. package/dist/types/messages/syncBlock.d.ts +15 -0
  28. package/dist/types/provider-factory/synced-block-renderer-provider.d.ts +14 -0
  29. package/dist/types/provider-factory.d.ts +1 -0
  30. package/dist/types/styles/shared/sync-block.d.ts +1 -0
  31. package/dist/types/types/feature-flags.d.ts +0 -10
  32. package/dist/types-ts4.5/messages/block-menu.d.ts +5 -0
  33. package/dist/types-ts4.5/messages/syncBlock.d.ts +15 -0
  34. package/dist/types-ts4.5/provider-factory/synced-block-renderer-provider.d.ts +14 -0
  35. package/dist/types-ts4.5/provider-factory.d.ts +1 -0
  36. package/dist/types-ts4.5/styles/shared/sync-block.d.ts +1 -0
  37. package/dist/types-ts4.5/types/feature-flags.d.ts +0 -10
  38. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 110.21.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7e3353721fa66`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e3353721fa66) -
8
+ [ux] EDITOR-1822 update sync blocks ui to new design
9
+ - Updated dependencies
10
+
11
+ ## 110.21.3
12
+
13
+ ### Patch Changes
14
+
15
+ - [`181018115c031`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/181018115c031) -
16
+ EDITOR-2438 Pass data providers to Synced Block nested renderer
17
+ - Updated dependencies
18
+
3
19
  ## 110.21.2
4
20
 
5
21
  ### Patch Changes
@@ -70,5 +70,10 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
70
70
  id: 'fabric.editor.block.menu.convert.to.synced.block',
71
71
  defaultMessage: 'Convert to synced block',
72
72
  description: 'Convert the selection to a synced block by putting all of the content inside a new synced block'
73
+ },
74
+ newLozenge: {
75
+ id: 'fabric.editor.block.menu.new.lozenge',
76
+ defaultMessage: 'New',
77
+ description: 'Text in lozenge which appears next to newly added menu items'
73
78
  }
74
79
  });
@@ -153,12 +153,12 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
153
153
  },
154
154
  syncedBlock: {
155
155
  id: 'fabric.editor.syncedBlock',
156
- defaultMessage: 'Synced block',
156
+ defaultMessage: 'Create synced block',
157
157
  description: 'Inserts a synced block that auto-updates content across Atlassian apps'
158
158
  },
159
159
  syncedBlockDescription: {
160
160
  id: 'fabric.editor.syncedBlock.description',
161
- defaultMessage: 'Auto-update content across Atlassian apps',
161
+ defaultMessage: 'Sync content across multiple locations',
162
162
  description: 'Description of the synced block that auto-updates content across Atlassian apps'
163
163
  },
164
164
  panel: {
@@ -70,5 +70,20 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
70
70
  id: 'fabric.editor.requestAccessToSyncedBlockError',
71
71
  defaultMessage: 'Something went wrong. Click to try again',
72
72
  description: 'Text which displays next to the request access button after something went wrong after clicking the button.'
73
+ },
74
+ sourceSyncBlockTooltip: {
75
+ id: 'fabric.editor.sourceSyncBlockTooltip',
76
+ defaultMessage: 'When you edit this source block it will update across synced locations.',
77
+ description: 'Description in tooltip which appears when you hover over the synced block label'
78
+ },
79
+ defaultSyncBlockTooltip: {
80
+ id: 'fabric.editor.sourceSyncBlockTooltip',
81
+ defaultMessage: 'Synced block',
82
+ description: "Description in tooltip which appears when we haven't been able to fetch other information about the sync block"
83
+ },
84
+ referenceSyncBlockTooltip: {
85
+ id: 'fabric.editor.referenceSyncBlockTooltip',
86
+ defaultMessage: 'Synced from: {title}',
87
+ description: 'Tooltip that shows the source page title of the synced block'
73
88
  }
74
89
  });
@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
16
16
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
17
17
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
18
18
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
19
- var packageVersion = "110.21.1";
19
+ var packageVersion = "110.21.3";
20
20
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
21
21
  // Remove URL as it has UGC
22
22
  // Ignored via go/ees007
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -11,49 +11,75 @@ function SyncBlockIcon() {
11
11
  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
12
12
  iconThemed = _useIconThemed.iconThemed;
13
13
  return /*#__PURE__*/_react.default.createElement("svg", {
14
- focusable: "false",
15
- "aria-hidden": true,
16
- width: 40,
17
- height: 40,
18
- viewBox: "0 0 40 40"
19
- }, /*#__PURE__*/_react.default.createElement("g", {
14
+ width: "40",
15
+ height: "40",
16
+ viewBox: "0 0 40 40",
20
17
  fill: "none",
21
- fillRule: "evenodd"
18
+ xmlns: "http://www.w3.org/2000/svg"
22
19
  }, /*#__PURE__*/_react.default.createElement("path", {
23
20
  fill: iconThemed({
24
- light: '#FFF',
21
+ light: '#fff',
25
22
  dark: '#161A1D'
26
23
  }),
27
24
  d: "M0 0h40v40H0z"
28
- }), /*#__PURE__*/_react.default.createElement("g", {
29
- transform: "translate(7 10)"
30
- }, /*#__PURE__*/_react.default.createElement("path", {
31
- d: "M3 0h30v20H3a3 3 0 01-3-3V3a3 3 0 013-3z",
32
- fill: iconThemed({
33
- light: '#ECEDF0',
34
- dark: '#454F59'
35
- })
36
25
  }), /*#__PURE__*/_react.default.createElement("rect", {
26
+ x: "10",
27
+ y: "10",
28
+ width: "20",
29
+ height: "20",
30
+ rx: "3",
37
31
  fill: iconThemed({
38
- light: '#0052CC',
32
+ light: '#DEEBFF',
39
33
  dark: '#09326C'
40
34
  }),
41
- x: 5,
42
- y: 5,
43
- width: 10,
44
- height: 10,
45
- rx: 2
35
+ stroke: iconThemed({
36
+ light: '#0065FF',
37
+ dark: '#0055CC'
38
+ })
39
+ }), /*#__PURE__*/_react.default.createElement("circle", {
40
+ cx: "30",
41
+ cy: "29",
42
+ r: "6",
43
+ fill: iconThemed({
44
+ light: '#36B37E',
45
+ dark: '#1F845A'
46
+ }),
47
+ stroke: iconThemed({
48
+ light: '#fff',
49
+ dark: '#161A1D'
50
+ })
46
51
  }), /*#__PURE__*/_react.default.createElement("path", {
47
- d: "M8.81 12.365l.05.055a.5.5 0 00.77-.042l.048-.065 3.11-4.205a.666.666 0 00-.09-.886.554.554 0 00-.82.098l-2.703 3.655-1.096-1.184a.553.553 0 00-.825 0 .667.667 0 000 .892l1.556 1.682z",
52
+ d: "M30 26C30.2761 26 30.5 26.2239 30.5 26.5V28.5H32.5C32.7761 28.5 33 28.7239 33 29C33 29.2761 32.7761 29.5 32.5 29.5H30.5V31.5C30.5 31.7761 30.2761 32 30 32C29.7239 32 29.5 31.7761 29.5 31.5V29.5H27.5C27.2239 29.5 27 29.2761 27 29C27 28.7239 27.2239 28.5 27.5 28.5H29.5V26.5C29.5 26.2239 29.7239 26 30 26Z",
48
53
  fill: iconThemed({
49
- light: '#FFF',
50
- dark: '#8696A7'
54
+ light: '#fff',
55
+ dark: '#161A1D'
51
56
  })
57
+ }), /*#__PURE__*/_react.default.createElement("rect", {
58
+ width: "16",
59
+ height: "16",
60
+ transform: "translate(12 12)",
61
+ fill: iconThemed({
62
+ light: '#fff',
63
+ dark: '#161A1D'
64
+ }),
65
+ "fill-opacity": "0.01"
52
66
  }), /*#__PURE__*/_react.default.createElement("path", {
53
- d: "M20 9h13v2H20a1 1 0 010-2z",
67
+ "fill-rule": "evenodd",
68
+ "clip-rule": "evenodd",
69
+ d: "M19.1747 25.0887L19.174 25.1487L19.4534 25.746C19.5714 26.006 19.46 26.3127 19.202 26.4354C19.0314 26.5154 18.8834 26.5327 18.758 26.4867C18.6327 26.4414 18.5694 26.418 18.49 26.248L17.5734 24.282C17.454 24.026 17.568 23.7127 17.8474 23.53L19.8127 22.614C19.9374 22.5573 20.0795 22.5518 20.2082 22.5987C20.337 22.6456 20.4422 22.7411 20.5014 22.8647C20.62 23.124 20.5087 23.4314 20.2514 23.554L19.5807 23.8894C21.5874 24.0254 23.5674 22.8294 23.914 20.8647C24.0023 20.3638 23.9905 19.8504 23.8791 19.3541C23.7678 18.8578 23.5592 18.3885 23.2654 17.9734L23.2027 17.888C23.1535 17.8206 23.1188 17.7438 23.1007 17.6623C23.0826 17.5809 23.0815 17.4966 23.0974 17.4146C23.1134 17.3327 23.1461 17.255 23.1934 17.1863C23.2408 17.1176 23.3018 17.0594 23.3727 17.0154C23.5239 16.9214 23.7048 16.8875 23.8798 16.9203C24.0548 16.9531 24.2112 17.0503 24.318 17.1927L24.3527 17.2394C24.7443 17.793 25.0224 18.4188 25.1709 19.0805C25.3195 19.7422 25.3355 20.4268 25.218 21.0947C24.7234 23.898 22.0274 25.5547 19.1747 25.088V25.0887ZM20.4627 14.7247L20.166 14.088C20.1091 13.9632 20.1035 13.821 20.1504 13.6921C20.1973 13.5632 20.2929 13.4578 20.4167 13.3987C20.5415 13.3418 20.6837 13.3362 20.8126 13.3831C20.9416 13.43 21.0469 13.5256 21.106 13.6494L22.0227 15.6154C22.1194 15.934 22.0054 16.2467 21.7494 16.366L19.784 17.2827C19.6127 17.3627 19.5507 17.34 19.4247 17.294C19.2994 17.2494 19.1967 17.1407 19.118 16.9694C19.0611 16.8446 19.0554 16.7025 19.1021 16.5736C19.1489 16.4447 19.2444 16.3393 19.368 16.28L19.9227 16.0147C18.0467 16.04 16.3974 17.3694 16.064 19.258C15.9272 20.0305 16.0281 20.8262 16.3534 21.54C16.46 21.776 16.5914 22.0027 16.7467 22.2174C16.7963 22.2784 16.8321 22.3495 16.8517 22.4257C16.8712 22.5018 16.8741 22.5814 16.86 22.6587C16.8459 22.7361 16.8153 22.8096 16.7702 22.874C16.7251 22.9384 16.6666 22.9923 16.5987 23.032L16.4387 23.1254C16.3126 23.199 16.164 23.224 16.0207 23.1958C15.8775 23.1675 15.7494 23.088 15.6607 22.972C15.4598 22.6935 15.2866 22.3961 15.1434 22.084C14.7047 21.1283 14.5679 20.0615 14.7514 19.026C15.228 16.3214 17.7327 14.474 20.4627 14.7247Z",
70
+ fill: iconThemed({
71
+ light: '#0065FF',
72
+ dark: '#0055CC'
73
+ })
74
+ }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
75
+ id: "clip0_7268_85272"
76
+ }, /*#__PURE__*/_react.default.createElement("rect", {
77
+ width: "40",
78
+ height: "40",
79
+ rx: "3",
54
80
  fill: iconThemed({
55
- light: '#C1C7D0',
56
- dark: '#738496'
81
+ light: '#fff',
82
+ dark: '#161A1D'
57
83
  })
58
84
  }))));
59
85
  }
@@ -7,7 +7,8 @@ exports.SyncBlockSharedCssClassName = exports.SyncBlockLabelSharedCssClassName =
7
7
  var prefix = 'ak-editor-sync-block';
8
8
  var SyncBlockSharedCssClassName = exports.SyncBlockSharedCssClassName = {
9
9
  prefix: prefix,
10
- renderer: "".concat(prefix, "__renderer")
10
+ renderer: "".concat(prefix, "__renderer"),
11
+ error: "".concat(prefix, "__error_state")
11
12
  };
12
13
  var bodiedPrefix = 'ak-editor-bodied-sync-block';
13
14
  var BodiedSyncBlockSharedCssClassName = exports.BodiedSyncBlockSharedCssClassName = {
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
24
24
  * @jsx jsx
25
25
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
26
26
  var packageName = "@atlaskit/editor-common";
27
- var packageVersion = "110.21.1";
27
+ var packageVersion = "110.21.3";
28
28
  var halfFocusRing = 1;
29
29
  var dropOffset = '0, 8';
30
30
  var fadeIn = (0, _react2.keyframes)({
@@ -64,5 +64,10 @@ export const messages = defineMessages({
64
64
  id: 'fabric.editor.block.menu.convert.to.synced.block',
65
65
  defaultMessage: 'Convert to synced block',
66
66
  description: 'Convert the selection to a synced block by putting all of the content inside a new synced block'
67
+ },
68
+ newLozenge: {
69
+ id: 'fabric.editor.block.menu.new.lozenge',
70
+ defaultMessage: 'New',
71
+ description: 'Text in lozenge which appears next to newly added menu items'
67
72
  }
68
73
  });
@@ -147,12 +147,12 @@ export const messages = defineMessages({
147
147
  },
148
148
  syncedBlock: {
149
149
  id: 'fabric.editor.syncedBlock',
150
- defaultMessage: 'Synced block',
150
+ defaultMessage: 'Create synced block',
151
151
  description: 'Inserts a synced block that auto-updates content across Atlassian apps'
152
152
  },
153
153
  syncedBlockDescription: {
154
154
  id: 'fabric.editor.syncedBlock.description',
155
- defaultMessage: 'Auto-update content across Atlassian apps',
155
+ defaultMessage: 'Sync content across multiple locations',
156
156
  description: 'Description of the synced block that auto-updates content across Atlassian apps'
157
157
  },
158
158
  panel: {
@@ -64,5 +64,20 @@ export const syncBlockMessages = defineMessages({
64
64
  id: 'fabric.editor.requestAccessToSyncedBlockError',
65
65
  defaultMessage: 'Something went wrong. Click to try again',
66
66
  description: 'Text which displays next to the request access button after something went wrong after clicking the button.'
67
+ },
68
+ sourceSyncBlockTooltip: {
69
+ id: 'fabric.editor.sourceSyncBlockTooltip',
70
+ defaultMessage: 'When you edit this source block it will update across synced locations.',
71
+ description: 'Description in tooltip which appears when you hover over the synced block label'
72
+ },
73
+ defaultSyncBlockTooltip: {
74
+ id: 'fabric.editor.sourceSyncBlockTooltip',
75
+ defaultMessage: 'Synced block',
76
+ description: "Description in tooltip which appears when we haven't been able to fetch other information about the sync block"
77
+ },
78
+ referenceSyncBlockTooltip: {
79
+ id: 'fabric.editor.referenceSyncBlockTooltip',
80
+ defaultMessage: 'Synced from: {title}',
81
+ description: 'Tooltip that shows the source page title of the synced block'
67
82
  }
68
83
  });
@@ -1,7 +1,7 @@
1
1
  import { isFedRamp } from './environment';
2
2
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
3
3
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
4
- const packageVersion = "110.21.1";
4
+ const packageVersion = "110.21.3";
5
5
  const sanitiseSentryEvents = (data, _hint) => {
6
6
  // Remove URL as it has UGC
7
7
  // Ignored via go/ees007
@@ -5,49 +5,75 @@ export default function SyncBlockIcon() {
5
5
  iconThemed
6
6
  } = useIconThemed();
7
7
  return /*#__PURE__*/React.createElement("svg", {
8
- focusable: "false",
9
- "aria-hidden": true,
10
- width: 40,
11
- height: 40,
12
- viewBox: "0 0 40 40"
13
- }, /*#__PURE__*/React.createElement("g", {
8
+ width: "40",
9
+ height: "40",
10
+ viewBox: "0 0 40 40",
14
11
  fill: "none",
15
- fillRule: "evenodd"
12
+ xmlns: "http://www.w3.org/2000/svg"
16
13
  }, /*#__PURE__*/React.createElement("path", {
17
14
  fill: iconThemed({
18
- light: '#FFF',
15
+ light: '#fff',
19
16
  dark: '#161A1D'
20
17
  }),
21
18
  d: "M0 0h40v40H0z"
22
- }), /*#__PURE__*/React.createElement("g", {
23
- transform: "translate(7 10)"
24
- }, /*#__PURE__*/React.createElement("path", {
25
- d: "M3 0h30v20H3a3 3 0 01-3-3V3a3 3 0 013-3z",
26
- fill: iconThemed({
27
- light: '#ECEDF0',
28
- dark: '#454F59'
29
- })
30
19
  }), /*#__PURE__*/React.createElement("rect", {
20
+ x: "10",
21
+ y: "10",
22
+ width: "20",
23
+ height: "20",
24
+ rx: "3",
31
25
  fill: iconThemed({
32
- light: '#0052CC',
26
+ light: '#DEEBFF',
33
27
  dark: '#09326C'
34
28
  }),
35
- x: 5,
36
- y: 5,
37
- width: 10,
38
- height: 10,
39
- rx: 2
29
+ stroke: iconThemed({
30
+ light: '#0065FF',
31
+ dark: '#0055CC'
32
+ })
33
+ }), /*#__PURE__*/React.createElement("circle", {
34
+ cx: "30",
35
+ cy: "29",
36
+ r: "6",
37
+ fill: iconThemed({
38
+ light: '#36B37E',
39
+ dark: '#1F845A'
40
+ }),
41
+ stroke: iconThemed({
42
+ light: '#fff',
43
+ dark: '#161A1D'
44
+ })
40
45
  }), /*#__PURE__*/React.createElement("path", {
41
- d: "M8.81 12.365l.05.055a.5.5 0 00.77-.042l.048-.065 3.11-4.205a.666.666 0 00-.09-.886.554.554 0 00-.82.098l-2.703 3.655-1.096-1.184a.553.553 0 00-.825 0 .667.667 0 000 .892l1.556 1.682z",
46
+ d: "M30 26C30.2761 26 30.5 26.2239 30.5 26.5V28.5H32.5C32.7761 28.5 33 28.7239 33 29C33 29.2761 32.7761 29.5 32.5 29.5H30.5V31.5C30.5 31.7761 30.2761 32 30 32C29.7239 32 29.5 31.7761 29.5 31.5V29.5H27.5C27.2239 29.5 27 29.2761 27 29C27 28.7239 27.2239 28.5 27.5 28.5H29.5V26.5C29.5 26.2239 29.7239 26 30 26Z",
42
47
  fill: iconThemed({
43
- light: '#FFF',
44
- dark: '#8696A7'
48
+ light: '#fff',
49
+ dark: '#161A1D'
45
50
  })
51
+ }), /*#__PURE__*/React.createElement("rect", {
52
+ width: "16",
53
+ height: "16",
54
+ transform: "translate(12 12)",
55
+ fill: iconThemed({
56
+ light: '#fff',
57
+ dark: '#161A1D'
58
+ }),
59
+ "fill-opacity": "0.01"
46
60
  }), /*#__PURE__*/React.createElement("path", {
47
- d: "M20 9h13v2H20a1 1 0 010-2z",
61
+ "fill-rule": "evenodd",
62
+ "clip-rule": "evenodd",
63
+ d: "M19.1747 25.0887L19.174 25.1487L19.4534 25.746C19.5714 26.006 19.46 26.3127 19.202 26.4354C19.0314 26.5154 18.8834 26.5327 18.758 26.4867C18.6327 26.4414 18.5694 26.418 18.49 26.248L17.5734 24.282C17.454 24.026 17.568 23.7127 17.8474 23.53L19.8127 22.614C19.9374 22.5573 20.0795 22.5518 20.2082 22.5987C20.337 22.6456 20.4422 22.7411 20.5014 22.8647C20.62 23.124 20.5087 23.4314 20.2514 23.554L19.5807 23.8894C21.5874 24.0254 23.5674 22.8294 23.914 20.8647C24.0023 20.3638 23.9905 19.8504 23.8791 19.3541C23.7678 18.8578 23.5592 18.3885 23.2654 17.9734L23.2027 17.888C23.1535 17.8206 23.1188 17.7438 23.1007 17.6623C23.0826 17.5809 23.0815 17.4966 23.0974 17.4146C23.1134 17.3327 23.1461 17.255 23.1934 17.1863C23.2408 17.1176 23.3018 17.0594 23.3727 17.0154C23.5239 16.9214 23.7048 16.8875 23.8798 16.9203C24.0548 16.9531 24.2112 17.0503 24.318 17.1927L24.3527 17.2394C24.7443 17.793 25.0224 18.4188 25.1709 19.0805C25.3195 19.7422 25.3355 20.4268 25.218 21.0947C24.7234 23.898 22.0274 25.5547 19.1747 25.088V25.0887ZM20.4627 14.7247L20.166 14.088C20.1091 13.9632 20.1035 13.821 20.1504 13.6921C20.1973 13.5632 20.2929 13.4578 20.4167 13.3987C20.5415 13.3418 20.6837 13.3362 20.8126 13.3831C20.9416 13.43 21.0469 13.5256 21.106 13.6494L22.0227 15.6154C22.1194 15.934 22.0054 16.2467 21.7494 16.366L19.784 17.2827C19.6127 17.3627 19.5507 17.34 19.4247 17.294C19.2994 17.2494 19.1967 17.1407 19.118 16.9694C19.0611 16.8446 19.0554 16.7025 19.1021 16.5736C19.1489 16.4447 19.2444 16.3393 19.368 16.28L19.9227 16.0147C18.0467 16.04 16.3974 17.3694 16.064 19.258C15.9272 20.0305 16.0281 20.8262 16.3534 21.54C16.46 21.776 16.5914 22.0027 16.7467 22.2174C16.7963 22.2784 16.8321 22.3495 16.8517 22.4257C16.8712 22.5018 16.8741 22.5814 16.86 22.6587C16.8459 22.7361 16.8153 22.8096 16.7702 22.874C16.7251 22.9384 16.6666 22.9923 16.5987 23.032L16.4387 23.1254C16.3126 23.199 16.164 23.224 16.0207 23.1958C15.8775 23.1675 15.7494 23.088 15.6607 22.972C15.4598 22.6935 15.2866 22.3961 15.1434 22.084C14.7047 21.1283 14.5679 20.0615 14.7514 19.026C15.228 16.3214 17.7327 14.474 20.4627 14.7247Z",
64
+ fill: iconThemed({
65
+ light: '#0065FF',
66
+ dark: '#0055CC'
67
+ })
68
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
69
+ id: "clip0_7268_85272"
70
+ }, /*#__PURE__*/React.createElement("rect", {
71
+ width: "40",
72
+ height: "40",
73
+ rx: "3",
48
74
  fill: iconThemed({
49
- light: '#C1C7D0',
50
- dark: '#738496'
75
+ light: '#fff',
76
+ dark: '#161A1D'
51
77
  })
52
78
  }))));
53
79
  }
@@ -1,7 +1,8 @@
1
1
  const prefix = 'ak-editor-sync-block';
2
2
  export const SyncBlockSharedCssClassName = {
3
3
  prefix,
4
- renderer: `${prefix}__renderer`
4
+ renderer: `${prefix}__renderer`,
5
+ error: `${prefix}__error_state`
5
6
  };
6
7
  const bodiedPrefix = 'ak-editor-bodied-sync-block';
7
8
  export const BodiedSyncBlockSharedCssClassName = {
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import Layer from '../Layer';
16
16
  const packageName = "@atlaskit/editor-common";
17
- const packageVersion = "110.21.1";
17
+ const packageVersion = "110.21.3";
18
18
  const halfFocusRing = 1;
19
19
  const dropOffset = '0, 8';
20
20
  const fadeIn = keyframes({
@@ -64,5 +64,10 @@ export var messages = defineMessages({
64
64
  id: 'fabric.editor.block.menu.convert.to.synced.block',
65
65
  defaultMessage: 'Convert to synced block',
66
66
  description: 'Convert the selection to a synced block by putting all of the content inside a new synced block'
67
+ },
68
+ newLozenge: {
69
+ id: 'fabric.editor.block.menu.new.lozenge',
70
+ defaultMessage: 'New',
71
+ description: 'Text in lozenge which appears next to newly added menu items'
67
72
  }
68
73
  });
@@ -147,12 +147,12 @@ export var messages = defineMessages({
147
147
  },
148
148
  syncedBlock: {
149
149
  id: 'fabric.editor.syncedBlock',
150
- defaultMessage: 'Synced block',
150
+ defaultMessage: 'Create synced block',
151
151
  description: 'Inserts a synced block that auto-updates content across Atlassian apps'
152
152
  },
153
153
  syncedBlockDescription: {
154
154
  id: 'fabric.editor.syncedBlock.description',
155
- defaultMessage: 'Auto-update content across Atlassian apps',
155
+ defaultMessage: 'Sync content across multiple locations',
156
156
  description: 'Description of the synced block that auto-updates content across Atlassian apps'
157
157
  },
158
158
  panel: {
@@ -64,5 +64,20 @@ export var syncBlockMessages = defineMessages({
64
64
  id: 'fabric.editor.requestAccessToSyncedBlockError',
65
65
  defaultMessage: 'Something went wrong. Click to try again',
66
66
  description: 'Text which displays next to the request access button after something went wrong after clicking the button.'
67
+ },
68
+ sourceSyncBlockTooltip: {
69
+ id: 'fabric.editor.sourceSyncBlockTooltip',
70
+ defaultMessage: 'When you edit this source block it will update across synced locations.',
71
+ description: 'Description in tooltip which appears when you hover over the synced block label'
72
+ },
73
+ defaultSyncBlockTooltip: {
74
+ id: 'fabric.editor.sourceSyncBlockTooltip',
75
+ defaultMessage: 'Synced block',
76
+ description: "Description in tooltip which appears when we haven't been able to fetch other information about the sync block"
77
+ },
78
+ referenceSyncBlockTooltip: {
79
+ id: 'fabric.editor.referenceSyncBlockTooltip',
80
+ defaultMessage: 'Synced from: {title}',
81
+ description: 'Tooltip that shows the source page title of the synced block'
67
82
  }
68
83
  });
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import { isFedRamp } from './environment';
8
8
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
9
9
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
10
- var packageVersion = "110.21.1";
10
+ var packageVersion = "110.21.3";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // Ignored via go/ees007
@@ -4,49 +4,75 @@ export default function SyncBlockIcon() {
4
4
  var _useIconThemed = useIconThemed(),
5
5
  iconThemed = _useIconThemed.iconThemed;
6
6
  return /*#__PURE__*/React.createElement("svg", {
7
- focusable: "false",
8
- "aria-hidden": true,
9
- width: 40,
10
- height: 40,
11
- viewBox: "0 0 40 40"
12
- }, /*#__PURE__*/React.createElement("g", {
7
+ width: "40",
8
+ height: "40",
9
+ viewBox: "0 0 40 40",
13
10
  fill: "none",
14
- fillRule: "evenodd"
11
+ xmlns: "http://www.w3.org/2000/svg"
15
12
  }, /*#__PURE__*/React.createElement("path", {
16
13
  fill: iconThemed({
17
- light: '#FFF',
14
+ light: '#fff',
18
15
  dark: '#161A1D'
19
16
  }),
20
17
  d: "M0 0h40v40H0z"
21
- }), /*#__PURE__*/React.createElement("g", {
22
- transform: "translate(7 10)"
23
- }, /*#__PURE__*/React.createElement("path", {
24
- d: "M3 0h30v20H3a3 3 0 01-3-3V3a3 3 0 013-3z",
25
- fill: iconThemed({
26
- light: '#ECEDF0',
27
- dark: '#454F59'
28
- })
29
18
  }), /*#__PURE__*/React.createElement("rect", {
19
+ x: "10",
20
+ y: "10",
21
+ width: "20",
22
+ height: "20",
23
+ rx: "3",
30
24
  fill: iconThemed({
31
- light: '#0052CC',
25
+ light: '#DEEBFF',
32
26
  dark: '#09326C'
33
27
  }),
34
- x: 5,
35
- y: 5,
36
- width: 10,
37
- height: 10,
38
- rx: 2
28
+ stroke: iconThemed({
29
+ light: '#0065FF',
30
+ dark: '#0055CC'
31
+ })
32
+ }), /*#__PURE__*/React.createElement("circle", {
33
+ cx: "30",
34
+ cy: "29",
35
+ r: "6",
36
+ fill: iconThemed({
37
+ light: '#36B37E',
38
+ dark: '#1F845A'
39
+ }),
40
+ stroke: iconThemed({
41
+ light: '#fff',
42
+ dark: '#161A1D'
43
+ })
39
44
  }), /*#__PURE__*/React.createElement("path", {
40
- d: "M8.81 12.365l.05.055a.5.5 0 00.77-.042l.048-.065 3.11-4.205a.666.666 0 00-.09-.886.554.554 0 00-.82.098l-2.703 3.655-1.096-1.184a.553.553 0 00-.825 0 .667.667 0 000 .892l1.556 1.682z",
45
+ d: "M30 26C30.2761 26 30.5 26.2239 30.5 26.5V28.5H32.5C32.7761 28.5 33 28.7239 33 29C33 29.2761 32.7761 29.5 32.5 29.5H30.5V31.5C30.5 31.7761 30.2761 32 30 32C29.7239 32 29.5 31.7761 29.5 31.5V29.5H27.5C27.2239 29.5 27 29.2761 27 29C27 28.7239 27.2239 28.5 27.5 28.5H29.5V26.5C29.5 26.2239 29.7239 26 30 26Z",
41
46
  fill: iconThemed({
42
- light: '#FFF',
43
- dark: '#8696A7'
47
+ light: '#fff',
48
+ dark: '#161A1D'
44
49
  })
50
+ }), /*#__PURE__*/React.createElement("rect", {
51
+ width: "16",
52
+ height: "16",
53
+ transform: "translate(12 12)",
54
+ fill: iconThemed({
55
+ light: '#fff',
56
+ dark: '#161A1D'
57
+ }),
58
+ "fill-opacity": "0.01"
45
59
  }), /*#__PURE__*/React.createElement("path", {
46
- d: "M20 9h13v2H20a1 1 0 010-2z",
60
+ "fill-rule": "evenodd",
61
+ "clip-rule": "evenodd",
62
+ d: "M19.1747 25.0887L19.174 25.1487L19.4534 25.746C19.5714 26.006 19.46 26.3127 19.202 26.4354C19.0314 26.5154 18.8834 26.5327 18.758 26.4867C18.6327 26.4414 18.5694 26.418 18.49 26.248L17.5734 24.282C17.454 24.026 17.568 23.7127 17.8474 23.53L19.8127 22.614C19.9374 22.5573 20.0795 22.5518 20.2082 22.5987C20.337 22.6456 20.4422 22.7411 20.5014 22.8647C20.62 23.124 20.5087 23.4314 20.2514 23.554L19.5807 23.8894C21.5874 24.0254 23.5674 22.8294 23.914 20.8647C24.0023 20.3638 23.9905 19.8504 23.8791 19.3541C23.7678 18.8578 23.5592 18.3885 23.2654 17.9734L23.2027 17.888C23.1535 17.8206 23.1188 17.7438 23.1007 17.6623C23.0826 17.5809 23.0815 17.4966 23.0974 17.4146C23.1134 17.3327 23.1461 17.255 23.1934 17.1863C23.2408 17.1176 23.3018 17.0594 23.3727 17.0154C23.5239 16.9214 23.7048 16.8875 23.8798 16.9203C24.0548 16.9531 24.2112 17.0503 24.318 17.1927L24.3527 17.2394C24.7443 17.793 25.0224 18.4188 25.1709 19.0805C25.3195 19.7422 25.3355 20.4268 25.218 21.0947C24.7234 23.898 22.0274 25.5547 19.1747 25.088V25.0887ZM20.4627 14.7247L20.166 14.088C20.1091 13.9632 20.1035 13.821 20.1504 13.6921C20.1973 13.5632 20.2929 13.4578 20.4167 13.3987C20.5415 13.3418 20.6837 13.3362 20.8126 13.3831C20.9416 13.43 21.0469 13.5256 21.106 13.6494L22.0227 15.6154C22.1194 15.934 22.0054 16.2467 21.7494 16.366L19.784 17.2827C19.6127 17.3627 19.5507 17.34 19.4247 17.294C19.2994 17.2494 19.1967 17.1407 19.118 16.9694C19.0611 16.8446 19.0554 16.7025 19.1021 16.5736C19.1489 16.4447 19.2444 16.3393 19.368 16.28L19.9227 16.0147C18.0467 16.04 16.3974 17.3694 16.064 19.258C15.9272 20.0305 16.0281 20.8262 16.3534 21.54C16.46 21.776 16.5914 22.0027 16.7467 22.2174C16.7963 22.2784 16.8321 22.3495 16.8517 22.4257C16.8712 22.5018 16.8741 22.5814 16.86 22.6587C16.8459 22.7361 16.8153 22.8096 16.7702 22.874C16.7251 22.9384 16.6666 22.9923 16.5987 23.032L16.4387 23.1254C16.3126 23.199 16.164 23.224 16.0207 23.1958C15.8775 23.1675 15.7494 23.088 15.6607 22.972C15.4598 22.6935 15.2866 22.3961 15.1434 22.084C14.7047 21.1283 14.5679 20.0615 14.7514 19.026C15.228 16.3214 17.7327 14.474 20.4627 14.7247Z",
63
+ fill: iconThemed({
64
+ light: '#0065FF',
65
+ dark: '#0055CC'
66
+ })
67
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
68
+ id: "clip0_7268_85272"
69
+ }, /*#__PURE__*/React.createElement("rect", {
70
+ width: "40",
71
+ height: "40",
72
+ rx: "3",
47
73
  fill: iconThemed({
48
- light: '#C1C7D0',
49
- dark: '#738496'
74
+ light: '#fff',
75
+ dark: '#161A1D'
50
76
  })
51
77
  }))));
52
78
  }
@@ -1,7 +1,8 @@
1
1
  var prefix = 'ak-editor-sync-block';
2
2
  export var SyncBlockSharedCssClassName = {
3
3
  prefix: prefix,
4
- renderer: "".concat(prefix, "__renderer")
4
+ renderer: "".concat(prefix, "__renderer"),
5
+ error: "".concat(prefix, "__error_state")
5
6
  };
6
7
  var bodiedPrefix = 'ak-editor-bodied-sync-block';
7
8
  export var BodiedSyncBlockSharedCssClassName = {
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
21
21
  import { fg } from '@atlaskit/platform-feature-flags';
22
22
  import Layer from '../Layer';
23
23
  var packageName = "@atlaskit/editor-common";
24
- var packageVersion = "110.21.1";
24
+ var packageVersion = "110.21.3";
25
25
  var halfFocusRing = 1;
26
26
  var dropOffset = '0, 8';
27
27
  var fadeIn = keyframes({
@@ -64,4 +64,9 @@ export declare const messages: {
64
64
  defaultMessage: string;
65
65
  description: string;
66
66
  };
67
+ newLozenge: {
68
+ id: string;
69
+ defaultMessage: string;
70
+ description: string;
71
+ };
67
72
  };
@@ -64,4 +64,19 @@ export declare const syncBlockMessages: {
64
64
  defaultMessage: string;
65
65
  description: string;
66
66
  };
67
+ sourceSyncBlockTooltip: {
68
+ id: string;
69
+ defaultMessage: string;
70
+ description: string;
71
+ };
72
+ defaultSyncBlockTooltip: {
73
+ id: string;
74
+ defaultMessage: string;
75
+ description: string;
76
+ };
77
+ referenceSyncBlockTooltip: {
78
+ id: string;
79
+ defaultMessage: string;
80
+ description: string;
81
+ };
67
82
  };
@@ -0,0 +1,14 @@
1
+ import type { EmojiProvider } from "@atlaskit/emoji";
2
+ import type { MentionProvider } from "@atlaskit/mention/types";
3
+ import type { TaskDecisionProvider } from "@atlaskit/task-decision/types";
4
+ import type { CardProvider } from "./card-provider";
5
+ import type { MediaProvider } from "./media-provider";
6
+ import type { ProfilecardProvider } from "./profile-card-provider";
7
+ export type SyncedBlockRendererDataProviders = {
8
+ cardProvider: Promise<CardProvider> | undefined;
9
+ emojiProvider: Promise<EmojiProvider> | undefined;
10
+ mediaProvider: Promise<MediaProvider> | undefined;
11
+ mentionProvider: Promise<MentionProvider> | undefined;
12
+ profilecardProvider: Promise<ProfilecardProvider> | undefined;
13
+ taskDecisionProvider: Promise<TaskDecisionProvider> | undefined;
14
+ };
@@ -12,3 +12,4 @@ export type { TypeAheadItem, TypeAheadItemRenderProps } from './types/type-ahead
12
12
  export type { AutoformatReplacement, AutoformattingProvider, AutoformatHandler, AutoformatRuleset, } from './provider-factory/autoformatting-provider';
13
13
  export type { ContextIdentifierProvider } from './provider-factory/context-identifier-provider';
14
14
  export type { ProfilecardProvider } from './provider-factory/profile-card-provider';
15
+ export type { SyncedBlockRendererDataProviders } from './provider-factory/synced-block-renderer-provider';
@@ -1,6 +1,7 @@
1
1
  export declare const SyncBlockSharedCssClassName: {
2
2
  prefix: string;
3
3
  renderer: string;
4
+ error: string;
4
5
  };
5
6
  export declare const BodiedSyncBlockSharedCssClassName: {
6
7
  prefix: string;
@@ -125,16 +125,6 @@ export type FeatureFlags = {
125
125
  * @default false
126
126
  */
127
127
  extensionLocalIdGeneration?: boolean;
128
- /**
129
- * @description
130
- * Used by the legacy content macro to disable render tracking due to excessive logs.
131
- * Will be removed once re-rendering issue is resolved.
132
- * Note: This is hardcoded into the LCM code, it does not exist in Switcheroo.
133
- *
134
- * @see https://product-fabric.atlassian.net/browse/ED-26650
135
- * @default false
136
- */
137
- lcmPreventRenderTracking?: boolean;
138
128
  /**
139
129
  * @description
140
130
  * Use the linking platform link picker for link insertion and edit
@@ -64,4 +64,9 @@ export declare const messages: {
64
64
  defaultMessage: string;
65
65
  description: string;
66
66
  };
67
+ newLozenge: {
68
+ id: string;
69
+ defaultMessage: string;
70
+ description: string;
71
+ };
67
72
  };
@@ -64,4 +64,19 @@ export declare const syncBlockMessages: {
64
64
  defaultMessage: string;
65
65
  description: string;
66
66
  };
67
+ sourceSyncBlockTooltip: {
68
+ id: string;
69
+ defaultMessage: string;
70
+ description: string;
71
+ };
72
+ defaultSyncBlockTooltip: {
73
+ id: string;
74
+ defaultMessage: string;
75
+ description: string;
76
+ };
77
+ referenceSyncBlockTooltip: {
78
+ id: string;
79
+ defaultMessage: string;
80
+ description: string;
81
+ };
67
82
  };
@@ -0,0 +1,14 @@
1
+ import type { EmojiProvider } from "@atlaskit/emoji";
2
+ import type { MentionProvider } from "@atlaskit/mention/types";
3
+ import type { TaskDecisionProvider } from "@atlaskit/task-decision/types";
4
+ import type { CardProvider } from "./card-provider";
5
+ import type { MediaProvider } from "./media-provider";
6
+ import type { ProfilecardProvider } from "./profile-card-provider";
7
+ export type SyncedBlockRendererDataProviders = {
8
+ cardProvider: Promise<CardProvider> | undefined;
9
+ emojiProvider: Promise<EmojiProvider> | undefined;
10
+ mediaProvider: Promise<MediaProvider> | undefined;
11
+ mentionProvider: Promise<MentionProvider> | undefined;
12
+ profilecardProvider: Promise<ProfilecardProvider> | undefined;
13
+ taskDecisionProvider: Promise<TaskDecisionProvider> | undefined;
14
+ };
@@ -12,3 +12,4 @@ export type { TypeAheadItem, TypeAheadItemRenderProps } from './types/type-ahead
12
12
  export type { AutoformatReplacement, AutoformattingProvider, AutoformatHandler, AutoformatRuleset, } from './provider-factory/autoformatting-provider';
13
13
  export type { ContextIdentifierProvider } from './provider-factory/context-identifier-provider';
14
14
  export type { ProfilecardProvider } from './provider-factory/profile-card-provider';
15
+ export type { SyncedBlockRendererDataProviders } from './provider-factory/synced-block-renderer-provider';
@@ -1,6 +1,7 @@
1
1
  export declare const SyncBlockSharedCssClassName: {
2
2
  prefix: string;
3
3
  renderer: string;
4
+ error: string;
4
5
  };
5
6
  export declare const BodiedSyncBlockSharedCssClassName: {
6
7
  prefix: string;
@@ -125,16 +125,6 @@ export type FeatureFlags = {
125
125
  * @default false
126
126
  */
127
127
  extensionLocalIdGeneration?: boolean;
128
- /**
129
- * @description
130
- * Used by the legacy content macro to disable render tracking due to excessive logs.
131
- * Will be removed once re-rendering issue is resolved.
132
- * Note: This is hardcoded into the LCM code, it does not exist in Switcheroo.
133
- *
134
- * @see https://product-fabric.atlassian.net/browse/ED-26650
135
- * @default false
136
- */
137
- lcmPreventRenderTracking?: boolean;
138
128
  /**
139
129
  * @description
140
130
  * Use the linking platform link picker for link insertion and edit
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "110.21.2",
3
+ "version": "110.21.4",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/icon": "^28.5.0",
55
55
  "@atlaskit/icon-object": "^7.3.0",
56
56
  "@atlaskit/link": "^3.2.0",
57
- "@atlaskit/link-datasource": "^4.28.0",
57
+ "@atlaskit/link-datasource": "^4.29.0",
58
58
  "@atlaskit/link-picker": "^3.16.0",
59
59
  "@atlaskit/media-card": "^79.6.0",
60
60
  "@atlaskit/media-client": "^35.5.0",