@seafile/seafile-editor 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/dist/constants/event-types.js +2 -8
  2. package/dist/constants/hot-keys.js +1 -7
  3. package/dist/containers/article-info/index.js +24 -34
  4. package/dist/containers/custom/get-event-transfer.js +10 -16
  5. package/dist/containers/custom/set-event-transfer.js +10 -16
  6. package/dist/containers/hotkeys-helper/classify-hotkeys.js +20 -25
  7. package/dist/containers/hotkeys-helper/index.js +32 -35
  8. package/dist/containers/loading/index.js +11 -32
  9. package/dist/containers/outline/index.js +41 -51
  10. package/dist/containers/outline/outline-item.js +15 -21
  11. package/dist/editors/plain-markdown-editor/code-mirror.js +51 -75
  12. package/dist/editors/plain-markdown-editor/index.js +90 -107
  13. package/dist/editors/simple-slate-editor /index.js +43 -57
  14. package/dist/editors/simple-slate-editor /with-props-editor.js +4 -10
  15. package/dist/editors/slate-editor/editor-help/index.js +24 -37
  16. package/dist/editors/slate-editor/index.js +50 -64
  17. package/dist/editors/slate-editor/with-props-editor.js +4 -10
  18. package/dist/editors/slate-viewer/index.js +25 -31
  19. package/dist/extension/commons/element-popover/index.js +30 -55
  20. package/dist/extension/commons/index.js +3 -26
  21. package/dist/extension/commons/menu/index.js +4 -21
  22. package/dist/extension/commons/menu/menu-drop-down.js +50 -63
  23. package/dist/extension/commons/menu/menu-group.js +4 -11
  24. package/dist/extension/commons/menu/menu-item.js +25 -30
  25. package/dist/extension/commons/tooltip/index.js +14 -19
  26. package/dist/extension/constants/element-types.js +22 -28
  27. package/dist/extension/constants/index.js +15 -37
  28. package/dist/extension/constants/keyboard.js +3 -9
  29. package/dist/extension/constants/menus-config.js +118 -105
  30. package/dist/extension/core/index.js +3 -38
  31. package/dist/extension/core/queries/index.js +209 -304
  32. package/dist/extension/core/transforms/focus-editor.js +7 -13
  33. package/dist/extension/core/transforms/index.js +4 -49
  34. package/dist/extension/core/transforms/move-children.js +18 -25
  35. package/dist/extension/core/transforms/remove-node-children.js +8 -27
  36. package/dist/extension/core/transforms/replace-node-children.js +14 -19
  37. package/dist/extension/core/utils/index.js +36 -44
  38. package/dist/extension/editor.js +8 -15
  39. package/dist/extension/index.js +7 -48
  40. package/dist/extension/plugins/blockquote/helpers.js +38 -57
  41. package/dist/extension/plugins/blockquote/index.js +8 -15
  42. package/dist/extension/plugins/blockquote/menu/index.js +20 -25
  43. package/dist/extension/plugins/blockquote/plugin.js +35 -41
  44. package/dist/extension/plugins/blockquote/render-elem.js +9 -14
  45. package/dist/extension/plugins/check-list/helper.js +14 -24
  46. package/dist/extension/plugins/check-list/index.js +10 -17
  47. package/dist/extension/plugins/check-list/menu/index.js +21 -29
  48. package/dist/extension/plugins/check-list/plugin.js +24 -26
  49. package/dist/extension/plugins/check-list/render-elem.js +22 -28
  50. package/dist/extension/plugins/clear-format/helpers.js +25 -47
  51. package/dist/extension/plugins/clear-format/menu/index.js +22 -29
  52. package/dist/extension/plugins/code-block/helpers.js +74 -126
  53. package/dist/extension/plugins/code-block/index.js +10 -18
  54. package/dist/extension/plugins/code-block/menu/index.js +20 -27
  55. package/dist/extension/plugins/code-block/plugin.js +123 -144
  56. package/dist/extension/plugins/code-block/render-elem/constant.js +15 -11
  57. package/dist/extension/plugins/code-block/render-elem/index.js +30 -39
  58. package/dist/extension/plugins/code-block/render-elem/language-selector.js +19 -27
  59. package/dist/extension/plugins/formula/helper.js +39 -45
  60. package/dist/extension/plugins/formula/index.js +10 -17
  61. package/dist/extension/plugins/formula/menu/formula-modal.js +37 -52
  62. package/dist/extension/plugins/formula/menu/index.js +34 -50
  63. package/dist/extension/plugins/formula/plugin.js +12 -14
  64. package/dist/extension/plugins/formula/render-elem.js +27 -33
  65. package/dist/extension/plugins/header/helper.js +35 -48
  66. package/dist/extension/plugins/header/index.js +10 -17
  67. package/dist/extension/plugins/header/menu/index.js +52 -66
  68. package/dist/extension/plugins/header/plugin.js +72 -83
  69. package/dist/extension/plugins/header/render-elem.js +15 -20
  70. package/dist/extension/plugins/image/helper.js +28 -37
  71. package/dist/extension/plugins/image/index.js +10 -17
  72. package/dist/extension/plugins/image/menu/image-menu-dialog.js +31 -42
  73. package/dist/extension/plugins/image/menu/image-menu-popover.js +35 -67
  74. package/dist/extension/plugins/image/menu/index.js +24 -34
  75. package/dist/extension/plugins/image/plugin.js +18 -18
  76. package/dist/extension/plugins/image/render-element/image-previewer.js +32 -42
  77. package/dist/extension/plugins/image/render-element/index.js +58 -74
  78. package/dist/extension/plugins/index.js +18 -94
  79. package/dist/extension/plugins/link/helper.js +102 -139
  80. package/dist/extension/plugins/link/index.js +10 -17
  81. package/dist/extension/plugins/link/menu/index.js +46 -62
  82. package/dist/extension/plugins/link/menu/link-modal.js +67 -87
  83. package/dist/extension/plugins/link/plugin.js +52 -56
  84. package/dist/extension/plugins/link/render-elem/index.js +39 -54
  85. package/dist/extension/plugins/link/render-elem/link-popover.js +38 -42
  86. package/dist/extension/plugins/list/constant.js +2 -8
  87. package/dist/extension/plugins/list/helpers.js +40 -54
  88. package/dist/extension/plugins/list/index.js +10 -17
  89. package/dist/extension/plugins/list/menu/index.js +23 -33
  90. package/dist/extension/plugins/list/plugin/index.js +28 -31
  91. package/dist/extension/plugins/list/plugin/insert-break-list.js +9 -15
  92. package/dist/extension/plugins/list/plugin/insert-fragment-list.js +86 -109
  93. package/dist/extension/plugins/list/plugin/normalize-list.js +31 -42
  94. package/dist/extension/plugins/list/plugin/on-tab-handle.js +35 -34
  95. package/dist/extension/plugins/list/queries/index.js +22 -30
  96. package/dist/extension/plugins/list/render-elem/index.js +27 -27
  97. package/dist/extension/plugins/list/transforms/index.js +11 -75
  98. package/dist/extension/plugins/list/transforms/insert-list-item.js +38 -47
  99. package/dist/extension/plugins/list/transforms/move-list-item-down.js +22 -32
  100. package/dist/extension/plugins/list/transforms/move-list-item-up.js +45 -56
  101. package/dist/extension/plugins/list/transforms/move-list-items-to-list.js +25 -31
  102. package/dist/extension/plugins/list/transforms/move-list-items.js +37 -44
  103. package/dist/extension/plugins/list/transforms/normalize-list-item.js +57 -81
  104. package/dist/extension/plugins/list/transforms/normalize-nested-list.js +17 -26
  105. package/dist/extension/plugins/list/transforms/remove-first-list-item.js +12 -19
  106. package/dist/extension/plugins/list/transforms/transforms-to-list.js +60 -84
  107. package/dist/extension/plugins/list/transforms/unwrap-list.js +20 -29
  108. package/dist/extension/plugins/node-id/constants.js +9 -15
  109. package/dist/extension/plugins/node-id/helpers.js +33 -35
  110. package/dist/extension/plugins/node-id/index.js +4 -11
  111. package/dist/extension/plugins/node-id/with-node-id.js +18 -26
  112. package/dist/extension/plugins/paragraph/helper.js +7 -13
  113. package/dist/extension/plugins/paragraph/index.js +8 -15
  114. package/dist/extension/plugins/paragraph/plugin.js +25 -27
  115. package/dist/extension/plugins/paragraph/render-elem.js +9 -14
  116. package/dist/extension/plugins/table/constant.js +3 -9
  117. package/dist/extension/plugins/table/helper.js +133 -154
  118. package/dist/extension/plugins/table/index.js +11 -19
  119. package/dist/extension/plugins/table/menu/index.js +26 -38
  120. package/dist/extension/plugins/table/menu/table-operator.js +62 -77
  121. package/dist/extension/plugins/table/menu/table-size-selector.js +41 -62
  122. package/dist/extension/plugins/table/model.js +39 -41
  123. package/dist/extension/plugins/table/plugin.js +95 -102
  124. package/dist/extension/plugins/table/render-elem/context-menu.js +42 -65
  125. package/dist/extension/plugins/table/render-elem/index.js +85 -93
  126. package/dist/extension/plugins/table/table-operations.js +101 -118
  127. package/dist/extension/plugins/text-style/helpers.js +18 -28
  128. package/dist/extension/plugins/text-style/index.js +8 -15
  129. package/dist/extension/plugins/text-style/menu/index.js +19 -25
  130. package/dist/extension/plugins/text-style/plugin.js +16 -21
  131. package/dist/extension/plugins/text-style/render-elem.js +28 -33
  132. package/dist/extension/render/render-element.js +26 -47
  133. package/dist/extension/render/render-leaf.js +9 -18
  134. package/dist/extension/toolbar/header-toolbar/index.js +66 -84
  135. package/dist/extension/toolbar/index.js +2 -13
  136. package/dist/extension/toolbar/user-help/shortcut-dialog.js +108 -131
  137. package/dist/hooks/use-mathjax.js +9 -20
  138. package/dist/hooks/use-scroll-context.js +7 -12
  139. package/dist/hooks/use-selection-update.js +9 -21
  140. package/dist/index.js +9 -80
  141. package/dist/pages/markdown-editor.js +30 -43
  142. package/dist/pages/markdown-view.js +25 -37
  143. package/dist/pages/rich-markdown-editor.js +54 -67
  144. package/dist/pages/simple-editor.js +29 -42
  145. package/dist/slate-convert/html-to-slate/constants.js +26 -32
  146. package/dist/slate-convert/html-to-slate/helper.js +1 -7
  147. package/dist/slate-convert/html-to-slate/index.js +44 -51
  148. package/dist/slate-convert/html-to-slate/rules/blockquote.js +10 -15
  149. package/dist/slate-convert/html-to-slate/rules/check-list.js +10 -15
  150. package/dist/slate-convert/html-to-slate/rules/code-block.js +40 -51
  151. package/dist/slate-convert/html-to-slate/rules/header.js +11 -16
  152. package/dist/slate-convert/html-to-slate/rules/image.js +10 -15
  153. package/dist/slate-convert/html-to-slate/rules/index.js +11 -18
  154. package/dist/slate-convert/html-to-slate/rules/link.js +11 -16
  155. package/dist/slate-convert/html-to-slate/rules/list.js +21 -26
  156. package/dist/slate-convert/html-to-slate/rules/paragraph.js +10 -15
  157. package/dist/slate-convert/html-to-slate/rules/table.js +14 -19
  158. package/dist/slate-convert/html-to-slate/rules/text.js +14 -19
  159. package/dist/slate-convert/index.js +8 -34
  160. package/dist/slate-convert/md-to-html/index.js +26 -31
  161. package/dist/slate-convert/md-to-html/sanitize-schema.js +5 -12
  162. package/dist/slate-convert/md-to-slate/index.js +17 -23
  163. package/dist/slate-convert/md-to-slate/transform.js +183 -175
  164. package/dist/slate-convert/slate-to-md/index.js +14 -20
  165. package/dist/slate-convert/slate-to-md/transform.js +76 -87
  166. package/dist/utils/common.js +8 -15
  167. package/dist/utils/deserialize-html.js +118 -166
  168. package/dist/utils/dom-utils.js +18 -22
  169. package/dist/utils/event-bus.js +27 -47
  170. package/dist/utils/event-handler.js +29 -38
  171. package/dist/utils/object-utils.js +39 -62
  172. package/package.json +5 -4
