@atlaskit/editor-core 207.19.4 → 207.19.6

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,22 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 207.19.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#169535](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169535)
8
+ [`275f3d6725a4e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/275f3d6725a4e) -
9
+ [ux] Hide plus and block control buttons when hovering over gutter space on the left and right
10
+ - Updated dependencies
11
+
12
+ ## 207.19.5
13
+
14
+ ### Patch Changes
15
+
16
+ - [#170715](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/170715)
17
+ [`c173b44f2590c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c173b44f2590c) -
18
+ fix scrollbar styles issue under static emotion refactor
19
+
3
20
  ## 207.19.4
4
21
 
5
22
  ### Patch Changes
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = exports.ContentArea = void 0;
8
+ exports.default = exports.ContentArea = exports.ChromelessEditorContainer = void 0;
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -18,6 +18,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
18
18
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
19
19
  var _scrollbar = require("@atlaskit/editor-shared-styles/scrollbar");
20
20
  var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
21
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
21
22
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
22
23
  var _ContentStyles = require("../ContentStyles");
23
24
  var _EditorContentContainer = _interopRequireDefault(require("../EditorContentContainer/EditorContentContainer"));
@@ -32,10 +33,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
32
33
  var scrollbarStylesNew = (0, _react2.css)({
33
34
  '-ms-overflow-style': '-ms-autohiding-scrollbar',
34
35
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
35
- '&::-webkit-scrollbar': {
36
- overflow: 'hidden'
37
- },
38
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
39
36
  '&::-webkit-scrollbar-corner': {
40
37
  display: 'none'
41
38
  },
@@ -153,29 +150,14 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
153
150
  var editorViewMode = useEditorViewModePluginState(_this.props.editorAPI);
154
151
  return (0, _react2.jsx)(_WithFlash.default, {
155
152
  animate: maxContentSizeReached
156
- }, (0, _react2.jsx)("div", {
157
- css: [(0, _experiments.editorExperiment)('platform_editor_core_static_emotion', true, {
158
- exposure: true
159
- }) ? chromelessEditorStylesNew : chromelessEditorStyles, (0, _experiments.editorExperiment)('platform_editor_core_static_emotion', true, {
160
- exposure: true
161
- }) && scrollbarStylesNew, maxHeight &&
162
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
163
- (0, _react2.css)({
164
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
165
- maxHeight: "".concat(maxHeight, "px")
166
- }),
167
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
168
- (0, _react2.css)({
169
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
170
- minHeight: "".concat(minHeight, "px")
171
- })],
172
- "data-testid": "chromeless-editor",
173
- id: "chromeless-editor",
174
- ref: function ref(_ref2) {
175
- return _this.containerElement = _ref2;
153
+ }, (0, _react2.jsx)(ChromelessEditorContainer, {
154
+ maxHeight: maxHeight,
155
+ minHeight: minHeight,
156
+ containerRef: function containerRef(ref) {
157
+ return _this.containerElement = ref;
176
158
  }
177
159
  }, (0, _react2.jsx)(EditorContainer
178
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
160
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
179
161
  , {
180
162
  className: "ak-editor-content-area",
181
163
  featureFlags: featureFlags,
@@ -226,12 +208,53 @@ var useMaxContentSizePluginState = (0, _hooks.sharedPluginStateHookMigratorFacto
226
208
  }
227
209
  };
228
210
  });
229
- function RenderWithPluginState(_ref3) {
230
- var renderChrome = _ref3.renderChrome,
231
- editorAPI = _ref3.editorAPI;
211
+ function RenderWithPluginState(_ref2) {
212
+ var renderChrome = _ref2.renderChrome,
213
+ editorAPI = _ref2.editorAPI;
232
214
  var _useMaxContentSizePlu = useMaxContentSizePluginState(editorAPI),
233
215
  maxContentSizeState = _useMaxContentSizePlu.maxContentSizeState;
234
216
  return (0, _react2.jsx)(_react.Fragment, null, renderChrome({
235
217
  maxContentSize: maxContentSizeState
236
218
  }));
237
- }
219
+ }
220
+ function ChromelessEditorContainerNext(_ref3) {
221
+ var maxHeight = _ref3.maxHeight,
222
+ minHeight = _ref3.minHeight,
223
+ children = _ref3.children,
224
+ containerRef = _ref3.containerRef;
225
+ return (0, _react2.jsx)("div", {
226
+ css: [chromelessEditorStylesNew, scrollbarStylesNew],
227
+ style: {
228
+ maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
229
+ minHeight: "".concat(minHeight, "px")
230
+ },
231
+ "data-testid": "chromeless-editor",
232
+ id: "chromeless-editor",
233
+ ref: containerRef
234
+ }, children);
235
+ }
236
+ function ChromelessEditorContainerOld(_ref4) {
237
+ var maxHeight = _ref4.maxHeight,
238
+ minHeight = _ref4.minHeight,
239
+ children = _ref4.children,
240
+ containerRef = _ref4.containerRef;
241
+ return (0, _react2.jsx)("div", {
242
+ css: [chromelessEditorStyles, maxHeight &&
243
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
244
+ (0, _react2.css)({
245
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
246
+ maxHeight: "".concat(maxHeight, "px")
247
+ }),
248
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
249
+ (0, _react2.css)({
250
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
251
+ minHeight: "".concat(minHeight, "px")
252
+ })],
253
+ "data-testid": "chromeless-editor",
254
+ id: "chromeless-editor",
255
+ ref: containerRef
256
+ }, children);
257
+ }
258
+ var ChromelessEditorContainer = exports.ChromelessEditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
259
+ return (0, _expValEquals.expValEquals)('platform_editor_core_static_emotion', 'isEnabled', true);
260
+ }, ChromelessEditorContainerNext, ChromelessEditorContainerOld);
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.FullPageContentArea = exports.EDITOR_CONTAINER = exports.CONTENT_AREA_TEST_ID = void 0;
8
+ exports.ScrollContainer = exports.FullPageContentArea = exports.EDITOR_CONTAINER = exports.CONTENT_AREA_TEST_ID = void 0;
9
9
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _react2 = require("@emotion/react");
@@ -49,7 +49,7 @@ var scrollStyles = (0, _react2.css)({
49
49
  _scrollbar.scrollbarStyles);
50
50
 
51
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
52
- var ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
52
+ var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
53
53
  ScrollContainer.displayName = 'ScrollContainer';
54
54
  var EditorContainer = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
55
55
  return (0, _experiments.editorExperiment)('platform_editor_core_static_emotion', true, {
@@ -11,10 +11,6 @@ var _react = require("@emotion/react");
11
11
  var scrollbarStyles = exports.scrollbarStyles = (0, _react.css)({
12
12
  '-ms-overflow-style': '-ms-autohiding-scrollbar',
13
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
14
- '&::-webkit-scrollbar': {
15
- overflow: 'hidden'
16
- },
17
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
18
14
  '&::-webkit-scrollbar-corner': {
19
15
  display: 'none'
20
16
  },
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "207.19.4";
8
+ var version = exports.version = "207.19.6";
@@ -11,6 +11,7 @@ import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atl
11
11
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
12
12
  import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
13
13
  import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
14
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
14
15
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
15
16
  import { createEditorContentStyle } from '../ContentStyles';
16
17
  import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
@@ -19,10 +20,6 @@ import WithFlash from '../WithFlash';
19
20
  const scrollbarStylesNew = css({
20
21
  '-ms-overflow-style': '-ms-autohiding-scrollbar',
21
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
22
- '&::-webkit-scrollbar': {
23
- overflow: 'hidden'
24
- },
25
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
26
23
  '&::-webkit-scrollbar-corner': {
27
24
  display: 'none'
28
25
  },
@@ -135,27 +132,12 @@ export default class Editor extends React.Component {
135
132
  const editorViewMode = useEditorViewModePluginState(this.props.editorAPI);
136
133
  return jsx(WithFlash, {
137
134
  animate: maxContentSizeReached
138
- }, jsx("div", {
139
- css: [editorExperiment('platform_editor_core_static_emotion', true, {
140
- exposure: true
141
- }) ? chromelessEditorStylesNew : chromelessEditorStyles, editorExperiment('platform_editor_core_static_emotion', true, {
142
- exposure: true
143
- }) && scrollbarStylesNew, maxHeight &&
144
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
145
- css({
146
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
147
- maxHeight: `${maxHeight}px`
148
- }),
149
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
150
- css({
151
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
152
- minHeight: `${minHeight}px`
153
- })],
154
- "data-testid": "chromeless-editor",
155
- id: "chromeless-editor",
156
- ref: ref => this.containerElement = ref
135
+ }, jsx(ChromelessEditorContainer, {
136
+ maxHeight: maxHeight,
137
+ minHeight: minHeight,
138
+ containerRef: ref => this.containerElement = ref
157
139
  }, jsx(EditorContainer
158
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
140
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
159
141
  , {
160
142
  className: "ak-editor-content-area",
161
143
  featureFlags: featureFlags,
@@ -212,4 +194,45 @@ function RenderWithPluginState({
212
194
  return jsx(Fragment, null, renderChrome({
213
195
  maxContentSize: maxContentSizeState
214
196
  }));
215
- }
197
+ }
198
+ function ChromelessEditorContainerNext({
199
+ maxHeight,
200
+ minHeight,
201
+ children,
202
+ containerRef
203
+ }) {
204
+ return jsx("div", {
205
+ css: [chromelessEditorStylesNew, scrollbarStylesNew],
206
+ style: {
207
+ maxHeight: maxHeight ? `${maxHeight}px` : undefined,
208
+ minHeight: `${minHeight}px`
209
+ },
210
+ "data-testid": "chromeless-editor",
211
+ id: "chromeless-editor",
212
+ ref: containerRef
213
+ }, children);
214
+ }
215
+ function ChromelessEditorContainerOld({
216
+ maxHeight,
217
+ minHeight,
218
+ children,
219
+ containerRef
220
+ }) {
221
+ return jsx("div", {
222
+ css: [chromelessEditorStyles, maxHeight &&
223
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
224
+ css({
225
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
226
+ maxHeight: `${maxHeight}px`
227
+ }),
228
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
229
+ css({
230
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
231
+ minHeight: `${minHeight}px`
232
+ })],
233
+ "data-testid": "chromeless-editor",
234
+ id: "chromeless-editor",
235
+ ref: containerRef
236
+ }, children);
237
+ }
238
+ export const ChromelessEditorContainer = componentWithCondition(() => expValEquals('platform_editor_core_static_emotion', 'isEnabled', true), ChromelessEditorContainerNext, ChromelessEditorContainerOld);
@@ -38,7 +38,7 @@ const scrollStyles = css({
38
38
  scrollbarStyles);
39
39
 
40
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
41
- const ScrollContainer = createEditorContentStyle(scrollStyles);
41
+ export const ScrollContainer = createEditorContentStyle(scrollStyles);
42
42
  ScrollContainer.displayName = 'ScrollContainer';
43
43
  const EditorContainer = componentWithCondition(() => editorExperiment('platform_editor_core_static_emotion', true, {
44
44
  exposure: true
@@ -4,10 +4,6 @@ import { css } from '@emotion/react';
4
4
  export const scrollbarStyles = css({
5
5
  '-ms-overflow-style': '-ms-autohiding-scrollbar',
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
7
- '&::-webkit-scrollbar': {
8
- overflow: 'hidden'
9
- },
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
11
7
  '&::-webkit-scrollbar-corner': {
12
8
  display: 'none'
13
9
  },
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "207.19.4";
2
+ export const version = "207.19.6";
@@ -18,6 +18,7 @@ import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atl
18
18
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
19
19
  import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
20
20
  import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
21
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
21
22
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
22
23
  import { createEditorContentStyle } from '../ContentStyles';
23
24
  import EditorContentContainer from '../EditorContentContainer/EditorContentContainer';
@@ -26,10 +27,6 @@ import WithFlash from '../WithFlash';
26
27
  var scrollbarStylesNew = css({
27
28
  '-ms-overflow-style': '-ms-autohiding-scrollbar',
28
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
29
- '&::-webkit-scrollbar': {
30
- overflow: 'hidden'
31
- },
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
33
30
  '&::-webkit-scrollbar-corner': {
34
31
  display: 'none'
35
32
  },
@@ -147,29 +144,14 @@ var Editor = /*#__PURE__*/function (_React$Component) {
147
144
  var editorViewMode = useEditorViewModePluginState(_this.props.editorAPI);
148
145
  return jsx(WithFlash, {
149
146
  animate: maxContentSizeReached
150
- }, jsx("div", {
151
- css: [editorExperiment('platform_editor_core_static_emotion', true, {
152
- exposure: true
153
- }) ? chromelessEditorStylesNew : chromelessEditorStyles, editorExperiment('platform_editor_core_static_emotion', true, {
154
- exposure: true
155
- }) && scrollbarStylesNew, maxHeight &&
156
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
157
- css({
158
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
159
- maxHeight: "".concat(maxHeight, "px")
160
- }),
161
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
162
- css({
163
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
164
- minHeight: "".concat(minHeight, "px")
165
- })],
166
- "data-testid": "chromeless-editor",
167
- id: "chromeless-editor",
168
- ref: function ref(_ref2) {
169
- return _this.containerElement = _ref2;
147
+ }, jsx(ChromelessEditorContainer, {
148
+ maxHeight: maxHeight,
149
+ minHeight: minHeight,
150
+ containerRef: function containerRef(ref) {
151
+ return _this.containerElement = ref;
170
152
  }
171
153
  }, jsx(EditorContainer
172
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
154
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
173
155
  , {
174
156
  className: "ak-editor-content-area",
175
157
  featureFlags: featureFlags,
@@ -221,12 +203,53 @@ var useMaxContentSizePluginState = sharedPluginStateHookMigratorFactory(function
221
203
  }
222
204
  };
223
205
  });
224
- function RenderWithPluginState(_ref3) {
225
- var renderChrome = _ref3.renderChrome,
226
- editorAPI = _ref3.editorAPI;
206
+ function RenderWithPluginState(_ref2) {
207
+ var renderChrome = _ref2.renderChrome,
208
+ editorAPI = _ref2.editorAPI;
227
209
  var _useMaxContentSizePlu = useMaxContentSizePluginState(editorAPI),
228
210
  maxContentSizeState = _useMaxContentSizePlu.maxContentSizeState;
229
211
  return jsx(Fragment, null, renderChrome({
230
212
  maxContentSize: maxContentSizeState
231
213
  }));
232
- }
214
+ }
215
+ function ChromelessEditorContainerNext(_ref3) {
216
+ var maxHeight = _ref3.maxHeight,
217
+ minHeight = _ref3.minHeight,
218
+ children = _ref3.children,
219
+ containerRef = _ref3.containerRef;
220
+ return jsx("div", {
221
+ css: [chromelessEditorStylesNew, scrollbarStylesNew],
222
+ style: {
223
+ maxHeight: maxHeight ? "".concat(maxHeight, "px") : undefined,
224
+ minHeight: "".concat(minHeight, "px")
225
+ },
226
+ "data-testid": "chromeless-editor",
227
+ id: "chromeless-editor",
228
+ ref: containerRef
229
+ }, children);
230
+ }
231
+ function ChromelessEditorContainerOld(_ref4) {
232
+ var maxHeight = _ref4.maxHeight,
233
+ minHeight = _ref4.minHeight,
234
+ children = _ref4.children,
235
+ containerRef = _ref4.containerRef;
236
+ return jsx("div", {
237
+ css: [chromelessEditorStyles, maxHeight &&
238
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
239
+ css({
240
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
241
+ maxHeight: "".concat(maxHeight, "px")
242
+ }),
243
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
244
+ css({
245
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
246
+ minHeight: "".concat(minHeight, "px")
247
+ })],
248
+ "data-testid": "chromeless-editor",
249
+ id: "chromeless-editor",
250
+ ref: containerRef
251
+ }, children);
252
+ }
253
+ export var ChromelessEditorContainer = componentWithCondition(function () {
254
+ return expValEquals('platform_editor_core_static_emotion', 'isEnabled', true);
255
+ }, ChromelessEditorContainerNext, ChromelessEditorContainerOld);
@@ -39,7 +39,7 @@ var scrollStyles = css({
39
39
  scrollbarStyles);
40
40
 
41
41
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
42
- var ScrollContainer = createEditorContentStyle(scrollStyles);
42
+ export var ScrollContainer = createEditorContentStyle(scrollStyles);
43
43
  ScrollContainer.displayName = 'ScrollContainer';
44
44
  var EditorContainer = componentWithCondition(function () {
45
45
  return editorExperiment('platform_editor_core_static_emotion', true, {
@@ -4,10 +4,6 @@ import { css } from '@emotion/react';
4
4
  export var scrollbarStyles = css({
5
5
  '-ms-overflow-style': '-ms-autohiding-scrollbar',
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
7
- '&::-webkit-scrollbar': {
8
- overflow: 'hidden'
9
- },
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
11
7
  '&::-webkit-scrollbar-corner': {
12
8
  display: 'none'
13
9
  },
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "207.19.4";
2
+ export var version = "207.19.6";
@@ -32,4 +32,11 @@ export default class Editor extends React.Component<AppearanceProps> {
32
32
  private renderChrome;
33
33
  render(): jsx.JSX.Element;
34
34
  }
35
+ interface ChromelessEditorContainerProps {
36
+ maxHeight?: number;
37
+ minHeight: number;
38
+ children: React.ReactNode;
39
+ containerRef?: (ref: HTMLElement | null) => void;
40
+ }
41
+ export declare const ChromelessEditorContainer: React.FC<ChromelessEditorContainerProps>;
35
42
  export {};
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import type { ReactElement } from 'react';
6
6
  import React from 'react';
7
+ import { type Theme } from '@emotion/react';
7
8
  import type { WrappedComponentProps } from 'react-intl-next';
8
9
  import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
9
10
  import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -40,6 +41,15 @@ interface FullPageEditorContentAreaProps {
40
41
  }
41
42
  export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
42
43
  export declare const EDITOR_CONTAINER = "ak-editor-container";
44
+ export declare const ScrollContainer: React.ForwardRefExoticComponent<Omit<{
45
+ theme?: Theme | undefined;
46
+ colorMode?: "light" | "dark" | undefined;
47
+ featureFlags?: FeatureFlags | undefined;
48
+ viewMode?: "edit" | "view" | undefined;
49
+ typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
50
+ isScrollable?: boolean | undefined;
51
+ appearance?: EditorAppearance | undefined;
52
+ } & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
43
53
  export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "ref"> & React.RefAttributes<any>> & {
44
54
  WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
45
55
  };
@@ -32,4 +32,11 @@ export default class Editor extends React.Component<AppearanceProps> {
32
32
  private renderChrome;
33
33
  render(): jsx.JSX.Element;
34
34
  }
35
+ interface ChromelessEditorContainerProps {
36
+ maxHeight?: number;
37
+ minHeight: number;
38
+ children: React.ReactNode;
39
+ containerRef?: (ref: HTMLElement | null) => void;
40
+ }
41
+ export declare const ChromelessEditorContainer: React.FC<ChromelessEditorContainerProps>;
35
42
  export {};
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import type { ReactElement } from 'react';
6
6
  import React from 'react';
7
+ import { type Theme } from '@emotion/react';
7
8
  import type { WrappedComponentProps } from 'react-intl-next';
8
9
  import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
9
10
  import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
@@ -42,6 +43,15 @@ interface FullPageEditorContentAreaProps {
42
43
  }
43
44
  export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";
44
45
  export declare const EDITOR_CONTAINER = "ak-editor-container";
46
+ export declare const ScrollContainer: React.ForwardRefExoticComponent<Omit<{
47
+ theme?: Theme | undefined;
48
+ colorMode?: "light" | "dark" | undefined;
49
+ featureFlags?: FeatureFlags | undefined;
50
+ viewMode?: "edit" | "view" | undefined;
51
+ typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed" | undefined;
52
+ isScrollable?: boolean | undefined;
53
+ appearance?: EditorAppearance | undefined;
54
+ } & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
45
55
  export declare const FullPageContentArea: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>>, "ref"> & React.RefAttributes<any>> & {
46
56
  WrappedComponent: React.ComponentType<FullPageEditorContentAreaProps & WrappedComponentProps & React.RefAttributes<ScrollContainerRefs>>;
47
57
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "207.19.4",
3
+ "version": "207.19.6",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -471,10 +471,6 @@
471
471
  "type": "boolean",
472
472
  "referenceOnly": true
473
473
  },
474
- "platform_editor_controls_patch_2": {
475
- "type": "boolean",
476
- "referenceOnly": true
477
- },
478
474
  "platform_editor_quick_insert_placeholder": {
479
475
  "type": "boolean"
480
476
  },
@@ -538,10 +534,6 @@
538
534
  "type": "boolean",
539
535
  "referenceOnly": true
540
536
  },
541
- "platform_editor_controls_patch_4": {
542
- "type": "boolean",
543
- "referenceOnly": true
544
- },
545
537
  "platform_editor_user_intent_plugin": {
546
538
  "type": "boolean",
547
539
  "referenceOnly": true
@@ -556,6 +548,26 @@
556
548
  "type": "boolean",
557
549
  "referenceOnly": true
558
550
  },
551
+ "platform_editor_controls_increase_full_page_gutter": {
552
+ "type": "boolean",
553
+ "referenceOnly": true
554
+ },
555
+ "platform_editor_controls_patch_2": {
556
+ "type": "boolean",
557
+ "referenceOnly": true
558
+ },
559
+ "platform_editor_controls_patch_3": {
560
+ "type": "boolean",
561
+ "referenceOnly": true
562
+ },
563
+ "platform_editor_controls_patch_4": {
564
+ "type": "boolean",
565
+ "referenceOnly": true
566
+ },
567
+ "platform_editor_controls_patch_5": {
568
+ "type": "boolean",
569
+ "referenceOnly": true
570
+ },
559
571
  "platform_editor_controls_patch_6": {
560
572
  "type": "boolean",
561
573
  "referenceOnly": true
@@ -564,6 +576,30 @@
564
576
  "type": "boolean",
565
577
  "referenceOnly": true
566
578
  },
579
+ "platform_editor_controls_patch_8": {
580
+ "type": "boolean",
581
+ "referenceOnly": true
582
+ },
583
+ "platform_editor_controls_patch_9": {
584
+ "type": "boolean",
585
+ "referenceOnly": true
586
+ },
587
+ "platform_editor_controls_patch_10": {
588
+ "type": "boolean",
589
+ "referenceOnly": true
590
+ },
591
+ "platform_editor_controls_patch_11": {
592
+ "type": "boolean",
593
+ "referenceOnly": true
594
+ },
595
+ "platform_editor_controls_patch_12": {
596
+ "type": "boolean",
597
+ "referenceOnly": true
598
+ },
599
+ "platform_editor_controls_patch_13": {
600
+ "type": "boolean",
601
+ "referenceOnly": true
602
+ },
567
603
  "platform_editor_hyperlink_underline": {
568
604
  "type": "boolean",
569
605
  "referenceOnly": true