@atlaskit/editor-common 116.22.1 → 116.23.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 116.23.0
+
+### Minor Changes
+
+- [`eb60a9c5e949c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb60a9c5e949c) -
+  Fix Confluence live doc table column-sort button being clickable only on its border — header
+  content overlapped the button body. The sort button is now elevated above header content, behind
+  the new `confluence_live_doc_table_sort_bugfix` experiment.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 116.22.2
+
+### Patch Changes
+
+- [`319eb8550d286`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/319eb8550d286) -
+  [ux] [EDITOR-7978] add resizing support to the panel_c1 node behind resizer experiment
+- Updated dependencies
+
 ## 116.22.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.22.0";
+var packageVersion = "116.23.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/table/SortingIcon.js

@@ -32,6 +32,12 @@ var _templateObject, _templateObject2;
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 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);
 
+// Keep the sort button above header content nodes that the editor's native-anchor DnD
+// styles give a z-index in live docs, which otherwise cover the button's clickable body.
+var sortButtonElevatedStyles = (0, _react.css)({
+  zIndex: 1
+});
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 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);
 
@@ -135,7 +141,7 @@ var SortingIcon = function SortingIcon(_ref) {
     content: content,
     position: "top"
   }, (0, _react.jsx)("div", {
-    css: buttonStyles
+    css: [buttonStyles, (0, _expValEquals.expValEquals)('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: buttonClassName,

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.22.0";
+var packageVersion = "116.23.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/utils/getBreakoutResizableNodeTypes.js

@@ -13,10 +13,11 @@ var getBreakoutResizableNodeTypes = exports.getBreakoutResizableNodeTypes = func
     syncBlock = _schema$nodes.syncBlock,
     bodiedSyncBlock = _schema$nodes.bodiedSyncBlock,
     rule = _schema$nodes.rule,
-    panel = _schema$nodes.panel;
+    panel = _schema$nodes.panel,
+    panel_c1 = _schema$nodes.panel_c1;
   var breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
   if (isRuleAndPanelResizingEnabled) {
-    breakoutResizableNodeTypes.push(rule, panel);
+    breakoutResizableNodeTypes.push(rule, panel, panel_c1);
   }
   return new Set(breakoutResizableNodeTypes);
 };

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "116.22.0";
+const packageVersion = "116.23.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/table/SortingIcon.js

@@ -45,6 +45,12 @@ const buttonStyles = css`
 	}
 `;
 
+// Keep the sort button above header content nodes that the editor's native-anchor DnD
+// styles give a z-index in live docs, which otherwise cover the button's clickable body.
+const sortButtonElevatedStyles = css({
+  zIndex: 1
+});
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const iconWrapperStyles = css`
 	width: 8px;
