@atlaskit/renderer 141.0.1 → 141.0.3

package/dist/cjs/ui/Expand.js

@@ -7,29 +7,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
 var _bindEventListener = require("bind-event-listener");
+var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
+var _reactIntl = require("react-intl");
 var _browserApis = require("@atlaskit/browser-apis");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
-var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _expandBody = require("./utils/expand-body");
-var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
-var _reactIntl = require("react-intl");
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _events = require("../analytics/events");
 var _activeHeaderIdProvider = require("./active-header-id-provider");
+var _expandBody = require("./utils/expand-body");
 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); }
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var titleStyles = (0, _react.css)({
+var titleStyles = (0, _react2.css)({
   outline: 'none',
   border: 'none',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -43,11 +44,11 @@ var titleStyles = (0, _react.css)({
   padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
   textAlign: 'left'
 });
-var titleStylesDense = (0, _react.css)({
+var titleStylesDense = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: 'var(--ak-renderer-base-font-size)'
 });
-var containerStyles = (0, _react.css)({
+var containerStyles = (0, _react2.css)({
   borderWidth: "var(--ds-border-width, 1px)",
   borderStyle: 'solid',
   borderColor: 'transparent',
@@ -67,21 +68,21 @@ var containerStyles = (0, _react.css)({
     marginTop: 0
   }
 });
-var containerStylesExpanded = (0, _react.css)({
+var containerStylesExpanded = (0, _react2.css)({
   background: "var(--ds-surface, #FFFFFF)",
   paddingBottom: "var(--ds-space-100, 8px)",
   borderColor: "var(--ds-border, #0B120E24)"
 });
-var containerStylesFocused = (0, _react.css)({
+var containerStylesFocused = (0, _react2.css)({
   borderColor: "var(--ds-border-focused, #4688EC)"
 });
-var containerStylesDataNodeTypeExpand = (0, _react.css)({
+var containerStylesDataNodeTypeExpand = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   marginLeft: "-".concat(_editorSharedStyles.akLayoutGutterOffset, "px"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
   marginRight: "-".concat(_editorSharedStyles.akLayoutGutterOffset, "px")
 });
-var titleContainerStyles = (0, _react.css)({
+var titleContainerStyles = (0, _react2.css)({
   display: 'flex',
   alignItems: 'flex-start',
   background: 'none',
@@ -97,7 +98,7 @@ var titleContainerStyles = (0, _react.css)({
     outline: 0
   }
 });
-var titleContainerStylesExpanded = (0, _react.css)({
+var titleContainerStylesExpanded = (0, _react2.css)({
   paddingBottom: "var(--ds-space-0, 0px)"
 });
 
@@ -106,7 +107,7 @@ var titleContainerStylesExpanded = (0, _react.css)({
 // hidden="until-found" on the DOM element, which applies content-visibility:hidden natively —
 // this hides the content while allowing browser Ctrl+F to index the text.
 // The visibility:hidden in CSS serves as an SSR fallback (useEffect doesn't run server-side).
-var contentContainerStyles = (0, _react.css)({
+var contentContainerStyles = (0, _react2.css)({
   paddingTop: "var(--ds-space-0, 0px)",
   marginLeft: "var(--ds-space-050, 4px)",
   paddingRight: "var(--ds-space-200, 16px)",
@@ -124,14 +125,14 @@ var contentContainerStyles = (0, _react.css)({
 // display:flow-root is applied only when browser find is not supported.
 // It must NOT be set when browser find is supported — it overrides the
 // content-visibility:hidden applied by hidden="until-found" and makes content visible.
-var contentContainerStylesFlowRoot = (0, _react.css)({
+var contentContainerStylesFlowRoot = (0, _react2.css)({
   display: 'flow-root'
 });
-var contentContainerStylesExpanded = (0, _react.css)({
+var contentContainerStylesExpanded = (0, _react2.css)({
   paddingTop: "var(--ds-space-100, 8px)",
   visibility: 'visible'
 });
-var contentContainerStylesNotExpanded = (0, _react.css)({
+var contentContainerStylesNotExpanded = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.expand-content-wrapper, .nestedExpand-content-wrapper': {
     /* We visually hide the content here to preserve the content during copy+paste */
@@ -156,14 +157,14 @@ var contentContainerStylesNotExpanded = (0, _react.css)({
 // Chrome does not need a selection, so it hid the problem. Nothing is lost by leaving it out —
 // content-visibility:hidden already makes a skipped subtree unselectable. It is only needed in the
 // other variant, where the content is merely clipped and would otherwise be selectable.
-var contentContainerStylesNotExpandedBrowserFind = (0, _react.css)({
+var contentContainerStylesNotExpandedBrowserFind = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.expand-content-wrapper, .nestedExpand-content-wrapper': {
     width: '100%',
     display: 'block'
   }
 });
-var clearNextSiblingMarginTopStyle = (0, _react.css)({
+var clearNextSiblingMarginTopStyle = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& + *': {
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
@@ -171,7 +172,7 @@ var clearNextSiblingMarginTopStyle = (0, _react.css)({
   }
 });
 var Container = function Container(props) {
-  return (0, _react.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: [containerStyles, props['data-node-type'] === 'expand' && containerStylesDataNodeTypeExpand, props.expanded && containerStylesExpanded, props.focused && containerStylesFocused],
     "data-testid": props['data-testid'],
     "data-node-type": props['data-node-type'],
@@ -184,7 +185,7 @@ var TitleContainer = function TitleContainer(props) {
   var expanded = props.expanded;
   return (
     // eslint-disable-next-line @atlaskit/design-system/no-html-button
-    (0, _react.jsx)("button", {
+    (0, _react2.jsx)("button", {
       type: "button",
       css: [titleContainerStyles, expanded && titleContainerStylesExpanded],
       onClick: props.onClick,
@@ -198,7 +199,7 @@ var TitleContainer = function TitleContainer(props) {
 };
 TitleContainer.displayName = 'TitleContainerButton';
 var ContentContainer = function ContentContainer(props) {
-  return (0, _react.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     ref: props.contentRef,
     css: [contentContainerStyles, !props.enableBrowserFind && contentContainerStylesFlowRoot, props.expanded && contentContainerStylesExpanded, !props.expanded && (props.enableBrowserFind ? contentContainerStylesNotExpandedBrowserFind : contentContainerStylesNotExpanded)]
   }, props.children);
@@ -236,7 +237,7 @@ function Expand(_ref) {
   //
   // Built on first render rather than passed to `useRef`, which would evaluate and discard a new set
   // on every render for the life of the expand.
-  var ownRevealedByFind = (0, _react2.useRef)(null);
+  var ownRevealedByFind = (0, _react.useRef)(null);
   if (!ownRevealedByFind.current) {
     ownRevealedByFind.current = new WeakSet();
   }
@@ -248,11 +249,11 @@ function Expand(_ref) {
    * render, so hydration cannot disagree; only a find on the client ever puts anything in it.
    */
   var revealedByFindOnMount = node !== undefined && revealedByFind.has(node);
-  var _useState = (0, _react2.useState)(revealedByFindOnMount),
+  var _useState = (0, _react.useState)(revealedByFindOnMount),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
-  var _useState3 = (0, _react2.useState)(false),
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     focused = _useState4[0],
     setFocused = _useState4[1];
@@ -263,32 +264,32 @@ function Expand(_ref) {
    * the first page load, and by now that has happened. Starts false on both the server and the
    * first client render, so hydration cannot disagree.
    */
-  var _useState5 = (0, _react2.useState)(revealedByFindOnMount),
+  var _useState5 = (0, _react.useState)(revealedByFindOnMount),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     hasBeenExpanded = _useState6[0],
     setHasBeenExpanded = _useState6[1];
   var isMobile = false;
   var label = intl.formatMessage(expanded ? _ui.expandMessages.collapseNode : _ui.expandMessages.expandNode);
-  var _useRef = (0, _react2.useRef)((0, _uniqueId2.default)('expand-title-')),
+  var _useRef = (0, _react.useRef)((0, _uniqueId2.default)('expand-title-')),
     id = _useRef.current;
-  var contentContainerRef = (0, _react2.useRef)(null);
-  var contentWrapperRef = (0, _react2.useRef)(null);
-  var handleFocus = (0, _react2.useCallback)(function () {
+  var contentContainerRef = (0, _react.useRef)(null);
+  var contentWrapperRef = (0, _react.useRef)(null);
+  var handleFocus = (0, _react.useCallback)(function () {
     return setFocused(true);
   }, []);
-  var handleBlur = (0, _react2.useCallback)(function () {
+  var handleBlur = (0, _react.useCallback)(function () {
     return setFocused(false);
   }, []);
   // Both state updates happen in the same handler so they land in one render, rather than the
   // latch reacting to `expanded` from an effect.
-  var openBody = (0, _react2.useCallback)(function () {
+  var openBody = (0, _react.useCallback)(function () {
     setExpanded(true);
     setHasBeenExpanded(true);
   }, []);
   // The browser found the text inside this expand. Opening this one is not enough: if it sits
   // inside other expands, those have to open too or the reader still cannot see it. Each expand
   // asks the one above it, so a single match opens the whole chain and nothing else.
-  var openWithAncestors = (0, _react2.useCallback)(function () {
+  var openWithAncestors = (0, _react.useCallback)(function () {
     // Remembered before anything opens: a block above this expand may have been standing in for
     // itself, and rendering it rebuilds this expand. Without this it would come back closed over
     // the match the reader was just taken to.
@@ -305,11 +306,11 @@ function Expand(_ref) {
   // Starts as `undefined`, meaning "we do not know yet", and is only answered in an effect. We
   // cannot check during render: the server has no browser to check, so it would say no there and
   // yes on the client, and hydration would disagree.
-  var _useState7 = (0, _react2.useState)(undefined),
+  var _useState7 = (0, _react.useState)(undefined),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     supportsHiddenUntilFound = _useState8[0],
     setSupportsHiddenUntilFound = _useState8[1];
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     var doc = (0, _browserApis.getDocument)();
     setSupportsHiddenUntilFound(doc !== null && doc !== void 0 && doc.body ? 'onbeforematch' in doc.body : false);
   }, []);
@@ -325,7 +326,7 @@ function Expand(_ref) {
   // Without it we skip this entirely and fall back to the normal CSS hiding
   // (visibility:hidden + height:0), which doesn't support find-in-page but still works
   // correctly for expand/collapse.
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     var contentContainer = contentContainerRef.current;
     var contentWrapper = contentWrapperRef.current;
     if (!contentWrapper) {
@@ -353,7 +354,7 @@ function Expand(_ref) {
       contentWrapper.style.visibility = '';
     }
   }, [expanded, supportsHiddenUntilFound]);
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     if (expanded) {
       return;
     }
@@ -376,17 +377,17 @@ function Expand(_ref) {
   //   would gain nothing. While we still do not know, we assume the browser has it — assuming the
   //   opposite would render the whole body on the first paint and lose the saving entirely.
   var revealed = expanded || hasBeenExpanded || !node || supportsHiddenUntilFound === false || !(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_defer_collapsed_expand_body');
-  var expandBody = (0, _react2.useMemo)(function () {
+  var expandBody = (0, _react.useMemo)(function () {
     return {
       revealed: revealed,
       openWithAncestors: openWithAncestors,
       revealedByFind: revealedByFind
     };
   }, [revealed, openWithAncestors, revealedByFind]);
-  var body = (0, _react.jsx)(_expandBody.ExpandBodyProvider, {
+  var body = (0, _react2.jsx)(_expandBody.ExpandBodyProvider, {
     value: expandBody
   }, children);
-  return (0, _react.jsx)(Container, {
+  return (0, _react2.jsx)(Container, {
     "data-testid": "expand-container-".concat(nodeType, "-").concat(id),
     "data-node-type": nodeType,
     "data-title": title,
@@ -394,10 +395,10 @@ function Expand(_ref) {
     "data-local-id": localId,
     expanded: expanded,
     focused: focused
-  }, nestedHeaderIds && nestedHeaderIds.length > 0 ? (0, _react.jsx)(_activeHeaderIdProvider.ActiveHeaderIdConsumer, {
+  }, nestedHeaderIds && nestedHeaderIds.length > 0 ? (0, _react2.jsx)(_activeHeaderIdProvider.ActiveHeaderIdConsumer, {
     nestedHeaderIds: nestedHeaderIds,
     onNestedHeaderIdMatch: openBody
-  }) : null, (0, _react.jsx)(TitleContainer
+  }) : null, (0, _react2.jsx)(TitleContainer
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
   , {
     onClick: function onClick(e) {
@@ -419,36 +420,36 @@ function Expand(_ref) {
     "aria-expanded": expanded,
     contentEditable: false,
     expanded: expanded
-  }, isMobile ? (0, _react.jsx)(_ui.ExpandIconWrapper, {
+  }, isMobile ? (0, _react2.jsx)(_ui.ExpandIconWrapper, {
     expanded: expanded
-  }, (0, _react.jsx)(_chevronRight.default, {
+  }, (0, _react2.jsx)(_chevronRight.default, {
     label: label,
     spacing: "spacious",
     size: "small"
-  })) : (0, _react.jsx)(_Tooltip.default, {
+  })) : (0, _react2.jsx)(_Tooltip.default, {
     content: label,
     position: "top"
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
     ,
     tag: _ui.ExpandLayoutWrapperWithRef,
     testId: 'tooltip'
-  }, (0, _react.jsx)(_ui.ExpandIconWrapper, {
+  }, (0, _react2.jsx)(_ui.ExpandIconWrapper, {
     expanded: expanded
-  }, (0, _react.jsx)(_chevronRight.default, {
+  }, (0, _react2.jsx)(_chevronRight.default, {
     label: label,
     spacing: "spacious",
     size: "small"
-  }))), (0, _react.jsx)("span", {
+  }))), (0, _react2.jsx)("span", {
     css: [titleStyles, rendererContentMode === 'compact' && titleStylesDense],
     id: id
-  }, title || intl.formatMessage(_ui.expandMessages.expandDefaultTitle))), (0, _react.jsx)(ContentContainer, {
+  }, title || intl.formatMessage(_ui.expandMessages.expandDefaultTitle))), (0, _react2.jsx)(ContentContainer, {
     expanded: expanded,
     enableBrowserFind: supportsHiddenUntilFound,
     contentRef: contentContainerRef
-  }, (0, _react.jsx)("div", {
+  }, (0, _react2.jsx)("div", {
     className: "".concat(nodeType, "-content-wrapper"),
     ref: contentWrapperRef
-  }, revealed ? (0, _react.jsx)(_ui.WidthProvider, null, (0, _react.jsx)("div", {
+  }, revealed ? (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
     css: clearNextSiblingMarginTopStyle
   }), body) : body)));
 }

package/dist/cjs/ui/ExtensionRenderer.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlineNodeRendererWrapper = void 0;
 exports.default = ExtensionRenderer;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
@@ -17,10 +17,12 @@ var _utils = require("@atlaskit/editor-common/utils");
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
+
 // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 
-var inlineExtensionStyle = (0, _react.css)({
+var inlineExtensionStyle = (0, _react2.css)({
   display: 'inline-block',
   maxWidth: '100%',
   verticalAlign: 'middle',
@@ -37,7 +39,7 @@ var inlineExtensionStyle = (0, _react.css)({
     maxWidth: '100%'
   }
 });
-var plainTextMacroStyle = (0, _react.css)({
+var plainTextMacroStyle = (0, _react2.css)({
   display: 'inline',
   verticalAlign: 'baseline',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -60,8 +62,8 @@ function ExtensionRenderer(props) {
     marks = props.marks,
     actions = props.actions,
     children = props.children;
-  var isMounted = _react2.default.useRef(true);
-  var localGetNodeRenderer = _react2.default.useMemo(function () {
+  var isMounted = _react.default.useRef(true);
+  var localGetNodeRenderer = _react.default.useMemo(function () {
     return (0, _memoizeOne.default)(_extensions.getNodeRenderer);
   }, []);
   /**
@@ -69,11 +71,11 @@ function ExtensionRenderer(props) {
    * undefined -> provider promise rejected (settled, no provider available)
    * <provider> -> provider promise resolved
    */
-  var _React$useState = _react2.default.useState(null),
+  var _React$useState = _react.default.useState(null),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     extensionProvider = _React$useState2[0],
     setExtensionProvider = _React$useState2[1];
-  var handleProvider = _react2.default.useCallback(function (_name, providerPromise) {
+  var handleProvider = _react.default.useCallback(function (_name, providerPromise) {
     providerPromise === null || providerPromise === void 0 || providerPromise.then(function (provider) {
       if (isMounted.current) {
         setExtensionProvider(provider);
@@ -85,7 +87,7 @@ function ExtensionRenderer(props) {
       }
     });
   }, []);
-  var renderExtensionNode = _react2.default.useCallback(function (extensionProvider, isExtensionProviderPending) {
+  var renderExtensionNode = _react.default.useCallback(function (extensionProvider, isExtensionProviderPending) {
     var _marks$find, _node$parameters;
     var fragmentLocalId = marks === null || marks === void 0 || (_marks$find = marks.find(function (m) {
       return m.type.name === 'fragment';
@@ -113,18 +115,18 @@ function ExtensionRenderer(props) {
       if (!result && extensionProvider) {
         var NodeRenderer = localGetNodeRenderer(extensionProvider, extensionType, extensionKey);
         if (node.type === 'multiBodiedExtension') {
-          result = (0, _react.jsx)(NodeRenderer, {
+          result = (0, _react2.jsx)(NodeRenderer, {
             node: node,
             actions: actions
           });
         } else if (node.type === 'inlineExtension') {
-          result = (0, _react.jsx)(InlineNodeRendererWrapper, {
+          result = (0, _react2.jsx)(InlineNodeRendererWrapper, {
             isPlainTextMacro: isPlainTextMacro
-          }, (0, _react.jsx)(NodeRenderer, {
+          }, (0, _react2.jsx)(NodeRenderer, {
             node: node
           }));
         } else {
-          result = (0, _react.jsx)(NodeRenderer, {
+          result = (0, _react2.jsx)(NodeRenderer, {
             node: node
           });
         }
@@ -139,13 +141,13 @@ function ExtensionRenderer(props) {
       result: result
     });
   }, [actions, children, getContent, extensionHandlers, extensionKey, extensionType, localGetNodeRenderer, localId, marks, parameters, rendererContext === null || rendererContext === void 0 ? void 0 : rendererContext.adDoc, text, type]);
-  var setupAndRenderExtensionNode = _react2.default.useCallback(function (providers) {
+  var setupAndRenderExtensionNode = _react.default.useCallback(function (providers) {
     if (extensionProvider === null && providers.extensionProvider) {
       handleProvider('extensionProvider', providers.extensionProvider);
     }
     return renderExtensionNode(extensionProvider, Boolean(providers.extensionProvider) && extensionProvider === null);
   }, [extensionProvider, handleProvider, renderExtensionNode]);
-  _react2.default.useEffect(function () {
+  _react.default.useEffect(function () {
     isMounted.current = true;
     return function () {
       isMounted.current = false;
@@ -154,7 +156,7 @@ function ExtensionRenderer(props) {
   if (!props.providers) {
     return setupAndRenderExtensionNode({});
   }
-  return (0, _react.jsx)(_providerFactory.WithProviders
+  return (0, _react2.jsx)(_providerFactory.WithProviders
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
   , {
     providers: ['extensionProvider'],
@@ -167,7 +169,7 @@ var InlineNodeRendererWrapper = exports.InlineNodeRendererWrapper = function Inl
     isPlainTextMacro = _ref.isPlainTextMacro,
     ssrPlaceholder = _ref.ssrPlaceholder,
     ssrPlaceholderReplace = _ref.ssrPlaceholderReplace;
-  return (0, _react.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "inline-extension-renderer ".concat(isPlainTextMacro ? 'plain-text-macro' : ''),
     css: [inlineExtensionStyle, isPlainTextMacro && plainTextMacroStyle],

package/dist/cjs/ui/MediaCard.js

@@ -17,15 +17,15 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _traverse = require("@atlaskit/adf-utils/traverse");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _utils = require("@atlaskit/editor-common/utils");
+var _cardError = require("@atlaskit/media-card/cardError");
 var _cardLoader = _interopRequireDefault(require("@atlaskit/media-card/cardLoader"));
-var _cardSync = _interopRequireDefault(require("@atlaskit/media-card/cardSync"));
 var _cardLoading = require("@atlaskit/media-card/cardLoading");
-var _cardError = require("@atlaskit/media-card/cardError");
+var _cardSync = _interopRequireDefault(require("@atlaskit/media-card/cardSync"));
 var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
-var _utils = require("@atlaskit/editor-common/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
-var _analytics = require("@atlaskit/editor-common/analytics");
 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 _t4 in e) "default" !== _t4 && {}.hasOwnProperty.call(e, _t4) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t4)) && (i.get || i.set) ? o(f, _t4, i) : f[_t4] = e[_t4]); 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; }
 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; }

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

@@ -12,8 +12,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
 var _types = require("@atlaskit/analytics-listeners/types");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _events = require("../../analytics/events");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }

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

@@ -7,29 +7,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.textHighlightPaddingStyles = exports.RendererStyleContainer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _style = require("./style");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _consts = require("../../consts");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _mediaInline = require("@atlaskit/editor-common/media-inline");
-var _headingAnchor = require("../../react/nodes/heading-anchor");
-var _styles = require("@atlaskit/editor-common/styles");
 var _bulletList = require("@atlaskit/adf-schema/bullet-list");
 var _orderedList = require("@atlaskit/adf-schema/ordered-list");
-var _ui = require("@atlaskit/editor-common/ui");
 var _browser = require("@atlaskit/editor-common/browser");
-var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
-var _table = require("../../react/nodes/table");
-var _table2 = require("@atlaskit/editor-common/table");
-var _lightWeightCodeBlock = require("../../react/nodes/codeBlock/components/lightWeightCodeBlock");
-var _ugcTokens = require("@atlaskit/editor-common/ugc-tokens");
-var _getBaseFontSize = require("./get-base-font-size");
 var _emoji = require("@atlaskit/editor-common/emoji");
+var _mediaInline = require("@atlaskit/editor-common/media-inline");
+var _styles = require("@atlaskit/editor-common/styles");
+var _syncBlock = require("@atlaskit/editor-common/sync-block");
+var _table = require("@atlaskit/editor-common/table");
+var _ugcTokens = require("@atlaskit/editor-common/ugc-tokens");
+var _ui = require("@atlaskit/editor-common/ui");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
+var _consts = require("../../consts");
+var _lightWeightCodeBlock = require("../../react/nodes/codeBlock/components/lightWeightCodeBlock");
+var _headingAnchor = require("../../react/nodes/heading-anchor");
+var _table2 = require("../../react/nodes/table");
 var _collapsibleHeadingsDom = require("../collapsible-headings-dom");
+var _getBaseFontSize = require("./get-base-font-size");
+var _style = require("./style");
 var _css0, _$concat3, _$concat5;
 /* eslint-disable @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
@@ -1797,15 +1797,15 @@ var rendererTableSortableColumnStyles = (0, _react.css)((0, _defineProperty2.def
   }
 }), "> .".concat(_consts.RendererCssClassName.SORTABLE_COLUMN, " > .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER), (0, _defineProperty2.default)({
   margin: 0
-}, ".".concat(_table2.SORTABLE_COLUMN_ICON_CLASSNAME), {
+}, ".".concat(_table.SORTABLE_COLUMN_ICON_CLASSNAME), {
   opacity: 1,
   transition: "opacity 0.2s ease-in-out"
-})), "> .".concat(_consts.RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), (0, _defineProperty2.default)({}, ".".concat(_table2.SORTABLE_COLUMN_ICON_CLASSNAME), {
+})), "> .".concat(_consts.RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), (0, _defineProperty2.default)({}, ".".concat(_table.SORTABLE_COLUMN_ICON_CLASSNAME), {
   opacity: 0,
   '&:focus': {
     opacity: 1
   }
-})), "&:hover:not(\n\t\t\t\t\t\t\t:has(\n\t\t\t\t\t\t\t\t\t.".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER, "\n\t\t\t\t\t\t\t\t\t\t.").concat(_consts.RendererCssClassName.SORTABLE_COLUMN, ":hover\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), (0, _defineProperty2.default)({}, ".".concat(_table2.SORTABLE_COLUMN_ICON_CLASSNAME), {
+})), "&:hover:not(\n\t\t\t\t\t\t\t:has(\n\t\t\t\t\t\t\t\t\t.".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER, "\n\t\t\t\t\t\t\t\t\t\t.").concat(_consts.RendererCssClassName.SORTABLE_COLUMN, ":hover\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN, "\n\t\t\t\t\t\t> .").concat(_consts.RendererCssClassName.SORTABLE_COLUMN_NO_ORDER), (0, _defineProperty2.default)({}, ".".concat(_table.SORTABLE_COLUMN_ICON_CLASSNAME), {
   opacity: 1
 }))))));
 
@@ -2278,7 +2278,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
   var isPreviewPanelResponsivenessOn = (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   });
-  var isStickyScrollbarOn = (0, _table.isStickyScrollbarEnabled)(appearance);
+  var isStickyScrollbarOn = (0, _table2.isStickyScrollbarEnabled)(appearance);
   var baseFontSize = (0, _getBaseFontSize.getBaseFontSize)(appearance, contentMode);
   var browser = (0, _browser.getBrowserInfo)();
   return (0, _react.jsx)("div", {
@@ -2298,7 +2298,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
       '--ak-renderer-editor-font-small-text': _ugcTokens.editorUGCTokensRefreshed['editor.font.body.small']
     },
-    css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_heading_link_target_size') && headingAnchorWrapperTargetSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
+    css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table2.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_heading_link_target_size') && headingAnchorWrapperTargetSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _fg.fg)('editor_inline_comments_on_inline_nodes') && ((0, _expValEquals.expValEquals)('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning

package/dist/cjs/ui/Renderer/breakout-ssr.js

@@ -9,8 +9,8 @@ exports.calcLineLength = exports.breakoutInlineScriptContext = void 0;
 exports.createBreakoutInlineScript = createBreakoutInlineScript;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@atlaskit/editor-common/utils");
-var _style = require("./style");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _style = require("./style");
 /* eslint-disable jsdoc/require-jsdoc -- SSR inline script helpers */
 
 /**