@atlaskit/renderer 125.3.0 → 125.3.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 125.3.2
+
+### Patch Changes
+
+- [`8a3fc4137f1b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8a3fc4137f1b4) -
+  [ux] [EDITOR-3850] disable sticky headers for tables in expands in the renderer
+- Updated dependencies
+
+## 125.3.1
+
+### Patch Changes
+
+- [`b5aad0477b7bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b5aad0477b7bb) -
+  EDITOR-3433: Fix missing task item id when using progressive renderer.
+- Updated dependencies
+
 ## 125.3.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",

package/dist/cjs/react/index.js

@@ -428,8 +428,9 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       var isInsideMultiBodiedExtension = (0, _rendererNode.insideMultiBodiedExtension)(path, node.type.schema);
       var isInsideOfTable = (0, _rendererNode.insideTable)(path, node.type.schema);
 
-      // TODO: CEMS-1048 - Support sticky headers inside breakout + layout
-      var stickyHeaders = !isInsideOfTable && !(0, _rendererNode.insideBreakoutLayout)(path) ? this.stickyHeaders : undefined;
+      // TODO: EDITOR-3850 - support sticky headers inside breakouts (layouts and expands)
+      var isInsideBreakoutExpand = (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_11', 'isEnabled', true) && (0, _rendererNode.insideBreakoutExpand)(path);
+      var stickyHeaders = !isInsideOfTable && !(0, _rendererNode.insideBreakoutLayout)(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
         columnWidths: (0, _utils.getColumnWidths)(node),

package/dist/cjs/react/nodes/heading-anchor.js

@@ -125,7 +125,6 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         type: "button"
       }, (0, _react2.jsx)(_link.default, {
         label: _this.getCopyAriaLabel(),
-        LEGACY_size: _this.props.level > 3 ? 'small' : 'medium',
         color: _this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
       }));
     });

package/dist/cjs/react/nodes/task-item-with-providers.js

@@ -12,10 +12,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _taskDecision = require("@atlaskit/task-decision");
-var _excluded = ["contextIdentifierProvider", "objectAri", "isRenderer"];
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _excluded = ["objectAri", "isRenderer"];
 function TaskItemWithProviders(props) {
-  var contextIdentifierProvider = props.contextIdentifierProvider,
-    objectAri = props.objectAri,
+  var objectAri = props.objectAri,
     isRenderer = props.isRenderer,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _React$useState = _react.default.useState(undefined),
@@ -58,10 +58,15 @@ function TaskItemWithProviders(props) {
     updateContextIdentifierProvider(props.contextIdentifierProvider);
   }, [props.contextIdentifierProvider, updateContextIdentifierProvider]);
   var resolvedObjectId = resolvedContextProvider && resolvedContextProvider.objectId || objectAri;
-
-  // Ignored via go/ees005
+  return (0, _platformFeatureFlags.fg)('platform_editor_fix_missing_task_id') ? /*#__PURE__*/_react.default.createElement("div", {
+    "data-task-local-id": props.taskId || ''
+  }, /*#__PURE__*/_react.default.createElement(_taskDecision.ResourcedTaskItem, (0, _extends2.default)({}, otherProps, {
+    objectAri: resolvedObjectId,
+    isRenderer: isRenderer
+  }))) :
+  /*#__PURE__*/
   // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/_react.default.createElement(_taskDecision.ResourcedTaskItem, (0, _extends2.default)({}, otherProps, {
+  _react.default.createElement(_taskDecision.ResourcedTaskItem, (0, _extends2.default)({}, otherProps, {
     objectAri: resolvedObjectId,
     isRenderer: isRenderer
   }));

package/dist/cjs/react/renderer-node.js

@@ -3,10 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insideTable = exports.insideMultiBodiedExtension = exports.insideBreakoutLayout = exports.insideBlockNode = void 0;
+exports.insideTable = exports.insideMultiBodiedExtension = exports.insideBreakoutLayout = exports.insideBreakoutExpand = exports.insideBlockNode = void 0;
 var isLayoutNode = function isLayoutNode(node) {
   return node.type.name === 'layoutSection';
 };
+var isExpandNode = function isExpandNode(node) {
+  return node.type.name === 'expand';
+};
 var hasBreakOutMark = function hasBreakOutMark(node) {
   return node.marks.some(function (m) {
     return m.type.name === 'breakout';
@@ -17,6 +20,11 @@ var insideBreakoutLayout = exports.insideBreakoutLayout = function insideBreakou
     return isLayoutNode(item) && hasBreakOutMark(item);
   });
 };
