@atlaskit/editor-common 111.7.1 → 111.7.3

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 (62) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/afm-cc/tsconfig.json +1 -1
  3. package/dist/cjs/element-browser/ElementBrowser.js +0 -2
  4. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +2 -10
  5. package/dist/cjs/keymaps/index.js +2 -1
  6. package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js +2 -5
  7. package/dist/cjs/link/ConfigureLinkOverlay/index.js +0 -1
  8. package/dist/cjs/media-inline/views/error-view.js +1 -5
  9. package/dist/cjs/media-single/ExternalImageBadge.js +0 -1
  10. package/dist/cjs/messages/placeholder-text.js +4 -4
  11. package/dist/cjs/monitoring/error.js +1 -1
  12. package/dist/cjs/ui/DropList/index.js +1 -1
  13. package/dist/cjs/ui/Messages/index.js +0 -3
  14. package/dist/cjs/ui/UnsupportedBlock/index.js +1 -2
  15. package/dist/cjs/ui/UnsupportedInline/index.js +1 -2
  16. package/dist/cjs/utils/imageLoader.js +4 -131
  17. package/dist/es2019/element-browser/ElementBrowser.js +0 -2
  18. package/dist/es2019/element-browser/components/StatelessElementBrowser.js +3 -11
  19. package/dist/es2019/keymaps/index.js +1 -0
  20. package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js +2 -5
  21. package/dist/es2019/link/ConfigureLinkOverlay/index.js +0 -1
  22. package/dist/es2019/media-inline/views/error-view.js +1 -4
  23. package/dist/es2019/media-single/ExternalImageBadge.js +0 -1
  24. package/dist/es2019/messages/placeholder-text.js +4 -4
  25. package/dist/es2019/monitoring/error.js +1 -1
  26. package/dist/es2019/ui/DropList/index.js +1 -1
  27. package/dist/es2019/ui/Messages/index.js +0 -3
  28. package/dist/es2019/ui/UnsupportedBlock/index.js +1 -2
  29. package/dist/es2019/ui/UnsupportedInline/index.js +1 -2
  30. package/dist/es2019/utils/imageLoader.js +1 -111
  31. package/dist/esm/element-browser/ElementBrowser.js +0 -2
  32. package/dist/esm/element-browser/components/StatelessElementBrowser.js +3 -11
  33. package/dist/esm/keymaps/index.js +1 -0
  34. package/dist/esm/link/ConfigureLinkOverlay/Dropdown.js +2 -5
  35. package/dist/esm/link/ConfigureLinkOverlay/index.js +0 -1
  36. package/dist/esm/media-inline/views/error-view.js +1 -5
  37. package/dist/esm/media-single/ExternalImageBadge.js +0 -1
  38. package/dist/esm/messages/placeholder-text.js +4 -4
  39. package/dist/esm/monitoring/error.js +1 -1
  40. package/dist/esm/ui/DropList/index.js +1 -1
  41. package/dist/esm/ui/Messages/index.js +0 -3
  42. package/dist/esm/ui/UnsupportedBlock/index.js +1 -2
  43. package/dist/esm/ui/UnsupportedInline/index.js +1 -2
  44. package/dist/esm/utils/imageLoader.js +3 -130
  45. package/dist/types/element-browser/ElementBrowser.d.ts +0 -7
  46. package/dist/types/element-browser/components/StatelessElementBrowser.d.ts +0 -14
  47. package/dist/types/keymaps/index.d.ts +1 -0
  48. package/dist/types/media-inline/views/error-view.d.ts +1 -3
  49. package/dist/types/messages/placeholder-text.d.ts +1 -1
  50. package/dist/types/utils/imageLoader.d.ts +0 -1
  51. package/dist/types-ts4.5/element-browser/ElementBrowser.d.ts +0 -7
  52. package/dist/types-ts4.5/element-browser/components/StatelessElementBrowser.d.ts +0 -14
  53. package/dist/types-ts4.5/keymaps/index.d.ts +1 -0
  54. package/dist/types-ts4.5/media-inline/views/error-view.d.ts +1 -3
  55. package/dist/types-ts4.5/messages/placeholder-text.d.ts +1 -1
  56. package/dist/types-ts4.5/utils/imageLoader.d.ts +0 -1
  57. package/package.json +7 -10
  58. package/dist/cjs/element-browser/ViewMore.js +0 -58
  59. package/dist/es2019/element-browser/ViewMore.js +0 -52
  60. package/dist/esm/element-browser/ViewMore.js +0 -51
  61. package/dist/types/element-browser/ViewMore.d.ts +0 -6
  62. package/dist/types-ts4.5/element-browser/ViewMore.d.ts +0 -6
