@atlaskit/renderer 140.2.3 → 140.2.5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @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
+
+- [`2bbc1c84de468`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2bbc1c84de468) -
+  Migrate Volt consumer imports to existing definitions and align affected test mocks without
+  changing runtime behavior.
+- Updated dependencies
+
 ## 140.2.3
 
 ### Patch Changes

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

@@ -11,7 +11,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _useSmartCardContext = require("@atlaskit/link-provider/use-smart-card-context");
 var _smartCard = require("@atlaskit/smart-card");
-var _utils = require("@atlaskit/linking-common/utils");
+var _isWithinPreviewPanelIframe = require("@atlaskit/linking-common/utils/is-within-preview-panel-iframe");
 var _hooks = require("@atlaskit/smart-card/hooks");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _ui = require("@atlaskit/editor-common/ui");
@@ -24,7 +24,7 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _fallback = require("./fallback");
 var _SmartCardStorage = require("../../ui/SmartCardStorage");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
-var _utils2 = require("../../utils");
+var _utils = require("../../utils");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
 var _PortalContext = require("../../ui/Renderer/PortalContext");
 var _extractSmartLinkEmbed = require("@atlaskit/link-extractors/extract-smart-link-embed");
@@ -97,7 +97,7 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
   var showPanelButtonIcon = isPreviewPanelAvailable ? 'panel' : isPreviewModalAvailable ? 'modal' : undefined;
 
   // When inside preview panel iframe, hide the overlay button
-  var isInPreviewPanel = (0, _utils.isWithinPreviewPanelIFrame)();
+  var isInPreviewPanel = (0, _isWithinPreviewPanelIframe.isWithinPreviewPanelIFrame)();
   var showPanelButton = isInPreviewPanel ? isPreviewPanelAvailable : isPreviewAvailable;
   var Overlay = isPreviewAvailable ? _ui.HoverLinkOverlay : HoverLinkOverlayNoop;
   return (0, _react2.jsx)(Overlay, {
@@ -169,7 +169,7 @@ var InlineCard = function InlineCard(props) {
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
   // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
-  var onConsumerClick = (0, _utils2.getEventHandler)(eventHandlers, 'smartCard');
+  var onConsumerClick = (0, _utils.getEventHandler)(eventHandlers, 'smartCard');
   var cardProps = {
     url: url,
     data: data,

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.2";
+var packageVersion = "140.2.4";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -9,7 +9,7 @@ import { Fragment, useState, useMemo, useEffect } from 'react';
 import { jsx } from '@emotion/react';
 import { useSmartCardContext } from '@atlaskit/link-provider/use-smart-card-context';
 import { Card, getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
-import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
+import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils/is-within-preview-panel-iframe';
 import { useSmartLinkActions } from '@atlaskit/smart-card/hooks';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { HoverLinkOverlay, UnsupportedInline } from '@atlaskit/editor-common/ui';

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.2";
+const packageVersion = "140.2.4";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -10,7 +10,7 @@ import { Fragment, useState, useMemo, useEffect } from 'react';
 import { jsx } from '@emotion/react';
 import { useSmartCardContext } from '@atlaskit/link-provider/use-smart-card-context';
 import { Card, getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
-import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
+import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils/is-within-preview-panel-iframe';
 import { useSmartLinkActions } from '@atlaskit/smart-card/hooks';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { HoverLinkOverlay, UnsupportedInline } from '@atlaskit/editor-common/ui';

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.2";
+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.3",
+	"version": "140.2.5",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
 		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/link-datasource": "^6.13.0",
 		"@atlaskit/link-extractors": "^4.2.0",
-		"@atlaskit/linking-common": "^12.2.0",
+		"@atlaskit/linking-common": "^12.3.0",
 		"@atlaskit/media-card": "^81.12.0",
 		"@atlaskit/media-client": "^38.1.0",
 		"@atlaskit/media-client-react": "^6.4.0",
@@ -66,11 +66,11 @@
 		"@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",
-		"@atlaskit/tmp-editor-statsig": "^196.0.0",
+		"@atlaskit/tmp-editor-statsig": "^197.0.0",
 		"@atlaskit/tokens": "^17.0.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
@@ -85,8 +85,8 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^122.7.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,13 +101,13 @@
 		"@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:^",
 		"@atlaskit/media-state": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^42.4.0",
-		"@atlaskit/mention": "^29.1.0",
+		"@atlaskit/mention": "^29.2.0",
 		"@atlaskit/modal-dialog": "^16.6.0",
 		"@atlaskit/navigation-system": "^10.16.0",
 		"@atlaskit/primitives": "^22.5.0",
@@ -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"
 		},