@seafile/sdoc-editor 2.0.81 → 2.0.83

package/dist/extension/plugins/search-replace/popover/index.js

@@ -0,0 +1,256 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _constants = require("../../../../constants");
+var _context = _interopRequireDefault(require("../../../../context"));
+var _debounce = _interopRequireDefault(require("../../../../utils/debounce"));
+var _eventBus = _interopRequireDefault(require("../../../../utils/event-bus"));
+var _helper = require("../helper");
+var _replaceAllConfirmModal = _interopRequireDefault(require("./replace-all-confirm-modal"));
+require("./index.css");
+var SearchReplacePopover = function SearchReplacePopover(_ref) {
+  var editor = _ref.editor,
+    closePopover = _ref.closePopover,
+    readonly = _ref.readonly;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    searchContent = _useState2[0],
+    setSearchContent = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    replacementContent = _useState4[0],
+    setReplacementContent = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    highlightInfos = _useState6[0],
+    setHighlightInfos = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isMoving = _useState8[0],
+    setIsMoving = _useState8[1];
+  var _useState9 = (0, _react.useState)({
+      x: 0,
+      y: 100
+    }),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    popoverPosition = _useState0[0],
+    setPopoverPosition = _useState0[1];
+  var _useState1 = (0, _react.useState)(0),
+    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+    currentSelectIndex = _useState10[0],
+    setCurrentSelectIndex = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    isOpenReplaceAllModal = _useState12[0],
+    setIsOpenReplaceAllModal = _useState12[1];
+  var pageInnerSizeRef = (0, _react.useRef)({
+    x: window.innerWidth,
+    y: window.innerHeight
+  });
+  var shouldScrollIntoView = (0, _react.useRef)(false);
+  var popoverContainerRef = (0, _react.useRef)(null);
+  var searchInputRef = (0, _react.useRef)(null);
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var searchInputSuffixContent = (0, _react.useMemo)(function () {
+    if (!!searchContent.length && !highlightInfos.length) return t('Search_not_found');
+    if (highlightInfos.length) return "".concat(currentSelectIndex + 1, " / ").concat(highlightInfos.length);
+  }, [currentSelectIndex, highlightInfos.length, searchContent.length, t]);
+  (0, _react.useEffect)(function () {
+    var y = 95;
+    if (editor.topOffset) {
+      y = editor.topOffset;
+    }
+    setPopoverPosition({
+      x: pageInnerSizeRef.current.x - 420,
+      y: y
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var isOwnReplacePermission = (0, _react.useMemo)(function () {
+    if (readonly) return false;
+    var isFreezed = _context["default"].getSetting('isFreezed');
+    if (isFreezed) return false;
+    var isPublished = _context["default"].getSetting('isPublished');
+    var isSdocRevision = _context["default"].getSetting('isSdocRevision');
+    if (isSdocRevision && isPublished) return false;
+    var docPerm = _context["default"].getSetting('docPerm');
+    if (docPerm === 'rw') return true;
+    return false;
+  }, [readonly]);
+  var handleDrawHighlight = (0, _react.useCallback)(function (editor, keyword) {
+    var newHighlightInfos = (0, _helper.getHighlightInfos)(editor, keyword);
+    setHighlightInfos(newHighlightInfos);
+    var newSelectIndex = currentSelectIndex;
+    if (!shouldScrollIntoView.current && newHighlightInfos.length !== highlightInfos.length) {
+      newSelectIndex = 0;
+    }
+    if (newSelectIndex >= newHighlightInfos.length) {
+      newSelectIndex = newHighlightInfos.length - 1;
+    }
+    if (newSelectIndex < 0 && newHighlightInfos.length) {
+      newSelectIndex = 0;
+    }
+    setCurrentSelectIndex(newSelectIndex);
+  }, [currentSelectIndex, highlightInfos.length, shouldScrollIntoView]);
+  var handleDrawHighlightLister = (0, _react.useCallback)(function () {
+    handleDrawHighlight(editor, searchContent);
+    pageInnerSizeRef.current = {
+      x: window.innerWidth,
+      y: window.innerHeight
+    };
+  }, [editor, handleDrawHighlight, searchContent]);
+  (0, _react.useEffect)(function () {
+    var highlightInfos = (0, _helper.getHighlightInfos)(editor, searchContent);
+    (0, _helper.drawHighlights)(editor, highlightInfos, currentSelectIndex, shouldScrollIntoView.current);
+    shouldScrollIntoView.current = false;
+  }, [currentSelectIndex, editor, searchContent, highlightInfos, shouldScrollIntoView]);
+  (0, _react.useEffect)(function () {
+    var eventBus = _eventBus["default"].getInstance();
+    var unSubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.UPDATE_SEARCH_REPLACE_HIGHLIGHT, handleDrawHighlightLister);
+    return function () {
+      unSubscribe();
+    };
+  }, [editor, handleDrawHighlight, handleDrawHighlightLister, highlightInfos.length, searchContent]);
+  var handleSearchInputChange = (0, _react.useCallback)(function (e) {
+    var keyword = e.target.value;
+    shouldScrollIntoView.current = true;
+    setSearchContent(keyword);
+    handleDrawHighlight(editor, keyword);
+    setCurrentSelectIndex(0);
+  }, [editor, handleDrawHighlight]);
+  var handleLast = (0, _react.useCallback)(function () {
+    var currentIndex = currentSelectIndex === 0 ? highlightInfos.length - 1 : currentSelectIndex - 1;
+    setCurrentSelectIndex(currentIndex);
+    shouldScrollIntoView.current = true;
+  }, [currentSelectIndex, highlightInfos.length]);
+  var handleNext = (0, _react.useCallback)(function () {
+    var currentIndex = currentSelectIndex === highlightInfos.length - 1 ? 0 : currentSelectIndex + 1;
+    setCurrentSelectIndex(currentIndex);
+    shouldScrollIntoView.current = true;
+  }, [currentSelectIndex, highlightInfos.length]);
+  var handleOpenReplaceAllModal = (0, _react.useCallback)(function () {
+    setIsOpenReplaceAllModal(true);
+  }, []);
+  var handleCloseReplaceAllModal = (0, _react.useCallback)(function () {
+    setIsOpenReplaceAllModal(false);
+  }, []);
+  var handleReplace = (0, _react.useCallback)(function () {
+    (0, _helper.handleReplaceKeyword)(editor, [highlightInfos[currentSelectIndex]], replacementContent);
+    shouldScrollIntoView.current = true;
+  }, [currentSelectIndex, editor, highlightInfos, replacementContent]);
+  var handleReplaceAll = (0, _react.useCallback)(function () {
+    (0, _helper.handleReplaceKeyword)(editor, highlightInfos, replacementContent);
+    handleCloseReplaceAllModal();
+  }, [editor, handleCloseReplaceAllModal, highlightInfos, replacementContent]);
+  var handleStartMove = (0, _react.useCallback)(function (e) {
+    if (!e.target.className.includes('sdoc-search-replace-popover-container')) return;
+    setIsMoving(true);
+  }, []);
+  var handleMouseMove = (0, _react.useCallback)(function (e) {
+    if (!isMoving) return;
+    var _popoverContainerRef$ = popoverContainerRef.current.getBoundingClientRect(),
+      width = _popoverContainerRef$.width,
+      height = _popoverContainerRef$.height;
+    var movementX = e.movementX,
+      movementY = e.movementY;
+    var x = popoverPosition.x + movementX;
+    var y = popoverPosition.y + movementY;
+    if (x <= 0) x = 0;
+    if (y < 0) y = 0;
+    if (x + width >= pageInnerSizeRef.current.x) x = pageInnerSizeRef.current.x - width;
+    if (y + height >= pageInnerSizeRef.current.y) y = pageInnerSizeRef.current.y - height;
+    setPopoverPosition({
+      x: x,
+      y: y
+    });
+  }, [isMoving, popoverPosition.x, popoverPosition.y]);
+  var handleFinishMove = (0, _react.useCallback)(function () {
+    setIsMoving(false);
+  }, []);
+  var handleInputKeyDown = function handleInputKeyDown(e) {
+    if (!highlightInfos.length) return;
+    if ((0, _isHotkey["default"])('enter', e)) handleNext();
+    if ((0, _isHotkey["default"])('enter+shift', e)) handleLast();
+  };
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-search-replace-popover-container",
+    onMouseDown: handleStartMove,
+    onMouseMove: handleMouseMove,
+    onMouseUp: handleFinishMove,
+    onMouseLeave: handleFinishMove,
+    ref: popoverContainerRef,
+    style: {
+      left: popoverPosition.x,
+      top: popoverPosition.y
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-search-replace-popover-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "sdoc-search-replace-title-text"
+  }, t('Search_and_replace')), /*#__PURE__*/_react["default"].createElement("i", {
+    onClick: closePopover,
+    className: "sdocfont sdoc-sm-close sdoc-search-replace-title-close"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-search-replace-popover-body"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
+    "for": "sdoc-search-replace-search-ipt"
+  }, t('Search')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-replace-ipt-container"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+    ref: searchInputRef,
+    autoFocus: true,
+    onKeyUp: handleInputKeyDown,
+    onChange: (0, _debounce["default"])(handleSearchInputChange, 300),
+    id: "sdoc-search-replace-search-ipt",
+    placeholder: t('Type_search_content')
+  }), searchInputSuffixContent && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-replace-ipt-tip"
+  }, searchInputSuffixContent)), /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
+    className: "sdoc-replace-ipt-label",
+    "for": "sdoc-search-replace-replace-ipt"
+  }, t('Replace_as')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+    onChange: function onChange(e) {
+      return setReplacementContent(e.target.value);
+    },
+    id: "sdoc-search-replace-replace-ipt",
+    placeholder: t('Type_replace_content')
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-search-replace-popover-btn-group"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: !highlightInfos.length,
+    onClick: handleLast,
+    className: "btn btn-secondary"
+  }, t('Prevs')), /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: !highlightInfos.length,
+    onClick: handleNext,
+    className: "btn btn-secondary"
+  }, t('Next')), /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: !highlightInfos.length || !isOwnReplacePermission,
+    onClick: handleReplace,
+    className: "btn btn-primary"
+  }, t('Replace')), /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: !highlightInfos.length || !isOwnReplacePermission,
+    onClick: handleOpenReplaceAllModal,
+    className: "btn btn-primary"
+  }, t('Replace_all'))))), /*#__PURE__*/_react["default"].createElement(_replaceAllConfirmModal["default"], {
+    isOpen: isOpenReplaceAllModal,
+    handleConfirm: handleReplaceAll,
+    handleCancel: handleCloseReplaceAllModal,
+    number: highlightInfos.length,
+    originalWord: searchContent,
+    replacedWord: replacementContent
+  })), document.body);
+};
+var _default = exports["default"] = SearchReplacePopover;

