@atlaskit/renderer 131.2.1 → 131.2.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 131.2.2
+
+### Patch Changes
+
+- [`67ec466d25801`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/67ec466d25801) -
+  Add support for panel_c1 in renderer so tables in panels are displayed in view mode
+- Updated dependencies
+
 ## 131.2.1
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -284,6 +284,11 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
           return this.getCodeBlockProps(node);
         case 'panel':
           return this.getPanelProps(node);
+        case 'panel_c1':
+          if ((0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+            return this.getPanelProps(node);
+          }
+          return this.getProps(node, path);
         default:
           return this.getProps(node, path);
       }

package/dist/cjs/react/nodes/index.js

@@ -486,6 +486,7 @@ var nodeToReact = exports.nodeToReact = {
   mention: Mention,
   orderedList: _orderedList.default,
   panel: Panel,
+  panel_c1: Panel,
   paragraph: _paragraph.default,
   placeholder: _placeholder.default,
   rule: _rule.default,

package/dist/cjs/react/nodes/loosely-lazy.js

@@ -172,6 +172,7 @@ var nodeToReact = exports.nodeToReact = {
   mediaSingle: MediaSingle,
   mention: Mention,
   panel: Panel,
+  panel_c1: Panel,
   status: Status,
   taskItem: TaskItem,
   taskList: TaskList,

package/dist/cjs/render-document.js

@@ -93,17 +93,33 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       }
     });
   }
+
+  // Upgrade panel → panel_c1 where the schema allows it
+  if (result && (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    try {
+      var _transformContainerNo = (0, _transforms.transformContainerNodes)(result, schema),
+        _transformedAdf2 = _transformContainerNo.transformedAdf,
+        _isTransformed2 = _transformContainerNo.isTransformed;
+      if (_isTransformed2 && _transformedAdf2) {
+        // TODO: EDITOR-7175 - Add analytics
+
+        result = _transformedAdf2;
+      }
+    } catch (e) {
+      // TODO: EDITOR-7175 - Add analytics
+    }
+  }
   if (result && !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true) && !(0, _platformFeatureFlags.fg)('platform_native_embeds_rollout_non_maui_experience') && (0, _platformFeatureFlags.fg)('platform_editor_native_embeds_fallback_transform')) {
     var _nativeEmbedsFallback = (0, _transforms.nativeEmbedsFallbackTransform)(result, schema),
-      _transformedAdf2 = _nativeEmbedsFallback.transformedAdf,
+      _transformedAdf3 = _nativeEmbedsFallback.transformedAdf,
       hasValidTransform = _nativeEmbedsFallback.hasValidTransform;
-    if (hasValidTransform && _transformedAdf2) {
+    if (hasValidTransform && _transformedAdf3) {
       dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
         action: _analytics.ACTION.NATIVE_EMBEDS_TRANSFORMED,
         actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
         eventType: _analytics.EVENT_TYPE.OPERATIONAL
       });
-      result = _transformedAdf2;
+      result = _transformedAdf3;
     }
   }
   return result;

package/dist/cjs/text/nodes/index.js

