@atlaskit/editor-common 126.4.1 → 126.4.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 126.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5655e3d4d88fc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5655e3d4d88fc) -
8
+ Clean up experiment `platform_editor_reduce_event_listener_count`. The treatment behaviour is now
9
+ permanent: node views that render nothing no longer mount a React portal, breakout resize tooltips
10
+ mount on first hover, and layout column dividers are keyed by section ordinal and found via a
11
+ scoped document walk.
12
+ - [`b90341d10ef81`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b90341d10ef81) -
13
+ Fix element browser cards, keyboard selection, and small-screen categories under
14
+ platform_editor_slash_command
15
+ - [`dc878dede0903`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dc878dede0903) -
16
+ Clean up feature gate `platform_editor_embed_height_only_fallback`
17
+ - Updated dependencies
18
+
19
+ ## 126.4.2
20
+
21
+ ### Patch Changes
22
+
23
+ - Updated dependencies
24
+
3
25
  ## 126.4.1
4
26
 
5
27
  ### Patch Changes
@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
27
27
  var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
28
28
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
29
29
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
30
- var packageVersion = "126.4.0";
30
+ var packageVersion = "126.4.2";
31
31
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
32
32
  // Remove URL as it has UGC
33
33
  // Ignored via go/ees007
@@ -0,0 +1 @@
1
+ ._syazdgkc{color:var(--ds-icon-subtle,#505258)}
@@ -1,3 +1,4 @@
1
+ /* ElementBrowserQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
1
2
  "use strict";
2
3
 
3
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -5,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.ElementBrowserQuickInsertMenuItem = void 0;
9
+ require("./ElementBrowserQuickInsertMenuItem.compiled.css");
10
+ var _runtime = require("@compiled/react/runtime");
8
11
  var _react = _interopRequireWildcard(require("react"));
9
12
  var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
10
13
  var _primitives = require("@atlaskit/primitives");
@@ -12,7 +15,6 @@ var _quickInsertMenuItemUtils = require("./quickInsertMenuItemUtils");
12
15
  var _useQuickInsertContext = require("./useQuickInsertContext");
13
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); }
14
17
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
15
-
16
18
  var borderlessItemStyles = (0, _primitives.xcss)({
17
19
  alignItems: 'start',
18
20
  backgroundColor: 'color.background.neutral.subtle',
@@ -29,7 +31,7 @@ var borderlessItemStyles = (0, _primitives.xcss)({
29
31
  var borderlessSelectedItemStyles = (0, _primitives.xcss)({
30
32
  alignItems: 'start',
31
33
  backgroundColor: 'color.background.selected',
32
- borderRadius: 0,
34
+ borderRadius: 'radius.medium',
33
35
  color: 'color.text',
34
36
  cursor: 'pointer',
35
37
  display: 'flex',
@@ -66,7 +68,7 @@ var borderlessDisabledItemStyles = (0, _primitives.xcss)({
66
68
  var hoveredItemStyles = (0, _primitives.xcss)({
67
69
  ':hover': {
68
70
  backgroundColor: 'elevation.surface.hovered',
69
- borderRadius: 0
71
+ borderRadius: 'radius.medium'
70
72
  }
71
73
  });
72
74
  var iconStyles = (0, _primitives.xcss)({
@@ -97,9 +99,7 @@ var iconLargeStyles = (0, _primitives.xcss)({
97
99
  overflow: 'hidden',
98
100
  width: '40px'
99
101
  });
100
- var descriptionStyles = (0, _primitives.xcss)({
101
- color: 'color.text.subtle'
102
- });
102
+ var iconColorStyles = null;
103
103
  var shortcutStyles = (0, _primitives.xcss)({
104
104
  backgroundColor: 'color.background.neutral',
105
105
  borderRadius: 'radius.small',
@@ -137,13 +137,18 @@ var ElementBrowserQuickInsertMenuItem = exports.ElementBrowserQuickInsertMenuIte
137
137
  id: id,
138
138
  isDisabled: isDisabled,
139
139
  onClick: handleClick,
140
- role: "option"
140
+ role: "option",
141
+ tabIndex: isSelected ? 0 : -1
141
142
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
142
143
  ,
143
144
  xcss: itemStyles
144
145
  }, iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
145
146
  xcss: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') ? iconLargeStyles : iconStyles
146
- }, iconBefore) : iconBefore, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
147
+ }, /*#__PURE__*/_react.default.createElement("span", {
148
+ className: (0, _runtime.ax)(["_syazdgkc"])
149
+ }, iconBefore)) : iconBefore ? /*#__PURE__*/_react.default.createElement("span", {
150
+ className: (0, _runtime.ax)(["_syazdgkc"])
151
+ }, iconBefore) : null, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
147
152
  space: "space.050",
148
153
  grow: "fill"
149
154
  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
@@ -151,14 +156,17 @@ var ElementBrowserQuickInsertMenuItem = exports.ElementBrowserQuickInsertMenuIte
151
156
  spread: "space-between",
152
157
  space: "space.100"
153
158
  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
159
+ color: "color.text",
154
160
  maxLines: 1,
161
+ size: "medium",
155
162
  weight: "medium"
156
163
  }, title), shortcut && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
