@seafile/sdoc-editor 1.0.53 → 1.0.55

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

@@ -1,20 +1,28 @@
-import React, { useCallback, useMemo } from 'react';
-import { UncontrolledPopover } from 'reactstrap';
-import { TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP } from '../../constants';
-import SampleTable from './sample-table';
-import { insertTableByTemplate } from '../../helpers';
-import './index.css';
-import '../../render/alternate-color.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 _reactstrap = require("reactstrap");
+var _constants = require("../../constants");
+var _sampleTable = _interopRequireDefault(require("./sample-table"));
+var _helpers = require("../../helpers");
+require("./index.css");
+require("../../render/alternate-color.css");
 const TableTemplate = _ref => {
   let {
     editor,
     targetId
   } = _ref;
-  const tableTemplatePreviewList = useMemo(() => Reflect.ownKeys(TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP), []);
-  const handleClickTemplate = useCallback((e, alternateColor) => {
-    insertTableByTemplate(editor, alternateColor);
+  const tableTemplatePreviewList = (0, _react.useMemo)(() => Reflect.ownKeys(_constants.TABLE_ALTERNATE_HIGHLIGHT_CLASS_MAP), []);
+  const handleClickTemplate = (0, _react.useCallback)((e, alternateColor) => {
+    (0, _helpers.insertTableByTemplate)(editor, alternateColor);
   }, [editor]);
-  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: targetId,
     trigger: "hover",
     placement: "right-start",
@@ -22,10 +30,10 @@ const TableTemplate = _ref => {
     fade: false,
     className: "sdoc-sub-dropdown-menu sdoc-table-template-popover",
     innerClassName: "sdoc-table-template-inner-popover"
-  }, tableTemplatePreviewList.map((alternateColor, index) => /*#__PURE__*/React.createElement(SampleTable, {
+  }, tableTemplatePreviewList.map((alternateColor, index) => /*#__PURE__*/_react.default.createElement(_sampleTable.default, {
     key: alternateColor + index,
     alternateColor: alternateColor,
     onClickTemplate: handleClickTemplate
   })));
 };
-export default TableTemplate;
+var _default = exports.default = TableTemplate;

package/dist/basic-sdk/extension/plugins/table/popover/table-template/sample-table.js

@@ -1,27 +1,35 @@
-import React, { useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { getCellHighlightClassName } 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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _helpers = require("../../helpers");
+require("./index.css");
 const SampleTable = _ref => {
   let {
     alternateColor,
     onClickTemplate
   } = _ref;
   // generate table
-  const renderTableRow = useCallback((row, column) => new Array(row).fill(null).map((_, index) => /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-table-template-row table-row ".concat(getCellHighlightClassName(alternateColor, index)),
-    key: "sdoc-template-table-row-".concat(index),
+  const renderTableRow = (0, _react.useCallback)((row, column) => new Array(row).fill(null).map((_, index) => /*#__PURE__*/_react.default.createElement("div", {
+    className: `sdoc-table-template-row table-row ${(0, _helpers.getCellHighlightClassName)(alternateColor, index)}`,
+    key: `sdoc-template-table-row-${index}`,
     onClick: e => onClickTemplate(e, alternateColor)
-  }, new Array(column).fill(null).map((_, index) => /*#__PURE__*/React.createElement("div", {
+  }, new Array(column).fill(null).map((_, index) => /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-table-template-cell",
-    key: "sdoc-template-table-cell-".concat(index)
+    key: `sdoc-template-table-cell-${index}`
   })))), [onClickTemplate, alternateColor]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-table-template-view-table"
   }, renderTableRow(4, 4));
 };
 SampleTable.protoTypes = {
-  alternateColor: PropTypes.string.isRequired,
-  onClickTemplate: PropTypes.func.isRequired
+  alternateColor: _propTypes.default.string.isRequired,
+  onClickTemplate: _propTypes.default.func.isRequired
 };
-export default SampleTable;
+var _default = exports.default = SampleTable;

package/dist/basic-sdk/extension/plugins/table/render/drag-handlers/column-drag-handler.js

@@ -1,17 +1,24 @@
-import React from 'react';
-import '../../render/index.css';
+"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"));
+require("../../render/index.css");
 const ColumnDragHandler = _ref => {
   let {
     left
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "table-cell-width-just position-absolute resizing",
     contentEditable: false,
     style: {
       left
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "table-cell-width-just-color-tip"
   }));
 };
-export default ColumnDragHandler;
+var _default = exports.default = ColumnDragHandler;

package/dist/basic-sdk/extension/plugins/table/render/drag-handlers/index.js

@@ -1,20 +1,28 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import RowDragHandler from './row-drag-handler';
-import ColumnDragHandler from './column-drag-handler';
-import EventBus from '../../../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../../../constants';
-import { DRAG_HANDLER_ROW, DRAG_HANDLER_COLUMN } from '../../constants';
+"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 _rowDragHandler = _interopRequireDefault(require("./row-drag-handler"));
+var _columnDragHandler = _interopRequireDefault(require("./column-drag-handler"));
+var _eventBus = _interopRequireDefault(require("../../../../../utils/event-bus"));
+var _constants = require("../../../../../constants");
+var _constants2 = require("../../constants");
 const DragHandlers = _ref => {
   let {
     table
   } = _ref;
-  const [linePosition, setLinePosition] = useState({
+  const [linePosition, setLinePosition] = (0, _react.useState)({
     top: 0,
     left: 0
   });
-  const [displayType, setDisplayType] = useState('');
+  const [displayType, setDisplayType] = (0, _react.useState)('');
   const tableID = table.id;
-  const handleShowDragHandler = useCallback(_ref2 => {
+  const handleShowDragHandler = (0, _react.useCallback)(_ref2 => {
     let {
       displayType,
       left,
@@ -29,17 +37,17 @@ const DragHandlers = _ref => {
     });
     setDisplayType(displayType);
   }, [tableID]);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unsubscribe = eventBus.subscribe(INTERNAL_EVENT.TABLE_SHOW_DRAG_HANDLER, handleShowDragHandler);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe(_constants.INTERNAL_EVENT.TABLE_SHOW_DRAG_HANDLER, handleShowDragHandler);
     return () => {
       unsubscribe();
     };
   }, [handleShowDragHandler]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, displayType === DRAG_HANDLER_ROW && /*#__PURE__*/React.createElement(RowDragHandler, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, displayType === _constants2.DRAG_HANDLER_ROW && /*#__PURE__*/_react.default.createElement(_rowDragHandler.default, {
     top: linePosition.top
-  }), displayType === DRAG_HANDLER_COLUMN && /*#__PURE__*/React.createElement(ColumnDragHandler, {
+  }), displayType === _constants2.DRAG_HANDLER_COLUMN && /*#__PURE__*/_react.default.createElement(_columnDragHandler.default, {
     left: linePosition.left
   }));
 };
-export default DragHandlers;
+var _default = exports.default = DragHandlers;

package/dist/basic-sdk/extension/plugins/table/render/drag-handlers/row-drag-handler.js

@@ -1,17 +1,24 @@
-import React from 'react';
-import '../../render/index.css';
+"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"));
+require("../../render/index.css");
 const RowDragHandler = _ref => {
   let {
     top
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "table-row-height-just position-absolute resizing",
     contentEditable: false,
     style: {
       top
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "table-row-height-just-color-tip"
   }));
 };
-export default RowDragHandler;
+var _default = exports.default = RowDragHandler;

package/dist/basic-sdk/extension/plugins/table/render/hooks.js

@@ -1,30 +1,41 @@
-import { createContext, useCallback, useContext, useEffect, useState } from 'react';
-import { useScrollContext } from '../../../../hooks/use-scroll-context';
-export const TableRootContext = createContext();
-export const useTableRootContext = () => {
-  return useContext(TableRootContext);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTableSelectedRangeContext = exports.useTableRootScrollLeftContext = exports.useTableRootContext = exports.useSettingSelectRangeContext = exports.useResizeHandlersContext = exports.useContextMenu = exports.TableSelectedRangeContext = exports.TableRootScrollLeftContext = exports.TableRootContext = exports.SettingSelectRangeContext = exports.ResizeHandlersContext = void 0;
+var _react = require("react");
+var _useScrollContext = require("../../../../hooks/use-scroll-context");
+const TableRootContext = exports.TableRootContext = /*#__PURE__*/(0, _react.createContext)();
+const useTableRootContext = () => {
+  return (0, _react.useContext)(TableRootContext);
 };
-export const TableSelectedRangeContext = createContext();
-export const useTableSelectedRangeContext = () => {
-  return useContext(TableSelectedRangeContext);
+exports.useTableRootContext = useTableRootContext;
+const TableSelectedRangeContext = exports.TableSelectedRangeContext = /*#__PURE__*/(0, _react.createContext)();
+const useTableSelectedRangeContext = () => {
+  return (0, _react.useContext)(TableSelectedRangeContext);
 };
-export const ResizeHandlersContext = createContext();
-export const useResizeHandlersContext = () => {
-  return useContext(ResizeHandlersContext);
+exports.useTableSelectedRangeContext = useTableSelectedRangeContext;
+const ResizeHandlersContext = exports.ResizeHandlersContext = /*#__PURE__*/(0, _react.createContext)();
+const useResizeHandlersContext = () => {
+  return (0, _react.useContext)(ResizeHandlersContext);
 };
-export const SettingSelectRangeContext = createContext();
-export const useSettingSelectRangeContext = () => {
-  return useContext(SettingSelectRangeContext);
+exports.useResizeHandlersContext = useResizeHandlersContext;
+const SettingSelectRangeContext = exports.SettingSelectRangeContext = /*#__PURE__*/(0, _react.createContext)();
+const useSettingSelectRangeContext = () => {
+  return (0, _react.useContext)(SettingSelectRangeContext);
 };
-export const TableRootScrollLeftContext = createContext();
-export const useTableRootScrollLeftContext = () => {
-  return useContext(TableRootScrollLeftContext);
+exports.useSettingSelectRangeContext = useSettingSelectRangeContext;
+const TableRootScrollLeftContext = exports.TableRootScrollLeftContext = /*#__PURE__*/(0, _react.createContext)();
+const useTableRootScrollLeftContext = () => {
+  return (0, _react.useContext)(TableRootScrollLeftContext);
 };
-export const useContextMenu = tableScrollWrapper => {
-  const scrollRef = useScrollContext();
-  const [isShowContextMenu, setShowContextMenu] = useState();
-  const [menuPosition, setMenuPosition] = useState({});
-  const onContextMenu = useCallback(event => {
+exports.useTableRootScrollLeftContext = useTableRootScrollLeftContext;
+const useContextMenu = tableScrollWrapper => {
+  const scrollRef = (0, _useScrollContext.useScrollContext)();
+  const [isShowContextMenu, setShowContextMenu] = (0, _react.useState)();
+  const [menuPosition, setMenuPosition] = (0, _react.useState)({});
+  const onContextMenu = (0, _react.useCallback)(event => {
     event.preventDefault();
     const menuPosition = {
       left: event.clientX,
@@ -33,19 +44,19 @@ export const useContextMenu = tableScrollWrapper => {
     setShowContextMenu(true);
     setMenuPosition(menuPosition);
   }, []);
-  const hideContextMenu = useCallback(e => {
+  const hideContextMenu = (0, _react.useCallback)(e => {
     if (isShowContextMenu) {
       setShowContextMenu(false);
     }
   }, [isShowContextMenu]);
-  const hideByContextmenuEvent = useCallback(e => {
+  const hideByContextmenuEvent = (0, _react.useCallback)(e => {
     const table = tableScrollWrapper.current;
     const clickIsInCurrentTable = table && table.contains(e.target) && table !== e.target;
     if (!clickIsInCurrentTable) {
       setShowContextMenu(false);
     }
   }, [tableScrollWrapper]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     document.addEventListener('mousedown', hideContextMenu);
     document.addEventListener('contextmenu', hideByContextmenuEvent, true);
     scrollRef.current && scrollRef.current.addEventListener('scroll', hideContextMenu);
@@ -61,4 +72,5 @@ export const useContextMenu = tableScrollWrapper => {
     menuPosition,
     onContextMenu
   };
-};
+};
+exports.useContextMenu = useContextMenu;