package/dist/extension/plugins/search-replace/popover/replace-all-confirm-modal.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var ReplaceAllConfirmModal = function ReplaceAllConfirmModal(_ref) {
+  var isOpen = _ref.isOpen,
+    handleConfirm = _ref.handleConfirm,
+    handleCancel = _ref.handleCancel,
+    number = _ref.number,
+    originalWord = _ref.originalWord,
+    replacedWord = _ref.replacedWord;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var modalContent = replacedWord === '' ? t('Are_you_sure_to_clear_all_number_xxx_in_this_document', {
+    number: number,
+    originalWord: originalWord
+  }) : t('Are_you_sure_to_replace_all_number_xxx_in_this_document_with_yyy', {
+    number: number,
+    originalWord: originalWord,
+    replacedWord: replacedWord
+  });
+  var close = /*#__PURE__*/_react["default"].createElement("span", {
+    className: "sdoc-add-link-close-icon",
+    onClick: handleCancel
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-sm-close",
+    "aria-hidden": "true"
+  }));
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
+    isOpen: isOpen
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Tip')), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalBody, null, "".concat(modalContent)), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: handleCancel,
+    className: "btn btn-secondary"
+  }, t('Cancel')), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: handleConfirm,
+    className: "btn btn-primary"
+  }, t('Confirm'))));
+};
+var _default = exports["default"] = ReplaceAllConfirmModal;