157
164
  as: "span",
158
165
  xcss: shortcutStyles
159
- }, shortcut)), itemDescription && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
160
- xcss: descriptionStyles
161
- }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
162
- maxLines: 2
163
- }, itemDescription))));
166
+ }, shortcut)), itemDescription && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
167
+ color: "color.text.subtlest",
168
+ maxLines: 2,
169
+ size: "small",
170
+ weight: "regular"
171
+ }, itemDescription)));
164
172
  };
@@ -28,7 +28,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
28
28
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
29
29
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
30
30
  var _react = _interopRequireDefault(require("react"));
31
- var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
32
31
  var _analytics = require("../analytics");
33
32
  var _coreUtils = require("../core-utils");
34
33
  var _eventDispatcher = require("../event-dispatcher");
@@ -52,9 +51,8 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
52
51
  // Ignored via go/ees005
53
52
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
54
53
  /**
55
- * Tracks whether a React portal is currently mounted into `domRef`. Only used under
56
- * `platform_editor_reduce_event_listener_count`, where a node view whose `render()`
57
- * returns `null` does not mount one at all.
54
+ * Tracks whether a React portal is currently mounted into `domRef`. A node view whose
55
+ * `render()` returns `null` does not mount one at all.
58
56
  */
59
57
  (0, _defineProperty2.default)(this, "hasMountedPortal", false);
60
58
  (0, _defineProperty2.default)(this, "decorations", []);
@@ -173,21 +171,18 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
173
171
  // `render()` runs — the pre-evaluated element is handed to the same render call below.
174
172
  // If a node view starts out empty and later renders something, `update()` calls back into
175
173
  // this method and the portal is mounted at that point.