@@ -52,7 +52,6 @@ export const ErrorMessage = ({
52
52
  }, jsx("span", {
53
53
  css: iconWrapperStyle
54
54
  }, jsx(ErrorIcon, {
55
- LEGACY_size: "small",
56
55
  label: fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(commonMessages.error) : "error",
57
56
  "aria-label": fg('platform_editor_dec_a11y_fixes') ? undefined : "error"
58
57
  })), children);
@@ -68,10 +67,8 @@ export const ValidMessage = ({
68
67
  }, jsx("span", {
69
68
  css: iconWrapperStyle
70
69
  }, fg('platform_editor_dec_a11y_fixes') ? jsx(SuccessIcon, {
71
- LEGACY_size: "small",
72
70
  label: intl.formatMessage(commonMessages.success)
73
71
  }) : jsx(SuccessIcon, {
74
- LEGACY_size: "small",
75
72
  label: "success"
76
73
  })), children);
77
74
  };
@@ -61,8 +61,7 @@ const UnsupportedBlockNode = ({
61
61
  }, jsx("span", {
62
62
  style: style
63
63
  }, jsx(QuestionsIcon, {
64
- label: "?",
65
- LEGACY_size: "small"
64
+ label: "?"
66
65
  }))))
67
66
  );
68
67
  };
@@ -56,8 +56,7 @@ const UnsupportedInlineNode = ({
56
56
  }, jsx("span", {
57
57
  style: style
58
58
  }, jsx(QuestionsIcon, {
59
- label: "?",
60
- LEGACY_size: "small"
59
+ label: "?"
61
60
  }))));
62
61
  };
63
62
  export default injectIntl(UnsupportedInlineNode);
