@atlaskit/editor-plugin-table 23.4.1 → 23.4.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-table
 
+## 23.4.3
+
+### Patch Changes
+
+- [`f9b309b6576a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9b309b6576a5) -
+  Remove legacy table controls which are not in use
+- Updated dependencies
+
+## 23.4.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.4.1
 
 ### Patch Changes

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

@@ -15,7 +15,6 @@ var _commands = require("../../pm-plugins/commands");
 var _nodes = require("../../pm-plugins/utils/nodes");
 var _types = require("../../types");
 var _DragCornerControls = require("./CornerControls/DragCornerControls");
-var _FloatingControlsWithSelection = require("./FloatingControlsWithSelection");
 var _NumberColumn = _interopRequireDefault(require("./NumberColumn"));
 var _DragControls = require("./RowControls/DragControls");
 /**
@@ -41,8 +40,6 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
     isInDanger = _ref.isInDanger,
     isResizing = _ref.isResizing,
     isNumberColumnEnabled = _ref.isNumberColumnEnabled,
-    isHeaderRowEnabled = _ref.isHeaderRowEnabled,
-    isHeaderColumnEnabled = _ref.isHeaderColumnEnabled,
     isDragAndDropEnabled = _ref.isDragAndDropEnabled,
     tableActive = _ref.tableActive,
     hasHeaderRow = _ref.hasHeaderRow,
@@ -125,7 +122,7 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
     updateCellHoverLocation: updateCellHoverLocation,
     stickyTop: stickyTop,
     isDragAndDropEnabled: isDragAndDropEnabled
-  }) : null, tableActive && (0, _react2.jsx)(_react.Fragment, null, isDragAndDropEnabled ? (0, _react2.jsx)(_react.Fragment, null, shouldShowCornerControls && (0, _react2.jsx)(_DragCornerControls.DragCornerControlsWithSelection, {
+  }) : null, tableActive && (0, _react2.jsx)(_react.Fragment, null, shouldShowCornerControls && (0, _react2.jsx)(_DragCornerControls.DragCornerControlsWithSelection, {
     editorView: editorView,
     tableRef: tableRef,
     isInDanger: isInDanger,
@@ -149,19 +146,6 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
     selectRows: _selectRows,
     updateCellHoverLocation: updateCellHoverLocation,
     api: api
-  })) : (0, _react2.jsx)(_FloatingControlsWithSelection.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
   }))));
 };
 var _default = exports.default = TableFloatingControls;

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

@@ -14,7 +14,6 @@ import { hoverCell, hoverRows, selectRow, selectRows } from '../../pm-plugins/co
 import { isTableNested } from '../../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName } from '../../types';
 import { DragCornerControlsWithSelection } from './CornerControls/DragCornerControls';
-import { FloatingControlsWithSelection } from './FloatingControlsWithSelection';
 import NumberColumn from './NumberColumn';
 import { DragControlsWithSelection } from './RowControls/DragControls';
 const styles = css({
@@ -32,8 +31,6 @@ export const TableFloatingControls = ({
   isInDanger,
   isResizing,
   isNumberColumnEnabled,
-  isHeaderRowEnabled,
-  isHeaderColumnEnabled,
   isDragAndDropEnabled,
   tableActive,
   hasHeaderRow,
@@ -124,7 +121,7 @@ export const TableFloatingControls = ({
     updateCellHoverLocation: updateCellHoverLocation,
     stickyTop: stickyTop,
     isDragAndDropEnabled: isDragAndDropEnabled
-  }) : null, tableActive && jsx(Fragment, null, isDragAndDropEnabled ? jsx(Fragment, null, shouldShowCornerControls && jsx(DragCornerControlsWithSelection, {
+  }) : null, tableActive && jsx(Fragment, null, shouldShowCornerControls && jsx(DragCornerControlsWithSelection, {
     editorView: editorView,
     tableRef: tableRef,
     isInDanger: isInDanger,
@@ -148,19 +145,6 @@ export const TableFloatingControls = ({
     selectRows: _selectRows,
     updateCellHoverLocation: updateCellHoverLocation,
     api: api
-  })) : jsx(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
   }))));
 };
 export default TableFloatingControls;

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

@@ -14,7 +14,6 @@ import { hoverCell, hoverRows, selectRow, selectRows } from '../../pm-plugins/co
 import { isTableNested } from '../../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName } from '../../types';
 import { DragCornerControlsWithSelection } from './CornerControls/DragCornerControls';
-import { FloatingControlsWithSelection } from './FloatingControlsWithSelection';
 import NumberColumn from './NumberColumn';
 import { DragControlsWithSelection } from './RowControls/DragControls';
 var styles = css({
@@ -33,8 +32,6 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
     isInDanger = _ref.isInDanger,
     isResizing = _ref.isResizing,
     isNumberColumnEnabled = _ref.isNumberColumnEnabled,
-    isHeaderRowEnabled = _ref.isHeaderRowEnabled,
-    isHeaderColumnEnabled = _ref.isHeaderColumnEnabled,
     isDragAndDropEnabled = _ref.isDragAndDropEnabled,
     tableActive = _ref.tableActive,
     hasHeaderRow = _ref.hasHeaderRow,
@@ -117,7 +114,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
     updateCellHoverLocation: updateCellHoverLocation,
     stickyTop: stickyTop,
     isDragAndDropEnabled: isDragAndDropEnabled
-  }) : null, tableActive && jsx(Fragment, null, isDragAndDropEnabled ? jsx(Fragment, null, shouldShowCornerControls && jsx(DragCornerControlsWithSelection, {
+  }) : null, tableActive && jsx(Fragment, null, shouldShowCornerControls && jsx(DragCornerControlsWithSelection, {
     editorView: editorView,
     tableRef: tableRef,
     isInDanger: isInDanger,
@@ -141,19 +138,6 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
     selectRows: _selectRows,
     updateCellHoverLocation: updateCellHoverLocation,
     api: api
-  })) : jsx(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
   }))));
 };
 export default TableFloatingControls;

package/dist/types/ui/FloatingContextualButton/index.d.ts

@@ -10,7 +10,6 @@ export interface Props {
     editorView: EditorView;
     isCellMenuOpenByKeyboard?: boolean;
     isContextualMenuOpen?: boolean;
-    isDragAndDropEnabled?: boolean;
     isNumberColumnEnabled?: boolean;
     mountPoint?: HTMLElement;
     scrollableElement?: HTMLElement;

package/dist/types/ui/TableFloatingControls/index.d.ts

@@ -31,7 +31,7 @@ interface TableFloatingControlsProps {
     tableRef?: HTMLTableElement;
     tableWrapperWidth?: number;
 }
-export declare const TableFloatingControls: ({ editorView, tableRef, tableNode, isInDanger, isResizing, isNumberColumnEnabled, isHeaderRowEnabled, isHeaderColumnEnabled, isDragAndDropEnabled, tableActive, hasHeaderRow, hoveredRows, stickyHeader, hoveredCell, isTableHovered, tableWrapperWidth, api, isChromelessEditor, }: TableFloatingControlsProps & {
+export declare const TableFloatingControls: ({ editorView, tableRef, tableNode, isInDanger, isResizing, isNumberColumnEnabled, isDragAndDropEnabled, tableActive, hasHeaderRow, hoveredRows, stickyHeader, hoveredCell, isTableHovered, tableWrapperWidth, api, isChromelessEditor, }: TableFloatingControlsProps & {
     api?: ExtractInjectionAPI<TablePlugin>;
 }) => jsx.JSX.Element | null;
 export default TableFloatingControls;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "23.4.1",
+	"version": "23.4.3",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^11.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^11.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^13.0.0",
-		"@atlaskit/editor-plugin-extension": "14.1.13",
+		"@atlaskit/editor-plugin-extension": "14.1.15",
 		"@atlaskit/editor-plugin-guideline": "^11.0.0",
 		"@atlaskit/editor-plugin-interaction": "^20.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^8.0.0",
@@ -52,7 +52,7 @@
 		"@atlaskit/editor-toolbar": "^1.10.0",
 		"@atlaskit/editor-ui-control-model": "^1.2.0",
 		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/icon-lab": "^6.13.0",
+		"@atlaskit/icon-lab": "^6.14.0",
 		"@atlaskit/insm": "^0.4.0",
 		"@atlaskit/menu": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -60,7 +60,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.2.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^101.0.0",
+		"@atlaskit/tmp-editor-statsig": "^103.0.0",
 		"@atlaskit/toggle": "^16.1.0",
 		"@atlaskit/tokens": "^13.4.0",
 		"@atlaskit/tooltip": "^22.6.0",

package/table-plugin/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/table-plugin.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/table-plugin.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/table-plugin.d.ts"
 }

package/table-plugin-type/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/table-plugin-type.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/table-plugin-type.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/table-plugin-type.d.ts"
 }

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/ui/common-styles/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/ui-common-styles.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/ui-common-styles.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/ui-common-styles.d.ts"
 }

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

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CornerControls = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
-var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _utils = require("@atlaskit/editor-tables/utils");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _commands = require("../../../pm-plugins/commands");
-var _types = require("../../../types");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components, @typescript-eslint/no-explicit-any
-var CornerControlComponent = /*#__PURE__*/function (_Component) {
-  function CornerControlComponent() {
-    var _this;
-    (0, _classCallCheck2.default)(this, CornerControlComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, CornerControlComponent, [].concat(args));
-    (0, _defineProperty2.default)(_this, "isActive", function () {
-      var _this$props = _this.props,
-        editorView = _this$props.editorView,
-        hoveredRows = _this$props.hoveredRows,
-        isResizing = _this$props.isResizing;
-      var selection = editorView.state.selection;
-      var table = (0, _utils.findTable)(selection);
-      if (!table) {
-        return false;
-      }
-      return (0, _utils.isTableSelected)(selection) || hoveredRows && hoveredRows.length === _tableMap.TableMap.get(table.node).height && !isResizing;
-    });
-    (0, _defineProperty2.default)(_this, "clearHoverSelection", function () {
-      var _this$props$editorVie = _this.props.editorView,
-        state = _this$props$editorVie.state,
-        dispatch = _this$props$editorVie.dispatch;
-      (0, _commands.clearHoverSelection)()(state, dispatch);
-    });
-    (0, _defineProperty2.default)(_this, "selectTable", function () {
-      var _this$props$editorVie2 = _this.props.editorView,
-        state = _this$props$editorVie2.state,
-        dispatch = _this$props$editorVie2.dispatch;
-      dispatch((0, _utils.selectTable)(state.tr).setMeta('addToHistory', false));
-    });
-    (0, _defineProperty2.default)(_this, "hoverTable", function () {
-      var _this$props$editorVie3 = _this.props.editorView,
-        state = _this$props$editorVie3.state,
-        dispatch = _this$props$editorVie3.dispatch;
-      (0, _commands.hoverTable)()(state, dispatch);
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(CornerControlComponent, _Component);
-  return (0, _createClass2.default)(CornerControlComponent, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        isInDanger = _this$props2.isInDanger,
-        tableRef = _this$props2.tableRef,
-        isHeaderColumnEnabled = _this$props2.isHeaderColumnEnabled,
-        isHeaderRowEnabled = _this$props2.isHeaderRowEnabled,
-        formatMessage = _this$props2.intl.formatMessage;
-      if (!tableRef) {
-        return null;
-      }
-      var isActive = this.isActive();
-      return /*#__PURE__*/_react.default.createElement("div", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: (0, _classnames.default)(_types.TableCssClassName.CORNER_CONTROLS, {
-          active: isActive,
-          sticky: this.props.stickyTop !== undefined
-        }),
-        style: {
-          // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-          top: this.props.stickyTop !== undefined ? "0px" : undefined
-        },
-        contentEditable: false
-      }, /*#__PURE__*/_react.default.createElement("button", {
-        "aria-label": formatMessage(_messages.tableMessages.cornerControl),
-        type: "button"
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: (0, _classnames.default)(_types.TableCssClassName.CONTROLS_CORNER_BUTTON, {
-          danger: isActive && isInDanger
-        }),
-        onClick: this.selectTable,
-        onMouseOver: this.hoverTable,
-        onMouseOut: this.clearHoverSelection,
-        onFocus: (0, _expValEquals.expValEquals)('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.hoverTable : undefined,
-        onBlur: (0, _expValEquals.expValEquals)('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? this.clearHoverSelection : undefined
-      }), !isHeaderRowEnabled &&
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      _react.default.createElement("div", {
-        className: _types.TableCssClassName.CORNER_CONTROLS_INSERT_ROW_MARKER
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
-      })), !isHeaderColumnEnabled &&
-      /*#__PURE__*/
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      _react.default.createElement("div", {
-        className: _types.TableCssClassName.CORNER_CONTROLS_INSERT_COLUMN_MARKER
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
-      })));
-    }
-  }]);
-}(_react.Component); // eslint-disable-next-line @typescript-eslint/ban-types
-var CornerControls = exports.CornerControls = (0, _reactIntl.injectIntl)(CornerControlComponent);

package/dist/cjs/ui/TableFloatingControls/FloatingControlsWithSelection.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FloatingControlsWithSelection = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _ClassicCornerControls = require("./CornerControls/ClassicCornerControls");
-var _ClassicControls = require("./RowControls/ClassicControls");
-var FloatingControlsWithSelection = exports.FloatingControlsWithSelection = function FloatingControlsWithSelection(_ref) {
-  var editorView = _ref.editorView,
-    tableRef = _ref.tableRef,
-    isInDanger = _ref.isInDanger,
-    isResizing = _ref.isResizing,
-    isHeaderRowEnabled = _ref.isHeaderRowEnabled,
-    isHeaderColumnEnabled = _ref.isHeaderColumnEnabled,
-    hoveredRows = _ref.hoveredRows,
-    stickyTop = _ref.stickyTop,
-    hoverRows = _ref.hoverRows,
-    selectRow = _ref.selectRow,
-    tableActive = _ref.tableActive,
-    api = _ref.api;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
-      var _states$selectionStat;
-      return {
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
-      };
-    }),
-    selection = _useSharedPluginState.selection;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClassicCornerControls.CornerControls, {
-    editorView: editorView,
-    tableRef: tableRef,
-    isInDanger: isInDanger,
-    isResizing: isResizing,
-    isHeaderRowEnabled: isHeaderRowEnabled,
-    isHeaderColumnEnabled: isHeaderColumnEnabled,
-    hoveredRows: hoveredRows,
-    stickyTop: tableActive ? stickyTop : undefined
-  }), /*#__PURE__*/_react.default.createElement(_ClassicControls.RowControls, {
-    selection: selection,
-    editorView: editorView,
-    tableRef: tableRef,
-    hoverRows: hoverRows,
-    hoveredRows: hoveredRows,
-    isInDanger: isInDanger,
-    isResizing: isResizing,
-    selectRow: selectRow,
-    stickyTop: tableActive ? stickyTop : undefined
-  }));
-};

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

@@ -1,124 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RowControls = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _commands = require("../../../pm-plugins/commands");
-var _rowControls = require("../../../pm-plugins/utils/row-controls");
-var _types = require("../../../types");
-var _consts = require("../../consts");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var RowControlsComponent = /*#__PURE__*/function (_Component) {
-  function RowControlsComponent() {
-    var _this;
-    (0, _classCallCheck2.default)(this, RowControlsComponent);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RowControlsComponent, [].concat(args));
-    (0, _defineProperty2.default)(_this, "clearHoverSelection", function () {
-      var _this$props$editorVie = _this.props.editorView,
-        state = _this$props$editorVie.state,
-        dispatch = _this$props$editorVie.dispatch;
-      (0, _commands.clearHoverSelection)()(state, dispatch);
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(RowControlsComponent, _Component);
-  return (0, _createClass2.default)(RowControlsComponent, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        editorView = _this$props.editorView,
-        tableRef = _this$props.tableRef,
-        hoveredRows = _this$props.hoveredRows,
-        isInDanger = _this$props.isInDanger,
-        isResizing = _this$props.isResizing,
-        formatMessage = _this$props.intl.formatMessage,
-        selectionState = _this$props.selection;
-      if (!tableRef) {
-        return null;
-      }
-      var selection = editorView.state.selection;
-      var rowHeights = (0, _rowControls.getRowHeights)(tableRef);
-      var rowsParams = (0, _rowControls.getRowsParams)(rowHeights);
-      var firstRow = tableRef.querySelector('tr');
-      var hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        _react.default.createElement("div", {
-          className: _types.TableCssClassName.ROW_CONTROLS
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          className: _types.TableCssClassName.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] + _consts.tableToolbarSize;
-          }
-          var thisRowSticky = _this2.props.stickyTop !== undefined && index === 0 && hasHeaderRow;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-            className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, " ").concat((0, _rowControls.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 ? "3px" : undefined,
-              // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-              paddingTop: thisRowSticky ? // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-              "".concat(_consts.tableControlsSpacing - 2, "px") : undefined
-            }
-          }, /*#__PURE__*/_react.default.createElement("button", {
-            "aria-label": formatMessage(_messages.tableMessages.rowControl),
-            type: "button"
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-            ,
-            className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON, " ").concat(_types.TableCssClassName.CONTROLS_BUTTON),
-            onClick: function onClick(event) {
-              return _this2.props.selectRow(startIndex, event.shiftKey);
-            },
-            onMouseOver: function onMouseOver() {
-              return _this2.props.hoverRows([startIndex]);
-            },
-            onFocus: (0, _expValEquals.expValEquals)('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? function () {
-              return _this2.props.hoverRows([startIndex]);
-            } : undefined,
-            onMouseOut: _this2.clearHoverSelection,
-            onBlur: (0, _expValEquals.expValEquals)('platform_editor_table_a11y_eslint_fix', 'isEnabled', true) ? _this2.clearHoverSelection : undefined,
-            "data-start-index": startIndex,
-            "data-end-index": endIndex
-          }), /*#__PURE__*/_react.default.createElement("div", {
-            className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
-          }));
-        })))
-      );
-    }
-  }]);
-}(_react.Component); // eslint-disable-next-line @typescript-eslint/ban-types
-var RowControls = exports.RowControls = (0, _reactIntl.injectIntl)(RowControlsComponent);