package/dist/extension/plugins/table/constants/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TABLE_TEMPLATE_POSITION_MAP = exports.TABLE_ROW_STYLE = exports.TABLE_ROW_MIN_HEIGHT = exports.TABLE_MAX_ROWS = exports.TABLE_MAX_COLUMNS = exports.TABLE_ELEMENT_SPAN = exports.TABLE_ELEMENT_POSITION = exports.TABLE_ELEMENT = exports.TABLE_CELL_STYLE = exports.TABLE_CELL_MIN_WIDTH = exports.TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP = exports.SELECTED_TABLE_CELL_BACKGROUND_COLOR = exports.RESIZE_MASK_TOP = exports.RESIZE_MASK_RIGHT = exports.RESIZE_MASK_LEFT = exports.RESIZE_MASK_BOTTOM = exports.RESIZE_HANDLER_ROW = exports.RESIZE_HANDLER_FIRST_COLUMN = exports.RESIZE_HANDLER_COLUMN = exports.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE = exports.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE = exports.EMPTY_SELECTED_RANGE = exports.DRAG_HANDLER_ROW = exports.DRAG_HANDLER_COLUMN = exports.CELL_SELECTED = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var TABLE_MAX_ROWS = exports.TABLE_MAX_ROWS = 500;
+var TABLE_MAX_COLUMNS = exports.TABLE_MAX_COLUMNS = 50;
+var EMPTY_SELECTED_RANGE = exports.EMPTY_SELECTED_RANGE = {
+  minRowIndex: -1,
+  maxRowIndex: -1,
+  minColIndex: -1,
+  maxColIndex: -1
+};
+var TABLE_ROW_MIN_HEIGHT = exports.TABLE_ROW_MIN_HEIGHT = 42;
+var TABLE_CELL_MIN_WIDTH = exports.TABLE_CELL_MIN_WIDTH = 35;
+var TABLE_ELEMENT = exports.TABLE_ELEMENT = {
+  TABLE: 'table',
+  ROW: 'row',
+  COLUMN: 'column',
+  CELL: 'cell'
+};
+var TABLE_ELEMENT_SPAN = exports.TABLE_ELEMENT_SPAN = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, TABLE_ELEMENT.TABLE, 'table'), TABLE_ELEMENT.ROW, 'tr'), TABLE_ELEMENT.CELL, 'td');
+var TABLE_ELEMENT_POSITION = exports.TABLE_ELEMENT_POSITION = {
+  AFTER: 'after',
+  BEFORE: 'before'
+};
+var SELECTED_TABLE_CELL_BACKGROUND_COLOR = exports.SELECTED_TABLE_CELL_BACKGROUND_COLOR = '#dee8fe';
+var TABLE_CELL_STYLE = exports.TABLE_CELL_STYLE = {
+  TEXT_ALIGN: 'text_align',
+  BACKGROUND_COLOR: 'background_color',
+  ALIGN_ITEMS: 'align_items'
+};
+var TABLE_ROW_STYLE = exports.TABLE_ROW_STYLE = {
+  MIN_HEIGHT: 'min_height'
+};
+var TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP = exports.TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP = {
+  'sdoc-table-header-3f495d': 'sdoc-table-body-3f495d',
+  'sdoc-table-header-2367f2': 'sdoc-table-body-2367f2',
+  'sdoc-table-header-f77d21': 'sdoc-table-body-f77d21',
+  'sdoc-table-header-0099f4': 'sdoc-table-body-0099f4'
+};
+var TABLE_TEMPLATE_POSITION_MAP = exports.TABLE_TEMPLATE_POSITION_MAP = {
+  '[0,0]': 'sdoc-table-header-3f495d',
+  '[1,0]': 'sdoc-table-header-2367f2',
+  '[0,1]': 'sdoc-table-header-f77d21',
+  '[1,1]': 'sdoc-table-header-0099f4'
+};
+var INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE = exports.INHERIT_CELL_STYLE_WHEN_SELECT_SINGLE = ['background_color'];
+var INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE = exports.INHERIT_CELL_STYLE_WHEN_SELECT_MULTIPLE = ['background_color', 'text_align'];
+var RESIZE_MASK_TOP = exports.RESIZE_MASK_TOP = 'top';
+var RESIZE_MASK_RIGHT = exports.RESIZE_MASK_RIGHT = 'right';
+var RESIZE_MASK_BOTTOM = exports.RESIZE_MASK_BOTTOM = 'bottom';
+var RESIZE_MASK_LEFT = exports.RESIZE_MASK_LEFT = 'left';
+var RESIZE_HANDLER_ROW = exports.RESIZE_HANDLER_ROW = 'row';
+var RESIZE_HANDLER_COLUMN = exports.RESIZE_HANDLER_COLUMN = 'column';
+var RESIZE_HANDLER_FIRST_COLUMN = exports.RESIZE_HANDLER_FIRST_COLUMN = 'first_column';
+var DRAG_HANDLER_ROW = exports.DRAG_HANDLER_ROW = 'row';
+var DRAG_HANDLER_COLUMN = exports.DRAG_HANDLER_COLUMN = 'column';
+var CELL_SELECTED = exports.CELL_SELECTED = 'cell-selected';

