@atlaskit/editor-common 107.8.5 → 107.8.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,19 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 107.8.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#188277](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188277)
8
+ [`9e6d67b625ac9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e6d67b625ac9) -
9
+ [ux] Hides drag controls for all nodes and resize handles on expands and layouts on narrow
10
+ screens.
11
+ - [#188587](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188587)
12
+ [`a44e2e93a078c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a44e2e93a078c) -
13
+ Clean up confluence_preload_extension_providers. Preload extension if preload function is
14
+ implemented
15
+ - Updated dependencies
16
+
3
17
  ## 107.8.5
4
18
 
5
19
  ### Patch Changes
@@ -0,0 +1,177 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.townsquare.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../townsquare/tsDist/@atlaskit__editor-common/app",
7
+ "rootDir": "../",
8
+ "composite": true
9
+ },
10
+ "include": [
11
+ "../src/**/*.ts",
12
+ "../src/**/*.tsx"
13
+ ],
14
+ "exclude": [
15
+ "../src/**/__tests__/*",
16
+ "../src/**/*.test.*",
17
+ "../src/**/test.*"
18
+ ],
19
+ "references": [
20
+ {
21
+ "path": "../../activity-provider/afm-townsquare/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../adf-utils/afm-townsquare/tsconfig.json"
25
+ },
26
+ {
27
+ "path": "../../../analytics/analytics-listeners/afm-townsquare/tsconfig.json"
28
+ },
29
+ {
30
+ "path": "../../../analytics/analytics-namespaced-context/afm-townsquare/tsconfig.json"
31
+ },
32
+ {
33
+ "path": "../../../analytics/analytics-next/afm-townsquare/tsconfig.json"
34
+ },
35
+ {
36
+ "path": "../../../uip/atlassian-context/afm-townsquare/tsconfig.json"
37
+ },
38
+ {
39
+ "path": "../../../design-system/button/afm-townsquare/tsconfig.json"
40
+ },
41
+ {
42
+ "path": "../../../design-system/code/afm-townsquare/tsconfig.json"
43
+ },
44
+ {
45
+ "path": "../../../monorepo-tooling/codemod-utils/afm-townsquare/tsconfig.json"
46
+ },
47
+ {
48
+ "path": "../../../design-system/css/afm-townsquare/tsconfig.json"
49
+ },
50
+ {
51
+ "path": "../../custom-steps/afm-townsquare/tsconfig.json"
52
+ },
53
+ {
54
+ "path": "../../../design-system/dropdown-menu/afm-townsquare/tsconfig.json"
55
+ },
56
+ {
57
+ "path": "../../editor-json-transformer/afm-townsquare/tsconfig.json"
58
+ },
59
+ {
60
+ "path": "../../editor-palette/afm-townsquare/tsconfig.json"
61
+ },
62
+ {
63
+ "path": "../../editor-shared-styles/afm-townsquare/tsconfig.json"
64
+ },
65
+ {
66
+ "path": "../../editor-tables/afm-townsquare/tsconfig.json"
67
+ },
68
+ {
69
+ "path": "../../../elements/emoji/afm-townsquare/tsconfig.json"
70
+ },
71
+ {
72
+ "path": "../../../design-system/icon/afm-townsquare/tsconfig.json"
73
+ },
74
+ {
75
+ "path": "../../../design-system/icon-object/afm-townsquare/tsconfig.json"
76
+ },
77
+ {
78
+ "path": "../../../design-system/link/afm-townsquare/tsconfig.json"
79
+ },
80
+ {
81
+ "path": "../../../linking-platform/link-datasource/afm-townsquare/tsconfig.json"
82
+ },
83
+ {
84
+ "path": "../../../linking-platform/link-picker/afm-townsquare/tsconfig.json"
85
+ },
86
+ {
87
+ "path": "../../../media/media-card/afm-townsquare/tsconfig.json"
88
+ },
89
+ {
90
+ "path": "../../../media/media-client/afm-townsquare/tsconfig.json"
91
+ },
92
+ {
93
+ "path": "../../../media/media-client-react/afm-townsquare/tsconfig.json"
94
+ },
95
+ {
96
+ "path": "../../../media/media-common/afm-townsquare/tsconfig.json"
97
+ },
98
+ {
99
+ "path": "../../../media/media-file-preview/afm-townsquare/tsconfig.json"
100
+ },
101
+ {
102
+ "path": "../../../media/media-picker/afm-townsquare/tsconfig.json"
103
+ },
104
+ {
105
+ "path": "../../../media/media-ui/afm-townsquare/tsconfig.json"
106
+ },
107
+ {
108
+ "path": "../../../media/media-viewer/afm-townsquare/tsconfig.json"
109
+ },
110
+ {
111
+ "path": "../../../elements/mention/afm-townsquare/tsconfig.json"
112
+ },
113
+ {
114
+ "path": "../../../design-system/menu/afm-townsquare/tsconfig.json"
115
+ },
116
+ {
117
+ "path": "../../../design-system/onboarding/afm-townsquare/tsconfig.json"
118
+ },
119
+ {
120
+ "path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
121
+ },
122
+ {
123
+ "path": "../../../platform/feature-flags-react/afm-townsquare/tsconfig.json"
124
+ },
125
+ {
126
+ "path": "../../../design-system/popper/afm-townsquare/tsconfig.json"
127
+ },
128
+ {
129
+ "path": "../../../design-system/primitives/afm-townsquare/tsconfig.json"
130
+ },
131
+ {
132
+ "path": "../../../people-and-teams/profilecard/afm-townsquare/tsconfig.json"
133
+ },
134
+ {
135
+ "path": "../../../react-ufo/atlaskit/afm-townsquare/tsconfig.json"
136
+ },
137
+ {
138
+ "path": "../../../design-system/section-message/afm-townsquare/tsconfig.json"
139
+ },
140
+ {
141
+ "path": "../../../linking-platform/smart-card/afm-townsquare/tsconfig.json"
142
+ },
143
+ {
144
+ "path": "../../../smart-experiences/smart-user-picker/afm-townsquare/tsconfig.json"
145
+ },
146
+ {
147
+ "path": "../../../design-system/spinner/afm-townsquare/tsconfig.json"
148
+ },
149
+ {
150
+ "path": "../../../elements/status/afm-townsquare/tsconfig.json"
151
+ },
152
+ {
153
+ "path": "../../../elements/task-decision/afm-townsquare/tsconfig.json"
154
+ },
155
+ {
156
+ "path": "../../../design-system/textfield/afm-townsquare/tsconfig.json"
157
+ },
158
+ {
159
+ "path": "../../../design-system/theme/afm-townsquare/tsconfig.json"
160
+ },
161
+ {
162
+ "path": "../../tmp-editor-statsig/afm-townsquare/tsconfig.json"
163
+ },
164
+ {
165
+ "path": "../../../design-system/tokens/afm-townsquare/tsconfig.json"
166
+ },
167
+ {
168
+ "path": "../../../design-system/tooltip/afm-townsquare/tsconfig.json"
169
+ },
170
+ {
171
+ "path": "../../../design-system/width-detector/afm-townsquare/tsconfig.json"
172
+ },
173
+ {
174
+ "path": "../../../media/media-core/afm-townsquare/tsconfig.json"
175
+ }
176
+ ]
177
+ }
@@ -13,7 +13,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
13
13
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
  var _reactLoadable = _interopRequireDefault(require("react-loadable"));