@@ -1,141 +1,118 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
10
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
11
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
12
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
13
- var _react = _interopRequireWildcard(require("react"));
14
- var _reactstrap = require("reactstrap");
15
- var _reactI18next = require("react-i18next");
16
- require("./style.css");
17
- var isMac = window.navigator.platform.indexOf('Win') < 0 ? true : false;
18
- var controlKey = isMac ? '⌘' : 'CTRL';
19
- var KeyboardShortcuts = /*#__PURE__*/function (_React$PureComponent) {
20
- (0, _inherits2.default)(KeyboardShortcuts, _React$PureComponent);
21
- var _super = (0, _createSuper2.default)(KeyboardShortcuts);
22
- function KeyboardShortcuts() {
23
- var _this;
24
- (0, _classCallCheck2.default)(this, KeyboardShortcuts);
25
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
26
- args[_key] = arguments[_key];
27
- }
28
- _this = _super.call.apply(_super, [this].concat(args));
29
- _this.renderShortcut = function (keys) {
30
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
1
+ import React, { Fragment } from 'react';
2
+ import { Modal, ModalHeader, ModalBody } from 'reactstrap';
3
+ import { withTranslation } from 'react-i18next';
4
+ import './style.css';
5
+ const isMac = window.navigator.platform.indexOf('Win') < 0 ? true : false;
6
+ const controlKey = isMac ? '⌘' : 'CTRL';
7
+ class KeyboardShortcuts extends React.PureComponent {
8
+ constructor() {
9
+ super(...arguments);
10
+ this.renderShortcut = keys => {
11
+ return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
31
12
  className: "keyboard-shortcut"
32
- }, keys.map(function (key, index) {
33
- return /*#__PURE__*/_react.default.createElement("kbd", {
13
+ }, keys.map((key, index) => {
14
+ return /*#__PURE__*/React.createElement("kbd", {
34
15
  key: index
35
16
  }, key);
36
- })), /*#__PURE__*/_react.default.createElement("br", null));
17
+ })), /*#__PURE__*/React.createElement("br", null));
37
18
  };
