@atlaskit/editor-common 116.22.1 → 116.23.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,26 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 116.23.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`eb60a9c5e949c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb60a9c5e949c) -
8
+ Fix Confluence live doc table column-sort button being clickable only on its border — header
9
+ content overlapped the button body. The sort button is now elevated above header content, behind
10
+ the new `confluence_live_doc_table_sort_bugfix` experiment.
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
16
+ ## 116.22.2
17
+
18
+ ### Patch Changes
19
+
20
+ - [`319eb8550d286`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/319eb8550d286) -
21
+ [ux] [EDITOR-7978] add resizing support to the panel_c1 node behind resizer experiment
22
+ - Updated dependencies
23
+
3
24
  ## 116.22.1
4
25
 
5
26
  ### Patch Changes
@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
28
28
  var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
29
29
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
30
30
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
31
- var packageVersion = "116.22.0";
31
+ var packageVersion = "116.23.0";
32
32
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
33
33
  // Remove URL as it has UGC
34
34
  // Ignored via go/ees007
@@ -32,6 +32,12 @@ var _templateObject, _templateObject2;
32
32
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
33
33
  var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: ", " solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border-width-selected, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F0F1F2)", "var(--ds-surface-overlay-pressed, #DDDEE1)", _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
34
34
 
35
+ // Keep the sort button above header content nodes that the editor's native-anchor DnD
36
+ // styles give a z-index in live docs, which otherwise cover the button's clickable body.
37
+ var sortButtonElevatedStyles = (0, _react.css)({
38
+ zIndex: 1
39
+ });
40
+
35
41
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
36
42
  var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), _StatusClassNames.StatusClassNames.DESC, _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
37
43
 
@@ -135,7 +141,7 @@ var SortingIcon = function SortingIcon(_ref) {
135
141
  content: content,
136
142
  position: "top"
137
143
  }, (0, _react.jsx)("div", {
138
- css: buttonStyles
144
+ css: [buttonStyles, (0, _expValEquals.expValEquals)('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
139
145
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
140
146
  ,
141
147
  className: buttonClassName,
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
24
24
  * @jsx jsx
25
25
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
26
26
  var packageName = "@atlaskit/editor-common";
27
- var packageVersion = "116.22.0";
27
+ var packageVersion = "116.23.0";
28
28
  var halfFocusRing = 1;
29
29
  var dropOffset = '0, 8';
30
30
  var fadeIn = (0, _react2.keyframes)({
@@ -13,10 +13,11 @@ var getBreakoutResizableNodeTypes = exports.getBreakoutResizableNodeTypes = func
13
13
  syncBlock = _schema$nodes.syncBlock,
14
14
  bodiedSyncBlock = _schema$nodes.bodiedSyncBlock,
15
15
  rule = _schema$nodes.rule,
16
- panel = _schema$nodes.panel;
16
+ panel = _schema$nodes.panel,
17
+ panel_c1 = _schema$nodes.panel_c1;
17
18
  var breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
18
19
  if (isRuleAndPanelResizingEnabled) {
19
- breakoutResizableNodeTypes.push(rule, panel);
20
+ breakoutResizableNodeTypes.push(rule, panel, panel_c1);
20
21
  }
21
22
  return new Set(breakoutResizableNodeTypes);
22
23
  };
@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
14
14
  const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
15
15
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
16
16
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
17
- const packageVersion = "116.22.0";
17
+ const packageVersion = "116.23.0";
18
18
  const sanitiseSentryEvents = (data, _hint) => {
19
19
  // Remove URL as it has UGC
20
20
  // Ignored via go/ees007
@@ -45,6 +45,12 @@ const buttonStyles = css`
45
45
  }
46
46
  `;
47
47
 
48
+ // Keep the sort button above header content nodes that the editor's native-anchor DnD
49
+ // styles give a z-index in live docs, which otherwise cover the button's clickable body.
50
+ const sortButtonElevatedStyles = css({
51
+ zIndex: 1
52
+ });
53
+
48
54
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
49
55
  const iconWrapperStyles = css`
