@atlaskit/renderer 115.0.0 → 115.0.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/renderer
 
+## 115.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 115.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 115.0.0
 
 ### Minor Changes

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

@@ -633,7 +633,7 @@ var shouldRenderTableWithCSSWidth = function shouldRenderTableWithCSSWidth(layou
 var TableWithWidth = function TableWithWidth(props) {
   var _props$tableNode$attr, _props$tableNode, _props$tableNode2;
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  if (shouldRenderTableWithCSSWidth((_props$tableNode$attr = (_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 || (_props$tableNode = _props$tableNode.attrs) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.layout) !== null && _props$tableNode$attr !== void 0 ? _props$tableNode$attr : '', (_props$tableNode2 = props.tableNode) === null || _props$tableNode2 === void 0 || (_props$tableNode2 = _props$tableNode2.attrs) === null || _props$tableNode2 === void 0 ? void 0 : _props$tableNode2.width) && (0, _platformFeatureFlags.fg)('platform-ssr-table-resize')) {
+  if ((shouldRenderTableWithCSSWidth((_props$tableNode$attr = (_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 || (_props$tableNode = _props$tableNode.attrs) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.layout) !== null && _props$tableNode$attr !== void 0 ? _props$tableNode$attr : '', (_props$tableNode2 = props.tableNode) === null || _props$tableNode2 === void 0 || (_props$tableNode2 = _props$tableNode2.attrs) === null || _props$tableNode2 === void 0 ? void 0 : _props$tableNode2.width) || props.rendererAppearance === 'comment') && (0, _platformFeatureFlags.fg)('platform-ssr-table-resize')) {
     var _props$columnWidths;
     var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;

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

@@ -386,6 +386,12 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         this.updatedLayout = layout;
       }
 
+      // These styling removes extra padding for `comment` rendererAppearance.
+      // This is especially relevant for Jira which only uses `comment` appearance and does not need padding.
+      var resizerContainerPadding = rendererAppearance === 'comment' ? 0 : gutterPadding;
+      var resizerItemMaxWidth = rendererAppearance === 'comment' ? "min(100cqw, var(--ak-editor-table-max-width))" : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))";
+      var resizerItemWidth = rendererAppearance === 'comment' ? "min(100cqw, ".concat(tableWidthAttribute, ")") : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")");
+
       // full width tables can have either left-aligned or centered layout despite looking centered in the renderer.
       // in these cases, keep the alignment unset
       var getTableAlignment = function getTableAlignment() {
@@ -406,7 +412,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ,
         style: {
-          width: "min(calc(100cqw - ".concat(gutterPadding, "px), ").concat(tableWidthAttribute, ")")
+          width: "min(calc(100cqw - ".concat(resizerContainerPadding, "px), ").concat(tableWidthAttribute, ")")
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -416,7 +422,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
           position: 'relative',
           userSelect: 'auto',
           boxSizing: 'border-box'
-        }, '--ak-editor-table-gutter-padding', "".concat(gutterPadding, "px")), '--ak-editor-table-max-width', "".concat(TABLE_MAX_WIDTH, "px")), '--ak-editor-table-min-width', "".concat(tableMinWidth, "px")), "minWidth", 'var(--ak-editor-table-min-width)'), "maxWidth", "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))"), "width", "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")"))
+        }, '--ak-editor-table-gutter-padding', "".concat(gutterPadding, "px")), '--ak-editor-table-max-width', "".concat(TABLE_MAX_WIDTH, "px")), '--ak-editor-table-min-width', "".concat(tableMinWidth, "px")), "minWidth", 'var(--ak-editor-table-min-width)'), "maxWidth", resizerItemMaxWidth), "width", resizerItemWidth)
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: "resizer-hover-zone"
       }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -60,7 +60,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "115.0.0";