package/dist/extension/plugins/table/dialogs/custom-table-size-dialog/index.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _constants = require("../../constants");
+var _helpers = require("../../helpers");
+var _numberInput = _interopRequireDefault(require("./number-input"));
+require("./index.css");
+var CustomTableSizeDialog = function CustomTableSizeDialog(_ref) {
+  var editor = _ref.editor,
+    insertPosition = _ref.insertPosition,
+    closeDialog = _ref.closeDialog;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    errorMessage = _useState2[0],
+    setErrorMessage = _useState2[1];
+  var _useState3 = (0, _react.useState)('1'),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    rows = _useState4[0],
+    setRows = _useState4[1];
+  var _useState5 = (0, _react.useState)('1'),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    cols = _useState6[0],
+    setCols = _useState6[1];
+  var submit = (0, _react.useCallback)(function () {
+    if (!rows || !cols || parseInt(rows) < 1 || parseInt(rows) > 50 || parseInt(cols) < 1 || parseInt(cols) > 50) {
+      setErrorMessage('Valid_values_for_rows_and_columns');
+      return;
+    }
+    (0, _helpers.insertTable)(editor, [parseInt(rows), parseInt(cols)], editor.selection, insertPosition);
+    closeDialog();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editor, rows, cols, insertPosition]);
+  var rowsChange = (0, _react.useCallback)(function (event) {
+    var value = event.target.value;
+    if (value === rows) return;
+    setErrorMessage('');
+    setRows(value);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [rows]);
+  var colsChange = (0, _react.useCallback)(function (event) {
+    var value = event.target.value;
+    if (value === cols) return;
+    setErrorMessage('');
+    setCols(value);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [cols]);
+  var close = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
+    isOpen: true,
+    toggle: closeDialog,
+    size: "md",
+    className: "sdoc-custom-table-size-dialog",
+    zIndex: 1111
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Customize_the_number_of_rows_and_columns')), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "d-flex sdoc-custom-table-size-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "d-flex flex-column sdoc-custom-table-size-item mr-4"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
+    className: "mb-2"
+  }, t('Rows')), /*#__PURE__*/_react["default"].createElement(_numberInput["default"], {
+    min: 1,
+    max: _constants.TABLE_MAX_ROWS,
+    value: rows,
+    onChange: rowsChange
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "d-flex flex-column sdoc-custom-table-size-item"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
+    className: "mb-2"
+  }, t('Columns')), /*#__PURE__*/_react["default"].createElement(_numberInput["default"], {
+    min: 1,
+    max: _constants.TABLE_MAX_COLUMNS,
+    value: cols,
+    onChange: colsChange
+  }))), errorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+    className: "mt-2 mb-0",
+    color: "danger"
+  }, t(errorMessage))), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "secondary",
+    onClick: closeDialog
+  }, t('Cancel')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "primary",
+    onClick: submit
+  }, t('Submit'))));
+};
+var _default = exports["default"] = CustomTableSizeDialog;

