@atlaskit/renderer 119.0.3 → 119.0.5

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/renderer
 
+## 119.0.5
+
+### Patch Changes
+
+- [#175776](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175776)
+  [`43362c25c7806`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/43362c25c7806) -
+  Tidy up feature gate platform_editor_table_column_group_width_check_3
+- [#175844](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175844)
+  [`4b7a1f7498119`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b7a1f7498119) -
+  Tidy up feature gate cc_complexit_fe_reduce_fragment_serialization
+- Updated dependencies
+
+## 119.0.4
+
+### Patch Changes
+
+- [#175396](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175396)
+  [`a40f4f8831421`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a40f4f8831421) -
+  Fix numbered column width calculation
+- Updated dependencies
+
 ## 119.0.3
 
 ### Patch Changes

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Colgroup = void 0;
+exports.colWidthSum = exports.Colgroup = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("@atlaskit/editor-common/styles");
@@ -54,7 +54,7 @@ var calcScalePercent = function calcScalePercent(_ref) {
   var diffPercent = 1 - noNumColumnScalePercent;
   return diffPercent < maxScale ? isNumberColumnEnabled ? 1 - numColumnScalePercent : diffPercent : maxScale;
 };
-var colWidthSum = function colWidthSum(columnWidths) {
+var colWidthSum = exports.colWidthSum = function colWidthSum(columnWidths) {
   return columnWidths.reduce(function (prev, curr) {
     return curr + prev;
   }, 0);

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

@@ -29,6 +29,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     _ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
     fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz;
   var tableWidth = tableNode ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : _editorSharedStyles.akEditorDefaultLayoutWidth;
+  var tableColumnWidths = columnWidths;
   if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
     tableWidth = 'inherit';
   }
@@ -40,6 +41,15 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
       tableWidth = renderWidth;
     }
   }
+
+  // for columns that are evenly distributed, do not return `colgroup` since existing table containerQuery
+  // scales up the columns width. This ensures columns always have 42px.
+  if (rendererAppearance === 'comment') {
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    if ((0, _platformFeatureFlags.fg)('platform-ssr-table-resize') && (0, _platformFeatureFlags.fg)('platform_table_number_column')) {
+      tableColumnWidths = columnWidths && (0, _colgroup.colWidthSum)(columnWidths) ? columnWidths : undefined;
+    }
+  }
   var tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
   var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
   return /*#__PURE__*/_react.default.createElement("table", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') && {
@@ -55,7 +65,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
       marginTop: fixTableSSRResizing ? '0px' : ''
     }
   }), /*#__PURE__*/_react.default.createElement(_colgroup.Colgroup, {
-    columnWidths: columnWidths,
+    columnWidths: tableColumnWidths,
     layout: layout,
     isNumberColumnEnabled: isNumberColumnEnabled,
     renderWidth: renderWidth,

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

@@ -57,7 +57,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)(_this, "addColGroupWidth", function (childrenArray) {
       var _this$state$colGroupW;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_table_column_group_width_check_3') ? (_this$state$colGroupW = _this.state.colGroupWidths) === null || _this$state$colGroupW === void 0 ? void 0 : _this$state$colGroupW.length : _this.state.colGroupWidths) {
+      if ((_this$state$colGroupW = _this.state.colGroupWidths) !== null && _this$state$colGroupW !== void 0 && _this$state$colGroupW.length) {
         childrenArray = childrenArray.map(function (child, index) {
           if ( /*#__PURE__*/_react.default.isValidElement(child)) {
             return /*#__PURE__*/_react.default.cloneElement(child, {

package/dist/cjs/render-document.js

@@ -99,7 +99,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
 };
 var memoValidation = (0, _memoizeOne.default)(_validation, function (newArgs, lastArgs) {
   var result = false;
-  if ((0, _platformFeatureFlags.fg)('cc_complexit_fe_memoValidation_redundant_calls')) {
+  if ((0, _platformFeatureFlags.fg)('cc_complexit_fe_memovalidation_redundant_calls_2')) {
     var _newArgs = (0, _slicedToArray2.default)(newArgs, 7),
       newDoc = _newArgs[0],
       newSchema = _newArgs[1],

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

@@ -62,7 +62,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 = "119.0.2";
+var packageVersion = "119.0.4";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -254,8 +254,6 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       allowTableResizing: props.UNSTABLE_allowTableResizing
     };
   }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
-
-  // 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')) {

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

@@ -7,33 +7,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.useMemoFromPropsDerivative = useMemoFromPropsDerivative;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function useMemoFromPropsDerivative(factory, propsDerivator, props) {
   // cache the last set of props
   var prev = (0, _react.useRef)(props);
   var prevFactory = (0, _react.useRef)(null);
   return (0, _react.useMemo)(function () {
-    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) {
-        var propsEntries = Object.entries(props);
-        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;
-        });
-      }
-      prev.current = props;
-      // If first time or any prop value has changed, create a new serializer
-      if (shouldCreate) {
-        prevFactory.current = factory(propsDerivator(props));
-      }
-      return prevFactory.current;
+    // 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) {
+      var propsEntries = Object.entries(props);
+      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;
+      });
     }
-    return factory(propsDerivator(props));
+    prev.current = props;
+    // If first time or any prop value has changed, create a new serializer
+    if (shouldCreate) {
+      prevFactory.current = factory(propsDerivator(props));
+    }
+    return prevFactory.current;
   },
   // 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/colgroup.js

@@ -44,7 +44,7 @@ const calcScalePercent = ({
   const diffPercent = 1 - noNumColumnScalePercent;
   return diffPercent < maxScale ? isNumberColumnEnabled ? 1 - numColumnScalePercent : diffPercent : maxScale;
 };
-const colWidthSum = columnWidths => columnWidths.reduce((prev, curr) => curr + prev, 0);
+export const colWidthSum = columnWidths => columnWidths.reduce((prev, curr) => curr + prev, 0);
 const renderScaleDownColgroup = props => {
   var _props$tableNode;
   const {

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { Colgroup } from './colgroup';
+import { Colgroup, colWidthSum } from './colgroup';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -22,6 +22,7 @@ export const Table = /*#__PURE__*/React.memo(({
 }) => {
   var _tableNode$attrs;
   let tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
+  let tableColumnWidths = columnWidths;
   if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
     tableWidth = 'inherit';
   }
@@ -33,6 +34,15 @@ export const Table = /*#__PURE__*/React.memo(({
       tableWidth = renderWidth;
     }
   }
+
+  // for columns that are evenly distributed, do not return `colgroup` since existing table containerQuery
+  // scales up the columns width. This ensures columns always have 42px.
+  if (rendererAppearance === 'comment') {
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    if (fg('platform-ssr-table-resize') && fg('platform_table_number_column')) {
+      tableColumnWidths = columnWidths && colWidthSum(columnWidths) ? columnWidths : undefined;
+    }
+  }
   const tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
   const tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
   return /*#__PURE__*/React.createElement("table", _extends({}, fg('platform_renderer_isPresentational') && {
@@ -48,7 +58,7 @@ export const Table = /*#__PURE__*/React.memo(({
       marginTop: fixTableSSRResizing ? '0px' : ''
     }
   }), /*#__PURE__*/React.createElement(Colgroup, {
-    columnWidths: columnWidths,
+    columnWidths: tableColumnWidths,
     layout: layout,
     isNumberColumnEnabled: isNumberColumnEnabled,
     renderWidth: renderWidth,

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

@@ -41,7 +41,7 @@ export default class TableRow extends React.Component {
     });
     _defineProperty(this, "addColGroupWidth", childrenArray => {
       var _this$state$colGroupW;
-      if (fg('platform_editor_table_column_group_width_check_3') ? (_this$state$colGroupW = this.state.colGroupWidths) === null || _this$state$colGroupW === void 0 ? void 0 : _this$state$colGroupW.length : this.state.colGroupWidths) {
+      if ((_this$state$colGroupW = this.state.colGroupWidths) !== null && _this$state$colGroupW !== void 0 && _this$state$colGroupW.length) {
         childrenArray = childrenArray.map((child, index) => {
           if ( /*#__PURE__*/React.isValidElement(child)) {
             return /*#__PURE__*/React.cloneElement(child, {

package/dist/es2019/render-document.js

@@ -93,7 +93,7 @@ const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnaly
 };
 const memoValidation = memoizeOne(_validation, (newArgs, lastArgs) => {
   let result = false;
-  if (fg('cc_complexit_fe_memoValidation_redundant_calls')) {
+  if (fg('cc_complexit_fe_memovalidation_redundant_calls_2')) {
     const [newDoc, newSchema, newADFStage, newUseSpecValidator,,
     // ignoring dispatchAnalyticsEvent
     newSkipValidation, newValidationOverrides] = newArgs;

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

@@ -48,7 +48,7 @@ import { PortalContext } from './PortalContext';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "119.0.2";
+const packageVersion = "119.0.4";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -246,8 +246,6 @@ export const RendererFunctionalComponent = props => {
       allowTableResizing: props.UNSTABLE_allowTableResizing
     };
   }, [createRendererContext, providerFactory, fireAnalyticsEvent]);
-
-  // Abstract out the logic into its own function
   const serializer = useMemoFromPropsDerivative(serializerProps => {
     // If progressive rendering is enabled, create a new serializer
     if (fg('cc_complexit_fe_progressive_adf_rendering')) {

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

@@ -1,26 +1,22 @@
 import { useMemo, useRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 export function useMemoFromPropsDerivative(factory, propsDerivator, props) {
   // cache the last set of props
   const prev = useRef(props);
   const prevFactory = useRef(null);
   return useMemo(() => {
-    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) {
-        const propsEntries = Object.entries(props);
-        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(propsDerivator(props));
-      }
-      return prevFactory.current;
+    // 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) {
+      const propsEntries = Object.entries(props);
+      shouldCreate = propsEntries.length !== Object.keys(prev.current).length || propsEntries.some(([key, prop]) => prev.current[key] !== prop);
     }
-    return factory(propsDerivator(props));
+    prev.current = props;
+    // If first time or any prop value has changed, create a new serializer
+    if (shouldCreate) {
+      prevFactory.current = factory(propsDerivator(props));
+    }
+    return prevFactory.current;
   },
   // 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/colgroup.js

@@ -48,7 +48,7 @@ var calcScalePercent = function calcScalePercent(_ref) {
   var diffPercent = 1 - noNumColumnScalePercent;
   return diffPercent < maxScale ? isNumberColumnEnabled ? 1 - numColumnScalePercent : diffPercent : maxScale;
 };
-var colWidthSum = function colWidthSum(columnWidths) {
+export var colWidthSum = function colWidthSum(columnWidths) {
   return columnWidths.reduce(function (prev, curr) {
     return curr + prev;
   }, 0);

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { Colgroup } from './colgroup';
+import { Colgroup, colWidthSum } from './colgroup';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -22,6 +22,7 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     _ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
     fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz;
   var tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
+  var tableColumnWidths = columnWidths;
   if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
     tableWidth = 'inherit';
   }
@@ -33,6 +34,15 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
       tableWidth = renderWidth;
     }
   }
+
+  // for columns that are evenly distributed, do not return `colgroup` since existing table containerQuery
+  // scales up the columns width. This ensures columns always have 42px.
+  if (rendererAppearance === 'comment') {
+    // eslint-disable-next-line @atlaskit/platform/no-preconditioning
+    if (fg('platform-ssr-table-resize') && fg('platform_table_number_column')) {
+      tableColumnWidths = columnWidths && colWidthSum(columnWidths) ? columnWidths : undefined;
+    }
+  }
   var tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
   var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
   return /*#__PURE__*/React.createElement("table", _extends({}, fg('platform_renderer_isPresentational') && {
@@ -48,7 +58,7 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
       marginTop: fixTableSSRResizing ? '0px' : ''
     }
   }), /*#__PURE__*/React.createElement(Colgroup, {
-    columnWidths: columnWidths,
+    columnWidths: tableColumnWidths,
     layout: layout,
     isNumberColumnEnabled: isNumberColumnEnabled,
     renderWidth: renderWidth,

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

@@ -50,7 +50,7 @@ var TableRow = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "addColGroupWidth", function (childrenArray) {
       var _this$state$colGroupW;
-      if (fg('platform_editor_table_column_group_width_check_3') ? (_this$state$colGroupW = _this.state.colGroupWidths) === null || _this$state$colGroupW === void 0 ? void 0 : _this$state$colGroupW.length : _this.state.colGroupWidths) {
+      if ((_this$state$colGroupW = _this.state.colGroupWidths) !== null && _this$state$colGroupW !== void 0 && _this$state$colGroupW.length) {
         childrenArray = childrenArray.map(function (child, index) {
           if ( /*#__PURE__*/React.isValidElement(child)) {
             return /*#__PURE__*/React.cloneElement(child, {

package/dist/esm/render-document.js

@@ -92,7 +92,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
 };
 var memoValidation = memoizeOne(_validation, function (newArgs, lastArgs) {
   var result = false;
-  if (fg('cc_complexit_fe_memoValidation_redundant_calls')) {
+  if (fg('cc_complexit_fe_memovalidation_redundant_calls_2')) {
     var _newArgs = _slicedToArray(newArgs, 7),
       newDoc = _newArgs[0],
       newSchema = _newArgs[1],

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

@@ -53,7 +53,7 @@ import { PortalContext } from './PortalContext';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "119.0.2";
+var packageVersion = "119.0.4";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -245,8 +245,6 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       allowTableResizing: props.UNSTABLE_allowTableResizing
     };
   }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);
-
-  // 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')) {

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

@@ -1,32 +1,28 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useMemo, useRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 export function useMemoFromPropsDerivative(factory, propsDerivator, props) {
   // cache the last set of props
   var prev = useRef(props);
   var prevFactory = useRef(null);
   return useMemo(function () {
-    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) {
-        var propsEntries = Object.entries(props);
-        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;
-        });
-      }
-      prev.current = props;
-      // If first time or any prop value has changed, create a new serializer
-      if (shouldCreate) {
-        prevFactory.current = factory(propsDerivator(props));
-      }
-      return prevFactory.current;
+    // 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) {
+      var propsEntries = Object.entries(props);
+      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;
+      });
     }
-    return factory(propsDerivator(props));
+    prev.current = props;
+    // If first time or any prop value has changed, create a new serializer
+    if (shouldCreate) {
+      prevFactory.current = factory(propsDerivator(props));
+    }
+    return prevFactory.current;
   },
   // 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/react/nodes/table/colgroup.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import type { SharedTableProps } from './types';
+export declare const colWidthSum: (columnWidths: number[]) => number;
 export declare const Colgroup: (props: SharedTableProps) => React.JSX.Element | null;

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

@@ -1,3 +1,4 @@
 import React from 'react';
 import type { SharedTableProps } from './types';
+export declare const colWidthSum: (columnWidths: number[]) => number;
 export declare const Colgroup: (props: SharedTableProps) => React.JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "119.0.3",
+	"version": "119.0.5",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.3.0",
-		"@atlaskit/icon": "^27.1.0",
+		"@atlaskit/icon": "^27.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.11.0",
 		"@atlaskit/media-card": "^79.3.0",
@@ -51,12 +51,12 @@
 		"@atlaskit/media-viewer": "^52.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
-		"@atlaskit/react-ufo": "^3.13.0",
-		"@atlaskit/smart-card": "^38.14.0",
+		"@atlaskit/react-ufo": "^3.14.0",
+		"@atlaskit/smart-card": "^38.15.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^8.1.0",
+		"@atlaskit/tmp-editor-statsig": "^8.2.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -82,7 +82,7 @@
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/link-provider": "^3.3.0",
-		"@atlaskit/link-test-helpers": "^8.0.0",
+		"@atlaskit/link-test-helpers": "^8.1.0",
 		"@atlaskit/linking-common": "^9.1.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
@@ -142,9 +142,6 @@
 		"cc_complexit_reduce_portal_rerenders": {
 			"type": "boolean"
 		},
-		"cc_complexit_fe_reduce_fragment_serialization": {
-			"type": "boolean"
-		},
 		"cc_complexit_fe_reduce_rerender_2": {
 			"type": "boolean"
 		},
@@ -215,10 +212,7 @@
 		"platform_renderer_triple_click_selects_paragraph": {
 			"type": "boolean"
 		},
-		"platform_editor_table_column_group_width_check_3": {
-			"type": "boolean"
-		},
-		"cc_complexit_fe_memoValidation_redundant_calls": {
+		"cc_complexit_fe_memovalidation_redundant_calls_2": {
 			"type": "boolean"
 		},
 		"cc_complexit_fe_progressive_adf_rendering": {
@@ -269,6 +263,9 @@
 		"prompt_whiteboard_competitor_link_gate": {
 			"type": "boolean"
 		},
+		"platform_table_number_column": {
+			"type": "boolean"
+		},
 		"issue_table_single_line_row_height_fast_follows": {
 			"type": "boolean"
 		}