@@ -1,114 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import React, { Component } from 'react';
4
- export const withImageLoaderOld = Wrapped => class WithImageLoader extends Component {
5
- constructor(...args) {
6
- super(...args);
7
- _defineProperty(this, "state", {
8
- imageStatus: 'loading'
9
- });
10
- _defineProperty(this, "onLoad", () => {
11
- this.setState({
12
- imageStatus: 'complete'
13
- });
14
- const {
15
- onExternalImageLoaded
16
- } = this.props;
17
- if (onExternalImageLoaded && this.img) {
18
- onExternalImageLoaded({
19
- width: this.img.naturalWidth,
20
- height: this.img.naturalHeight
21
- });
22
- }
23
- });
24
- _defineProperty(this, "onError", () => {
25
- this.setState({
26
- imageStatus: 'error'
27
- });
28
- });
29
- }
30
- /**
31
- *
32
- * @example
33
- */
34
- componentDidMount() {
35
- this.fetchImage(this.props);
36
- }
37
-
38
- /**
39
- *
40
- * @param nextProps
41
- * @example
42
- */
43
- // Ignored via go/ees005
44
- // eslint-disable-next-line react/no-unsafe
45
- UNSAFE_componentWillReceiveProps(nextProps) {
46
- if (nextProps.url !== this.props.url) {
47
- this.setState({
48
- imageStatus: 'loading'
49
- });
50
- this.fetchImage(nextProps);
51
- }
52
- }
53
-
54
- /**
55
- *
56
- * @example
57
- */
58
- componentWillUnmount() {
59
- if (this.img) {
60
- if (!process.env.REACT_SSR) {
61
- // Ignored via go/ees005
62
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
63
- this.img.removeEventListener('load', this.onLoad);
64
- // Ignored via go/ees005
65
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
66
- this.img.removeEventListener('error', this.onError);
67
- this.img = null;
68
- }
69
- }
70
- }
71
-
72
- /**
73
- *
74
- * @param root0
75
- * @param root0.url
76
- * @example
77
- */
78
- fetchImage({
79
- url
80
- }) {
81
- if (url) {
82
- if (!this.img) {
83
- this.img = new Image();
84
- if (!process.env.REACT_SSR) {
85
- // Ignored via go/ees005
86
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
87
- this.img.addEventListener('load', this.onLoad);
88
- // Ignored via go/ees005
89
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
90
- this.img.addEventListener('error', this.onError);
91
- }
92
- }
93
- this.img.src = url;
94
- }
95
- }
96
- /**
97
- *
98
- * @example
99
- */
100
- render() {
101
- const {
102
- imageStatus
103
- } = this.state;
104
- // Ignored via go/ees005
105
- // eslint-disable-next-line react/jsx-props-no-spreading
106
- return /*#__PURE__*/React.createElement(Wrapped, _extends({}, this.props, {
107
- imageStatus: imageStatus
108
- }));
109
- }
110
- };
111
- const withImageLoaderNew = Wrapped => class WithImageLoader extends Component {
4
+ export const withImageLoader = Wrapped => class WithImageLoader extends Component {
112
5
  constructor(...args) {
113
6
  super(...args);
114
7
  _defineProperty(this, "state", {
@@ -186,7 +79,4 @@ const withImageLoaderNew = Wrapped => class WithImageLoader extends Component {
186
79
  imageStatus: imageStatus
187
80
  }));
188
81
  }
189
- };
190
- export const withImageLoader = Wrapped => {
191
- return withImageLoaderNew(Wrapped);
192
82
  };
@@ -110,7 +110,6 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
110
110
  showCategories = _this$props.showCategories,
111
111
  mode = _this$props.mode,
112
112
  emptyStateHandler = _this$props.emptyStateHandler,
113
- viewMoreItem = _this$props.viewMoreItem,
114
113
  onViewMore = _this$props.onViewMore,
115
114
  cache = _this$props.cache,
116
115
  autoFocusSearch = _this$props.autoFocusSearch;
@@ -132,7 +131,6 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
132
131
  mode: mode,
133
132
  searchTerm: searchTerm,
134
133
  emptyStateHandler: emptyStateHandler,
135
- viewMoreItem: viewMoreItem,
136
134
  cache: cache,
137
135
  onViewMore: onViewMore,
138
136
  autoFocusSearch: autoFocusSearch
@@ -11,15 +11,13 @@ import { css, jsx } from '@emotion/react';
11
11
  import { FormattedMessage } from 'react-intl-next';
12
12
  import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
13
13
  import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
- import { fg } from '@atlaskit/platform-feature-flags';
15
14
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
16
15
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
17
16
  import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
18
- import { ViewMore as ViewMoreNext } from '../components/ViewMore';
17
+ import { ViewMore } from '../components/ViewMore';
19
18
  import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, ELEMENT_BROWSER_LIST_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
20
19
  import useContainerWidth from '../hooks/use-container-width';
21
20
  import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
22
- import { ViewMore } from '../ViewMore';
23
21
  import CategoryList from './CategoryList';
24
22
  import ElementList from './ElementList/ElementList';
25
23
  import ElementSearch from './ElementSearch';
@@ -120,7 +118,6 @@ function StatelessElementBrowser(props) {
120
118
  var items = props.items,
121
119
  onSelectItem = props.onSelectItem,
122
120
  onInsertItem = props.onInsertItem,
123
- viewMoreItem = props.viewMoreItem,
124
121
  onViewMore = props.onViewMore,
125
122
  selectedCategory = props.selectedCategory,
126
123
  onSelectCategory = props.onSelectCategory,
@@ -160,7 +157,7 @@ function StatelessElementBrowser(props) {
160
157
  var _items$index$isDisabl, _items$index;
161
158
  return (_items$index$isDisabl = (_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.isDisabled) !== null && _items$index$isDisabl !== void 0 ? _items$index$isDisabl : false;
162
159
  }, [items]);
163
- var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, fg('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch, autoFocusSearch),
160
+ var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, !!onViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch),
164
161
  selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
165
162
  focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
166
163
  setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
@@ -262,7 +259,6 @@ function StatelessElementBrowser(props) {
262
259
  setFocusOnSearch: setFocusOnSearch,
263
260
  onKeyPress: onItemsEnterTabKeyPress,
264
261
  onKeyDown: onKeyDown,
265
- viewMoreItem: viewMoreItem,
266
262
  onViewMore: onViewMore,
267
263
  focusOnViewMore: focusOnViewMore,
268
264
  cache: cache
@@ -313,7 +309,6 @@ function MobileBrowser(_ref) {
313
309
  searchTerm = _ref.searchTerm,
314
310
  createAnalyticsEvent = _ref.createAnalyticsEvent,
315
311
  emptyStateHandler = _ref.emptyStateHandler,
316
- viewMoreItem = _ref.viewMoreItem,
317
312
  onViewMore = _ref.onViewMore,
318
313
  cache = _ref.cache,
319
314
  _ref$focusOnEmptyStat = _ref.focusOnEmptyStateButton,
@@ -365,12 +360,9 @@ function MobileBrowser(_ref) {
365
360
  selectedCategory: selectedCategory,
366
361
  searchTerm: searchTerm,
367
362
  cache: cache
368
- })), onViewMore && fg('platform_editor_refactor_view_more') && jsx(ViewMoreNext, {
363
+ })), onViewMore && jsx(ViewMore, {
369
364
  onViewMore: onViewMore,
370
365
  focus: focusOnViewMore
371
- }), viewMoreItem && !fg('platform_editor_refactor_view_more') && jsx(ViewMore, {
372
- item: viewMoreItem,
373
- focus: focusOnViewMore
374
366
  }))