package/dist/extension/plugins/table/dialogs/custom-table-size-dialog/number-input.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+function NumberInput(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? Infinity : _ref$max,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+    type: "number",
+    className: className,
+    value: value,
+    min: min,
+    step: step,
+    max: max,
+    readOnly: readOnly,
+    onChange: onChange
+  });
+}
+var _default = exports["default"] = NumberInput;

package/dist/extension/plugins/table/dialogs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CustomTableSizeDialog", {
+  enumerable: true,
+  get: function get() {
+    return _customTableSizeDialog["default"];
+  }
+});
+Object.defineProperty(exports, "SplitCellSettingDialog", {
+  enumerable: true,
+  get: function get() {
+    return _splitCellSettingDialog["default"];
+  }
+});
+var _customTableSizeDialog = _interopRequireDefault(require("./custom-table-size-dialog"));
+var _splitCellSettingDialog = _interopRequireDefault(require("./split-cell-setting-dialog"));

package/dist/extension/plugins/table/dialogs/split-cell-setting-dialog.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _helpers = require("../helpers");
+var SplitCellSettingDialog = function SplitCellSettingDialog(_ref) {
+  var editor = _ref.editor,
+    closeDialog = _ref.closeDialog;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var _getSelectedInfo = (0, _helpers.getSelectedInfo)(editor),
+    cell = _getSelectedInfo.cell;
+  var _cell$rowspan = cell.rowspan,
+    rowspan = _cell$rowspan === void 0 ? 1 : _cell$rowspan,
+    _cell$colspan = cell.colspan,
+    colspan = _cell$colspan === void 0 ? 1 : _cell$colspan;
+  var _useState = (0, _react.useState)(rowspan),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    rowNumber = _useState2[0],
+    setRowNumber = _useState2[1];
+  var _useState3 = (0, _react.useState)(colspan),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    columnNumber = _useState4[0],
+    setColumnNumber = _useState4[1];
+  var CELL_SPLIT_MAX_ROWS = rowspan;
+  var CELL_SPLIT_MAX_COLUMNS = colspan;
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    errorMessage = _useState6[0],
+    setErrorMessage = _useState6[1];
+  var onRowNumberChange = (0, _react.useCallback)(function (e) {
+    setRowNumber(e.target.value);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onColumnNumberChange = (0, _react.useCallback)(function (e) {
+    setColumnNumber(e.target.value);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var handleSubmit = (0, _react.useCallback)(function () {
+    var parsedRowNumber = parseInt(rowNumber);
+    var parsedColumnNumber = parseInt(columnNumber);
+    if (!parsedRowNumber || !parsedColumnNumber || parsedRowNumber < 0 || parsedColumnNumber < 0) {
+      setErrorMessage(t('Please_enter_a_non-negative_integer'));
+      return false;
+    }
+    var targetRowNumber = parsedRowNumber;
+    var targetColumnNumber = parsedColumnNumber;
+    if (parsedRowNumber > CELL_SPLIT_MAX_ROWS) {
+      targetRowNumber = CELL_SPLIT_MAX_ROWS;
+      setRowNumber(targetRowNumber);
+      setErrorMessage(t('The_maximum_row_number_is_{number}').replace('{number}', CELL_SPLIT_MAX_ROWS));
+      return false;
+    }
+    if (parsedColumnNumber > CELL_SPLIT_MAX_COLUMNS) {
+      targetColumnNumber = CELL_SPLIT_MAX_COLUMNS;
+      setColumnNumber(targetColumnNumber);
+      setErrorMessage(t('The_maximum_column_number_is_{number}').replace('{number}', CELL_SPLIT_MAX_COLUMNS));
+      return false;
+    }
+    (0, _helpers.splitCell)(editor, targetRowNumber, targetColumnNumber);
+    closeDialog();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [rowNumber, columnNumber]);
+  var close = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "sdoc-add-link-close-icon",
+      onClick: closeDialog
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "sdocfont sdoc-sm-close",
+      "aria-hidden": "true"
+    }));
+  }, [closeDialog]);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Modal, {
+    isOpen: true,
+    autoFocus: false,
+    toggle: closeDialog,
+    zIndex: 1071,
+    returnFocusAfterClose: true
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalHeader, {
+    close: close
+  }, t('Split_cell')), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, {
+    md: 6
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
+    "for": "row-number"
+  }, t('Row_number')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+    id: "row-number",
+    name: "row-number",
+    type: "number",
+    min: 1,
+    value: rowNumber,
+    onChange: onRowNumberChange
+  }))), /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, {
+    md: 6
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
+    "for": "column-number"
+  }, t('Column_number')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+    id: "column-number",
+    name: "column-number",
+    type: "number",
+    min: 1,
+    value: columnNumber,
+    onChange: onColumnNumberChange
+  })))), errorMessage && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+    className: "mt-2 mb-0",
+    color: "danger"
+  }, t(errorMessage))), /*#__PURE__*/_react["default"].createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "secondary",
+    onClick: closeDialog
+  }, t('Cancel')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "primary",
+    onClick: handleSubmit
+  }, t('Submit'))));
+};
+var _default = exports["default"] = SplitCellSettingDialog;