@modusoperandi/licit 1.0.3 → 1.0.5
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 +7 -8
- package/BlockquoteInsertNewLineCommand.js.flow +77 -77
- package/BlockquoteNodeSpec.js +1 -1
- package/BlockquoteNodeSpec.js.flow +30 -30
- package/BlockquoteToggleCommand.js +8 -9
- package/BlockquoteToggleCommand.js.flow +56 -56
- package/BookmarkNodeSpec.js +1 -1
- package/BookmarkNodeSpec.js.flow +39 -39
- package/BulletListNodeSpec.js.flow +61 -61
- package/CZIProseMirror.js.flow +90 -90
- package/CodeBlockCommand.js +8 -9
- package/CodeBlockCommand.js.flow +65 -65
- package/CodeBlockNodeSpec.js.flow +24 -24
- package/CodeMarkSpec.js.flow +14 -14
- package/ContentPlaceholderPlugin.js +3 -4
- package/ContentPlaceholderPlugin.js.flow +187 -187
- package/CursorPlaceholderPlugin.js +4 -4
- package/CursorPlaceholderPlugin.js.flow +115 -115
- package/DocLayoutCommand.js +9 -10
- package/DocLayoutCommand.js.flow +99 -99
- package/DocNodeSpec.js.flow +64 -64
- package/EMMarkSpec.js.flow +14 -14
- package/EditorCommands.js.flow +126 -126
- package/EditorKeyMap.js.flow +187 -187
- package/EditorMarks.js +1 -1
- package/EditorMarks.js.flow +71 -71
- package/EditorNodes.js +1 -1
- package/EditorNodes.js.flow +59 -59
- package/EditorPageLayoutPlugin.js +2 -2
- 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.flow +80 -80
- package/HTMLMutator.js +2 -3
- package/HTMLMutator.js.flow +59 -59
- package/HardBreakNodeSpec.js.flow +15 -15
- package/HeadingNodeSpec.js +1 -1
- package/HeadingNodeSpec.js.flow +52 -52
- package/HistoryRedoCommand.js +7 -8
- package/HistoryRedoCommand.js.flow +41 -41
- package/HistoryUndoCommand.js +7 -8
- package/HistoryUndoCommand.js.flow +41 -41
- package/HorizontalRuleCommand.js +7 -8
- package/HorizontalRuleCommand.js.flow +71 -71
- package/HorizontalRuleNodeSpec.js.flow +39 -39
- package/ImageUploadPlaceholderPlugin.js +2 -2
- package/ImageUploadPlaceholderPlugin.js.flow +192 -192
- package/LinkMarkSpec.js.flow +32 -32
- package/LinkSetURLCommand.js +8 -9
- package/LinkSetURLCommand.js.flow +117 -117
- package/LinkTooltipPlugin.js +3 -4
- package/LinkTooltipPlugin.js.flow +190 -190
- package/ListItemInsertNewLineCommand.js +7 -8
- package/ListItemInsertNewLineCommand.js.flow +77 -77
- package/ListItemMergeCommand.js +9 -10
- package/ListItemMergeCommand.js.flow +199 -199
- package/ListItemNodeSpec.js.flow +52 -52
- package/ListSplitCommand.js +7 -8
- package/ListSplitCommand.js.flow +54 -54
- package/ListToggleCommand.js +11 -12
- package/ListToggleCommand.js.flow +99 -99
- package/MarkNames.js.flow +18 -18
- package/MarksClearCommand.js +9 -10
- package/MarksClearCommand.js.flow +65 -65
- package/MathEditCommand.js +8 -9
- package/MathEditCommand.js.flow +120 -120
- package/MathNodeSpec.js.flow +46 -46
- package/NodeNames.js.flow +23 -23
- package/OrderedListNodeSpec.js +1 -1
- package/OrderedListNodeSpec.js.flow +132 -132
- package/ParagraphNodeSpec.js.flow +156 -156
- package/ParagraphSpacingCommand.js +9 -10
- package/ParagraphSpacingCommand.js.flow +144 -144
- package/PrintCommand.js +9 -10
- package/PrintCommand.js.flow +53 -53
- package/SelectionPlaceholderPlugin.js +4 -4
- package/SelectionPlaceholderPlugin.js.flow +131 -131
- package/SpacerMarkSpec.js +1 -1
- package/SpacerMarkSpec.js.flow +47 -47
- package/StrikeMarkSpec.js.flow +21 -21
- package/StrongMarkSpec.js.flow +25 -25
- package/StyleView.js +2 -3
- package/StyleView.js.flow +19 -19
- package/TableBackgroundColorCommand.js +25 -12
- package/TableBackgroundColorCommand.js.flow +83 -75
- package/TableBorderColorCommand.js +25 -12
- package/TableBorderColorCommand.js.flow +86 -75
- package/TableCellColorCommand.js +11 -11
- package/TableCellColorCommand.js.flow +75 -75
- package/TableCellMenuPlugin.js +3 -4
- package/TableCellMenuPlugin.js.flow +132 -132
- package/TableInsertCommand.js +9 -10
- package/TableInsertCommand.js.flow +120 -120
- package/TableMergeCellsCommand.js +7 -8
- package/TableMergeCellsCommand.js.flow +112 -112
- package/TableNodesSpecs.js.flow +78 -78
- package/TablePlugins.js.flow +14 -14
- package/TableResizePlugin.js +6 -6
- package/TableResizePlugin.js.flow +631 -632
- package/TextColorMarkSpec.js.flow +35 -35
- package/TextHighlightMarkSpec.js.flow +38 -38
- package/TextInsertTabSpaceCommand.js +7 -8
- 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 +5 -0
- package/Types.js.flow +80 -75
- package/WebFontLoader.js +2 -3
- package/WebFontLoader.js.flow +22 -22
- package/blockQuoteInputRule.js.flow +36 -36
- package/bom.xml +8533 -8895
- package/browser.js.flow +7 -7
- package/buildEditorPlugins.js +2 -3
- package/buildEditorPlugins.js.flow +49 -49
- package/buildInputRules.js.flow +81 -81
- package/client/CollabConnector.js +12 -12
- package/client/CollabConnector.js.flow +90 -90
- package/client/EditorConnection.js +2 -3
- package/client/EditorConnection.js.flow +323 -323
- package/client/Licit.js +59 -60
- package/client/Licit.js.flow +643 -643
- package/client/Licit.test.js +2 -2
- package/client/Licit.test.js.flow +98 -98
- package/client/Reporter.js +2 -3
- package/client/Reporter.js.flow +37 -37
- package/client/SimpleConnector.js +1 -1
- package/client/SimpleConnector.js.flow +61 -61
- package/client/http.js.flow +70 -70
- package/client/licit.css +12 -12
- package/client/throttle.js.flow +27 -27
- package/convertFromDOMElement.js.flow +36 -36
- package/convertFromHTML.js.flow +17 -17
- package/convertFromJSON.js.flow +56 -56
- package/convertToCSSPTValue.js.flow +22 -22
- package/convertToJSON.js.flow +7 -7
- package/createCommand.js +8 -9
- package/createCommand.js.flow +62 -62
- package/createEditorKeyMap.js +1 -1
- package/createEditorKeyMap.js.flow +94 -94
- package/createEmptyEditorState.js.flow +31 -31
- package/createTableResizingPlugin.js.flow +86 -86
- package/findActionableCell.js.flow +74 -74
- 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.flow +56 -56
- package/isEditorStateEmpty.js.flow +32 -32
- package/isTableNode.js.flow +15 -15
- package/joinDown.js.flow +27 -27
- package/joinListNode.js.flow +55 -55
- package/joinUp.js.flow +39 -39
- package/keymaps.js.flow +185 -185
- package/lookUpElement.js.flow +14 -14
- package/nodeAt.js.flow +12 -12
- package/normalizeHTML.js.flow +78 -78
- package/package.json +156 -155
- package/patchAnchorElements.js.flow +38 -38
- package/patchBreakElements.js.flow +22 -22
- package/patchElementInlineStyles.js.flow +92 -92
- package/patchListElements.js.flow +276 -276
- package/patchMathElements.js.flow +60 -60
- package/patchParagraphElements.js.flow +20 -20
- package/patchStyleElements.js.flow +196 -196
- package/patchTableElements.js.flow +89 -89
- package/rebaseDocWithSteps.js.flow +42 -42
- package/sanitizeURL.js.flow +13 -13
- package/splitListItem.js +1 -1
- 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.flow +108 -108
- package/toggleCodeBlock.js.flow +102 -102
- package/ui/AlertInfo.js +7 -8
- package/ui/AlertInfo.js.flow +64 -64
- package/ui/BookmarkNodeView.js +8 -10
- package/ui/BookmarkNodeView.js.flow +66 -66
- package/ui/CommandButton.js +7 -8
- package/ui/CommandButton.js.flow +68 -68
- package/ui/CommandMenu.js +8 -9
- package/ui/CommandMenu.js.flow +75 -75
- package/ui/CommandMenuButton.js +13 -14
- package/ui/CommandMenuButton.js.flow +131 -131
- package/ui/CustomEditorView.js +8 -9
- package/ui/CustomEditorView.js.flow +28 -28
- package/ui/CustomMenu.js +3 -4
- package/ui/CustomMenu.js.flow +17 -17
- package/ui/CustomMenuItem.js +6 -8
- package/ui/CustomMenuItem.js.flow +36 -36
- package/ui/CustomNodeView.js +2 -3
- package/ui/CustomNodeView.js.flow +200 -200
- package/ui/CustomRadioButton.js +6 -7
- package/ui/CustomRadioButton.js.flow +65 -65
- package/ui/DocLayoutEditor.js +9 -10
- package/ui/DocLayoutEditor.js.flow +146 -146
- package/ui/Editor.js +15 -16
- package/ui/Editor.js.flow +288 -288
- package/ui/EditorFrameset.js +5 -6
- package/ui/EditorFrameset.js.flow +81 -81
- package/ui/EditorToolbar.js +13 -14
- package/ui/EditorToolbar.js.flow +218 -218
- package/ui/EditorToolbarConfig.js.flow +164 -164
- package/ui/FontSizeCommandMenuButton.js +5 -6
- package/ui/FontSizeCommandMenuButton.js.flow +66 -66
- package/ui/FontTypeCommandMenuButton.js +5 -6
- package/ui/FontTypeCommandMenuButton.js.flow +61 -61
- package/ui/Frag.js +3 -4
- package/ui/Frag.js.flow +13 -13
- package/ui/Icon.js +9 -12
- package/ui/Icon.js.flow +89 -89
- package/ui/ImageInlineEditor.js +6 -7
- package/ui/ImageInlineEditor.js.flow +67 -67
- package/ui/KeyCodes.js.flow +12 -12
- package/ui/LinkTooltip.js +9 -10
- package/ui/LinkTooltip.js.flow +85 -85
- package/ui/LinkURLEditor.js +9 -10
- package/ui/LinkURLEditor.js.flow +117 -117
- package/ui/ListItemNodeView.js +2 -3
- package/ui/ListItemNodeView.js.flow +98 -98
- package/ui/ListTypeButton.js +13 -14
- package/ui/ListTypeButton.js.flow +131 -131
- package/ui/ListTypeCommandButton.js +5 -6
- package/ui/ListTypeCommandButton.js.flow +85 -85
- package/ui/ListTypeMenu.js +11 -12
- package/ui/ListTypeMenu.js.flow +70 -70
- package/ui/LoadingIndicator.js +3 -4
- package/ui/LoadingIndicator.js.flow +20 -20
- package/ui/MathEditor.js +10 -11
- package/ui/MathEditor.js.flow +78 -78
- package/ui/MathInlineEditor.js +8 -9
- package/ui/MathInlineEditor.js.flow +102 -102
- package/ui/MathNodeView.js +14 -16
- package/ui/MathNodeView.js.flow +186 -186
- package/ui/PasteMenu.js +10 -11
- package/ui/PasteMenu.js.flow +57 -57
- package/ui/ResizeObserver.js.flow +106 -106
- package/ui/RichTextEditor.js +9 -10
- package/ui/RichTextEditor.js.flow +133 -133
- package/ui/SelectionObserver.js +2 -3
- package/ui/SelectionObserver.js.flow +134 -134
- package/ui/TableCellMenu.js +6 -7
- package/ui/TableCellMenu.js.flow +51 -51
- package/ui/TableGridSizeEditor.js +19 -21
- package/ui/TableGridSizeEditor.js.flow +184 -184
- package/ui/TableNodeView.js +3 -4
- package/ui/TableNodeView.js.flow +25 -25
- package/ui/bindScrollHandler.js.flow +46 -46
- package/ui/canUseCSSFont.js.flow +43 -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 +220 -220
- package/ui/czi-form.css +107 -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 +125 -125
- package/ui/czi-indent.css +137 -137
- package/ui/czi-inline-editor.css +20 -20
- package/ui/czi-link-tooltip.css +71 -71
- package/ui/czi-list.css +410 -410
- package/ui/czi-loading-indicator.css +111 -111
- package/ui/czi-math-view.css +62 -62
- package/ui/czi-selection-placeholder.css +24 -24
- package/ui/czi-table-cell-menu.css +14 -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.flow +58 -58
- package/ui/findActiveFontType.js.flow +38 -38
- package/ui/fonts.css +460 -460
- package/ui/handleEditorDrop.js.flow +28 -28
- package/ui/handleEditorKeyDown.js.flow +39 -39
- 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.flow +42 -42
- package/ui/isElementFullyVisible.js.flow +26 -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 +15 -17
- package/ui/mathquill-editor/MathQuillEditor.js.flow +159 -159
- package/ui/mathquill-editor/MathQuillEditorSymbols.js.flow +483 -483
- package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js +6 -7
- 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.flow +24 -24
- package/ui/renderLaTeXAsHTML.js +1 -1
- package/ui/renderLaTeXAsHTML.js.flow +46 -46
- package/ui/resolveImage.js +1 -1
- package/ui/resolveImage.js.flow +123 -123
- package/ui/toCSSColor.js.flow +51 -51
- package/ui/toCSSLineSpacing.js.flow +55 -55
- package/ui/toHexColor.js.flow +26 -26
- package/ui/uuid.js.flow +9 -9
- package/uuid.js.flow +9 -9
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import './czi-inline-editor.css';
|
|
4
|
-
import { CustomButton } from '@modusoperandi/licit-ui-commands';
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
|
|
7
|
-
export type PropValue = {
|
|
8
|
-
value: ?string,
|
|
9
|
-
text: ?string,
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
type Key = 'NONE' | 'LEFT' | 'CENTER' | 'RIGHT';
|
|
13
|
-
|
|
14
|
-
const ImageAlignValues: { [key: Key]: PropValue } = {
|
|
15
|
-
NONE: {
|
|
16
|
-
value: null,
|
|
17
|
-
text: 'Inline',
|
|
18
|
-
},
|
|
19
|
-
LEFT: {
|
|
20
|
-
value: 'left',
|
|
21
|
-
text: 'Float left',
|
|
22
|
-
},
|
|
23
|
-
CENTER: {
|
|
24
|
-
value: 'center',
|
|
25
|
-
text: 'Break text',
|
|
26
|
-
},
|
|
27
|
-
RIGHT: {
|
|
28
|
-
value: 'right',
|
|
29
|
-
text: 'Float right',
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export type ImageInlineEditorValue = {
|
|
34
|
-
align: ?string,
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
class ImageInlineEditor extends React.PureComponent<any, any> {
|
|
38
|
-
props: {
|
|
39
|
-
onSelect: (val: ImageInlineEditorValue) => void,
|
|
40
|
-
value: ?ImageInlineEditorValue,
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
render(): React.Element<any> {
|
|
44
|
-
const align = this.props.value ? this.props.value.align : null;
|
|
45
|
-
const onClick = this._onClick;
|
|
46
|
-
const buttons = Object.keys(ImageAlignValues).map((key) => {
|
|
47
|
-
const { value, text } = ImageAlignValues[key];
|
|
48
|
-
return (
|
|
49
|
-
<CustomButton
|
|
50
|
-
active={align === value}
|
|
51
|
-
key={key}
|
|
52
|
-
label={text}
|
|
53
|
-
onClick={onClick}
|
|
54
|
-
value={value}
|
|
55
|
-
/>
|
|
56
|
-
);
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
return <div className="czi-inline-editor">{buttons}</div>;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
_onClick = (align: ?string): void => {
|
|
63
|
-
this.props.onSelect({ align: align });
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export default ImageInlineEditor;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import './czi-inline-editor.css';
|
|
4
|
+
import { CustomButton } from '@modusoperandi/licit-ui-commands';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
|
|
7
|
+
export type PropValue = {
|
|
8
|
+
value: ?string,
|
|
9
|
+
text: ?string,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
type Key = 'NONE' | 'LEFT' | 'CENTER' | 'RIGHT';
|
|
13
|
+
|
|
14
|
+
const ImageAlignValues: { [key: Key]: PropValue } = {
|
|
15
|
+
NONE: {
|
|
16
|
+
value: null,
|
|
17
|
+
text: 'Inline',
|
|
18
|
+
},
|
|
19
|
+
LEFT: {
|
|
20
|
+
value: 'left',
|
|
21
|
+
text: 'Float left',
|
|
22
|
+
},
|
|
23
|
+
CENTER: {
|
|
24
|
+
value: 'center',
|
|
25
|
+
text: 'Break text',
|
|
26
|
+
},
|
|
27
|
+
RIGHT: {
|
|
28
|
+
value: 'right',
|
|
29
|
+
text: 'Float right',
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export type ImageInlineEditorValue = {
|
|
34
|
+
align: ?string,
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
class ImageInlineEditor extends React.PureComponent<any, any> {
|
|
38
|
+
props: {
|
|
39
|
+
onSelect: (val: ImageInlineEditorValue) => void,
|
|
40
|
+
value: ?ImageInlineEditorValue,
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
render(): React.Element<any> {
|
|
44
|
+
const align = this.props.value ? this.props.value.align : null;
|
|
45
|
+
const onClick = this._onClick;
|
|
46
|
+
const buttons = Object.keys(ImageAlignValues).map((key) => {
|
|
47
|
+
const { value, text } = ImageAlignValues[key];
|
|
48
|
+
return (
|
|
49
|
+
<CustomButton
|
|
50
|
+
active={align === value}
|
|
51
|
+
key={key}
|
|
52
|
+
label={text}
|
|
53
|
+
onClick={onClick}
|
|
54
|
+
value={value}
|
|
55
|
+
/>
|
|
56
|
+
);
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
return <div className="czi-inline-editor">{buttons}</div>;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
_onClick = (align: ?string): void => {
|
|
63
|
+
this.props.onSelect({ align: align });
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
export default ImageInlineEditor;
|
package/ui/KeyCodes.js.flow
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
// https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
|
|
4
|
-
|
|
5
|
-
export const BACKSPACE = 8;
|
|
6
|
-
export const DELETE = 46;
|
|
7
|
-
export const DOWN_ARROW = 40;
|
|
8
|
-
export const ENTER = 13;
|
|
9
|
-
export const LEFT_ARROW = 37;
|
|
10
|
-
export const RIGHT_ARROW = 39;
|
|
11
|
-
export const TAB = 9;
|
|
12
|
-
export const UP_ARROW = 38;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
// https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
|
|
4
|
+
|
|
5
|
+
export const BACKSPACE = 8;
|
|
6
|
+
export const DELETE = 46;
|
|
7
|
+
export const DOWN_ARROW = 40;
|
|
8
|
+
export const ENTER = 13;
|
|
9
|
+
export const LEFT_ARROW = 37;
|
|
10
|
+
export const RIGHT_ARROW = 39;
|
|
11
|
+
export const TAB = 9;
|
|
12
|
+
export const UP_ARROW = 38;
|
package/ui/LinkTooltip.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw
|
|
2
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
3
3
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
4
4
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
5
5
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -7,13 +7,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
7
7
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
8
8
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
9
9
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
10
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
10
11
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
12
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
12
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
13
13
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
14
14
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
15
15
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
16
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
17
17
|
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); }
|
|
18
18
|
import { EditorView } from 'prosemirror-view';
|
|
19
19
|
import * as React from 'react';
|
|
@@ -25,7 +25,6 @@ function isBookMarkHref(href) {
|
|
|
25
25
|
return !!href && href.indexOf('#') === 0 && href.length >= 2;
|
|
26
26
|
}
|
|
27
27
|
var LinkTooltip = /*#__PURE__*/function (_React$PureComponent) {
|
|
28
|
-
_inherits(LinkTooltip, _React$PureComponent);
|
|
29
28
|
function LinkTooltip() {
|
|
30
29
|
var _this;
|
|
31
30
|
_classCallCheck(this, LinkTooltip);
|
|
@@ -33,12 +32,12 @@ var LinkTooltip = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
33
32
|
args[_key] = arguments[_key];
|
|
34
33
|
}
|
|
35
34
|
_this = _callSuper(this, LinkTooltip, [].concat(args));
|
|
36
|
-
_defineProperty(
|
|
37
|
-
_defineProperty(
|
|
38
|
-
_defineProperty(
|
|
35
|
+
_defineProperty(_this, "props", void 0);
|
|
36
|
+
_defineProperty(_this, "_unmounted", false);
|
|
37
|
+
_defineProperty(_this, "state", {
|
|
39
38
|
hidden: false
|
|
40
39
|
});
|
|
41
|
-
_defineProperty(
|
|
40
|
+
_defineProperty(_this, "_openLink", function (href) {
|
|
42
41
|
if (isBookMarkHref(href)) {
|
|
43
42
|
var id = href.substr(1);
|
|
44
43
|
var el = document.getElementById(id);
|
|
@@ -73,7 +72,8 @@ var LinkTooltip = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
73
72
|
});
|
|
74
73
|
return _this;
|
|
75
74
|
}
|
|
76
|
-
|
|
75
|
+
_inherits(LinkTooltip, _React$PureComponent);
|
|
76
|
+
return _createClass(LinkTooltip, [{
|
|
77
77
|
key: "render",
|
|
78
78
|
value: function render() {
|
|
79
79
|
var _this$props2 = this.props,
|
|
@@ -108,6 +108,5 @@ var LinkTooltip = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
108
108
|
}))));
|
|
109
109
|
}
|
|
110
110
|
}]);
|
|
111
|
-
return LinkTooltip;
|
|
112
111
|
}(React.PureComponent);
|
|
113
112
|
export default LinkTooltip;
|
package/ui/LinkTooltip.js.flow
CHANGED
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { EditorView } from 'prosemirror-view';
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import scrollIntoView from 'smooth-scroll-into-view-if-needed';
|
|
6
|
-
|
|
7
|
-
import sanitizeURL from '../sanitizeURL.js';
|
|
8
|
-
import { CustomButton } from '@modusoperandi/licit-ui-commands';
|
|
9
|
-
|
|
10
|
-
import './czi-link-tooltip.css';
|
|
11
|
-
|
|
12
|
-
function isBookMarkHref(href: string): boolean {
|
|
13
|
-
return !!href && href.indexOf('#') === 0 && href.length >= 2;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
class LinkTooltip extends React.PureComponent<any, any> {
|
|
17
|
-
props: {
|
|
18
|
-
editorView: EditorView,
|
|
19
|
-
href: string,
|
|
20
|
-
onCancel: (view: EditorView) => void,
|
|
21
|
-
onEdit: (view: EditorView) => void,
|
|
22
|
-
onRemove: (view: EditorView) => void,
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
_unmounted = false;
|
|
26
|
-
|
|
27
|
-
state = {
|
|
28
|
-
hidden: false,
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
render(): React.Element<any> {
|
|
32
|
-
const { href, editorView, onEdit, onRemove } = this.props;
|
|
33
|
-
// [FS] IRAD-1013 2020-07-09
|
|
34
|
-
// Change button in "Apply Link" missing in LICIT.
|
|
35
|
-
|
|
36
|
-
return (
|
|
37
|
-
<div className="czi-link-tooltip">
|
|
38
|
-
<div className="czi-link-tooltip-body">
|
|
39
|
-
<div className="czi-link-tooltip-row">
|
|
40
|
-
<CustomButton
|
|
41
|
-
className="czi-link-tooltip-href"
|
|
42
|
-
label={href}
|
|
43
|
-
onClick={this._openLink}
|
|
44
|
-
target="new"
|
|
45
|
-
title={href}
|
|
46
|
-
value={href}
|
|
47
|
-
/>
|
|
48
|
-
<CustomButton label="Change" onClick={onEdit} value={editorView} />
|
|
49
|
-
<CustomButton
|
|
50
|
-
label="Remove"
|
|
51
|
-
onClick={onRemove}
|
|
52
|
-
value={editorView}
|
|
53
|
-
/>
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
</div>
|
|
57
|
-
);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
_openLink = (href: string): void => {
|
|
61
|
-
if (isBookMarkHref(href)) {
|
|
62
|
-
const id = href.substr(1);
|
|
63
|
-
const el = document.getElementById(id);
|
|
64
|
-
if (el) {
|
|
65
|
-
const { onCancel, editorView } = this.props;
|
|
66
|
-
onCancel(editorView);
|
|
67
|
-
(async () => {
|
|
68
|
-
// https://www.npmjs.com/package/smooth-scroll-into-view-if-needed
|
|
69
|
-
await scrollIntoView(el, {
|
|
70
|
-
scrollMode: 'if-needed',
|
|
71
|
-
// block: 'nearest',
|
|
72
|
-
// inline: 'nearest',
|
|
73
|
-
behavior: 'smooth',
|
|
74
|
-
});
|
|
75
|
-
})();
|
|
76
|
-
}
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
if (href) {
|
|
80
|
-
window.open(sanitizeURL(href));
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
export default LinkTooltip;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { EditorView } from 'prosemirror-view';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import scrollIntoView from 'smooth-scroll-into-view-if-needed';
|
|
6
|
+
|
|
7
|
+
import sanitizeURL from '../sanitizeURL.js';
|
|
8
|
+
import { CustomButton } from '@modusoperandi/licit-ui-commands';
|
|
9
|
+
|
|
10
|
+
import './czi-link-tooltip.css';
|
|
11
|
+
|
|
12
|
+
function isBookMarkHref(href: string): boolean {
|
|
13
|
+
return !!href && href.indexOf('#') === 0 && href.length >= 2;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
class LinkTooltip extends React.PureComponent<any, any> {
|
|
17
|
+
props: {
|
|
18
|
+
editorView: EditorView,
|
|
19
|
+
href: string,
|
|
20
|
+
onCancel: (view: EditorView) => void,
|
|
21
|
+
onEdit: (view: EditorView) => void,
|
|
22
|
+
onRemove: (view: EditorView) => void,
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
_unmounted = false;
|
|
26
|
+
|
|
27
|
+
state = {
|
|
28
|
+
hidden: false,
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
render(): React.Element<any> {
|
|
32
|
+
const { href, editorView, onEdit, onRemove } = this.props;
|
|
33
|
+
// [FS] IRAD-1013 2020-07-09
|
|
34
|
+
// Change button in "Apply Link" missing in LICIT.
|
|
35
|
+
|
|
36
|
+
return (
|
|
37
|
+
<div className="czi-link-tooltip">
|
|
38
|
+
<div className="czi-link-tooltip-body">
|
|
39
|
+
<div className="czi-link-tooltip-row">
|
|
40
|
+
<CustomButton
|
|
41
|
+
className="czi-link-tooltip-href"
|
|
42
|
+
label={href}
|
|
43
|
+
onClick={this._openLink}
|
|
44
|
+
target="new"
|
|
45
|
+
title={href}
|
|
46
|
+
value={href}
|
|
47
|
+
/>
|
|
48
|
+
<CustomButton label="Change" onClick={onEdit} value={editorView} />
|
|
49
|
+
<CustomButton
|
|
50
|
+
label="Remove"
|
|
51
|
+
onClick={onRemove}
|
|
52
|
+
value={editorView}
|
|
53
|
+
/>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
_openLink = (href: string): void => {
|
|
61
|
+
if (isBookMarkHref(href)) {
|
|
62
|
+
const id = href.substr(1);
|
|
63
|
+
const el = document.getElementById(id);
|
|
64
|
+
if (el) {
|
|
65
|
+
const { onCancel, editorView } = this.props;
|
|
66
|
+
onCancel(editorView);
|
|
67
|
+
(async () => {
|
|
68
|
+
// https://www.npmjs.com/package/smooth-scroll-into-view-if-needed
|
|
69
|
+
await scrollIntoView(el, {
|
|
70
|
+
scrollMode: 'if-needed',
|
|
71
|
+
// block: 'nearest',
|
|
72
|
+
// inline: 'nearest',
|
|
73
|
+
behavior: 'smooth',
|
|
74
|
+
});
|
|
75
|
+
})();
|
|
76
|
+
}
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
if (href) {
|
|
80
|
+
window.open(sanitizeURL(href));
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
export default LinkTooltip;
|
package/ui/LinkURLEditor.js
CHANGED
|
@@ -4,13 +4,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
4
4
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
5
5
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
6
6
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
7
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
7
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
8
9
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
9
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
10
10
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
11
11
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
12
12
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
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 * as React from 'react';
|
|
16
16
|
import PropTypes from 'prop-types';
|
|
@@ -22,7 +22,6 @@ import './czi-form.css';
|
|
|
22
22
|
import './czi-image-url-editor.css';
|
|
23
23
|
var BAD_CHARACTER_PATTER = /\s/;
|
|
24
24
|
var LinkURLEditor = /*#__PURE__*/function (_React$PureComponent) {
|
|
25
|
-
_inherits(LinkURLEditor, _React$PureComponent);
|
|
26
25
|
function LinkURLEditor() {
|
|
27
26
|
var _this;
|
|
28
27
|
_classCallCheck(this, LinkURLEditor);
|
|
@@ -30,25 +29,25 @@ var LinkURLEditor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
30
29
|
args[_key] = arguments[_key];
|
|
31
30
|
}
|
|
32
31
|
_this = _callSuper(this, LinkURLEditor, [].concat(args));
|
|
33
|
-
_defineProperty(
|
|
32
|
+
_defineProperty(_this, "state", {
|
|
34
33
|
url: _this.props.href
|
|
35
34
|
});
|
|
36
|
-
_defineProperty(
|
|
35
|
+
_defineProperty(_this, "_onKeyDown", function (e) {
|
|
37
36
|
if (e.keyCode === ENTER) {
|
|
38
37
|
e.preventDefault();
|
|
39
38
|
_this._apply();
|
|
40
39
|
}
|
|
41
40
|
});
|
|
42
|
-
_defineProperty(
|
|
41
|
+
_defineProperty(_this, "_onURLChange", function (e) {
|
|
43
42
|
var url = e.target.value;
|
|
44
43
|
_this.setState({
|
|
45
44
|
url: url
|
|
46
45
|
});
|
|
47
46
|
});
|
|
48
|
-
_defineProperty(
|
|
47
|
+
_defineProperty(_this, "_cancel", function () {
|
|
49
48
|
_this.props.close();
|
|
50
49
|
});
|
|
51
|
-
_defineProperty(
|
|
50
|
+
_defineProperty(_this, "_apply", function () {
|
|
52
51
|
var url = _this.state.url;
|
|
53
52
|
if (url && !BAD_CHARACTER_PATTER.test(url)) {
|
|
54
53
|
_this.props.close(sanitizeURL(url));
|
|
@@ -56,7 +55,8 @@ var LinkURLEditor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
56
55
|
});
|
|
57
56
|
return _this;
|
|
58
57
|
}
|
|
59
|
-
|
|
58
|
+
_inherits(LinkURLEditor, _React$PureComponent);
|
|
59
|
+
return _createClass(LinkURLEditor, [{
|
|
60
60
|
key: "render",
|
|
61
61
|
value: function render() {
|
|
62
62
|
var href = this.props.href;
|
|
@@ -96,7 +96,6 @@ var LinkURLEditor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
96
96
|
}))));
|
|
97
97
|
}
|
|
98
98
|
}]);
|
|
99
|
-
return LinkURLEditor;
|
|
100
99
|
}(React.PureComponent);
|
|
101
100
|
// [FS] IRAD-1005 2020-07-07
|
|
102
101
|
// Upgrade outdated packages.
|