@atlaskit/editor-plugin-table 7.16.8 → 7.16.10

package/dist/esm/ui/TableFloatingColumnControls/ColumnDropTargets/index.js

@@ -17,10 +17,13 @@ export var ColumnDropTargets = function ColumnDropTargets(_ref) {
     dropTargetRef.current.style.marginLeft = "-".concat((_getScrollOffset = getScrollOffset === null || getScrollOffset === void 0 ? void 0 : getScrollOffset()) !== null && _getScrollOffset !== void 0 ? _getScrollOffset : 0, "px");
   }
   return /*#__PURE__*/React.createElement("div", {
-    ref: dropTargetRef,
+    ref: dropTargetRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: ClassName.DRAG_COLUMN_DROP_TARGET_CONTROLS,
     contentEditable: false
   }, /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ClassName.DRAG_COLUMN_CONTROLS_INNER,
     "data-testid": "table-floating-column-controls-drop-targets"
   }, colWidths === null || colWidths === void 0 ? void 0 : colWidths.map(function (width, index) {

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

@@ -71,7 +71,9 @@ export var TableFloatingColumnControls = function TableFloatingColumnControls(_r
     containerRef === null || containerRef === void 0 || (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.style.removeProperty('top');
   }
   return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
+    ref: containerRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: ClassName.DRAG_COLUMN_CONTROLS_WRAPPER,
     "data-testid": "table-floating-column-controls-wrapper"
   }, /*#__PURE__*/React.createElement(ColumnControls, {

package/dist/esm/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -71,6 +71,7 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
       }
       var isActive = this.isActive();
       return /*#__PURE__*/React.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: classnames(ClassName.CORNER_CONTROLS, {
           active: isActive,
           sticky: this.props.stickyTop !== undefined
@@ -82,18 +83,26 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
         contentEditable: false
       }, /*#__PURE__*/React.createElement("button", {
         "aria-label": formatMessage(messages.cornerControl),
-        type: "button",
+        type: "button"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: classnames(ClassName.CONTROLS_CORNER_BUTTON, {
           danger: isActive && isInDanger
         }),
         onClick: this.selectTable,
         onMouseOver: this.hoverTable,
         onMouseOut: this.clearHoverSelection
-      }), !isHeaderRowEnabled && /*#__PURE__*/React.createElement("div", {
+      }), !isHeaderRowEnabled &&
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      React.createElement("div", {
         className: ClassName.CORNER_CONTROLS_INSERT_ROW_MARKER
       }, /*#__PURE__*/React.createElement("div", {
         className: ClassName.CONTROLS_INSERT_MARKER
-      })), !isHeaderColumnEnabled && /*#__PURE__*/React.createElement("div", {
+      })), !isHeaderColumnEnabled &&
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      React.createElement("div", {
         className: ClassName.CORNER_CONTROLS_INSERT_COLUMN_MARKER
       }, /*#__PURE__*/React.createElement("div", {
         className: ClassName.CONTROLS_INSERT_MARKER

package/dist/esm/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -33,6 +33,7 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
     return null;
   }
   return /*#__PURE__*/React.createElement("button", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: classnames(ClassName.DRAG_CORNER_BUTTON, {
       active: isActive,
       danger: isActive && isInDanger
@@ -78,6 +79,7 @@ var DragCornerControlsComponentWithSelection = function DragCornerControlsCompon
     return null;
   }
   return /*#__PURE__*/React.createElement("button", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: classnames(ClassName.DRAG_CORNER_BUTTON, {
       active: isActive,
       danger: isActive && isInDanger

package/dist/esm/ui/TableFloatingControls/NumberColumn/index.js

@@ -100,6 +100,7 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
         updateCellHoverLocation = _this$props5.updateCellHoverLocation;
       var rowHeights = getRowHeights(tableRef);
       return /*#__PURE__*/React.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: ClassName.NUMBERED_COLUMN,
         style: {
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
@@ -109,17 +110,25 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
         contentEditable: false
       }, rowHeights.map(function (rowHeight, index) {
         return isDragAndDropEnabled ? /*#__PURE__*/React.createElement("div", {
-          key: "wrapper-".concat(index),
+          key: "wrapper-".concat(index)
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
           className: _this2.getClassNames(index, true),
-          "data-index": index,
+          "data-index": index
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
           style: _this2.getCellStyles(index, rowHeight),
           onMouseOver: function onMouseOver() {
             return updateCellHoverLocation(index);
           }
         }, hasHeaderRow ? index > 0 ? index : null : index + 1) : /*#__PURE__*/React.createElement("div", {
-          key: "wrapper-".concat(index),
+          key: "wrapper-".concat(index)
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
           className: _this2.getClassNames(index),
-          "data-index": index,
+          "data-index": index
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
           style: _this2.getCellStyles(index, rowHeight),
           onClick: function onClick(event) {
             return _this2.selectRow(index, event);

package/dist/esm/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -52,50 +52,57 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
       var rowsParams = getRowsParams(rowHeights);
       var firstRow = tableRef.querySelector('tr');
       var hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
-      return /*#__PURE__*/React.createElement("div", {
-        className: ClassName.ROW_CONTROLS
-      }, /*#__PURE__*/React.createElement("div", {
-        className: ClassName.ROW_CONTROLS_INNER
-      }, rowsParams.map(function (_ref, index) {
-        var startIndex = _ref.startIndex,
-          endIndex = _ref.endIndex,
-          height = _ref.height;
-        // if previous row was header row, add its height to our margin
-        var marginTop = -1;
-        if (index === 1 && hasHeaderRow && _this2.props.stickyTop !== undefined) {
-          marginTop += rowHeights[index - 1] + tableToolbarSize;
-        }
-        var thisRowSticky = _this2.props.stickyTop !== undefined && index === 0 && hasHeaderRow;
-        return /*#__PURE__*/React.createElement("div", {
-          className: "".concat(ClassName.ROW_CONTROLS_BUTTON_WRAP, " ").concat(getRowClassNames(startIndex, selectionState || selection, hoveredRows, isInDanger, isResizing), " ").concat(thisRowSticky ? 'sticky' : ''),
-          key: startIndex,
-          style: {
-            // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            height: height,
-            // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            marginTop: "".concat(marginTop, "px"),
-            // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            top: thisRowSticky ? "".concat(_this2.props.stickyTop + 3, "px") : undefined,
-            // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            paddingTop: thisRowSticky ? "".concat(tableControlsSpacing, "px") : undefined
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        React.createElement("div", {
+          className: ClassName.ROW_CONTROLS
+        }, /*#__PURE__*/React.createElement("div", {
+          className: ClassName.ROW_CONTROLS_INNER
+        }, rowsParams.map(function (_ref, index) {
+          var startIndex = _ref.startIndex,
+            endIndex = _ref.endIndex,
+            height = _ref.height;
+          // if previous row was header row, add its height to our margin
+          var marginTop = -1;
+          if (index === 1 && hasHeaderRow && _this2.props.stickyTop !== undefined) {
+            marginTop += rowHeights[index - 1] + tableToolbarSize;
           }
-        }, /*#__PURE__*/React.createElement("button", {
-          "aria-label": formatMessage(messages.rowControl),
-          type: "button",
-          className: "".concat(ClassName.ROW_CONTROLS_BUTTON, " ").concat(ClassName.CONTROLS_BUTTON),
-          onClick: function onClick(event) {
-            return _this2.props.selectRow(startIndex, event.shiftKey);
-          },
-          onMouseOver: function onMouseOver() {
-            return _this2.props.hoverRows([startIndex]);
-          },
-          onMouseOut: _this2.clearHoverSelection,
-          "data-start-index": startIndex,
-          "data-end-index": endIndex
-        }), /*#__PURE__*/React.createElement("div", {
-          className: ClassName.CONTROLS_INSERT_MARKER
-        }));
-      })));
+          var thisRowSticky = _this2.props.stickyTop !== undefined && index === 0 && hasHeaderRow;
+          return /*#__PURE__*/React.createElement("div", {
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+            className: "".concat(ClassName.ROW_CONTROLS_BUTTON_WRAP, " ").concat(getRowClassNames(startIndex, selectionState || selection, hoveredRows, isInDanger, isResizing), " ").concat(thisRowSticky ? 'sticky' : ''),
+            key: startIndex,
+            style: {
+              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+              height: height,
+              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+              marginTop: "".concat(marginTop, "px"),
+              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+              top: thisRowSticky ? "".concat(_this2.props.stickyTop + 3, "px") : undefined,
+              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+              paddingTop: thisRowSticky ? "".concat(tableControlsSpacing, "px") : undefined
+            }
+          }, /*#__PURE__*/React.createElement("button", {
+            "aria-label": formatMessage(messages.rowControl),
+            type: "button"
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+            ,
+            className: "".concat(ClassName.ROW_CONTROLS_BUTTON, " ").concat(ClassName.CONTROLS_BUTTON),
+            onClick: function onClick(event) {
+              return _this2.props.selectRow(startIndex, event.shiftKey);
+            },
+            onMouseOver: function onMouseOver() {
+              return _this2.props.hoverRows([startIndex]);
+            },
+            onMouseOut: _this2.clearHoverSelection,
+            "data-start-index": startIndex,
+            "data-end-index": endIndex
+          }), /*#__PURE__*/React.createElement("div", {
+            className: ClassName.CONTROLS_INSERT_MARKER
+          }));
+        })))
+      );
     }
   }]);
   return RowControlsComponent;

package/dist/esm/ui/TableFloatingControls/RowControls/DragControls.js

@@ -136,13 +136,18 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
       key: type,
       style: {
         gridRow: gridRow,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         gridColumn: '2',
         // DragHandle uses `transform: rotate(90)`, which doesn't affect its parent (this div) causing the width of this element to be the true height of the drag handle
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         display: 'flex',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         width: '9px',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         height: '100%',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         position: 'relative',
-        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+        // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         right: '-0.5px'
       },
       "data-testid": "table-floating-row-".concat(isHover ? rowIndex : selectedRowIndexes[0], "-drag-handle")
@@ -183,6 +188,7 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ClassName.DRAG_ROW_CONTROLS,
     style: {
       gridTemplateRows: heights,
@@ -200,10 +206,13 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
     }, /*#__PURE__*/React.createElement("div", {
       style: {
         gridRow: "".concat(index + 1, " / span 1"),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         gridColumn: '2'
       },
       "data-start-index": startIndex,
-      "data-end-index": endIndex,
+      "data-end-index": endIndex
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: ClassName.DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER,
       contentEditable: false,
       key: "insert-dot-".concat(index)
@@ -214,11 +223,16 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
       index: index,
       localId: currentNodeLocalId,
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         gridColumn: '1 / span 3',
         gridRow: "".concat(index + 1, " / span 1"),
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         height: '100%',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         pointerEvents: 'auto',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         position: 'relative',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         left: "var(--ds-space-negative-100, -8px)"
       }
     }));

package/dist/esm/ui/TableFloatingControls/RowDropTarget/index.js

@@ -70,7 +70,9 @@ var RowDropTarget = function RowDropTarget(_ref) {
     });
   }, [index, localId]);
   return /*#__PURE__*/React.createElement("div", {
-    ref: dropTargetRef,
+    ref: dropTargetRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style,
     "data-drop-target-index": index,
     "data-drop-target-localid": localId,

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

@@ -66,81 +66,85 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
   }
   var stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
   var wrapperClassName = isDragAndDropEnabled ? ClassName.DRAG_ROW_CONTROLS_WRAPPER : ClassName.ROW_CONTROLS_WRAPPER;
-  return /*#__PURE__*/React.createElement("div", {
-    className: wrapperClassName
-  }, /*#__PURE__*/React.createElement("div", {
-    onMouseDown: function onMouseDown(e) {
-      return !isDragAndDropEnabled && e.preventDefault();
-    }
-  }, isNumberColumnEnabled ? /*#__PURE__*/React.createElement(NumberColumn, {
-    editorView: editorView,
-    hoverRows: _hoverRows,
-    tableRef: tableRef,
-    tableActive: tableActive,
-    hoveredRows: hoveredRows,
-    hasHeaderRow: hasHeaderRow,
-    isInDanger: isInDanger,
-    isResizing: isResizing,
-    selectRow: _selectRow,
-    updateCellHoverLocation: updateCellHoverLocation,
-    stickyTop: stickyTop,
-    isDragAndDropEnabled: isDragAndDropEnabled
-  }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, getBooleanFF('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
-    editorView: editorView,
-    tableRef: tableRef,
-    isInDanger: isInDanger,
-    isResizing: isResizing,
-    api: api
-  }) : /*#__PURE__*/React.createElement(DragCornerControls, {
-    editorView: editorView,
-    tableRef: tableRef,
-    isInDanger: isInDanger,
-    isResizing: isResizing
-  }), /*#__PURE__*/React.createElement(DragControls, {
-    tableRef: tableRef,
-    tableNode: tableNode,
-    hoveredCell: hoveredCell,
-    isTableHovered: isTableHovered,
-    editorView: editorView,
-    tableActive: tableActive,
-    isInDanger: isInDanger,
-    isResizing: isResizing,
-    tableWidth: tableWrapperWidth,
-    hoverRows: _hoverRows,
-    selectRow: _selectRow,
-    selectRows: _selectRows,
-    updateCellHoverLocation: updateCellHoverLocation
-  })) : getBooleanFF('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/React.createElement(FloatingControlsWithSelection, {
-    editorView: editorView,
-    tableRef: tableRef,
-    isInDanger: isInDanger,
-    isResizing: isResizing,
-    isHeaderRowEnabled: isHeaderRowEnabled,
-    isHeaderColumnEnabled: isHeaderColumnEnabled,
-    hoveredRows: hoveredRows,
-    stickyTop: tableActive ? stickyTop : undefined,
-    tableActive: tableActive,
-    hoverRows: _hoverRows,
-    selectRow: _selectRow,
-    api: api
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CornerControls, {
-    editorView: editorView,
-    tableRef: tableRef,
-    isInDanger: isInDanger,
-    isResizing: isResizing,
-    isHeaderRowEnabled: isHeaderRowEnabled,
-    isHeaderColumnEnabled: isHeaderColumnEnabled,
-    hoveredRows: hoveredRows,
-    stickyTop: tableActive ? stickyTop : undefined
-  }), /*#__PURE__*/React.createElement(RowControls, {
-    editorView: editorView,
-    tableRef: tableRef,
-    hoverRows: _hoverRows,
-    hoveredRows: hoveredRows,
-    isInDanger: isInDanger,
-    isResizing: isResizing,
-    selectRow: _selectRow,
-    stickyTop: tableActive ? stickyTop : undefined
-  })))));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    React.createElement("div", {
+      className: wrapperClassName
+    }, /*#__PURE__*/React.createElement("div", {
+      onMouseDown: function onMouseDown(e) {
+        return !isDragAndDropEnabled && e.preventDefault();
+      }
+    }, isNumberColumnEnabled ? /*#__PURE__*/React.createElement(NumberColumn, {
+      editorView: editorView,
+      hoverRows: _hoverRows,
+      tableRef: tableRef,
+      tableActive: tableActive,
+      hoveredRows: hoveredRows,
+      hasHeaderRow: hasHeaderRow,
+      isInDanger: isInDanger,
+      isResizing: isResizing,
+      selectRow: _selectRow,
+      updateCellHoverLocation: updateCellHoverLocation,
+      stickyTop: stickyTop,
+      isDragAndDropEnabled: isDragAndDropEnabled
+    }) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, getBooleanFF('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
+      editorView: editorView,
+      tableRef: tableRef,
+      isInDanger: isInDanger,
+      isResizing: isResizing,
+      api: api
+    }) : /*#__PURE__*/React.createElement(DragCornerControls, {
+      editorView: editorView,
+      tableRef: tableRef,
+      isInDanger: isInDanger,
+      isResizing: isResizing
+    }), /*#__PURE__*/React.createElement(DragControls, {
+      tableRef: tableRef,
+      tableNode: tableNode,
+      hoveredCell: hoveredCell,
+      isTableHovered: isTableHovered,
+      editorView: editorView,
+      tableActive: tableActive,
+      isInDanger: isInDanger,
+      isResizing: isResizing,
+      tableWidth: tableWrapperWidth,
+      hoverRows: _hoverRows,
+      selectRow: _selectRow,
+      selectRows: _selectRows,
+      updateCellHoverLocation: updateCellHoverLocation
+    })) : getBooleanFF('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/React.createElement(FloatingControlsWithSelection, {
+      editorView: editorView,
+      tableRef: tableRef,
+      isInDanger: isInDanger,
+      isResizing: isResizing,
+      isHeaderRowEnabled: isHeaderRowEnabled,
+      isHeaderColumnEnabled: isHeaderColumnEnabled,
+      hoveredRows: hoveredRows,
+      stickyTop: tableActive ? stickyTop : undefined,
+      tableActive: tableActive,
+      hoverRows: _hoverRows,
+      selectRow: _selectRow,
+      api: api
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CornerControls, {
+      editorView: editorView,
+      tableRef: tableRef,
+      isInDanger: isInDanger,
+      isResizing: isResizing,
+      isHeaderRowEnabled: isHeaderRowEnabled,
+      isHeaderColumnEnabled: isHeaderColumnEnabled,
+      hoveredRows: hoveredRows,
+      stickyTop: tableActive ? stickyTop : undefined
+    }), /*#__PURE__*/React.createElement(RowControls, {
+      editorView: editorView,
+      tableRef: tableRef,
+      hoverRows: _hoverRows,
+      hoveredRows: hoveredRows,
+      isInDanger: isInDanger,
+      isResizing: isResizing,
+      selectRow: _selectRow,
+      stickyTop: tableActive ? stickyTop : undefined
+    })))))
+  );
 };
 export default TableFloatingControls;