375
367
  );
376
368
  }
@@ -12,6 +12,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
12
12
  import { editorCommandToPMCommand } from '../preset/editor-commands';
13
13
  import { browser as browserLegacy, getBrowserInfo } from '../utils/browser';
14
14
  export var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
15
+ export var toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
15
16
  export var navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
16
17
  export var navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');
17
18
  export var askAIQuickInsert = makeKeyMapWithCommon('Ask AI', "Mod-'");
@@ -74,7 +74,6 @@ var Dropdown = function Dropdown(_ref) {
74
74
  }, props, {
75
75
  iconBefore: jsx(ChevronDownIcon, {
76
76
  label: configureLinkLabel,
77
- LEGACY_size: "small",
78
77
  size: "small"
79
78
  }),
80
79
  onClick: function onClick(e) {
@@ -87,15 +86,13 @@ var Dropdown = function Dropdown(_ref) {
87
86
  onOpenChange: onOpenChange
88
87
  }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
89
88
  elemBefore: jsx(LinkExternalIcon, {
90
- label: goToLinkLabel,
91
- LEGACY_size: "medium"
89
+ label: goToLinkLabel
92
90
  }),
93
91
  testId: "".concat(testId, "-dropdown-item-open-link"),
94
92
  onClick: onGoToLinkClick
95
93
  }, goToLinkLabel), jsx(DropdownItem, {
96
94
  elemBefore: jsx(PreferencesIcon, {
97
- label: configureLinkLabel,
98
- LEGACY_size: "medium"
95
+ label: configureLinkLabel
99
96
  }),
100
97
  onClick: onConfigureClick,
101
98
  testId: "".concat(testId, "-dropdown-item-configure")
@@ -100,7 +100,6 @@ export var OverlayButton = withAnalyticsContext()(function (_ref) {
100
100
  onClick: handleConfigureClickWithAnalytics,
101
101
  iconBefore: jsx(PreferencesIcon, {
102
102
  label: configureLinkLabel,
103
- LEGACY_size: "small",
104
103
  testId: "".concat(testId, "-configure-icon")
105
104
  })
106
105
  })));
@@ -7,16 +7,13 @@
7
7
  import { jsx } from '@emotion/react';
8
8
  import WarningIcon from '@atlaskit/icon/core/status-warning';
9
9
  import Tooltip from '@atlaskit/tooltip';
10
- import { ICON_SIZE_THRESOLD } from './constants';
11
10
  import { Frame } from './frame';
12
11
  import { IconWrapper } from './icon-wrapper';