+var packageVersion = "115.0.2";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -257,6 +257,14 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
 
   // Abstract out the logic into its own function
   var serializer = (0, _useMemoFromPropsDerivative.useMemoFromPropsDerivative)(function (serializerProps) {
+    // If progressive rendering is enabled, create a new serializer
+    if ((0, _platformFeatureFlags.fg)('cc_complexit_fe_progressive_adf_rendering')) {
+      var _props$createSerializ;
+      var newSerializer = (_props$createSerializ = props.createSerializer) === null || _props$createSerializ === void 0 ? void 0 : _props$createSerializ.call(props, serializerProps);
+      if (newSerializer) {
+        return newSerializer;
+      }
+    }
     return new _.ReactSerializer(serializerProps);
   }, deriveSerializerProps, props);
   var localRef = (0, _react.useRef)(null);

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

@@ -13,43 +13,27 @@ function useMemoFromPropsDerivative(factory, propsDerivator, props) {
   var prev = (0, _react.useRef)(props);
   var prevFactory = (0, _react.useRef)(null);
   return (0, _react.useMemo)(function () {
-    var init = propsDerivator(props);
     if ((0, _platformFeatureFlags.fg)('cc_complexit_fe_reduce_fragment_serialization')) {
       // check if the serializer is already created
       var shouldCreate = !prevFactory.current;
       // check each prop to see if value has changed and also check if the number of props has changed
       if (prev.current !== props) {
-        // @ts-ignore - error TS2769: No overload matches this call.
         var propsEntries = Object.entries(props);
-        // Break these into its own const to skip TS checks.
-        // @ts-ignore - error TS2769: No overload matches this call.
-        var isLengthDifferent = propsEntries.length !== Object.keys(prev.current).length;
-        // @ts-ignore
-        var isValueDifferent = propsEntries.some(function (_ref) {
+        shouldCreate = propsEntries.length !== Object.keys(prev.current).length || propsEntries.some(function (_ref) {
           var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
             key = _ref2[0],
             prop = _ref2[1];
           return prev.current[key] !== prop;
         });
-        shouldCreate = isLengthDifferent || isValueDifferent;
       }
       prev.current = props;
       // If first time or any prop value has changed, create a new serializer
       if (shouldCreate) {
-        prevFactory.current = factory(init);
+        prevFactory.current = factory(propsDerivator(props));
       }
+      return prevFactory.current;
     }
-
-    // If progressive rendering is enabled, create a new serializer
-    if ((0, _platformFeatureFlags.fg)('cc_complexit_fe_progressive_adf_rendering')) {
-      var _props$createSerializ;
-      // @ts-ignore - erorr TS2339 Property 'createSerializer' does not exist on type 'Props'.
-      var newSerializer = (_props$createSerializ = props.createSerializer) === null || _props$createSerializ === void 0 ? void 0 : _props$createSerializ.call(props, init);
-      if (newSerializer) {
-        return newSerializer;
-      }
-    }
-    return (0, _platformFeatureFlags.fg)('cc_complexit_fe_reduce_fragment_serialization') ? prevFactory.current : factory(init);
+    return factory(propsDerivator(props));
   },
   // To keep deps consistent, here disable the exhaustive-deps rule to drop factory from the deps array
   // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -574,7 +574,7 @@ const shouldRenderTableWithCSSWidth = (layout, width) => {
 const TableWithWidth = props => {
   var _props$tableNode$attr, _props$tableNode, _props$tableNode$attr2, _props$tableNode2, _props$tableNode2$att;
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  if (shouldRenderTableWithCSSWidth((_props$tableNode$attr = (_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 ? void 0 : (_props$tableNode$attr2 = _props$tableNode.attrs) === null || _props$tableNode$attr2 === void 0 ? void 0 : _props$tableNode$attr2.layout) !== null && _props$tableNode$attr !== void 0 ? _props$tableNode$attr : '', (_props$tableNode2 = props.tableNode) === null || _props$tableNode2 === void 0 ? void 0 : (_props$tableNode2$att = _props$tableNode2.attrs) === null || _props$tableNode2$att === void 0 ? void 0 : _props$tableNode2$att.width) && fg('platform-ssr-table-resize')) {
+  if ((shouldRenderTableWithCSSWidth((_props$tableNode$attr = (_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 ? void 0 : (_props$tableNode$attr2 = _props$tableNode.attrs) === null || _props$tableNode$attr2 === void 0 ? void 0 : _props$tableNode$attr2.layout) !== null && _props$tableNode$attr !== void 0 ? _props$tableNode$attr : '', (_props$tableNode2 = props.tableNode) === null || _props$tableNode2 === void 0 ? void 0 : (_props$tableNode2$att = _props$tableNode2.attrs) === null || _props$tableNode2$att === void 0 ? void 0 : _props$tableNode2$att.width) || props.rendererAppearance === 'comment') && fg('platform-ssr-table-resize')) {
     var _props$columnWidths;
     const colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce((total, val) => total + val, 0)) || 0;
     if (colWidthsSum || props.allowTableResizing) {

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

@@ -334,6 +334,12 @@ export class TableContainer extends React.Component {
       this.updatedLayout = layout;
     }
 
+    // These styling removes extra padding for `comment` rendererAppearance.
+    // This is especially relevant for Jira which only uses `comment` appearance and does not need padding.
+    const resizerContainerPadding = rendererAppearance === 'comment' ? 0 : gutterPadding;
+    const resizerItemMaxWidth = rendererAppearance === 'comment' ? `min(100cqw, var(--ak-editor-table-max-width))` : `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))`;
+    const resizerItemWidth = rendererAppearance === 'comment' ? `min(100cqw, ${tableWidthAttribute})` : `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ${tableWidthAttribute})`;
+
     // full width tables can have either left-aligned or centered layout despite looking centered in the renderer.
     // in these cases, keep the alignment unset
     const getTableAlignment = () => {
@@ -354,7 +360,7 @@ export class TableContainer extends React.Component {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ,
       style: {
-        width: `min(calc(100cqw - ${gutterPadding}px), ${tableWidthAttribute})`
+        width: `min(calc(100cqw - ${resizerContainerPadding}px), ${tableWidthAttribute})`
       }
     }, /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -369,8 +375,8 @@ export class TableContainer extends React.Component {
         ['--ak-editor-table-min-width']: `${tableMinWidth}px`,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         minWidth: 'var(--ak-editor-table-min-width)',
-        maxWidth: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))`,
-        width: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ${tableWidthAttribute})`
+        maxWidth: resizerItemMaxWidth,
+        width: resizerItemWidth
       }
     }, /*#__PURE__*/React.createElement("span", {
       className: "resizer-hover-zone"

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

@@ -47,7 +47,7 @@ import { useMemoFromPropsDerivative } from './useMemoFromPropsDerivative';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "115.0.0";
+const packageVersion = "115.0.2";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -249,7 +249,17 @@ export const RendererFunctionalComponent = props => {
   }, [createRendererContext, providerFactory, fireAnalyticsEvent]);
 
   // Abstract out the logic into its own function
-  const serializer = useMemoFromPropsDerivative(serializerProps => new ReactSerializer(serializerProps), deriveSerializerProps, props);
+  const serializer = useMemoFromPropsDerivative(serializerProps => {
+    // If progressive rendering is enabled, create a new serializer
+    if (fg('cc_complexit_fe_progressive_adf_rendering')) {
+      var _props$createSerializ;
+      const newSerializer = (_props$createSerializ = props.createSerializer) === null || _props$createSerializ === void 0 ? void 0 : _props$createSerializ.call(props, serializerProps);
+      if (newSerializer) {
+        return newSerializer;
+      }
+    }
+    return new ReactSerializer(serializerProps);
+  }, deriveSerializerProps, props);
   const localRef = useRef(null);
   const editorRef = props.innerRef || localRef;
   const id = useMemo(() => uuid(), []);

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

@@ -5,38 +5,22 @@ export function useMemoFromPropsDerivative(factory, propsDerivator, props) {
   const prev = useRef(props);
   const prevFactory = useRef(null);
   return useMemo(() => {
-    const init = propsDerivator(props);
     if (fg('cc_complexit_fe_reduce_fragment_serialization')) {
       // check if the serializer is already created
       let shouldCreate = !prevFactory.current;
       // check each prop to see if value has changed and also check if the number of props has changed
       if (prev.current !== props) {
-        // @ts-ignore - error TS2769: No overload matches this call.
         const propsEntries = Object.entries(props);
-        // Break these into its own const to skip TS checks.
-        // @ts-ignore - error TS2769: No overload matches this call.
-        const isLengthDifferent = propsEntries.length !== Object.keys(prev.current).length;
-        // @ts-ignore
-        const isValueDifferent = propsEntries.some(([key, prop]) => prev.current[key] !== prop);
-        shouldCreate = isLengthDifferent || isValueDifferent;
+        shouldCreate = propsEntries.length !== Object.keys(prev.current).length || propsEntries.some(([key, prop]) => prev.current[key] !== prop);
       }
       prev.current = props;
       // If first time or any prop value has changed, create a new serializer
       if (shouldCreate) {
-        prevFactory.current = factory(init);
+        prevFactory.current = factory(propsDerivator(props));
       }
+      return prevFactory.current;
     }
-
-    // If progressive rendering is enabled, create a new serializer
-    if (fg('cc_complexit_fe_progressive_adf_rendering')) {
-      var _props$createSerializ;
-      // @ts-ignore - erorr TS2339 Property 'createSerializer' does not exist on type 'Props'.
-      const newSerializer = (_props$createSerializ = props.createSerializer) === null || _props$createSerializ === void 0 ? void 0 : _props$createSerializ.call(props, init);
-      if (newSerializer) {
-        return newSerializer;
-      }
-    }
-    return fg('cc_complexit_fe_reduce_fragment_serialization') ? prevFactory.current : factory(init);
+    return factory(propsDerivator(props));
   },
   // To keep deps consistent, here disable the exhaustive-deps rule to drop factory from the deps array
   // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -628,7 +628,7 @@ var shouldRenderTableWithCSSWidth = function shouldRenderTableWithCSSWidth(layou
 var TableWithWidth = function TableWithWidth(props) {
   var _props$tableNode$attr, _props$tableNode, _props$tableNode2;
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  if (shouldRenderTableWithCSSWidth((_props$tableNode$attr = (_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 || (_props$tableNode = _props$tableNode.attrs) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.layout) !== null && _props$tableNode$attr !== void 0 ? _props$tableNode$attr : '', (_props$tableNode2 = props.tableNode) === null || _props$tableNode2 === void 0 || (_props$tableNode2 = _props$tableNode2.attrs) === null || _props$tableNode2 === void 0 ? void 0 : _props$tableNode2.width) && fg('platform-ssr-table-resize')) {
+  if ((shouldRenderTableWithCSSWidth((_props$tableNode$attr = (_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 || (_props$tableNode = _props$tableNode.attrs) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.layout) !== null && _props$tableNode$attr !== void 0 ? _props$tableNode$attr : '', (_props$tableNode2 = props.tableNode) === null || _props$tableNode2 === void 0 || (_props$tableNode2 = _props$tableNode2.attrs) === null || _props$tableNode2 === void 0 ? void 0 : _props$tableNode2.width) || props.rendererAppearance === 'comment') && fg('platform-ssr-table-resize')) {
     var _props$columnWidths;
     var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;

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

@@ -380,6 +380,12 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         this.updatedLayout = layout;
       }
 
+      // These styling removes extra padding for `comment` rendererAppearance.
+      // This is especially relevant for Jira which only uses `comment` appearance and does not need padding.
+      var resizerContainerPadding = rendererAppearance === 'comment' ? 0 : gutterPadding;
+      var resizerItemMaxWidth = rendererAppearance === 'comment' ? "min(100cqw, var(--ak-editor-table-max-width))" : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))";
+      var resizerItemWidth = rendererAppearance === 'comment' ? "min(100cqw, ".concat(tableWidthAttribute, ")") : "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")");
+
       // full width tables can have either left-aligned or centered layout despite looking centered in the renderer.
       // in these cases, keep the alignment unset
       var getTableAlignment = function getTableAlignment() {
@@ -400,7 +406,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
         ,
         style: {
-          width: "min(calc(100cqw - ".concat(gutterPadding, "px), ").concat(tableWidthAttribute, ")")
+          width: "min(calc(100cqw - ".concat(resizerContainerPadding, "px), ").concat(tableWidthAttribute, ")")
         }
       }, /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -410,7 +416,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
           position: 'relative',
           userSelect: 'auto',
           boxSizing: 'border-box'
-        }, '--ak-editor-table-gutter-padding', "".concat(gutterPadding, "px")), '--ak-editor-table-max-width', "".concat(TABLE_MAX_WIDTH, "px")), '--ak-editor-table-min-width', "".concat(tableMinWidth, "px")), "minWidth", 'var(--ak-editor-table-min-width)'), "maxWidth", "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))"), "width", "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(tableWidthAttribute, ")"))
+        }, '--ak-editor-table-gutter-padding', "".concat(gutterPadding, "px")), '--ak-editor-table-max-width', "".concat(TABLE_MAX_WIDTH, "px")), '--ak-editor-table-min-width', "".concat(tableMinWidth, "px")), "minWidth", 'var(--ak-editor-table-min-width)'), "maxWidth", resizerItemMaxWidth), "width", resizerItemWidth)
       }, /*#__PURE__*/React.createElement("span", {
         className: "resizer-hover-zone"
       }, /*#__PURE__*/React.createElement("div", {

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

@@ -50,7 +50,7 @@ import { useMemoFromPropsDerivative } from './useMemoFromPropsDerivative';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "115.0.0";
+var packageVersion = "115.0.2";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -247,6 +247,14 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
 
   // Abstract out the logic into its own function
   var serializer = useMemoFromPropsDerivative(function (serializerProps) {
+    // If progressive rendering is enabled, create a new serializer
+    if (fg('cc_complexit_fe_progressive_adf_rendering')) {
+      var _props$createSerializ;
+      var newSerializer = (_props$createSerializ = props.createSerializer) === null || _props$createSerializ === void 0 ? void 0 : _props$createSerializ.call(props, serializerProps);
+      if (newSerializer) {
+        return newSerializer;
+      }
+    }
     return new ReactSerializer(serializerProps);
   }, deriveSerializerProps, props);
   var localRef = useRef(null);

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

@@ -6,43 +6,27 @@ export function useMemoFromPropsDerivative(factory, propsDerivator, props) {
   var prev = useRef(props);
   var prevFactory = useRef(null);
   return useMemo(function () {
-    var init = propsDerivator(props);
     if (fg('cc_complexit_fe_reduce_fragment_serialization')) {
       // check if the serializer is already created
       var shouldCreate = !prevFactory.current;
       // check each prop to see if value has changed and also check if the number of props has changed
       if (prev.current !== props) {
-        // @ts-ignore - error TS2769: No overload matches this call.
         var propsEntries = Object.entries(props);
-        // Break these into its own const to skip TS checks.
-        // @ts-ignore - error TS2769: No overload matches this call.
-        var isLengthDifferent = propsEntries.length !== Object.keys(prev.current).length;
-        // @ts-ignore
-        var isValueDifferent = propsEntries.some(function (_ref) {
+        shouldCreate = propsEntries.length !== Object.keys(prev.current).length || propsEntries.some(function (_ref) {
           var _ref2 = _slicedToArray(_ref, 2),
             key = _ref2[0],
             prop = _ref2[1];
           return prev.current[key] !== prop;
         });
-        shouldCreate = isLengthDifferent || isValueDifferent;
       }
       prev.current = props;
       // If first time or any prop value has changed, create a new serializer
       if (shouldCreate) {
-        prevFactory.current = factory(init);
+        prevFactory.current = factory(propsDerivator(props));
       }
+      return prevFactory.current;
     }
-
-    // If progressive rendering is enabled, create a new serializer
-    if (fg('cc_complexit_fe_progressive_adf_rendering')) {
-      var _props$createSerializ;
-      // @ts-ignore - erorr TS2339 Property 'createSerializer' does not exist on type 'Props'.
-      var newSerializer = (_props$createSerializ = props.createSerializer) === null || _props$createSerializ === void 0 ? void 0 : _props$createSerializ.call(props, init);
-      if (newSerializer) {
-        return newSerializer;
-      }
-    }
-    return fg('cc_complexit_fe_reduce_fragment_serialization') ? prevFactory.current : factory(init);
+    return factory(propsDerivator(props));
   },
   // To keep deps consistent, here disable the exhaustive-deps rule to drop factory from the deps array
   // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -1 +1 @@
-export declare function useMemoFromPropsDerivative<Memo, PropsDerivative, Props>(factory: (propsDerivative: PropsDerivative) => Memo, propsDerivator: (props: Props) => PropsDerivative, props: Props): any;
+export declare function useMemoFromPropsDerivative<Memo, PropsDerivative, Props extends Record<string, any>>(factory: (propsDerivative: PropsDerivative) => Memo, propsDerivator: (props: Props) => PropsDerivative, props: Props): Memo | null;

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

@@ -1 +1 @@
-export declare function useMemoFromPropsDerivative<Memo, PropsDerivative, Props>(factory: (propsDerivative: PropsDerivative) => Memo, propsDerivator: (props: Props) => PropsDerivative, props: Props): any;
+export declare function useMemoFromPropsDerivative<Memo, PropsDerivative, Props extends Record<string, any>>(factory: (propsDerivative: PropsDerivative) => Memo, propsDerivator: (props: Props) => PropsDerivative, props: Props): Memo | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "115.0.0",
+	"version": "115.0.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/code": "^17.1.0",
-		"@atlaskit/editor-common": "^104.0.0",
+		"@atlaskit/editor-common": "^104.1.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.1.0",
 		"@atlaskit/feature-gate-js-client": "^5.3.0",
-		"@atlaskit/icon": "^25.6.0",
+		"@atlaskit/icon": "^25.7.0",
 		"@atlaskit/link-datasource": "^4.9.0",
 		"@atlaskit/media-card": "^79.2.0",
 		"@atlaskit/media-client": "^33.0.0",
@@ -49,13 +49,13 @@
 		"@atlaskit/media-ui": "^28.1.0",
 		"@atlaskit/media-viewer": "^52.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/platform-feature-flags-react": "^0.1.0",
-		"@atlaskit/react-ufo": "^3.9.0",
-		"@atlaskit/smart-card": "^36.15.0",
+		"@atlaskit/platform-feature-flags-react": "^0.2.0",
+		"@atlaskit/react-ufo": "^3.10.0",
+		"@atlaskit/smart-card": "^37.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.16.0",
+		"@atlaskit/tmp-editor-statsig": "^4.18.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -176,9 +176,6 @@
 		"platform_editor_table_col_calculation_fix": {
 			"type": "boolean"
 		},
-		"platform_editor_legacy_content_macro": {
-			"type": "boolean"
-		},
 		"platform_editor_accessible_heading_copy_link": {
 			"type": "boolean"
 		},