package/dist/esm/ui/icons/DragHandleDisabledIcon.js

@@ -6,7 +6,9 @@ export var DragHandleDisabledIcon = function DragHandleDisabledIcon(_ref) {
     height: "16",
     viewBox: "0 0 24 16",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
+    xmlns: "http://www.w3.org/2000/svg"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style,
     "data-testid": "drag-icon-disabled"
   }, /*#__PURE__*/React.createElement("rect", {

package/dist/esm/ui/icons/DragInMotionIcon.js

@@ -6,7 +6,9 @@ export var DragInMotionIcon = function DragInMotionIcon(_ref) {
     height: "20",
     viewBox: "0 0 28 20",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
+    xmlns: "http://www.w3.org/2000/svg"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style
   }, /*#__PURE__*/React.createElement("rect", {
     x: "1",

package/dist/esm/ui/icons/MinimisedHandle.js

@@ -7,6 +7,7 @@ export var MinimisedHandleIcon = function MinimisedHandleIcon() {
     height: "5",
     fill: "none"
   }, /*#__PURE__*/React.createElement("rect", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: ClassName.DRAG_HANDLE_MINIMISED,
     width: "24",
     height: "5",

package/dist/esm/utils/guidelines.js

@@ -6,7 +6,10 @@ import { calculateDefaultSnappings, calculateDefaultTablePreserveSnappings } fro
 // If we don't do this then the guidelines will not align correctly to the edge of the table
 export var defaultGuidelines = createFixedGuidelinesFromLengths([0].concat(_toConsumableArray(calculateDefaultSnappings(-1))));
 export var defaultGuidelinesForPreserveTable = function defaultGuidelinesForPreserveTable(editorContainerWidth) {
-  var excludeInnerGuidelines = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var lengths = calculateDefaultTablePreserveSnappings(-1, editorContainerWidth, excludeInnerGuidelines);
+  var exclude = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    innerGuidelines: false,
+    breakoutPoints: false
+  };
+  var lengths = calculateDefaultTablePreserveSnappings(-1, editorContainerWidth, exclude);
   return createFixedGuidelinesFromLengths(lengths, undefined, true);
 };

package/dist/esm/utils/snapping.js

@@ -12,24 +12,33 @@ export var calculateDefaultSnappings = function calculateDefaultSnappings() {
   var lengthOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   return [].concat(_toConsumableArray(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset)), [akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, akEditorFullWidthLayoutWidth + lengthOffset]);
 };
-
 // FF TablePreserve for calculateDefaultSnappings
 export var calculateDefaultTablePreserveSnappings = function calculateDefaultTablePreserveSnappings() {
   var lengthOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   var editorContainerWith = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : akEditorFullWidthLayoutWidth;
-  var excludeInnerGuidelines = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var exclude = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    innerGuidelines: false,
+    breakoutPoints: false
+  };
   var dynamicFullWidthLine = editorContainerWith - akEditorGutterPadding * 2 >= akEditorFullWidthLayoutWidth ? akEditorFullWidthLayoutWidth : editorContainerWith - akEditorGutterPadding * 2 - tableResizerWidth;
-  if (excludeInnerGuidelines) {
-    return [akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, dynamicFullWidthLine - lengthOffset];
+  var guides = [dynamicFullWidthLine - lengthOffset];
+  if (!exclude.breakoutPoints) {
+    guides.unshift(akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset);
   }
-  return [0].concat(_toConsumableArray(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset)), [akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, dynamicFullWidthLine - lengthOffset]);
+  if (!exclude.innerGuidelines) {
+    guides.unshift.apply(guides, [0].concat(_toConsumableArray(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset))));
+  }
+  return guides;
 };
 export var defaultSnappingWidths = calculateDefaultSnappings();
 
 // FF TablePreserve for defaultSnappingWidths
 export var defaultTablePreserveSnappingWidths = function defaultTablePreserveSnappingWidths(editorContainerWidth) {
-  var excludeInnerGuidelines = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return editorContainerWidth - akEditorGutterPadding * 2 > akEditorFullWidthLayoutWidth ? calculateDefaultSnappings() : calculateDefaultTablePreserveSnappings(0, editorContainerWidth, excludeInnerGuidelines);
+  var exclude = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    innerGuidelines: false,
+    breakoutPoints: false
+  };
+  return editorContainerWidth - akEditorGutterPadding * 2 > akEditorFullWidthLayoutWidth ? calculateDefaultSnappings() : calculateDefaultTablePreserveSnappings(0, editorContainerWidth, exclude);
 };
 
 /**

package/dist/types/toolbar.d.ts

@@ -19,6 +19,7 @@ type AlignmentIcon = {
     value: AlignmentOptions;
     icon: React.ComponentClass<any>;
 };
-export declare const getAlignmentOptionsConfig: (editorState: EditorState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => Array<FloatingToolbarDropdown<Command>>;
+export declare const getAlignmentOptionsConfig: (editorState: EditorState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorContainerWidth: GetEditorContainerWidth) => Array<FloatingToolbarDropdown<Command>>;
 export declare const getSelectedAlignmentIcon: (alignmentIcons: AlignmentIcon[], selectedNode: PMNode) => AlignmentIcon | undefined;
+export declare const isLayoutOptionDisabled: (selectedNode: PMNode, getEditorContainerWidth: GetEditorContainerWidth) => boolean;
 export {};

package/dist/types/utils/guidelines.d.ts

@@ -1,3 +1,4 @@
 import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
+import type { GuidelineExcludeConfig } from './snapping';
 export declare const defaultGuidelines: GuidelineConfig[];
-export declare const defaultGuidelinesForPreserveTable: (editorContainerWidth: number, excludeInnerGuidelines?: boolean) => GuidelineConfig[];
+export declare const defaultGuidelinesForPreserveTable: (editorContainerWidth: number, exclude?: GuidelineExcludeConfig) => GuidelineConfig[];

package/dist/types/utils/snapping.d.ts

@@ -1,8 +1,12 @@
 import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
 export declare const calculateDefaultSnappings: (lengthOffset?: number) => number[];
-export declare const calculateDefaultTablePreserveSnappings: (lengthOffset?: number, editorContainerWith?: number, excludeInnerGuidelines?: boolean) => number[];
+export type GuidelineExcludeConfig = {
+    innerGuidelines: boolean;
+    breakoutPoints: boolean;
+};
+export declare const calculateDefaultTablePreserveSnappings: (lengthOffset?: number, editorContainerWith?: number, exclude?: GuidelineExcludeConfig) => number[];
 export declare const defaultSnappingWidths: number[];
-export declare const defaultTablePreserveSnappingWidths: (editorContainerWidth: number, excludeInnerGuidelines?: boolean) => number[];
+export declare const defaultTablePreserveSnappingWidths: (editorContainerWidth: number, exclude?: GuidelineExcludeConfig) => number[];
 /**
  * Returns keys of guidelines that are closest to the table and withthin the snapGap
  */

