@atlaskit/editor-common 83.3.0 → 83.4.0

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,20 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 83.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`955949c077d4f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/955949c077d4f) -
8
+ [ux] [ED-23627] Text highlighting UI review
9
+
10
+ ## 83.3.1
11
+
12
+ ### Patch Changes
13
+
14
+ - [`0c728cec893a0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c728cec893a0) -
15
+ ED-23730: Change table to align center when column resizing makes table width wider than
16
+ linelength
17
+
3
18
  ## 83.3.0
4
19
 
5
20
  ### Minor Changes
@@ -65,9 +65,6 @@
65
65
  {
66
66
  "path": "../../../design-system/icon-object/afm-jira/tsconfig.json"
67
67
  },
68
- {
69
- "path": "../../../linking-platform/link-datasource/afm-jira/tsconfig.json"
70
- },
71
68
  {
72
69
  "path": "../../../linking-platform/link-picker/afm-jira/tsconfig.json"
73
70
  },
@@ -71,6 +71,7 @@ var TABLE_DISPLAY_MODE = exports.TABLE_DISPLAY_MODE = /*#__PURE__*/function (TAB
71
71
  }({}); // currently duplicated in editor-plugin-table/src/types.ts
72
72
  var CHANGE_ALIGNMENT_REASON = exports.CHANGE_ALIGNMENT_REASON = /*#__PURE__*/function (CHANGE_ALIGNMENT_REASON) {
73
73
  CHANGE_ALIGNMENT_REASON["TABLE_RESIZING"] = "tableResizing";
74
+ CHANGE_ALIGNMENT_REASON["TABLE_COLUMN_RESIZED"] = "tableColumnResized";
74
75
  CHANGE_ALIGNMENT_REASON["EDITOR_APPEARANCE_CHANGED"] = "editorAppearanceChanged";
75
76
  CHANGE_ALIGNMENT_REASON["TOOLBAR_OPTION_CHANGED"] = "toolbarOptionChanged";
76
77
  return CHANGE_ALIGNMENT_REASON;
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
17
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
18
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
19
19
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
20
- var packageVersion = "83.3.0";
20
+ var packageVersion = "83.4.0";
21
21
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
22
22
  // Remove URL as it has UGC
23
23
  // TODO: Sanitise the URL instead of just removing it
@@ -5,20 +5,46 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.backgroundColorStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
8
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
10
 
10
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
11
- var backgroundColorStyles = exports.backgroundColorStyles = (0, _react.css)({
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
- '.fabric-background-color-mark': {
14
- backgroundColor: 'var(--custom-palette-color, inherit)'
15
- },
16
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
- 'a .fabric-background-color-mark': {
18
- backgroundColor: 'unset'
19
- },
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
21
- '.fabric-background-color-mark .ak-editor-annotation': {
22
- backgroundColor: 'unset'
23
- }
24
- });
12
+ var backgroundColorStyles = exports.backgroundColorStyles = function backgroundColorStyles() {
13
+ return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.review-text-highlighting-styling') ? (0, _react.css)({
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
+ '.fabric-background-color-mark': {
16
+ backgroundColor: 'var(--custom-palette-color, inherit)',
17
+ borderRadius: '2px',
18
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
19
+ paddingTop: '1px',
20
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
21
+ paddingBottom: '2px',
22
+ boxDecorationBreak: 'clone'
23
+ },
24
+ // Don't show text highlight styling when there is a hyperlink
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
26
+ 'a .fabric-background-color-mark': {
27
+ backgroundColor: 'unset'
28
+ },
29
+ // Don't show text highlight styling when there is an inline comment
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
31
+ '.fabric-background-color-mark .ak-editor-annotation': {
32
+ backgroundColor: 'unset'
33
+ }
34
+ }) : (0, _react.css)({
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
36
+ '.fabric-background-color-mark': {
37
+ backgroundColor: 'var(--custom-palette-color, inherit)'
38
+ },
39
+ // Don't show text highlight styling when there is a hyperlink
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
41
+ 'a .fabric-background-color-mark': {
42
+ backgroundColor: 'unset'
43
+ },
44
+ // Don't show text highlight styling when there is an inline comment
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
46
+ '.fabric-background-color-mark .ak-editor-annotation': {
47
+ backgroundColor: 'unset'
48
+ }
49
+ });
50
+ };
@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
20
20
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
21
21
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
22
22
  var packageName = "@atlaskit/editor-common";
23
- var packageVersion = "83.3.0";
23
+ var packageVersion = "83.4.0";
24
24
  var halfFocusRing = 1;