+var insideBreakoutExpand = exports.insideBreakoutExpand = function insideBreakoutExpand(path) {
+  return path.some(function (item) {
+    return isExpandNode(item) && hasBreakOutMark(item);
+  });
+};
 var insideBlockNode = exports.insideBlockNode = function insideBlockNode(path, schema) {
   var _schema$nodes = schema.nodes,
     expand = _schema$nodes.expand,

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

@@ -70,7 +70,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "125.3.0";
+var packageVersion = "125.3.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/index.js

@@ -14,7 +14,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { getText } from '../utils';
 import { isAnnotationMark, toReact as markToReact } from './marks';
 import { isCodeMark } from './marks/code';
-import { insideBlockNode, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
+import { insideBlockNode, insideBreakoutExpand, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
 import { renderTextSegments } from './utils/render-text-segments';
 import { segmentText } from './utils/segment-text';
 import { getStandaloneBackgroundColorMarks } from './utils/getStandaloneBackgroundColorMarks';
@@ -394,8 +394,9 @@ export default class ReactSerializer {
     const isInsideMultiBodiedExtension = insideMultiBodiedExtension(path, node.type.schema);
     const isInsideOfTable = insideTable(path, node.type.schema);
 
-    // TODO: CEMS-1048 - Support sticky headers inside breakout + layout
-    const stickyHeaders = !isInsideOfTable && !insideBreakoutLayout(path) ? this.stickyHeaders : undefined;
+    // TODO: EDITOR-3850 - support sticky headers inside breakouts (layouts and expands)
+    const isInsideBreakoutExpand = expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && expValEquals('platform_editor_table_sticky_header_patch_11', 'isEnabled', true) && insideBreakoutExpand(path);
+    const stickyHeaders = !isInsideOfTable && !insideBreakoutLayout(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
     return {
       ...this.getProps(node),
       allowColumnSorting: this.allowColumnSorting,

package/dist/es2019/react/nodes/heading-anchor.js

@@ -90,7 +90,6 @@ class HeadingAnchor extends React.PureComponent {
         type: "button"
       }, jsx(LinkIcon, {
         label: this.getCopyAriaLabel(),
-        LEGACY_size: this.props.level > 3 ? 'small' : 'medium',
         color: this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
       }));
     });

package/dist/es2019/react/nodes/task-item-with-providers.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ResourcedTaskItem } from '@atlaskit/task-decision';
+import { fg } from '@atlaskit/platform-feature-flags';
 export default function TaskItemWithProviders(props) {
   const {
-    contextIdentifierProvider,
     objectAri,
     isRenderer,
     ...otherProps
@@ -15,7 +15,7 @@ export default function TaskItemWithProviders(props) {
         const resolvedContextProvider = await contextIdentifierProvider;
         setResolvedContextProvider(resolvedContextProvider);
         return;
-      } catch (err) {}
+      } catch {}
     }
     setResolvedContextProvider(undefined);
   }, []);
@@ -23,10 +23,15 @@ export default function TaskItemWithProviders(props) {
     updateContextIdentifierProvider(props.contextIdentifierProvider);
   }, [props.contextIdentifierProvider, updateContextIdentifierProvider]);
   const resolvedObjectId = resolvedContextProvider && resolvedContextProvider.objectId || objectAri;
-
-  // Ignored via go/ees005
+  return fg('platform_editor_fix_missing_task_id') ? /*#__PURE__*/React.createElement("div", {
+    "data-task-local-id": props.taskId || ''
+  }, /*#__PURE__*/React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
+    objectAri: resolvedObjectId,
+    isRenderer: isRenderer
+  }))) :
+  /*#__PURE__*/
   // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
+  React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
     objectAri: resolvedObjectId,
     isRenderer: isRenderer
   }));

package/dist/es2019/react/renderer-node.js

@@ -1,6 +1,8 @@
 const isLayoutNode = node => node.type.name === 'layoutSection';
+const isExpandNode = node => node.type.name === 'expand';
 const hasBreakOutMark = node => node.marks.some(m => m.type.name === 'breakout');
 export const insideBreakoutLayout = path => path.some(item => isLayoutNode(item) && hasBreakOutMark(item));