13
12
  export var InlineImageCardErrorView = function InlineImageCardErrorView(_ref) {
14
13
  var _ref$testId = _ref.testId,
15
14
  testId = _ref$testId === void 0 ? 'media-inline-image-card-error-view' : _ref$testId,
16
15
  message = _ref.message,
17
- icon = _ref.icon,
18
- _ref$height = _ref.height,
19
- height = _ref$height === void 0 ? ICON_SIZE_THRESOLD : _ref$height;
16
+ icon = _ref.icon;
20
17
  return jsx(Frame, {
21
18
  testId: testId
22
19
  }, jsx(Tooltip, {
@@ -26,7 +23,6 @@ export var InlineImageCardErrorView = function InlineImageCardErrorView(_ref) {
26
23
  hideTooltipOnClick: true
27
24
  }, jsx(IconWrapper, null, icon || jsx(WarningIcon, {
28
25
  label: "error",
29
- LEGACY_size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
30
26
  color: "var(--ds-icon-danger, #C9372C)"
31
27
  }))));
32
28
  };
@@ -52,7 +52,6 @@ export var ExternalImageBadge = function ExternalImageBadge(_ref) {
52
52
  content: message,
53
53
  position: "top"
54
54
  }, /*#__PURE__*/React.createElement(InfoIcon, {
55
- LEGACY_size: "small",
56
55
  label: message
57
56
  })));
58
57
  };
@@ -40,9 +40,9 @@ export var placeholderTextMessages = defineMessages({
40
40
  defaultMessage: ' to insert elements',
41
41
  description: 'Text after slash in long empty node placeholder'
42
42
  },
43
- syncBlockPlaceholderText: {
44
- id: 'fabric.editor.syncBlockPlaceholderText',
45
- defaultMessage: 'Add content then copy this synced block to access it across spaces',
46
- description: 'Placeholder text for sync block'
43
+ sourceSyncBlockPlaceholderText: {
44
+ id: 'fabric.editor.sourceSyncBlockPlaceholderText',
45
+ defaultMessage: 'Add content you want to reuse. Copy and paste this block to sync in other locations.',
46
+ description: 'Placeholder text for source sync block'
47
47
  }
48
48
  });
@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
10
10
  import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
11
11
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
12
12
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
13
- var packageVersion = "111.7.0";
13
+ var packageVersion = "111.7.2";
14
14
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
15
15
  // Remove URL as it has UGC
16
16
  // Ignored via go/ees007
@@ -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 = "111.7.0";
24
+ var packageVersion = "111.7.2";
25
25
  var halfFocusRing = 1;
26
26
  var dropOffset = '0, 8';
27
27
  var fadeIn = keyframes({
@@ -55,7 +55,6 @@ export var ErrorMessage = function ErrorMessage(_ref2) {
55
55
  }, jsx("span", {
56
56
  css: iconWrapperStyle
57
57
  }, jsx(ErrorIcon, {
58
- LEGACY_size: "small",
59
58
  label: fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(commonMessages.error) : "error",
60
59
  "aria-label": fg('platform_editor_dec_a11y_fixes') ? undefined : "error"
61
60
  })), children);
@@ -70,10 +69,8 @@ export var ValidMessage = function ValidMessage(_ref3) {
70
69
  }, jsx("span", {
71
70
  css: iconWrapperStyle
72
71
  }, fg('platform_editor_dec_a11y_fixes') ? jsx(SuccessIcon, {
73
- LEGACY_size: "small",
74
72
  label: intl.formatMessage(commonMessages.success)
75
73
  }) : jsx(SuccessIcon, {
76
- LEGACY_size: "small",
77
74
  label: "success"
78
75
  })), children);
79
76
  };
@@ -61,8 +61,7 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
61
61
  }, jsx("span", {
62
62
  style: style
63
63
  }, jsx(QuestionsIcon, {
64
- label: "?",
65
- LEGACY_size: "small"
64
+ label: "?"
66
65
  }))))
67
66
  );
68
67
  };
@@ -56,8 +56,7 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
56
56
  }, jsx("span", {
57
57
  style: style
58
58
  }, jsx(QuestionsIcon, {
59
- label: "?",
60
- LEGACY_size: "small"
59
+ label: "?"
61
60
  }))));
62
61
  };
63
62
  export default injectIntl(UnsupportedInlineNode);
@@ -8,7 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
9
9
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
10
10
  import React, { Component } from 'react';
