@pie-lib/editable-html-tip-tap 1.0.20 → 1.0.21-next.6053
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/CHANGELOG.md +7 -73
- package/LICENSE.md +5 -0
- package/NEXT.CHANGELOG.json +1 -0
- package/lib/components/CharacterPicker.js +20 -60
- package/lib/components/CharacterPicker.js.map +1 -1
- package/lib/components/EditableHtml.js +50 -121
- package/lib/components/EditableHtml.js.map +1 -1
- package/lib/components/MenuBar.js +96 -128
- package/lib/components/MenuBar.js.map +1 -1
- package/lib/components/TiptapContainer.js +162 -45
- package/lib/components/TiptapContainer.js.map +1 -1
- package/lib/components/characters/characterUtils.js +4 -7
- package/lib/components/characters/characterUtils.js.map +1 -1
- package/lib/components/characters/custom-popper.js +22 -51
- package/lib/components/characters/custom-popper.js.map +1 -1
- package/lib/components/common/done-button.js +17 -36
- package/lib/components/common/done-button.js.map +1 -1
- package/lib/components/common/toolbar-buttons.js +57 -107
- package/lib/components/common/toolbar-buttons.js.map +1 -1
- package/lib/components/icons/CssIcon.js +14 -26
- package/lib/components/icons/CssIcon.js.map +1 -1
- package/lib/components/icons/RespArea.js +23 -46
- package/lib/components/icons/RespArea.js.map +1 -1
- package/lib/components/icons/TableIcons.js +20 -36
- package/lib/components/icons/TableIcons.js.map +1 -1
- package/lib/components/icons/TextAlign.js +16 -53
- package/lib/components/icons/TextAlign.js.map +1 -1
- package/lib/components/image/AltDialog.js +18 -49
- package/lib/components/image/AltDialog.js.map +1 -1
- package/lib/components/image/ImageToolbar.js +50 -90
- package/lib/components/image/ImageToolbar.js.map +1 -1
- package/lib/components/image/InsertImageHandler.js +17 -35
- package/lib/components/image/InsertImageHandler.js.map +1 -1
- package/lib/components/media/MediaDialog.js +195 -309
- package/lib/components/media/MediaDialog.js.map +1 -1
- package/lib/components/media/MediaToolbar.js +39 -66
- package/lib/components/media/MediaToolbar.js.map +1 -1
- package/lib/components/media/MediaWrapper.js +30 -56
- package/lib/components/media/MediaWrapper.js.map +1 -1
- package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js +21 -36
- package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js.map +1 -1
- package/lib/components/respArea/DragInTheBlank/choice.js +215 -262
- package/lib/components/respArea/DragInTheBlank/choice.js.map +1 -1
- package/lib/components/respArea/ExplicitConstructedResponse.js +11 -33
- package/lib/components/respArea/ExplicitConstructedResponse.js.map +1 -1
- package/lib/components/respArea/InlineDropdown.js +19 -41
- package/lib/components/respArea/InlineDropdown.js.map +1 -1
- package/lib/components/respArea/ToolbarIcon.js +21 -45
- package/lib/components/respArea/ToolbarIcon.js.map +1 -1
- package/lib/constants.js +3 -5
- package/lib/constants.js.map +1 -1
- package/lib/extensions/component.js +94 -148
- package/lib/extensions/component.js.map +1 -1
- package/lib/extensions/css.js +9 -44
- package/lib/extensions/css.js.map +1 -1
- package/lib/extensions/custom-toolbar-wrapper.js +66 -94
- package/lib/extensions/custom-toolbar-wrapper.js.map +1 -1
- package/lib/extensions/extended-table.js +2 -6
- package/lib/extensions/extended-table.js.map +1 -1
- package/lib/extensions/image.js +4 -17
- package/lib/extensions/image.js.map +1 -1
- package/lib/extensions/index.js +11 -21
- package/lib/extensions/index.js.map +1 -1
- package/lib/extensions/math.js +45 -96
- package/lib/extensions/math.js.map +1 -1
- package/lib/extensions/media.js +21 -59
- package/lib/extensions/media.js.map +1 -1
- package/lib/extensions/responseArea.js +43 -89
- package/lib/extensions/responseArea.js.map +1 -1
- package/lib/index.js +3 -11
- package/lib/index.js.map +1 -1
- package/lib/styles/editorContainerStyles.js +2 -7
- package/lib/styles/editorContainerStyles.js.map +1 -1
- package/lib/theme.js +2 -3
- package/lib/theme.js.map +1 -1
- package/lib/utils/size.js +2 -10
- package/lib/utils/size.js.map +1 -1
- package/package.json +15 -13
- package/src/components/EditableHtml.jsx +21 -33
- package/src/components/MenuBar.jsx +66 -37
- package/src/components/TiptapContainer.jsx +133 -34
- package/src/components/characters/custom-popper.js +18 -28
- package/src/components/common/done-button.jsx +15 -26
- package/src/components/common/toolbar-buttons.jsx +28 -44
- package/src/components/icons/CssIcon.jsx +11 -13
- package/src/components/icons/RespArea.jsx +16 -16
- package/src/components/icons/TableIcons.jsx +15 -16
- package/src/components/icons/TextAlign.jsx +3 -3
- package/src/components/image/AltDialog.jsx +6 -6
- package/src/components/image/ImageToolbar.jsx +28 -29
- package/src/components/media/MediaDialog.js +61 -78
- package/src/components/media/MediaToolbar.jsx +30 -37
- package/src/components/media/MediaWrapper.jsx +12 -16
- package/src/components/respArea/DragInTheBlank/DragInTheBlank.jsx +5 -4
- package/src/components/respArea/DragInTheBlank/choice.jsx +191 -185
- package/src/components/respArea/ToolbarIcon.jsx +13 -15
- package/src/extensions/component.jsx +61 -89
- package/src/extensions/css.js +6 -5
- package/src/extensions/custom-toolbar-wrapper.jsx +61 -81
- package/lib/__tests__/utils.js +0 -106
- package/src/__tests__/utils.js +0 -36
|
@@ -1,57 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
12
|
var _react2 = require("@tiptap/react");
|
|
19
|
-
|
|
20
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
-
|
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
26
15
|
var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
|
|
27
16
|
var editor = props.editor,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
17
|
+
node = props.node,
|
|
18
|
+
getPos = props.getPos,
|
|
19
|
+
options = props.options,
|
|
20
|
+
selected = props.selected;
|
|
32
21
|
var attributes = node.attrs;
|
|
33
22
|
var value = attributes.value;
|
|
34
23
|
var respAreaToolbar = options.respAreaToolbar,
|
|
35
|
-
|
|
24
|
+
errorFn = options.error;
|
|
36
25
|
var pos = getPos();
|
|
37
|
-
|
|
38
26
|
var _useState = (0, _react.useState)(false),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
27
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
28
|
+
showToolbar = _useState2[0],
|
|
29
|
+
setShowToolbar = _useState2[1];
|
|
43
30
|
var EcrToolbar = respAreaToolbar(node, editor, function () {});
|
|
44
31
|
var toolbarRef = (0, _react.useRef)(null);
|
|
45
32
|
var error;
|
|
46
|
-
|
|
47
33
|
if (errorFn) {
|
|
48
34
|
var _errorValue$respIndex;
|
|
49
|
-
|
|
50
35
|
var errorValue = errorFn();
|
|
51
36
|
var respIndex = parseInt(attributes.index, 10);
|
|
52
37
|
error = !!(errorValue !== null && errorValue !== void 0 && (_errorValue$respIndex = errorValue[respIndex]) !== null && _errorValue$respIndex !== void 0 && _errorValue$respIndex[0]);
|
|
53
38
|
}
|
|
54
|
-
|
|
55
39
|
var handleDone = function handleDone(newLatex) {
|
|
56
40
|
updateAttributes({
|
|
57
41
|
latex: newLatex
|
|
@@ -59,11 +43,9 @@ var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
|
|
|
59
43
|
setShowToolbar(false);
|
|
60
44
|
editor.commands.focus();
|
|
61
45
|
};
|
|
62
|
-
|
|
63
46
|
(0, _react.useEffect)(function () {
|
|
64
47
|
var selection = editor.state.selection;
|
|
65
48
|
var onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;
|
|
66
|
-
|
|
67
49
|
if (selected) {
|
|
68
50
|
if (onlyThisNodeSelected) {
|
|
69
51
|
setShowToolbar(selected);
|
|
@@ -78,13 +60,11 @@ var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
|
|
|
78
60
|
setShowToolbar(false);
|
|
79
61
|
}
|
|
80
62
|
};
|
|
81
|
-
|
|
82
63
|
if (showToolbar) {
|
|
83
64
|
document.addEventListener('mousedown', handleClickOutside);
|
|
84
65
|
} else {
|
|
85
66
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
86
67
|
}
|
|
87
|
-
|
|
88
68
|
return function () {
|
|
89
69
|
return document.removeEventListener('mousedown', handleClickOutside);
|
|
90
70
|
};
|
|
@@ -128,13 +108,11 @@ var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
|
|
|
128
108
|
}
|
|
129
109
|
}, /*#__PURE__*/_react["default"].createElement(EcrToolbar, null)));
|
|
130
110
|
};
|
|
131
|
-
|
|
132
111
|
ExplicitConstructedResponse.propTypes = {
|
|
133
112
|
attributes: _propTypes["default"].object,
|
|
134
113
|
error: _propTypes["default"].any,
|
|
135
114
|
value: _propTypes["default"].string,
|
|
136
115
|
isFocused: _propTypes["default"].bool
|
|
137
116
|
};
|
|
138
|
-
var _default = ExplicitConstructedResponse;
|
|
139
|
-
|
|
140
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3Jlc3BBcmVhL0V4cGxpY2l0Q29uc3RydWN0ZWRSZXNwb25zZS5qc3giXSwibmFtZXMiOlsiRXhwbGljaXRDb25zdHJ1Y3RlZFJlc3BvbnNlIiwicHJvcHMiLCJlZGl0b3IiLCJub2RlIiwiZ2V0UG9zIiwib3B0aW9ucyIsInNlbGVjdGVkIiwiYXR0cmlidXRlcyIsImF0dHJzIiwidmFsdWUiLCJyZXNwQXJlYVRvb2xiYXIiLCJlcnJvckZuIiwiZXJyb3IiLCJwb3MiLCJzaG93VG9vbGJhciIsInNldFNob3dUb29sYmFyIiwiRWNyVG9vbGJhciIsInRvb2xiYXJSZWYiLCJlcnJvclZhbHVlIiwicmVzcEluZGV4IiwicGFyc2VJbnQiLCJpbmRleCIsImhhbmRsZURvbmUiLCJuZXdMYXRleCIsInVwZGF0ZUF0dHJpYnV0ZXMiLCJsYXRleCIsImNvbW1hbmRzIiwiZm9jdXMiLCJzZWxlY3Rpb24iLCJzdGF0ZSIsIm9ubHlUaGlzTm9kZVNlbGVjdGVkIiwiZnJvbSIsIm5vZGVTaXplIiwidG8iLCJoYW5kbGVDbGlja091dHNpZGUiLCJldmVudCIsImN1cnJlbnQiLCJjb250YWlucyIsInRhcmdldCIsImNsb3Nlc3QiLCJkb2N1bWVudCIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiZGlzcGxheSIsIm1pbkhlaWdodCIsInBvc2l0aW9uIiwiY3Vyc29yIiwid2lkdGgiLCJoZWlnaHQiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXIiLCJib3hTaXppbmciLCJib3JkZXJSYWRpdXMiLCJvdmVyZmxvdyIsInBhZGRpbmciLCJtYXJnaW4iLCJtaW5XaWR0aCIsInZpc2liaWxpdHkiLCJfX2h0bWwiLCJ6SW5kZXgiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJhbnkiLCJzdHJpbmciLCJpc0ZvY3VzZWQiLCJib29sIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7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TUMsY0FBYyxDQUFDLElBQUQsQ0FBcEI7QUFBQSxLQWpCWDtBQWtCRSxJQUFBLHVCQUF1QixFQUFFO0FBQ3ZCMkMsTUFBQUEsTUFBTSxFQUFFakQsS0FBSyxJQUFJO0FBRE07QUFsQjNCLEtBVkYsRUFnQ0dLLFdBQVcsaUJBQ1Y7QUFBSyxJQUFBLEdBQUcsRUFBRUcsVUFBVjtBQUFzQixJQUFBLFNBQVMsRUFBQyw4Q0FBaEM7QUFBK0UsSUFBQSxLQUFLLEVBQUU7QUFBRTBDLE1BQUFBLE1BQU0sRUFBRTtBQUFWO0FBQXRGLGtCQUNFLGdDQUFDLFVBQUQsT0FERixDQWpDSixDQURGO0FBd0NELENBbEdEOztBQW9HQTNELDJCQUEyQixDQUFDNEQsU0FBNUIsR0FBd0M7QUFDdENyRCxFQUFBQSxVQUFVLEVBQUVzRCxzQkFBVUMsTUFEZ0I7QUFFdENsRCxFQUFBQSxLQUFLLEVBQUVpRCxzQkFBVUUsR0FGcUI7QUFHdEN0RCxFQUFBQSxLQUFLLEVBQUVvRCxzQkFBVUcsTUFIcUI7QUFJdENDLEVBQUFBLFNBQVMsRUFBRUosc0JBQVVLO0FBSmlCLENBQXhDO2VBT2VsRSwyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBOb2RlVmlld1dyYXBwZXIgfSBmcm9tICdAdGlwdGFwL3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IEV4cGxpY2l0Q29uc3RydWN0ZWRSZXNwb25zZSA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGVkaXRvciwgbm9kZSwgZ2V0UG9zLCBvcHRpb25zLCBzZWxlY3RlZCB9ID0gcHJvcHM7XG4gIGNvbnN0IHsgYXR0cnM6IGF0dHJpYnV0ZXMgfSA9IG5vZGU7XG4gIGNvbnN0IHsgdmFsdWUgfSA9IGF0dHJpYnV0ZXM7XG4gIGNvbnN0IHsgcmVzcEFyZWFUb29sYmFyLCBlcnJvcjogZXJyb3JGbiB9ID0gb3B0aW9ucztcbiAgY29uc3QgcG9zID0gZ2V0UG9zKCk7XG4gIGNvbnN0IFtzaG93VG9vbGJhciwgc2V0U2hvd1Rvb2xiYXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBFY3JUb29sYmFyID0gcmVzcEFyZWFUb29sYmFyKG5vZGUsIGVkaXRvciwgKCkgPT4ge30pO1xuICBjb25zdCB0b29sYmFyUmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIGxldCBlcnJvcjtcblxuICBpZiAoZXJyb3JGbikge1xuICAgIGNvbnN0IGVycm9yVmFsdWUgPSBlcnJvckZuKCk7XG4gICAgY29uc3QgcmVzcEluZGV4ID0gcGFyc2VJbnQoYXR0cmlidXRlcy5pbmRleCwgMTApO1xuXG4gICAgZXJyb3IgPSAhIWVycm9yVmFsdWU/LltyZXNwSW5kZXhdPy5bMF07XG4gIH1cblxuICBjb25zdCBoYW5kbGVEb25lID0gKG5ld0xhdGV4KSA9PiB7XG4gICAgdXBkYXRlQXR0cmlidXRlcyh7IGxhdGV4OiBuZXdMYXRleCB9KTtcbiAgICBzZXRTaG93VG9vbGJhcihmYWxzZSk7XG4gICAgZWRpdG9yLmNvbW1hbmRzLmZvY3VzKCk7XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB7IHNlbGVjdGlvbiB9ID0gZWRpdG9yLnN0YXRlO1xuICAgIGNvbnN0IG9ubHlUaGlzTm9kZVNlbGVjdGVkID0gc2VsZWN0aW9uLmZyb20gKyBub2RlLm5vZGVTaXplID09PSBzZWxlY3Rpb24udG87XG5cbiAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgIGlmIChvbmx5VGhpc05vZGVTZWxlY3RlZCkge1xuICAgICAgICBzZXRTaG93VG9vbGJhcihzZWxlY3RlZCk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldFNob3dUb29sYmFyKHNlbGVjdGVkKTtcbiAgICB9XG4gIH0sIFtlZGl0b3IsIG5vZGUsIHNlbGVjdGVkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZXZlbnQpID0+IHtcbiAgICAgIGlmIChcbiAgICAgICAgdG9vbGJhclJlZi5jdXJyZW50ICYmXG4gICAgICAgICF0b29sYmFyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSAmJlxuICAgICAgICAhZXZlbnQudGFyZ2V0LmNsb3Nlc3QoJ1tkYXRhLWlubGluZS1ub2RlXScpXG4gICAgICApIHtcbiAgICAgICAgc2V0U2hvd1Rvb2xiYXIoZmFsc2UpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBpZiAoc2hvd1Rvb2xiYXIpIHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSk7XG4gIH0sIFtzaG93VG9vbGJhcl0pO1xuXG4gIHJldHVybiAoXG4gICAgPE5vZGVWaWV3V3JhcHBlclxuICAgICAgY2xhc3NOYW1lPVwiZHJhZy1pbi10aGUtYmxhbmtcIlxuICAgICAgZGF0YS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgICAgICBtaW5IZWlnaHQ6ICc1NXB4JyxcbiAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIHsuLi5hdHRyaWJ1dGVzfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICBtaW5IZWlnaHQ6ICc0NnB4JyxcbiAgICAgICAgICBoZWlnaHQ6ICc0NnB4JyxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjRkZGJyxcbiAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHtlcnJvciA/ICdyZWQnIDogJyNDMEMzQ0YnfWAsXG4gICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgcGFkZGluZzogJzEycHggMjFweCcsXG4gICAgICAgICAgbWFyZ2luOiAnMCA0cHgnLFxuICAgICAgICAgIG1pbldpZHRoOiAnMTc4cHgnLFxuICAgICAgICAgIHZpc2liaWxpdHk6IHNob3dUb29sYmFyID8gJ2hpZGRlbicgOiAndmlzaWJsZScsXG4gICAgICAgIH19XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFNob3dUb29sYmFyKHRydWUpfVxuICAgICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17e1xuICAgICAgICAgIF9faHRtbDogdmFsdWUgfHwgJzxkaXY+Jm5ic3A7PC9kaXY+JyxcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgICB7c2hvd1Rvb2xiYXIgJiYgKFxuICAgICAgICA8ZGl2IHJlZj17dG9vbGJhclJlZn0gY2xhc3NOYW1lPVwiYWJzb2x1dGUgei01MCBiZy13aGl0ZSBzaGFkb3ctbGcgcm91bmRlZCBwLTJcIiBzdHlsZT17eyB6SW5kZXg6IDEgfX0+XG4gICAgICAgICAgPEVjclRvb2xiYXIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgIDwvTm9kZVZpZXdXcmFwcGVyPlxuICApO1xufTtcblxuRXhwbGljaXRDb25zdHJ1Y3RlZFJlc3BvbnNlLnByb3BUeXBlcyA9IHtcbiAgYXR0cmlidXRlczogUHJvcFR5cGVzLm9iamVjdCxcbiAgZXJyb3I6IFByb3BUeXBlcy5hbnksXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc0ZvY3VzZWQ6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRXhwbGljaXRDb25zdHJ1Y3RlZFJlc3BvbnNlO1xuIl19
|
|
117
|
+
var _default = exports["default"] = ExplicitConstructedResponse;
|
|
118
|
+
//# sourceMappingURL=ExplicitConstructedResponse.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ExplicitConstructedResponse.js","names":["_react","_interopRequireWildcard","require","_react2","_propTypes","_interopRequireDefault","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ExplicitConstructedResponse","props","editor","node","getPos","options","selected","attributes","attrs","value","respAreaToolbar","errorFn","error","pos","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","EcrToolbar","toolbarRef","useRef","_errorValue$respIndex","errorValue","respIndex","parseInt","index","handleDone","newLatex","updateAttributes","latex","commands","focus","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","handleClickOutside","event","current","contains","target","closest","document","addEventListener","removeEventListener","createElement","NodeViewWrapper","className","style","display","minHeight","position","cursor","_extends2","width","height","backgroundColor","border","concat","boxSizing","borderRadius","overflow","padding","margin","minWidth","visibility","onClick","dangerouslySetInnerHTML","__html","ref","zIndex","propTypes","PropTypes","object","any","string","isFocused","bool","_default","exports"],"sources":["../../../src/components/respArea/ExplicitConstructedResponse.jsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = (props) => {\n const { editor, node, getPos, options, selected } = props;\n const { attrs: attributes } = node;\n const { value } = attributes;\n const { respAreaToolbar, error: errorFn } = options;\n const pos = getPos();\n const [showToolbar, setShowToolbar] = useState(false);\n const EcrToolbar = respAreaToolbar(node, editor, () => {});\n const toolbarRef = useRef(null);\n\n let error;\n\n if (errorFn) {\n const errorValue = errorFn();\n const respIndex = parseInt(attributes.index, 10);\n\n error = !!errorValue?.[respIndex]?.[0];\n }\n\n const handleDone = (newLatex) => {\n updateAttributes({ latex: newLatex });\n setShowToolbar(false);\n editor.commands.focus();\n };\n\n useEffect(() => {\n const { selection } = editor.state;\n const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n if (selected) {\n if (onlyThisNodeSelected) {\n setShowToolbar(selected);\n }\n } else {\n setShowToolbar(selected);\n }\n }, [editor, node, selected]);\n\n useEffect(() => {\n const handleClickOutside = (event) => {\n if (\n toolbarRef.current &&\n !toolbarRef.current.contains(event.target) &&\n !event.target.closest('[data-inline-node]')\n ) {\n setShowToolbar(false);\n }\n };\n\n if (showToolbar) {\n document.addEventListener('mousedown', handleClickOutside);\n } else {\n document.removeEventListener('mousedown', handleClickOutside);\n }\n\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [showToolbar]);\n\n return (\n <NodeViewWrapper\n className=\"drag-in-the-blank\"\n data-selected={selected}\n style={{\n display: 'inline-flex',\n minHeight: '55px',\n position: 'relative',\n cursor: 'pointer',\n }}\n >\n <div\n {...attributes}\n style={{\n display: 'inline-flex',\n width: '100%',\n minHeight: '46px',\n height: '46px',\n backgroundColor: '#FFF',\n border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n boxSizing: 'border-box',\n borderRadius: '4px',\n overflow: 'hidden',\n padding: '12px 21px',\n margin: '0 4px',\n minWidth: '178px',\n visibility: showToolbar ? 'hidden' : 'visible',\n }}\n onClick={() => setShowToolbar(true)}\n dangerouslySetInnerHTML={{\n __html: value || '<div> </div>',\n }}\n />\n {showToolbar && (\n <div ref={toolbarRef} className=\"absolute z-50 bg-white shadow-lg rounded p-2\" style={{ zIndex: 1 }}>\n <EcrToolbar />\n </div>\n )}\n </NodeViewWrapper>\n );\n};\n\nExplicitConstructedResponse.propTypes = {\n attributes: PropTypes.object,\n error: PropTypes.any,\n value: PropTypes.string,\n isFocused: PropTypes.bool,\n};\n\nexport default ExplicitConstructedResponse;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,64 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
|
|
18
12
|
var _react2 = require("@tiptap/react");
|
|
19
|
-
|
|
20
13
|
var _RespArea = require("../icons/RespArea");
|
|
21
|
-
|
|
22
14
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
23
|
-
|
|
24
15
|
var _mathToolbar = require("@pie-lib/math-toolbar");
|
|
25
|
-
|
|
26
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
-
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
30
17
|
var InlineDropdown = function InlineDropdown(props) {
|
|
31
18
|
var editor = props.editor,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
19
|
+
node = props.node,
|
|
20
|
+
getPos = props.getPos,
|
|
21
|
+
options = props.options,
|
|
22
|
+
selected = props.selected;
|
|
36
23
|
var attributes = node.attrs;
|
|
37
24
|
var value = attributes.value,
|
|
38
|
-
|
|
25
|
+
error = attributes.error;
|
|
26
|
+
// TODO: Investigate
|
|
39
27
|
// Needed because items with values inside have different positioning for some reason
|
|
40
|
-
|
|
41
28
|
var html = value || '<div> </div>';
|
|
42
29
|
var toolbarRef = (0, _react.useRef)(null);
|
|
43
|
-
|
|
44
30
|
var _useState = (0, _react.useState)(false),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
31
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
32
|
+
showToolbar = _useState2[0],
|
|
33
|
+
setShowToolbar = _useState2[1];
|
|
49
34
|
var _useState3 = (0, _react.useState)({
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
35
|
+
top: 0,
|
|
36
|
+
left: 0
|
|
37
|
+
}),
|
|
38
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
39
|
+
position = _useState4[0],
|
|
40
|
+
setPosition = _useState4[1];
|
|
57
41
|
var InlineDropdownToolbar = options.respAreaToolbar(node, editor, function () {});
|
|
58
42
|
(0, _react.useEffect)(function () {
|
|
59
43
|
var selection = editor.state.selection;
|
|
60
44
|
var onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;
|
|
61
|
-
|
|
62
45
|
if (selected) {
|
|
63
46
|
if (onlyThisNodeSelected) {
|
|
64
47
|
setShowToolbar(selected);
|
|
@@ -77,19 +60,16 @@ var InlineDropdown = function InlineDropdown(props) {
|
|
|
77
60
|
// shift above
|
|
78
61
|
left: start.left
|
|
79
62
|
});
|
|
80
|
-
|
|
81
63
|
var handleClickOutside = function handleClickOutside(event) {
|
|
82
64
|
if (toolbarRef.current && !toolbarRef.current.contains(event.target) && !event.target.closest('[data-inline-node]')) {
|
|
83
65
|
setShowToolbar(false);
|
|
84
66
|
}
|
|
85
67
|
};
|
|
86
|
-
|
|
87
68
|
if (showToolbar) {
|
|
88
69
|
document.addEventListener('mousedown', handleClickOutside);
|
|
89
70
|
} else {
|
|
90
71
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
91
72
|
}
|
|
92
|
-
|
|
93
73
|
return function () {
|
|
94
74
|
return document.removeEventListener('mousedown', handleClickOutside);
|
|
95
75
|
};
|
|
@@ -142,18 +122,16 @@ var InlineDropdown = function InlineDropdown(props) {
|
|
|
142
122
|
top: '5px',
|
|
143
123
|
right: '5px'
|
|
144
124
|
}
|
|
145
|
-
})), showToolbar && /*#__PURE__*/_reactDom["default"].createPortal(
|
|
125
|
+
})), showToolbar && /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement("div", {
|
|
146
126
|
ref: toolbarRef,
|
|
147
127
|
style: {
|
|
148
128
|
zIndex: 1
|
|
149
129
|
}
|
|
150
130
|
}, /*#__PURE__*/_react["default"].createElement(InlineDropdownToolbar, null)), document.body));
|
|
151
131
|
};
|
|
152
|
-
|
|
153
132
|
InlineDropdown.propTypes = {
|
|
154
133
|
attributes: _propTypes["default"].object,
|
|
155
134
|
selectedItem: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])
|
|
156
135
|
};
|
|
157
|
-
var _default = InlineDropdown;
|
|
158
|
-
|
|
159
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3Jlc3BBcmVhL0lubGluZURyb3Bkb3duLmpzeCJdLCJuYW1lcyI6WyJJbmxpbmVEcm9wZG93biIsInByb3BzIiwiZWRpdG9yIiwibm9kZSIsImdldFBvcyIsIm9wdGlvbnMiLCJzZWxlY3RlZCIsImF0dHJpYnV0ZXMiLCJhdHRycyIsInZhbHVlIiwiZXJyb3IiLCJodG1sIiwidG9vbGJhclJlZiIsInNob3dUb29sYmFyIiwic2V0U2hvd1Rvb2xiYXIiLCJ0b3AiLCJsZWZ0IiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsIklubGluZURyb3Bkb3duVG9vbGJhciIsInJlc3BBcmVhVG9vbGJhciIsInNlbGVjdGlvbiIsInN0YXRlIiwib25seVRoaXNOb2RlU2VsZWN0ZWQiLCJmcm9tIiwibm9kZVNpemUiLCJ0byIsImJvZHlSZWN0IiwiZG9jdW1lbnQiLCJib2R5IiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0Iiwic3RhcnQiLCJ2aWV3IiwiY29vcmRzQXRQb3MiLCJNYXRoIiwiYWJzIiwiaGFuZGxlQ2xpY2tPdXRzaWRlIiwiZXZlbnQiLCJjdXJyZW50IiwiY29udGFpbnMiLCJ0YXJnZXQiLCJjbG9zZXN0IiwiYWRkRXZlbnRMaXN0ZW5lciIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJkaXNwbGF5IiwiaGVpZ2h0IiwibWFyZ2luIiwiY3Vyc29yIiwibWluV2lkdGgiLCJiYWNrZ3JvdW5kIiwiYm9yZGVyIiwiYm94U2l6aW5nIiwiYm9yZGVyUmFkaXVzIiwiYWxpZ25JdGVtcyIsImZsZXgiLCJvdmVyZmxvdyIsInBhZGRpbmciLCJ3aGl0ZVNwYWNlIiwidGV4dE92ZXJmbG93IiwidmVydGljYWxBbGlnbiIsIl9faHRtbCIsInJpZ2h0IiwiUmVhY3RET00iLCJjcmVhdGVQb3J0YWwiLCJ6SW5kZXgiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJzZWxlY3RlZEl0ZW0iLCJvbmVPZlR5cGUiLCJzdHJpbmci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fSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBOb2RlVmlld1dyYXBwZXIgfSBmcm9tICdAdGlwdGFwL3JlYWN0JztcbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi9pY29ucy9SZXNwQXJlYSc7XG5pbXBvcnQgUmVhY3RET00gZnJvbSBcInJlYWN0LWRvbVwiO1xuaW1wb3J0IHsgTWF0aFRvb2xiYXIgfSBmcm9tIFwiQHBpZS1saWIvbWF0aC10b29sYmFyXCI7XG5cbmNvbnN0IElubGluZURyb3Bkb3duID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZWRpdG9yLCBub2RlLCBnZXRQb3MsIG9wdGlvbnMsIHNlbGVjdGVkIH0gPSBwcm9wcztcbiAgY29uc3QgeyBhdHRyczogYXR0cmlidXRlcyB9ID0gbm9kZTtcbiAgY29uc3QgeyB2YWx1ZSwgZXJyb3IgfSA9IGF0dHJpYnV0ZXM7XG4gIC8vIFRPRE86IEludmVzdGlnYXRlXG4gIC8vIE5lZWRlZCBiZWNhdXNlIGl0ZW1zIHdpdGggdmFsdWVzIGluc2lkZSBoYXZlIGRpZmZlcmVudCBwb3NpdGlvbmluZyBmb3Igc29tZSByZWFzb25cbiAgY29uc3QgaHRtbCA9IHZhbHVlIHx8ICc8ZGl2PiZuYnNwPC9kaXY+JztcbiAgY29uc3QgdG9vbGJhclJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgW3Nob3dUb29sYmFyLCBzZXRTaG93VG9vbGJhcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtwb3NpdGlvbiwgc2V0UG9zaXRpb25dID0gdXNlU3RhdGUoeyB0b3A6IDAsIGxlZnQ6IDAgfSk7XG4gIGNvbnN0IElubGluZURyb3Bkb3duVG9vbGJhciA9IG9wdGlvbnMucmVzcEFyZWFUb29sYmFyKG5vZGUsIGVkaXRvciwgKCkgPT4ge30pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgeyBzZWxlY3Rpb24gfSA9IGVkaXRvci5zdGF0ZTtcbiAgICBjb25zdCBvbmx5VGhpc05vZGVTZWxlY3RlZCA9IHNlbGVjdGlvbi5mcm9tICsgbm9kZS5ub2RlU2l6ZSA9PT0gc2VsZWN0aW9uLnRvO1xuXG4gICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICBpZiAob25seVRoaXNOb2RlU2VsZWN0ZWQpIHtcbiAgICAgICAgc2V0U2hvd1Rvb2xiYXIoc2VsZWN0ZWQpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBzZXRTaG93VG9vbGJhcihzZWxlY3RlZCk7XG4gICAgfVxuICB9LCBbZWRpdG9yLCBub2RlLCBzZWxlY3RlZF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2FsY3VsYXRlIHBvc2l0aW9uIHJlbGF0aXZlIHRvIHNlbGVjdGlvblxuICAgIGNvbnN0IGJvZHlSZWN0ID0gZG9jdW1lbnQuYm9keS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCB7IGZyb20gfSA9IGVkaXRvci5zdGF0ZS5zZWxlY3Rpb247XG4gICAgY29uc3Qgc3RhcnQgPSBlZGl0b3Iudmlldy5jb29yZHNBdFBvcyhmcm9tKTtcblxuICAgIHNldFBvc2l0aW9uKHtcbiAgICAgIHRvcDogc3RhcnQudG9wICsgTWF0aC5hYnMoYm9keVJlY3QudG9wKSArIDQwLCAvLyBzaGlmdCBhYm92ZVxuICAgICAgbGVmdDogc3RhcnQubGVmdCxcbiAgICB9KTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChldmVudCkgPT4ge1xuICAgICAgaWYgKFxuICAgICAgICB0b29sYmFyUmVmLmN1cnJlbnQgJiZcbiAgICAgICAgIXRvb2xiYXJSZWYuY3VycmVudC5jb250YWlucyhldmVudC50YXJnZXQpICYmXG4gICAgICAgICFldmVudC50YXJnZXQuY2xvc2VzdCgnW2RhdGEtaW5saW5lLW5vZGVdJylcbiAgICAgICkge1xuICAgICAgICBzZXRTaG93VG9vbGJhcihmYWxzZSk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIGlmIChzaG93VG9vbGJhcikge1xuICAgICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4gZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKTtcbiAgfSwgW3Nob3dUb29sYmFyXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Tm9kZVZpZXdXcmFwcGVyXG4gICAgICBjbGFzc05hbWU9XCJpbmxpbmUtZHJvcGRvd25cIlxuICAgICAgZGF0YS1zZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgICAgICBoZWlnaHQ6ICc1MHB4JyxcbiAgICAgICAgbWFyZ2luOiAnMCA1cHgnLFxuICAgICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gICAgICAgICAgbWluV2lkdGg6ICcxNzhweCcsXG4gICAgICAgICAgaGVpZ2h0OiAnMzZweCcsXG4gICAgICAgICAgYmFja2dyb3VuZDogJyNGRkYnLFxuICAgICAgICAgIGJvcmRlcjogJzFweCBzb2xpZCAjQzBDM0NGJyxcbiAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICBib3JkZXJSYWRpdXM6ICczcHgnLFxuICAgICAgICAgIG1hcmdpbjogJzAgNHB4JyxcbiAgICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgfX1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U2hvd1Rvb2xiYXIodHJ1ZSl9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgZmxleDogMSxcbiAgICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgICAgIHBhZGRpbmc6ICcwIDI1cHggMCA4cHgnLFxuICAgICAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgICAgICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcycsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3tcbiAgICAgICAgICAgICAgX19odG1sOiBodG1sLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPENoZXZyb25cbiAgICAgICAgICBkaXJlY3Rpb249XCJkb3duXCJcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB0b3A6ICc1cHgnLFxuICAgICAgICAgICAgcmlnaHQ6ICc1cHgnLFxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtzaG93VG9vbGJhciAmJlxuICAgICAgICBSZWFjdERPTS5jcmVhdGVQb3J0YWwoXG4gICAgICAgICAgPGRpdiByZWY9e3Rvb2xiYXJSZWZ9IHN0eWxlPXt7IHpJbmRleDogMSB9fT5cbiAgICAgICAgICAgIDxJbmxpbmVEcm9wZG93blRvb2xiYXIgLz5cbiAgICAgICAgICA8L2Rpdj4sXG4gICAgICAgICAgZG9jdW1lbnQuYm9keSxcbiAgICAgICAgKX1cbiAgICA8L05vZGVWaWV3V3JhcHBlcj5cbiAgKTtcbn07XG5cbklubGluZURyb3Bkb3duLnByb3BUeXBlcyA9IHtcbiAgYXR0cmlidXRlczogUHJvcFR5cGVzLm9iamVjdCxcbiAgc2VsZWN0ZWRJdGVtOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMub2JqZWN0XSksXG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbmxpbmVEcm9wZG93bjtcbiJdfQ==
|
|
136
|
+
var _default = exports["default"] = InlineDropdown;
|
|
137
|
+
//# sourceMappingURL=InlineDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"InlineDropdown.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_react2","_RespArea","_reactDom","_mathToolbar","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InlineDropdown","props","editor","node","getPos","options","selected","attributes","attrs","value","error","html","toolbarRef","useRef","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","_useState3","top","left","_useState4","position","setPosition","InlineDropdownToolbar","respAreaToolbar","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","bodyRect","document","body","getBoundingClientRect","start","view","coordsAtPos","Math","abs","handleClickOutside","event","current","contains","target","closest","addEventListener","removeEventListener","createElement","NodeViewWrapper","className","style","display","height","margin","cursor","minWidth","background","border","boxSizing","borderRadius","alignItems","onClick","flex","overflow","padding","whiteSpace","textOverflow","verticalAlign","dangerouslySetInnerHTML","__html","Chevron","direction","right","ReactDOM","createPortal","ref","zIndex","propTypes","PropTypes","object","selectedItem","oneOfType","string","_default","exports"],"sources":["../../../src/components/respArea/InlineDropdown.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from 'prop-types';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport { Chevron } from '../icons/RespArea';\nimport ReactDOM from \"react-dom\";\nimport { MathToolbar } from \"@pie-lib/math-toolbar\";\n\nconst InlineDropdown = (props) => {\n const { editor, node, getPos, options, selected } = props;\n const { attrs: attributes } = node;\n const { value, error } = attributes;\n // TODO: Investigate\n // Needed because items with values inside have different positioning for some reason\n const html = value || '<div> </div>';\n const toolbarRef = useRef(null);\n const [showToolbar, setShowToolbar] = useState(false);\n const [position, setPosition] = useState({ top: 0, left: 0 });\n const InlineDropdownToolbar = options.respAreaToolbar(node, editor, () => {});\n\n useEffect(() => {\n const { selection } = editor.state;\n const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n if (selected) {\n if (onlyThisNodeSelected) {\n setShowToolbar(selected);\n }\n } else {\n setShowToolbar(selected);\n }\n }, [editor, node, selected]);\n\n useEffect(() => {\n // Calculate position relative to selection\n const bodyRect = document.body.getBoundingClientRect();\n const { from } = editor.state.selection;\n const start = editor.view.coordsAtPos(from);\n\n setPosition({\n top: start.top + Math.abs(bodyRect.top) + 40, // shift above\n left: start.left,\n });\n\n const handleClickOutside = (event) => {\n if (\n toolbarRef.current &&\n !toolbarRef.current.contains(event.target) &&\n !event.target.closest('[data-inline-node]')\n ) {\n setShowToolbar(false);\n }\n };\n\n if (showToolbar) {\n document.addEventListener('mousedown', handleClickOutside);\n } else {\n document.removeEventListener('mousedown', handleClickOutside);\n }\n\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [showToolbar]);\n\n return (\n <NodeViewWrapper\n className=\"inline-dropdown\"\n data-selected={selected}\n style={{\n display: 'inline-flex',\n height: '50px',\n margin: '0 5px',\n cursor: 'pointer',\n }}\n >\n <div\n style={{\n display: 'inline-flex',\n minWidth: '178px',\n height: '36px',\n background: '#FFF',\n border: '1px solid #C0C3CF',\n boxSizing: 'border-box',\n borderRadius: '3px',\n margin: '0 4px',\n position: 'relative',\n alignItems: 'center',\n }}\n onClick={() => setShowToolbar(true)}\n >\n <div\n style={{\n flex: 1,\n overflow: 'hidden',\n padding: '0 25px 0 8px',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n }}\n >\n <span\n style={{\n display: 'inline-block',\n verticalAlign: 'middle',\n }}\n dangerouslySetInnerHTML={{\n __html: html,\n }}\n />\n </div>\n <Chevron\n direction=\"down\"\n style={{\n position: 'absolute',\n top: '5px',\n right: '5px',\n }}\n />\n </div>\n {showToolbar &&\n ReactDOM.createPortal(\n <div ref={toolbarRef} style={{ zIndex: 1 }}>\n <InlineDropdownToolbar />\n </div>,\n document.body,\n )}\n </NodeViewWrapper>\n );\n};\n\nInlineDropdown.propTypes = {\n attributes: PropTypes.object,\n selectedItem: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n};\n\nexport default InlineDropdown;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,42 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.ToolbarIcon = exports.GripIcon = exports.Chevron = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
-
|
|
20
|
-
var Chevron = function Chevron(props) {
|
|
10
|
+
var _styles = require("@mui/material/styles");
|
|
11
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
+
var Chevron = exports.Chevron = function Chevron(props) {
|
|
21
14
|
var direction = props.direction,
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
style = props.style;
|
|
24
16
|
var rotate = function () {
|
|
25
17
|
switch (direction) {
|
|
26
18
|
case 'down':
|
|
27
19
|
return 90;
|
|
28
|
-
|
|
29
20
|
case 'up':
|
|
30
21
|
return -90;
|
|
31
|
-
|
|
32
22
|
case 'left':
|
|
33
23
|
return 180;
|
|
34
|
-
|
|
35
24
|
default:
|
|
36
25
|
return 0;
|
|
37
26
|
}
|
|
38
27
|
}();
|
|
39
|
-
|
|
40
28
|
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
41
29
|
style: _objectSpread({
|
|
42
30
|
transform: "rotate(".concat(rotate, "deg)")
|
|
@@ -50,10 +38,7 @@ var Chevron = function Chevron(props) {
|
|
|
50
38
|
fill: "currentColor"
|
|
51
39
|
}));
|
|
52
40
|
};
|
|
53
|
-
|
|
54
|
-
exports.Chevron = Chevron;
|
|
55
|
-
|
|
56
|
-
var GripIcon = function GripIcon(_ref) {
|
|
41
|
+
var GripIcon = exports.GripIcon = function GripIcon(_ref) {
|
|
57
42
|
var style = _ref.style;
|
|
58
43
|
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
59
44
|
style: style
|
|
@@ -76,30 +61,21 @@ var GripIcon = function GripIcon(_ref) {
|
|
|
76
61
|
d: "M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z"
|
|
77
62
|
})));
|
|
78
63
|
};
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
var styles = function styles(theme) {
|
|
64
|
+
var StyledToolbarIcon = (0, _styles.styled)('div')(function (_ref2) {
|
|
65
|
+
var theme = _ref2.theme;
|
|
83
66
|
return {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
whiteSpace: 'nowrap'
|
|
94
|
-
}
|
|
67
|
+
fontFamily: 'Cerebri Sans !important',
|
|
68
|
+
fontSize: theme.typography.fontSize,
|
|
69
|
+
fontWeight: 'bold',
|
|
70
|
+
lineHeight: '14px',
|
|
71
|
+
position: 'relative',
|
|
72
|
+
top: '7px',
|
|
73
|
+
width: '110px',
|
|
74
|
+
height: '28px',
|
|
75
|
+
whiteSpace: 'nowrap'
|
|
95
76
|
};
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
var ToolbarIcon = (0, _styles.withStyles)(styles)(function (_ref2) {
|
|
99
|
-
var classes = _ref2.classes;
|
|
100
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
101
|
-
className: classes.icon
|
|
102
|
-
}, "+ Response Area");
|
|
103
77
|
});
|
|
104
|
-
exports.ToolbarIcon = ToolbarIcon
|
|
105
|
-
|
|
78
|
+
var ToolbarIcon = exports.ToolbarIcon = function ToolbarIcon() {
|
|
79
|
+
return /*#__PURE__*/_react["default"].createElement(StyledToolbarIcon, null, "+ Response Area");
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=ToolbarIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ToolbarIcon.js","names":["_react","_interopRequireDefault","require","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Chevron","exports","props","direction","style","rotate","createElement","transform","concat","width","height","viewBox","xmlns","d","fill","GripIcon","_ref","margin","StyledToolbarIcon","styled","_ref2","theme","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","whiteSpace","ToolbarIcon"],"sources":["../../../src/components/respArea/ToolbarIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport const Chevron = (props) => {\n const { direction, style } = props;\n const rotate = (() => {\n switch (direction) {\n case 'down':\n return 90;\n case 'up':\n return -90;\n case 'left':\n return 180;\n default:\n return 0;\n }\n })();\n\n return (\n <svg\n style={{\n transform: `rotate(${rotate}deg)`,\n ...style,\n }}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" fill=\"currentColor\" />\n </svg>\n );\n};\n\nexport const GripIcon = ({ style }) => (\n <span style={style}>\n <svg\n style={{\n margin: '0 -16px',\n }}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n </svg>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n </svg>\n </span>\n);\n\nconst StyledToolbarIcon = styled('div')(({ theme }) => ({\n fontFamily: 'Cerebri Sans !important',\n fontSize: theme.typography.fontSize,\n fontWeight: 'bold',\n lineHeight: '14px',\n position: 'relative',\n top: '7px',\n width: '110px',\n height: '28px',\n whiteSpace: 'nowrap',\n}));\n\nexport const ToolbarIcon = () => <StyledToolbarIcon>+ Response Area</StyledToolbarIcon>;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/constants.js
CHANGED
|
@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.PIE_TOOLBAR__CLASS = void 0;
|
|
7
|
-
var PIE_TOOLBAR__CLASS = 'pie-toolbar';
|
|
8
|
-
exports
|
|
9
|
-
var _default = {
|
|
7
|
+
var PIE_TOOLBAR__CLASS = exports.PIE_TOOLBAR__CLASS = 'pie-toolbar';
|
|
8
|
+
var _default = exports["default"] = {
|
|
10
9
|
PIE_TOOLBAR__CLASS: PIE_TOOLBAR__CLASS
|
|
11
10
|
};
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb25zdGFudHMuanMiXSwibmFtZXMiOlsiUElFX1RPT0xCQVJfX0NMQVNTIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBTyxJQUFNQSxrQkFBa0IsR0FBRyxhQUEzQjs7ZUFFUTtBQUNiQSxFQUFBQSxrQkFBa0IsRUFBbEJBO0FBRGEsQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBQSUVfVE9PTEJBUl9fQ0xBU1MgPSAncGllLXRvb2xiYXInO1xuXG5leHBvcnQgZGVmYXVsdCB7XG4gIFBJRV9UT09MQkFSX19DTEFTUyxcbn07XG4iXX0=
|
|
11
|
+
//# sourceMappingURL=constants.js.map
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PIE_TOOLBAR__CLASS","exports","_default"],"sources":["../src/constants.js"],"sourcesContent":["export const PIE_TOOLBAR__CLASS = 'pie-toolbar';\n\nexport default {\n PIE_TOOLBAR__CLASS,\n};\n"],"mappings":";;;;;;AAAO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,aAAa;AAAC,IAAAE,QAAA,GAAAD,OAAA,cAEjC;EACbD,kBAAkB,EAAlBA;AACF,CAAC","ignoreList":[]}
|