50
56
  width: 8px;
@@ -168,7 +174,7 @@ const SortingIcon = ({
168
174
  content: content,
169
175
  position: "top"
170
176
  }, jsx("div", {
171
- css: buttonStyles
177
+ css: [buttonStyles, expValEquals('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
172
178
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
173
179
  ,
174
180
  className: buttonClassName,
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import Layer from '../Layer';
16
16
  const packageName = "@atlaskit/editor-common";
17
- const packageVersion = "116.22.0";
17
+ const packageVersion = "116.23.0";
18
18
  const halfFocusRing = 1;
19
19
  const dropOffset = '0, 8';
20
20
  const fadeIn = keyframes({
@@ -6,11 +6,12 @@ export const getBreakoutResizableNodeTypes = (schema, isRuleAndPanelResizingEnab
6
6
  syncBlock,
7
7
  bodiedSyncBlock,
8
8
  rule,
9
- panel
9
+ panel,
10
+ panel_c1
10
11
  } = schema.nodes;
11
12
  const breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
12
13
  if (isRuleAndPanelResizingEnabled) {
13
- breakoutResizableNodeTypes.push(rule, panel);
14
+ breakoutResizableNodeTypes.push(rule, panel, panel_c1);
14
15
  }
15
16
  return new Set(breakoutResizableNodeTypes);
16
17
  };
@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
20
20
  var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
21
21
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
22
22
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
23
- var packageVersion = "116.22.0";
23
+ var packageVersion = "116.23.0";
24
24
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
25
25
  // Remove URL as it has UGC
26
26
  // Ignored via go/ees007
@@ -21,6 +21,12 @@ import { StatusClassNames } from './StatusClassNames';
21
21
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
22
22
  var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: ", " solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border-width-selected, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F0F1F2)", "var(--ds-surface-overlay-pressed, #DDDEE1)", SORTABLE_COLUMN_ICON_CLASSNAME);
23
23
 
24
+ // Keep the sort button above header content nodes that the editor's native-anchor DnD
25
+ // styles give a z-index in live docs, which otherwise cover the button's clickable body.
26
+ var sortButtonElevatedStyles = css({
27
+ zIndex: 1
28
+ });
29
+
24
30
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
25
31
  var iconWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), StatusClassNames.DESC, SORTABLE_COLUMN_ICON_CLASSNAME);
26
32
 
@@ -124,7 +130,7 @@ var SortingIcon = function SortingIcon(_ref) {
124
130
  content: content,
125
131
  position: "top"
126
132
  }, jsx("div", {
127
- css: buttonStyles
133
+ css: [buttonStyles, expValEquals('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
128
134
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
129
135
  ,
130
136
  className: buttonClassName,
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
21
21
  import { fg } from '@atlaskit/platform-feature-flags';
22
22
  import Layer from '../Layer';
23
23
  var packageName = "@atlaskit/editor-common";
24
- var packageVersion = "116.22.0";
24
+ var packageVersion = "116.23.0";
25
25
  var halfFocusRing = 1;
26
26
  var dropOffset = '0, 8';
27
27
  var fadeIn = keyframes({
@@ -7,10 +7,11 @@ export var getBreakoutResizableNodeTypes = function getBreakoutResizableNodeType
7
7
  syncBlock = _schema$nodes.syncBlock,
8
8
  bodiedSyncBlock = _schema$nodes.bodiedSyncBlock,
9
9
  rule = _schema$nodes.rule,
10
- panel = _schema$nodes.panel;
10
+ panel = _schema$nodes.panel,
11
+ panel_c1 = _schema$nodes.panel_c1;
11
12
  var breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
12
13
  if (isRuleAndPanelResizingEnabled) {
13
- breakoutResizableNodeTypes.push(rule, panel);
14
+ breakoutResizableNodeTypes.push(rule, panel, panel_c1);
14
15
  }
15
16
  return new Set(breakoutResizableNodeTypes);
16
17
  };
@@ -2,7 +2,18 @@ import type { JSONNode } from '@atlaskit/editor-json-transformer';
2
2
  export interface LongPressSelectionPluginOptions {
3
3
  useLongPressSelection?: boolean;
4
4
  }
5
+ export interface AdditionalNodeContextFragment {
6
+ /**
7
+ * Additional attributes for the node context fragment
8
+ */
9
+ [key: string]: unknown;
10
+ type: string;
11
+ }
5
12
  export type SelectionContext = {
13
+ /**
14
+ * Map of node local IDs to additional node context fragments
15
+ */
16
+ additionalNodeContext?: Record<string, AdditionalNodeContextFragment> | null;
6
17
  /**
7
18
  * End index of the selection inside the last node of the selection
8
19
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "116.22.1",
3
+ "version": "116.23.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/"
@@ -29,8 +29,8 @@
29
29
  },
30
30
  "dependencies": {
31
31
  "@atlaskit/activity-provider": "^3.0.0",
32
- "@atlaskit/adf-schema": "^56.0.0",
33
- "@atlaskit/adf-utils": "^20.2.0",
32
+ "@atlaskit/adf-schema": "^56.1.0",
33
+ "@atlaskit/adf-utils": "^20.3.0",
34
34
  "@atlaskit/afm-i18n-platform-editor-editor-common": "2.168.0",
35
35
  "@atlaskit/analytics-listeners": "^11.1.0",
36
36
  "@atlaskit/analytics-namespaced-context": "^8.1.0",
@@ -57,10 +57,10 @@
57
57
  "@atlaskit/media-card": "^81.3.0",
58
58
  "@atlaskit/media-client": "^37.2.0",
59
59
  "@atlaskit/media-client-react": "^6.1.0",
60
- "@atlaskit/media-common": "^14.2.0",
60
+ "@atlaskit/media-common": "^14.3.0",
61
61
  "@atlaskit/media-file-preview": "^1.1.0",
62
62
  "@atlaskit/media-picker": "^72.1.0",
63
- "@atlaskit/media-ui": "^30.5.0",
63
+ "@atlaskit/media-ui": "^30.6.0",
64
64
  "@atlaskit/media-viewer": "^54.3.0",
65
65
  "@atlaskit/mention": "^27.5.0",
66
66
  "@atlaskit/menu": "^9.1.0",
@@ -68,7 +68,7 @@
68
68
  "@atlaskit/onboarding": "^15.1.0",
69
69
  "@atlaskit/platform-feature-flags": "^2.0.0",
70
70
  "@atlaskit/platform-feature-flags-react": "^1.1.0",
71
- "@atlaskit/primitives": "^20.3.0",
71
+ "@atlaskit/primitives": "^20.4.0",
72
72
  "@atlaskit/profilecard": "^26.8.0",
73
73
  "@atlaskit/prosemirror-history": "^1.0.0",
74
74
  "@atlaskit/react-compiler-gating": "^0.2.0",
@@ -80,7 +80,7 @@
80
80
  "@atlaskit/task-decision": "^21.4.0",
81
81
  "@atlaskit/teams-app-config": "^2.1.0",
82
82
  "@atlaskit/textfield": "^9.1.0",
83
- "@atlaskit/tmp-editor-statsig": "^121.0.0",
83
+ "@atlaskit/tmp-editor-statsig": "^121.2.0",
84
84
  "@atlaskit/tokens": "^15.4.0",
85
85
  "@atlaskit/tooltip": "^23.1.0",
86
86
  "@atlaskit/width-detector": "^6.1.0",
@@ -123,7 +123,7 @@
123
123
  "@atlaskit/media-core": "^38.0.0",
124
124
  "@atlassian/a11y-jest-testing": "^0.13.0",
125
125
  "@atlassian/feature-flags-test-utils": "^1.1.0",
126
- "@atlassian/testing-library": "^0.8.0",
126
+ "@atlassian/testing-library": "^0.10.0",
127
127
  "@testing-library/dom": "^10.1.0",
128
128
  "@testing-library/jest-dom": "^6.4.5",
129
129
  "@testing-library/react": "^16.3.0",