@atlaskit/editor-ssr-renderer 2.1.1 → 2.1.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-ssr-renderer
 
+## 2.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.1.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.1.1
 
 ### Patch Changes

package/dist/cjs/editor-ssr-renderer/EditorSSRRenderer.js

@@ -20,6 +20,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _excluded = ["plugins", "schema", "doc", "portalProviderAPI", "intl", "onEditorStateChanged"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -377,13 +378,17 @@ function EditorSSRRenderer(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     id: divProps.id
+    // For some reason on SSR, the result `class` has a trailing space, that broke UFO,
+    // because ReactEditorView produces a div with `class` without space.
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: divProps.className,
+    className: divProps.className.trim(),
     "aria-label": divProps['aria-label'],
     "aria-describedby": divProps['aria-describedby'],
     "data-editor-id": divProps['data-editor-id'],
     "data-vc-ignore-if-no-layout-shift": true,
+    "data-ssr-placeholder": (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
+    "data-ssr-placeholder-replace": (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
     "aria-multiline": true,
     role: "textbox"
     // @ts-expect-error - contenteditable is not exist in div attributes

package/dist/es2019/editor-ssr-renderer/EditorSSRRenderer.js

@@ -4,6 +4,7 @@ import { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { EventDispatcher, createDispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 // The copy of type from prosemirror-view.
 // Probably, we need to fix this package exports and add `NodeViewConstructor` and `MarkViewConstructor` types here.
@@ -286,13 +287,17 @@ export function EditorSSRRenderer({
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     id: divProps.id
+    // For some reason on SSR, the result `class` has a trailing space, that broke UFO,
+    // because ReactEditorView produces a div with `class` without space.
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: divProps.className,
+    className: divProps.className.trim(),
     "aria-label": divProps['aria-label'],
     "aria-describedby": divProps['aria-describedby'],
     "data-editor-id": divProps['data-editor-id'],
     "data-vc-ignore-if-no-layout-shift": true,
+    "data-ssr-placeholder": expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
+    "data-ssr-placeholder-replace": expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
     "aria-multiline": true,
     role: "textbox"
     // @ts-expect-error - contenteditable is not exist in div attributes

package/dist/esm/editor-ssr-renderer/EditorSSRRenderer.js

@@ -17,6 +17,7 @@ import { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { EventDispatcher, createDispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 // The copy of type from prosemirror-view.
 // Probably, we need to fix this package exports and add `NodeViewConstructor` and `MarkViewConstructor` types here.
@@ -369,13 +370,17 @@ export function EditorSSRRenderer(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     id: divProps.id
+    // For some reason on SSR, the result `class` has a trailing space, that broke UFO,
+    // because ReactEditorView produces a div with `class` without space.
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: divProps.className,
+    className: divProps.className.trim(),
     "aria-label": divProps['aria-label'],
     "aria-describedby": divProps['aria-describedby'],
     "data-editor-id": divProps['data-editor-id'],
     "data-vc-ignore-if-no-layout-shift": true,
+    "data-ssr-placeholder": expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
+    "data-ssr-placeholder-replace": expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? 'editor-view' : undefined,
     "aria-multiline": true,
     role: "textbox"
     // @ts-expect-error - contenteditable is not exist in div attributes

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-ssr-renderer",
-	"version": "2.1.1",
+	"version": "2.1.3",
 	"description": "SSR Renderer based on Editor",
 	"author": "Atlassian Pty Ltd",
 	"atlassian": {
@@ -29,6 +29,7 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.5.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
+		"@atlaskit/tmp-editor-statsig": "^22.0.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},