@modusoperandi/licit 1.0.4 → 1.0.7
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.
- package/BlockquoteInsertNewLineCommand.js +16 -18
- package/BlockquoteInsertNewLineCommand.js.flow +76 -77
- package/BlockquoteNodeSpec.js +3 -4
- package/BlockquoteNodeSpec.js.flow +29 -30
- package/BlockquoteToggleCommand.js +16 -17
- package/BlockquoteToggleCommand.js.flow +56 -56
- package/BookmarkNodeSpec.js +2 -2
- package/BookmarkNodeSpec.js.flow +39 -39
- package/BulletListNodeSpec.js.flow +61 -61
- package/CZIProseMirror.js.flow +90 -90
- package/CodeBlockCommand.js +17 -18
- package/CodeBlockCommand.js.flow +65 -65
- package/CodeBlockNodeSpec.js.flow +24 -24
- package/CodeMarkSpec.js.flow +14 -14
- package/ContentPlaceholderPlugin.js +20 -21
- package/ContentPlaceholderPlugin.js.flow +185 -187
- package/CursorPlaceholderPlugin.js +11 -11
- package/CursorPlaceholderPlugin.js.flow +115 -115
- package/DocLayoutCommand.js +18 -21
- package/DocLayoutCommand.js.flow +97 -99
- package/DocNodeSpec.js.flow +64 -64
- package/EMMarkSpec.js.flow +14 -14
- package/EditorCommands.js.flow +126 -126
- package/EditorKeyMap.js +0 -1
- package/EditorKeyMap.js.flow +185 -187
- package/EditorMarks.js +2 -2
- package/EditorMarks.js.flow +71 -71
- package/EditorNodes.js +2 -3
- package/EditorNodes.js.flow +58 -59
- package/EditorPageLayoutPlugin.js +10 -10
- package/EditorPageLayoutPlugin.js.flow +67 -67
- package/EditorPlugins.js.flow +8 -8
- package/EditorSchema.js.flow +12 -12
- package/EditorState.js.flow +7 -7
- package/FontSizeMarkSpec.js.flow +49 -49
- package/FontTypeMarkSpec.js +1 -1
- package/FontTypeMarkSpec.js.flow +80 -80
- package/HTMLMutator.js +6 -7
- package/HTMLMutator.js.flow +59 -59
- package/HardBreakNodeSpec.js.flow +15 -15
- package/HeadingNodeSpec.js +3 -13
- package/HeadingNodeSpec.js.flow +42 -52
- package/HistoryRedoCommand.js +15 -16
- package/HistoryRedoCommand.js.flow +41 -41
- package/HistoryUndoCommand.js +15 -16
- package/HistoryUndoCommand.js.flow +41 -41
- package/HorizontalRuleCommand.js +15 -16
- package/HorizontalRuleCommand.js.flow +71 -71
- package/HorizontalRuleNodeSpec.js.flow +39 -39
- package/ImageUploadPlaceholderPlugin.js +15 -17
- package/ImageUploadPlaceholderPlugin.js.flow +190 -192
- package/LinkMarkSpec.js +6 -1
- package/LinkMarkSpec.js.flow +37 -32
- package/LinkSetURLCommand.js +130 -60
- package/LinkSetURLCommand.js.flow +141 -117
- package/LinkTooltipPlugin.js +122 -34
- package/LinkTooltipPlugin.js.flow +261 -190
- package/ListItemInsertNewLineCommand.js +16 -18
- package/ListItemInsertNewLineCommand.js.flow +76 -77
- package/ListItemMergeCommand.js +24 -24
- package/ListItemMergeCommand.js.flow +198 -199
- package/ListItemNodeSpec.js.flow +52 -52
- package/ListSplitCommand.js +15 -16
- package/ListSplitCommand.js.flow +54 -54
- package/ListToggleCommand.js +19 -20
- package/ListToggleCommand.js.flow +99 -99
- package/MarkNames.js.flow +18 -18
- package/MarksClearCommand.js +17 -18
- package/MarksClearCommand.js.flow +65 -65
- package/MathEditCommand.js +17 -19
- package/MathEditCommand.js.flow +119 -120
- package/MathNodeSpec.js.flow +46 -46
- package/NodeNames.js.flow +23 -23
- package/OrderedListNodeSpec.js +2 -2
- package/OrderedListNodeSpec.js.flow +132 -132
- package/ParagraphNodeSpec.js +11 -2
- package/ParagraphNodeSpec.js.flow +163 -156
- package/ParagraphSpacingCommand.js +21 -23
- package/ParagraphSpacingCommand.js.flow +139 -144
- package/PrintCommand.js +17 -18
- package/PrintCommand.js.flow +53 -53
- package/SelectionPlaceholderPlugin.js +11 -11
- package/SelectionPlaceholderPlugin.js.flow +131 -131
- package/SpacerMarkSpec.js +2 -2
- package/SpacerMarkSpec.js.flow +47 -47
- package/StrikeMarkSpec.js.flow +21 -21
- package/StrongMarkSpec.js.flow +25 -25
- package/StyleView.js +5 -7
- package/StyleView.js.flow +18 -19
- package/TableBackgroundColorCommand.js +34 -23
- package/TableBackgroundColorCommand.js.flow +80 -75
- package/TableBorderColorCommand.js +34 -23
- package/TableBorderColorCommand.js.flow +81 -75
- package/TableCellColorCommand.js +20 -21
- package/TableCellColorCommand.js.flow +74 -75
- package/TableCellMenuPlugin.js +19 -19
- package/TableCellMenuPlugin.js.flow +130 -132
- package/TableInsertCommand.js +19 -22
- package/TableInsertCommand.js.flow +118 -120
- package/TableMergeCellsCommand.js +19 -19
- package/TableMergeCellsCommand.js.flow +113 -112
- package/TableNodesSpecs.js +4 -2
- package/TableNodesSpecs.js.flow +80 -78
- package/TablePlugins.js.flow +14 -14
- package/TableResizePlugin.js +20 -20
- package/TableResizePlugin.js.flow +631 -631
- package/TextColorMarkSpec.js.flow +35 -35
- package/TextHighlightMarkSpec.js.flow +38 -38
- package/TextInsertTabSpaceCommand.js +15 -16
- package/TextInsertTabSpaceCommand.js.flow +106 -106
- package/TextNoWrapMarkSpec.js.flow +14 -14
- package/TextNodeSpec.js.flow +7 -7
- package/TextSelectionMarkSpec.js.flow +24 -24
- package/TextSubMarkSpec.js.flow +20 -20
- package/TextSuperMarkSpec.js.flow +20 -20
- package/TextUnderlineMarkSpec.js.flow +27 -27
- package/Types.js +6 -0
- package/Types.js.flow +77 -75
- package/WebFontLoader.js +6 -7
- package/WebFontLoader.js.flow +22 -22
- package/blockQuoteInputRule.js.flow +36 -36
- package/bom.xml +17223 -25722
- package/browser.js.flow +7 -7
- package/buildEditorPlugins.js +6 -7
- package/buildEditorPlugins.js.flow +49 -49
- package/buildInputRules.js +8 -4
- package/buildInputRules.js.flow +85 -81
- package/client/CollabConnector.js +20 -20
- package/client/CollabConnector.js.flow +90 -90
- package/client/EditorConnection.js +10 -9
- package/client/EditorConnection.js.flow +324 -323
- package/client/Licit.js +78 -115
- package/client/Licit.js.flow +611 -643
- package/client/Licit.test.js +49 -39
- package/client/Licit.test.js.flow +104 -98
- package/client/Reporter.js +5 -6
- package/client/Reporter.js.flow +37 -37
- package/client/SimpleConnector.js +5 -5
- package/client/SimpleConnector.js.flow +61 -61
- package/client/http.js +0 -6
- package/client/http.js.flow +62 -70
- package/client/licit.css +12 -12
- package/client/throttle.js +8 -2
- package/client/throttle.js.flow +27 -27
- package/convertFromDOMElement.js +2 -4
- package/convertFromDOMElement.js.flow +33 -36
- package/convertFromHTML.js +2 -3
- package/convertFromHTML.js.flow +15 -17
- package/convertFromJSON.js +1 -2
- package/convertFromJSON.js.flow +55 -56
- package/convertToCSSPTValue.js +6 -10
- package/convertToCSSPTValue.js.flow +19 -22
- package/convertToJSON.js.flow +7 -7
- package/createCommand.js +16 -17
- package/createCommand.js.flow +62 -62
- package/createEditorKeyMap.js +2 -2
- package/createEditorKeyMap.js.flow +94 -94
- package/createEmptyEditorState.js +2 -3
- package/createEmptyEditorState.js.flow +29 -31
- package/createTableResizingPlugin.js +6 -6
- package/createTableResizingPlugin.js.flow +86 -86
- package/findActionableCell.js.flow +74 -74
- package/findActiveMark.js +1 -1
- package/findActiveMark.js.flow +32 -32
- package/hyphenize.js.flow +17 -17
- package/index.d.ts +165 -165
- package/index.js.flow +10 -10
- package/insertTable.js +0 -3
- package/insertTable.js.flow +54 -56
- package/isEditorStateEmpty.js.flow +32 -32
- package/isTableNode.js.flow +15 -15
- package/joinDown.js +1 -3
- package/joinDown.js.flow +25 -27
- package/joinListNode.js.flow +55 -55
- package/joinUp.js +1 -3
- package/joinUp.js.flow +37 -39
- package/keymaps.js.flow +185 -185
- package/lookUpElement.js +2 -1
- package/lookUpElement.js.flow +14 -14
- package/nodeAt.js.flow +12 -12
- package/normalizeHTML.js +3 -1
- package/normalizeHTML.js.flow +80 -78
- package/package.json +162 -156
- package/patchAnchorElements.js +1 -1
- package/patchAnchorElements.js.flow +38 -38
- package/patchBreakElements.js +3 -2
- package/patchBreakElements.js.flow +22 -22
- package/patchElementInlineStyles.js +1 -1
- package/patchElementInlineStyles.js.flow +92 -92
- package/patchListElements.js +4 -4
- package/patchListElements.js.flow +276 -276
- package/patchMathElements.js +5 -7
- package/patchMathElements.js.flow +58 -60
- package/patchParagraphElements.js.flow +20 -20
- package/patchStyleElements.js +1 -1
- package/patchStyleElements.js.flow +197 -196
- package/patchTableElements.js +2 -3
- package/patchTableElements.js.flow +88 -89
- package/rebaseDocWithSteps.js.flow +42 -42
- package/sanitizeURL.js +1 -1
- package/sanitizeURL.js.flow +13 -13
- package/splitListItem.js +3 -3
- package/splitListItem.js.flow +191 -191
- package/styles.css +19 -19
- package/styles0.css +29 -29
- package/toClosestFontPtSize.js.flow +22 -22
- package/toSafeHTMLDocument.js.flow +9 -9
- package/toggleBlockquote.js +4 -5
- package/toggleBlockquote.js.flow +101 -108
- package/toggleCodeBlock.js +6 -6
- package/toggleCodeBlock.js.flow +102 -102
- package/ui/AlertInfo.js +15 -16
- package/ui/AlertInfo.js.flow +64 -64
- package/ui/BookmarkNodeView.js +20 -21
- package/ui/BookmarkNodeView.js.flow +66 -66
- package/ui/CommandButton.js +15 -16
- package/ui/CommandButton.js.flow +68 -68
- package/ui/CommandMenu.js +19 -20
- package/ui/CommandMenu.js.flow +75 -75
- package/ui/CommandMenuButton.js +23 -25
- package/ui/CommandMenuButton.js.flow +130 -131
- package/ui/CustomEditorView.js +20 -20
- package/ui/CustomEditorView.js.flow +29 -28
- package/ui/CustomMenu.js +11 -12
- package/ui/CustomMenu.js.flow +17 -17
- package/ui/CustomMenuItem.js +16 -18
- package/ui/CustomMenuItem.js.flow +36 -36
- package/ui/CustomNodeView.js +29 -19
- package/ui/CustomNodeView.js.flow +207 -200
- package/ui/CustomRadioButton.js +18 -21
- package/ui/CustomRadioButton.js.flow +64 -65
- package/ui/DocLayoutEditor.js +18 -20
- package/ui/DocLayoutEditor.js.flow +145 -146
- package/ui/Editor.js +30 -28
- package/ui/Editor.js.flow +287 -288
- package/ui/EditorFrameset.js +13 -14
- package/ui/EditorFrameset.js.flow +81 -81
- package/ui/EditorToolbar.js +36 -42
- package/ui/EditorToolbar.js.flow +199 -218
- package/ui/EditorToolbarConfig.js +5 -5
- package/ui/EditorToolbarConfig.js.flow +164 -164
- package/ui/FontSizeCommandMenuButton.js +14 -15
- package/ui/FontSizeCommandMenuButton.js.flow +66 -66
- package/ui/FontTypeCommandMenuButton.js +15 -17
- package/ui/FontTypeCommandMenuButton.js.flow +60 -61
- package/ui/Frag.js +11 -12
- package/ui/Frag.js.flow +13 -13
- package/ui/Icon.js +21 -24
- package/ui/Icon.js.flow +89 -89
- package/ui/ImageInlineEditor.js +14 -15
- package/ui/ImageInlineEditor.js.flow +67 -67
- package/ui/KeyCodes.js.flow +12 -12
- package/ui/LinkTooltip.js +68 -34
- package/ui/LinkTooltip.js.flow +118 -85
- package/ui/LinkURLEditor.js +160 -43
- package/ui/LinkURLEditor.js.flow +243 -117
- package/ui/ListItemNodeView.js +6 -7
- package/ui/ListItemNodeView.js.flow +98 -98
- package/ui/ListTypeButton.js +23 -27
- package/ui/ListTypeButton.js.flow +128 -131
- package/ui/ListTypeCommandButton.js +14 -15
- package/ui/ListTypeCommandButton.js.flow +85 -85
- package/ui/ListTypeMenu.js +21 -22
- package/ui/ListTypeMenu.js.flow +70 -70
- package/ui/LoadingIndicator.js +11 -12
- package/ui/LoadingIndicator.js.flow +20 -20
- package/ui/MathEditor.js +17 -22
- package/ui/MathEditor.js.flow +72 -78
- package/ui/MathInlineEditor.js +20 -21
- package/ui/MathInlineEditor.js.flow +101 -102
- package/ui/MathNodeView.js +29 -30
- package/ui/MathNodeView.js.flow +176 -186
- package/ui/PasteMenu.js +19 -23
- package/ui/PasteMenu.js.flow +53 -57
- package/ui/ResizeObserver.js +1 -1
- package/ui/ResizeObserver.js.flow +106 -106
- package/ui/RichTextEditor.js +17 -18
- package/ui/RichTextEditor.js.flow +133 -133
- package/ui/SelectionObserver.js +8 -9
- package/ui/SelectionObserver.js.flow +134 -134
- package/ui/TableCellMenu.js +14 -15
- package/ui/TableCellMenu.js.flow +51 -51
- package/ui/TableGridSizeEditor.js +30 -33
- package/ui/TableGridSizeEditor.js.flow +187 -184
- package/ui/TableNodeView.js +18 -17
- package/ui/TableNodeView.js.flow +25 -25
- package/ui/bindScrollHandler.js +2 -1
- package/ui/bindScrollHandler.js.flow +46 -46
- package/ui/canUseCSSFont.js +5 -4
- package/ui/canUseCSSFont.js.flow +42 -43
- package/ui/czi-body-layout-editor.css +16 -16
- package/ui/czi-bookmark-view.css +10 -10
- package/ui/czi-cursor-placeholder.css +36 -36
- package/ui/czi-custom-menu-button.css +18 -18
- package/ui/czi-custom-menu-item.css +30 -30
- package/ui/czi-custom-menu.css +8 -8
- package/ui/czi-custom-radio-button.css +80 -80
- package/ui/czi-custom-scrollbar.css +21 -21
- package/ui/czi-editor-frameset.css +81 -81
- package/ui/czi-editor-toolbar.css +122 -122
- package/ui/czi-editor.css +217 -220
- package/ui/czi-form.css +201 -107
- package/ui/czi-frag.css +3 -3
- package/ui/czi-heading.css +40 -40
- package/ui/czi-icon.css +72 -72
- package/ui/czi-image-resize-box.css +165 -165
- package/ui/czi-image-upload-editor.css +57 -57
- package/ui/czi-image-upload-placeholder.css +50 -50
- package/ui/czi-image-url-editor.css +38 -38
- package/ui/czi-image-view.css +121 -125
- package/ui/czi-indent.css +137 -137
- package/ui/czi-inline-editor.css +20 -20
- package/ui/czi-link-tooltip.css +112 -71
- package/ui/czi-list.css +406 -410
- package/ui/czi-loading-indicator.css +66 -111
- package/ui/czi-math-view.css +62 -62
- package/ui/czi-selection-placeholder.css +24 -24
- package/ui/czi-table-cell-menu.css +16 -14
- package/ui/czi-table-grid-size-editor.css +37 -37
- package/ui/czi-table.css +87 -87
- package/ui/czi-vars.css +2 -2
- package/ui/findActiveFontSize.js +2 -1
- package/ui/findActiveFontSize.js.flow +55 -58
- package/ui/findActiveFontType.js +4 -3
- package/ui/findActiveFontType.js.flow +35 -38
- package/ui/fonts.css +460 -460
- package/ui/handleEditorDrop.js +1 -1
- package/ui/handleEditorDrop.js.flow +28 -28
- package/ui/handleEditorKeyDown.js +1 -1
- package/ui/handleEditorKeyDown.js.flow +39 -39
- package/ui/handleEditorPaste.js +1 -1
- package/ui/handleEditorPaste.js.flow +33 -33
- package/ui/htmlElementToRect.js.flow +18 -18
- package/ui/icon-font.css +9 -9
- package/ui/injectStyleSheet.js +2 -2
- package/ui/injectStyleSheet.js.flow +40 -42
- package/ui/isElementFullyVisible.js +1 -10
- package/ui/isElementFullyVisible.js.flow +14 -26
- package/ui/isOffline.js.flow +8 -8
- package/ui/isReactClass.js.flow +12 -12
- package/ui/listType.css +21 -21
- package/ui/mathquill-editor/MathQuillEditor.js +27 -30
- package/ui/mathquill-editor/MathQuillEditor.js.flow +158 -159
- package/ui/mathquill-editor/MathQuillEditorSymbols.js.flow +483 -483
- package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js +14 -15
- package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js.flow +50 -50
- package/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css +39 -39
- package/ui/mathquill-editor/czi-mathquill-editor.css +50 -50
- package/ui/mathquill-editor/mathquill-import-kludge.js +1 -8
- package/ui/mathquill-editor/mathquill-import-kludge.js.flow +17 -24
- package/ui/renderLaTeXAsHTML.js +4 -4
- package/ui/renderLaTeXAsHTML.js.flow +46 -46
- package/ui/resolveImage.js +5 -6
- package/ui/resolveImage.js.flow +121 -123
- package/ui/toCSSColor.js.flow +51 -51
- package/ui/toCSSLineSpacing.js +2 -3
- package/ui/toCSSLineSpacing.js.flow +53 -55
- package/ui/toHexColor.js.flow +26 -26
- package/ui/uuid.js.flow +9 -9
- package/uuid.js.flow +9 -9
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
3
|
-
function _possibleConstructorReturn(
|
|
4
|
-
function _assertThisInitialized(
|
|
3
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
4
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
5
5
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
6
|
-
function _getPrototypeOf(
|
|
7
|
-
function _inherits(
|
|
8
|
-
function _setPrototypeOf(
|
|
9
|
-
function _classCallCheck(
|
|
10
|
-
function _defineProperties(
|
|
11
|
-
function _createClass(
|
|
12
|
-
function _defineProperty(
|
|
13
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
6
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
7
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
8
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
9
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
10
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
11
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
12
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
14
14
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
15
15
|
import { Plugin, PluginKey } from 'prosemirror-state';
|
|
16
16
|
import { EditorView } from 'prosemirror-view';
|
|
@@ -38,12 +38,10 @@ var ContentPlaceholderView = /*#__PURE__*/function () {
|
|
|
38
38
|
var bodyEl = _this._getBodyElement();
|
|
39
39
|
if (!activeElement || !bodyEl || doc.hasFocus && !doc.hasFocus()) {
|
|
40
40
|
_this._onBlur();
|
|
41
|
+
} else if (activeElement === bodyEl || bodyEl.contains(activeElement) || activeElement === bodyEl.parentNode) {
|
|
42
|
+
_this._onFocus();
|
|
41
43
|
} else {
|
|
42
|
-
|
|
43
|
-
_this._onFocus();
|
|
44
|
-
} else {
|
|
45
|
-
_this._onBlur();
|
|
46
|
-
}
|
|
44
|
+
_this._onBlur();
|
|
47
45
|
}
|
|
48
46
|
});
|
|
49
47
|
var _el = document.createElement('div');
|
|
@@ -59,7 +57,7 @@ var ContentPlaceholderView = /*#__PURE__*/function () {
|
|
|
59
57
|
// calls `this._checkFocus` which will set `_focused` accordingly.
|
|
60
58
|
this._checkFocus();
|
|
61
59
|
}
|
|
62
|
-
_createClass(ContentPlaceholderView, [{
|
|
60
|
+
return _createClass(ContentPlaceholderView, [{
|
|
63
61
|
key: "update",
|
|
64
62
|
value: function update(view) {
|
|
65
63
|
this._view = view;
|
|
@@ -89,15 +87,16 @@ var ContentPlaceholderView = /*#__PURE__*/function () {
|
|
|
89
87
|
el.style.padding = bodyStyle.padding;
|
|
90
88
|
el.style.display = 'block';
|
|
91
89
|
el.style.width = bodyEl.offsetWidth + 'px';
|
|
92
|
-
ReactDOM.render(
|
|
90
|
+
ReactDOM.render(/*#__PURE__*/React.createElement("div", null, placeholder), el);
|
|
93
91
|
}
|
|
94
92
|
}, {
|
|
95
93
|
key: "destroy",
|
|
96
94
|
value: function destroy() {
|
|
95
|
+
var _el$parentNode;
|
|
97
96
|
this._hide();
|
|
98
97
|
var el = this._el;
|
|
98
|
+
el === null || el === void 0 || (_el$parentNode = el.parentNode) === null || _el$parentNode === void 0 || _el$parentNode.removeChild(el);
|
|
99
99
|
if (el) {
|
|
100
|
-
el.parentNode && el.parentNode.removeChild(el);
|
|
101
100
|
ReactDOM.unmountComponentAtNode(el);
|
|
102
101
|
}
|
|
103
102
|
document.removeEventListener('focusin', this._checkFocus, true);
|
|
@@ -131,8 +130,9 @@ var ContentPlaceholderView = /*#__PURE__*/function () {
|
|
|
131
130
|
}, {
|
|
132
131
|
key: "_getBodyElement",
|
|
133
132
|
value: function _getBodyElement() {
|
|
133
|
+
var _view$docView;
|
|
134
134
|
var view = this._view;
|
|
135
|
-
return view
|
|
135
|
+
return view === null || view === void 0 || (_view$docView = view.docView) === null || _view$docView === void 0 || (_view$docView = _view$docView.dom) === null || _view$docView === void 0 ? void 0 : _view$docView.firstChild;
|
|
136
136
|
}
|
|
137
137
|
}, {
|
|
138
138
|
key: "_show",
|
|
@@ -166,10 +166,8 @@ var ContentPlaceholderView = /*#__PURE__*/function () {
|
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
}]);
|
|
169
|
-
return ContentPlaceholderView;
|
|
170
169
|
}();
|
|
171
170
|
var ContentPlaceholderPlugin = /*#__PURE__*/function (_Plugin) {
|
|
172
|
-
_inherits(ContentPlaceholderPlugin, _Plugin);
|
|
173
171
|
function ContentPlaceholderPlugin() {
|
|
174
172
|
_classCallCheck(this, ContentPlaceholderPlugin);
|
|
175
173
|
return _callSuper(this, ContentPlaceholderPlugin, [{
|
|
@@ -181,6 +179,7 @@ var ContentPlaceholderPlugin = /*#__PURE__*/function (_Plugin) {
|
|
|
181
179
|
}
|
|
182
180
|
}]);
|
|
183
181
|
}
|
|
182
|
+
_inherits(ContentPlaceholderPlugin, _Plugin);
|
|
184
183
|
return _createClass(ContentPlaceholderPlugin);
|
|
185
184
|
}(Plugin);
|
|
186
185
|
export default ContentPlaceholderPlugin;
|
|
@@ -1,187 +1,185 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { Plugin, PluginKey } from 'prosemirror-state';
|
|
4
|
-
import { EditorView } from 'prosemirror-view';
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
import ReactDOM from 'react-dom';
|
|
7
|
-
|
|
8
|
-
import isEditorStateEmpty from './isEditorStateEmpty.js';
|
|
9
|
-
|
|
10
|
-
import './ui/czi-editor.css';
|
|
11
|
-
|
|
12
|
-
const CLASS_NAME_HAS_PLACEHOLDER = 'czi-has-placeholder';
|
|
13
|
-
|
|
14
|
-
class ContentPlaceholderView {
|
|
15
|
-
_el = null;
|
|
16
|
-
_focused = null;
|
|
17
|
-
_view = null;
|
|
18
|
-
_visible = null;
|
|
19
|
-
|
|
20
|
-
constructor(editorView: EditorView) {
|
|
21
|
-
const el: any = document.createElement('div');
|
|
22
|
-
|
|
23
|
-
this._el = el;
|
|
24
|
-
this._view = editorView;
|
|
25
|
-
|
|
26
|
-
el.className = 'czi-editor-content-placeholder';
|
|
27
|
-
editorView.dom.parentNode.appendChild(el);
|
|
28
|
-
document.addEventListener('focusin', this._checkFocus, true);
|
|
29
|
-
document.addEventListener('focusout', this._checkFocus, false);
|
|
30
|
-
|
|
31
|
-
this.update(editorView);
|
|
32
|
-
|
|
33
|
-
// We don't know whether view is focused at this moment yet. Manually
|
|
34
|
-
// calls `this._checkFocus` which will set `_focused` accordingly.
|
|
35
|
-
this._checkFocus();
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
update(view: EditorView): void {
|
|
39
|
-
this._view = view;
|
|
40
|
-
|
|
41
|
-
const el = this._el;
|
|
42
|
-
if (!el || !view) {
|
|
43
|
-
return;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
if (this._focused || !isEditorStateEmpty(view.state)) {
|
|
47
|
-
this._hide();
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
const parentEl = el.parentNode;
|
|
52
|
-
const bodyEl = this._getBodyElement();
|
|
53
|
-
const placeholder = view.placeholder;
|
|
54
|
-
if (!parentEl || !bodyEl || !placeholder) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
this._visible = true;
|
|
59
|
-
view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
|
|
60
|
-
|
|
61
|
-
const parentElRect = parentEl.getBoundingClientRect();
|
|
62
|
-
const bodyRect = bodyEl.getBoundingClientRect();
|
|
63
|
-
const bodyStyle = window.getComputedStyle(bodyEl);
|
|
64
|
-
|
|
65
|
-
const left = bodyRect.left - parentElRect.left;
|
|
66
|
-
const top = bodyRect.top - parentElRect.top;
|
|
67
|
-
|
|
68
|
-
el.style.left = left + 'px';
|
|
69
|
-
el.style.top = top + 'px';
|
|
70
|
-
el.style.padding = bodyStyle.padding;
|
|
71
|
-
el.style.display = 'block';
|
|
72
|
-
el.style.width = bodyEl.offsetWidth + 'px';
|
|
73
|
-
|
|
74
|
-
ReactDOM.render(<div>{placeholder}</div>, el);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
destroy() {
|
|
78
|
-
this._hide();
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
if (el) {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
document.removeEventListener('
|
|
86
|
-
|
|
87
|
-
this.
|
|
88
|
-
this.
|
|
89
|
-
this.
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
const
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
const
|
|
100
|
-
const
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
this.
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
export default ContentPlaceholderPlugin;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Plugin, PluginKey } from 'prosemirror-state';
|
|
4
|
+
import { EditorView } from 'prosemirror-view';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import ReactDOM from 'react-dom';
|
|
7
|
+
|
|
8
|
+
import isEditorStateEmpty from './isEditorStateEmpty.js';
|
|
9
|
+
|
|
10
|
+
import './ui/czi-editor.css';
|
|
11
|
+
|
|
12
|
+
const CLASS_NAME_HAS_PLACEHOLDER = 'czi-has-placeholder';
|
|
13
|
+
|
|
14
|
+
class ContentPlaceholderView {
|
|
15
|
+
_el = null;
|
|
16
|
+
_focused = null;
|
|
17
|
+
_view = null;
|
|
18
|
+
_visible = null;
|
|
19
|
+
|
|
20
|
+
constructor(editorView: EditorView) {
|
|
21
|
+
const el: any = document.createElement('div');
|
|
22
|
+
|
|
23
|
+
this._el = el;
|
|
24
|
+
this._view = editorView;
|
|
25
|
+
|
|
26
|
+
el.className = 'czi-editor-content-placeholder';
|
|
27
|
+
editorView.dom.parentNode.appendChild(el);
|
|
28
|
+
document.addEventListener('focusin', this._checkFocus, true);
|
|
29
|
+
document.addEventListener('focusout', this._checkFocus, false);
|
|
30
|
+
|
|
31
|
+
this.update(editorView);
|
|
32
|
+
|
|
33
|
+
// We don't know whether view is focused at this moment yet. Manually
|
|
34
|
+
// calls `this._checkFocus` which will set `_focused` accordingly.
|
|
35
|
+
this._checkFocus();
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
update(view: EditorView): void {
|
|
39
|
+
this._view = view;
|
|
40
|
+
|
|
41
|
+
const el = this._el;
|
|
42
|
+
if (!el || !view) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
if (this._focused || !isEditorStateEmpty(view.state)) {
|
|
47
|
+
this._hide();
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
const parentEl = el.parentNode;
|
|
52
|
+
const bodyEl = this._getBodyElement();
|
|
53
|
+
const placeholder = view.placeholder;
|
|
54
|
+
if (!parentEl || !bodyEl || !placeholder) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
this._visible = true;
|
|
59
|
+
view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
|
|
60
|
+
|
|
61
|
+
const parentElRect = parentEl.getBoundingClientRect();
|
|
62
|
+
const bodyRect = bodyEl.getBoundingClientRect();
|
|
63
|
+
const bodyStyle = window.getComputedStyle(bodyEl);
|
|
64
|
+
|
|
65
|
+
const left = bodyRect.left - parentElRect.left;
|
|
66
|
+
const top = bodyRect.top - parentElRect.top;
|
|
67
|
+
|
|
68
|
+
el.style.left = left + 'px';
|
|
69
|
+
el.style.top = top + 'px';
|
|
70
|
+
el.style.padding = bodyStyle.padding;
|
|
71
|
+
el.style.display = 'block';
|
|
72
|
+
el.style.width = bodyEl.offsetWidth + 'px';
|
|
73
|
+
|
|
74
|
+
ReactDOM.render(<div>{placeholder}</div>, el);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
destroy() {
|
|
78
|
+
this._hide();
|
|
79
|
+
const el = this._el;
|
|
80
|
+
el?.parentNode?.removeChild(el);
|
|
81
|
+
if (el) {
|
|
82
|
+
ReactDOM.unmountComponentAtNode(el);
|
|
83
|
+
}
|
|
84
|
+
document.removeEventListener('focusin', this._checkFocus, true);
|
|
85
|
+
document.removeEventListener('focusout', this._checkFocus, false);
|
|
86
|
+
this._view = null;
|
|
87
|
+
this._el = null;
|
|
88
|
+
this._focused = false;
|
|
89
|
+
this._visible = false;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
_checkFocus = (): void => {
|
|
93
|
+
const el = this._el;
|
|
94
|
+
const view = this._view;
|
|
95
|
+
if (!view || !el) {
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
const doc = document;
|
|
99
|
+
const activeElement = doc.activeElement;
|
|
100
|
+
const bodyEl = this._getBodyElement();
|
|
101
|
+
|
|
102
|
+
if (!activeElement || !bodyEl || (doc.hasFocus && !doc.hasFocus())) {
|
|
103
|
+
this._onBlur();
|
|
104
|
+
} else if (
|
|
105
|
+
activeElement === bodyEl ||
|
|
106
|
+
bodyEl.contains(activeElement) ||
|
|
107
|
+
activeElement === bodyEl.parentNode
|
|
108
|
+
) {
|
|
109
|
+
this._onFocus();
|
|
110
|
+
} else {
|
|
111
|
+
this._onBlur();
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
_onFocus(): void {
|
|
117
|
+
if (this._focused !== true) {
|
|
118
|
+
this._focused = true;
|
|
119
|
+
this._hide();
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
_onBlur(): void {
|
|
124
|
+
const view = this._view;
|
|
125
|
+
if (this._focused !== false) {
|
|
126
|
+
this._focused = false;
|
|
127
|
+
if (view && isEditorStateEmpty(view.state)) {
|
|
128
|
+
this._show();
|
|
129
|
+
} else {
|
|
130
|
+
this._hide();
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
_getBodyElement(): ?HTMLElement {
|
|
136
|
+
const view = this._view;
|
|
137
|
+
return (
|
|
138
|
+
view?.docView?.dom?.firstChild
|
|
139
|
+
);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
_show(): void {
|
|
143
|
+
if (this._visible !== true) {
|
|
144
|
+
const el = this._el;
|
|
145
|
+
const view = this._view;
|
|
146
|
+
this._visible = true;
|
|
147
|
+
if (el) {
|
|
148
|
+
el.style.display = 'block';
|
|
149
|
+
}
|
|
150
|
+
if (view) {
|
|
151
|
+
this.update(view);
|
|
152
|
+
view.dom.classList.add(CLASS_NAME_HAS_PLACEHOLDER);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
_hide(): void {
|
|
158
|
+
if (this._visible !== false) {
|
|
159
|
+
const el = this._el;
|
|
160
|
+
const view = this._view;
|
|
161
|
+
this._visible = false;
|
|
162
|
+
if (el) {
|
|
163
|
+
el.style.display = 'none';
|
|
164
|
+
}
|
|
165
|
+
if (view) {
|
|
166
|
+
view.dom.classList.remove(CLASS_NAME_HAS_PLACEHOLDER);
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
class ContentPlaceholderPlugin extends Plugin {
|
|
173
|
+
constructor() {
|
|
174
|
+
super({
|
|
175
|
+
// [FS] IRAD-1005 2020-07-07
|
|
176
|
+
// Upgrade outdated packages.
|
|
177
|
+
key: new PluginKey('ContentPlaceholderPlugin'),
|
|
178
|
+
view(editorView: EditorView) {
|
|
179
|
+
return new ContentPlaceholderView(editorView);
|
|
180
|
+
},
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
export default ContentPlaceholderPlugin;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function _defineProperties(
|
|
3
|
-
function _createClass(
|
|
4
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
2
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
3
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
4
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
5
5
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
|
-
function _classCallCheck(
|
|
6
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
7
7
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
8
|
-
function _possibleConstructorReturn(
|
|
8
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
9
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
9
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
|
-
function _getPrototypeOf(
|
|
11
|
-
function
|
|
12
|
-
function
|
|
13
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
11
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
12
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
13
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
14
14
|
import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
|
|
15
15
|
import { Transform } from 'prosemirror-transform';
|
|
16
16
|
import { Decoration, DecorationSet } from 'prosemirror-view';
|
|
@@ -57,7 +57,6 @@ var SPEC = {
|
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
var CursorPlaceholderPlugin = /*#__PURE__*/function (_Plugin) {
|
|
60
|
-
_inherits(CursorPlaceholderPlugin, _Plugin);
|
|
61
60
|
function CursorPlaceholderPlugin() {
|
|
62
61
|
var _this;
|
|
63
62
|
_classCallCheck(this, CursorPlaceholderPlugin);
|
|
@@ -65,9 +64,10 @@ var CursorPlaceholderPlugin = /*#__PURE__*/function (_Plugin) {
|
|
|
65
64
|
if (singletonInstance) {
|
|
66
65
|
return _possibleConstructorReturn(_this, singletonInstance);
|
|
67
66
|
}
|
|
68
|
-
singletonInstance =
|
|
67
|
+
singletonInstance = _this;
|
|
69
68
|
return _this;
|
|
70
69
|
}
|
|
70
|
+
_inherits(CursorPlaceholderPlugin, _Plugin);
|
|
71
71
|
return _createClass(CursorPlaceholderPlugin);
|
|
72
72
|
}(Plugin);
|
|
73
73
|
function specFinder(spec) {
|