@atlaskit/renderer 140.2.4 → 140.2.5

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 140.2.5
+
+### Patch Changes
+
+- [`4337ad329e99f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4337ad329e99f) -
+  Convert TableRow to a functional component behind platform_renderer_table_row_functional.
+- Updated dependencies
+
 ## 140.2.4
 
 ### Patch Changes

package/dist/cjs/react/marks/link-compiled.js

@@ -1,4 +1,4 @@
-/* link-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* link-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* heading.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* heading.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/react/nodes/layoutColumn-compiled.js

@@ -1,4 +1,4 @@
-/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_renderer_static_css` experiment.
  * Used via `componentWithCondition` in `layoutColumn.tsx`.

package/dist/cjs/react/nodes/panel-compiled.js

@@ -1,4 +1,4 @@
-/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = TableRow;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -12,6 +12,7 @@ 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 _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("@atlaskit/editor-common/types");
 var _consts = require("../../consts");
@@ -19,14 +20,14 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var TableRow = exports.default = /*#__PURE__*/function (_React$Component) {
-  function TableRow() {
+var TableRowLegacy = /*#__PURE__*/function (_React$Component) {
+  function TableRowLegacy() {
     var _this;
-    (0, _classCallCheck2.default)(this, TableRow);
+    (0, _classCallCheck2.default)(this, TableRowLegacy);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TableRow, [].concat(args));
+    _this = _callSuper(this, TableRowLegacy, [].concat(args));
     (0, _defineProperty2.default)(_this, "state", {
       colGroupWidths: []
     });
@@ -69,8 +70,8 @@ var TableRow = exports.default = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _inherits2.default)(TableRow, _React$Component);
-  return (0, _createClass2.default)(TableRow, [{
+  (0, _inherits2.default)(TableRowLegacy, _React$Component);
+  return (0, _createClass2.default)(TableRowLegacy, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -90,4 +91,40 @@ var TableRow = exports.default = /*#__PURE__*/function (_React$Component) {
       }, this.props.index), (0, _utils.compose)(this.addSortableColumn, this.addColGroupWidth)(childrenArray));
     }
   }]);
-}(_react.default.Component);
+}(_react.default.Component);
+function TableRowFunctional(_ref) {
+  var allowColumnSorting = _ref.allowColumnSorting,
+    children = _ref.children,
+    index = _ref.index,
+    innerRef = _ref.innerRef,
+    isFirstRow = _ref.isFirstRow,
+    isLastRow = _ref.isLastRow,
+    isNumberColumnEnabled = _ref.isNumberColumnEnabled,
+    onSorting = _ref.onSorting,
+    tableOrderStatus = _ref.tableOrderStatus;
+  var isHeaderRow = !index;
+  var childrenArray = _react.default.Children.toArray(children);
+  var cells = allowColumnSorting && isHeaderRow ? childrenArray.map(function (child, columnIndex) {
+    if ( /*#__PURE__*/_react.default.isValidElement(child)) {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        columnIndex: columnIndex,
+        onSorting: onSorting,
+        sortOrdered: (tableOrderStatus === null || tableOrderStatus === void 0 ? void 0 : tableOrderStatus.columnIndex) === columnIndex ? tableOrderStatus.order : _types.SortOrder.NO_ORDER,
+        isHeaderRow: isHeaderRow
+      });
+    }
+  }) : childrenArray;
+  return /*#__PURE__*/_react.default.createElement("tr", {
+    ref: innerRef
+  }, isNumberColumnEnabled && /*#__PURE__*/_react.default.createElement("td", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: _consts.RendererCssClassName.NUMBER_COLUMN,
+    "data-reaches-left": true,
+    "data-reaches-top": isFirstRow || undefined,
+    "data-reaches-bottom": isLastRow || undefined
+  }, index), cells);
+}
+function TableRow(props) {
+  var Component = (0, _fg.fg)('platform_renderer_table_row_functional') ? TableRowFunctional : TableRowLegacy;
+  return /*#__PURE__*/_react.default.createElement(Component, props);
+}

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

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

package/dist/es2019/react/marks/link-compiled.js

@@ -1,4 +1,4 @@
-/* link-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* link-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./link-compiled.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* heading.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* heading.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./heading.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/react/nodes/layoutColumn-compiled.js

@@ -1,4 +1,4 @@
-/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_renderer_static_css` experiment.
  * Used via `componentWithCondition` in `layoutColumn.tsx`.

package/dist/es2019/react/nodes/panel-compiled.js

@@ -1,4 +1,4 @@
-/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./panel-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,11 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { RendererCssClassName } from '../../consts';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
-export default class TableRow extends React.Component {
+class TableRowLegacy extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
@@ -70,4 +71,41 @@ export default class TableRow extends React.Component {
       "data-reaches-bottom": isLastRow || undefined
     }, this.props.index), compose(this.addSortableColumn, this.addColGroupWidth)(childrenArray));
   }
+}
+function TableRowFunctional({
+  allowColumnSorting,
+  children,
+  index,
+  innerRef,
+  isFirstRow,
+  isLastRow,
+  isNumberColumnEnabled,
+  onSorting,
+  tableOrderStatus
+}) {
+  const isHeaderRow = !index;
+  const childrenArray = React.Children.toArray(children);
+  const cells = allowColumnSorting && isHeaderRow ? childrenArray.map((child, columnIndex) => {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        columnIndex,
+        onSorting,
+        sortOrdered: (tableOrderStatus === null || tableOrderStatus === void 0 ? void 0 : tableOrderStatus.columnIndex) === columnIndex ? tableOrderStatus.order : SortOrder.NO_ORDER,
+        isHeaderRow
+      });
+    }
+  }) : childrenArray;
+  return /*#__PURE__*/React.createElement("tr", {
+    ref: innerRef
+  }, isNumberColumnEnabled && /*#__PURE__*/React.createElement("td", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: RendererCssClassName.NUMBER_COLUMN,
+    "data-reaches-left": true,
+    "data-reaches-top": isFirstRow || undefined,
+    "data-reaches-bottom": isLastRow || undefined
+  }, index), cells);
+}
+export default function TableRow(props) {
+  const Component = fg('platform_renderer_table_row_functional') ? TableRowFunctional : TableRowLegacy;
+  return /*#__PURE__*/React.createElement(Component, props);
 }

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

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