176
- var renderComponent = component;
177
- if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_event_listener_count')) {
178
- var element = component();
179
- if (element === null) {
180
- if (this.hasMountedPortal) {
181
- this.portalProviderAPI.remove(this.key);
182
- this.hasMountedPortal = false;
183
- }
184
- return;
174
+ var element = component();
175
+ if (element === null) {
176
+ if (this.hasMountedPortal) {
177
+ this.portalProviderAPI.remove(this.key);
178
+ this.hasMountedPortal = false;
185
179
  }
186
- this.hasMountedPortal = true;
187
- renderComponent = function renderComponent() {
188
- return element;
189
- };
180
+ return;
190
181
  }
182
+ this.hasMountedPortal = true;
183
+ var renderComponent = function renderComponent() {
184
+ return element;
185
+ };
191
186
  var componentWithErrorBoundary = function componentWithErrorBoundary() {
192
187
  var _this3$node$type$name, _this3$node;
193
188
  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
@@ -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 = "126.4.0";
27
+ var packageVersion = "126.4.2";
28
28
  var halfFocusRing = 1;
29
29
  var dropOffset = '0, 8';
30
30
  var fadeIn = (0, _react2.keyframes)({
@@ -109,7 +109,7 @@ function MediaSingle(_ref) {
109
109
  var paddingBottom;
110
110
  if (isHeightOnly) {
111
111
  mediaWrapperHeight = height;
112
- } else if (width !== undefined && !Number.isFinite(height / width * 100) && (0, _fg.fg)('platform_editor_embed_height_only_fallback')) {
112
+ } else if (width !== undefined && !Number.isFinite(height / width * 100)) {
113
113
  // The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
114
114
  // which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
115
115
  // unavailable in the host renderer). Fall back to the embed's absolute height so the box
@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
13
13
  const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
14
14
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
15
15
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
16
- const packageVersion = "126.4.0";
16
+ const packageVersion = "126.4.2";
17
17
  const sanitiseSentryEvents = (data, _hint) => {
18
18
  // Remove URL as it has UGC
19
19
  // Ignored via go/ees007
@@ -0,0 +1 @@
1
+ ._syazdgkc{color:var(--ds-icon-subtle,#505258)}
@@ -1,3 +1,6 @@
1
+ /* ElementBrowserQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
2
+ import "./ElementBrowserQuickInsertMenuItem.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
1
4
  import React, { useMemo } from 'react';
2
5
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
3
6
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
@@ -20,7 +23,7 @@ const borderlessItemStyles = xcss({
20
23
  const borderlessSelectedItemStyles = xcss({
21
24
  alignItems: 'start',
22
25
  backgroundColor: 'color.background.selected',
23
- borderRadius: 0,
26
+ borderRadius: 'radius.medium',
24
27
  color: 'color.text',
25
28
  cursor: 'pointer',
26
29
  display: 'flex',
@@ -57,7 +60,7 @@ const borderlessDisabledItemStyles = xcss({
57
60
  const hoveredItemStyles = xcss({
58
61
  ':hover': {
59
62
  backgroundColor: 'elevation.surface.hovered',
60
- borderRadius: 0
63
+ borderRadius: 'radius.medium'
61
64
  }
62
65
  });
63
66
  const iconStyles = xcss({
@@ -88,9 +91,7 @@ const iconLargeStyles = xcss({
88
91
  overflow: 'hidden',
89
92
  width: '40px'
90
93
  });
91
- const descriptionStyles = xcss({
92
- color: 'color.text.subtle'
93
- });
94
+ const iconColorStyles = null;
94
95
  const shortcutStyles = xcss({
95
96
  backgroundColor: 'color.background.neutral',
96
97
  borderRadius: 'radius.small',
@@ -128,13 +129,18 @@ export const ElementBrowserQuickInsertMenuItem = ({
128
129
  id: id,
129
130
  isDisabled: isDisabled,
130
131
  onClick: handleClick,
131
- role: "option"
132
+ role: "option",
133
+ tabIndex: isSelected ? 0 : -1
132
134
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
133
135
  ,
134
136
  xcss: itemStyles
135
137
  }, iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
136
138
  xcss: isExperimentEnabled('platform_editor_slash_command') ? iconLargeStyles : iconStyles
137
- }, iconBefore) : iconBefore, /*#__PURE__*/React.createElement(Stack, {
139
+ }, /*#__PURE__*/React.createElement("span", {
140
+ className: ax(["_syazdgkc"])
141
+ }, iconBefore)) : iconBefore ? /*#__PURE__*/React.createElement("span", {
142
+ className: ax(["_syazdgkc"])
143
+ }, iconBefore) : null, /*#__PURE__*/React.createElement(Stack, {
138
144
  space: "space.050",
139
145
  grow: "fill"
140
146
  }, /*#__PURE__*/React.createElement(Inline, {
@@ -142,14 +148,17 @@ export const ElementBrowserQuickInsertMenuItem = ({
142
148
  spread: "space-between",
143
149
  space: "space.100"
144
150
  }, /*#__PURE__*/React.createElement(Text, {
151
+ color: "color.text",
145
152
  maxLines: 1,
153
+ size: "medium",
146
154
  weight: "medium"
147
155
  }, title), shortcut && /*#__PURE__*/React.createElement(Box, {
148
156
  as: "span",
149
157
  xcss: shortcutStyles
150
- }, shortcut)), itemDescription && /*#__PURE__*/React.createElement(Box, {
151
- xcss: descriptionStyles
152
- }, /*#__PURE__*/React.createElement(Text, {
153
- maxLines: 2
154
- }, itemDescription))));
158
+ }, shortcut)), itemDescription && /*#__PURE__*/React.createElement(Text, {
159
+ color: "color.text.subtlest",
160
+ maxLines: 2,
161
+ size: "small",
162
+ weight: "regular"
163
+ }, itemDescription)));
155
164
  };
@@ -4,7 +4,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  /* eslint-disable @atlaskit/editor/no-re-export */
5
5
 
6
6
  import React from 'react';
7
- import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
8
7
  import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
9
8
  import { isSSR } from '../core-utils';
10
9
  import { createDispatch } from '../event-dispatcher';
@@ -24,9 +23,8 @@ export default class ReactNodeView {
24
23
  // Ignored via go/ees005
25
24
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
26
25
  /**
27
- * Tracks whether a React portal is currently mounted into `domRef`. Only used under
28
- * `platform_editor_reduce_event_listener_count`, where a node view whose `render()`
29
- * returns `null` does not mount one at all.
26
+ * Tracks whether a React portal is currently mounted into `domRef`. A node view whose
27
+ * `render()` returns `null` does not mount one at all.
30
28
  */
31
29
  _defineProperty(this, "hasMountedPortal", false);
32
30
  _defineProperty(this, "decorations", []);
@@ -136,19 +134,16 @@ export default class ReactNodeView {
136
134
  // `render()` runs — the pre-evaluated element is handed to the same render call below.
137
135
  // If a node view starts out empty and later renders something, `update()` calls back into
138
136
  // this method and the portal is mounted at that point.
139
- let renderComponent = component;
140
- if (isExperimentEnabled('platform_editor_reduce_event_listener_count')) {
141
- const element = component();
142
- if (element === null) {
143
- if (this.hasMountedPortal) {
144
- this.portalProviderAPI.remove(this.key);
145
- this.hasMountedPortal = false;
146
- }
147
- return;
137
+ const element = component();
138
+ if (element === null) {
139
+ if (this.hasMountedPortal) {
140
+ this.portalProviderAPI.remove(this.key);
141
+ this.hasMountedPortal = false;
148
142
  }
149
- this.hasMountedPortal = true;
150
- renderComponent = () => element;
143
+ return;
151
144
  }
145
+ this.hasMountedPortal = true;
146
+ const renderComponent = () => element;
152
147
  const componentWithErrorBoundary = () => {
153
148
  var _this$node$type$name, _this$node, _this$node$type;
154
149
  return /*#__PURE__*/React.createElement(ErrorBoundary, {
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import { fg } from '@atlaskit/platform-feature-flags/fg';
15
15
  import Layer from '../Layer';
16
16
  const packageName = "@atlaskit/editor-common";
17
- const packageVersion = "126.4.0";
17
+ const packageVersion = "126.4.2";
18
18
  const halfFocusRing = 1;
19
19
  const dropOffset = '0, 8';
20
20
  const fadeIn = keyframes({
@@ -95,7 +95,7 @@ export default function MediaSingle({
95
95
  let paddingBottom;
96
96
  if (isHeightOnly) {
97
97
  mediaWrapperHeight = height;
98
- } else if (width !== undefined && !Number.isFinite(height / width * 100) && fg('platform_editor_embed_height_only_fallback')) {
98
+ } else if (width !== undefined && !Number.isFinite(height / width * 100)) {
99
99
  // The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
100
100
  // which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
101
101
  // unavailable in the host renderer). Fall back to the embed's absolute height so the box
@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
19
19
  var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
20
20
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
21
21
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
22
- var packageVersion = "126.4.0";
22
+ var packageVersion = "126.4.2";
23
23
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
24
24
  // Remove URL as it has UGC
25
25
  // Ignored via go/ees007
@@ -0,0 +1 @@
1
+ ._syazdgkc{color:var(--ds-icon-subtle,#505258)}
@@ -1,3 +1,6 @@
1
+ /* ElementBrowserQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.2 */
2
+ import "./ElementBrowserQuickInsertMenuItem.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
1
4
  import React, { useMemo } from 'react';
2
5
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
3
6
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
@@ -20,7 +23,7 @@ var borderlessItemStyles = xcss({
20
23
  var borderlessSelectedItemStyles = xcss({
21
24
  alignItems: 'start',
22
25
  backgroundColor: 'color.background.selected',
23
- borderRadius: 0,
26
+ borderRadius: 'radius.medium',
24
27
  color: 'color.text',
25
28
  cursor: 'pointer',
26
29
  display: 'flex',
@@ -57,7 +60,7 @@ var borderlessDisabledItemStyles = xcss({
57
60
  var hoveredItemStyles = xcss({
58
61
  ':hover': {
59
62
  backgroundColor: 'elevation.surface.hovered',
60
- borderRadius: 0
63
+ borderRadius: 'radius.medium'
61
64
  }
62
65
  });
63
66
  var iconStyles = xcss({
@@ -88,9 +91,7 @@ var iconLargeStyles = xcss({
88
91
  overflow: 'hidden',
89
92
  width: '40px'
90
93
  });
91
- var descriptionStyles = xcss({
92
- color: 'color.text.subtle'
93
- });
94
+ var iconColorStyles = null;
94
95
  var shortcutStyles = xcss({
95
96
  backgroundColor: 'color.background.neutral',
96
97
  borderRadius: 'radius.small',
@@ -128,13 +129,18 @@ export var ElementBrowserQuickInsertMenuItem = function ElementBrowserQuickInser
128
129
  id: id,
129
130
  isDisabled: isDisabled,
130
131
  onClick: handleClick,
131
- role: "option"
132
+ role: "option",
133
+ tabIndex: isSelected ? 0 : -1
132
134
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
133
135
  ,
134
136
  xcss: itemStyles
135
137
  }, iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
136
138
  xcss: isExperimentEnabled('platform_editor_slash_command') ? iconLargeStyles : iconStyles
137
- }, iconBefore) : iconBefore, /*#__PURE__*/React.createElement(Stack, {
139
+ }, /*#__PURE__*/React.createElement("span", {
140
+ className: ax(["_syazdgkc"])
141
+ }, iconBefore)) : iconBefore ? /*#__PURE__*/React.createElement("span", {
142
+ className: ax(["_syazdgkc"])
143
+ }, iconBefore) : null, /*#__PURE__*/React.createElement(Stack, {
138
144
  space: "space.050",
139
145
  grow: "fill"
140
146
  }, /*#__PURE__*/React.createElement(Inline, {
@@ -142,14 +148,17 @@ export var ElementBrowserQuickInsertMenuItem = function ElementBrowserQuickInser
142
148
  spread: "space-between",
143
149
  space: "space.100"
144
150
  }, /*#__PURE__*/React.createElement(Text, {
151
+ color: "color.text",
145
152
  maxLines: 1,
153
+ size: "medium",
146
154
  weight: "medium"
147
155
  }, title), shortcut && /*#__PURE__*/React.createElement(Box, {
148
156
  as: "span",
149
157
  xcss: shortcutStyles
150
- }, shortcut)), itemDescription && /*#__PURE__*/React.createElement(Box, {
151
- xcss: descriptionStyles
152
- }, /*#__PURE__*/React.createElement(Text, {
153
- maxLines: 2
154
- }, itemDescription))));
158
+ }, shortcut)), itemDescription && /*#__PURE__*/React.createElement(Text, {
159
+ color: "color.text.subtlest",
160
+ maxLines: 2,
161
+ size: "small",
162
+ weight: "regular"
163
+ }, itemDescription)));
155
164
  };
@@ -6,7 +6,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
6
  /* eslint-disable @atlaskit/editor/no-re-export */
7
7
 
8
8
  import React from 'react';
9
- import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
10
9
  import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
11
10
  import { isSSR } from '../core-utils';
12
11
  import { createDispatch } from '../event-dispatcher';
@@ -28,9 +27,8 @@ var ReactNodeView = /*#__PURE__*/function () {
28
27
  // Ignored via go/ees005
29
28
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
30
29
  /**
31
- * Tracks whether a React portal is currently mounted into `domRef`. Only used under
32
- * `platform_editor_reduce_event_listener_count`, where a node view whose `render()`
33
- * returns `null` does not mount one at all.
30
+ * Tracks whether a React portal is currently mounted into `domRef`. A node view whose
31
+ * `render()` returns `null` does not mount one at all.
34
32
  */
35
33
  _defineProperty(this, "hasMountedPortal", false);
36
34
  _defineProperty(this, "decorations", []);
@@ -149,21 +147,18 @@ var ReactNodeView = /*#__PURE__*/function () {
149
147
  // `render()` runs — the pre-evaluated element is handed to the same render call below.
150
148
  // If a node view starts out empty and later renders something, `update()` calls back into
151
149
  // this method and the portal is mounted at that point.
152
- var renderComponent = component;
153
- if (isExperimentEnabled('platform_editor_reduce_event_listener_count')) {
154
- var element = component();
155
- if (element === null) {
156
- if (this.hasMountedPortal) {
157
- this.portalProviderAPI.remove(this.key);
158
- this.hasMountedPortal = false;
159
- }
160
- return;
150
+ var element = component();
151
+ if (element === null) {
152
+ if (this.hasMountedPortal) {
153
+ this.portalProviderAPI.remove(this.key);
154
+ this.hasMountedPortal = false;
161
155
  }
162
- this.hasMountedPortal = true;
163
- renderComponent = function renderComponent() {
164
- return element;
165
- };
156
+ return;
166
157
  }
158
+ this.hasMountedPortal = true;
159
+ var renderComponent = function renderComponent() {
160
+ return element;
161
+ };
167
162
  var componentWithErrorBoundary = function componentWithErrorBoundary() {
168
163
  var _this3$node$type$name, _this3$node;
169
164
  return /*#__PURE__*/React.createElement(ErrorBoundary, {
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
21
21
  import { fg } from '@atlaskit/platform-feature-flags/fg';
22
22
  import Layer from '../Layer';
23
23
  var packageName = "@atlaskit/editor-common";
24
- var packageVersion = "126.4.0";
24
+ var packageVersion = "126.4.2";
25
25
  var halfFocusRing = 1;
26
26
  var dropOffset = '0, 8';
27
27
  var fadeIn = keyframes({
@@ -101,7 +101,7 @@ export default function MediaSingle(_ref) {
101
101
  var paddingBottom;
102
102
  if (isHeightOnly) {
103
103
  mediaWrapperHeight = height;
104
- } else if (width !== undefined && !Number.isFinite(height / width * 100) && fg('platform_editor_embed_height_only_fallback')) {
104
+ } else if (width !== undefined && !Number.isFinite(height / width * 100)) {
105
105
  // The aspect-ratio (padding-bottom) trick collapses to 0 when the ratio is non-finite,
106
106
  // which happens when the resolved pixel width is 0/NaN (e.g. editorWidth/lineLength is
107
107
  // unavailable in the host renderer). Fall back to the embed's absolute height so the box
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
1
5
  import React from 'react';
2
6
  import type { QuickInsertMenuItemProps } from './QuickInsertMenuItem';
3
7
  export declare const ElementBrowserQuickInsertMenuItem: ({ ariaLabel, description, iconBefore, isDisabled, onSelect, shortcut, shouldWrapIcon, title, }: QuickInsertMenuItemProps) => React.JSX.Element;
@@ -15,9 +15,8 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
15
15
  private portalProviderAPI;
16
16
  private _viewShouldUpdate?;
17
17
  /**
18
- * Tracks whether a React portal is currently mounted into `domRef`. Only used under
19
- * `platform_editor_reduce_event_listener_count`, where a node view whose `render()`
20
- * returns `null` does not mount one at all.
18
+ * Tracks whether a React portal is currently mounted into `domRef`. A node view whose
19
+ * `render()` returns `null` does not mount one at all.
21
20
  */
22
21
  private hasMountedPortal;
23
22
  protected eventDispatcher?: EventDispatcher;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "126.4.1",
3
+ "version": "126.4.3",
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/"
@@ -85,7 +85,7 @@
85
85
  "@atlaskit/task-decision": "^21.11.0",
86
86
  "@atlaskit/teams-app-config": "^3.1.0",
87
87
  "@atlaskit/textfield": "^10.2.0",
88
- "@atlaskit/tmp-editor-statsig": "^217.0.0",
88
+ "@atlaskit/tmp-editor-statsig": "^218.0.0",
89
89
  "@atlaskit/tokens": "^20.1.0",
90
90
  "@atlaskit/tooltip": "^24.3.0",
91
91
  "@atlaskit/width-detector": "^7.2.0",
@@ -230,9 +230,6 @@
230
230
  "platform_editor_fix_scroll_to_pos": {
231
231
  "type": "boolean"
232
232
  },
233
- "platform_editor_embed_height_only_fallback": {
234
- "type": "boolean"
235
- },
236
233
  "platform_editor_custom_emoji_unicode_fallback": {
237
234
  "type": "boolean"
238
235
  },