+export const insideBreakoutExpand = path => path.some(item => isExpandNode(item) && hasBreakOutMark(item));
 export const insideBlockNode = (path, schema) => {
   const {
     nodes: {

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

@@ -56,7 +56,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "125.3.0";
+const packageVersion = "125.3.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/index.js

@@ -21,7 +21,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { getText } from '../utils';
 import { isAnnotationMark, toReact as markToReact } from './marks';
 import { isCodeMark } from './marks/code';
-import { insideBlockNode, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
+import { insideBlockNode, insideBreakoutExpand, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
 import { renderTextSegments } from './utils/render-text-segments';
 import { segmentText } from './utils/segment-text';
 import { getStandaloneBackgroundColorMarks } from './utils/getStandaloneBackgroundColorMarks';
@@ -421,8 +421,9 @@ var ReactSerializer = /*#__PURE__*/function () {
       var isInsideMultiBodiedExtension = insideMultiBodiedExtension(path, node.type.schema);
       var isInsideOfTable = insideTable(path, node.type.schema);
 
-      // TODO: CEMS-1048 - Support sticky headers inside breakout + layout
-      var stickyHeaders = !isInsideOfTable && !insideBreakoutLayout(path) ? this.stickyHeaders : undefined;
+      // TODO: EDITOR-3850 - support sticky headers inside breakouts (layouts and expands)
+      var isInsideBreakoutExpand = expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && expValEquals('platform_editor_table_sticky_header_patch_11', 'isEnabled', true) && insideBreakoutExpand(path);
+      var stickyHeaders = !isInsideOfTable && !insideBreakoutLayout(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
         columnWidths: getColumnWidths(node),

package/dist/esm/react/nodes/heading-anchor.js

@@ -119,7 +119,6 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         type: "button"
       }, jsx(LinkIcon, {
         label: _this.getCopyAriaLabel(),
-        LEGACY_size: _this.props.level > 3 ? 'small' : 'medium',
         color: _this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
       }));
     });

package/dist/esm/react/nodes/task-item-with-providers.js

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["contextIdentifierProvider", "objectAri", "isRenderer"];
+var _excluded = ["objectAri", "isRenderer"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { ResourcedTaskItem } from '@atlaskit/task-decision';
+import { fg } from '@atlaskit/platform-feature-flags';
 export default function TaskItemWithProviders(props) {
-  var contextIdentifierProvider = props.contextIdentifierProvider,
-    objectAri = props.objectAri,
+  var objectAri = props.objectAri,
     isRenderer = props.isRenderer,
     otherProps = _objectWithoutProperties(props, _excluded);
   var _React$useState = React.useState(undefined),
@@ -51,10 +51,15 @@ export default function TaskItemWithProviders(props) {
     updateContextIdentifierProvider(props.contextIdentifierProvider);
   }, [props.contextIdentifierProvider, updateContextIdentifierProvider]);
   var resolvedObjectId = resolvedContextProvider && resolvedContextProvider.objectId || objectAri;
-
-  // Ignored via go/ees005
+  return fg('platform_editor_fix_missing_task_id') ? /*#__PURE__*/React.createElement("div", {
+    "data-task-local-id": props.taskId || ''
+  }, /*#__PURE__*/React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
+    objectAri: resolvedObjectId,
+    isRenderer: isRenderer
+  }))) :
+  /*#__PURE__*/
   // eslint-disable-next-line react/jsx-props-no-spreading
-  return /*#__PURE__*/React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
+  React.createElement(ResourcedTaskItem, _extends({}, otherProps, {
     objectAri: resolvedObjectId,
     isRenderer: isRenderer
   }));

package/dist/esm/react/renderer-node.js

@@ -1,6 +1,9 @@
 var isLayoutNode = function isLayoutNode(node) {
   return node.type.name === 'layoutSection';
 };
+var isExpandNode = function isExpandNode(node) {
+  return node.type.name === 'expand';
+};
 var hasBreakOutMark = function hasBreakOutMark(node) {
   return node.marks.some(function (m) {
     return m.type.name === 'breakout';
@@ -11,6 +14,11 @@ export var insideBreakoutLayout = function insideBreakoutLayout(path) {
     return isLayoutNode(item) && hasBreakOutMark(item);
   });
 };
+export var insideBreakoutExpand = function insideBreakoutExpand(path) {
+  return path.some(function (item) {
+    return isExpandNode(item) && hasBreakOutMark(item);
+  });
+};
 export var insideBlockNode = function insideBlockNode(path, schema) {
   var _schema$nodes = schema.nodes,
     expand = _schema$nodes.expand,

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

@@ -61,7 +61,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "125.3.0";
+var packageVersion = "125.3.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/react/renderer-node.d.ts

@@ -1,5 +1,6 @@
 import type { Node, Schema } from '@atlaskit/editor-prosemirror/model';
 export declare const insideBreakoutLayout: (path: Node[]) => boolean;
+export declare const insideBreakoutExpand: (path: Node[]) => boolean;
 export declare const insideBlockNode: (path: Node[], schema: Schema) => boolean;
 export declare const insideMultiBodiedExtension: (path: Node[], schema: Schema) => boolean;
 export declare const insideTable: (path: Node[], schema: Schema) => boolean;

package/dist/types-ts4.5/react/renderer-node.d.ts

@@ -1,5 +1,6 @@
 import type { Node, Schema } from '@atlaskit/editor-prosemirror/model';
 export declare const insideBreakoutLayout: (path: Node[]) => boolean;
+export declare const insideBreakoutExpand: (path: Node[]) => boolean;
 export declare const insideBlockNode: (path: Node[], schema: Schema) => boolean;
 export declare const insideMultiBodiedExtension: (path: Node[], schema: Schema) => boolean;
 export declare const insideTable: (path: Node[], schema: Schema) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "125.3.0",
+	"version": "125.3.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,14 +52,14 @@
 		"@atlaskit/media-viewer": "^52.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/react-ufo": "^4.16.0",
+		"@atlaskit/react-ufo": "^4.17.0",
 		"@atlaskit/smart-card": "^43.20.0",
-		"@atlaskit/status": "^3.0.0",
+		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.12.0",
+		"@atlaskit/tmp-editor-statsig": "^16.18.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -90,7 +90,7 @@
 		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
-		"@atlaskit/profilecard": "^24.27.0",
+		"@atlaskit/profilecard": "^24.29.0",
 		"@atlaskit/util-data-test": "^18.4.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^16.3.0",
@@ -241,6 +241,9 @@
 		},
 		"platform_editor_dec_a11y_fixes": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_missing_task_id": {
+			"type": "boolean"
 		}
 	}
 }