package/dist/types-ts4.5/toolbar.d.ts

@@ -19,6 +19,7 @@ type AlignmentIcon = {
     value: AlignmentOptions;
     icon: React.ComponentClass<any>;
 };
-export declare const getAlignmentOptionsConfig: (editorState: EditorState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => Array<FloatingToolbarDropdown<Command>>;
+export declare const getAlignmentOptionsConfig: (editorState: EditorState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorContainerWidth: GetEditorContainerWidth) => Array<FloatingToolbarDropdown<Command>>;
 export declare const getSelectedAlignmentIcon: (alignmentIcons: AlignmentIcon[], selectedNode: PMNode) => AlignmentIcon | undefined;
+export declare const isLayoutOptionDisabled: (selectedNode: PMNode, getEditorContainerWidth: GetEditorContainerWidth) => boolean;
 export {};

package/dist/types-ts4.5/utils/guidelines.d.ts

@@ -1,3 +1,4 @@
 import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
+import type { GuidelineExcludeConfig } from './snapping';
 export declare const defaultGuidelines: GuidelineConfig[];
-export declare const defaultGuidelinesForPreserveTable: (editorContainerWidth: number, excludeInnerGuidelines?: boolean) => GuidelineConfig[];
+export declare const defaultGuidelinesForPreserveTable: (editorContainerWidth: number, exclude?: GuidelineExcludeConfig) => GuidelineConfig[];

package/dist/types-ts4.5/utils/snapping.d.ts

@@ -1,8 +1,12 @@
 import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
 export declare const calculateDefaultSnappings: (lengthOffset?: number) => number[];
-export declare const calculateDefaultTablePreserveSnappings: (lengthOffset?: number, editorContainerWith?: number, excludeInnerGuidelines?: boolean) => number[];
+export type GuidelineExcludeConfig = {
+    innerGuidelines: boolean;
+    breakoutPoints: boolean;
+};
+export declare const calculateDefaultTablePreserveSnappings: (lengthOffset?: number, editorContainerWith?: number, exclude?: GuidelineExcludeConfig) => number[];
 export declare const defaultSnappingWidths: number[];
-export declare const defaultTablePreserveSnappingWidths: (editorContainerWidth: number, excludeInnerGuidelines?: boolean) => number[];
+export declare const defaultTablePreserveSnappingWidths: (editorContainerWidth: number, exclude?: GuidelineExcludeConfig) => number[];
 /**
  * Returns keys of guidelines that are closest to the table and withthin the snapGap
  */