38
- _this.renderContainer = function (keys, description) {
39
- return /*#__PURE__*/_react.default.createElement("div", {
19
+ this.renderContainer = (keys, description) => {
20
+ return /*#__PURE__*/React.createElement("div", {
40
21
  className: "keyboard-shortcut-container"
41
- }, /*#__PURE__*/_react.default.createElement("div", {
22
+ }, /*#__PURE__*/React.createElement("div", {
42
23
  className: "col-4"
43
- }, _this.renderShortcut(keys)), /*#__PURE__*/_react.default.createElement("div", {
24
+ }, this.renderShortcut(keys)), /*#__PURE__*/React.createElement("div", {
44
25
  className: "col-8"
45
26
  }, description));
46
27
  };
47
- return _this;
48
28
  }
49
- (0, _createClass2.default)(KeyboardShortcuts, [{
50
- key: "render",
51
- value: function render() {
52
- var _this$props = this.props,
53
- t = _this$props.t,
54
- toggleShortcutDialog = _this$props.toggleShortcutDialog;
55
- var userHelp = t('userHelp', {
56
- returnObjects: true
57
- });
58
- var userHelpData = userHelp.userHelpData;
59
- return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
60
- isOpen: true,
61
- toggle: toggleShortcutDialog,
62
- className: "keyboard-shortcut-dialog",
63
- zIndex: 1071
64
- }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
65
- toggle: toggleShortcutDialog
66
- }, /*#__PURE__*/_react.default.createElement("span", {
67
- className: "mr-2"
68
- }, t(userHelp.title))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
69
- className: "pb-2"
70
- }, /*#__PURE__*/_react.default.createElement("div", {
71
- className: "keyboard-shortcut-title pb-1"
72
- }, t(userHelpData[1]['shortcutType'])), this.renderContainer(['#', 'space'], t(userHelpData[1].shortcutData['Heading_1'])), this.renderContainer(['##', 'space'], t(userHelpData[1].shortcutData['Heading_2'])), this.renderContainer(['###', 'space'], t(userHelpData[1].shortcutData['Heading_3'])), this.renderContainer(['####', 'space'], t(userHelpData[1].shortcutData['Heading_4'])), this.renderContainer(['#####', 'space'], t(userHelpData[1].shortcutData['Heading_5'])), this.renderContainer(['######', 'space'], t(userHelpData[1].shortcutData['Heading_6']))), /*#__PURE__*/_react.default.createElement("div", {
73
- className: "pb-2"
74
- }, /*#__PURE__*/_react.default.createElement("div", {
75
- className: "keyboard-shortcut-title pb-1"
76
- }, t(userHelpData[0]['shortcutType'])), /*#__PURE__*/_react.default.createElement("div", {
77
- className: "keyboard-shortcut-container"
78
- }, /*#__PURE__*/_react.default.createElement("div", {
79
- className: "col-4"
80
- }, this.renderShortcut(['*', 'space']), this.renderShortcut(['-', 'space'])), /*#__PURE__*/_react.default.createElement("div", {
81
- className: "col-8"
82
- }, t(userHelpData[0].shortcutData['Make_list']))), /*#__PURE__*/_react.default.createElement("div", {
83
- className: "keyboard-shortcut-container"
84
- }, /*#__PURE__*/_react.default.createElement("div", {
85
- className: "col-4"
86
- }, this.renderShortcut(['1.', 'space'])), /*#__PURE__*/_react.default.createElement("div", {
87
- className: "col-8"
88
- }, t(userHelpData[0].shortcutData['Make_ordered_list']))), this.renderContainer(['Tab'], t(userHelpData[0].shortcutData['Increase_depth'])), this.renderContainer(['Shift', 'Enter'], t(userHelpData[0].shortcutData['Insert_child_in_item'])), this.renderContainer(['Enter'], t(userHelpData[0].shortcutData['Insert_new_item']))), /*#__PURE__*/_react.default.createElement("div", {
89
- className: "pb-2"
90
- }, /*#__PURE__*/_react.default.createElement("div", {
91
- className: "keyboard-shortcut-title pb-1"
92
- }, t(userHelpData[6]['shortcutType'])), /*#__PURE__*/_react.default.createElement("div", {
93
- className: "keyboard-shortcut-container"
94
- }, /*#__PURE__*/_react.default.createElement("div", {
95
- className: "col-4"
96
- }, this.renderShortcut(['**bold**', 'space']), this.renderShortcut(['__bold__', 'space'])), /*#__PURE__*/_react.default.createElement("div", {
97
- className: "col-8"
98
- }, t(userHelpData[6].shortcutData['Bold']))), /*#__PURE__*/_react.default.createElement("div", {
99
- className: "keyboard-shortcut-container"
100
- }, /*#__PURE__*/_react.default.createElement("div", {
101
- className: "col-4"
102
- }, this.renderShortcut(['*italic*', 'space']), this.renderShortcut(['_italic_', 'space'])), /*#__PURE__*/_react.default.createElement("div", {
103
- className: "col-8"
104
- }, t(userHelpData[6].shortcutData['Italic']))), /*#__PURE__*/_react.default.createElement("div", {
105
- className: "keyboard-shortcut-container"
106
- }, /*#__PURE__*/_react.default.createElement("div", {
107
- className: "col-4"
108
- }, this.renderShortcut(['***italic***', 'space']), this.renderShortcut(['___italic___', 'space'])), /*#__PURE__*/_react.default.createElement("div", {
109
- className: "col-8"
110
- }, t(userHelpData[6].shortcutData['Italic_Bold']))), this.renderContainer(['`code`', 'space'], t(userHelpData[6].shortcutData['Inline_code']))), /*#__PURE__*/_react.default.createElement("div", {
111
- className: "pb-2"
112
- }, /*#__PURE__*/_react.default.createElement("div", {
113
- className: "keyboard-shortcut-title pb-1"
114
- }, t(userHelpData[2]['shortcutType'])), /*#__PURE__*/_react.default.createElement("div", {
115
- className: "keyboard-shortcut-container"
116
- }, /*#__PURE__*/_react.default.createElement("div", {
117
- className: "col-4"
118
- }, this.renderShortcut(['```']), this.renderShortcut(['space*4'])), /*#__PURE__*/_react.default.createElement("div", {
119
- className: "col-8"
120
- }, t(userHelpData[2].shortcutData['Make_code_block']))), this.renderContainer(['Tab'], t(userHelpData[2].shortcutData['Insert_indent'])), this.renderContainer(['Enter'], t(userHelpData[2].shortcutData['Insert_new_line'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[2].shortcutData['Escape_code_block']))), /*#__PURE__*/_react.default.createElement("div", {
121
- className: "pb-2"
122
- }, /*#__PURE__*/_react.default.createElement("div", {
123
- className: "keyboard-shortcut-title pb-1"
124
- }, t(userHelpData[3]['shortcutType'])), this.renderContainer(['>', 'space'], t(userHelpData[3].shortcutData['Make_Block_quote'])), this.renderContainer(['Enter'], t(userHelpData[3].shortcutData['Escape_Block_quote']))), /*#__PURE__*/_react.default.createElement("div", {
125
- className: "pb-2"
126
- }, /*#__PURE__*/_react.default.createElement("div", {
127
- className: "keyboard-shortcut-title pb-1"
128
- }, t(userHelpData[4]['shortcutType'])), this.renderContainer(['Enter'], t(userHelpData[4].shortcutData['Insert_Table_Row'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[4].shortcutData['Escape_table']))), /*#__PURE__*/_react.default.createElement("div", {
129
- className: "pb-2"
130
- }, /*#__PURE__*/_react.default.createElement("div", {
131
- className: "keyboard-shortcut-title pb-1"
132
- }, t(userHelpData[7]['shortcutType'])), this.renderContainer([controlKey, 's'], t(userHelpData[7].shortcutData['Save_file']))), /*#__PURE__*/_react.default.createElement("div", {
133
- className: "pb-2"
134
- }, /*#__PURE__*/_react.default.createElement("div", {
135
- className: "keyboard-shortcut-title pb-1"
136
- }, t(userHelpData[8]['shortcutType'])), this.renderContainer([controlKey, 'v'], t(userHelpData[8].shortcutData['Paste_screen_shot']))))));
137
- }
138
- }]);
139
- return KeyboardShortcuts;
140
- }(_react.default.PureComponent);
141
- var _default = exports.default = (0, _reactI18next.withTranslation)('seafile-editor')(KeyboardShortcuts);
29
+ render() {
30
+ let {
31
+ t,
32
+ toggleShortcutDialog
33
+ } = this.props;
34
+ const userHelp = t('userHelp', {
35
+ returnObjects: true
36
+ });
37
+ const userHelpData = userHelp.userHelpData;
38
+ return /*#__PURE__*/React.createElement(Modal, {
39
+ isOpen: true,
40
+ toggle: toggleShortcutDialog,
41
+ className: "keyboard-shortcut-dialog",
42
+ zIndex: 1071
43
+ }, /*#__PURE__*/React.createElement(ModalHeader, {
44
+ toggle: toggleShortcutDialog
45
+ }, /*#__PURE__*/React.createElement("span", {
46
+ className: "mr-2"
47
+ }, t(userHelp.title))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
48
+ className: "pb-2"
49
+ }, /*#__PURE__*/React.createElement("div", {
50
+ className: "keyboard-shortcut-title pb-1"
51
+ }, t(userHelpData[1]['shortcutType'])), this.renderContainer(['#', 'space'], t(userHelpData[1].shortcutData['Heading_1'])), this.renderContainer(['##', 'space'], t(userHelpData[1].shortcutData['Heading_2'])), this.renderContainer(['###', 'space'], t(userHelpData[1].shortcutData['Heading_3'])), this.renderContainer(['####', 'space'], t(userHelpData[1].shortcutData['Heading_4'])), this.renderContainer(['#####', 'space'], t(userHelpData[1].shortcutData['Heading_5'])), this.renderContainer(['######', 'space'], t(userHelpData[1].shortcutData['Heading_6']))), /*#__PURE__*/React.createElement("div", {
52
+ className: "pb-2"
53
+ }, /*#__PURE__*/React.createElement("div", {
54
+ className: "keyboard-shortcut-title pb-1"
55
+ }, t(userHelpData[0]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
56
+ className: "keyboard-shortcut-container"
57
+ }, /*#__PURE__*/React.createElement("div", {
58
+ className: "col-4"
59
+ }, this.renderShortcut(['*', 'space']), this.renderShortcut(['-', 'space'])), /*#__PURE__*/React.createElement("div", {
60
+ className: "col-8"
61
+ }, t(userHelpData[0].shortcutData['Make_list']))), /*#__PURE__*/React.createElement("div", {
62
+ className: "keyboard-shortcut-container"
63
+ }, /*#__PURE__*/React.createElement("div", {
64
+ className: "col-4"
65
+ }, this.renderShortcut(['1.', 'space'])), /*#__PURE__*/React.createElement("div", {
66
+ className: "col-8"
67
+ }, t(userHelpData[0].shortcutData['Make_ordered_list']))), this.renderContainer(['Tab'], t(userHelpData[0].shortcutData['Increase_depth'])), this.renderContainer(['Shift', 'Enter'], t(userHelpData[0].shortcutData['Insert_child_in_item'])), this.renderContainer(['Enter'], t(userHelpData[0].shortcutData['Insert_new_item']))), /*#__PURE__*/React.createElement("div", {
68
+ className: "pb-2"
69
+ }, /*#__PURE__*/React.createElement("div", {
70
+ className: "keyboard-shortcut-title pb-1"
71
+ }, t(userHelpData[6]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
72
+ className: "keyboard-shortcut-container"
73
+ }, /*#__PURE__*/React.createElement("div", {
74
+ className: "col-4"
75
+ }, this.renderShortcut(['**bold**', 'space']), this.renderShortcut(['__bold__', 'space'])), /*#__PURE__*/React.createElement("div", {
76
+ className: "col-8"
77
+ }, t(userHelpData[6].shortcutData['Bold']))), /*#__PURE__*/React.createElement("div", {
78
+ className: "keyboard-shortcut-container"
79
+ }, /*#__PURE__*/React.createElement("div", {
80
+ className: "col-4"
81
+ }, this.renderShortcut(['*italic*', 'space']), this.renderShortcut(['_italic_', 'space'])), /*#__PURE__*/React.createElement("div", {
82
+ className: "col-8"
83
+ }, t(userHelpData[6].shortcutData['Italic']))), /*#__PURE__*/React.createElement("div", {
84
+ className: "keyboard-shortcut-container"
85
+ }, /*#__PURE__*/React.createElement("div", {
86
+ className: "col-4"
87
+ }, this.renderShortcut(['***italic***', 'space']), this.renderShortcut(['___italic___', 'space'])), /*#__PURE__*/React.createElement("div", {
88
+ className: "col-8"
89
+ }, t(userHelpData[6].shortcutData['Italic_Bold']))), this.renderContainer(['`code`', 'space'], t(userHelpData[6].shortcutData['Inline_code']))), /*#__PURE__*/React.createElement("div", {
90
+ className: "pb-2"
91
+ }, /*#__PURE__*/React.createElement("div", {
92
+ className: "keyboard-shortcut-title pb-1"
93
+ }, t(userHelpData[2]['shortcutType'])), /*#__PURE__*/React.createElement("div", {
94
+ className: "keyboard-shortcut-container"
95
+ }, /*#__PURE__*/React.createElement("div", {
96
+ className: "col-4"
97
+ }, this.renderShortcut(['```']), this.renderShortcut(['space*4'])), /*#__PURE__*/React.createElement("div", {
98
+ className: "col-8"
99
+ }, t(userHelpData[2].shortcutData['Make_code_block']))), this.renderContainer(['Tab'], t(userHelpData[2].shortcutData['Insert_indent'])), this.renderContainer(['Enter'], t(userHelpData[2].shortcutData['Insert_new_line'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[2].shortcutData['Escape_code_block']))), /*#__PURE__*/React.createElement("div", {
100
+ className: "pb-2"
101
+ }, /*#__PURE__*/React.createElement("div", {
102
+ className: "keyboard-shortcut-title pb-1"
103
+ }, t(userHelpData[3]['shortcutType'])), this.renderContainer(['>', 'space'], t(userHelpData[3].shortcutData['Make_Block_quote'])), this.renderContainer(['Enter'], t(userHelpData[3].shortcutData['Escape_Block_quote']))), /*#__PURE__*/React.createElement("div", {
104
+ className: "pb-2"
105
+ }, /*#__PURE__*/React.createElement("div", {
106
+ className: "keyboard-shortcut-title pb-1"
107
+ }, t(userHelpData[4]['shortcutType'])), this.renderContainer(['Enter'], t(userHelpData[4].shortcutData['Insert_Table_Row'])), this.renderContainer([controlKey, 'Enter'], t(userHelpData[4].shortcutData['Escape_table']))), /*#__PURE__*/React.createElement("div", {
108
+ className: "pb-2"
109
+ }, /*#__PURE__*/React.createElement("div", {
110
+ className: "keyboard-shortcut-title pb-1"
111
+ }, t(userHelpData[7]['shortcutType'])), this.renderContainer([controlKey, 's'], t(userHelpData[7].shortcutData['Save_file']))), /*#__PURE__*/React.createElement("div", {
112
+ className: "pb-2"
113
+ }, /*#__PURE__*/React.createElement("div", {
114
+ className: "keyboard-shortcut-title pb-1"
115
+ }, t(userHelpData[8]['shortcutType'])), this.renderContainer([controlKey, 'v'], t(userHelpData[8].shortcutData['Paste_screen_shot']))))));
116
+ }
117
+ }
118
+ export default withTranslation('seafile-editor')(KeyboardShortcuts);
@@ -1,18 +1,7 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
9
- var _react = require("react");
10
- var useMathJax = function useMathJax(mathJaxSource) {
11
- var _useState = (0, _react.useState)(true),
12
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
13
- isLoading = _useState2[0],
14
- setIsLoading = _useState2[1];
15
- (0, _react.useEffect)(function () {
1
+ import { useEffect, useState } from 'react';
2
+ const useMathJax = mathJaxSource => {
3
+ const [isLoading, setIsLoading] = useState(true);
4
+ useEffect(() => {
16
5
  if (!mathJaxSource) {
17
6
  setIsLoading(false);
18
7
  return;
@@ -30,16 +19,16 @@ var useMathJax = function useMathJax(mathJaxSource) {
30
19
  }
31
20
  };
32
21
  if (!document.querySelector('#mathjax')) {
33
- var script = document.createElement('script');
22
+ const script = document.createElement('script');
34
23
  script.src = mathJaxSource;
35
24
  script.id = 'mathjax';
36
25
  document.body.appendChild(script);
37
- script.onload = function () {
26
+ script.onload = () => {
38
27
  setIsLoading(false);
39
28
  };
40
29
  }
41
- return function () {
42
- var script = document.getElementById('mathjax');
30
+ return () => {
31
+ const script = document.getElementById('mathjax');
43
32
  script && script.parentNode.removeChild(script);
44
33
  };
45
34
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -48,4 +37,4 @@ var useMathJax = function useMathJax(mathJaxSource) {
48
37
  isLoadingMathJax: isLoading
49
38
  };
50
39
  };
51
- var _default = exports.default = useMathJax;
40
+ export default useMathJax;
@@ -1,17 +1,12 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useScrollContext = exports.ScrollContext = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var ScrollContext = exports.ScrollContext = /*#__PURE__*/_react.default.createContext(null);
10
- var useScrollContext = exports.useScrollContext = function useScrollContext() {
11
- var context = (0, _react.useContext)(ScrollContext);
1
+ import React, { useContext } from 'react';
2
+ export const ScrollContext = React.createContext(null);
3
+ export const useScrollContext = () => {
4
+ const context = useContext(ScrollContext);
12
5
  if (!context) {
13
6
  throw new Error('The \`useScrollContext\` hook must be used inside the <ScrollContext> component\'s context.');
14
7
  }
15
- var scrollRef = context.scrollRef;
8
+ const {
9
+ scrollRef
10
+ } = context;
16
11
  return scrollRef;
17
12
  };
@@ -1,24 +1,12 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = useSelectionUpdate;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
9
- var _react = require("react");
10
- var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
11
- function useSelectionUpdate() {
12
- var _useState = (0, _react.useState)({}),
13
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
14
- update = _useState2[1];
15
- (0, _react.useEffect)(function () {
16
- var onChange = function onChange() {
17
- return update({});
18
- };
19
- var eventBus = _eventBus.default.getInstance();
20
- var unsubscribe = eventBus.subscribe('change', onChange);
21
- return function () {
1
+ import { useEffect, useState } from 'react';
2
+ import EventBus from '../utils/event-bus';
3
+ export default function useSelectionUpdate() {
4
+ const [, update] = useState({});
5
+ useEffect(() => {
6
+ const onChange = () => update({});
7
+ const eventBus = EventBus.getInstance();
8
+ const unsubscribe = eventBus.subscribe('change', onChange);
9
+ return () => {
22
10
  unsubscribe();
23
11
  };
24
12
  }, []);
package/dist/index.js CHANGED
@@ -1,80 +1,9 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "EXTERNAL_EVENTS", {
8
- enumerable: true,
9
- get: function get() {
10
- return _eventTypes.EXTERNAL_EVENTS;
11
- }
12
- });
13
- Object.defineProperty(exports, "EventBus", {
14
- enumerable: true,
15
- get: function get() {
16
- return _eventBus.default;
17
- }
18
- });
19
- Object.defineProperty(exports, "MarkdownEditor", {
20
- enumerable: true,
21
- get: function get() {
22
- return _markdownEditor.default;
23
- }
24
- });
25
- Object.defineProperty(exports, "MarkdownViewer", {
26
- enumerable: true,
27
- get: function get() {
28
- return _markdownView.default;
29
- }
30
- });
31
- Object.defineProperty(exports, "PlainMarkdownEditor", {
32
- enumerable: true,
33
- get: function get() {
34
- return _plainMarkdownEditor.default;
35
- }
36
- });
37
- Object.defineProperty(exports, "RichMarkdownEditor", {
38
- enumerable: true,
39
- get: function get() {
40
- return _richMarkdownEditor.default;
41
- }
42
- });
43
- Object.defineProperty(exports, "SimpleEditor", {
44
- enumerable: true,
45
- get: function get() {
46
- return _simpleEditor.default;
47
- }
48
- });
49
- Object.defineProperty(exports, "deserializeHtml", {
50
- enumerable: true,
51
- get: function get() {
52
- return _slateConvert.deserializeHtml;
53
- }
54
- });
55
- Object.defineProperty(exports, "mdStringToSlate", {
56
- enumerable: true,
57
- get: function get() {
58
- return _slateConvert.mdStringToSlate;
59
- }
60
- });
61
- Object.defineProperty(exports, "processor", {
62
- enumerable: true,
63
- get: function get() {
64
- return _slateConvert.processor;
65
- }
66
- });
67
- Object.defineProperty(exports, "slateToMdString", {
68
- enumerable: true,
69
- get: function get() {
70
- return _slateConvert.slateToMdString;
71
- }
72
- });
73
- var _eventTypes = require("./constants/event-types");
74
- var _plainMarkdownEditor = _interopRequireDefault(require("./editors/plain-markdown-editor"));
75
- var _richMarkdownEditor = _interopRequireDefault(require("./pages/rich-markdown-editor"));
76
- var _markdownEditor = _interopRequireDefault(require("./pages/markdown-editor"));
77
- var _markdownView = _interopRequireDefault(require("./pages/markdown-view"));
78
- var _simpleEditor = _interopRequireDefault(require("./pages/simple-editor"));
79
- var _eventBus = _interopRequireDefault(require("./utils/event-bus"));
80
- var _slateConvert = require("./slate-convert");
1
+ import { EXTERNAL_EVENTS } from './constants/event-types';
2
+ import PlainMarkdownEditor from './editors/plain-markdown-editor';
3
+ import RichMarkdownEditor from './pages/rich-markdown-editor';
4
+ import MarkdownEditor from './pages/markdown-editor';
5
+ import MarkdownViewer from './pages/markdown-view';
6
+ import SimpleEditor from './pages/simple-editor';
7
+ import EventBus from './utils/event-bus';
8
+ import { mdStringToSlate, slateToMdString, deserializeHtml, processor } from './slate-convert';
9
+ export { MarkdownEditor, PlainMarkdownEditor, RichMarkdownEditor, MarkdownViewer, SimpleEditor, EXTERNAL_EVENTS, EventBus, mdStringToSlate, slateToMdString, deserializeHtml, processor };
@@ -1,56 +1,43 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _loading = _interopRequireDefault(require("../containers/loading"));
12
- var _slateConvert = require("../slate-convert");
13
- var _useMathjax = _interopRequireDefault(require("../hooks/use-mathjax"));
14
- var _slateEditor = _interopRequireDefault(require("../editors/slate-editor"));
15
- var SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
16
- var isFetching = _ref.isFetching,
17
- value = _ref.value,
18
- editorApi = _ref.editorApi,
19
- mathJaxSource = _ref.mathJaxSource,
20
- _ref$onValueChanged = _ref.onValueChanged,
21
- onValueChanged = _ref$onValueChanged === void 0 ? function () {} : _ref$onValueChanged,
22
- children = _ref.children;
23
- var _useState = (0, _react.useState)([]),
24
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
25
- richValue = _useState2[0],
26
- setRichValue = _useState2[1];
27
- var _useState3 = (0, _react.useState)(true),
28
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
29
- isLoading = _useState4[0],
30
- setIsLoading = _useState4[1];
31
- var _useMathJax = (0, _useMathjax.default)(mathJaxSource),
32
- isLoadingMathJax = _useMathJax.isLoadingMathJax;
33
- (0, _react.useImperativeHandle)(ref, function () {
1
+ import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from 'react';
2
+ import Loading from '../containers/loading';
3
+ import { mdStringToSlate, slateToMdString } from '../slate-convert';
4
+ import useMathJax from '../hooks/use-mathjax';
5
+ import SlateEditor from '../editors/slate-editor';
6
+ const SimpleEditor = forwardRef((_ref, ref) => {
7
+ let {
8
+ isFetching,
9
+ value,
10
+ editorApi,
11
+ mathJaxSource,
12
+ onValueChanged = () => {},
13
+ children
14
+ } = _ref;
15
+ const [richValue, setRichValue] = useState([]);
16
+ const [isLoading, setIsLoading] = useState(true);
17
+ const {
18
+ isLoadingMathJax
19
+ } = useMathJax(mathJaxSource);
20
+ useImperativeHandle(ref, () => {
34
21
  return {
35
- getValue: function getValue() {
36
- var mdStringValue = (0, _slateConvert.slateToMdString)(richValue);
22
+ getValue: () => {
23
+ const mdStringValue = slateToMdString(richValue);
37
24
  return mdStringValue;
38
25
  }
39
26
  };
40
27
  }, [richValue]);
41
- (0, _react.useEffect)(function () {
28
+ useEffect(() => {
42
29
  if (!isFetching) {
43
- var _richValue = (0, _slateConvert.mdStringToSlate)(value);
44
- setRichValue(_richValue);
30
+ const richValue = mdStringToSlate(value);
31
+ setRichValue(richValue);
45
32
  setIsLoading(false);
46
33
  }
47
34
  // eslint-disable-next-line react-hooks/exhaustive-deps
48
35
  }, [isFetching]);
49
- var onSave = (0, _react.useCallback)(function (content) {
36
+ const onSave = useCallback(content => {
50
37
  setRichValue(content);
51
38
  onValueChanged && onValueChanged();
52
39
  }, [onValueChanged]);
53
- var props = {
40
+ const props = {
54
41
  isSupportFormula: !!mathJaxSource,
55
42
  value: richValue,
56
43
  editorApi: editorApi,
@@ -58,8 +45,8 @@ var SimpleEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
58
45
  children: children
59
46
  };
60
47
  if (isFetching || isLoading || isLoadingMathJax) {
61
- return /*#__PURE__*/_react.default.createElement(_loading.default, null);
48
+ return /*#__PURE__*/React.createElement(Loading, null);
62
49
  }
63
- return /*#__PURE__*/_react.default.createElement(_slateEditor.default, props);
50
+ return /*#__PURE__*/React.createElement(SlateEditor, props);
64
51
  });
65
- var _default = exports.default = SimpleEditor;
52
+ export default SimpleEditor;