@atlaskit/editor-plugin-table 22.4.3 → 22.4.5

package/dist/esm/ui/TableMenu/row/items/MoveRowDownItem.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { moveRowDown, moveRowDownOld, tooltip } from '@atlaskit/editor-common/keymaps';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
+import { TableRowMoveDownIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+var getMoveRowDownShortcut = function getMoveRowDownShortcut() {
+  return tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowDown : moveRowDownOld);
+};
+export var MoveRowDownItem = function MoveRowDownItem() {
+  var _getMoveRowDownShortc;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/React.createElement(TableRowMoveDownIcon, {
+      color: "currentColor",
+      label: "",
+      size: "small"
+    }),
+    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
+      shortcut: (_getMoveRowDownShortc = getMoveRowDownShortcut()) !== null && _getMoveRowDownShortc !== void 0 ? _getMoveRowDownShortc : ''
+    })
+  }, formatMessage(messages.moveRowDown, {
+    0: 1
+  }));
+};

package/dist/esm/ui/TableMenu/row/items/MoveRowUpItem.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { moveRowUp, moveRowUpOld, tooltip } from '@atlaskit/editor-common/keymaps';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
+import { TableRowMoveUpIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+var getMoveRowUpShortcut = function getMoveRowUpShortcut() {
+  return tooltip(expValEquals('editor-a11y-fy26-keyboard-move-row-column', 'isEnabled', true) ? moveRowUp : moveRowUpOld);
+};
+export var MoveRowUpItem = function MoveRowUpItem() {
+  var _getMoveRowUpShortcut;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/React.createElement(TableRowMoveUpIcon, {
+      color: "currentColor",
+      label: "",
+      size: "small"
+    }),
+    elemAfter: /*#__PURE__*/React.createElement(ToolbarKeyboardShortcutHint, {
+      shortcut: (_getMoveRowUpShortcut = getMoveRowUpShortcut()) !== null && _getMoveRowUpShortcut !== void 0 ? _getMoveRowUpShortcut : ''
+    })
+  }, formatMessage(messages.moveRowUp, {
+    0: 1
+  }));
+};

package/dist/esm/ui/TableMenu/row/items/NumberedRowsToggleItem.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import Toggle from '@atlaskit/toggle';
+export var NumberedRowsToggleItem = function NumberedRowsToggleItem() {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var label = formatMessage(messages.numberedRows);
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemAfter: /*#__PURE__*/React.createElement(Toggle, {
+      label: label,
+      isChecked: false
+    })
+  }, label);
+};

package/dist/esm/ui/TableMenu/row/keys.js

@@ -1,4 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { BACKGROUND_COLOR_ITEM, CLEAR_CELLS_ITEM } from '../shared/keys';
+
 // --- Menu surface ---
 
 export var ROW_MENU = {
@@ -24,7 +26,7 @@ export var ROW_DANGER_SECTION = {
   type: 'menu-section',
   key: 'row-danger-section'
 };
-export var ROW_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ROW_TOGGLE_SECTION.key, 100), ROW_BACKGROUND_SECTION.key, 200), ROW_ADD_SECTION.key, 300), ROW_DANGER_SECTION.key, 400);
+export var ROW_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ROW_TOGGLE_SECTION.key, 100), ROW_BACKGROUND_SECTION.key, 200), ROW_ADD_SECTION.key, 300), ROW_DANGER_SECTION.key, 400);
 export var HEADER_ROW_TOGGLE_ITEM = {
   type: 'menu-item',
   key: 'header-row-toggle'
@@ -33,10 +35,6 @@ export var NUMBERED_ROWS_TOGGLE_ITEM = {
   type: 'menu-item',
   key: 'numbered-rows-toggle'
 };
-export var BACKGROUND_COLOR_ITEM = {
-  type: 'menu-item',
-  key: 'background-color'
-};
 export var ADD_ROW_ABOVE_ITEM = {
   type: 'menu-item',
   key: 'add-row-above'
@@ -53,10 +51,6 @@ export var MOVE_ROW_DOWN_ITEM = {
   type: 'menu-item',
   key: 'move-row-down'
 };
-export var CLEAR_CELLS_ITEM = {
-  type: 'menu-item',
-  key: 'clear-cells'
-};
 export var DELETE_ROW_ITEM = {
   type: 'menu-item',
   key: 'delete-row'
@@ -64,7 +58,7 @@ export var DELETE_ROW_ITEM = {
 
 // --- Item ranks within their sections ---
 
-export var TOGGLE_SECTION_ITEM_RANK = _defineProperty(_defineProperty({}, HEADER_ROW_TOGGLE_ITEM.key, 100), NUMBERED_ROWS_TOGGLE_ITEM.key, 200);
-export var BACKGROUND_SECTION_ITEM_RANK = _defineProperty({}, BACKGROUND_COLOR_ITEM.key, 100);
-export var ADD_SECTION_ITEM_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ADD_ROW_ABOVE_ITEM.key, 100), ADD_ROW_BELOW_ITEM.key, 200), MOVE_ROW_UP_ITEM.key, 300), MOVE_ROW_DOWN_ITEM.key, 400);
-export var DANGER_SECTION_ITEM_RANK = _defineProperty(_defineProperty({}, CLEAR_CELLS_ITEM.key, 100), DELETE_ROW_ITEM.key, 200);
+export var ROW_TOGGLE_SECTION_RANK = _defineProperty(_defineProperty({}, HEADER_ROW_TOGGLE_ITEM.key, 100), NUMBERED_ROWS_TOGGLE_ITEM.key, 200);
+export var ROW_BACKGROUND_SECTION_RANK = _defineProperty({}, BACKGROUND_COLOR_ITEM.key, 100);
+export var ROW_ADD_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ADD_ROW_ABOVE_ITEM.key, 100), ADD_ROW_BELOW_ITEM.key, 200), MOVE_ROW_UP_ITEM.key, 300), MOVE_ROW_DOWN_ITEM.key, 400);
+export var ROW_DANGER_SECTION_RANK = _defineProperty(_defineProperty({}, CLEAR_CELLS_ITEM.key, 100), DELETE_ROW_ITEM.key, 200);

package/dist/esm/ui/TableMenu/shared/TableMenu.js

