@atlaskit/renderer 136.0.6 → 136.1.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/renderer
 
+## 136.1.0
+
+### Minor Changes
+
+- [`94ab527fc5fbf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/94ab527fc5fbf) -
+  Remove lazy-loaded nodes from the renderer. All nodes are now imported synchronously and will not
+  be affected by preloading if your app uses it.
+
+## 136.0.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 136.0.6
 
 ### Patch Changes

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

@@ -179,12 +179,13 @@ var _table = _interopRequireDefault(require("./table"));
 var _tableCell = require("./tableCell");
 var _tableRow = _interopRequireDefault(require("./tableRow"));
 var _unknownBlock = _interopRequireDefault(require("./unknownBlock"));
+var _nodes = require("./nodes");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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" != (0, _typeof2.default)(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); } /* eslint-disable @atlaskit/editor/no-re-export */ // Mapping file
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
-
 var WindowedCodeBlock = exports.WindowedCodeBlock = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -515,7 +516,7 @@ var toReact = exports.toReact = function toReact(node, flags, nodeComponents
   }
 
   // Allowing custom components to override those provided in nodeToReact
-  var nodes = _objectSpread(_objectSpread({}, nodeToReact), nodeComponents);
+  var nodes = _objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_remove_react-loadable_renderer') ? _nodes.nodeToReact : nodeToReact), nodeComponents);
   if (node.type.name === 'codeBlock') {
     var _nodes$codeBlock;
     if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {

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

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nodeToReact = void 0;
+var _ui = require("@atlaskit/editor-common/ui");
+var _Expand = _interopRequireDefault(require("../../ui/Expand"));
+var _blockCard = _interopRequireDefault(require("./blockCard"));
+var _blockquote = _interopRequireDefault(require("./blockquote"));
+var _bodiedExtension = _interopRequireDefault(require("./bodiedExtension"));
+var _bodiedSyncBlock = _interopRequireDefault(require("./bodiedSyncBlock"));
+var _bulletList = _interopRequireDefault(require("./bulletList"));
+var _caption = _interopRequireDefault(require("./caption"));
+var _codeBlock = _interopRequireDefault(require("./codeBlock/codeBlock"));
+var _windowedCodeBlock = _interopRequireDefault(require("./codeBlock/windowedCodeBlock"));
+var _date = _interopRequireDefault(require("./date"));
+var _decisionItem = _interopRequireDefault(require("./decisionItem"));
+var _decisionList = _interopRequireDefault(require("./decisionList"));
+var _doc = _interopRequireDefault(require("./doc"));
+var _embedCard = _interopRequireDefault(require("./embedCard"));
+var _emoji = _interopRequireDefault(require("./emoji"));
+var _extension = _interopRequireDefault(require("./extension"));
+var _extensionFrame = _interopRequireDefault(require("./extensionFrame"));
+var _hardBreak = _interopRequireDefault(require("./hardBreak"));
+var _heading = _interopRequireDefault(require("./heading"));
+var _inlineCard = _interopRequireDefault(require("./inlineCard"));
+var _inlineExtension = _interopRequireDefault(require("./inlineExtension"));
+var _layoutColumn = _interopRequireDefault(require("./layoutColumn"));
+var _layoutSection = _interopRequireDefault(require("./layoutSection"));
+var _listItem = _interopRequireDefault(require("./listItem"));
+var _media = _interopRequireDefault(require("./media"));
+var _mediaGroup = _interopRequireDefault(require("./mediaGroup"));
+var _mediaInline = _interopRequireDefault(require("./mediaInline"));
+var _mediaSingle = _interopRequireDefault(require("./mediaSingle"));
+var _mention = _interopRequireDefault(require("./mention"));
+var _multiBodiedExtension = _interopRequireDefault(require("./multiBodiedExtension"));
+var _orderedList = _interopRequireDefault(require("./orderedList"));
+var _panel = _interopRequireDefault(require("./panel"));
+var _paragraph = _interopRequireDefault(require("./paragraph"));
+var _placeholder = _interopRequireDefault(require("./placeholder"));
+var _rule = _interopRequireDefault(require("./rule"));
+var _status = _interopRequireDefault(require("./status"));
+var _syncBlock = _interopRequireDefault(require("./syncBlock"));
+var _table = _interopRequireDefault(require("./table"));
+var _tableCell = require("./tableCell");
+var _tableRow = _interopRequireDefault(require("./tableRow"));
+var _taskItem = _interopRequireDefault(require("./taskItem"));
+var _taskList = _interopRequireDefault(require("./taskList"));
+var _unknownBlock = _interopRequireDefault(require("./unknownBlock"));
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+var nodeToReact = exports.nodeToReact = {
+  blockCard: _blockCard.default,
+  blockquote: _blockquote.default,
+  blockTaskItem: _taskItem.default,
+  bodiedExtension: _bodiedExtension.default,
+  bodiedSyncBlock: _bodiedSyncBlock.default,
+  bulletList: _bulletList.default,
+  caption: _caption.default,
+  codeBlock: _codeBlock.default,
+  date: _date.default,
+  decisionItem: _decisionItem.default,
+  decisionList: _decisionList.default,
+  doc: _doc.default,
+  embedCard: _embedCard.default,
+  emoji: _emoji.default,
+  expand: _Expand.default,
+  extension: _extension.default,
+  extensionFrame: _extensionFrame.default,
+  hardBreak: _hardBreak.default,
+  heading: _heading.default,
+  inlineCard: _inlineCard.default,
+  inlineExtension: _inlineExtension.default,
+  layoutColumn: _layoutColumn.default,
+  layoutSection: _layoutSection.default,
+  listItem: _listItem.default,
+  media: _media.default,
+  mediaGroup: _mediaGroup.default,
+  mediaInline: _mediaInline.default,
+  mediaSingle: _mediaSingle.default,
+  mention: _mention.default,
+  multiBodiedExtension: _multiBodiedExtension.default,
+  nestedExpand: _Expand.default,
+  orderedList: _orderedList.default,
+  panel: _panel.default,
+  panel_c1: _panel.default,
+  paragraph: _paragraph.default,
+  placeholder: _placeholder.default,
+  rule: _rule.default,
+  status: _status.default,
+  syncBlock: _syncBlock.default,
+  table: _table.default,
+  tableCell: _tableCell.TableCell,
+  tableHeader: _tableCell.TableHeader,
+  tableRow: _tableRow.default,
+  taskItem: _taskItem.default,
+  taskList: _taskList.default,
+  unknownBlock: _unknownBlock.default,
+  unsupportedBlock: _ui.UnsupportedBlock,
+  unsupportedInline: _ui.UnsupportedInline,
+  windowedCodeBlock: _windowedCodeBlock.default
+};

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

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

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

@@ -29,6 +29,8 @@ import UnknownBlock from './unknownBlock';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 
+import { nodeToReact as nodeToReactNew } from './nodes';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 const WindowedCodeBlock = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_renderer-node_WindowedCodeBlock" */
   './codeBlock/windowedCodeBlock').then(mod => mod.default),
@@ -192,7 +194,7 @@ export const toReact = (node, flags, nodeComponents
 
   // Allowing custom components to override those provided in nodeToReact
   const nodes = {
-    ...nodeToReact,
+    ...(isExperimentEnabled('platform_editor_remove_react-loadable_renderer') ? nodeToReactNew : nodeToReact),
     ...nodeComponents
   };
   if (node.type.name === 'codeBlock') {

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

@@ -0,0 +1,97 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import Expand from '../../ui/Expand';
+import BlockCard from './blockCard';
+import Blockquote from './blockquote';
+import BodiedExtension from './bodiedExtension';
+import BodiedSyncBlock from './bodiedSyncBlock';
+import BulletList from './bulletList';
+import Caption from './caption';
+import CodeBlock from './codeBlock/codeBlock';
+import WindowedCodeBlock from './codeBlock/windowedCodeBlock';
+import DateNode from './date';
+import DecisionItem from './decisionItem';
+import DecisionList from './decisionList';
+import Doc from './doc';
+import EmbedCard from './embedCard';
+import Emoji from './emoji';
+import Extension from './extension';
+import ExtensionFrame from './extensionFrame';
+import HardBreak from './hardBreak';
+import Heading from './heading';
+import InlineCard from './inlineCard';
+import InlineExtension from './inlineExtension';
+import LayoutColumn from './layoutColumn';
+import LayoutSection from './layoutSection';
+import ListItem from './listItem';
+import Media from './media';
+import MediaGroup from './mediaGroup';
+import MediaInline from './mediaInline';
+import MediaSingle from './mediaSingle';
+import Mention from './mention';
+import MultiBodiedExtension from './multiBodiedExtension';
+import OrderedList from './orderedList';
+import Panel from './panel';
+import Paragraph from './paragraph';
+import Placeholder from './placeholder';
+import Rule from './rule';
+import Status from './status';
+import SyncBlock from './syncBlock';
+import Table from './table';
+import { TableCell, TableHeader } from './tableCell';
+import TableRow from './tableRow';
+import TaskItem from './taskItem';
+import TaskList from './taskList';
+import UnknownBlock from './unknownBlock';
+export const nodeToReact = {
+  blockCard: BlockCard,
+  blockquote: Blockquote,
+  blockTaskItem: TaskItem,
+  bodiedExtension: BodiedExtension,
+  bodiedSyncBlock: BodiedSyncBlock,
+  bulletList: BulletList,
+  caption: Caption,
+  codeBlock: CodeBlock,
+  date: DateNode,
+  decisionItem: DecisionItem,
+  decisionList: DecisionList,
+  doc: Doc,
+  embedCard: EmbedCard,
+  emoji: Emoji,
+  expand: Expand,
+  extension: Extension,
+  extensionFrame: ExtensionFrame,
+  hardBreak: HardBreak,
+  heading: Heading,
+  inlineCard: InlineCard,
+  inlineExtension: InlineExtension,
+  layoutColumn: LayoutColumn,
+  layoutSection: LayoutSection,
+  listItem: ListItem,
+  media: Media,
+  mediaGroup: MediaGroup,
+  mediaInline: MediaInline,
+  mediaSingle: MediaSingle,
+  mention: Mention,
+  multiBodiedExtension: MultiBodiedExtension,
+  nestedExpand: Expand,
+  orderedList: OrderedList,
+  panel: Panel,
+  panel_c1: Panel,
+  paragraph: Paragraph,
+  placeholder: Placeholder,
+  rule: Rule,
+  status: Status,
+  syncBlock: SyncBlock,
+  table: Table,
+  tableCell: TableCell,
+  tableHeader: TableHeader,
+  tableRow: TableRow,
+  taskItem: TaskItem,
+  taskList: TaskList,
+  unknownBlock: UnknownBlock,
+  unsupportedBlock: UnsupportedBlock,
+  unsupportedInline: UnsupportedInline,
+  windowedCodeBlock: WindowedCodeBlock
+};

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

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

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

@@ -32,6 +32,8 @@ import UnknownBlock from './unknownBlock';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
 
+import { nodeToReact as nodeToReactNew } from './nodes';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 var WindowedCodeBlock = Loadable({
   loader: function loader() {
     return import( /* webpackChunkName: "@atlaskit-internal_renderer-node_WindowedCodeBlock" */
@@ -320,7 +322,7 @@ export var toReact = function toReact(node, flags, nodeComponents
   }
 
   // Allowing custom components to override those provided in nodeToReact
-  var nodes = _objectSpread(_objectSpread({}, nodeToReact), nodeComponents);
+  var nodes = _objectSpread(_objectSpread({}, isExperimentEnabled('platform_editor_remove_react-loadable_renderer') ? nodeToReactNew : nodeToReact), nodeComponents);
   if (node.type.name === 'codeBlock') {
     var _nodes$codeBlock;
     if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {

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

@@ -0,0 +1,97 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import Expand from '../../ui/Expand';
+import BlockCard from './blockCard';
+import Blockquote from './blockquote';
+import BodiedExtension from './bodiedExtension';
+import BodiedSyncBlock from './bodiedSyncBlock';
+import BulletList from './bulletList';
+import Caption from './caption';
+import CodeBlock from './codeBlock/codeBlock';
+import WindowedCodeBlock from './codeBlock/windowedCodeBlock';
+import DateNode from './date';
+import DecisionItem from './decisionItem';
+import DecisionList from './decisionList';
+import Doc from './doc';
+import EmbedCard from './embedCard';
+import Emoji from './emoji';
+import Extension from './extension';
+import ExtensionFrame from './extensionFrame';
+import HardBreak from './hardBreak';
+import Heading from './heading';
+import InlineCard from './inlineCard';
+import InlineExtension from './inlineExtension';
+import LayoutColumn from './layoutColumn';
+import LayoutSection from './layoutSection';
+import ListItem from './listItem';
+import Media from './media';
+import MediaGroup from './mediaGroup';
+import MediaInline from './mediaInline';
+import MediaSingle from './mediaSingle';
+import Mention from './mention';
+import MultiBodiedExtension from './multiBodiedExtension';
+import OrderedList from './orderedList';
+import Panel from './panel';
+import Paragraph from './paragraph';
+import Placeholder from './placeholder';
+import Rule from './rule';
+import Status from './status';
+import SyncBlock from './syncBlock';
+import Table from './table';
+import { TableCell, TableHeader } from './tableCell';
+import TableRow from './tableRow';
+import TaskItem from './taskItem';
+import TaskList from './taskList';
+import UnknownBlock from './unknownBlock';
+export var nodeToReact = {
+  blockCard: BlockCard,
+  blockquote: Blockquote,
+  blockTaskItem: TaskItem,
+  bodiedExtension: BodiedExtension,
+  bodiedSyncBlock: BodiedSyncBlock,
+  bulletList: BulletList,
+  caption: Caption,
+  codeBlock: CodeBlock,
+  date: DateNode,
+  decisionItem: DecisionItem,
+  decisionList: DecisionList,
+  doc: Doc,
+  embedCard: EmbedCard,
+  emoji: Emoji,
+  expand: Expand,
+  extension: Extension,
+  extensionFrame: ExtensionFrame,
+  hardBreak: HardBreak,
+  heading: Heading,
+  inlineCard: InlineCard,
+  inlineExtension: InlineExtension,
+  layoutColumn: LayoutColumn,
+  layoutSection: LayoutSection,
+  listItem: ListItem,
+  media: Media,
+  mediaGroup: MediaGroup,
+  mediaInline: MediaInline,
+  mediaSingle: MediaSingle,
+  mention: Mention,
+  multiBodiedExtension: MultiBodiedExtension,
+  nestedExpand: Expand,
+  orderedList: OrderedList,
+  panel: Panel,
+  panel_c1: Panel,
+  paragraph: Paragraph,
+  placeholder: Placeholder,
+  rule: Rule,
+  status: Status,
+  syncBlock: SyncBlock,
+  table: Table,
+  tableCell: TableCell,
+  tableHeader: TableHeader,
+  tableRow: TableRow,
+  taskItem: TaskItem,
+  taskList: TaskList,
+  unknownBlock: UnknownBlock,
+  unsupportedBlock: UnsupportedBlock,
+  unsupportedInline: UnsupportedInline,
+  windowedCodeBlock: WindowedCodeBlock
+};

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

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

package/dist/types/react/nodes/nodes.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+export declare const nodeToReact: {
+    [key: string]: React.ComponentType<React.PropsWithChildren<any>>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "136.0.6",
+	"version": "136.1.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -69,7 +69,7 @@
 		"@atlaskit/status": "^5.8.0",
 		"@atlaskit/task-decision": "^21.8.0",
 		"@atlaskit/theme": "^28.0.0",
-		"@atlaskit/tmp-editor-statsig": "^149.0.0",
+		"@atlaskit/tmp-editor-statsig": "^150.0.0",
 		"@atlaskit/tokens": "^16.7.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/visually-hidden": "^4.2.0",
@@ -108,8 +108,8 @@
 		"@atlaskit/profilecard": "^26.18.0",
 		"@atlaskit/side-nav-items": "^2.3.0",
 		"@atlaskit/util-data-test": "^19.1.0",
-		"@atlassian/a11y-jest-testing": "^0.15.0",
-		"@atlassian/a11y-playwright-testing": "^0.10.0",
+		"@atlassian/a11y-jest-testing": "^0.16.0",
+		"@atlassian/a11y-playwright-testing": "^0.11.0",
 		"@atlassian/experiment-test-utils": "^0.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/structured-docs-types": "workspace:^",