@atlaskit/editor-common 106.9.1 → 106.9.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,22 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 106.9.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#171657](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/171657)
8
+ [`cb6c865095af1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb6c865095af1) -
9
+ Clean-up platform_editor_lcm_nested_panel_icon_fix
10
+
11
+ ## 106.9.2
12
+
13
+ ### Patch Changes
14
+
15
+ - [#171539](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/171539)
16
+ [`823e66121b671`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/823e66121b671) -
17
+ [ux] Fixes height of the resize handle when advanced layouts feature is enabled.
18
+ - Updated dependencies
19
+
3
20
  ## 106.9.1
4
21
 
5
22
  ### Patch Changes
@@ -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 = "106.9.1";
19
+ var packageVersion = "106.9.2";
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, "pragmaticStylesLayoutFirstNodeResizeHandleFix", {
337
+ enumerable: true,
338
+ get: function get() {
339
+ return _resizer.pragmaticStylesLayoutFirstNodeResizeHandleFix;
340
+ }
341
+ });
336
342
  Object.defineProperty(exports, "resizerHandleClassName", {
337
343
  enumerable: true,
338
344
  get: function get() {
@@ -136,11 +136,7 @@ var PanelSharedSelectors = exports.PanelSharedSelectors = {
136
136
  copyButton: "button[aria-label=\"Copy\"]"
137
137
  };
138
138
  var getIconStyles = function getIconStyles(panelType) {
139
- if ((0, _platformFeatureFlags.fg)('platform_editor_lcm_nested_panel_icon_fix')) {
140
- return "\n\t\t\t.".concat(PanelSharedCssClassName.icon, "[data-panel-type='").concat(panelType, "'] {\n\t\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t\t}\n\t\t");
141
- } else {
142
- return "\n\t\t\t.".concat(PanelSharedCssClassName.icon, " {\n\t\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t\t}\n\t\t");
143
- }
139
+ return "\n\t\t.".concat(PanelSharedCssClassName.icon, "[data-panel-type='").concat(panelType, "'] {\n\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t}\n\t");
144
140
  };
145
141
 
146
142
  // Provides the color without tokens, used when converting to a custom panel
@@ -4,7 +4,7 @@ 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.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.pragmaticResizerStylesForTooltip = exports.pragmaticResizerStyles = exports.handleWrapperClass = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _react = require("@emotion/react");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -59,6 +59,22 @@ var pragmaticResizerStylesForTooltip = exports.pragmaticResizerStylesForTooltip
59
59
  });
60
60
  }
61
61
  };
62
+ var pragmaticStylesLayoutFirstNodeResizeHandleFix = exports.pragmaticStylesLayoutFirstNodeResizeHandleFix = function pragmaticStylesLayoutFirstNodeResizeHandleFix() {
63
+ if ((0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_hello_release')) {
64
+ return (0, _react.css)({
65
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
66
+ '.fabric-editor-breakout-mark': {
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
68
+ '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
69
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
70
+ '> .pm-breakout-resize-handle-container': {
71
+ height: 'calc(100% - 8px)'
72
+ }
73
+ }
74
+ }
75
+ });
76
+ }
77
+ };
62
78
 
63
79
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
64
80
  var pragmaticResizerStyles = exports.pragmaticResizerStyles = function pragmaticResizerStyles() {
@@ -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 = "106.9.1";
26
+ var packageVersion = "106.9.2";
27
27
  var halfFocusRing = 1;
28
28
  var dropOffset = '0, 8';
29
29
  // Ignored via go/ees005
@@ -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 = "106.9.1";
4
+ const packageVersion = "106.9.2";
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, pragmaticResizerStylesForTooltip } from './shared/resizer';
29
+ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip } 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';
@@ -129,19 +129,11 @@ export const PanelSharedSelectors = {
129
129
  copyButton: `button[aria-label="Copy"]`
130
130
  };
131
131
  const getIconStyles = panelType => {
132
- if (fg('platform_editor_lcm_nested_panel_icon_fix')) {
133
- return `
134
- .${PanelSharedCssClassName.icon}[data-panel-type='${panelType}'] {
135
- color: ${lightIconColor[panelType]};
136
- }
137
- `;
138
- } else {
139
- return `
140
- .${PanelSharedCssClassName.icon} {
141
- color: ${lightIconColor[panelType]};
142
- }
143
- `;
144
- }
132
+ return `
133
+ .${PanelSharedCssClassName.icon}[data-panel-type='${panelType}'] {
134
+ color: ${lightIconColor[panelType]};
135
+ }
136
+ `;
145
137
  };
146
138
 
147
139
  // Provides the color without tokens, used when converting to a custom panel
@@ -254,6 +254,22 @@ export const pragmaticResizerStylesForTooltip = () => {
254
254
  });
255
255
  }
256
256
  };
257
+ export const pragmaticStylesLayoutFirstNodeResizeHandleFix = () => {
258
+ if (editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release')) {
259
+ return css({
260
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
261
+ '.fabric-editor-breakout-mark': {
262
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
263
+ '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
264
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
265
+ '> .pm-breakout-resize-handle-container': {
266
+ height: 'calc(100% - 8px)'
267
+ }
268
+ }
269
+ }
270
+ });
271
+ }
272
+ };
257
273
 
258
274
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
259
275
  export const pragmaticResizerStyles = () => {
@@ -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 = "106.9.1";
16
+ const packageVersion = "106.9.2";
17
17
  const halfFocusRing = 1;
18
18
  const dropOffset = '0, 8';
19
19
  // Ignored via go/ees005
@@ -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 = "106.9.1";
10
+ var packageVersion = "106.9.2";
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, pragmaticResizerStylesForTooltip } from './shared/resizer';
29
+ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip } 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';
@@ -127,11 +127,7 @@ export var PanelSharedSelectors = {
127
127
  copyButton: "button[aria-label=\"Copy\"]"
128
128
  };
129
129
  var getIconStyles = function getIconStyles(panelType) {
130
- if (fg('platform_editor_lcm_nested_panel_icon_fix')) {
131
- return "\n\t\t\t.".concat(PanelSharedCssClassName.icon, "[data-panel-type='").concat(panelType, "'] {\n\t\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t\t}\n\t\t");
132
- } else {
133
- return "\n\t\t\t.".concat(PanelSharedCssClassName.icon, " {\n\t\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t\t}\n\t\t");
134
- }
130
+ return "\n\t\t.".concat(PanelSharedCssClassName.icon, "[data-panel-type='").concat(panelType, "'] {\n\t\t\tcolor: ").concat(lightIconColor[panelType], ";\n\t\t}\n\t");
135
131
  };
136
132
 
137
133
  // Provides the color without tokens, used when converting to a custom panel
@@ -53,6 +53,22 @@ export var pragmaticResizerStylesForTooltip = function pragmaticResizerStylesFor
53
53
  });
54
54
  }
55
55
  };
56
+ export var pragmaticStylesLayoutFirstNodeResizeHandleFix = function pragmaticStylesLayoutFirstNodeResizeHandleFix() {
57
+ if (editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_breakout_resizing', true) && fg('platform_editor_breakout_resizing_hello_release')) {
58
+ return css({
59
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
+ '.fabric-editor-breakout-mark': {
61
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
62
+ '&:has([data-prosemirror-node-name="layoutSection"].first-node-in-document)': {
63
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
64
+ '> .pm-breakout-resize-handle-container': {
65
+ height: 'calc(100% - 8px)'
66
+ }
67
+ }
68
+ }
69
+ });
70
+ }
71
+ };
56
72
 
57
73
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
58
74
  export var pragmaticResizerStyles = function pragmaticResizerStyles() {
@@ -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 = "106.9.1";
23
+ var packageVersion = "106.9.2";
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, pragmaticResizerStylesForTooltip, } from './shared/resizer';
26
+ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, } 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';
@@ -10,4 +10,5 @@ export declare const resizerHandleThumbWidth = 3;
10
10
  export declare const resizerHandleZIndex = 1;
11
11
  export declare const resizerStyles: import("@emotion/react").SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: () => import("@emotion/react").SerializedStyles | undefined;
13
+ export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: () => import("@emotion/react").SerializedStyles | undefined;
13
14
  export declare const pragmaticResizerStyles: () => 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, pragmaticResizerStylesForTooltip, } from './shared/resizer';
26
+ export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, resizerHandleThumbWidth, pragmaticResizerStyles, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, } 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';
@@ -10,4 +10,5 @@ export declare const resizerHandleThumbWidth = 3;
10
10
  export declare const resizerHandleZIndex = 1;
11
11
  export declare const resizerStyles: import("@emotion/react").SerializedStyles;
12
12
  export declare const pragmaticResizerStylesForTooltip: () => import("@emotion/react").SerializedStyles | undefined;
13
+ export declare const pragmaticStylesLayoutFirstNodeResizeHandleFix: () => import("@emotion/react").SerializedStyles | undefined;
13
14
  export declare const pragmaticResizerStyles: () => import("@emotion/react").SerializedStyles | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "106.9.1",
3
+ "version": "106.9.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/"
@@ -141,7 +141,7 @@
141
141
  "@atlaskit/editor-shared-styles": "^3.4.0",
142
142
  "@atlaskit/editor-tables": "^2.9.0",
143
143
  "@atlaskit/emoji": "^69.3.0",
144
- "@atlaskit/icon": "^26.4.0",
144
+ "@atlaskit/icon": "^27.0.0",
145
145
  "@atlaskit/icon-object": "^7.1.0",
146
146
  "@atlaskit/link": "^3.2.0",
147
147
  "@atlaskit/link-datasource": "^4.11.0",
@@ -323,9 +323,6 @@
323
323
  "platform_editor_controls_patch_6": {
324
324
  "type": "boolean"
325
325
  },
326
- "platform_editor_lcm_nested_panel_icon_fix": {
327
- "type": "boolean"
328
- },
329
326
  "editor_a11y_aria_label_removal_popup": {
330
327
  "type": "boolean"
331
328
  },