@modusoperandi/licit 0.14.17 → 1.0.0

package/dist/ui/RichTextEditor.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _prosemirrorTransform = require("prosemirror-transform");
-var _prosemirrorView = require("prosemirror-view");
-var React = _interopRequireWildcard(require("react"));
-var _createEmptyEditorState = _interopRequireDefault(require("../createEmptyEditorState"));
-var _Editor = _interopRequireWildcard(require("./Editor"));
-var _EditorFrameset = _interopRequireWildcard(require("./EditorFrameset"));
-var _EditorToolbar = _interopRequireDefault(require("./EditorToolbar"));
-var _Frag = _interopRequireDefault(require("./Frag"));
-var _uuid = _interopRequireDefault(require("./uuid"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const EMPTY_EDITOR_RUNTIME = {};
-class RichTextEditor extends React.PureComponent {
-  constructor(props, context) {
-    super(props, context);
-    _defineProperty(this, "props", void 0);
-    _defineProperty(this, "state", void 0);
-    _defineProperty(this, "_id", void 0);
-    _defineProperty(this, "_dispatchTransaction", tr => {
-      const {
-        onChange,
-        editorState
-      } = this.props;
-      // [FS] IRAD-1171 2021-02-04
-      // To bring selection on editor in read-only mode.
-      // Removed force return when readOnly flag is true
-      if (onChange) {
-        // [FS-AFQ][20-FEB-2020]
-        // Collaboration
-        onChange({
-          state: editorState || _Editor.default.EDITOR_EMPTY_STATE,
-          transaction: tr
-        });
-      }
-    });
-    _defineProperty(this, "_onReady", editorView => {
-      if (editorView !== this.state.editorView) {
-        this.setState({
-          editorView
-        });
-        const {
-          onReady
-        } = this.props;
-        onReady && onReady(editorView);
-      }
-    });
-    this._id = (0, _uuid.default)();
-    this.state = {
-      contentHeight: NaN,
-      contentOverflowHidden: false,
-      editorView: null
-    };
-  }
-  render() {
-    const {
-      autoFocus,
-      children,
-      className,
-      disabled,
-      embedded,
-      header,
-      height,
-      onChange,
-      nodeViews,
-      placeholder,
-      readOnly,
-      width
-    } = this.props;
-    let {
-      editorState,
-      runtime
-    } = this.props;
-    editorState = editorState || (0, _createEmptyEditorState.default)();
-    runtime = runtime || EMPTY_EDITOR_RUNTIME;
-    const {
-      editorView
-    } = this.state;
-    const toolbar = !!readOnly === true ? null : /*#__PURE__*/React.createElement(_EditorToolbar.default, {
-      disabled: disabled,
-      dispatchTransaction: this._dispatchTransaction,
-      editorState: editorState || _Editor.default.EDITOR_EMPTY_STATE,
-      editorView: editorView,
-      readOnly: readOnly
-    });
-    const body = /*#__PURE__*/React.createElement(_Frag.default, null, /*#__PURE__*/React.createElement(_Editor.default, {
-      autoFocus: autoFocus,
-      disabled: disabled,
-      dispatchTransaction: this._dispatchTransaction,
-      editorState: editorState,
-      embedded: embedded,
-      id: this._id,
-      nodeViews: nodeViews,
-      onChange: onChange,
-      onReady: this._onReady,
-      placeholder: placeholder,
-      readOnly: readOnly,
-      runtime: runtime
-    }), children);
-    return /*#__PURE__*/React.createElement(_EditorFrameset.default, {
-      body: body,
-      className: className,
-      embedded: embedded,
-      header: header,
-      height: height,
-      toolbar: toolbar,
-      width: width
-    });
-  }
-}
-var _default = RichTextEditor;
-exports.default = _default;

package/dist/ui/RichTextEditor.js.flow

@@ -1,133 +0,0 @@
-// @flow
-
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-
-import createEmptyEditorState from '../createEmptyEditorState';
-import Editor from './Editor';
-import EditorFrameset from './EditorFrameset';
-import EditorToolbar from './EditorToolbar';
-import Frag from './Frag';
-import uuid from './uuid';
-
-import type { EditorFramesetProps } from './EditorFrameset';
-import type { EditorProps } from './Editor';
-
-type Props = EditorFramesetProps & EditorProps & { children?: ?any };
-
-type State = {
-  editorView: ?EditorView,
-};
-
-const EMPTY_EDITOR_RUNTIME = {};
-
-class RichTextEditor extends React.PureComponent<any, any> {
-  props: Props;
-
-  state: State;
-
-  _id: string;
-
-  constructor(props: any, context: any) {
-    super(props, context);
-    this._id = uuid();
-    this.state = {
-      contentHeight: NaN,
-      contentOverflowHidden: false,
-      editorView: null,
-    };
-  }
-
-  render(): React.Element<any> {
-    const {
-      autoFocus,
-      children,
-      className,
-      disabled,
-      embedded,
-      header,
-      height,
-      onChange,
-      nodeViews,
-      placeholder,
-      readOnly,
-      width,
-    } = this.props;
-
-    let { editorState, runtime } = this.props;
-
-    editorState = editorState || createEmptyEditorState();
-    runtime = runtime || EMPTY_EDITOR_RUNTIME;
-
-    const { editorView } = this.state;
-
-    const toolbar =
-      !!readOnly === true ? null : (
-        <EditorToolbar
-          disabled={disabled}
-          dispatchTransaction={this._dispatchTransaction}
-          editorState={editorState || Editor.EDITOR_EMPTY_STATE}
-          editorView={editorView}
-          readOnly={readOnly}
-        />
-      );
-
-    const body = (
-      <Frag>
-        <Editor
-          autoFocus={autoFocus}
-          disabled={disabled}
-          dispatchTransaction={this._dispatchTransaction}
-          editorState={editorState}
-          embedded={embedded}
-          id={this._id}
-          nodeViews={nodeViews}
-          onChange={onChange}
-          onReady={this._onReady}
-          placeholder={placeholder}
-          readOnly={readOnly}
-          runtime={runtime}
-        />
-        {children}
-      </Frag>
-    );
-
-    return (
-      <EditorFrameset
-        body={body}
-        className={className}
-        embedded={embedded}
-        header={header}
-        height={height}
-        toolbar={toolbar}
-        width={width}
-      />
-    );
-  }
-
-  _dispatchTransaction = (tr: Transform): void => {
-    const { onChange, editorState } = this.props;
-    // [FS] IRAD-1171 2021-02-04
-    // To bring selection on editor in read-only mode.
-    // Removed force return when readOnly flag is true
-    if (onChange) {
-      // [FS-AFQ][20-FEB-2020]
-      // Collaboration
-      onChange({
-        state: editorState || Editor.EDITOR_EMPTY_STATE,
-        transaction: tr,
-      });
-    }
-  };
-
-  _onReady = (editorView: EditorView): void => {
-    if (editorView !== this.state.editorView) {
-      this.setState({ editorView });
-      const { onReady } = this.props;
-      onReady && onReady(editorView);
-    }
-  };
-}
-
-export default RichTextEditor;

package/dist/ui/SelectionObserver.js

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-const EMPTY_SELECTION_VALUE = Object.freeze({
-  from: 0,
-  to: 0
-});
-function resolveSelectionValue(el) {
-  if (!window.getSelection) {
-    console.warn('window.getSelection() is not supported');
-    return EMPTY_SELECTION_VALUE;
-  }
-  const selection = window.getSelection();
-  if (!selection.containsNode) {
-    console.warn('selection.containsNode() is not supported');
-    return EMPTY_SELECTION_VALUE;
-  }
-  if (!selection.rangeCount) {
-    return EMPTY_SELECTION_VALUE;
-  }
-  const range = selection.getRangeAt(0);
-  if (!range) {
-    return EMPTY_SELECTION_VALUE;
-  }
-  const {
-    startContainer,
-    endContainer,
-    startOffset,
-    endOffset
-  } = range;
-  if (startContainer === el || endContainer === el || startContainer && el.contains(startContainer) || endContainer && el.contains(endContainer)) {
-    return {
-      from: startOffset,
-      to: endOffset
-    };
-  }
-  return EMPTY_SELECTION_VALUE;
-}
-class SelectionObserver {
-  constructor(_callback) {
-    _defineProperty(this, "_observables", []);
-    _defineProperty(this, "_callback", null);
-    _defineProperty(this, "_onClick", () => {
-      const callback = this._callback;
-      this._observables = this._observables.map(obj => {
-        const {
-          target
-        } = obj;
-        return {
-          target,
-          selection: resolveSelectionValue(target)
-        };
-      });
-      callback && callback(this.takeRecords(), this);
-    });
-    _defineProperty(this, "_check", () => {
-      let changed = false;
-      const callback = this._callback;
-      this._observables = this._observables.map(obj => {
-        const {
-          target,
-          selection
-        } = obj;
-        const $selection = resolveSelectionValue(target);
-        if (selection === $selection) {
-          return obj;
-        }
-        if (selection.from === $selection.from && selection.to === $selection.to) {
-          return obj;
-        }
-        changed = true;
-        return {
-          target,
-          selection: $selection
-        };
-      });
-      changed && callback && callback(this.takeRecords(), this);
-    });
-    this._callback = _callback;
-  }
-  disconnect() {
-    this._observables.forEach(obj => {
-      const el = obj.target;
-      el.removeEventListener('click', this._check, false);
-      el.removeEventListener('selectionchange', this._check, false);
-    });
-    this._observables = [];
-  }
-  observe(el) {
-    if (!window.getSelection) {
-      console.warn('window.getSelection() is not supported');
-      return;
-    }
-    if (this._observables.some(obj => obj.target === el)) {
-      // Already observed.
-      return;
-    }
-    const obj = {
-      target: el,
-      selection: resolveSelectionValue(el)
-    };
-    el.addEventListener('click', this._check, false);
-    el.addEventListener('selectionchange', this._check, false);
-    this._observables.push(obj);
-  }
-  takeRecords() {
-    return this._observables.slice(0);
-  }
-}
-exports.default = SelectionObserver;

package/dist/ui/TableCellMenu.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorView = require("prosemirror-view");
-var _prosemirrorModel = require("prosemirror-model");
-var React = _interopRequireWildcard(require("react"));
-var _CommandMenuButton = _interopRequireDefault(require("./CommandMenuButton"));
-var _EditorToolbarConfig = require("./EditorToolbarConfig");
-var _Icon = _interopRequireDefault(require("./Icon"));
-require("./czi-table-cell-menu.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class TableCellMenu extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "_menu", null);
-    _defineProperty(this, "props", void 0);
-  }
-  render() {
-    const {
-      editorState,
-      editorView,
-      pluginView,
-      actionNode
-    } = this.props;
-    let cmdGrps = null;
-    if (pluginView.getMenu) {
-      cmdGrps = pluginView.getMenu(editorState, actionNode, _EditorToolbarConfig.TABLE_COMMANDS_GROUP);
-    }
-    if (!cmdGrps) {
-      cmdGrps = _EditorToolbarConfig.TABLE_COMMANDS_GROUP;
-    }
-    return /*#__PURE__*/React.createElement(_CommandMenuButton.default, {
-      className: "czi-table-cell-menu",
-      commandGroups: cmdGrps,
-      dispatch: editorView.dispatch,
-      editorState: editorState,
-      editorView: editorView,
-      icon: _Icon.default.get('edit'),
-      title: "Edit"
-    });
-  }
-}
-var _default = TableCellMenu;
-exports.default = _default;

package/dist/ui/TableCellMenu.js.flow

@@ -1,51 +0,0 @@
-// @flow
-import { EditorState, PluginView } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { Node } from 'prosemirror-model';
-import * as React from 'react';
-
-import CommandMenuButton from './CommandMenuButton';
-import { TABLE_COMMANDS_GROUP } from './EditorToolbarConfig';
-import Icon from './Icon';
-
-import './czi-table-cell-menu.css';
-
-type Props = {
-  editorState: EditorState,
-  editorView: EditorView,
-  pluginView: PluginView,
-  actionNode: Node,
-};
-
-class TableCellMenu extends React.PureComponent<any, any> {
-  _menu = null;
-
-  props: Props;
-
-  render(): React.Element<any> {
-    const { editorState, editorView, pluginView, actionNode } = this.props;
-    let cmdGrps = null;
-
-    if (pluginView.getMenu) {
-      cmdGrps = pluginView.getMenu(editorState, actionNode, TABLE_COMMANDS_GROUP);
-    }
-
-    if (!cmdGrps) {
-      cmdGrps = TABLE_COMMANDS_GROUP;
-    }
-
-    return (
-      <CommandMenuButton
-        className="czi-table-cell-menu"
-        commandGroups={cmdGrps}
-        dispatch={editorView.dispatch}
-        editorState={editorState}
-        editorView={editorView}
-        icon={Icon.get('edit')}
-        title="Edit"
-      />
-    );
-  }
-}
-
-export default TableCellMenu;

package/dist/ui/TableGridSizeEditor.js

@@ -1,191 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.bpfrpt_proptype_TableGridSizeEditorValue = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var React = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
-var _htmlElementToRect = _interopRequireDefault(require("./htmlElementToRect"));
-require("./czi-table-grid-size-editor.css");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var bpfrpt_proptype_TableGridSizeEditorValue = {
-  "cols": _propTypes.default.number.isRequired,
-  "rows": _propTypes.default.number.isRequired
-};
-exports.bpfrpt_proptype_TableGridSizeEditorValue = bpfrpt_proptype_TableGridSizeEditorValue;
-const GUTTER_SIZE = 5;
-const CELL_SIZE = 16;
-// [FS] IRAD-1012 2020-07-14
-// Fix: Limited Table Grid size from 20 to 7
-const MAX_SIZE = 7;
-class GridCell extends React.PureComponent {
-  render() {
-    const {
-      x,
-      y,
-      selected
-    } = this.props;
-    const style = {
-      left: x + 'px',
-      top: y + 'px',
-      width: CELL_SIZE + 'px',
-      height: CELL_SIZE + 'px'
-    };
-    const className = (0, _classnames.default)('czi-table-grid-size-editor-cell', {
-      selected
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: className,
-      style: style
-    });
-  }
-}
-class TableGridSizeEditor extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "_ex", 0);
-    _defineProperty(this, "_ey", 0);
-    _defineProperty(this, "_mx", 0);
-    _defineProperty(this, "_my", 0);
-    _defineProperty(this, "_rafID", 0);
-    _defineProperty(this, "_ref", null);
-    _defineProperty(this, "_entered", false);
-    _defineProperty(this, "props", void 0);
-    _defineProperty(this, "state", {
-      rows: 1,
-      cols: 1
-    });
-    _defineProperty(this, "_onRef", ref => {
-      this._ref = ref;
-    });
-    _defineProperty(this, "_onMouseEnter", e => {
-      const node = e.currentTarget;
-      if (node instanceof HTMLElement) {
-        const rect = (0, _licitUiCommands.fromHTMlElement)(node);
-        const mx = Math.round(e.clientX);
-        const my = Math.round(e.clientY);
-        this._ex = rect.x;
-        this._ey = rect.y;
-        this._mx = mx;
-        this._my = my;
-        if (!this._entered) {
-          this._entered = true;
-          document.addEventListener('mousemove', this._onMouseMove, true);
-        }
-      }
-    });
-    _defineProperty(this, "_onMouseMove", e => {
-      const el = this._ref && _reactDom.default.findDOMNode(this._ref);
-      const elRect = el ? (0, _htmlElementToRect.default)(el) : null;
-      const mouseRect = (0, _licitUiCommands.fromXY)(e.screenX, e.screenY, 10);
-      if (elRect && mouseRect && (0, _licitUiCommands.isIntersected)(elRect, mouseRect, 50)) {
-        // This prevents `PopUpManager` from collapsing the editor.
-        e.preventDefault();
-        e.stopImmediatePropagation();
-      }
-      const mx = Math.round(e.clientX);
-      const my = Math.round(e.clientY);
-      if (mx !== this._mx || my !== this._my) {
-        this._mx = mx;
-        this._my = my;
-        this._rafID && cancelAnimationFrame(this._rafID);
-        this._rafID = requestAnimationFrame(this._updateGridSize);
-      }
-    });
-    _defineProperty(this, "_updateGridSize", () => {
-      this._rafID = 0;
-      const mx = this._mx;
-      const my = this._my;
-      const x = mx - this._ex;
-      const y = my - this._ey;
-      const rr = (0, _licitUiCommands.clamp)(1, Math.ceil(y / (CELL_SIZE + GUTTER_SIZE)), MAX_SIZE);
-      const cc = (0, _licitUiCommands.clamp)(1, Math.ceil(x / (CELL_SIZE + GUTTER_SIZE)), MAX_SIZE);
-      const {
-        rows,
-        cols
-      } = this.state;
-      if (rows !== rr || cols !== cc) {
-        this.setState({
-          rows: rr,
-          cols: cc
-        });
-      }
-    });
-    _defineProperty(this, "_onMouseDown", e => {
-      e.preventDefault();
-      this.props.close(this.state);
-    });
-  }
-  componentWillUnmount() {
-    if (this._entered) {
-      document.removeEventListener('mousemove', this._onMouseMove, true);
-    }
-    this._rafID && cancelAnimationFrame(this._rafID);
-  }
-  render() {
-    const {
-      rows,
-      cols
-    } = this.state;
-    let rr = Math.max(5, rows);
-    let cc = Math.max(5, cols);
-    if (rr === rows) {
-      rr = Math.min(MAX_SIZE, rr + 1);
-    }
-    if (cc === cols) {
-      cc = Math.min(MAX_SIZE, cc + 1);
-    }
-    const cells = [];
-    let ii = 0;
-    let y = 0;
-    let w = 0;
-    let h = 0;
-    while (ii < rr) {
-      y += GUTTER_SIZE;
-      let jj = 0;
-      let x = 0;
-      while (jj < cc) {
-        x += GUTTER_SIZE;
-        const selected = ii < rows && jj < cols;
-        cells.push( /*#__PURE__*/React.createElement(GridCell, {
-          key: `${String(ii)}-${String(jj)}`,
-          selected: selected,
-          x: x,
-          y: y
-        }));
-        x += CELL_SIZE;
-        w = x + GUTTER_SIZE;
-        jj++;
-      }
-      y += CELL_SIZE;
-      h = y + GUTTER_SIZE;
-      ii++;
-    }
-    const bodyStyle = {
-      width: w + 'px',
-      height: h + 'px'
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: "czi-table-grid-size-editor",
-      ref: this._onRef
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "czi-table-grid-size-editor-body",
-      onMouseDown: this._onMouseDown,
-      onMouseEnter: this._onMouseEnter,
-      style: bodyStyle
-    }, cells), /*#__PURE__*/React.createElement("div", {
-      className: "czi-table-grid-size-editor-footer"
-    }, rows, " X ", cols));
-  }
-}
-var _default = TableGridSizeEditor;
-exports.default = _default;