@@ -168,7 +174,7 @@ const SortingIcon = ({
     content: content,
     position: "top"
   }, jsx("div", {
-    css: buttonStyles
+    css: [buttonStyles, expValEquals('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: buttonClassName,

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "116.22.0";
+const packageVersion = "116.23.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/utils/getBreakoutResizableNodeTypes.js

@@ -6,11 +6,12 @@ export const getBreakoutResizableNodeTypes = (schema, isRuleAndPanelResizingEnab
     syncBlock,
     bodiedSyncBlock,
     rule,
-    panel
+    panel,
+    panel_c1
   } = schema.nodes;
   const breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
   if (isRuleAndPanelResizingEnabled) {
-    breakoutResizableNodeTypes.push(rule, panel);
+    breakoutResizableNodeTypes.push(rule, panel, panel_c1);
   }
   return new Set(breakoutResizableNodeTypes);
 };

package/dist/esm/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.22.0";
+var packageVersion = "116.23.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/table/SortingIcon.js

@@ -21,6 +21,12 @@ import { StatusClassNames } from './StatusClassNames';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 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);
 
+// Keep the sort button above header content nodes that the editor's native-anchor DnD
+// styles give a z-index in live docs, which otherwise cover the button's clickable body.
+var sortButtonElevatedStyles = css({
+  zIndex: 1
+});
+
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 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);
 
@@ -124,7 +130,7 @@ var SortingIcon = function SortingIcon(_ref) {
     content: content,
     position: "top"
   }, jsx("div", {
-    css: buttonStyles
+    css: [buttonStyles, expValEquals('confluence_live_doc_table_sort_bugfix', 'isEnabled', true) && sortButtonElevatedStyles]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: buttonClassName,

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.22.0";
+var packageVersion = "116.23.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/utils/getBreakoutResizableNodeTypes.js

@@ -7,10 +7,11 @@ export var getBreakoutResizableNodeTypes = function getBreakoutResizableNodeType
     syncBlock = _schema$nodes.syncBlock,
     bodiedSyncBlock = _schema$nodes.bodiedSyncBlock,
     rule = _schema$nodes.rule,
-    panel = _schema$nodes.panel;
+    panel = _schema$nodes.panel,
+    panel_c1 = _schema$nodes.panel_c1;
   var breakoutResizableNodeTypes = [expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock];
   if (isRuleAndPanelResizingEnabled) {
-    breakoutResizableNodeTypes.push(rule, panel);
+    breakoutResizableNodeTypes.push(rule, panel, panel_c1);
   }
   return new Set(breakoutResizableNodeTypes);
 };

package/dist/types/types/selection.d.ts

@@ -2,7 +2,18 @@ import type { JSONNode } from '@atlaskit/editor-json-transformer';
 export interface LongPressSelectionPluginOptions {
     useLongPressSelection?: boolean;
 }
+export interface AdditionalNodeContextFragment {
+    /**
+     * Additional attributes for the node context fragment
+     */
+    [key: string]: unknown;
+    type: string;
+}
 export type SelectionContext = {
+    /**
+     * Map of node local IDs to additional node context fragments
+     */
+    additionalNodeContext?: Record<string, AdditionalNodeContextFragment> | null;
     /**
      * End index of the selection inside the last node of the selection
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "116.22.1",
+	"version": "116.23.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,8 +29,8 @@
 	},
 	"dependencies": {
 		"@atlaskit/activity-provider": "^3.0.0",
-		"@atlaskit/adf-schema": "^56.0.0",
-		"@atlaskit/adf-utils": "^20.2.0",
+		"@atlaskit/adf-schema": "^56.1.0",
+		"@atlaskit/adf-utils": "^20.3.0",
 		"@atlaskit/afm-i18n-platform-editor-editor-common": "2.168.0",
 		"@atlaskit/analytics-listeners": "^11.1.0",
 		"@atlaskit/analytics-namespaced-context": "^8.1.0",
@@ -57,10 +57,10 @@
 		"@atlaskit/media-card": "^81.3.0",
 		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-client-react": "^6.1.0",
-		"@atlaskit/media-common": "^14.2.0",
+		"@atlaskit/media-common": "^14.3.0",
 		"@atlaskit/media-file-preview": "^1.1.0",
 		"@atlaskit/media-picker": "^72.1.0",
-		"@atlaskit/media-ui": "^30.5.0",
+		"@atlaskit/media-ui": "^30.6.0",
 		"@atlaskit/media-viewer": "^54.3.0",
 		"@atlaskit/mention": "^27.5.0",
 		"@atlaskit/menu": "^9.1.0",
@@ -68,7 +68,7 @@
 		"@atlaskit/onboarding": "^15.1.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
-		"@atlaskit/primitives": "^20.3.0",
+		"@atlaskit/primitives": "^20.4.0",
 		"@atlaskit/profilecard": "^26.8.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
@@ -80,7 +80,7 @@
 		"@atlaskit/task-decision": "^21.4.0",
 		"@atlaskit/teams-app-config": "^2.1.0",
 		"@atlaskit/textfield": "^9.1.0",
-		"@atlaskit/tmp-editor-statsig": "^121.0.0",
+		"@atlaskit/tmp-editor-statsig": "^121.2.0",
 		"@atlaskit/tokens": "^15.4.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/width-detector": "^6.1.0",
@@ -123,7 +123,7 @@
 		"@atlaskit/media-core": "^38.0.0",
 		"@atlassian/a11y-jest-testing": "^0.13.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/testing-library": "^0.8.0",
+		"@atlassian/testing-library": "^0.10.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",