package/dist/esm/react/marks/link-compiled.js

@@ -1,4 +1,4 @@
-/* link-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* link-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./link-compiled.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* heading.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* heading.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";
 import "./heading.compiled.css";

package/dist/esm/react/nodes/layoutColumn-compiled.js

@@ -1,4 +1,4 @@
-/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_renderer_static_css` experiment.
  * Used via `componentWithCondition` in `layoutColumn.tsx`.

package/dist/esm/react/nodes/panel-compiled.js

@@ -1,4 +1,4 @@
-/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* panel-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

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

@@ -7,19 +7,20 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { RendererCssClassName } from '../../consts';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
-var TableRow = /*#__PURE__*/function (_React$Component) {
-  function TableRow() {
+var TableRowLegacy = /*#__PURE__*/function (_React$Component) {
+  function TableRowLegacy() {
     var _this;
-    _classCallCheck(this, TableRow);
+    _classCallCheck(this, TableRowLegacy);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, TableRow, [].concat(args));
+    _this = _callSuper(this, TableRowLegacy, [].concat(args));
     _defineProperty(_this, "state", {
       colGroupWidths: []
     });
@@ -62,8 +63,8 @@ var TableRow = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _inherits(TableRow, _React$Component);
-  return _createClass(TableRow, [{
+  _inherits(TableRowLegacy, _React$Component);
+  return _createClass(TableRowLegacy, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -84,4 +85,39 @@ var TableRow = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }(React.Component);
-export { TableRow as default };
+function TableRowFunctional(_ref) {
+  var allowColumnSorting = _ref.allowColumnSorting,
+    children = _ref.children,
+    index = _ref.index,
+    innerRef = _ref.innerRef,
+    isFirstRow = _ref.isFirstRow,
+    isLastRow = _ref.isLastRow,
+    isNumberColumnEnabled = _ref.isNumberColumnEnabled,
+    onSorting = _ref.onSorting,
+    tableOrderStatus = _ref.tableOrderStatus;
+  var isHeaderRow = !index;
+  var childrenArray = React.Children.toArray(children);
+  var cells = allowColumnSorting && isHeaderRow ? childrenArray.map(function (child, columnIndex) {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        columnIndex: columnIndex,
+        onSorting: onSorting,
+        sortOrdered: (tableOrderStatus === null || tableOrderStatus === void 0 ? void 0 : tableOrderStatus.columnIndex) === columnIndex ? tableOrderStatus.order : SortOrder.NO_ORDER,
+        isHeaderRow: isHeaderRow
+      });
+    }
+  }) : childrenArray;
+  return /*#__PURE__*/React.createElement("tr", {
+    ref: innerRef
+  }, isNumberColumnEnabled && /*#__PURE__*/React.createElement("td", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: RendererCssClassName.NUMBER_COLUMN,
+    "data-reaches-left": true,
+    "data-reaches-top": isFirstRow || undefined,
+    "data-reaches-bottom": isLastRow || undefined
+  }, index), cells);
+}
+export default function TableRow(props) {
+  var Component = fg('platform_renderer_table_row_functional') ? TableRowFunctional : TableRowLegacy;
+  return /*#__PURE__*/React.createElement(Component, props);
+}

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

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

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

@@ -14,13 +14,5 @@ type Props = {
         order: SortOrder;
     };
 };
-type State = {
-    colGroupWidths: string[];
-};
-export default class TableRow extends React.Component<Props, State> {
-    state: State;
-    addSortableColumn: (childrenArray: React.ReactNode[]) => React.ReactNode[];
-    addColGroupWidth: (childrenArray: React.ReactNode[]) => React.ReactNode[];
-    render(): React.JSX.Element;
-}
+export default function TableRow(props: Props): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "140.2.4",
+	"version": "140.2.5",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.10.0",
-		"@atlaskit/smart-card": "^45.23.0",
+		"@atlaskit/smart-card": "^45.24.0",
 		"@atlaskit/status": "^5.11.0",
 		"@atlaskit/task-decision": "^21.10.0",
 		"@atlaskit/theme": "^28.2.0",
@@ -85,8 +85,8 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^122.8.0",
-		"@atlaskit/link-provider": "^5.6.0",
+		"@atlaskit/editor-common": "^122.9.0",
+		"@atlaskit/link-provider": "^5.7.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
@@ -101,7 +101,7 @@
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/inline-edit": "^16.4.0",
 		"@atlaskit/json-ld-types": "^2.0.0",
-		"@atlaskit/link-provider": "^5.6.0",
+		"@atlaskit/link-provider": "^5.7.0",
 		"@atlaskit/link-test-helpers": "^11.2.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
@@ -144,6 +144,9 @@
 		"worker-plugin": "^4.0.2"
 	},
 	"platform-feature-flags": {
+		"platform_renderer_table_row_functional": {
+			"type": "boolean"
+		},
 		"platform_renderer_expand_ssr_margin_fix": {
 			"type": "boolean"
 		},