@@ -40,6 +40,7 @@ var nodeToReducerMapping = {
   mention: _mention.default,
   orderedList: _orderedList.default,
   panel: _panel.default,
+  panel_c1: _panel.default,
   paragraph: _paragraph.default,
   rule: _rule.default,
   status: _status.default,

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

@@ -18,6 +18,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _react2 = require("@emotion/react");
 var _browser = require("@atlaskit/editor-common/browser");
+var _nesting = require("@atlaskit/editor-common/nesting");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _measureRender = require("@atlaskit/editor-common/performance/measure-render");
 var _navigation = require("@atlaskit/editor-common/performance/navigation");
@@ -71,7 +72,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 = "131.2.0";
+var packageVersion = "131.2.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -450,7 +451,11 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
   try {
     var _rendererContext$feat, _props$media;
     var schema = getSchema(props.schema, props.adfStage);
-    var _renderDocument = (0, _.renderDocument)(props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, props.validationOverrides),
+    var allowTableInPanel = (0, _nesting.isPanelNestingTableSupported)(schema);
+    var validationOverrides = allowTableInPanel ? _objectSpread(_objectSpread({}, props.validationOverrides), {}, {
+      allowTableInPanel: true
+    }) : props.validationOverrides;
+    var _renderDocument = (0, _.renderDocument)(props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides),
       result = _renderDocument.result,
       stat = _renderDocument.stat,
       pmDoc = _renderDocument.pmDoc;

package/dist/es2019/react/index.js

@@ -267,6 +267,11 @@ export default class ReactSerializer {
         return this.getCodeBlockProps(node);
       case 'panel':
         return this.getPanelProps(node);
+      case 'panel_c1':
+        if (expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+          return this.getPanelProps(node);
+        }
+        return this.getProps(node, path);
       default:
         return this.getProps(node, path);
     }

package/dist/es2019/react/nodes/index.js

@@ -162,6 +162,7 @@ export const nodeToReact = {
   mention: Mention,
   orderedList: OrderedList,
   panel: Panel,
+  panel_c1: Panel,
   paragraph: Paragraph,
   placeholder: Placeholder,
   rule: Rule,

package/dist/es2019/react/nodes/loosely-lazy.js

@@ -59,6 +59,7 @@ export const nodeToReact = {
   mediaSingle: MediaSingle,
   mention: Mention,
   panel: Panel,
+  panel_c1: Panel,
   status: Status,
   taskItem: TaskItem,
   taskList: TaskList,

package/dist/es2019/render-document.js

@@ -2,7 +2,7 @@
 // Entry file in package.json
 
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { nativeEmbedsFallbackTransform, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
+import { nativeEmbedsFallbackTransform, transformContainerNodes, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
 import { getValidDocument } from '@atlaskit/editor-common/validator';
@@ -87,6 +87,23 @@ const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnaly
       }
     });
   }
+
+  // Upgrade panel → panel_c1 where the schema allows it
+  if (result && expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    try {
+      const {
+        transformedAdf,
+        isTransformed
+      } = transformContainerNodes(result, schema);
+      if (isTransformed && transformedAdf) {
+        // TODO: EDITOR-7175 - Add analytics
+
+        result = transformedAdf;
+      }
+    } catch (e) {
+      // TODO: EDITOR-7175 - Add analytics
+    }
+  }
   if (result && !expValEquals('cc-maui-experiment', 'isEnabled', true) && !fg('platform_native_embeds_rollout_non_maui_experience') && fg('platform_editor_native_embeds_fallback_transform')) {
     const {
       transformedAdf,

package/dist/es2019/text/nodes/index.js

@@ -33,6 +33,7 @@ const nodeToReducerMapping = {
   mention,
   orderedList,
   panel,
+  panel_c1: panel,
   paragraph,
   rule,
   status,

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

@@ -12,6 +12,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { isPanelNestingTableSupported } from '@atlaskit/editor-common/nesting';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
 import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
@@ -57,7 +58,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 = "131.2.0";
+const packageVersion = "131.2.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -440,11 +441,16 @@ export const RendererFunctionalComponent = props => {
   try {
     var _rendererContext$feat, _props$media;
     const schema = getSchema(props.schema, props.adfStage);
+    const allowTableInPanel = isPanelNestingTableSupported(schema);
+    const validationOverrides = allowTableInPanel ? {
+      ...props.validationOverrides,
+      allowTableInPanel: true
+    } : props.validationOverrides;
     const {
       result,
       stat,
       pmDoc
-    } = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, props.validationOverrides);
+    } = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides);
     if (props.onComplete) {
       props.onComplete(stat);
     }

package/dist/esm/react/index.js

@@ -277,6 +277,11 @@ var ReactSerializer = /*#__PURE__*/function () {
           return this.getCodeBlockProps(node);
         case 'panel':
           return this.getPanelProps(node);
+        case 'panel_c1':
+          if (expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+            return this.getPanelProps(node);
+          }
+          return this.getProps(node, path);
         default:
           return this.getProps(node, path);
       }

package/dist/esm/react/nodes/index.js

@@ -291,6 +291,7 @@ export var nodeToReact = {
   mention: Mention,
   orderedList: OrderedList,
   panel: Panel,
+  panel_c1: Panel,
   paragraph: Paragraph,
   placeholder: Placeholder,
   rule: Rule,

package/dist/esm/react/nodes/loosely-lazy.js

@@ -131,6 +131,7 @@ export var nodeToReact = {
   mediaSingle: MediaSingle,
   mention: Mention,
   panel: Panel,
+  panel_c1: Panel,
   status: Status,
   taskItem: TaskItem,
   taskList: TaskList,

package/dist/esm/render-document.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // Entry file in package.json
 
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { nativeEmbedsFallbackTransform, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
+import { nativeEmbedsFallbackTransform, transformContainerNodes, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
 import { getValidDocument } from '@atlaskit/editor-common/validator';
@@ -86,17 +86,33 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       }
     });
   }
+
+  // Upgrade panel → panel_c1 where the schema allows it
+  if (result && expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    try {
+      var _transformContainerNo = transformContainerNodes(result, schema),
+        _transformedAdf2 = _transformContainerNo.transformedAdf,
+        _isTransformed2 = _transformContainerNo.isTransformed;
+      if (_isTransformed2 && _transformedAdf2) {
+        // TODO: EDITOR-7175 - Add analytics
+
+        result = _transformedAdf2;
+      }
+    } catch (e) {
+      // TODO: EDITOR-7175 - Add analytics
+    }
+  }
   if (result && !expValEquals('cc-maui-experiment', 'isEnabled', true) && !fg('platform_native_embeds_rollout_non_maui_experience') && fg('platform_editor_native_embeds_fallback_transform')) {
     var _nativeEmbedsFallback = nativeEmbedsFallbackTransform(result, schema),
-      _transformedAdf2 = _nativeEmbedsFallback.transformedAdf,
+      _transformedAdf3 = _nativeEmbedsFallback.transformedAdf,
       hasValidTransform = _nativeEmbedsFallback.hasValidTransform;
-    if (hasValidTransform && _transformedAdf2) {
+    if (hasValidTransform && _transformedAdf3) {
       dispatchAnalyticsEvent === null || dispatchAnalyticsEvent === void 0 || dispatchAnalyticsEvent({
         action: ACTION.NATIVE_EMBEDS_TRANSFORMED,
         actionSubject: ACTION_SUBJECT.RENDERER,
         eventType: EVENT_TYPE.OPERATIONAL
       });
-      result = _transformedAdf2;
+      result = _transformedAdf3;
     }
   }
   return result;

package/dist/esm/text/nodes/index.js

@@ -33,6 +33,7 @@ var nodeToReducerMapping = {
   mention: mention,
   orderedList: orderedList,
   panel: panel,
+  panel_c1: panel,
   paragraph: paragraph,
   rule: rule,
   status: status,

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

@@ -17,6 +17,7 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
+import { isPanelNestingTableSupported } from '@atlaskit/editor-common/nesting';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
 import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
@@ -62,7 +63,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 = "131.2.0";
+var packageVersion = "131.2.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -441,7 +442,11 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
   try {
     var _rendererContext$feat, _props$media;
     var schema = getSchema(props.schema, props.adfStage);
-    var _renderDocument = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, props.validationOverrides),
+    var allowTableInPanel = isPanelNestingTableSupported(schema);
+    var validationOverrides = allowTableInPanel ? _objectSpread(_objectSpread({}, props.validationOverrides), {}, {
+      allowTableInPanel: true
+    }) : props.validationOverrides;
+    var _renderDocument = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides),
       result = _renderDocument.result,
       stat = _renderDocument.stat,
       pmDoc = _renderDocument.pmDoc;

package/dist/types/render-document.d.ts

@@ -22,5 +22,6 @@ export interface ResultWithTime<T> {
 type DispatchAnalyticsEvent = (event: AnalyticsEventPayload) => void;
 export declare const renderDocument: <T>(doc: any, serializer: Serializer<T>, schema?: Schema, adfStage?: ADFStage, useSpecBasedValidator?: boolean, rendererId?: string, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking, appearance?: RendererAppearance, includeNodesCountInStats?: boolean, skipValidation?: boolean, validationOverrides?: {
     allowNestedTables?: boolean;
+    allowTableInPanel?: boolean;
 }) => RenderOutput<T | null>;
 export {};

package/dist/types-ts4.5/render-document.d.ts

@@ -22,5 +22,6 @@ export interface ResultWithTime<T> {
 type DispatchAnalyticsEvent = (event: AnalyticsEventPayload) => void;
 export declare const renderDocument: <T>(doc: any, serializer: Serializer<T>, schema?: Schema, adfStage?: ADFStage, useSpecBasedValidator?: boolean, rendererId?: string, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking, appearance?: RendererAppearance, includeNodesCountInStats?: boolean, skipValidation?: boolean, validationOverrides?: {
     allowNestedTables?: boolean;
+    allowTableInPanel?: boolean;
 }) => RenderOutput<T | null>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "131.2.1",
+	"version": "131.2.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,11 +44,11 @@
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.11.0",
 		"@atlaskit/editor-smart-link-draggable": "^0.5.0",
-		"@atlaskit/emoji": "^70.11.0",
+		"@atlaskit/emoji": "^70.14.0",
 		"@atlaskit/feature-gate-js-client": "^5.7.0",
 		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/link-datasource": "^5.4.0",
+		"@atlaskit/link-datasource": "^5.5.0",
 		"@atlaskit/link-extractors": "^2.7.0",
 		"@atlaskit/linking-common": "^9.12.0",
 		"@atlaskit/media-card": "^80.6.0",
@@ -61,8 +61,8 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/react-ufo": "^6.2.0",
-		"@atlaskit/smart-card": "^44.16.0",
+		"@atlaskit/react-ufo": "^6.4.0",
+		"@atlaskit/smart-card": "^44.18.0",
 		"@atlaskit/status": "^4.1.0",
 		"@atlaskit/task-decision": "^20.1.0",
 		"@atlaskit/theme": "^25.0.0",
@@ -80,7 +80,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.50.0",
+		"@atlaskit/editor-common": "^114.51.0",
 		"@atlaskit/link-provider": "^4.4.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"react": "^18.2.0",
@@ -94,7 +94,7 @@
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/editor-card-provider": "^6.8.0",
 		"@atlaskit/link-provider": "^4.4.0",
-		"@atlaskit/link-test-helpers": "^10.3.0",
+		"@atlaskit/link-test-helpers": "^10.4.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^41.2.0",