11
- export var withImageLoaderOld = function withImageLoaderOld(Wrapped) {
11
+ export var withImageLoader = function withImageLoader(Wrapped) {
12
12
  return /*#__PURE__*/function (_Component) {
13
13
  function WithImageLoader() {
14
14
  var _this;
@@ -40,130 +40,6 @@ export var withImageLoaderOld = function withImageLoaderOld(Wrapped) {
40
40
  return _this;
41
41
  }
42
42
  _inherits(WithImageLoader, _Component);
43
- return _createClass(WithImageLoader, [{
44
- key: "componentDidMount",
45
- value:
46
- /**
47
- *
48
- * @example
49
- */
50
- function componentDidMount() {
51
- this.fetchImage(this.props);
52
- }
53
-
54
- /**
55
- *
56
- * @param nextProps
57
- * @example
58
- */
59
- // Ignored via go/ees005
60
- // eslint-disable-next-line react/no-unsafe
61
- }, {
62
- key: "UNSAFE_componentWillReceiveProps",
63
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
64
- if (nextProps.url !== this.props.url) {
65
- this.setState({
66
- imageStatus: 'loading'
67
- });
68
- this.fetchImage(nextProps);
69
- }
70
- }
71
-
72
- /**
73
- *
74
- * @example
75
- */
76
- }, {
77
- key: "componentWillUnmount",
78
- value: function componentWillUnmount() {
79
- if (this.img) {
80
- if (!process.env.REACT_SSR) {
81
- // Ignored via go/ees005
82
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
83
- this.img.removeEventListener('load', this.onLoad);
84
- // Ignored via go/ees005
85
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
86
- this.img.removeEventListener('error', this.onError);
87
- this.img = null;
88
- }
89
- }
90
- }
91
-
92
- /**
93
- *
94
- * @param root0
95
- * @param root0.url
96
- * @example
97
- */
98
- }, {
99
- key: "fetchImage",
100
- value: function fetchImage(_ref) {
101
- var url = _ref.url;
102
- if (url) {
103
- if (!this.img) {
104
- this.img = new Image();
105
- if (!process.env.REACT_SSR) {
106
- // Ignored via go/ees005
107
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
108
- this.img.addEventListener('load', this.onLoad);
109
- // Ignored via go/ees005
110
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
111
- this.img.addEventListener('error', this.onError);
112
- }
113
- }
114
- this.img.src = url;
115
- }
116
- }
117
- }, {
118
- key: "render",
119
- value:
120
- /**
121
- *
122
- * @example
123
- */
124
- function render() {
125
- var imageStatus = this.state.imageStatus;
126
- // Ignored via go/ees005
127
- // eslint-disable-next-line react/jsx-props-no-spreading
128
- return /*#__PURE__*/React.createElement(Wrapped, _extends({}, this.props, {
129
- imageStatus: imageStatus
130
- }));
131
- }
132
- }]);
133
- }(Component);
134
- };
135
- var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
136
- return /*#__PURE__*/function (_Component2) {
137
- function WithImageLoader() {
138
- var _this2;
139
- _classCallCheck(this, WithImageLoader);
140
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
141
- args[_key2] = arguments[_key2];
142
- }
143
- _this2 = _callSuper(this, WithImageLoader, [].concat(args));
144
- _defineProperty(_this2, "state", {
145
- imageStatus: 'loading'
146
- });
147
- _defineProperty(_this2, "onLoad", function () {
148
- _this2.setState({
149
- imageStatus: 'complete'
150
- });
151
- var onExternalImageLoaded = _this2.props.onExternalImageLoaded;
152
- if (onExternalImageLoaded && _this2.img) {
153
- onExternalImageLoaded({
154
- width: _this2.img.naturalWidth,
155
- height: _this2.img.naturalHeight
156
- });
157
- }
158
- });
159
- _defineProperty(_this2, "onError", function () {
160
- _this2.setState({
161
- imageStatus: 'error'
162
- });
163
- });
164
- return _this2;
165
- }
166
- _inherits(WithImageLoader, _Component2);
167
43
  return _createClass(WithImageLoader, [{
168
44
  key: "componentDidMount",
169
45
  value: function componentDidMount() {
@@ -196,8 +72,8 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
196
72
  }
197
73
  }, {
198
74
  key: "fetchImage",
199
- value: function fetchImage(_ref2) {
200
- var url = _ref2.url;
75
+ value: function fetchImage(_ref) {
76
+ var url = _ref.url;
201
77
  if (url) {
202
78
  if (!this.img) {
203
79
  this.img = new Image();
@@ -225,7 +101,4 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
225
101
  }
226
102
  }]);
227
103
  }(Component);
228
- };
229
- export var withImageLoader = function withImageLoader(Wrapped) {
230
- return withImageLoaderNew(Wrapped);
231
104
  };
@@ -19,13 +19,6 @@ export interface Props {
19
19
  onViewMore?: () => void;
20
20
  showCategories: boolean;
21
21
  showSearch: boolean;
22
- /**
23
- * @private
24
- * @deprecated
25
- * Deprecated in favour of onViewMore
26
- * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
27
- */
28
- viewMoreItem?: QuickInsertItem;
29
22
  }
30
23
  export interface State {
31
24
  categories: Category[];
@@ -27,13 +27,6 @@ export type StatelessElementBrowserProps = {
27
27
  selectedCategory?: string;
28
28
  showCategories: boolean;
29
29
  showSearch: boolean;
30
- /**
31
- * @private
32
- * @deprecated
33
- * Deprecated in favour of onViewMore
34
- * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
35
- */
36
- viewMoreItem?: QuickInsertItem;
37
30
  } & WithAnalyticsEventsProps;
38
31
  declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<{
39
32
  /**
@@ -54,12 +47,5 @@ declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRef
54
47
  selectedCategory?: string;
55
48
  showCategories: boolean;
56
49
  showSearch: boolean;
57
- /**
58
- * @private
59
- * @deprecated
60
- * Deprecated in favour of onViewMore
61
- * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
62
- */
63
- viewMoreItem?: QuickInsertItem;
64
50
  }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>>;
65
51
  export default MemoizedElementBrowser;
@@ -7,6 +7,7 @@ import { jsx } from '@emotion/react';
7
7
  import type { Command } from '../types/command';
8
8
  import type { EditorCommand } from '../types/editor-command';
9
9
  export declare const addAltText: Keymap;
10
+ export declare const toggleViewChanges: Keymap;
10
11
  export declare const navToEditorToolbar: Keymap;
11
12
  export declare const navToFloatingToolbar: Keymap;
12
13
  export declare const askAIQuickInsert: Keymap;
@@ -4,12 +4,10 @@
4
4
  */
5
5
  import { jsx } from '@emotion/react';
6
6
  type Props = {
7
- /** Container height */
8
- height?: number;
9
7
  /** Error icon. Default to document icon. */
10
8
  icon?: React.ReactNode;
11
9
  message: string;
12
10
  testId?: string;
13
11
  };
14
- export declare const InlineImageCardErrorView: ({ testId, message, icon, height, }: Props) => jsx.JSX.Element;
12
+ export declare const InlineImageCardErrorView: ({ testId, message, icon, }: Props) => jsx.JSX.Element;
15
13
  export {};
@@ -39,7 +39,7 @@ export declare const placeholderTextMessages: {
39
39
  defaultMessage: string;
40
40
  description: string;
41
41
  };
42
- syncBlockPlaceholderText: {
42
+ sourceSyncBlockPlaceholderText: {
43
43
  id: string;
44
44
  defaultMessage: string;
45
45
  description: string;
@@ -12,5 +12,4 @@ export interface ImageLoaderState {
12
12
  imageStatus: ImageStatus;
13
13
  }
14
14
  export type ImageStatus = 'complete' | 'loading' | 'error';
15
- export declare const withImageLoaderOld: <P extends Object>(Wrapped: ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps>;
16
15
  export declare const withImageLoader: <P extends Object>(Wrapped: ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps>;
@@ -19,13 +19,6 @@ export interface Props {
19
19
  onViewMore?: () => void;
20
20
  showCategories: boolean;
21
21
  showSearch: boolean;
22
- /**
23
- * @private
24
- * @deprecated
25
- * Deprecated in favour of onViewMore
26
- * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
27
- */
28
- viewMoreItem?: QuickInsertItem;
29
22
  }
30
23
  export interface State {
31
24
  categories: Category[];