@@ -0,0 +1,27 @@
+/* TableMenu.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./TableMenu.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { memo, useMemo } from 'react';
+import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model';
+import { Box } from '@atlaskit/primitives/compiled';
+var tableMenuContainerStyles = {
+  container: "_2rko1qi0 _1reo15vq _18m915vq _1bsb1178 _16qs130s _bfhk1bhr"
+};
+export var TableMenu = /*#__PURE__*/memo(function (_ref) {
+  var api = _ref.api,
+    surface = _ref.surface;
+  var components = useMemo(function () {
+    var _api$uiControlRegistr, _api$uiControlRegistr2;
+    return (_api$uiControlRegistr = api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(surface.key)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : [];
+  }, [api, surface.key]);
+  if (components.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: tableMenuContainerStyles.container,
+    testId: surface.key
+  }, /*#__PURE__*/React.createElement(SurfaceRenderer, {
+    surface: surface,
+    components: components
+  }));
+});

package/dist/esm/ui/TableMenu/shared/consts.js

@@ -1 +1 @@
-export var newMenuWidth = 280;
+export var TABLE_MENU_WIDTH = 280;

package/dist/esm/ui/TableMenu/shared/getSharedItems.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { COLUMN_BACKGROUND_SECTION, COLUMN_DANGER_SECTION, COLUMN_BACKGROUND_SECTION_RANK, COLUMN_DANGER_SECTION_RANK } from '../column/keys';
+import { ROW_BACKGROUND_SECTION, ROW_DANGER_SECTION, ROW_BACKGROUND_SECTION_RANK, ROW_DANGER_SECTION_RANK } from '../row/keys';
+import { BackgroundColorItem } from './items/BackgroundColorItem';
+import { ClearCellsItem } from './items/ClearCellsItem';
+import { BACKGROUND_COLOR_ITEM, CLEAR_CELLS_ITEM } from './keys';
+export var getSharedItems = function getSharedItems() {
+  return [{
+    type: BACKGROUND_COLOR_ITEM.type,
+    key: BACKGROUND_COLOR_ITEM.key,
+    parents: [{
+      type: ROW_BACKGROUND_SECTION.type,
+      key: ROW_BACKGROUND_SECTION.key,
+      rank: ROW_BACKGROUND_SECTION_RANK[BACKGROUND_COLOR_ITEM.key]
+    }, {
+      type: COLUMN_BACKGROUND_SECTION.type,
+      key: COLUMN_BACKGROUND_SECTION.key,
+      rank: COLUMN_BACKGROUND_SECTION_RANK[BACKGROUND_COLOR_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(BackgroundColorItem, null);
+    }
+  }, {
+    type: CLEAR_CELLS_ITEM.type,
+    key: CLEAR_CELLS_ITEM.key,
+    parents: [{
+      type: ROW_DANGER_SECTION.type,
+      key: ROW_DANGER_SECTION.key,
+      rank: ROW_DANGER_SECTION_RANK[CLEAR_CELLS_ITEM.key]
+    }, {
+      type: COLUMN_DANGER_SECTION.type,
+      key: COLUMN_DANGER_SECTION.key,
+      rank: COLUMN_DANGER_SECTION_RANK[CLEAR_CELLS_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(ClearCellsItem, null);
+    }
+  }];
+};

package/dist/esm/ui/TableMenu/shared/getTableMenuComponents.js

@@ -0,0 +1,7 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { getColumnMenuComponents } from '../column/getColumnMenuComponents';
+import { getRowMenuComponents } from '../row/getRowMenuComponents';
+import { getSharedItems } from './getSharedItems';
+export var getTableMenuComponents = function getTableMenuComponents() {
+  return [].concat(_toConsumableArray(getRowMenuComponents()), _toConsumableArray(getColumnMenuComponents()), _toConsumableArray(getSharedItems()));
+};

package/dist/esm/ui/TableMenu/shared/items/BackgroundColorItem.js

@@ -14,17 +14,16 @@ var colorPaletteStyles = {
   elemAfter: "_zulp1b66 _1e0c1txw _4cvr1h6o",
   colorPreview: "_2rko12b0 _1h6d1l7x _1dqonqa1 _189ee4h9 _1bsbdlk8 _4t3idlk8 _1o9zidpf"
 };
-export var BackgroundColorItem = function BackgroundColorItem(_ref) {
-  var testId = _ref.testId;
+export var BackgroundColorItem = function BackgroundColorItem() {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var selectedColor = '#ffffff';
   var onClick = useCallback(function () {}, []);
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   var colorPreviewStyle = useMemo(function () {
     return {
-      backgroundColor: selectedColor
+      backgroundColor: '#ffffff'
     };
-  }, [selectedColor]);
+  }, []);
   var paletteOptions = useMemo(function () {
     return {
       palette: cellBackgroundColorPalette,
@@ -33,7 +32,6 @@ export var BackgroundColorItem = function BackgroundColorItem(_ref) {
     };
   }, []);
   return /*#__PURE__*/React.createElement(ToolbarNestedDropdownMenu, {
-    testId: testId,
     elemBefore: /*#__PURE__*/React.createElement(PaintBucketIcon, {
       color: "currentColor",
       label: "",
@@ -54,7 +52,7 @@ export var BackgroundColorItem = function BackgroundColorItem(_ref) {
   }, /*#__PURE__*/React.createElement(ColorPalette, {
     cols: colorPaletteColumns,
     onClick: onClick,
-    selectedColor: selectedColor,
+    selectedColor: colorPreviewStyle.backgroundColor,
     paletteOptions: paletteOptions
   })));
 };

package/dist/esm/ui/TableMenu/shared/items/ClearCellsItem.js

@@ -3,13 +3,11 @@ import { useIntl } from 'react-intl';
 import { backspace, tooltip } from '@atlaskit/editor-common/keymaps';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { CrossIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
-export var ClearCellsItem = function ClearCellsItem(_ref) {
+export var ClearCellsItem = function ClearCellsItem() {
   var _tooltip;
-  var testId = _ref.testId;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    testId: testId,
     elemBefore: /*#__PURE__*/React.createElement(CrossIcon, {
       color: "currentColor",
       label: "",

package/dist/esm/ui/TableMenu/shared/keys.js

@@ -0,0 +1,8 @@
+export var BACKGROUND_COLOR_ITEM = {
+  type: 'menu-item',
+  key: 'background-color'
+};
+export var CLEAR_CELLS_ITEM = {
+  type: 'menu-item',
+  key: 'clear-cells'
+};

package/dist/esm/ui/common-styles.js

@@ -65,16 +65,16 @@ var tableStickyHeaderFirefoxFixStyle = function tableStickyHeaderFirefoxFixStyle
   }
 };
 var roundedTableCellCornerStyles = function roundedTableCellCornerStyles() {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\t.", " > table {\n\t\t/* Round table corner cells (including merged cells that span to the edge)\n\t\t   and their interaction overlays. The data-reaches-* attributes are set by the\n\t\t   TableCell node view based on each cell's position + rowspan/colspan. */\n\t\t> tbody > tr > td[data-reaches-top][data-reaches-left],\n\t\t> tbody > tr > th[data-reaches-top][data-reaches-left] {\n\t\t\tborder-top-left-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&.", "::after,\n\t\t\t&.", ".", "::after {\n\t\t\t\tborder-top-left-radius: ", ";\n\t\t\t}\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-top][data-reaches-right],\n\t\t> tbody > tr > th[data-reaches-top][data-reaches-right] {\n\t\t\tborder-top-right-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&.", "::after,\n\t\t\t&.", ".", "::after {\n\t\t\t\tborder-top-right-radius: ", ";\n\t\t\t}\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-bottom][data-reaches-left],\n\t\t> tbody > tr > th[data-reaches-bottom][data-reaches-left] {\n\t\t\tborder-bottom-left-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&.", "::after,\n\t\t\t&.", ".", "::after {\n\t\t\t\tborder-bottom-left-radius: ", ";\n\t\t\t}\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-bottom][data-reaches-right],\n\t\t> tbody > tr > th[data-reaches-bottom][data-reaches-right] {\n\t\t\tborder-bottom-right-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&.", "::after,\n\t\t\t&.", ".", "::after {\n\t\t\t\tborder-bottom-right-radius: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), ClassName.TABLE_NODE_WRAPPER, "var(--ds-radius-medium, 6px)", ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)");
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\t.", " > table {\n\t\t/* Round table corner cells (including merged cells that span to the edge)\n\t\t   and their interaction overlays. The data-reaches-* attributes are set by the\n\t\t   TableCell node view based on each cell's position + rowspan/colspan. */\n\t\t> tbody > tr > td[data-reaches-top][data-reaches-left],\n\t\t> tbody > tr > th[data-reaches-top][data-reaches-left] {\n\t\t\tborder-top-left-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&.", "::after,\n\t\t\t\t&.", ".", "::after {\n\t\t\t\tborder-top-left-radius: ", ";\n\t\t\t}\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-top][data-reaches-right],\n\t\t> tbody > tr > th[data-reaches-top][data-reaches-right] {\n\t\t\tborder-top-right-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&.", "::after,\n\t\t\t\t&.", ".", "::after {\n\t\t\t\tborder-top-right-radius: ", ";\n\t\t\t}\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-bottom][data-reaches-left],\n\t\t> tbody > tr > th[data-reaches-bottom][data-reaches-left] {\n\t\t\tborder-bottom-left-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&.", "::after,\n\t\t\t\t&.", ".", "::after {\n\t\t\t\tborder-bottom-left-radius: ", ";\n\t\t\t}\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-bottom][data-reaches-right],\n\t\t> tbody > tr > th[data-reaches-bottom][data-reaches-right] {\n\t\t\tborder-bottom-right-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&.", "::after,\n\t\t\t\t&.", ".", "::after {\n\t\t\t\tborder-bottom-right-radius: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), ClassName.TABLE_NODE_WRAPPER, "var(--ds-radius-medium, 6px)", ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_NO_HIGHLIGHT, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)");
 };
 var roundedTableInteractionOverlayStyles = function roundedTableInteractionOverlayStyles() {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\t.", " > table {\n\t\t/* Active-cell highlight base properties (replaces activeCellHighlightStyles).\n\t\t   width/height: auto overrides the base cell ::after which uses width: 100%; height: 100%,\n\t\t   so that left/right/top/bottom determine the size instead. */\n\t\ttd.", ".", "::after,\n\t\tth.", ".", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t\tbox-shadow: ", ";\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop: -1px;\n\t\t\tleft: -1px;\n\t\t\tright: -1px;\n\t\t\tbottom: -1px;\n\t\t\twidth: auto;\n\t\t\theight: auto;\n\t\t\tz-index: ", ";\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t/* Normalize selected/hover/danger overlays to the same box model as active-cell.\n\t\t   width/height: auto overrides the base cell ::after which uses width: 100%; height: 100%. */\n\t\ttd.", "::after,\n\t\ttd.", "::after,\n\t\tth.", ".", "::after,\n\t\tth.", ".", "::after,\n\t\tth.", ".", "::after,\n\t\ttd.", ".", "::after {\n\t\t\tleft: -1px;\n\t\t\tright: -1px;\n\t\t\ttop: -1px;\n\t\t\tbottom: -1px;\n\t\t\twidth: auto;\n\t\t\theight: auto;\n\t\t}\n\n\t\t/* Active-cell overlays: clamp outer sides using data-reaches-* attributes.\n\t\t   Internal sides keep -1px overlap; true outer edges are clamped to 0. */\n\t\t> tbody > tr > td[data-reaches-top].", "::after,\n\t\t> tbody > tr > th[data-reaches-top].", "::after {\n\t\t\ttop: 0;\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-left].", "::after,\n\t\t> tbody > tr > th[data-reaches-left].", "::after {\n\t\t\tleft: 0;\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-right].", "::after,\n\t\t> tbody > tr > th[data-reaches-right].", "::after {\n\t\t\tright: 0;\n\t\t}\n\n\t\t> tbody > tr > td[data-reaches-bottom].", "::after,\n\t\t> tbody > tr > th[data-reaches-bottom].", "::after {\n\t\t\tbottom: 0;\n\t\t}\n\n\t\t/* Selected/hover/active overlays: clamp outer left side and draw overlay border. */\n\t\t> tbody > tr > td[data-reaches-left].", ",\n\t\t> tbody > tr > th[data-reaches-left].", ",\n\t\t> tbody > tr > td[data-reaches-left].", ",\n\t\t> tbody > tr > th[data-reaches-left].", ",\n\t\t> tbody > tr > td[data-reaches-left].", ",\n\t\t> tbody > tr > th[data-reaches-left].", " {\n\t\t\tborder-left-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tleft: 0;\n\t\t\t\tborder-left-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Danger/delete overlays: clamp outer left side. */\n\t\t> tbody > tr > td[data-reaches-left].", ",\n\t\t> tbody > tr > th[data-reaches-left].", " {\n\t\t\tborder-left-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tleft: 0;\n\t\t\t\tborder-left-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Selected/hover/active overlays: clamp outer right side. */\n\t\t> tbody > tr > td[data-reaches-right].", ",\n\t\t> tbody > tr > th[data-reaches-right].", ",\n\t\t> tbody > tr > td[data-reaches-right].", ",\n\t\t> tbody > tr > th[data-reaches-right].", ",\n\t\t> tbody > tr > td[data-reaches-right].", ",\n\t\t> tbody > tr > th[data-reaches-right].", " {\n\t\t\tborder-right-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tright: 0;\n\t\t\t\tborder-right-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Danger/delete overlays: clamp outer right side. */\n\t\t> tbody > tr > td[data-reaches-right].", ",\n\t\t> tbody > tr > th[data-reaches-right].", " {\n\t\t\tborder-right-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tright: 0;\n\t\t\t\tborder-right-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Selected/hover/active overlays: clamp outer bottom side. */\n\t\t> tbody > tr > td[data-reaches-bottom].", ",\n\t\t> tbody > tr > th[data-reaches-bottom].", ",\n\t\t> tbody > tr > td[data-reaches-bottom].", ",\n\t\t> tbody > tr > th[data-reaches-bottom].", ",\n\t\t> tbody > tr > td[data-reaches-bottom].", ",\n\t\t> tbody > tr > th[data-reaches-bottom].", " {\n\t\t\tborder-bottom-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tborder-bottom-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Danger/delete overlays: clamp outer bottom side. */\n\t\t> tbody > tr > td[data-reaches-bottom].", ",\n\t\t> tbody > tr > th[data-reaches-bottom].", " {\n\t\t\tborder-bottom-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tborder-bottom-color: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.TABLE_HEADER_CELL, ClassName.ACTIVE_CURSOR_CELL, "var(--ds-border-selected, #1868DB)", "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)", akEditorSmallZIndex, ClassName.HOVERED_CELL, ClassName.SELECTED_CELL, ClassName.TABLE_HEADER_CELL, ClassName.SELECTED_CELL, ClassName.TABLE_HEADER_CELL, ClassName.HOVERED_CELL, ClassName.TABLE_HEADER_CELL, ClassName.HOVERED_CELL_IN_DANGER, ClassName.TABLE_CELL, ClassName.HOVERED_CELL_IN_DANGER, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.SELECTED_CELL, ClassName.SELECTED_CELL, ClassName.HOVERED_CELL, ClassName.HOVERED_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, tableBorderSelectedColor, ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_CELL_IN_DANGER, tableBorderDeleteColor, ClassName.SELECTED_CELL, ClassName.SELECTED_CELL, ClassName.HOVERED_CELL, ClassName.HOVERED_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, tableBorderSelectedColor, ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_CELL_IN_DANGER, tableBorderDeleteColor, ClassName.SELECTED_CELL, ClassName.SELECTED_CELL, ClassName.HOVERED_CELL, ClassName.HOVERED_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, tableBorderSelectedColor, ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_CELL_IN_DANGER, tableBorderDeleteColor);
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\t.", " > table {\n\t\t/* Active-cell highlight base properties (replaces activeCellHighlightStyles).\n\t\t   width/height: auto overrides the base cell ::after which uses width: 100%; height: 100%,\n\t\t   so that left/right/top/bottom determine the size instead. */\n\t\ttd.", ".", "::after,\n\t\t\tth.", ".", "::after {\n\t\t\tborder: 1px solid ", ";\n\t\t\tbox-shadow: ", ";\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop: -1px;\n\t\t\tleft: -1px;\n\t\t\tright: -1px;\n\t\t\tbottom: -1px;\n\t\t\twidth: auto;\n\t\t\theight: auto;\n\t\t\tz-index: ", ";\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t/* Normalize selected/hover/danger overlays to the same box model as active-cell.\n\t\t   width/height: auto overrides the base cell ::after which uses width: 100%; height: 100%. */\n\t\ttd.", "::after,\n\t\t\ttd.", "::after,\n\t\t\tth.", ".", "::after,\n\t\t\tth.", ".", "::after,\n\t\t\tth.", ".", "::after,\n\t\t\ttd.", ".", "::after {\n\t\t\tleft: -1px;\n\t\t\tright: -1px;\n\t\t\ttop: -1px;\n\t\t\tbottom: -1px;\n\t\t\twidth: auto;\n\t\t\theight: auto;\n\t\t}\n\n\t\t/* Active-cell overlays: clamp outer sides using data-reaches-* attributes.\n\t\t   Internal sides keep -1px overlap; true outer edges are clamped to 0. */\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-top].", "::after,\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-top].", "::after {\n\t\t\ttop: 0;\n\t\t}\n\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-left].", "::after,\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-left].", "::after {\n\t\t\tleft: 0;\n\t\t}\n\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-right].", "::after,\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-right].", "::after {\n\t\t\tright: 0;\n\t\t}\n\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-bottom].", "::after,\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-bottom].", "::after {\n\t\t\tbottom: 0;\n\t\t}\n\n\t\t/* Selected/hover/active overlays: clamp outer left side and draw overlay border. */\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-left].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-left].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-left].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-left].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-left].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-left].", " {\n\t\t\tborder-left-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tleft: 0;\n\t\t\t\tborder-left-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Danger/delete overlays: clamp outer left side. */\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-left].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-left].", " {\n\t\t\tborder-left-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tleft: 0;\n\t\t\t\tborder-left-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Selected/hover/active overlays: clamp outer right side. */\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-right].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-right].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-right].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-right].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-right].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-right].", " {\n\t\t\tborder-right-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tright: 0;\n\t\t\t\tborder-right-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Danger/delete overlays: clamp outer right side. */\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-right].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-right].", " {\n\t\t\tborder-right-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tright: 0;\n\t\t\t\tborder-right-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Selected/hover/active overlays: clamp outer bottom side. */\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-bottom].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-bottom].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-bottom].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-bottom].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-bottom].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-bottom].", " {\n\t\t\tborder-bottom-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tborder-bottom-color: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Danger/delete overlays: clamp outer bottom side. */\n\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-bottom].", ",\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-bottom].", " {\n\t\t\tborder-bottom-color: transparent;\n\n\t\t\t&::after {\n\t\t\t\tborder-bottom-color: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.TABLE_HEADER_CELL, ClassName.ACTIVE_CURSOR_CELL, "var(--ds-border-selected, #1868DB)", "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)", akEditorSmallZIndex, ClassName.HOVERED_CELL, ClassName.SELECTED_CELL, ClassName.TABLE_HEADER_CELL, ClassName.SELECTED_CELL, ClassName.TABLE_HEADER_CELL, ClassName.HOVERED_CELL, ClassName.TABLE_HEADER_CELL, ClassName.HOVERED_CELL_IN_DANGER, ClassName.TABLE_CELL, ClassName.HOVERED_CELL_IN_DANGER, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.SELECTED_CELL, ClassName.SELECTED_CELL, ClassName.HOVERED_CELL, ClassName.HOVERED_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, tableBorderSelectedColor, ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_CELL_IN_DANGER, tableBorderDeleteColor, ClassName.SELECTED_CELL, ClassName.SELECTED_CELL, ClassName.HOVERED_CELL, ClassName.HOVERED_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, tableBorderSelectedColor, ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_CELL_IN_DANGER, tableBorderDeleteColor, ClassName.SELECTED_CELL, ClassName.SELECTED_CELL, ClassName.HOVERED_CELL, ClassName.HOVERED_CELL, ClassName.ACTIVE_CURSOR_CELL, ClassName.ACTIVE_CURSOR_CELL, tableBorderSelectedColor, ClassName.HOVERED_CELL_IN_DANGER, ClassName.HOVERED_CELL_IN_DANGER, tableBorderDeleteColor);
 };
 var roundedTableNumberedColumnStyles = function roundedTableNumberedColumnStyles() {
-  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\t/* Numbered columns are separate, so they need their own rounded edge owner. */\n\t.", "[data-number-column='true'] {\n\t\t/* Override the inline/container left border and replace it with one rounded pseudo-border. */\n\t\t> .", " .", ",\n\t\t> .", " .", " {\n\t\t\tposition: relative;\n\t\t\tborder-left: 0;\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-left: 1px solid ", ";\n\t\t\t\tborder-top-left-radius: ", ";\n\t\t\t\tborder-bottom-left-radius: ", ";\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Prevent individual number buttons from drawing a straight left border. */\n\t\t> .", " .", ",\n\t\t> .", " .", " {\n\t\t\tborder-left-color: transparent;\n\t\t}\n\n\t\t> .", " .", ".", ",\n\t\t> .", " .", ".", ",\n\t\t> .", " .", ".", ",\n\t\t> .", " .", ".", ",\n\t\t> .", " .", ".active,\n\t\t> .", " .", ".active {\n\t\t\tborder-left-color: transparent;\n\t\t}\n\n\t\t/* When numbered column is present, the visual left edge belongs to the number column widget.\n\t\t   Zero out any left-side border-radius on the cell and its overlays/pseudo-borders \u2014\n\t\t   but leave right-side radii untouched so right-edge cells still round correctly. */\n\t\t.", " > table > tbody > tr > th[data-reaches-top][data-reaches-left],\n\t\t.", " > table > tbody > tr > td[data-reaches-top][data-reaches-left] {\n\t\t\tborder-top-left-radius: 0;\n\n\t\t\t&::after,\n\t\t\t&::before {\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t}\n\t\t}\n\n\t\t.", " > table > tbody > tr > th[data-reaches-bottom][data-reaches-left],\n\t\t.", " > table > tbody > tr > td[data-reaches-bottom][data-reaches-left] {\n\t\t\tborder-bottom-left-radius: 0;\n\n\t\t\t&::after,\n\t\t\t&::before {\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t}\n\t\t}\n\n\t\t/* Preserve rounded numbered-column corners across normal, active, and danger states. */\n\t\t.", ":first-of-type {\n\t\t\tborder-top-left-radius: ", ";\n\t\t}\n\n\t\t.", ":last-of-type {\n\t\t\tborder-bottom-left-radius: ", ";\n\t\t}\n\n\t\t.", ".", ":first-of-type,\n\t\t.", ".", ":first-of-type,\n\t\t.", ".active:first-of-type {\n\t\t\tborder-top-left-radius: ", ";\n\t\t}\n\n\t\t.", ".", ":last-of-type,\n\t\t.", ".", ":last-of-type,\n\t\t.", ".active:last-of-type {\n\t\t\tborder-bottom-left-radius: ", ";\n\t\t}\n\n\t\t.", ".", ":first-of-type::after {\n\t\t\tborder-top-left-radius: ", ";\n\t\t}\n\n\t\t.", ".", ":last-of-type::after {\n\t\t\tborder-bottom-left-radius: ", ";\n\t\t}\n\n\t\t/* Sticky numbered-column mask also needs the same top-left radius. */\n\t\t.", " tr th[data-reaches-top][data-reaches-left]::before {\n\t\t\tborder-top-left-radius: ", ";\n\t\t}\n\t}\n"])), ClassName.TABLE_CONTAINER, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN, tableBorderColor, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", akEditorUnitZIndex, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_ACTIVE, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_ACTIVE, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_NODE_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_ACTIVE, ClassName.NUMBERED_COLUMN_BUTTON, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_ACTIVE, ClassName.NUMBERED_COLUMN_BUTTON, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW, "var(--ds-radius-medium, 6px)");
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\t/* Numbered columns are separate, so they need their own rounded edge owner. */\n\t.", "[data-number-column='true'] {\n\t\t/* Override the inline/container left border and replace it with one rounded pseudo-border. */\n\t\t> .", "\n\t\t\t.", ",\n\t\t\t> .", "\n\t\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tborder-left: 0;\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-left: 1px solid ", ";\n\t\t\t\tborder-top-left-radius: ", ";\n\t\t\t\tborder-bottom-left-radius: ", ";\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: ", ";\n\t\t\t}\n\t\t}\n\n\t\t/* Prevent individual number buttons from drawing a straight left border. */\n\t\t> .", "\n\t\t\t.", ",\n\t\t\t> .", "\n\t\t\t.", " {\n\t\t\tborder-left-color: transparent;\n\t\t}\n\n\t\t> .", "\n\t\t\t.", ".", ",\n\t\t\t> .", "\n\t\t\t.", ".", ",\n\t\t\t> .", "\n\t\t\t.", ".", ",\n\t\t\t> .", "\n\t\t\t.", ".", ",\n\t\t\t> .", "\n\t\t\t.", ".active,\n\t\t\t> .", "\n\t\t\t.", ".active {\n\t\t\tborder-left-color: transparent;\n\t\t}\n\n\t\t/* When numbered column is present, the visual left edge belongs to the number column widget.\n\t\t   Zero out any left-side border-radius on the cell and its overlays/pseudo-borders \u2014\n\t\t   but leave right-side radii untouched so right-edge cells still round correctly. */\n\t\t.", " > table > tbody > tr > th[data-reaches-top][data-reaches-left],\n\t\t.", "\n\t\t\t> table\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-top][data-reaches-left] {\n\t\t\tborder-top-left-radius: 0;\n\n\t\t\t&::after,\n\t\t\t&::before {\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t}\n\t\t}\n\n\t\t.", "\n\t\t\t> table\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> th[data-reaches-bottom][data-reaches-left],\n\t\t.", "\n\t\t\t> table\n\t\t\t> tbody\n\t\t\t> tr\n\t\t\t> td[data-reaches-bottom][data-reaches-left] {\n\t\t\tborder-bottom-left-radius: 0;\n\n\t\t\t&::after,\n\t\t\t&::before {\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t}\n\t\t}\n\n\t\t/* Preserve rounded numbered-column corners across normal, active, and danger states. */\n\t\t.", ":first-of-type {\n\t\t\tborder-top-left-radius: ", ";\n\t\t}\n\n\t\t.", ":last-of-type {\n\t\t\tborder-bottom-left-radius: ", ";\n\t\t}\n\n\t\t.", ".", ":first-of-type,\n\t\t\t.", ".", ":first-of-type,\n\t\t\t.", ".active:first-of-type {\n\t\t\tborder-top-left-radius: ", ";\n\t\t}\n\n\t\t.", ".", ":last-of-type,\n\t\t\t.", ".", ":last-of-type,\n\t\t\t.", ".active:last-of-type {\n\t\t\tborder-bottom-left-radius: ", ";\n\t\t}\n\n\t\t.", ".", ":first-of-type::after {\n\t\t\tborder-top-left-radius: ", ";\n\t\t}\n\n\t\t.", ".", ":last-of-type::after {\n\t\t\tborder-bottom-left-radius: ", ";\n\t\t}\n\n\t\t/* Sticky numbered-column mask also needs the same top-left radius. */\n\t\t.", "\n\t\t\ttr\n\t\t\tth[data-reaches-top][data-reaches-left]::before {\n\t\t\tborder-top-left-radius: ", ";\n\t\t}\n\t}\n"])), ClassName.TABLE_CONTAINER, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN, tableBorderColor, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", akEditorUnitZIndex, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_ACTIVE, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_ACTIVE, ClassName.ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.DRAG_ROW_CONTROLS_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_NODE_WRAPPER, ClassName.NUMBERED_COLUMN_BUTTON, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_ACTIVE, ClassName.NUMBERED_COLUMN_BUTTON, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_ACTIVE, ClassName.NUMBERED_COLUMN_BUTTON, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", ClassName.NUMBERED_COLUMN_BUTTON, ClassName.HOVERED_CELL_IN_DANGER, "var(--ds-radius-medium, 6px)", ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW, "var(--ds-radius-medium, 6px)");
 };
 var roundedTableStickyHeaderStyles = function roundedTableStickyHeaderStyles() {
-  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\t/* Sticky header rows have independent border/shadow/mask painting, so patch the sticky-only painters too. */\n\t.", " > table > tbody > tr.", ",\n\t.", " > table.", " > tbody > tr.sticky {\n\t\t> th[data-reaches-left],\n\t\t> td[data-reaches-left] {\n\t\t\tborder-top-left-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&::before {\n\t\t\t\tborder-top-left-radius: ", ";\n\t\t\t}\n\t\t}\n\n\t\t> td[data-reaches-right],\n\t\t> th[data-reaches-right] {\n\t\t\tborder-top-right-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&::before {\n\t\t\t\tborder-top-right-radius: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " .", "::after {\n\t\tborder-left-color: transparent;\n\t}\n\n\t.", "[data-number-column='true'] .", " tr th[data-reaches-top][data-reaches-left]::before,\n\t.", "[data-number-column='true'] .", " tr.", " th[data-reaches-left]::before,\n\t.", "[data-number-column='true'] .", " .", " th[data-reaches-left]::before {\n\t\tborder-top-left-radius: ", ";\n\t\tclip-path: inset(0 0 0 0 round ", " 0 0 0);\n\t\tbox-shadow: none !important;\n\t}\n\n\t.", " > table > tbody > tr.", ",\n\t.", " > table.", " > tbody > tr.sticky {\n\t\tbox-shadow: none !important;\n\t}\n\n\t.", ".", ":has(tr.sticky) .", " .", ":first-of-type {\n\t\tbox-shadow: none !important;\n\t}\n\n"])), ClassName.TABLE_NODE_WRAPPER, ClassName.NATIVE_STICKY, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_STICKY, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.TABLE_STICKY, ClassName.COLUMN_CONTROLS_DECORATIONS, ClassName.TABLE_CONTAINER, ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW, ClassName.TABLE_CONTAINER, ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW, ClassName.NATIVE_STICKY, ClassName.TABLE_CONTAINER, ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW, ClassName.NATIVE_STICKY_ACTIVE, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.TABLE_NODE_WRAPPER, ClassName.NATIVE_STICKY, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_STICKY, ClassName.TABLE_CONTAINER, ClassName.WITH_CONTROLS, ClassName.NUMBERED_COLUMN, ClassName.NUMBERED_COLUMN_BUTTON);
+  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\t/* Sticky header rows have independent border/shadow/mask painting, so patch the sticky-only painters too. */\n\t.", "\n\t\t> table\n\t\t> tbody\n\t\t> tr.", ",\n\t\t.", "\n\t\t> table.", "\n\t\t> tbody\n\t\t> tr.sticky {\n\t\t> th[data-reaches-left],\n\t\t> td[data-reaches-left] {\n\t\t\tborder-top-left-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&::before {\n\t\t\t\tborder-top-left-radius: ", ";\n\t\t\t}\n\t\t}\n\n\t\t> td[data-reaches-right],\n\t\t> th[data-reaches-right] {\n\t\t\tborder-top-right-radius: ", ";\n\n\t\t\t&::after,\n\t\t\t&::before {\n\t\t\t\tborder-top-right-radius: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " .", "::after {\n\t\tborder-left-color: transparent;\n\t}\n\n\t.", "[data-number-column='true'] .", " tr th[data-reaches-top][data-reaches-left]::before,\n\t.", "[data-number-column='true'] .", " tr.", " th[data-reaches-left]::before,\n\t.", "[data-number-column='true'] .", " .", " th[data-reaches-left]::before {\n\t\tborder-top-left-radius: ", ";\n\t\tclip-path: inset(0 0 0 0 round ", " 0 0 0);\n\t\tbox-shadow: none !important;\n\t}\n\n\t.", "\n\t\t> table\n\t\t> tbody\n\t\t> tr.", ",\n\t\t.", "\n\t\t> table.", "\n\t\t> tbody\n\t\t> tr.sticky {\n\t\tbox-shadow: none !important;\n\t}\n\n\t.", ".", ":has(tr.sticky)\n\t\t.", "\n\t\t.", ":first-of-type {\n\t\tbox-shadow: none !important;\n\t}\n"])), ClassName.TABLE_NODE_WRAPPER, ClassName.NATIVE_STICKY, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_STICKY, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.TABLE_STICKY, ClassName.COLUMN_CONTROLS_DECORATIONS, ClassName.TABLE_CONTAINER, ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW, ClassName.TABLE_CONTAINER, ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW, ClassName.NATIVE_STICKY, ClassName.TABLE_CONTAINER, ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW, ClassName.NATIVE_STICKY_ACTIVE, "var(--ds-radius-medium, 6px)", "var(--ds-radius-medium, 6px)", ClassName.TABLE_NODE_WRAPPER, ClassName.NATIVE_STICKY, ClassName.TABLE_NODE_WRAPPER, ClassName.TABLE_STICKY, ClassName.TABLE_CONTAINER, ClassName.WITH_CONTROLS, ClassName.NUMBERED_COLUMN, ClassName.NUMBERED_COLUMN_BUTTON);
 };
 var roundedTableOverrides = function roundedTableOverrides() {
   return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\t", "\n\t", "\n\t", "\n\t", "\n"])), roundedTableCellCornerStyles(), roundedTableInteractionOverlayStyles(), roundedTableNumberedColumnStyles(), roundedTableStickyHeaderStyles());

package/dist/types/ui/TableMenu/column/getColumnMenuComponents.d.ts

@@ -0,0 +1,9 @@
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+/**
+ * Returns the RegisterComponent[] array defining the column menu surface.
+ *
+ * This is a **UI-only stub** — all items are always visible with no conditional
+ * logic and no wired actions. Functional behaviour (actions, conditional visibility)
+ * will be connected in follow-up tickets.
+ */
+export declare const getColumnMenuComponents: () => RegisterComponent[];

package/dist/types/ui/TableMenu/column/items/AddColumnLeftItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AddColumnLeftItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/column/items/AddColumnRightItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AddColumnRightItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/column/items/DeleteColumnItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DeleteColumnItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/column/items/DistributeColumnsItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DistributeColumnsItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HeaderColumnToggleItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/column/items/MoveColumnRightItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MoveColumnRightItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/column/items/SortDecreasingItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SortDecreasingItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/column/items/SortIncreasingItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SortIncreasingItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/column/keys.d.ts

@@ -0,0 +1,21 @@
+import type { MenuItemType, MenuSectionType, MenuType } from '@atlaskit/editor-ui-control-model';
+export declare const COLUMN_MENU: MenuType;
+export declare const COLUMN_TOGGLE_SECTION: MenuSectionType;
+export declare const COLUMN_BACKGROUND_SECTION: MenuSectionType;
+export declare const COLUMN_SORT_SECTION: MenuSectionType;
+export declare const COLUMN_ADD_SECTION: MenuSectionType;
+export declare const COLUMN_DANGER_SECTION: MenuSectionType;
+export declare const COLUMN_SECTION_RANK: Record<string, number>;
+export declare const HEADER_COLUMN_TOGGLE_ITEM: MenuItemType;
+export declare const SORT_INCREASING_ITEM: MenuItemType;
+export declare const SORT_DECREASING_ITEM: MenuItemType;
+export declare const ADD_COLUMN_LEFT_ITEM: MenuItemType;
+export declare const ADD_COLUMN_RIGHT_ITEM: MenuItemType;
+export declare const MOVE_COLUMN_RIGHT_ITEM: MenuItemType;
+export declare const DISTRIBUTE_COLUMNS_ITEM: MenuItemType;
+export declare const DELETE_COLUMN_ITEM: MenuItemType;
+export declare const COLUMN_TOGGLE_SECTION_RANK: Record<string, number>;
+export declare const COLUMN_BACKGROUND_SECTION_RANK: Record<string, number>;
+export declare const COLUMN_SORT_SECTION_RANK: Record<string, number>;
+export declare const COLUMN_ADD_SECTION_RANK: Record<string, number>;
+export declare const COLUMN_DANGER_SECTION_RANK: Record<string, number>;

package/dist/types/ui/TableMenu/row/items/AddRowAboveItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AddRowAboveItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/row/items/AddRowBelowItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AddRowBelowItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/row/items/DeleteRowItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DeleteRowItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/row/items/HeaderRowToggleItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HeaderRowToggleItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/row/items/MoveRowDownItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MoveRowDownItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/row/items/MoveRowUpItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MoveRowUpItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/row/items/NumberedRowsToggleItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NumberedRowsToggleItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/row/keys.d.ts

@@ -4,17 +4,15 @@ export declare const ROW_TOGGLE_SECTION: MenuSectionType;
 export declare const ROW_BACKGROUND_SECTION: MenuSectionType;
 export declare const ROW_ADD_SECTION: MenuSectionType;
 export declare const ROW_DANGER_SECTION: MenuSectionType;
-export declare const ROW_SECTION_RANK: Record<string, number>;
+export declare const ROW_MENU_SECTION_RANK: Record<string, number>;
 export declare const HEADER_ROW_TOGGLE_ITEM: MenuItemType;
 export declare const NUMBERED_ROWS_TOGGLE_ITEM: MenuItemType;
-export declare const BACKGROUND_COLOR_ITEM: MenuItemType;
 export declare const ADD_ROW_ABOVE_ITEM: MenuItemType;
 export declare const ADD_ROW_BELOW_ITEM: MenuItemType;
 export declare const MOVE_ROW_UP_ITEM: MenuItemType;
 export declare const MOVE_ROW_DOWN_ITEM: MenuItemType;
-export declare const CLEAR_CELLS_ITEM: MenuItemType;
 export declare const DELETE_ROW_ITEM: MenuItemType;
-export declare const TOGGLE_SECTION_ITEM_RANK: Record<string, number>;
-export declare const BACKGROUND_SECTION_ITEM_RANK: Record<string, number>;
-export declare const ADD_SECTION_ITEM_RANK: Record<string, number>;
-export declare const DANGER_SECTION_ITEM_RANK: Record<string, number>;
+export declare const ROW_TOGGLE_SECTION_RANK: Record<string, number>;
+export declare const ROW_BACKGROUND_SECTION_RANK: Record<string, number>;
+export declare const ROW_ADD_SECTION_RANK: Record<string, number>;
+export declare const ROW_DANGER_SECTION_RANK: Record<string, number>;

package/dist/types/ui/TableMenu/shared/TableMenu.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { MenuType } from '@atlaskit/editor-ui-control-model';
+import type { PluginInjectionAPI } from '../../../types';
+type TableMenuProps = {
+    api: PluginInjectionAPI | undefined | null;
+    surface: MenuType;
+};
+export declare const TableMenu: React.MemoExoticComponent<(props: TableMenuProps) => React.JSX.Element | null>;
+export {};

package/dist/types/ui/TableMenu/shared/consts.d.ts

@@ -1 +1 @@
-export declare const newMenuWidth = 280;
+export declare const TABLE_MENU_WIDTH = 280;

package/dist/types/ui/TableMenu/shared/getSharedItems.d.ts

@@ -0,0 +1,2 @@
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+export declare const getSharedItems: () => RegisterComponent[];

package/dist/types/ui/TableMenu/shared/getTableMenuComponents.d.ts

@@ -0,0 +1,2 @@
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+export declare const getTableMenuComponents: () => RegisterComponent[];

package/dist/types/ui/TableMenu/shared/items/BackgroundColorItem.d.ts

@@ -3,8 +3,4 @@
  * @jsx jsx
  */
 import React from 'react';
-type BackgroundColorItemProps = {
-    testId: string;
-};
-export declare const BackgroundColorItem: ({ testId }: BackgroundColorItemProps) => React.JSX.Element;
-export {};
+export declare const BackgroundColorItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/shared/items/ClearCellsItem.d.ts

@@ -1,6 +1,2 @@
 import React from 'react';
-type ClearCellsItemProps = {
-    testId: string;
-};
-export declare const ClearCellsItem: ({ testId }: ClearCellsItemProps) => React.JSX.Element;
-export {};
+export declare const ClearCellsItem: () => React.JSX.Element;

package/dist/types/ui/TableMenu/shared/keys.d.ts

@@ -0,0 +1,3 @@
+import type { MenuItemType } from '@atlaskit/editor-ui-control-model';
+export declare const BACKGROUND_COLOR_ITEM: MenuItemType;
+export declare const CLEAR_CELLS_ITEM: MenuItemType;

package/dist/types-ts4.5/ui/TableMenu/column/getColumnMenuComponents.d.ts

@@ -0,0 +1,9 @@
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model';
+/**
+ * Returns the RegisterComponent[] array defining the column menu surface.
+ *
+ * This is a **UI-only stub** — all items are always visible with no conditional
+ * logic and no wired actions. Functional behaviour (actions, conditional visibility)
+ * will be connected in follow-up tickets.
+ */
+export declare const getColumnMenuComponents: () => RegisterComponent[];

package/dist/types-ts4.5/ui/TableMenu/column/items/AddColumnLeftItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AddColumnLeftItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/items/AddColumnRightItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AddColumnRightItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/items/DeleteColumnItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DeleteColumnItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/items/DistributeColumnsItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DistributeColumnsItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/items/HeaderColumnToggleItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HeaderColumnToggleItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/items/MoveColumnRightItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MoveColumnRightItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/items/SortDecreasingItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SortDecreasingItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/items/SortIncreasingItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SortIncreasingItem: () => React.JSX.Element;

package/dist/types-ts4.5/ui/TableMenu/column/keys.d.ts

@@ -0,0 +1,21 @@
+import type { MenuItemType, MenuSectionType, MenuType } from '@atlaskit/editor-ui-control-model';
+export declare const COLUMN_MENU: MenuType;
+export declare const COLUMN_TOGGLE_SECTION: MenuSectionType;
+export declare const COLUMN_BACKGROUND_SECTION: MenuSectionType;
+export declare const COLUMN_SORT_SECTION: MenuSectionType;
+export declare const COLUMN_ADD_SECTION: MenuSectionType;
+export declare const COLUMN_DANGER_SECTION: MenuSectionType;
+export declare const COLUMN_SECTION_RANK: Record<string, number>;
+export declare const HEADER_COLUMN_TOGGLE_ITEM: MenuItemType;
+export declare const SORT_INCREASING_ITEM: MenuItemType;
+export declare const SORT_DECREASING_ITEM: MenuItemType;
+export declare const ADD_COLUMN_LEFT_ITEM: MenuItemType;
+export declare const ADD_COLUMN_RIGHT_ITEM: MenuItemType;
+export declare const MOVE_COLUMN_RIGHT_ITEM: MenuItemType;
+export declare const DISTRIBUTE_COLUMNS_ITEM: MenuItemType;
+export declare const DELETE_COLUMN_ITEM: MenuItemType;
+export declare const COLUMN_TOGGLE_SECTION_RANK: Record<string, number>;
+export declare const COLUMN_BACKGROUND_SECTION_RANK: Record<string, number>;
+export declare const COLUMN_SORT_SECTION_RANK: Record<string, number>;
+export declare const COLUMN_ADD_SECTION_RANK: Record<string, number>;
+export declare const COLUMN_DANGER_SECTION_RANK: Record<string, number>;

package/dist/types-ts4.5/ui/TableMenu/row/items/AddRowAboveItem.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AddRowAboveItem: () => React.JSX.Element;