@atlaskit/renderer 109.29.4 → 109.29.6

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/renderer
 
+## 109.29.6
+
+### Patch Changes
+
+-   [#103816](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103816)
+    [`3fb50173376f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3fb50173376f) -
+    [ED-23159] Added blending styling for when highlights overlap inline comments
+-   Updated dependencies
+
+## 109.29.5
+
+### Patch Changes
+
+-   [#103178](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103178)
+    [`71c9ef285341`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/71c9ef285341) -
+    ED-22930: Support for table alignment in renderer
+
 ## 109.29.4
 
 ### Patch Changes

package/dist/cjs/react/marks/alignment.js

@@ -23,7 +23,9 @@ var MarkWrapper = function MarkWrapper(props) {
   );
 };
 function Alignment(props) {
-  return (0, _react2.jsx)(MarkWrapper, {
+  return (0, _react2.jsx)(MarkWrapper
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: "fabric-editor-block-mark fabric-editor-alignment",
     "data-align": props.align
   }, props.children);

package/dist/cjs/react/marks/backgroundColor.js

@@ -51,8 +51,12 @@ function BackgroundColor(props) {
     return (0, _defineProperty2.default)({}, '--custom-palette-color', paletteColorValue);
   }, [paletteColorValue]);
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, props.dataAttributes, {
-    "data-background-custom-color": props.color,
-    className: "fabric-background-color-mark",
+    "data-background-custom-color": props.color
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: "fabric-background-color-mark"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style
   }), props.children);
 }

package/dist/cjs/react/marks/breakout.js

@@ -25,7 +25,9 @@ function Breakout(props) {
       "data-mode": props.mode,
       style: {
         width: (0, _utils.calcBreakoutWidth)(props.mode, width)
-      },
+      }
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: "fabric-editor-breakout-mark fabric-editor-block-mark"
     }, props.children);
   });

package/dist/cjs/react/marks/code.js

@@ -16,7 +16,9 @@ var isCodeMark = exports.isCodeMark = function isCodeMark(mark) {
 };
 function CodeWithIntl(props) {
   var codeBidiWarningLabel = props.intl.formatMessage(_messages.codeBidiWarningMessages.label);
-  return /*#__PURE__*/_react.default.createElement(_inline.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_inline.default
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , (0, _extends2.default)({
     className: "code",
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: props.codeBidiWarningTooltipEnabled

package/dist/cjs/react/marks/indentation.js

@@ -8,6 +8,7 @@ exports.default = Indentation;
 var _react = _interopRequireDefault(require("react"));
 function Indentation(props) {
   return /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "fabric-editor-block-mark fabric-editor-indentation-mark",
     "data-level": props.level
   }, props.children);

package/dist/cjs/react/marks/strike.js

@@ -8,9 +8,13 @@ exports.default = Strike;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 function Strike(props) {
-  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, props.dataAttributes, {
-    style: {
-      textDecoration: 'line-through'
-    }
-  }), props.children);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    _react.default.createElement("span", (0, _extends2.default)({}, props.dataAttributes, {
+      style: {
+        textDecoration: 'line-through'
+      }
+    }), props.children)
+  );
 }

package/dist/cjs/react/marks/textColor.js

@@ -55,8 +55,12 @@ function TextColor(props) {
     return (0, _defineProperty2.default)({}, '--custom-palette-color', paletteColorValue);
   }, [paletteColorValue]);
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, props.dataAttributes, {
-    "data-text-custom-color": props.color,
-    className: "fabric-text-color-mark",
+    "data-text-custom-color": props.color
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: "fabric-text-color-mark"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style
   }), props.children);
 }

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

@@ -127,6 +127,7 @@ function BlockCard(props) {
   return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "blockCardView-content-wrap",
     "data-block-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,

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

@@ -10,6 +10,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _lists = require("../utils/lists");
 function BulletList(props) {
   return /*#__PURE__*/_react.default.createElement("ul", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _adfSchema.bulletListSelector.substr(1),
     "data-indent-level": props.path ? (0, _lists.getListIndentLevel)(props.path) : 1
   }, props.children);

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

@@ -31,7 +31,9 @@ function CodeBlock(props) {
     setWrapLongLines = _useState2[1];
   return (0, _react2.jsx)(_codeBlockContainer.default, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowWrapCodeBlock: allowWrapCodeBlock
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     setWrapLongLines: setWrapLongLines,
     text: text,

package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -26,15 +26,18 @@ var CodeBlockContainer = function CodeBlockContainer(_ref) {
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
     wrapLongLines = _ref.wrapLongLines;
-  return (0, _react.jsx)("div", {
-    className: className,
-    css: codeBlockStyleOverrides
-  }, (0, _react.jsx)(_codeBlockButtonContainer.default, {
-    allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock,
-    setWrapLongLines: setWrapLongLines,
-    text: text,
-    wrapLongLines: wrapLongLines
-  }), children);
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react.jsx)("div", {
+      className: className,
+      css: codeBlockStyleOverrides
+    }, (0, _react.jsx)(_codeBlockButtonContainer.default, {
+      allowCopyToClipboard: allowCopyToClipboard,
+      allowWrapCodeBlock: allowWrapCodeBlock,
+      setWrapLongLines: setWrapLongLines,
+      text: text,
+      wrapLongLines: wrapLongLines
+    }), children)
+  );
 };
 var _default = exports.default = CodeBlockContainer;

package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -44,7 +44,9 @@ var CopyButton = function CopyButton(_ref) {
     }, (0, _react.jsx)(_customThemeButton.default, {
       appearance: "subtle",
       "aria-haspopup": true,
-      "aria-label": tooltip,
+      "aria-label": tooltip
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: className,
       iconBefore: (0, _react.jsx)(_copy.default, {
         label: tooltip

package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -44,7 +44,9 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
     }, (0, _react.jsx)(_customThemeButton.default, {
       appearance: "subtle",
       "aria-haspopup": true,
-      "aria-label": wrapMessage,
+      "aria-label": wrapMessage
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: "wrap-code ".concat(wrapLongLines ? 'clicked' : ''),
       iconBefore: (0, _react.jsx)(_icon.default, {
         glyph: WrapIcon,

package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -46,14 +46,17 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     renderBidiWarnings = _useBidiWarnings.renderBidiWarnings;
   var classNames = [LightWeightCodeBlockCssClassName.CONTAINER, className].join(' ');
   return (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: classNames,
     ref: ref,
     css: [(0, _styles.codeBlockSharedStyles)(), lightWeightCodeBlockStyles]
   }, (0, _react2.jsx)("div", {
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
   }, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
   }, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
   }, textRows.map(function (_, index) {
     return (0, _react2.jsx)("span", {

package/dist/cjs/react/nodes/codeBlock/windowedCodeBlock.js

@@ -58,7 +58,9 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
   var memoizedLightWeightCodeBlock = (0, _react2.jsx)(MemoizedLightWeightCodeBlock, {
     ref: trackingRef,
     text: text,
-    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
+    codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: rootClassName
   });
   var _useState = (0, _react.useState)(false),
@@ -69,7 +71,9 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     fallback: memoizedLightWeightCodeBlock
   }, (0, _react2.jsx)(_codeBlockContainer.default, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowWrapCodeBlock: allowWrapCodeBlock
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     setWrapLongLines: setWrapLongLines,
     text: text,

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

@@ -37,13 +37,18 @@ var Date = /*#__PURE__*/function (_PureComponent) {
         parentIsIncompleteTask = _this$props.parentIsIncompleteTask,
         intl = _this$props.intl;
       var className = !!parentIsIncompleteTask && (0, _utils.isPastDate)(timestamp) ? 'date-node date-node-highlighted' : 'date-node';
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: _styles.DateSharedCssClassName.DATE_WRAPPER
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: className,
-        "data-node-type": "date",
-        "data-timestamp": timestamp
-      }, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl) : (0, _utils.timestampToString)(timestamp, intl)));
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        _react.default.createElement("span", {
+          className: _styles.DateSharedCssClassName.DATE_WRAPPER
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          className: className,
+          "data-node-type": "date",
+          "data-timestamp": timestamp
+        }, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl) : (0, _utils.timestampToString)(timestamp, intl)))
+      );
     }
   }]);
   return Date;

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

@@ -10,13 +10,16 @@ var _react = _interopRequireDefault(require("react"));
 var _consts = require("../../consts");
 var _useSelectAllTrap = require("../utils/use-select-all-trap");
 function Doc(props) {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _consts.RendererCssClassName.DOCUMENT
   }, props.children);
 }
 function DocWithSelectAllTrap(props) {
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: (0, _useSelectAllTrap.useSelectAllTrap)(),
+    ref: (0, _useSelectAllTrap.useSelectAllTrap)()
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: _consts.RendererCssClassName.DOCUMENT
   }, props.children);
 }

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

@@ -166,6 +166,7 @@ function EmbedCard(props) {
     }, (0, _react.jsx)("div", {
       css: embedCardWrapperStyles
     }, (0, _react.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "embedCardView-content-wrap",
       "data-embed-card": true,
       "data-layout": layout,

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

@@ -24,7 +24,9 @@ var renderExtension = exports.renderExtension = function renderExtension(content
   return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
     var width = _ref2.width;
     return /*#__PURE__*/_react.default.createElement("div", {
-      ref: options.handleRef,
+      ref: options.handleRef
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(options.shadowClassNames, " ").concat(centerAlignClass),
       style: {
         width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'

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

@@ -31,10 +31,13 @@ var HeadingAnchorWrapperClassName = exports.HeadingAnchorWrapperClassName = 'hea
 var CopyAnchorWrapperWithRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return (0, _react2.jsx)("span", (0, _extends2.default)({}, rest, {
-    className: HeadingAnchorWrapperClassName,
-    ref: ref
-  }), children);
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("span", (0, _extends2.default)({}, rest, {
+      className: HeadingAnchorWrapperClassName,
+      ref: ref
+    }), children)
+  );
 });
 var copyAnchorButtonStyles = (0, _react2.css)({
   display: 'inline',

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

@@ -81,6 +81,7 @@ var MediaGroup = exports.default = /*#__PURE__*/function (_PureComponent) {
       } else {
         content = this.renderStrip();
       }
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "MediaGroup"
       }, content);

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

@@ -86,12 +86,14 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
   var centerAlignClass = isTopLevel && ['wide', 'full-width'].includes(layout) ? _consts.RendererCssClassName.EXTENSION_CENTER_ALIGN : '';
   function renderMbeContent(width) {
     return (0, _react.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(centerAlignClass, " ").concat(overflowContainerClass),
       style: {
         width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
       },
       "data-layout": layout
     }, (0, _react.jsx)("nav", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "multiBodiedExtension-navigation",
       css: navigationCssExtended,
       "data-testid": "multiBodiedExtension-navigation"
@@ -117,11 +119,14 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
         isTopLevel: path.length < 1
       });
     })), (0, _react.jsx)("article", {
-      "data-testid": "multiBodiedExtension--frames",
+      "data-testid": "multiBodiedExtension--frames"
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: "multiBodiedExtension--frames"
     }, children));
   }
   return (0, _react.jsx)("section", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "multiBodiedExtension--container"
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,

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

@@ -25,6 +25,7 @@ function OrderedList(props) {
     extraProps.start = (0, _utils.resolveOrder)(props.order);
   }
   return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _adfSchema.orderedListSelector.substr(1),
     "data-indent-level": props.path ? (0, _lists.getListIndentLevel)(props.path) : 1,
     start: props.start

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

@@ -76,12 +76,15 @@ var Panel = function Panel(props) {
   var icon = getIcon();
   var renderIcon = function renderIcon() {
     if (icon) {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       return (0, _react2.jsx)("div", {
         className: _panel.PanelSharedCssClassName.icon
       }, icon);
     }
   };
-  return (0, _react2.jsx)(PanelStyled, {
+  return (0, _react2.jsx)(PanelStyled
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: _panel.PanelSharedCssClassName.prefix,
     "data-panel-type": panelType,
     "data-panel-color": panelColor,

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

@@ -153,14 +153,19 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/_react.default.createElement("col", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
       width: _editorSharedStyles.akEditorTableNumberColumnWidth
     },
     "data-test-id": 'num'
   }), colStyles.map(function (style, idx) {
-    return /*#__PURE__*/_react.default.createElement("col", {
-      key: idx,
-      style: style
-    });
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      _react.default.createElement("col", {
+        key: idx,
+        style: style
+      })
+    );
   }));
 };

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

@@ -69,7 +69,9 @@ var FixedTableDiv = exports.FixedTableDiv = function FixedTableDiv(props) {
     mode: mode
   };
   return (0, _react2.jsx)("div", (0, _extends2.default)({}, attrs, {
-    "data-testid": "sticky-table-fixed",
+    "data-testid": "sticky-table-fixed"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: (0, _table2.isTableResizingEnabled)(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : '',
     css: fixedTableCss
   }), props.children);
@@ -116,15 +118,19 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
     wrapperWidth: wrapperWidth,
     rendererAppearance: rendererAppearance
   }, (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
     "data-layout": layout,
     style: {
       width: tableWidth
     }
   }, (0, _react2.jsx)("div", {
-    ref: innerRef,
+    ref: innerRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER),
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       overflow: 'hidden'
     }
   }, (0, _react2.jsx)(_table.Table, {

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

@@ -298,7 +298,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         isInsideOfBlockNode = _this$props.isInsideOfBlockNode,
         isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension;
       var stickyMode = this.state.stickyMode;
-      var lineLength = _editorSharedStyles.akEditorDefaultLayoutWidth;
+      var lineLengthFixedWidth = _editorSharedStyles.akEditorDefaultLayoutWidth;
       var left;
       var updatedLayout;
 
@@ -316,8 +316,17 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         }
       };
       var tableWidth = calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode);
-      if (canUseLinelength(rendererAppearance) && tableWidth > lineLength) {
-        left = lineLength / 2 - tableWidth / 2;
+
+      // Logic for table alignment in renderer
+      var isTableAlignStart = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.allow-table-alignment') && (0, _appearance.isFullWidthOrFullPageAppearance)(rendererAppearance) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start';
+      var fullWidthLineLength = isRenderWidthValid ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, renderWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;
+      var lineLength = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLength : lineLengthFixedWidth;
+      var shouldCalculateLeftForAlignment = isTableAlignStart && ((0, _appearance.isFullPageAppearance)(rendererAppearance) && tableWidth <= lineLengthFixedWidth || (0, _appearance.isFullWidthAppearance)(rendererAppearance));
+      if (shouldCalculateLeftForAlignment) {
+        left = (tableWidth - lineLength) / 2;
+      }
+      if (!shouldCalculateLeftForAlignment && canUseLinelength(rendererAppearance) && tableWidth > lineLengthFixedWidth) {
+        left = lineLengthFixedWidth / 2 - tableWidth / 2;
       }
       var children = _react.default.Children.toArray(this.props.children);
 
@@ -333,13 +342,14 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         updatedLayout = layout;
       }
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " ").concat(this.props.shadowClassNames || ''),
         "data-layout": updatedLayout,
         ref: this.props.handleRef,
         style: {
           width: isTableResizingEnabled(rendererAppearance) ? tableWidth : 'inherit',
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/design-system/ensure-design-token-usage/preview
-          left: left
+          left: left,
+          marginLeft: shouldCalculateLeftForAlignment && left !== undefined ? -left : undefined
         }
       }, stickyHeaders && tableCanBeSticky(tableNode, children) && /*#__PURE__*/_react.default.createElement(_sticky.StickyTable, {
         isNumberColumnEnabled: isNumberColumnEnabled,
@@ -357,6 +367,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         tableNode: tableNode,
         rendererAppearance: rendererAppearance
       }, [children && children[0]]), /*#__PURE__*/_react.default.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER,
         ref: this.wrapperRef,
         onScroll: this.props.stickyHeaders && this.onWrapperScrolled

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

@@ -142,6 +142,7 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
       // the background color is not taken from the inline style.
       // Instead it is taken from the data-cell-background attribute
       // (added via getDataAttributes below).
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
       style: getStyle({
         background: background,
@@ -150,7 +151,9 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
         colorMode: colorMode
       }),
       colorname: colorName,
-      onClick: onClick,
+      onClick: onClick
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: className
     }, getDataAttributes(colwidth, background), {
       "aria-sort": ariaSort
@@ -171,11 +174,13 @@ var withSortableColumn = exports.withSortableColumn = function withSortableColum
       return /*#__PURE__*/_react.default.createElement(WrapperComponent, props);
     }
     return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({}, props, {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: _consts.RendererCssClassName.SORTABLE_COLUMN_WRAPPER,
       ariaSort: getSortOrderLabel(intl, sortOrdered)
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: _consts.RendererCssClassName.SORTABLE_COLUMN
     }, children, /*#__PURE__*/_react.default.createElement("figure", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "".concat(_consts.RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER, " ").concat(sortOrderedClassName)
     }, /*#__PURE__*/_react.default.createElement(_table.SortingIcon, {
       isSortingAllowed: !!onSorting,

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

@@ -78,7 +78,10 @@ var TableRow = exports.default = /*#__PURE__*/function (_React$Component) {
       var childrenArray = _react.default.Children.toArray(children);
       return /*#__PURE__*/_react.default.createElement("tr", {
         ref: innerRef
-      }, this.props.isNumberColumnEnabled && /*#__PURE__*/_react.default.createElement("td", {
+      }, this.props.isNumberColumnEnabled &&
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      _react.default.createElement("td", {
         className: _consts.RendererCssClassName.NUMBER_COLUMN
       }, this.props.index), (0, _utils.compose)(this.addSortableColumn, this.addColGroupWidth)(childrenArray));
     }

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = UnknownBlock;
 var _react = _interopRequireDefault(require("react"));
 function UnknownBlock(props) {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "UnknownBlock"
   }, props.children);

package/dist/cjs/ui/ExtensionRenderer.js

@@ -151,10 +151,13 @@ var ExtensionRenderer = exports.default = /*#__PURE__*/function (_React$Componen
 var InlineNodeRendererWrapper = function InlineNodeRendererWrapper(_ref) {
   var children = _ref.children;
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.inline_extension.extended_lcqdn')) {
-    return (0, _react.jsx)("div", {
-      className: "inline-extension-renderer",
-      css: inlineExtensionStyle
-    }, children);
+    return (
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      (0, _react.jsx)("div", {
+        className: "inline-extension-renderer",
+        css: inlineExtensionStyle
+      }, children)
+    );
   }
   return (0, _react.jsx)(_react2.Fragment, null, children);
 };

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

@@ -56,7 +56,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.29.4";
+var packageVersion = "109.29.6";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
@@ -532,7 +532,9 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
       };
     }
   }, [innerRef, addTelepointer]);
-  return (0, _react2.jsx)(_ui.WidthProvider, {
+  return (0, _react2.jsx)(_ui.WidthProvider
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: "ak-renderer-wrapper is-".concat(appearance),
     "data-appearance": appearance,
     shouldCheckExistingValue: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.inline_extension.extended_lcqdn') && isInsideOfInlineExtension