25
25
  var dropOffset = '0, 8';
26
26
  var DropList = /*#__PURE__*/function (_Component) {
@@ -68,6 +68,7 @@ export let TABLE_DISPLAY_MODE = /*#__PURE__*/function (TABLE_DISPLAY_MODE) {
68
68
 
69
69
  export let CHANGE_ALIGNMENT_REASON = /*#__PURE__*/function (CHANGE_ALIGNMENT_REASON) {
70
70
  CHANGE_ALIGNMENT_REASON["TABLE_RESIZING"] = "tableResizing";
71
+ CHANGE_ALIGNMENT_REASON["TABLE_COLUMN_RESIZED"] = "tableColumnResized";
71
72
  CHANGE_ALIGNMENT_REASON["EDITOR_APPEARANCE_CHANGED"] = "editorAppearanceChanged";
72
73
  CHANGE_ALIGNMENT_REASON["TOOLBAR_OPTION_CHANGED"] = "toolbarOptionChanged";
73
74
  return CHANGE_ALIGNMENT_REASON;
@@ -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 = "83.3.0";
4
+ const packageVersion = "83.4.0";
5
5
  const sanitiseSentryEvents = (data, _hint) => {
6
6
  // Remove URL as it has UGC
7
7
  // TODO: Sanitise the URL instead of just removing it
@@ -1,18 +1,44 @@
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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
3
4
 
4
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
- export const backgroundColorStyles = css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- '.fabric-background-color-mark': {
8
- backgroundColor: 'var(--custom-palette-color, inherit)'
9
- },
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
11
- 'a .fabric-background-color-mark': {
12
- backgroundColor: 'unset'
13
- },
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
- '.fabric-background-color-mark .ak-editor-annotation': {
16
- backgroundColor: 'unset'
17
- }
18
- });
6
+ export const backgroundColorStyles = () => {
7
+ return getBooleanFF('platform.editor.review-text-highlighting-styling') ? css({
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
9
+ '.fabric-background-color-mark': {
10
+ backgroundColor: 'var(--custom-palette-color, inherit)',
11
+ borderRadius: '2px',
12
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
13
+ paddingTop: '1px',
14
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
15
+ paddingBottom: '2px',
16
+ boxDecorationBreak: 'clone'
17
+ },
18
+ // Don't show text highlight styling when there is a hyperlink
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
+ 'a .fabric-background-color-mark': {
21
+ backgroundColor: 'unset'
22
+ },
23
+ // Don't show text highlight styling when there is an inline comment
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
+ '.fabric-background-color-mark .ak-editor-annotation': {
26
+ backgroundColor: 'unset'
27
+ }
28
+ }) : css({
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
30
+ '.fabric-background-color-mark': {
31
+ backgroundColor: 'var(--custom-palette-color, inherit)'
32
+ },
33
+ // Don't show text highlight styling when there is a hyperlink
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
35
+ 'a .fabric-background-color-mark': {
36
+ backgroundColor: 'unset'
37
+ },
38
+ // Don't show text highlight styling when there is an inline comment
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
40
+ '.fabric-background-color-mark .ak-editor-annotation': {
41
+ backgroundColor: 'unset'
42
+ }
43
+ });
44
+ };
@@ -9,7 +9,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
9
9
  import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
10
10
  import Layer from '../Layer';
11
11
  const packageName = "@atlaskit/editor-common";
12
- const packageVersion = "83.3.0";
12
+ const packageVersion = "83.4.0";
13
13
  const halfFocusRing = 1;
14
14
  const dropOffset = '0, 8';
15
15
  class DropList extends Component {
@@ -68,6 +68,7 @@ export var TABLE_DISPLAY_MODE = /*#__PURE__*/function (TABLE_DISPLAY_MODE) {
68
68
 
69
69
  export var CHANGE_ALIGNMENT_REASON = /*#__PURE__*/function (CHANGE_ALIGNMENT_REASON) {
70
70
  CHANGE_ALIGNMENT_REASON["TABLE_RESIZING"] = "tableResizing";
71
+ CHANGE_ALIGNMENT_REASON["TABLE_COLUMN_RESIZED"] = "tableColumnResized";
71
72
  CHANGE_ALIGNMENT_REASON["EDITOR_APPEARANCE_CHANGED"] = "editorAppearanceChanged";
72
73
  CHANGE_ALIGNMENT_REASON["TOOLBAR_OPTION_CHANGED"] = "toolbarOptionChanged";
73
74
  return CHANGE_ALIGNMENT_REASON;
@@ -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 = "83.3.0";
10
+ var packageVersion = "83.4.0";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // TODO: Sanitise the URL instead of just removing it
@@ -1,18 +1,44 @@
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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
3
4
 
4
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
- export var backgroundColorStyles = css({
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
- '.fabric-background-color-mark': {
8
- backgroundColor: 'var(--custom-palette-color, inherit)'
9
- },
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
11
- 'a .fabric-background-color-mark': {
12
- backgroundColor: 'unset'
13
- },
14
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
- '.fabric-background-color-mark .ak-editor-annotation': {
16
- backgroundColor: 'unset'
17
- }
18
- });
6
+ export var backgroundColorStyles = function backgroundColorStyles() {
7
+ return getBooleanFF('platform.editor.review-text-highlighting-styling') ? css({
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
9
+ '.fabric-background-color-mark': {
10
+ backgroundColor: 'var(--custom-palette-color, inherit)',
11
+ borderRadius: '2px',
12
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
13
+ paddingTop: '1px',
14
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
15
+ paddingBottom: '2px',
16
+ boxDecorationBreak: 'clone'
17
+ },
18
+ // Don't show text highlight styling when there is a hyperlink
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
+ 'a .fabric-background-color-mark': {
21
+ backgroundColor: 'unset'
22
+ },
23
+ // Don't show text highlight styling when there is an inline comment
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
+ '.fabric-background-color-mark .ak-editor-annotation': {
26
+ backgroundColor: 'unset'
27
+ }
28
+ }) : css({
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
30
+ '.fabric-background-color-mark': {
31
+ backgroundColor: 'var(--custom-palette-color, inherit)'
32
+ },
33
+ // Don't show text highlight styling when there is a hyperlink
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
35
+ 'a .fabric-background-color-mark': {
36
+ backgroundColor: 'unset'
37
+ },
38
+ // Don't show text highlight styling when there is an inline comment
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
40
+ '.fabric-background-color-mark .ak-editor-annotation': {
41
+ backgroundColor: 'unset'
42
+ }
43
+ });
44
+ };
@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
17
17
  import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
18
18
  import Layer from '../Layer';
19
19
  var packageName = "@atlaskit/editor-common";
20
- var packageVersion = "83.3.0";
20
+ var packageVersion = "83.4.0";
21
21
  var halfFocusRing = 1;
22
22
  var dropOffset = '0, 8';
23
23
  var DropList = /*#__PURE__*/function (_Component) {
@@ -192,6 +192,7 @@ type TableChangedDisplayModeAEP = TableAEP<TABLE_ACTION.CHANGED_DISPLAY_MODE, {
192
192
  type AlignmentOptions = 'center' | 'align-start';
193
193
  export declare enum CHANGE_ALIGNMENT_REASON {
194
194
  TABLE_RESIZING = "tableResizing",
195
+ TABLE_COLUMN_RESIZED = "tableColumnResized",
195
196
  EDITOR_APPEARANCE_CHANGED = "editorAppearanceChanged",
196
197
  TOOLBAR_OPTION_CHANGED = "toolbarOptionChanged"
197
198
  }
@@ -1 +1 @@
1
- export declare const backgroundColorStyles: import("@emotion/react").SerializedStyles;
1
+ export declare const backgroundColorStyles: () => import("@emotion/react").SerializedStyles;
@@ -192,6 +192,7 @@ type TableChangedDisplayModeAEP = TableAEP<TABLE_ACTION.CHANGED_DISPLAY_MODE, {
192
192
  type AlignmentOptions = 'center' | 'align-start';
193
193
  export declare enum CHANGE_ALIGNMENT_REASON {
194
194
  TABLE_RESIZING = "tableResizing",
195
+ TABLE_COLUMN_RESIZED = "tableColumnResized",
195
196
  EDITOR_APPEARANCE_CHANGED = "editorAppearanceChanged",
196
197
  TOOLBAR_OPTION_CHANGED = "toolbarOptionChanged"
197
198
  }
@@ -1 +1 @@
1
- export declare const backgroundColorStyles: import("@emotion/react").SerializedStyles;
1
+ export declare const backgroundColorStyles: () => import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "83.3.0",
3
+ "version": "83.4.0",
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/"
@@ -268,6 +268,9 @@
268
268
  },
269
269
  "platform.editor.a11y-main-toolbar-navigation_osrty": {
270
270
  "type": "boolean"
271
+ },
272
+ "platform.editor.review-text-highlighting-styling": {
273
+ "type": "boolean"
271
274
  }
272
275
  }
273
276
  }