@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
package/ui/CommandMenuButton.js
CHANGED
|
@@ -6,13 +6,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
6
6
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
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); }
|
|
9
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
9
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
11
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
11
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
12
12
|
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); }
|
|
13
13
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
14
14
|
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; }
|
|
15
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
16
16
|
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); }
|
|
17
17
|
import cx from 'classnames';
|
|
18
18
|
import { EditorState } from 'prosemirror-state';
|
|
@@ -26,7 +26,6 @@ import { createPopUp } from '@modusoperandi/licit-ui-commands';
|
|
|
26
26
|
import uuid from './uuid.js';
|
|
27
27
|
import './czi-custom-menu-button.css';
|
|
28
28
|
var CommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
|
|
29
|
-
_inherits(CommandMenuButton, _React$PureComponent);
|
|
30
29
|
function CommandMenuButton() {
|
|
31
30
|
var _this;
|
|
32
31
|
_classCallCheck(this, CommandMenuButton);
|
|
@@ -34,25 +33,25 @@ var CommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
34
33
|
args[_key] = arguments[_key];
|
|
35
34
|
}
|
|
36
35
|
_this = _callSuper(this, CommandMenuButton, [].concat(args));
|
|
37
|
-
_defineProperty(
|
|
38
|
-
_defineProperty(
|
|
39
|
-
_defineProperty(
|
|
40
|
-
_defineProperty(
|
|
36
|
+
_defineProperty(_this, "props", void 0);
|
|
37
|
+
_defineProperty(_this, "_menu", null);
|
|
38
|
+
_defineProperty(_this, "_id", uuid());
|
|
39
|
+
_defineProperty(_this, "state", {
|
|
41
40
|
expanded: false
|
|
42
41
|
});
|
|
43
|
-
_defineProperty(
|
|
42
|
+
_defineProperty(_this, "_onClick", function () {
|
|
44
43
|
var expanded = !_this.state.expanded;
|
|
45
44
|
_this.setState({
|
|
46
45
|
expanded: expanded
|
|
47
46
|
});
|
|
48
47
|
expanded ? _this._showMenu() : _this._hideMenu();
|
|
49
48
|
});
|
|
50
|
-
_defineProperty(
|
|
49
|
+
_defineProperty(_this, "_hideMenu", function () {
|
|
51
50
|
var menu = _this._menu;
|
|
52
51
|
_this._menu = null;
|
|
53
52
|
menu && menu.close();
|
|
54
53
|
});
|
|
55
|
-
_defineProperty(
|
|
54
|
+
_defineProperty(_this, "_showMenu", function () {
|
|
56
55
|
var menu = _this._menu;
|
|
57
56
|
var menuProps = _objectSpread(_objectSpread({}, _this.props), {}, {
|
|
58
57
|
onCommand: _this._onCommand
|
|
@@ -66,13 +65,13 @@ var CommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
66
65
|
});
|
|
67
66
|
}
|
|
68
67
|
});
|
|
69
|
-
_defineProperty(
|
|
68
|
+
_defineProperty(_this, "_onCommand", function () {
|
|
70
69
|
_this.setState({
|
|
71
70
|
expanded: false
|
|
72
71
|
});
|
|
73
72
|
_this._hideMenu();
|
|
74
73
|
});
|
|
75
|
-
_defineProperty(
|
|
74
|
+
_defineProperty(_this, "_onClose", function () {
|
|
76
75
|
if (_this._menu) {
|
|
77
76
|
_this.setState({
|
|
78
77
|
expanded: false
|
|
@@ -82,7 +81,8 @@ var CommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
82
81
|
});
|
|
83
82
|
return _this;
|
|
84
83
|
}
|
|
85
|
-
|
|
84
|
+
_inherits(CommandMenuButton, _React$PureComponent);
|
|
85
|
+
return _createClass(CommandMenuButton, [{
|
|
86
86
|
key: "render",
|
|
87
87
|
value: function render() {
|
|
88
88
|
var _this$props = this.props,
|
|
@@ -127,6 +127,5 @@ var CommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
127
127
|
this._hideMenu();
|
|
128
128
|
}
|
|
129
129
|
}]);
|
|
130
|
-
return CommandMenuButton;
|
|
131
130
|
}(React.PureComponent);
|
|
132
131
|
export default CommandMenuButton;
|
|
@@ -1,131 +1,131 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import cx from 'classnames';
|
|
4
|
-
import { EditorState } from 'prosemirror-state';
|
|
5
|
-
import { Transform } from 'prosemirror-transform';
|
|
6
|
-
import { EditorView } from 'prosemirror-view';
|
|
7
|
-
import * as React from 'react';
|
|
8
|
-
|
|
9
|
-
import CommandMenu from './CommandMenu.js';
|
|
10
|
-
import { CustomButton } from '@modusoperandi/licit-ui-commands';
|
|
11
|
-
import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
|
|
12
|
-
import { createPopUp } from '@modusoperandi/licit-ui-commands';
|
|
13
|
-
import uuid from './uuid.js';
|
|
14
|
-
|
|
15
|
-
import './czi-custom-menu-button.css';
|
|
16
|
-
|
|
17
|
-
class CommandMenuButton extends React.PureComponent<any, any> {
|
|
18
|
-
props: {
|
|
19
|
-
className?: ?string,
|
|
20
|
-
commandGroups: Array<{ [string]: UICommand }>,
|
|
21
|
-
disabled?: ?boolean,
|
|
22
|
-
dispatch: (tr: Transform) => void,
|
|
23
|
-
editorState: EditorState,
|
|
24
|
-
editorView: ?EditorView,
|
|
25
|
-
icon?: string | React.Element<any> | null,
|
|
26
|
-
label?: string | React.Element<any> | null,
|
|
27
|
-
title?: ?string,
|
|
28
|
-
parent?: ?React.Element<any>, // the parent command button
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
_menu = null;
|
|
32
|
-
_id = uuid();
|
|
33
|
-
|
|
34
|
-
state = {
|
|
35
|
-
expanded: false,
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
render(): React.Element<any> {
|
|
39
|
-
const {
|
|
40
|
-
className,
|
|
41
|
-
label,
|
|
42
|
-
commandGroups,
|
|
43
|
-
editorState,
|
|
44
|
-
editorView,
|
|
45
|
-
icon,
|
|
46
|
-
disabled,
|
|
47
|
-
title,
|
|
48
|
-
} = this.props;
|
|
49
|
-
const enabled =
|
|
50
|
-
!disabled &&
|
|
51
|
-
commandGroups.some((group, ii) => {
|
|
52
|
-
return Object.keys(group).some((label) => {
|
|
53
|
-
const command = group[label];
|
|
54
|
-
let disabledVal = true;
|
|
55
|
-
try {
|
|
56
|
-
disabledVal =
|
|
57
|
-
!editorView || !command.isEnabled(editorState, editorView, label);
|
|
58
|
-
} catch (ex) {
|
|
59
|
-
disabledVal = false;
|
|
60
|
-
}
|
|
61
|
-
return !disabledVal;
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
|
|
65
|
-
const { expanded } = this.state;
|
|
66
|
-
const buttonClassName = cx(className, {
|
|
67
|
-
'czi-custom-menu-button': true,
|
|
68
|
-
expanded,
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
return (
|
|
72
|
-
<CustomButton
|
|
73
|
-
className={buttonClassName}
|
|
74
|
-
disabled={!enabled}
|
|
75
|
-
icon={icon}
|
|
76
|
-
id={this._id}
|
|
77
|
-
label={label}
|
|
78
|
-
onClick={this._onClick}
|
|
79
|
-
title={title}
|
|
80
|
-
/>
|
|
81
|
-
);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
componentWillUnmount(): void {
|
|
85
|
-
this._hideMenu();
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
_onClick = (): void => {
|
|
89
|
-
const expanded = !this.state.expanded;
|
|
90
|
-
this.setState({
|
|
91
|
-
expanded,
|
|
92
|
-
});
|
|
93
|
-
expanded ? this._showMenu() : this._hideMenu();
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
_hideMenu = (): void => {
|
|
97
|
-
const menu = this._menu;
|
|
98
|
-
this._menu = null;
|
|
99
|
-
menu && menu.close();
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
_showMenu = (): void => {
|
|
103
|
-
const menu = this._menu;
|
|
104
|
-
const menuProps = {
|
|
105
|
-
...this.props,
|
|
106
|
-
onCommand: this._onCommand,
|
|
107
|
-
};
|
|
108
|
-
if (menu) {
|
|
109
|
-
menu.update(menuProps);
|
|
110
|
-
} else {
|
|
111
|
-
this._menu = createPopUp(CommandMenu, menuProps, {
|
|
112
|
-
anchor: document.getElementById(this._id),
|
|
113
|
-
onClose: this._onClose,
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
_onCommand = (): void => {
|
|
119
|
-
this.setState({ expanded: false });
|
|
120
|
-
this._hideMenu();
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
_onClose = (): void => {
|
|
124
|
-
if (this._menu) {
|
|
125
|
-
this.setState({ expanded: false });
|
|
126
|
-
this._menu = null;
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
export default CommandMenuButton;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import cx from 'classnames';
|
|
4
|
+
import { EditorState } from 'prosemirror-state';
|
|
5
|
+
import { Transform } from 'prosemirror-transform';
|
|
6
|
+
import { EditorView } from 'prosemirror-view';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
import CommandMenu from './CommandMenu.js';
|
|
10
|
+
import { CustomButton } from '@modusoperandi/licit-ui-commands';
|
|
11
|
+
import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
|
|
12
|
+
import { createPopUp } from '@modusoperandi/licit-ui-commands';
|
|
13
|
+
import uuid from './uuid.js';
|
|
14
|
+
|
|
15
|
+
import './czi-custom-menu-button.css';
|
|
16
|
+
|
|
17
|
+
class CommandMenuButton extends React.PureComponent<any, any> {
|
|
18
|
+
props: {
|
|
19
|
+
className?: ?string,
|
|
20
|
+
commandGroups: Array<{ [string]: UICommand }>,
|
|
21
|
+
disabled?: ?boolean,
|
|
22
|
+
dispatch: (tr: Transform) => void,
|
|
23
|
+
editorState: EditorState,
|
|
24
|
+
editorView: ?EditorView,
|
|
25
|
+
icon?: string | React.Element<any> | null,
|
|
26
|
+
label?: string | React.Element<any> | null,
|
|
27
|
+
title?: ?string,
|
|
28
|
+
parent?: ?React.Element<any>, // the parent command button
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
_menu = null;
|
|
32
|
+
_id = uuid();
|
|
33
|
+
|
|
34
|
+
state = {
|
|
35
|
+
expanded: false,
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
render(): React.Element<any> {
|
|
39
|
+
const {
|
|
40
|
+
className,
|
|
41
|
+
label,
|
|
42
|
+
commandGroups,
|
|
43
|
+
editorState,
|
|
44
|
+
editorView,
|
|
45
|
+
icon,
|
|
46
|
+
disabled,
|
|
47
|
+
title,
|
|
48
|
+
} = this.props;
|
|
49
|
+
const enabled =
|
|
50
|
+
!disabled &&
|
|
51
|
+
commandGroups.some((group, ii) => {
|
|
52
|
+
return Object.keys(group).some((label) => {
|
|
53
|
+
const command = group[label];
|
|
54
|
+
let disabledVal = true;
|
|
55
|
+
try {
|
|
56
|
+
disabledVal =
|
|
57
|
+
!editorView || !command.isEnabled(editorState, editorView, label);
|
|
58
|
+
} catch (ex) {
|
|
59
|
+
disabledVal = false;
|
|
60
|
+
}
|
|
61
|
+
return !disabledVal;
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
const { expanded } = this.state;
|
|
66
|
+
const buttonClassName = cx(className, {
|
|
67
|
+
'czi-custom-menu-button': true,
|
|
68
|
+
expanded,
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
return (
|
|
72
|
+
<CustomButton
|
|
73
|
+
className={buttonClassName}
|
|
74
|
+
disabled={!enabled}
|
|
75
|
+
icon={icon}
|
|
76
|
+
id={this._id}
|
|
77
|
+
label={label}
|
|
78
|
+
onClick={this._onClick}
|
|
79
|
+
title={title}
|
|
80
|
+
/>
|
|
81
|
+
);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
componentWillUnmount(): void {
|
|
85
|
+
this._hideMenu();
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
_onClick = (): void => {
|
|
89
|
+
const expanded = !this.state.expanded;
|
|
90
|
+
this.setState({
|
|
91
|
+
expanded,
|
|
92
|
+
});
|
|
93
|
+
expanded ? this._showMenu() : this._hideMenu();
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
_hideMenu = (): void => {
|
|
97
|
+
const menu = this._menu;
|
|
98
|
+
this._menu = null;
|
|
99
|
+
menu && menu.close();
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
_showMenu = (): void => {
|
|
103
|
+
const menu = this._menu;
|
|
104
|
+
const menuProps = {
|
|
105
|
+
...this.props,
|
|
106
|
+
onCommand: this._onCommand,
|
|
107
|
+
};
|
|
108
|
+
if (menu) {
|
|
109
|
+
menu.update(menuProps);
|
|
110
|
+
} else {
|
|
111
|
+
this._menu = createPopUp(CommandMenu, menuProps, {
|
|
112
|
+
anchor: document.getElementById(this._id),
|
|
113
|
+
onClose: this._onClose,
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
_onCommand = (): void => {
|
|
119
|
+
this.setState({ expanded: false });
|
|
120
|
+
this._hideMenu();
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
_onClose = (): void => {
|
|
124
|
+
if (this._menu) {
|
|
125
|
+
this.setState({ expanded: false });
|
|
126
|
+
this._menu = null;
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
export default CommandMenuButton;
|
package/ui/CustomEditorView.js
CHANGED
|
@@ -4,43 +4,42 @@ 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
8
7
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
8
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
9
|
function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
|
|
10
10
|
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
11
11
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
12
12
|
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); }
|
|
13
13
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
14
14
|
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; }
|
|
15
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
16
16
|
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); }
|
|
17
17
|
import { EditorView } from 'prosemirror-view';
|
|
18
18
|
import * as React from 'react';
|
|
19
19
|
// https://github.com/ProseMirror/prosemirror-view/blob/master/src/index.js
|
|
20
20
|
var CustomEditorView = /*#__PURE__*/function (_EditorView) {
|
|
21
|
-
_inherits(CustomEditorView, _EditorView);
|
|
22
21
|
function CustomEditorView(place, props) {
|
|
23
22
|
var _this;
|
|
24
23
|
_classCallCheck(this, CustomEditorView);
|
|
25
24
|
_this = _callSuper(this, CustomEditorView, [place, props]);
|
|
26
|
-
_defineProperty(
|
|
27
|
-
_defineProperty(
|
|
28
|
-
_defineProperty(
|
|
29
|
-
_defineProperty(
|
|
25
|
+
_defineProperty(_this, "disabled", void 0);
|
|
26
|
+
_defineProperty(_this, "placeholder", void 0);
|
|
27
|
+
_defineProperty(_this, "readOnly", void 0);
|
|
28
|
+
_defineProperty(_this, "runtime", void 0);
|
|
30
29
|
_this.runtime = null;
|
|
31
30
|
_this.readOnly = true;
|
|
32
31
|
_this.disabled = true;
|
|
33
32
|
_this.placeholder = null;
|
|
34
33
|
return _this;
|
|
35
34
|
}
|
|
36
|
-
|
|
35
|
+
_inherits(CustomEditorView, _EditorView);
|
|
36
|
+
return _createClass(CustomEditorView, [{
|
|
37
37
|
key: "destroy",
|
|
38
38
|
value: function destroy() {
|
|
39
39
|
_get(_getPrototypeOf(CustomEditorView.prototype), "destroy", this).call(this);
|
|
40
40
|
this._props = {};
|
|
41
41
|
}
|
|
42
42
|
}]);
|
|
43
|
-
return CustomEditorView;
|
|
44
43
|
}(EditorView);
|
|
45
44
|
export default CustomEditorView;
|
|
46
45
|
import { bpfrpt_proptype_DirectEditorProps } from "../Types.js";
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { EditorView } from 'prosemirror-view';
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
|
|
6
|
-
import type { DirectEditorProps, EditorRuntime } from '../Types.js';
|
|
7
|
-
|
|
8
|
-
// https://github.com/ProseMirror/prosemirror-view/blob/master/src/index.js
|
|
9
|
-
class CustomEditorView extends EditorView {
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
placeholder: ?(string | React.Element<any>);
|
|
12
|
-
readOnly: boolean;
|
|
13
|
-
runtime: ?EditorRuntime;
|
|
14
|
-
constructor(place: HTMLElement, props: DirectEditorProps) {
|
|
15
|
-
super(place, props);
|
|
16
|
-
this.runtime = null;
|
|
17
|
-
this.readOnly = true;
|
|
18
|
-
this.disabled = true;
|
|
19
|
-
this.placeholder = null;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
destroy() {
|
|
23
|
-
super.destroy();
|
|
24
|
-
this._props = {};
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export default CustomEditorView;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { EditorView } from 'prosemirror-view';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
|
|
6
|
+
import type { DirectEditorProps, EditorRuntime } from '../Types.js';
|
|
7
|
+
|
|
8
|
+
// https://github.com/ProseMirror/prosemirror-view/blob/master/src/index.js
|
|
9
|
+
class CustomEditorView extends EditorView {
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
placeholder: ?(string | React.Element<any>);
|
|
12
|
+
readOnly: boolean;
|
|
13
|
+
runtime: ?EditorRuntime;
|
|
14
|
+
constructor(place: HTMLElement, props: DirectEditorProps) {
|
|
15
|
+
super(place, props);
|
|
16
|
+
this.runtime = null;
|
|
17
|
+
this.readOnly = true;
|
|
18
|
+
this.disabled = true;
|
|
19
|
+
this.placeholder = null;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
destroy() {
|
|
23
|
+
super.destroy();
|
|
24
|
+
this._props = {};
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export default CustomEditorView;
|
package/ui/CustomMenu.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); }
|
|
@@ -15,12 +15,12 @@ import * as React from 'react';
|
|
|
15
15
|
import './czi-custom-menu.css';
|
|
16
16
|
import './czi-custom-scrollbar.css';
|
|
17
17
|
var CustomMenu = /*#__PURE__*/function (_React$Component) {
|
|
18
|
-
_inherits(CustomMenu, _React$Component);
|
|
19
18
|
function CustomMenu() {
|
|
20
19
|
_classCallCheck(this, CustomMenu);
|
|
21
20
|
return _callSuper(this, CustomMenu, arguments);
|
|
22
21
|
}
|
|
23
|
-
|
|
22
|
+
_inherits(CustomMenu, _React$Component);
|
|
23
|
+
return _createClass(CustomMenu, [{
|
|
24
24
|
key: "render",
|
|
25
25
|
value: function render() {
|
|
26
26
|
var children = this.props.children;
|
|
@@ -29,6 +29,5 @@ var CustomMenu = /*#__PURE__*/function (_React$Component) {
|
|
|
29
29
|
}, children);
|
|
30
30
|
}
|
|
31
31
|
}]);
|
|
32
|
-
return CustomMenu;
|
|
33
32
|
}(React.Component);
|
|
34
33
|
export default CustomMenu;
|
package/ui/CustomMenu.js.flow
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
|
|
5
|
-
import './czi-custom-menu.css';
|
|
6
|
-
import './czi-custom-scrollbar.css';
|
|
7
|
-
|
|
8
|
-
class CustomMenu extends React.Component<any, any> {
|
|
9
|
-
render(): React.Element<any> {
|
|
10
|
-
const { children } = this.props;
|
|
11
|
-
return (
|
|
12
|
-
<div className="czi-custom-menu czi-custom-scrollbar">{children}</div>
|
|
13
|
-
);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export default CustomMenu;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
|
|
5
|
+
import './czi-custom-menu.css';
|
|
6
|
+
import './czi-custom-scrollbar.css';
|
|
7
|
+
|
|
8
|
+
class CustomMenu extends React.Component<any, any> {
|
|
9
|
+
render(): React.Element<any> {
|
|
10
|
+
const { children } = this.props;
|
|
11
|
+
return (
|
|
12
|
+
<div className="czi-custom-menu czi-custom-scrollbar">{children}</div>
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export default CustomMenu;
|
package/ui/CustomMenuItem.js
CHANGED
|
@@ -4,7 +4,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
4
4
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
5
5
|
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); } }
|
|
6
6
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
7
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i :
|
|
7
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
8
8
|
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); }
|
|
9
9
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
10
10
|
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); }
|
|
@@ -17,12 +17,12 @@ import './czi-custom-menu-item.css';
|
|
|
17
17
|
import { CustomButton } from '@modusoperandi/licit-ui-commands';
|
|
18
18
|
import * as React from 'react';
|
|
19
19
|
var CustomMenuItemSeparator = /*#__PURE__*/function (_React$PureComponent) {
|
|
20
|
-
_inherits(CustomMenuItemSeparator, _React$PureComponent);
|
|
21
20
|
function CustomMenuItemSeparator() {
|
|
22
21
|
_classCallCheck(this, CustomMenuItemSeparator);
|
|
23
22
|
return _callSuper(this, CustomMenuItemSeparator, arguments);
|
|
24
23
|
}
|
|
25
|
-
|
|
24
|
+
_inherits(CustomMenuItemSeparator, _React$PureComponent);
|
|
25
|
+
return _createClass(CustomMenuItemSeparator, [{
|
|
26
26
|
key: "render",
|
|
27
27
|
value: function render() {
|
|
28
28
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -30,10 +30,8 @@ var CustomMenuItemSeparator = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
}]);
|
|
33
|
-
return CustomMenuItemSeparator;
|
|
34
33
|
}(React.PureComponent);
|
|
35
34
|
var CustomMenuItem = /*#__PURE__*/function (_React$PureComponent2) {
|
|
36
|
-
_inherits(CustomMenuItem, _React$PureComponent2);
|
|
37
35
|
function CustomMenuItem() {
|
|
38
36
|
var _this;
|
|
39
37
|
_classCallCheck(this, CustomMenuItem);
|
|
@@ -41,10 +39,11 @@ var CustomMenuItem = /*#__PURE__*/function (_React$PureComponent2) {
|
|
|
41
39
|
args[_key] = arguments[_key];
|
|
42
40
|
}
|
|
43
41
|
_this = _callSuper(this, CustomMenuItem, [].concat(args));
|
|
44
|
-
_defineProperty(
|
|
42
|
+
_defineProperty(_this, "props", void 0);
|
|
45
43
|
return _this;
|
|
46
44
|
}
|
|
47
|
-
|
|
45
|
+
_inherits(CustomMenuItem, _React$PureComponent2);
|
|
46
|
+
return _createClass(CustomMenuItem, [{
|
|
48
47
|
key: "render",
|
|
49
48
|
value: function render() {
|
|
50
49
|
// [FS] IRAD-1044 2020-09-22
|
|
@@ -59,7 +58,6 @@ var CustomMenuItem = /*#__PURE__*/function (_React$PureComponent2) {
|
|
|
59
58
|
}));
|
|
60
59
|
}
|
|
61
60
|
}]);
|
|
62
|
-
return CustomMenuItem;
|
|
63
61
|
}(React.PureComponent);
|
|
64
62
|
_defineProperty(CustomMenuItem, "Separator", CustomMenuItemSeparator);
|
|
65
63
|
export default CustomMenuItem;
|