@seafile/sdoc-editor 1.0.53 → 1.0.55

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

@@ -1,10 +1,18 @@
-import React, { useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Modal, ModalHeader, ModalBody, ModalFooter, Button, Label, Alert } from 'reactstrap';
-import { TABLE_MAX_ROWS, TABLE_MAX_COLUMNS } from '../../constants';
-import NumberInput from './number-input';
-import { insertTable } from '../../helpers';
-import './index.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+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 _constants = require("../../constants");
+var _numberInput = _interopRequireDefault(require("./number-input"));
+var _helpers = require("../../helpers");
+require("./index.css");
 const CustomTableSizeDialog = _ref => {
   let {
     editor,
@@ -13,21 +21,21 @@ const CustomTableSizeDialog = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
-  const [errorMessage, setErrorMessage] = useState('');
-  const [rows, setRows] = useState('1');
-  const [cols, setCols] = useState('1');
-  const submit = useCallback(() => {
+  } = (0, _reactI18next.useTranslation)();
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  const [rows, setRows] = (0, _react.useState)('1');
+  const [cols, setCols] = (0, _react.useState)('1');
+  const submit = (0, _react.useCallback)(() => {
     if (!rows || !cols || parseInt(rows) < 1 || parseInt(rows) > 50 || parseInt(cols) < 1 || parseInt(cols) > 50) {
       setErrorMessage('Valid_values_for_rows_and_columns');
       return;
     }
-    insertTable(editor, [parseInt(rows), parseInt(cols)], editor.selection, insertPosition);
+    (0, _helpers.insertTable)(editor, [parseInt(rows), parseInt(cols)], editor.selection, insertPosition);
     closeDialog();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor, rows, cols, insertPosition]);
-  const rowsChange = useCallback(event => {
+  const rowsChange = (0, _react.useCallback)(event => {
     const value = event.target.value;
     if (value === rows) return;
     setErrorMessage('');
@@ -35,7 +43,7 @@ const CustomTableSizeDialog = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rows]);
-  const colsChange = useCallback(event => {
+  const colsChange = (0, _react.useCallback)(event => {
     const value = event.target.value;
     if (value === cols) return;
     setErrorMessage('');
@@ -43,43 +51,43 @@ const CustomTableSizeDialog = _ref => {
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [cols]);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     toggle: closeDialog,
     size: "md",
     className: "sdoc-custom-table-size-dialog",
     zIndex: 1111
-  }, /*#__PURE__*/React.createElement(ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
     toggle: closeDialog
-  }, t('Customize_the_number_of_rows_and_columns')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+  }, 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.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex flex-column sdoc-custom-table-size-item mr-4"
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
     className: "mb-2"
-  }, t('Rows')), /*#__PURE__*/React.createElement(NumberInput, {
+  }, t('Rows')), /*#__PURE__*/_react.default.createElement(_numberInput.default, {
     min: 1,
-    max: TABLE_MAX_ROWS,
+    max: _constants.TABLE_MAX_ROWS,
     value: rows,
     onChange: rowsChange
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex flex-column sdoc-custom-table-size-item"
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
     className: "mb-2"
-  }, t('Columns')), /*#__PURE__*/React.createElement(NumberInput, {
+  }, t('Columns')), /*#__PURE__*/_react.default.createElement(_numberInput.default, {
     min: 1,
-    max: TABLE_MAX_COLUMNS,
+    max: _constants.TABLE_MAX_COLUMNS,
     value: cols,
     onChange: colsChange
-  }))), errorMessage && /*#__PURE__*/React.createElement(Alert, {
+  }))), errorMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
     className: "mt-2 mb-0",
     color: "danger"
-  }, t(errorMessage))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }, t(errorMessage))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "secondary",
     onClick: closeDialog
-  }, t('Cancel')), /*#__PURE__*/React.createElement(Button, {
+  }, t('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "primary",
     onClick: submit
   }, t('Submit'))));
 };