16
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
16
  var _manifestHelpers = require("./manifest-helpers");
18
17
  function getNodeFromManifest(
19
18
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -115,25 +114,19 @@ function ExtensionLoading(props) {
115
114
  function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
116
115
  return (0, _reactLoadable.default)({
117
116
  loader: function loader() {
118
- if ((0, _platformFeatureFlags.fg)('confluence_preload_extension_providers')) {
119
- var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
120
- if (maybePromise instanceof Promise) {
121
- return maybePromise.then(function (node) {
122
- return (0, _manifestHelpers.resolveImport)(node.render());
123
- });
124
- } else {
125
- var _renderSync, _ref;
126
- var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
127
- // Only product implemented preloading will return sync result
128
- // However the out-of-box won't handle this. Confluence uses a custom implementation
129
- return preloaded ?
130
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
131
- (0, _manifestHelpers.resolveImportSync)(preloaded) : (0, _manifestHelpers.resolveImport)(maybePromise.render());
132
- }
133
- } else {
134
- return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(function (node) {
117
+ var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
118
+ if (maybePromise instanceof Promise) {
119
+ return maybePromise.then(function (node) {
135
120
  return (0, _manifestHelpers.resolveImport)(node.render());
136
121
  });
122
+ } else {
123
+ var _renderSync, _ref;
124
+ var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
125
+ // Only product implemented preloading will return sync result
126
+ // However the out-of-box won't handle this. Confluence uses a custom implementation
127
+ return preloaded ?
128
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
129
+ (0, _manifestHelpers.resolveImportSync)(preloaded) : (0, _manifestHelpers.resolveImport)(maybePromise.render());
137
130
  }
138
131
  },
139
132
  loading: ExtensionLoading
@@ -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 = "107.8.4";
19
+ var packageVersion = "107.8.5";
20
20
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
21
21
  // Remove URL as it has UGC
22
22
  // Ignored via go/ees007
@@ -333,6 +333,12 @@ Object.defineProperty(exports, "pragmaticResizerStylesForTooltip", {
333
333
  return _resizer.pragmaticResizerStylesForTooltip;
334
334
  }
335
335
  });
336
+ Object.defineProperty(exports, "pragmaticResizerStylesWithReducedEditorGutter", {
337
+ enumerable: true,
338
+ get: function get() {
339
+ return _resizer.pragmaticResizerStylesWithReducedEditorGutter;
340
+ }
341
+ });
336
342
  Object.defineProperty(exports, "pragmaticStylesLayoutFirstNodeResizeHandleFix", {
337
343
  enumerable: true,
338
344
  get: function get() {
@@ -4,7 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleZIndex = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
7
+ exports.resizerStyles = exports.resizerItemClassName = exports.resizerHoverZoneClassName = exports.resizerHandleZIndex = exports.resizerHandleTrackClassName = exports.resizerHandleThumbWidth = exports.resizerHandleThumbClassName = exports.resizerHandleClassName = exports.resizerExtendedZone = exports.resizerDangerClassName = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticResizerStylesWithReducedEditorGutter = exports.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
8
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
10
  var _react = require("@emotion/react");
10
11
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -326,4 +327,30 @@ var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmatic
326
327
  bottom: "var(--ds-space-150, 12px)"
327
328
  }
328
329
  });
330
+ };
331
+ var pragmaticResizerStylesWithReducedEditorGutter = exports.pragmaticResizerStylesWithReducedEditorGutter = function pragmaticResizerStylesWithReducedEditorGutter() {
332
+ if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('advanced_layouts', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true))) {
333
+ return (0, _react.css)((0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
334
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
335
+ '.fabric-editor-breakout-mark': {
336
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
337
+ '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
338
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
339
+ '> .pm-breakout-resize-handle-container': {
340
+ opacity: 0,
341
+ visibility: 'hidden'
342
+ }
343
+ },
344
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
345
+ '&:has([data-prosemirror-node-name="layoutSection"])': (0, _defineProperty2.default)({}, ".".concat(resizerItemClassName), {
346
+ willChange: 'width',
347
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
348
+ '&:hover, &.display-handle': (0, _defineProperty2.default)({}, "& > .".concat(handleWrapperClass, " > .").concat(resizerHandleClassName), {
349
+ visibility: 'hidden',
350
+ opacity: 0
351
+ })
352
+ })
353
+ }
354
+ }));
355
+ }
329
356
  };
@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
23
23
  * @jsx jsx
24
24
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
25
25
  var packageName = "@atlaskit/editor-common";
26
- var packageVersion = "107.8.4";
26
+ var packageVersion = "107.8.5";
27
27
  var halfFocusRing = 1;
28
28
  var dropOffset = '0, 8';
29
29
  // Ignored via go/ees005
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import Loadable from 'react-loadable';
3
- import { fg } from '@atlaskit/platform-feature-flags';
4
3
  import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
5
4
  function getNodeFromManifest(
6
5
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -59,21 +58,17 @@ function ExtensionLoading(props) {
59
58
  export function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
60
59
  return Loadable({
61
60
  loader: () => {
62
- if (fg('confluence_preload_extension_providers')) {
63
- const maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
64
- if (maybePromise instanceof Promise) {
65
- return maybePromise.then(node => resolveImport(node.render()));
66
- } else {
67
- var _renderSync, _ref;
68
- const preloaded = maybePromise === null || maybePromise === void 0 ? void 0 : (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
69
- // Only product implemented preloading will return sync result
70
- // However the out-of-box won't handle this. Confluence uses a custom implementation
71
- return preloaded ?
72
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
73
- resolveImportSync(preloaded) : resolveImport(maybePromise.render());
74
- }
61
+ const maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
62
+ if (maybePromise instanceof Promise) {
63
+ return maybePromise.then(node => resolveImport(node.render()));
75
64
  } else {
76
- return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(node => resolveImport(node.render()));
65
+ var _renderSync, _ref;
66
+ const preloaded = maybePromise === null || maybePromise === void 0 ? void 0 : (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
67
+ // Only product implemented preloading will return sync result
68
+ // However the out-of-box won't handle this. Confluence uses a custom implementation
69
+ return preloaded ?
70
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
71
+ resolveImportSync(preloaded) : resolveImport(maybePromise.render());
77
72
  }
78
73
  },
79
74
  loading: ExtensionLoading
@@ -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 = "107.8.4";
4
+ const packageVersion = "107.8.5";
5
5
  const sanitiseSentryEvents = (data, _hint) => {
6
6
  // Remove URL as it has UGC
7
7
  // Ignored via go/ees007
@@ -26,7 +26,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
26
26
  export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
27
27
  export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
28
28
  export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
29
- export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip } from './shared/resizer';
29
+ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter } from './shared/resizer';
30
30
  export { gridStyles, GRID_GUTTER } from './shared/grid';
31
31
  export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
32
32
  export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
@@ -1,6 +1,6 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import { css } from '@emotion/react';
3
- import { akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
3
+ import { akEditorDeleteIconColor, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
4
4
  import { fg } from '@atlaskit/platform-feature-flags';
5
5
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
6
6
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -513,4 +513,40 @@ export const pragmaticResizerStyles = () => {
513
513
  bottom: "var(--ds-space-150, 12px)"
514
514
  }
515
515
  });
516
+ };
517
+ export const pragmaticResizerStylesWithReducedEditorGutter = () => {
518
+ if (expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && (expValEqualsNoExposure('advanced_layouts', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true))) {
519
+ return css({
520
+ /* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */
521
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
522
+ [`@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`]: {
523
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
524
+ '.fabric-editor-breakout-mark': {
525
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
526
+ '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
527
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
528
+ '> .pm-breakout-resize-handle-container': {
529
+ opacity: 0,
530
+ visibility: 'hidden'
531
+ }
532
+ },
533
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
534
+ '&:has([data-prosemirror-node-name="layoutSection"])': {
535
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
536
+ [`.${resizerItemClassName}`]: {
537
+ willChange: 'width',
538
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
539
+ '&:hover, &.display-handle': {
540
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
541
+ [`& > .${handleWrapperClass} > .${resizerHandleClassName}`]: {
542
+ visibility: 'hidden',
543
+ opacity: 0
544
+ }
545
+ }
546
+ }
547
+ }
548
+ }
549
+ }
550
+ });
551
+ }
516
552
  };
@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
13
13
  import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import Layer from '../Layer';
15
15
  const packageName = "@atlaskit/editor-common";
16
- const packageVersion = "107.8.4";
16
+ const packageVersion = "107.8.5";
17
17
  const halfFocusRing = 1;
18
18
  const dropOffset = '0, 8';
19
19
  // Ignored via go/ees005
@@ -3,7 +3,6 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
3
  import _regeneratorRuntime from "@babel/runtime/regenerator";
4
4
  import React from 'react';
5
5
  import Loadable from 'react-loadable';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { getExtensionKeyAndNodeKey, resolveImport, resolveImportSync } from './manifest-helpers';
8
7
  function getNodeFromManifest(
9
8
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -105,25 +104,19 @@ function ExtensionLoading(props) {
105
104
  export function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
106
105
  return Loadable({
107
106
  loader: function loader() {
108
- if (fg('confluence_preload_extension_providers')) {
109
- var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
110
- if (maybePromise instanceof Promise) {
111
- return maybePromise.then(function (node) {
112
- return resolveImport(node.render());
113
- });
114
- } else {
115
- var _renderSync, _ref;
116
- var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
117
- // Only product implemented preloading will return sync result
118
- // However the out-of-box won't handle this. Confluence uses a custom implementation
119
- return preloaded ?
120
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
121
- resolveImportSync(preloaded) : resolveImport(maybePromise.render());
122
- }
123
- } else {
124
- return getExtensionModuleNode(extensionProvider, extensionType, extensionKey).then(function (node) {
107
+ var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
108
+ if (maybePromise instanceof Promise) {
109
+ return maybePromise.then(function (node) {
125
110
  return resolveImport(node.render());
126
111
  });
112
+ } else {
113
+ var _renderSync, _ref;
114
+ var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
115
+ // Only product implemented preloading will return sync result
116
+ // However the out-of-box won't handle this. Confluence uses a custom implementation
117
+ return preloaded ?
118
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
119
+ resolveImportSync(preloaded) : resolveImport(maybePromise.render());
127
120
  }
128
121
  },
129
122
  loading: ExtensionLoading
@@ -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 = "107.8.4";
10
+ var packageVersion = "107.8.5";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // Ignored via go/ees007
@@ -26,7 +26,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
26
26
  export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
27
27
  export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
28
28
  export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
29
- export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip } from './shared/resizer';
29
+ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter } from './shared/resizer';
30
30
  export { gridStyles, GRID_GUTTER } from './shared/grid';
31
31
  export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
32
32
  export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
@@ -1,8 +1,9 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
1
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
3
  var _templateObject;
3
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
5
  import { css } from '@emotion/react';
5
- import { akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
6
+ import { akEditorDeleteIconColor, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
6
7
  import { fg } from '@atlaskit/platform-feature-flags';
7
8
  import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
8
9
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -320,4 +321,30 @@ export var pragmaticResizerStyles = function pragmaticResizerStyles() {
320
321
  bottom: "var(--ds-space-150, 12px)"
321
322
  }
322
323
  });
324
+ };
325
+ export var pragmaticResizerStylesWithReducedEditorGutter = function pragmaticResizerStylesWithReducedEditorGutter() {
326
+ if (expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && (expValEqualsNoExposure('advanced_layouts', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true))) {
327
+ return css(_defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), {
328
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
329
+ '.fabric-editor-breakout-mark': {
330
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
331
+ '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
332
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
333
+ '> .pm-breakout-resize-handle-container': {
334
+ opacity: 0,
335
+ visibility: 'hidden'
336
+ }
337
+ },
338
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
339
+ '&:has([data-prosemirror-node-name="layoutSection"])': _defineProperty({}, ".".concat(resizerItemClassName), {
340
+ willChange: 'width',
341
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
342
+ '&:hover, &.display-handle': _defineProperty({}, "& > .".concat(handleWrapperClass, " > .").concat(resizerHandleClassName), {
343
+ visibility: 'hidden',
344
+ opacity: 0
345
+ })
346
+ })
347
+ }
348
+ }));
349
+ }
323
350
  };
@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
20
20
  import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
21
21
  import Layer from '../Layer';
22
22
  var packageName = "@atlaskit/editor-common";
23
- var packageVersion = "107.8.4";
23
+ var packageVersion = "107.8.5";
24
24
  var halfFocusRing = 1;
25
25
  var dropOffset = '0, 8';
26
26
  // Ignored via go/ees005
@@ -23,7 +23,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
23
23
  export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
24
24
  export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
25
25
  export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
26
- export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, } from './shared/resizer';
26
+ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, } from './shared/resizer';
27
27
  export { gridStyles, GRID_GUTTER } from './shared/grid';
28
28
  export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
29
29
  export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
@@ -12,3 +12,4 @@ export declare const resizerStyles: import("@emotion/react").SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: () => import("@emotion/react").SerializedStyles | undefined;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: () => import("@emotion/react").SerializedStyles | undefined;
14
14
  export declare const pragmaticResizerStyles: () => import("@emotion/react").SerializedStyles | undefined;
15
+ export declare const pragmaticResizerStylesWithReducedEditorGutter: () => import("@emotion/react").SerializedStyles | undefined;
@@ -23,7 +23,7 @@ export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
23
23
  export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
24
24
  export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
25
25
  export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
26
- export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, } from './shared/resizer';
26
+ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, } from './shared/resizer';
27
27
  export { gridStyles, GRID_GUTTER } from './shared/grid';
28
28
  export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
29
29
  export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
@@ -12,3 +12,4 @@ export declare const resizerStyles: import("@emotion/react").SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: () => import("@emotion/react").SerializedStyles | undefined;
13
13
  export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: () => import("@emotion/react").SerializedStyles | undefined;
14
14
  export declare const pragmaticResizerStyles: () => import("@emotion/react").SerializedStyles | undefined;
15
+ export declare const pragmaticResizerStylesWithReducedEditorGutter: () => import("@emotion/react").SerializedStyles | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "107.8.5",
3
+ "version": "107.8.6",
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/"
@@ -140,10 +140,10 @@
140
140
  "@atlaskit/editor-shared-styles": "^3.5.0",
141
141
  "@atlaskit/editor-tables": "^2.9.0",
142
142
  "@atlaskit/emoji": "^69.3.0",
143
- "@atlaskit/icon": "^27.3.0",
143
+ "@atlaskit/icon": "^27.5.0",
144
144
  "@atlaskit/icon-object": "^7.1.0",
145
145
  "@atlaskit/link": "^3.2.0",
146
- "@atlaskit/link-datasource": "^4.13.0",
146
+ "@atlaskit/link-datasource": "^4.14.0",
147
147
  "@atlaskit/link-picker": "^3.7.0",
148
148
  "@atlaskit/media-card": "^79.4.0",
149
149
  "@atlaskit/media-client": "^35.1.0",
@@ -163,7 +163,7 @@
163
163
  "@atlaskit/profilecard": "^23.21.0",
164
164
  "@atlaskit/react-ufo": "^4.0.0",
165
165
  "@atlaskit/section-message": "^8.2.0",
166
- "@atlaskit/smart-card": "^40.3.0",
166
+ "@atlaskit/smart-card": "^40.4.0",
167
167
  "@atlaskit/smart-user-picker": "^8.0.0",
168
168
  "@atlaskit/spinner": "^18.0.0",
169
169
  "@atlaskit/status": "^3.0.0",
@@ -171,7 +171,7 @@
171
171
  "@atlaskit/textfield": "^8.0.0",
172
172
  "@atlaskit/theme": "^19.0.0",
173
173
  "@atlaskit/tmp-editor-statsig": "^9.8.0",
174
- "@atlaskit/tokens": "^5.5.0",
174
+ "@atlaskit/tokens": "^5.6.0",
175
175
  "@atlaskit/tooltip": "^20.3.0",
176
176
  "@atlaskit/width-detector": "^5.0.0",
177
177
  "@babel/runtime": "^7.0.0",
@@ -326,9 +326,6 @@
326
326
  "platform_editor_bordered_panel_nested_in_table": {
327
327
  "type": "boolean"
328
328
  },
329
- "confluence_preload_extension_providers": {
330
- "type": "boolean"
331
- },
332
329
  "platform_editor_r18_fix_selection_resync": {
333
330
  "type": "boolean"
334
331
  },