@modusoperandi/licit 1.0.4 → 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 +3 -4
- package/TableResizePlugin.js.flow +631 -631
- 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 +21569 -23179
- 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,61 +1,61 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import CommandMenuButton from './CommandMenuButton.js';
|
|
4
|
-
import {
|
|
5
|
-
FontTypeCommand
|
|
6
|
-
} from '@modusoperandi/licit-ui-commands';
|
|
7
|
-
import * as React from 'react';
|
|
8
|
-
import findActiveFontType from './findActiveFontType.js';
|
|
9
|
-
import {
|
|
10
|
-
EditorState
|
|
11
|
-
} from 'prosemirror-state';
|
|
12
|
-
import {
|
|
13
|
-
EditorView
|
|
14
|
-
} from 'prosemirror-view';
|
|
15
|
-
import {
|
|
16
|
-
FONT_TYPE_NAMES
|
|
17
|
-
} from '../FontTypeMarkSpec.js';
|
|
18
|
-
import {
|
|
19
|
-
FONT_TYPE_NAME_DEFAULT
|
|
20
|
-
} from './findActiveFontType.js';
|
|
21
|
-
import {
|
|
22
|
-
Transform
|
|
23
|
-
} from 'prosemirror-transform';
|
|
24
|
-
|
|
25
|
-
const FONT_TYPE_COMMANDS: Object = {
|
|
26
|
-
[FONT_TYPE_NAME_DEFAULT]: new FontTypeCommand(''),
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
FONT_TYPE_NAMES.forEach((name) => {
|
|
30
|
-
FONT_TYPE_COMMANDS[name] = new FontTypeCommand(name);
|
|
31
|
-
});
|
|
32
|
-
|
|
33
|
-
const COMMAND_GROUPS = [FONT_TYPE_COMMANDS];
|
|
34
|
-
|
|
35
|
-
class FontTypeCommandMenuButton extends React.PureComponent<any, any> {
|
|
36
|
-
props: {
|
|
37
|
-
dispatch: (tr: Transform) => void,
|
|
38
|
-
editorState: EditorState,
|
|
39
|
-
editorView: ?EditorView,
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
render(): React.Element<any> {
|
|
43
|
-
const { dispatch, editorState, editorView } = this.props;
|
|
44
|
-
const fontType = findActiveFontType(editorState);
|
|
45
|
-
return (
|
|
46
|
-
<CommandMenuButton
|
|
47
|
-
className="width-100"
|
|
48
|
-
// [FS] IRAD-1008 2020-07-16
|
|
49
|
-
// Disable font type menu on editor disable state
|
|
50
|
-
commandGroups={COMMAND_GROUPS}
|
|
51
|
-
disabled={editorView && editorView.disabled ? true : false}
|
|
52
|
-
dispatch={dispatch}
|
|
53
|
-
editorState={editorState}
|
|
54
|
-
editorView={editorView}
|
|
55
|
-
label={fontType}
|
|
56
|
-
/>
|
|
57
|
-
);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
export default FontTypeCommandMenuButton;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import CommandMenuButton from './CommandMenuButton.js';
|
|
4
|
+
import {
|
|
5
|
+
FontTypeCommand
|
|
6
|
+
} from '@modusoperandi/licit-ui-commands';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import findActiveFontType from './findActiveFontType.js';
|
|
9
|
+
import {
|
|
10
|
+
EditorState
|
|
11
|
+
} from 'prosemirror-state';
|
|
12
|
+
import {
|
|
13
|
+
EditorView
|
|
14
|
+
} from 'prosemirror-view';
|
|
15
|
+
import {
|
|
16
|
+
FONT_TYPE_NAMES
|
|
17
|
+
} from '../FontTypeMarkSpec.js';
|
|
18
|
+
import {
|
|
19
|
+
FONT_TYPE_NAME_DEFAULT
|
|
20
|
+
} from './findActiveFontType.js';
|
|
21
|
+
import {
|
|
22
|
+
Transform
|
|
23
|
+
} from 'prosemirror-transform';
|
|
24
|
+
|
|
25
|
+
const FONT_TYPE_COMMANDS: Object = {
|
|
26
|
+
[FONT_TYPE_NAME_DEFAULT]: new FontTypeCommand(''),
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
FONT_TYPE_NAMES.forEach((name) => {
|
|
30
|
+
FONT_TYPE_COMMANDS[name] = new FontTypeCommand(name);
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
const COMMAND_GROUPS = [FONT_TYPE_COMMANDS];
|
|
34
|
+
|
|
35
|
+
class FontTypeCommandMenuButton extends React.PureComponent<any, any> {
|
|
36
|
+
props: {
|
|
37
|
+
dispatch: (tr: Transform) => void,
|
|
38
|
+
editorState: EditorState,
|
|
39
|
+
editorView: ?EditorView,
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
render(): React.Element<any> {
|
|
43
|
+
const { dispatch, editorState, editorView } = this.props;
|
|
44
|
+
const fontType = findActiveFontType(editorState);
|
|
45
|
+
return (
|
|
46
|
+
<CommandMenuButton
|
|
47
|
+
className="width-100"
|
|
48
|
+
// [FS] IRAD-1008 2020-07-16
|
|
49
|
+
// Disable font type menu on editor disable state
|
|
50
|
+
commandGroups={COMMAND_GROUPS}
|
|
51
|
+
disabled={editorView && editorView.disabled ? true : false}
|
|
52
|
+
dispatch={dispatch}
|
|
53
|
+
editorState={editorState}
|
|
54
|
+
editorView={editorView}
|
|
55
|
+
label={fontType}
|
|
56
|
+
/>
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
export default FontTypeCommandMenuButton;
|
package/ui/Frag.js
CHANGED
|
@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
2
2
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
3
3
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
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
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
6
|
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); }
|
|
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
8
|
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); }
|
|
@@ -14,12 +14,12 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Objec
|
|
|
14
14
|
import * as React from 'react';
|
|
15
15
|
import './czi-frag.css';
|
|
16
16
|
var Frag = /*#__PURE__*/function (_React$PureComponent) {
|
|
17
|
-
_inherits(Frag, _React$PureComponent);
|
|
18
17
|
function Frag() {
|
|
19
18
|
_classCallCheck(this, Frag);
|
|
20
19
|
return _callSuper(this, Frag, arguments);
|
|
21
20
|
}
|
|
22
|
-
|
|
21
|
+
_inherits(Frag, _React$PureComponent);
|
|
22
|
+
return _createClass(Frag, [{
|
|
23
23
|
key: "render",
|
|
24
24
|
value: function render() {
|
|
25
25
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -27,6 +27,5 @@ var Frag = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
27
27
|
}, this.props.children);
|
|
28
28
|
}
|
|
29
29
|
}]);
|
|
30
|
-
return Frag;
|
|
31
30
|
}(React.PureComponent);
|
|
32
31
|
export default Frag;
|
package/ui/Frag.js.flow
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
|
|
5
|
-
import './czi-frag.css';
|
|
6
|
-
|
|
7
|
-
class Frag extends React.PureComponent<any, any> {
|
|
8
|
-
render(): React.Element<any> {
|
|
9
|
-
return <div className="czi-frag">{this.props.children}</div>;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export default Frag;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
|
|
5
|
+
import './czi-frag.css';
|
|
6
|
+
|
|
7
|
+
class Frag extends React.PureComponent<any, any> {
|
|
8
|
+
render(): React.Element<any> {
|
|
9
|
+
return <div className="czi-frag">{this.props.children}</div>;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export default Frag;
|
package/ui/Icon.js
CHANGED
|
@@ -3,7 +3,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
3
3
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
4
4
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
5
5
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
7
|
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); }
|
|
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); }
|
|
@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
12
12
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
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
|
-
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
|
|
15
|
+
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; }
|
|
16
16
|
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); } }
|
|
17
17
|
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); }); }; }
|
|
18
18
|
import cx from 'classnames';
|
|
@@ -50,12 +50,12 @@ _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
|
50
50
|
}, _callee);
|
|
51
51
|
}))();
|
|
52
52
|
var SuperscriptIcon = /*#__PURE__*/function (_React$PureComponent) {
|
|
53
|
-
_inherits(SuperscriptIcon, _React$PureComponent);
|
|
54
53
|
function SuperscriptIcon() {
|
|
55
54
|
_classCallCheck(this, SuperscriptIcon);
|
|
56
55
|
return _callSuper(this, SuperscriptIcon, arguments);
|
|
57
56
|
}
|
|
58
|
-
|
|
57
|
+
_inherits(SuperscriptIcon, _React$PureComponent);
|
|
58
|
+
return _createClass(SuperscriptIcon, [{
|
|
59
59
|
key: "render",
|
|
60
60
|
value: function render() {
|
|
61
61
|
return /*#__PURE__*/React.createElement("span", {
|
|
@@ -67,15 +67,14 @@ var SuperscriptIcon = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
67
67
|
}, "y"));
|
|
68
68
|
}
|
|
69
69
|
}]);
|
|
70
|
-
return SuperscriptIcon;
|
|
71
70
|
}(React.PureComponent);
|
|
72
71
|
var SubscriptIcon = /*#__PURE__*/function (_React$PureComponent2) {
|
|
73
|
-
_inherits(SubscriptIcon, _React$PureComponent2);
|
|
74
72
|
function SubscriptIcon() {
|
|
75
73
|
_classCallCheck(this, SubscriptIcon);
|
|
76
74
|
return _callSuper(this, SubscriptIcon, arguments);
|
|
77
75
|
}
|
|
78
|
-
|
|
76
|
+
_inherits(SubscriptIcon, _React$PureComponent2);
|
|
77
|
+
return _createClass(SubscriptIcon, [{
|
|
79
78
|
key: "render",
|
|
80
79
|
value: function render() {
|
|
81
80
|
return /*#__PURE__*/React.createElement("span", {
|
|
@@ -87,10 +86,8 @@ var SubscriptIcon = /*#__PURE__*/function (_React$PureComponent2) {
|
|
|
87
86
|
}, "y"));
|
|
88
87
|
}
|
|
89
88
|
}]);
|
|
90
|
-
return SubscriptIcon;
|
|
91
89
|
}(React.PureComponent);
|
|
92
90
|
var Icon = /*#__PURE__*/function (_React$PureComponent3) {
|
|
93
|
-
_inherits(Icon, _React$PureComponent3);
|
|
94
91
|
function Icon() {
|
|
95
92
|
var _this;
|
|
96
93
|
_classCallCheck(this, Icon);
|
|
@@ -98,10 +95,11 @@ var Icon = /*#__PURE__*/function (_React$PureComponent3) {
|
|
|
98
95
|
args[_key] = arguments[_key];
|
|
99
96
|
}
|
|
100
97
|
_this = _callSuper(this, Icon, [].concat(args));
|
|
101
|
-
_defineProperty(
|
|
98
|
+
_defineProperty(_this, "props", void 0);
|
|
102
99
|
return _this;
|
|
103
100
|
}
|
|
104
|
-
|
|
101
|
+
_inherits(Icon, _React$PureComponent3);
|
|
102
|
+
return _createClass(Icon, [{
|
|
105
103
|
key: "render",
|
|
106
104
|
value: function render() {
|
|
107
105
|
var _this$props = this.props,
|
|
@@ -140,6 +138,5 @@ var Icon = /*#__PURE__*/function (_React$PureComponent3) {
|
|
|
140
138
|
return icon;
|
|
141
139
|
}
|
|
142
140
|
}]);
|
|
143
|
-
return Icon;
|
|
144
141
|
}(React.PureComponent);
|
|
145
142
|
export default Icon;
|
package/ui/Icon.js.flow
CHANGED
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import cx from 'classnames';
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
|
|
6
|
-
import canUseCSSFont from './canUseCSSFont.js';
|
|
7
|
-
|
|
8
|
-
import './czi-icon.css';
|
|
9
|
-
|
|
10
|
-
// [FS] IRAD-1061 2020-09-19
|
|
11
|
-
// Now loaded locally, so that it work in closed network as well.
|
|
12
|
-
//import injectStyleSheet from './injectStyleSheet';
|
|
13
|
-
import './icon-font.css';
|
|
14
|
-
|
|
15
|
-
const VALID_CHARS = /[a-z_]+/;
|
|
16
|
-
const cached = {};
|
|
17
|
-
|
|
18
|
-
const CSS_CDN_URL = '//fonts.googleapis.com/icon?family=Material+Icons';
|
|
19
|
-
const CSS_FONT = 'Material Icons';
|
|
20
|
-
|
|
21
|
-
(async function () {
|
|
22
|
-
// Inject CSS Fonts reuqired for toolbar icons.
|
|
23
|
-
const fontSupported = await canUseCSSFont(CSS_FONT);
|
|
24
|
-
if (!fontSupported) {
|
|
25
|
-
console.info('Add CSS from ', CSS_CDN_URL);
|
|
26
|
-
// [FS] IRAD-1061 2020-09-19
|
|
27
|
-
// Now loaded locally, so that it work in closed network as well.
|
|
28
|
-
//injectStyleSheet(CSS_CDN_URL);
|
|
29
|
-
}
|
|
30
|
-
})();
|
|
31
|
-
|
|
32
|
-
class SuperscriptIcon extends React.PureComponent<any, any> {
|
|
33
|
-
render(): React.Element<any> {
|
|
34
|
-
return (
|
|
35
|
-
<span className="superscript-wrap">
|
|
36
|
-
<span className="superscript-base">x</span>
|
|
37
|
-
<span className="superscript-top">y</span>
|
|
38
|
-
</span>
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
class SubscriptIcon extends React.PureComponent<any, any> {
|
|
44
|
-
render(): React.Element<any> {
|
|
45
|
-
return (
|
|
46
|
-
<span className="subscript-wrap">
|
|
47
|
-
<span className="subscript-base">x</span>
|
|
48
|
-
<span className="subscript-bottom">y</span>
|
|
49
|
-
</span>
|
|
50
|
-
);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
class Icon extends React.PureComponent<any, any> {
|
|
55
|
-
// Get the static Icon.
|
|
56
|
-
static get(type: string, title: ?string): React.Element<any> {
|
|
57
|
-
const key = `${type || ''}-${title || ''}`;
|
|
58
|
-
const icon = cached[key] || <Icon title={title} type={type} />;
|
|
59
|
-
cached[key] = icon;
|
|
60
|
-
return icon;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
props: {
|
|
64
|
-
type: string,
|
|
65
|
-
title: ?string,
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
render(): React.Element<any> {
|
|
69
|
-
const { type, title } = this.props;
|
|
70
|
-
let className = '';
|
|
71
|
-
let children = '';
|
|
72
|
-
if (type == 'superscript') {
|
|
73
|
-
className = cx('czi-icon', { [type]: true });
|
|
74
|
-
children = <SuperscriptIcon />;
|
|
75
|
-
} else if (type == 'subscript') {
|
|
76
|
-
className = cx('czi-icon', { [type]: true });
|
|
77
|
-
children = <SubscriptIcon />;
|
|
78
|
-
} else if (!type || !VALID_CHARS.test(type)) {
|
|
79
|
-
className = cx('czi-icon-unknown');
|
|
80
|
-
children = title || type;
|
|
81
|
-
} else {
|
|
82
|
-
className = cx('czi-icon', { [type]: true });
|
|
83
|
-
children = type;
|
|
84
|
-
}
|
|
85
|
-
return <span className={className}>{children}</span>;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
export default Icon;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import cx from 'classnames';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
|
|
6
|
+
import canUseCSSFont from './canUseCSSFont.js';
|
|
7
|
+
|
|
8
|
+
import './czi-icon.css';
|
|
9
|
+
|
|
10
|
+
// [FS] IRAD-1061 2020-09-19
|
|
11
|
+
// Now loaded locally, so that it work in closed network as well.
|
|
12
|
+
//import injectStyleSheet from './injectStyleSheet';
|
|
13
|
+
import './icon-font.css';
|
|
14
|
+
|
|
15
|
+
const VALID_CHARS = /[a-z_]+/;
|
|
16
|
+
const cached = {};
|
|
17
|
+
|
|
18
|
+
const CSS_CDN_URL = '//fonts.googleapis.com/icon?family=Material+Icons';
|
|
19
|
+
const CSS_FONT = 'Material Icons';
|
|
20
|
+
|
|
21
|
+
(async function () {
|
|
22
|
+
// Inject CSS Fonts reuqired for toolbar icons.
|
|
23
|
+
const fontSupported = await canUseCSSFont(CSS_FONT);
|
|
24
|
+
if (!fontSupported) {
|
|
25
|
+
console.info('Add CSS from ', CSS_CDN_URL);
|
|
26
|
+
// [FS] IRAD-1061 2020-09-19
|
|
27
|
+
// Now loaded locally, so that it work in closed network as well.
|
|
28
|
+
//injectStyleSheet(CSS_CDN_URL);
|
|
29
|
+
}
|
|
30
|
+
})();
|
|
31
|
+
|
|
32
|
+
class SuperscriptIcon extends React.PureComponent<any, any> {
|
|
33
|
+
render(): React.Element<any> {
|
|
34
|
+
return (
|
|
35
|
+
<span className="superscript-wrap">
|
|
36
|
+
<span className="superscript-base">x</span>
|
|
37
|
+
<span className="superscript-top">y</span>
|
|
38
|
+
</span>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
class SubscriptIcon extends React.PureComponent<any, any> {
|
|
44
|
+
render(): React.Element<any> {
|
|
45
|
+
return (
|
|
46
|
+
<span className="subscript-wrap">
|
|
47
|
+
<span className="subscript-base">x</span>
|
|
48
|
+
<span className="subscript-bottom">y</span>
|
|
49
|
+
</span>
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
class Icon extends React.PureComponent<any, any> {
|
|
55
|
+
// Get the static Icon.
|
|
56
|
+
static get(type: string, title: ?string): React.Element<any> {
|
|
57
|
+
const key = `${type || ''}-${title || ''}`;
|
|
58
|
+
const icon = cached[key] || <Icon title={title} type={type} />;
|
|
59
|
+
cached[key] = icon;
|
|
60
|
+
return icon;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
props: {
|
|
64
|
+
type: string,
|
|
65
|
+
title: ?string,
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
render(): React.Element<any> {
|
|
69
|
+
const { type, title } = this.props;
|
|
70
|
+
let className = '';
|
|
71
|
+
let children = '';
|
|
72
|
+
if (type == 'superscript') {
|
|
73
|
+
className = cx('czi-icon', { [type]: true });
|
|
74
|
+
children = <SuperscriptIcon />;
|
|
75
|
+
} else if (type == 'subscript') {
|
|
76
|
+
className = cx('czi-icon', { [type]: true });
|
|
77
|
+
children = <SubscriptIcon />;
|
|
78
|
+
} else if (!type || !VALID_CHARS.test(type)) {
|
|
79
|
+
className = cx('czi-icon-unknown');
|
|
80
|
+
children = title || type;
|
|
81
|
+
} else {
|
|
82
|
+
className = cx('czi-icon', { [type]: true });
|
|
83
|
+
children = type;
|
|
84
|
+
}
|
|
85
|
+
return <span className={className}>{children}</span>;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
export default Icon;
|
package/ui/ImageInlineEditor.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 './czi-inline-editor.css';
|
|
16
16
|
import { CustomButton } from '@modusoperandi/licit-ui-commands';
|
|
@@ -41,7 +41,6 @@ var bpfrpt_proptype_ImageInlineEditorValue = {
|
|
|
41
41
|
"align": PropTypes.string
|
|
42
42
|
};
|
|
43
43
|
var ImageInlineEditor = /*#__PURE__*/function (_React$PureComponent) {
|
|
44
|
-
_inherits(ImageInlineEditor, _React$PureComponent);
|
|
45
44
|
function ImageInlineEditor() {
|
|
46
45
|
var _this;
|
|
47
46
|
_classCallCheck(this, ImageInlineEditor);
|
|
@@ -49,15 +48,16 @@ var ImageInlineEditor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
49
48
|
args[_key] = arguments[_key];
|
|
50
49
|
}
|
|
51
50
|
_this = _callSuper(this, ImageInlineEditor, [].concat(args));
|
|
52
|
-
_defineProperty(
|
|
53
|
-
_defineProperty(
|
|
51
|
+
_defineProperty(_this, "props", void 0);
|
|
52
|
+
_defineProperty(_this, "_onClick", function (align) {
|
|
54
53
|
_this.props.onSelect({
|
|
55
54
|
align: align
|
|
56
55
|
});
|
|
57
56
|
});
|
|
58
57
|
return _this;
|
|
59
58
|
}
|
|
60
|
-
|
|
59
|
+
_inherits(ImageInlineEditor, _React$PureComponent);
|
|
60
|
+
return _createClass(ImageInlineEditor, [{
|
|
61
61
|
key: "render",
|
|
62
62
|
value: function render() {
|
|
63
63
|
var align = this.props.value ? this.props.value.align : null;
|
|
@@ -79,7 +79,6 @@ var ImageInlineEditor = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
79
79
|
}, buttons);
|
|
80
80
|
}
|
|
81
81
|
}]);
|
|
82
|
-
return ImageInlineEditor;
|
|
83
82
|
}(React.PureComponent);
|
|
84
83
|
export default ImageInlineEditor;
|
|
85
84
|
import PropTypes from "prop-types";
|