@seafile/comment-editor 0.0.1-alpha.0

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

@@ -0,0 +1,31 @@
+"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) {
+  let {
+    value,
+    onChange,
+    className,
+    min = 0,
+    step = 1,
+    max = Infinity,
+    readOnly = false
+  } = _ref;
+  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/basic-sdk/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 () {
+    return _customTableSizeDialog.default;
+  }
+});
+Object.defineProperty(exports, "SplitCellSettingDialog", {
+  enumerable: true,
+  get: function () {
+    return _splitCellSettingDialog.default;
+  }
+});
+var _customTableSizeDialog = _interopRequireDefault(require("./custom-table-size-dialog"));
+var _splitCellSettingDialog = _interopRequireDefault(require("./split-cell-setting-dialog"));

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

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _helpers = require("../helpers");
+const SplitCellSettingDialog = _ref => {
+  let {
+    editor,
+    closeDialog
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)('sdoc-editor');
+  const {
+    cell
+  } = (0, _helpers.getSelectedInfo)(editor);
+  const {
+    rowspan = 1,
+    colspan = 1
+  } = cell;
+  const [rowNumber, setRowNumber] = (0, _react.useState)(rowspan);
+  const [columnNumber, setColumnNumber] = (0, _react.useState)(colspan);
+  const CELL_SPLIT_MAX_ROWS = rowspan;
+  const CELL_SPLIT_MAX_COLUMNS = colspan;
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  const onRowNumberChange = (0, _react.useCallback)(e => {
+    setRowNumber(e.target.value);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onColumnNumberChange = (0, _react.useCallback)(e => {
+    setColumnNumber(e.target.value);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const handleSubmit = (0, _react.useCallback)(() => {
+    const parsedRowNumber = parseInt(rowNumber);
+    const parsedColumnNumber = parseInt(columnNumber);
+    if (!parsedRowNumber || !parsedColumnNumber || parsedRowNumber < 0 || parsedColumnNumber < 0) {
+      setErrorMessage(t('Please_enter_a_non-negative_integer'));
+      return false;
+    }
+    let targetRowNumber = parsedRowNumber;
+    let 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]);
+  const close = (0, _react.useMemo)(() => {
+    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;