-export default CustomTableSizeDialog;
+var _default = exports.default = CustomTableSizeDialog;

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

@@ -1,5 +1,12 @@
-import React from 'react';
-import { Input } from 'reactstrap';
+"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(props) {
   const {
     value,
@@ -10,7 +17,7 @@ function NumberInput(props) {
     readOnly,
     className
   } = props;
-  return /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
     type: "number",
     className: className,
     value: value,
@@ -27,4 +34,4 @@ NumberInput.defaultProps = {
   max: Infinity,
   readOnly: false
 };
-export default NumberInput;
+var _default = exports.default = NumberInput;

package/dist/basic-sdk/extension/plugins/table/dialogs/index.js

@@ -1,3 +1,20 @@
-import CustomTableSizeDialog from './custom-table-size-dialog';
-import SplitCellSettingDialog from './split-cell-setting-dialog';
-export { CustomTableSizeDialog, SplitCellSettingDialog };
+"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

@@ -1,7 +1,14 @@
-import React, { useCallback, useState } from 'react';
-import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert, Row, Col, FormGroup, Label, Input } from 'reactstrap';
-import { useTranslation } from 'react-i18next';
-import { getSelectedInfo, splitCell } from '../helpers';
+"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 _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
+var _helpers = require("../helpers");
 const SplitCellSettingDialog = _ref => {
   let {
     editor,
@@ -9,28 +16,28 @@ const SplitCellSettingDialog = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
+  } = (0, _reactI18next.useTranslation)();
   const {
     cell
-  } = getSelectedInfo(editor);
+  } = (0, _helpers.getSelectedInfo)(editor);
   const {
     rowspan = 1,
     colspan = 1
   } = cell;
-  const [rowNumber, setRowNumber] = useState(rowspan);
-  const [columnNumber, setColumnNumber] = useState(colspan);
+  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] = useState('');
-  const onRowNumberChange = useCallback(e => {
+  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 = useCallback(e => {
+  const onColumnNumberChange = (0, _react.useCallback)(e => {
     setColumnNumber(e.target.value);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const handleSubmit = useCallback(() => {
+  const handleSubmit = (0, _react.useCallback)(() => {
     const parsedRowNumber = parseInt(rowNumber);
     const parsedColumnNumber = parseInt(columnNumber);
     if (!parsedRowNumber || !parsedColumnNumber || parsedRowNumber < 0 || parsedColumnNumber < 0) {
@@ -51,49 +58,49 @@ const SplitCellSettingDialog = _ref => {
       setErrorMessage(t('The_maximum_column_number_is_{number}').replace('{number}', CELL_SPLIT_MAX_COLUMNS));
       return false;
     }
-    splitCell(editor, targetRowNumber, targetColumnNumber);
+    (0, _helpers.splitCell)(editor, targetRowNumber, targetColumnNumber);
     closeDialog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rowNumber, columnNumber]);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
     isOpen: true,
     autoFocus: false,
     toggle: closeDialog,
     zIndex: 1071,
     returnFocusAfterClose: true
-  }, /*#__PURE__*/React.createElement(ModalHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
     toggle: closeDialog
-  }, t('Split_cell')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+  }, 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.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
     for: "row-number"
-  }, t('Row_number')), /*#__PURE__*/React.createElement(Input, {
+  }, 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.createElement(Col, {
+  }))), /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     md: 6
-  }, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
     for: "column-number"
-  }, t('Column_number')), /*#__PURE__*/React.createElement(Input, {
+  }, 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.createElement(Alert, {
+  })))), errorMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
     className: "mt-2 mb-0",
     color: "danger"
-  }, t(errorMessage))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }, t(errorMessage))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "secondary",
     onClick: closeDialog
-  }, t('Cancel')), /*#__PURE__*/React.createElement(Button, {
+  }, t('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "primary",
     onClick: handleSubmit
   }, t('Submit'))));
 };
-export default SplitCellSettingDialog;
+var _default = exports.default = SplitCellSettingDialog;