@atlaskit/renderer 112.7.3 → 112.7.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 112.7.5
+
+### Patch Changes
+
+- [#179610](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179610)
+  [`bd2c53ff5831b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bd2c53ff5831b) -
+  [ux] Bug fix to remove the hover state from all the nodes which are not required
+
+## 112.7.4
+
+### Patch Changes
+
+- [#178990](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178990)
+  [`99dddf300e09d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/99dddf300e09d) -
+  Removed internal re-exports and use more specific imports
+
 ## 112.7.3
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "ADFEncoder", {
 Object.defineProperty(exports, "AnnotationsWrapper", {
   enumerable: true,
   get: function get() {
-    return _ui.AnnotationsWrapper;
+    return _annotations.AnnotationsWrapper;
   }
 });
 Object.defineProperty(exports, "ReactRenderer", {
@@ -32,7 +32,7 @@ Object.defineProperty(exports, "ReactSerializer", {
 Object.defineProperty(exports, "RendererWithAnalytics", {
   enumerable: true,
   get: function get() {
-    return _ui.RendererWithAnalytics;
+    return _Renderer.RendererWithAnalytics;
   }
 });
 Object.defineProperty(exports, "TextSerializer", {
@@ -44,7 +44,7 @@ Object.defineProperty(exports, "TextSerializer", {
 Object.defineProperty(exports, "defaultNodeComponents", {
   enumerable: true,
   get: function get() {
-    return _Renderer.defaultNodeComponents;
+    return _nodes.nodeToReact;
   }
 });
 Object.defineProperty(exports, "renderDocument", {
@@ -56,7 +56,8 @@ Object.defineProperty(exports, "renderDocument", {
 var _react = _interopRequireDefault(require("./react"));
 var _text = _interopRequireDefault(require("./text"));
 var _Renderer = _interopRequireWildcard(require("./ui/Renderer"));
-var _ui = require("./ui");
+var _nodes = require("./react/nodes");
+var _annotations = require("./ui/annotations");
 var _utils = require("./utils");
 var _renderDocument = require("./render-document");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

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

@@ -129,6 +129,9 @@ var _border = _interopRequireDefault(require("./border"));
 var _confluenceInlineComment = _interopRequireDefault(require("./confluence-inline-comment"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Mapping file
+
 // Stage0
 
 var markToReact = exports.markToReact = {

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

@@ -182,7 +182,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /* eslint-disable @atlaskit/editor/no-re-export */ // Mapping file
 var WindowedCodeBlock = exports.WindowedCodeBlock = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NORMAL_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = void 0;
 exports.Renderer = Renderer;
-exports.defaultNodeComponents = exports.default = exports.__RendererClassComponent = exports.RendererWithAnalytics = void 0;
+exports.default = exports.__RendererClassComponent = exports.RendererWithAnalytics = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -50,7 +50,6 @@ var _rendererContext = require("../../renderer-context");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _ErrorBoundary = require("./ErrorBoundary");
 var _EditorMediaClientProvider = require("../../react/utils/EditorMediaClientProvider");
-var _nodes = require("../../react/nodes");
 var _countNodes = require("./count-nodes");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -64,13 +63,12 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "112.7.3";
+var packageVersion = "112.7.5";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
   contain: 'layout style inline-size'
 });
-var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 
 /**
  * Exported due to enzyme test reliance on this component.

package/dist/cjs/ui/annotations/element/mark.js

@@ -10,7 +10,6 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -26,7 +25,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
 var markStyles = function markStyles() {
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true']),\n\t\t&:hover:not(:focus) {\n\t\t\t", "\n\t\t}\n\t}\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? (0, _styles.AnnotationSharedCSSByState)().common : '', (0, _styles.AnnotationSharedCSSByState)().blur, (0, _styles.AnnotationSharedCSSByState)().focus, (0, _styles.AnnotationSharedCSSByState)().hover);
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true'])\n\t\t{\n\t\t\t", "\n\t\t\t}\n\t}\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? (0, _styles.AnnotationSharedCSSByState)().common : '', (0, _styles.AnnotationSharedCSSByState)().blur, (0, _styles.AnnotationSharedCSSByState)().focus, (0, _platformFeatureFlags.fg)('confluence-frontend-comments-panel') ? (0, _styles.AnnotationSharedCSSByState)().hover : '');
 };
 var isMobile = function isMobile() {
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
@@ -62,7 +61,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
     isHovered = _ref.isHovered,
     onClick = _ref.onClick,
     useBlockLevel = _ref.useBlockLevel;
-  var isInlineCommentsKbAccessible = _featureGateJsClient.default.checkGate('inline_comments_keyboard_accessible_renderer');
+  var isInlineCommentsKbAccessible = (0, _platformFeatureFlags.fg)('inline_comments_keyboard_accessible_renderer');
   var intl = (0, _reactIntlNext.useIntl)();
   var annotationIds = (0, _react.useMemo)(function () {
     return (0, _toConsumableArray2.default)(new Set([].concat((0, _toConsumableArray2.default)(annotationParentIds), [id])));

package/dist/es2019/i18n/index.js

@@ -1,3 +1,6 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
 /**
  * NOTE:
  *

package/dist/es2019/index.js

@@ -3,7 +3,8 @@
 
 export { default as ReactSerializer } from './react';
 export { default as TextSerializer } from './text';
-export { default as ReactRenderer, defaultNodeComponents } from './ui/Renderer';
-export { RendererWithAnalytics, AnnotationsWrapper } from './ui';
+export { default as ReactRenderer, RendererWithAnalytics } from './ui/Renderer';
+export { nodeToReact as defaultNodeComponents } from './react/nodes';
+export { AnnotationsWrapper } from './ui/annotations';
 export { ADFEncoder } from './utils';
 export { renderDocument } from './render-document';

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

@@ -1,3 +1,6 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Mapping file
+
 import Code from './code';
 import Em from './em';
 import Link from './link';

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

@@ -1,3 +1,6 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Mapping file
+
 import Loadable from 'react-loadable';
 import Blockquote from './blockquote';
 import BodiedExtension from './bodiedExtension';

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

@@ -40,18 +40,16 @@ import { useRendererContext, RendererContextProvider } from '../../renderer-cont
 import memoizeOne from 'memoize-one';
 import { ErrorBoundary } from './ErrorBoundary';
 import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientProvider';
-import { nodeToReact } from '../../react/nodes';
 import { countNodes } from './count-nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "112.7.3";
+const packageVersion = "112.7.5";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
   contain: 'layout style inline-size'
 });
-export const defaultNodeComponents = nodeToReact;
 
 /**
  * Exported due to enzyme test reliance on this component.

package/dist/es2019/ui/annotations/element/mark.js

@@ -6,7 +6,6 @@
 import { useMemo, useCallback } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -27,10 +26,10 @@ const markStyles = () => css`
 			&[data-has-focus='true'] {
 			${AnnotationSharedCSSByState().focus}
 		}
-		&[data-is-hovered='true']:not([data-has-focus='true']),
-		&:hover:not(:focus) {
-			${AnnotationSharedCSSByState().hover}
-		}
+		&[data-is-hovered='true']:not([data-has-focus='true'])
+		{
+			${fg('confluence-frontend-comments-panel') ? AnnotationSharedCSSByState().hover : ''}
+			}
 	}
 `;
 const isMobile = () => {
@@ -66,7 +65,7 @@ export const MarkComponent = ({
   onClick,
   useBlockLevel
 }) => {
-  const isInlineCommentsKbAccessible = FeatureGates.checkGate('inline_comments_keyboard_accessible_renderer');
+  const isInlineCommentsKbAccessible = fg('inline_comments_keyboard_accessible_renderer');
   const intl = useIntl();
   const annotationIds = useMemo(() => [...new Set([...annotationParentIds, id])], [id, annotationParentIds]);
   const onMarkClick = useCallback(event => {

package/dist/esm/i18n/index.js

@@ -1,3 +1,6 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
 /**
  * NOTE:
  *

package/dist/esm/index.js

@@ -3,7 +3,8 @@
 
 export { default as ReactSerializer } from './react';
 export { default as TextSerializer } from './text';
-export { default as ReactRenderer, defaultNodeComponents } from './ui/Renderer';
-export { RendererWithAnalytics, AnnotationsWrapper } from './ui';
+export { default as ReactRenderer, RendererWithAnalytics } from './ui/Renderer';
+export { nodeToReact as defaultNodeComponents } from './react/nodes';
+export { AnnotationsWrapper } from './ui/annotations';
 export { ADFEncoder } from './utils';
 export { renderDocument } from './render-document';

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

@@ -1,3 +1,6 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Mapping file
+
 import Code from './code';
 import Em from './em';
 import Link from './link';

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

@@ -1,6 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Mapping file
+
 import Loadable from 'react-loadable';
 import Blockquote from './blockquote';
 import BodiedExtension from './bodiedExtension';

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

@@ -49,18 +49,16 @@ import { useRendererContext, RendererContextProvider } from '../../renderer-cont
 import memoizeOne from 'memoize-one';
 import { ErrorBoundary } from './ErrorBoundary';
 import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientProvider';
-import { nodeToReact } from '../../react/nodes';
 import { countNodes } from './count-nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "112.7.3";
+var packageVersion = "112.7.5";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
   contain: 'layout style inline-size'
 });
-export var defaultNodeComponents = nodeToReact;
 
 /**
  * Exported due to enzyme test reliance on this component.

package/dist/esm/ui/annotations/element/mark.js

@@ -12,7 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useMemo, useCallback } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -21,7 +20,7 @@ import { inlineCommentMessages } from '../../../messages';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
 var markStyles = function markStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true']),\n\t\t&:hover:not(:focus) {\n\t\t\t", "\n\t\t}\n\t}\n"])), AnnotationMarkStates.ACTIVE, fg('editor_inline_comments_on_inline_nodes') ? AnnotationSharedCSSByState().common : '', AnnotationSharedCSSByState().blur, AnnotationSharedCSSByState().focus, AnnotationSharedCSSByState().hover);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true'])\n\t\t{\n\t\t\t", "\n\t\t\t}\n\t}\n"])), AnnotationMarkStates.ACTIVE, fg('editor_inline_comments_on_inline_nodes') ? AnnotationSharedCSSByState().common : '', AnnotationSharedCSSByState().blur, AnnotationSharedCSSByState().focus, fg('confluence-frontend-comments-panel') ? AnnotationSharedCSSByState().hover : '');
 };
 var isMobile = function isMobile() {
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
@@ -57,7 +56,7 @@ export var MarkComponent = function MarkComponent(_ref) {
     isHovered = _ref.isHovered,
     onClick = _ref.onClick,
     useBlockLevel = _ref.useBlockLevel;
-  var isInlineCommentsKbAccessible = FeatureGates.checkGate('inline_comments_keyboard_accessible_renderer');
+  var isInlineCommentsKbAccessible = fg('inline_comments_keyboard_accessible_renderer');
   var intl = useIntl();
   var annotationIds = useMemo(function () {
     return _toConsumableArray(new Set([].concat(_toConsumableArray(annotationParentIds), [id])));

package/dist/types/index.d.ts

@@ -1,10 +1,11 @@
-export type { Serializer } from './serializer';
 export { default as ReactSerializer } from './react';
 export { default as TextSerializer } from './text';
-export { default as ReactRenderer, defaultNodeComponents } from './ui/Renderer';
-export { RendererWithAnalytics, AnnotationsWrapper } from './ui';
-export type { HeadingAnchorLinksProps, RendererAppearance, StickyHeaderProps, } from './ui/Renderer/types';
-export type { RendererProps, NodeComponentsProps } from './ui/renderer-props';
+export { default as ReactRenderer, RendererWithAnalytics } from './ui/Renderer';
+export { nodeToReact as defaultNodeComponents } from './react/nodes';
+export { AnnotationsWrapper } from './ui/annotations';
+export type { Serializer } from './serializer';
+export type { HeadingAnchorLinksProps, RendererAppearance, StickyHeaderProps, NodeComponentsProps, } from './ui/Renderer/types';
+export type { RendererProps } from './ui/renderer-props';
 export type { RendererContext, NodeProps } from './react/types';
 export { ADFEncoder } from './utils';
 export { renderDocument } from './render-document';

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Fragment, Mark, Node } from '@atlaskit/editor-prosemirror/model';
-import type { Serializer } from '../';
+import type { Serializer } from '../serializer';
 import type { RendererAppearance, StickyHeaderConfig, HeadingAnchorLinksProps, NodeComponentsProps } from '../ui/Renderer/types';
 import type { AnalyticsEventPayload } from '../analytics/events';
 import type { TextWrapper } from './nodes';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Mark as PMMark, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';
-import type { Serializer } from '../..';
+import type { Serializer } from '../../serializer';
 import type { ExtensionLayout } from '@atlaskit/adf-schema';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';

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

@@ -6,7 +6,7 @@
 import { jsx } from '@emotion/react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';
-import type { Serializer } from '../..';
+import type { Serializer } from '../../serializer';
 import type { ExtensionLayout } from '@atlaskit/adf-schema';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';

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

@@ -6,7 +6,7 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import type { Mark as PMMark, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';
-import type { Serializer } from '../..';
+import type { Serializer } from '../../serializer';
 import type { ExtensionLayout } from '@atlaskit/adf-schema';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';

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

@@ -4,7 +4,7 @@ import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { AnalyticsEventPayload } from '../analytics/events';
-import type { Serializer } from '../index';
+import type { Serializer } from '../serializer';
 import type { RendererAppearance, HeadingAnchorLinksProps } from '../ui/Renderer/types';
 import type { AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
 export interface RendererContext {

package/dist/types/ui/Renderer/index.d.ts

@@ -4,11 +4,9 @@
  */
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
-import type { NodeComponentsProps } from './types';
 import type { RendererProps } from '../renderer-props';
 export declare const NORMAL_SEVERITY_THRESHOLD = 2000;
 export declare const DEGRADED_SEVERITY_THRESHOLD = 3000;
-export declare const defaultNodeComponents: NodeComponentsProps;
 /**
  * Exported due to enzyme test reliance on this component.
  */

package/dist/types/ui/renderer-props.d.ts

@@ -15,7 +15,6 @@ import type { MediaOptions } from '../types/mediaOptions';
 import type { SmartLinksOptions } from '../types/smartLinksOptions';
 import type { DocNode } from '@atlaskit/adf-schema';
 import type { TextHighlighter } from '../react/types';
-export type { NodeComponentsProps } from './Renderer/types';
 interface RawObjectFeatureFlags {
     ['renderer-render-tracking']: string;
 }
@@ -112,3 +111,4 @@ export interface RendererProps {
     UNSTABLE_allowTableAlignment?: boolean;
     UNSTABLE_allowTableResizing?: boolean;
 }
+export {};

package/dist/types-ts4.5/index.d.ts

@@ -1,10 +1,11 @@
-export type { Serializer } from './serializer';
 export { default as ReactSerializer } from './react';
 export { default as TextSerializer } from './text';
-export { default as ReactRenderer, defaultNodeComponents } from './ui/Renderer';
-export { RendererWithAnalytics, AnnotationsWrapper } from './ui';
-export type { HeadingAnchorLinksProps, RendererAppearance, StickyHeaderProps, } from './ui/Renderer/types';
-export type { RendererProps, NodeComponentsProps } from './ui/renderer-props';
+export { default as ReactRenderer, RendererWithAnalytics } from './ui/Renderer';
+export { nodeToReact as defaultNodeComponents } from './react/nodes';
+export { AnnotationsWrapper } from './ui/annotations';
+export type { Serializer } from './serializer';
+export type { HeadingAnchorLinksProps, RendererAppearance, StickyHeaderProps, NodeComponentsProps, } from './ui/Renderer/types';
+export type { RendererProps } from './ui/renderer-props';
 export type { RendererContext, NodeProps } from './react/types';
 export { ADFEncoder } from './utils';
 export { renderDocument } from './render-document';

package/dist/types-ts4.5/react/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Fragment, Mark, Node } from '@atlaskit/editor-prosemirror/model';
-import type { Serializer } from '../';
+import type { Serializer } from '../serializer';
 import type { RendererAppearance, StickyHeaderConfig, HeadingAnchorLinksProps, NodeComponentsProps } from '../ui/Renderer/types';
 import type { AnalyticsEventPayload } from '../analytics/events';
 import type { TextWrapper } from './nodes';

package/dist/types-ts4.5/react/nodes/bodiedExtension.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Mark as PMMark, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';
-import type { Serializer } from '../..';
+import type { Serializer } from '../../serializer';
 import type { ExtensionLayout } from '@atlaskit/adf-schema';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';

package/dist/types-ts4.5/react/nodes/extensionFrame.d.ts

@@ -6,7 +6,7 @@
 import { jsx } from '@emotion/react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';
-import type { Serializer } from '../..';
+import type { Serializer } from '../../serializer';
 import type { ExtensionLayout } from '@atlaskit/adf-schema';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';

package/dist/types-ts4.5/react/nodes/multiBodiedExtension.d.ts

@@ -6,7 +6,7 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import type { Mark as PMMark, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererContext } from '../types';
-import type { Serializer } from '../..';
+import type { Serializer } from '../../serializer';
 import type { ExtensionLayout } from '@atlaskit/adf-schema';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';

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

@@ -4,7 +4,7 @@ import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { AnalyticsEventPayload } from '../analytics/events';
-import type { Serializer } from '../index';
+import type { Serializer } from '../serializer';
 import type { RendererAppearance, HeadingAnchorLinksProps } from '../ui/Renderer/types';
 import type { AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
 export interface RendererContext {

package/dist/types-ts4.5/ui/Renderer/index.d.ts

@@ -4,11 +4,9 @@
  */
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
-import type { NodeComponentsProps } from './types';
 import type { RendererProps } from '../renderer-props';
 export declare const NORMAL_SEVERITY_THRESHOLD = 2000;
 export declare const DEGRADED_SEVERITY_THRESHOLD = 3000;
-export declare const defaultNodeComponents: NodeComponentsProps;
 /**
  * Exported due to enzyme test reliance on this component.
  */

package/dist/types-ts4.5/ui/renderer-props.d.ts

@@ -15,7 +15,6 @@ import type { MediaOptions } from '../types/mediaOptions';
 import type { SmartLinksOptions } from '../types/smartLinksOptions';
 import type { DocNode } from '@atlaskit/adf-schema';
 import type { TextHighlighter } from '../react/types';
-export type { NodeComponentsProps } from './Renderer/types';
 interface RawObjectFeatureFlags {
     ['renderer-render-tracking']: string;
 }
@@ -112,3 +111,4 @@ export interface RendererProps {
     UNSTABLE_allowTableAlignment?: boolean;
     UNSTABLE_allowTableResizing?: boolean;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "112.7.3",
+	"version": "112.7.5",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
 		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/link-datasource": "^3.15.0",
 		"@atlaskit/media-card": "^78.15.0",
-		"@atlaskit/media-client": "^28.5.0",
+		"@atlaskit/media-client": "^28.6.0",
 		"@atlaskit/media-client-react": "^2.4.0",
 		"@atlaskit/media-common": "^11.7.0",
 		"@atlaskit/media-filmstrip": "^48.1.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/status": "^1.8.0",
 		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.26.0",
+		"@atlaskit/tmp-editor-statsig": "^2.27.0",
 		"@atlaskit/tokens": "^2.4.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -161,6 +161,12 @@
 		},
 		"platform_editor_nested_tables_renderer_styles": {
 			"type": "boolean"
+		},
+		"inline_comments_keyboard_accessible_renderer": {
+			"type": "boolean"
+		},
+		"confluence-frontend-comments-panel": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {

package/dist/cjs/ui/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AnnotationsWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _annotations.AnnotationsWrapper;
-  }
-});
-Object.defineProperty(exports, "Renderer", {
-  enumerable: true,
-  get: function get() {
-    return _Renderer.default;
-  }
-});
-Object.defineProperty(exports, "RendererWithAnalytics", {
-  enumerable: true,
-  get: function get() {
-    return _Renderer.RendererWithAnalytics;
-  }
-});
-var _Renderer = _interopRequireWildcard(require("./Renderer"));
-var _annotations = require("./annotations/");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/es2019/ui/index.js

@@ -1,2 +0,0 @@
-export { default as Renderer, RendererWithAnalytics } from './Renderer';
-export { AnnotationsWrapper } from './annotations/';

package/dist/esm/ui/index.js

@@ -1,2 +0,0 @@
-export { default as Renderer, RendererWithAnalytics } from './Renderer';
-export { AnnotationsWrapper } from './annotations/';

package/dist/types/ui/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Renderer, RendererWithAnalytics } from './Renderer';
-export { AnnotationsWrapper } from './annotations/';

package/dist/types-ts4.5/ui/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Renderer, RendererWithAnalytics } from './Renderer';
-export { AnnotationsWrapper } from './annotations/';