@pie-lib/mask-markup 1.13.34-next.0 → 2.0.0-beta.2
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 +0 -8
- package/lib/choices/choice.js +6 -29
- package/lib/choices/choice.js.map +1 -1
- package/lib/choices/index.js +4 -32
- package/lib/choices/index.js.map +1 -1
- package/lib/componentize.js +0 -3
- package/lib/componentize.js.map +1 -1
- package/lib/components/blank.js +10 -50
- package/lib/components/blank.js.map +1 -1
- package/lib/components/correct-input.js +8 -24
- package/lib/components/correct-input.js.map +1 -1
- package/lib/components/dropdown.js +10 -36
- package/lib/components/dropdown.js.map +1 -1
- package/lib/components/input.js +9 -15
- package/lib/components/input.js.map +1 -1
- package/lib/constructed-response.js +7 -13
- package/lib/constructed-response.js.map +1 -1
- package/lib/drag-in-the-blank.js +17 -49
- package/lib/drag-in-the-blank.js.map +1 -1
- package/lib/index.js +0 -6
- package/lib/index.js.map +1 -1
- package/lib/inline-dropdown.js +3 -10
- package/lib/inline-dropdown.js.map +1 -1
- package/lib/mask.js +12 -64
- package/lib/mask.js.map +1 -1
- package/lib/new-serialization.js +267 -0
- package/lib/new-serialization.js.map +1 -0
- package/lib/parse-html.js +17 -0
- package/lib/parse-html.js.map +1 -0
- package/lib/serialization.js +33 -61
- package/lib/serialization.js.map +1 -1
- package/lib/test-serializer.js +164 -0
- package/lib/test-serializer.js.map +1 -0
- package/lib/with-mask.js +6 -30
- package/lib/with-mask.js.map +1 -1
- package/package.json +10 -9
- package/src/mask.jsx +9 -21
- package/src/new-serialization.jsx +291 -0
- package/src/parse-html.js +8 -0
- package/src/serialization.js +34 -22
- package/src/test-serializer.js +163 -0
- package/src/with-mask.jsx +1 -1
- package/LICENSE.md +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,14 +3,6 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [1.13.33](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.32...@pie-lib/mask-markup@1.13.33) (2023-07-24)
|
|
7
|
-
|
|
8
|
-
**Note:** Version bump only for package @pie-lib/mask-markup
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
6
|
## [1.13.32](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.31...@pie-lib/mask-markup@1.13.32) (2023-06-24)
|
|
15
7
|
|
|
16
8
|
**Note:** Version bump only for package @pie-lib/mask-markup
|
package/lib/choices/choice.js
CHANGED
|
@@ -1,59 +1,36 @@
|
|
|
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["default"] = exports.DRAG_TYPE = exports.BlankContent = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
25
|
-
|
|
26
16
|
var _drag = require("@pie-lib/drag");
|
|
27
|
-
|
|
28
17
|
var _styles = require("@material-ui/core/styles");
|
|
29
|
-
|
|
30
18
|
var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
|
|
31
|
-
|
|
32
19
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
33
|
-
|
|
34
20
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
35
|
-
|
|
36
21
|
var _mathRendering = require("@pie-lib/math-rendering");
|
|
37
|
-
|
|
38
22
|
var _renderUi = require("@pie-lib/render-ui");
|
|
39
|
-
|
|
40
23
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
24
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
25
|
var DRAG_TYPE = 'MaskBlank';
|
|
45
26
|
exports.DRAG_TYPE = DRAG_TYPE;
|
|
46
|
-
|
|
47
27
|
var BlankContentComp = /*#__PURE__*/function (_React$Component) {
|
|
48
28
|
(0, _inherits2["default"])(BlankContentComp, _React$Component);
|
|
49
|
-
|
|
50
29
|
var _super = _createSuper(BlankContentComp);
|
|
51
|
-
|
|
52
30
|
function BlankContentComp() {
|
|
53
31
|
(0, _classCallCheck2["default"])(this, BlankContentComp);
|
|
54
32
|
return _super.apply(this, arguments);
|
|
55
33
|
}
|
|
56
|
-
|
|
57
34
|
(0, _createClass2["default"])(BlankContentComp, [{
|
|
58
35
|
key: "componentDidUpdate",
|
|
59
36
|
value: function componentDidUpdate() {
|
|
@@ -63,12 +40,13 @@ var BlankContentComp = /*#__PURE__*/function (_React$Component) {
|
|
|
63
40
|
key: "render",
|
|
64
41
|
value: function render() {
|
|
65
42
|
var _this = this;
|
|
66
|
-
|
|
67
43
|
var _this$props = this.props,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
44
|
+
connectDragSource = _this$props.connectDragSource,
|
|
45
|
+
choice = _this$props.choice,
|
|
46
|
+
classes = _this$props.classes,
|
|
47
|
+
disabled = _this$props.disabled;
|
|
48
|
+
|
|
49
|
+
// TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.
|
|
72
50
|
|
|
73
51
|
return connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
|
|
74
52
|
className: (0, _classnames["default"])(classes.choice, disabled && classes.disabled)
|
|
@@ -94,7 +72,6 @@ var BlankContentComp = /*#__PURE__*/function (_React$Component) {
|
|
|
94
72
|
}]);
|
|
95
73
|
return BlankContentComp;
|
|
96
74
|
}(_react["default"].Component);
|
|
97
|
-
|
|
98
75
|
(0, _defineProperty2["default"])(BlankContentComp, "propTypes", {
|
|
99
76
|
disabled: _propTypes["default"].bool,
|
|
100
77
|
choice: _propTypes["default"].object,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_drag","_styles","_Chip","_classnames","_reactDom","_mathRendering","_renderUi","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","DRAG_TYPE","exports","BlankContentComp","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidUpdate","renderMath","rootRef","render","_this","_this$props","props","connectDragSource","choice","classes","disabled","createElement","className","classnames","clickable","ref","ReactDOM","findDOMNode","chip","label","chipLabel","innerHTML","variant","undefined","React","Component","_defineProperty2","PropTypes","bool","object","func","BlankContent","withStyles","theme","border","concat","palette","primary","main","borderRadius","spacing","unit","margin","transform","backgroundColor","color","background","text","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","padding","tileSource","canDrag","beginDrag","instanceId","DragDropTile","DragSource","connect","monitor","dragSource","isDragging","_default"],"sources":["../../src/choices/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DragSource } from '@pie-lib/drag';\nimport { withStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\nimport classnames from 'classnames';\nimport ReactDOM from 'react-dom';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '@pie-lib/render-ui';\n\nexport const DRAG_TYPE = 'MaskBlank';\n\nclass BlankContentComp extends React.Component {\n static propTypes = {\n disabled: PropTypes.bool,\n choice: PropTypes.object,\n classes: PropTypes.object,\n connectDragSource: PropTypes.func,\n };\n\n componentDidUpdate() {\n renderMath(this.rootRef);\n }\n\n render() {\n const { connectDragSource, choice, classes, disabled } = this.props;\n\n // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.\n\n return connectDragSource(\n <span className={classnames(classes.choice, disabled && classes.disabled)}>\n <Chip\n clickable={false}\n disabled={true}\n ref={(ref) => {\n //eslint-disable-next-line\n this.rootRef = ReactDOM.findDOMNode(ref);\n }}\n className={classes.chip}\n label={\n <span\n className={classes.chipLabel}\n ref={(ref) => {\n if (ref) {\n ref.innerHTML = choice.value || ' ';\n }\n }}\n >\n {' '}\n </span>\n }\n variant={disabled ? 'outlined' : undefined}\n />\n </span>,\n {},\n );\n }\n}\n\nexport const BlankContent = withStyles((theme) => ({\n choice: {\n border: `solid 0px ${theme.palette.primary.main}`,\n borderRadius: theme.spacing.unit * 2,\n margin: theme.spacing.unit / 2,\n transform: 'translate(0, 0)',\n },\n chip: {\n backgroundColor: color.background(),\n border: `1px solid ${color.text()}`,\n color: color.text(),\n alignItems: 'center',\n display: 'inline-flex',\n height: 'initial',\n minHeight: '32px',\n fontSize: 'inherit',\n whiteSpace: 'pre-wrap',\n maxWidth: '374px',\n // Added for touch devices, for image content.\n // This will prevent the context menu from appearing and not allowing other interactions with the image.\n // If interactions with the image in the token will be requested we should handle only the context Menu.\n pointerEvents: 'none',\n },\n chipLabel: {\n whiteSpace: 'pre-wrap',\n '& img': {\n display: 'block',\n padding: '2px 0',\n },\n },\n disabled: {},\n}))(BlankContentComp);\n\nconst tileSource = {\n canDrag(props) {\n return !props.disabled;\n },\n beginDrag(props) {\n return {\n choice: props.choice,\n instanceId: props.instanceId,\n };\n },\n};\n\nconst DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging(),\n}))(BlankContent);\n\nexport default DragDropTile;\n"],"mappings":"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"}
|
package/lib/choices/index.js
CHANGED
|
@@ -1,74 +1,49 @@
|
|
|
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["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
-
|
|
28
17
|
var _findKey = _interopRequireDefault(require("lodash/findKey"));
|
|
29
|
-
|
|
30
18
|
var _choice = _interopRequireDefault(require("./choice"));
|
|
31
|
-
|
|
32
19
|
var _dragInTheBlankDp = _interopRequireDefault(require("@pie-lib/drag/lib/drag-in-the-blank-dp"));
|
|
33
|
-
|
|
34
20
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
35
|
-
|
|
36
21
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
|
-
|
|
38
22
|
var Choices = /*#__PURE__*/function (_React$Component) {
|
|
39
23
|
(0, _inherits2["default"])(Choices, _React$Component);
|
|
40
|
-
|
|
41
24
|
var _super = _createSuper(Choices);
|
|
42
|
-
|
|
43
25
|
function Choices() {
|
|
44
26
|
var _this;
|
|
45
|
-
|
|
46
27
|
(0, _classCallCheck2["default"])(this, Choices);
|
|
47
|
-
|
|
48
28
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
49
29
|
args[_key] = arguments[_key];
|
|
50
30
|
}
|
|
51
|
-
|
|
52
31
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
53
32
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getStyleForWrapper", function () {
|
|
54
33
|
var choicePosition = _this.props.choicePosition;
|
|
55
|
-
|
|
56
34
|
switch (choicePosition) {
|
|
57
35
|
case 'above':
|
|
58
36
|
return {
|
|
59
37
|
margin: '0 0 40px 0'
|
|
60
38
|
};
|
|
61
|
-
|
|
62
39
|
case 'below':
|
|
63
40
|
return {
|
|
64
41
|
margin: '40px 0 0 0'
|
|
65
42
|
};
|
|
66
|
-
|
|
67
43
|
case 'right':
|
|
68
44
|
return {
|
|
69
45
|
margin: '0 0 0 40px'
|
|
70
46
|
};
|
|
71
|
-
|
|
72
47
|
default:
|
|
73
48
|
return {
|
|
74
49
|
margin: '0 40px 0 0'
|
|
@@ -77,20 +52,18 @@ var Choices = /*#__PURE__*/function (_React$Component) {
|
|
|
77
52
|
});
|
|
78
53
|
return _this;
|
|
79
54
|
}
|
|
80
|
-
|
|
81
55
|
(0, _createClass2["default"])(Choices, [{
|
|
82
56
|
key: "render",
|
|
83
57
|
value: function render() {
|
|
84
58
|
var _this$props = this.props,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
59
|
+
disabled = _this$props.disabled,
|
|
60
|
+
duplicates = _this$props.duplicates,
|
|
61
|
+
choices = _this$props.choices,
|
|
62
|
+
value = _this$props.value;
|
|
89
63
|
var filteredChoices = choices.filter(function (c) {
|
|
90
64
|
if (duplicates === true) {
|
|
91
65
|
return true;
|
|
92
66
|
}
|
|
93
|
-
|
|
94
67
|
var foundChoice = (0, _findKey["default"])(value, function (v) {
|
|
95
68
|
return v === c.id;
|
|
96
69
|
});
|
|
@@ -112,7 +85,6 @@ var Choices = /*#__PURE__*/function (_React$Component) {
|
|
|
112
85
|
}]);
|
|
113
86
|
return Choices;
|
|
114
87
|
}(_react["default"].Component);
|
|
115
|
-
|
|
116
88
|
exports["default"] = Choices;
|
|
117
89
|
(0, _defineProperty2["default"])(Choices, "propTypes", {
|
|
118
90
|
disabled: _propTypes["default"].bool,
|
package/lib/choices/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_findKey","_choice","_dragInTheBlankDp","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Choices","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","choicePosition","props","margin","_createClass2","key","value","render","_this$props","disabled","duplicates","choices","filteredChoices","filter","c","foundChoice","findKey","v","id","undefined","elementStyle","getStyleForWrapper","createElement","style","map","index","choice","React","Component","exports","PropTypes","bool","arrayOf","shape","label","string","object","isRequired"],"sources":["../../src/choices/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport findKey from 'lodash/findKey';\nimport Choice from './choice';\nimport DragDroppablePlaceholder from '@pie-lib/drag/lib/drag-in-the-blank-dp';\n\nexport default class Choices extends React.Component {\n static propTypes = {\n disabled: PropTypes.bool,\n duplicates: PropTypes.bool,\n choices: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),\n value: PropTypes.object,\n choicePosition: PropTypes.string.isRequired,\n };\n\n getStyleForWrapper = () => {\n const { choicePosition } = this.props;\n\n switch (choicePosition) {\n case 'above':\n return {\n margin: '0 0 40px 0',\n };\n\n case 'below':\n return {\n margin: '40px 0 0 0',\n };\n\n case 'right':\n return {\n margin: '0 0 0 40px',\n };\n\n default:\n return {\n margin: '0 40px 0 0',\n };\n }\n };\n\n render() {\n const { disabled, duplicates, choices, value } = this.props;\n const filteredChoices = choices.filter((c) => {\n if (duplicates === true) {\n return true;\n }\n const foundChoice = findKey(value, (v) => v === c.id);\n return foundChoice === undefined;\n });\n const elementStyle = this.getStyleForWrapper();\n\n return (\n <div style={elementStyle}>\n <DragDroppablePlaceholder disabled={disabled}>\n {filteredChoices.map((c, index) => (\n <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />\n ))}\n </DragDroppablePlaceholder>\n </div>\n );\n }\n}\n"],"mappings":"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"}
|
package/lib/componentize.js
CHANGED
|
@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
7
|
var REGEX = /\{\{(\d+)\}\}/g;
|
|
8
|
-
|
|
9
8
|
var _default = function _default(s, t) {
|
|
10
9
|
if (!s) {
|
|
11
10
|
return {
|
|
12
11
|
markup: ''
|
|
13
12
|
};
|
|
14
13
|
}
|
|
15
|
-
|
|
16
14
|
var markup = s.replace(REGEX, function (match, g) {
|
|
17
15
|
return "<span data-component=\"".concat(t, "\" data-id=\"").concat(g, "\"></span>");
|
|
18
16
|
});
|
|
@@ -20,6 +18,5 @@ var _default = function _default(s, t) {
|
|
|
20
18
|
markup: markup
|
|
21
19
|
};
|
|
22
20
|
};
|
|
23
|
-
|
|
24
21
|
exports["default"] = _default;
|
|
25
22
|
//# sourceMappingURL=componentize.js.map
|
package/lib/componentize.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"componentize.js","names":["REGEX","_default","s","t","markup","replace","match","g","concat","exports"],"sources":["../src/componentize.js"],"sourcesContent":["const REGEX = /\\{\\{(\\d+)\\}\\}/g;\n\nexport default (s, t) => {\n if (!s) {\n return { markup: '' };\n }\n\n const markup = s.replace(REGEX, (match, g) => {\n return `<span data-component=\"${t}\" data-id=\"${g}\"></span>`;\n });\n\n return { markup };\n};\n"],"mappings":";;;;;;AAAA,IAAMA,KAAK,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAEhB,SAAAA,SAACC,CAAC,EAAEC,CAAC,EAAK;EACvB,IAAI,CAACD,CAAC,EAAE;IACN,OAAO;MAAEE,MAAM,EAAE;IAAG,CAAC;EACvB;EAEA,IAAMA,MAAM,GAAGF,CAAC,CAACG,OAAO,CAACL,KAAK,EAAE,UAACM,KAAK,EAAEC,CAAC,EAAK;IAC5C,iCAAAC,MAAA,CAAgCL,CAAC,mBAAAK,MAAA,CAAcD,CAAC;EAClD,CAAC,CAAC;EAEF,OAAO;IAAEH,MAAM,EAANA;EAAO,CAAC;AACnB,CAAC;AAAAK,OAAA,cAAAR,QAAA"}
|
package/lib/components/blank.js
CHANGED
|
@@ -1,56 +1,32 @@
|
|
|
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["default"] = exports.DRAG_TYPE = exports.BlankContent = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
27
|
-
|
|
28
17
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
-
|
|
30
18
|
var _mathRendering = require("@pie-lib/math-rendering");
|
|
31
|
-
|
|
32
19
|
var _debug = _interopRequireDefault(require("debug"));
|
|
33
|
-
|
|
34
20
|
var _drag = require("@pie-lib/drag");
|
|
35
|
-
|
|
36
21
|
var _styles = require("@material-ui/core/styles");
|
|
37
|
-
|
|
38
22
|
var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
|
|
39
|
-
|
|
40
23
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
41
|
-
|
|
42
24
|
var _renderUi = require("@pie-lib/render-ui");
|
|
43
|
-
|
|
44
25
|
var _excluded = ["connectDragSource", "connectDropTarget"];
|
|
45
|
-
|
|
46
26
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47
|
-
|
|
48
27
|
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; }
|
|
49
|
-
|
|
50
28
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
51
|
-
|
|
52
29
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
53
|
-
|
|
54
30
|
var log = (0, _debug["default"])('pie-lib:mask-markup:blank');
|
|
55
31
|
var DRAG_TYPE = 'MaskBlank';
|
|
56
32
|
exports.DRAG_TYPE = DRAG_TYPE;
|
|
@@ -105,15 +81,11 @@ var useStyles = (0, _styles.withStyles)(function () {
|
|
|
105
81
|
}
|
|
106
82
|
};
|
|
107
83
|
});
|
|
108
|
-
|
|
109
84
|
var BlankContent = /*#__PURE__*/function (_React$Component) {
|
|
110
85
|
(0, _inherits2["default"])(BlankContent, _React$Component);
|
|
111
|
-
|
|
112
86
|
var _super = _createSuper(BlankContent);
|
|
113
|
-
|
|
114
87
|
function BlankContent() {
|
|
115
88
|
var _this;
|
|
116
|
-
|
|
117
89
|
(0, _classCallCheck2["default"])(this, BlankContent);
|
|
118
90
|
_this = _super.call(this);
|
|
119
91
|
_this.state = {
|
|
@@ -121,16 +93,13 @@ var BlankContent = /*#__PURE__*/function (_React$Component) {
|
|
|
121
93
|
};
|
|
122
94
|
return _this;
|
|
123
95
|
}
|
|
124
|
-
|
|
125
96
|
(0, _createClass2["default"])(BlankContent, [{
|
|
126
97
|
key: "componentDidUpdate",
|
|
127
98
|
value: function componentDidUpdate(prevProps) {
|
|
128
99
|
var _this2 = this;
|
|
129
|
-
|
|
130
100
|
(0, _mathRendering.renderMath)(this.rootRef);
|
|
131
101
|
var currentChoice = this.props.choice;
|
|
132
102
|
var prevChoice = prevProps.choice;
|
|
133
|
-
|
|
134
103
|
if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {
|
|
135
104
|
if (!currentChoice) {
|
|
136
105
|
this.setState({
|
|
@@ -138,7 +107,6 @@ var BlankContent = /*#__PURE__*/function (_React$Component) {
|
|
|
138
107
|
});
|
|
139
108
|
return;
|
|
140
109
|
}
|
|
141
|
-
|
|
142
110
|
setTimeout(function () {
|
|
143
111
|
_this2.setState({
|
|
144
112
|
height: _this2.spanRef.offsetHeight
|
|
@@ -159,15 +127,14 @@ var BlankContent = /*#__PURE__*/function (_React$Component) {
|
|
|
159
127
|
key: "render",
|
|
160
128
|
value: function render() {
|
|
161
129
|
var _this3 = this,
|
|
162
|
-
|
|
163
|
-
|
|
130
|
+
_classnames2;
|
|
164
131
|
var _this$props = this.props,
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
132
|
+
disabled = _this$props.disabled,
|
|
133
|
+
choice = _this$props.choice,
|
|
134
|
+
classes = _this$props.classes,
|
|
135
|
+
isOver = _this$props.isOver,
|
|
136
|
+
dragItem = _this$props.dragItem,
|
|
137
|
+
correct = _this$props.correct;
|
|
171
138
|
var draggedLabel = dragItem && isOver && dragItem.choice.value;
|
|
172
139
|
var label = choice && choice.value;
|
|
173
140
|
return (
|
|
@@ -188,7 +155,6 @@ var BlankContent = /*#__PURE__*/function (_React$Component) {
|
|
|
188
155
|
//eslint-disable-next-line
|
|
189
156
|
_this3.spanRef = _reactDom["default"].findDOMNode(_ref);
|
|
190
157
|
_ref.innerHTML = label || '';
|
|
191
|
-
|
|
192
158
|
_this3.addDraggableFalseAttributes(_ref);
|
|
193
159
|
}
|
|
194
160
|
}
|
|
@@ -199,7 +165,6 @@ var BlankContent = /*#__PURE__*/function (_React$Component) {
|
|
|
199
165
|
//eslint-disable-next-line
|
|
200
166
|
_this3.spanRef = _reactDom["default"].findDOMNode(_ref2);
|
|
201
167
|
_ref2.innerHTML = draggedLabel || '';
|
|
202
|
-
|
|
203
168
|
_this3.addDraggableFalseAttributes(_ref2);
|
|
204
169
|
}
|
|
205
170
|
}
|
|
@@ -218,7 +183,6 @@ var BlankContent = /*#__PURE__*/function (_React$Component) {
|
|
|
218
183
|
}]);
|
|
219
184
|
return BlankContent;
|
|
220
185
|
}(_react["default"].Component);
|
|
221
|
-
|
|
222
186
|
exports.BlankContent = BlankContent;
|
|
223
187
|
(0, _defineProperty2["default"])(BlankContent, "propTypes", {
|
|
224
188
|
id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
@@ -234,10 +198,10 @@ exports.BlankContent = BlankContent;
|
|
|
234
198
|
var StyledBlankContent = useStyles(BlankContent);
|
|
235
199
|
var connectedBlankContent = useStyles(function (_ref4) {
|
|
236
200
|
var connectDragSource = _ref4.connectDragSource,
|
|
237
|
-
|
|
238
|
-
|
|
201
|
+
connectDropTarget = _ref4.connectDropTarget,
|
|
202
|
+
props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
|
|
239
203
|
var classes = props.classes,
|
|
240
|
-
|
|
204
|
+
isOver = props.isOver;
|
|
241
205
|
return connectDropTarget(connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
|
|
242
206
|
className: (0, _classnames3["default"])(classes.content, isOver && classes.over)
|
|
243
207
|
}, /*#__PURE__*/_react["default"].createElement(StyledBlankContent, props))));
|
|
@@ -246,11 +210,9 @@ var tileTarget = {
|
|
|
246
210
|
drop: function drop(props, monitor) {
|
|
247
211
|
var draggedItem = monitor.getItem();
|
|
248
212
|
log('props.instanceId', props.instanceId, 'draggedItem.instanceId:', draggedItem.instanceId);
|
|
249
|
-
|
|
250
213
|
if (draggedItem.id !== props.id) {
|
|
251
214
|
props.onChange(props.id, draggedItem.choice.id);
|
|
252
215
|
}
|
|
253
|
-
|
|
254
216
|
return {
|
|
255
217
|
dropped: draggedItem.id !== props.id
|
|
256
218
|
};
|
|
@@ -282,10 +244,8 @@ var tileSource = {
|
|
|
282
244
|
endDrag: function endDrag(props, monitor) {
|
|
283
245
|
// this will be null if it did not drop
|
|
284
246
|
var dropResult = monitor.getDropResult();
|
|
285
|
-
|
|
286
247
|
if (!dropResult || dropResult.dropped && !props.duplicates) {
|
|
287
248
|
var draggedItem = monitor.getItem();
|
|
288
|
-
|
|
289
249
|
if (draggedItem.fromChoice) {
|
|
290
250
|
props.onChange(props.id, undefined);
|
|
291
251
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/blank.jsx"],"names":["log","DRAG_TYPE","useStyles","content","border","color","primary","minWidth","touchAction","overflow","chip","backgroundColor","background","text","fontSize","minHeight","height","maxWidth","position","chipLabel","whiteSpace","pointerEvents","display","padding","hidden","opacity","dragged","left","correct","incorrect","over","BlankContent","state","prevProps","rootRef","currentChoice","props","choice","prevChoice","JSON","stringify","setState","setTimeout","spanRef","offsetHeight","parent","childNodes","forEach","elem","Element","HTMLDocument","setAttribute","disabled","classes","isOver","dragItem","draggedLabel","value","label","ref","ReactDOM","findDOMNode","innerHTML","addDraggableFalseAttributes","undefined","React","Component","id","PropTypes","oneOfType","string","number","bool","duplicates","object","onChange","func","StyledBlankContent","connectedBlankContent","connectDragSource","connectDropTarget","tileTarget","drop","monitor","draggedItem","getItem","instanceId","dropped","canDrop","DropTile","connect","dropTarget","tileSource","canDrag","beginDrag","fromChoice","endDrag","dropResult","getDropResult","DragDropTile","dragSource","isDragging"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { withStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\nimport classnames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nconst log = debug('pie-lib:mask-markup:blank');\nexport const DRAG_TYPE = 'MaskBlank';\n\nconst useStyles = withStyles(() => ({\n content: {\n border: `solid 0px ${color.primary()}`,\n minWidth: '200px',\n touchAction: 'none',\n overflow: 'hidden',\n },\n chip: {\n backgroundColor: color.background(),\n border: `1px solid ${color.text()}`,\n color: color.text(),\n minWidth: '90px',\n fontSize: 'inherit',\n minHeight: '32px',\n height: 'auto',\n maxWidth: '374px',\n position: 'relative',\n },\n chipLabel: {\n whiteSpace: 'pre-wrap',\n // Added for touch devices, for image content.\n // This will prevent the context menu from appearing and not allowing other interactions with the image.\n // If interactions with the image in the token will be requested we should handle only the context Menu.\n pointerEvents: 'none',\n '& img': {\n display: 'block',\n padding: '2px 0',\n },\n },\n hidden: {\n color: 'transparent',\n opacity: 0,\n },\n dragged: {\n position: 'absolute',\n left: 16,\n maxWidth: '60px',\n },\n correct: {\n border: `solid 1px ${color.correct()}`,\n },\n incorrect: {\n border: `solid 1px ${color.incorrect()}`,\n },\n over: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n },\n}));\n\nexport class BlankContent extends React.Component {\n static propTypes = {\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n duplicates: PropTypes.bool,\n choice: PropTypes.object,\n classes: PropTypes.object,\n isOver: PropTypes.bool,\n dragItem: PropTypes.object,\n correct: PropTypes.bool,\n onChange: PropTypes.func,\n };\n\n constructor() {\n super();\n this.state = {\n height: 0,\n };\n }\n\n componentDidUpdate(prevProps) {\n renderMath(this.rootRef);\n const { choice: currentChoice } = this.props;\n const { choice: prevChoice } = prevProps;\n\n if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {\n if (!currentChoice) {\n this.setState({\n height: 0,\n });\n return;\n }\n setTimeout(() => {\n this.setState({\n height: this.spanRef.offsetHeight,\n });\n }, 300);\n }\n }\n\n addDraggableFalseAttributes(parent) {\n parent.childNodes.forEach((elem) => {\n if (elem instanceof Element || elem instanceof HTMLDocument) {\n elem.setAttribute('draggable', false);\n }\n });\n }\n\n render() {\n const { disabled, choice, classes, isOver, dragItem, correct } = this.props;\n const draggedLabel = dragItem && isOver && dragItem.choice.value;\n const label = choice && choice.value;\n\n return (\n // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.\n <Chip\n clickable={false}\n disabled={true}\n ref={(ref) => {\n //eslint-disable-next-line\n this.rootRef = ReactDOM.findDOMNode(ref);\n }}\n component=\"span\"\n label={\n <React.Fragment>\n <span\n className={classnames(classes.chipLabel, isOver && classes.over, {\n [classes.hidden]: draggedLabel,\n })}\n ref={(ref) => {\n if (ref) {\n //eslint-disable-next-line\n this.spanRef = ReactDOM.findDOMNode(ref);\n ref.innerHTML = label || '';\n this.addDraggableFalseAttributes(ref);\n }\n }}\n >\n {' '}\n </span>\n {draggedLabel && (\n <span\n className={classnames(classes.chipLabel, isOver && classes.over, classes.dragged)}\n ref={(ref) => {\n if (ref) {\n //eslint-disable-next-line\n this.spanRef = ReactDOM.findDOMNode(ref);\n ref.innerHTML = draggedLabel || '';\n this.addDraggableFalseAttributes(ref);\n }\n }}\n >\n {' '}\n </span>\n )}\n </React.Fragment>\n }\n className={classnames(classes.chip, isOver && classes.over, {\n [classes.correct]: correct !== undefined && correct,\n [classes.incorrect]: correct !== undefined && !correct,\n })}\n variant={disabled ? 'outlined' : undefined}\n style={{\n ...(this.state.height ? { height: this.state.height } : {}),\n }}\n classes={{\n label: isOver && classes.over,\n }}\n />\n );\n }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDragSource, connectDropTarget, ...props }) => {\n const { classes, isOver } = props;\n\n return connectDropTarget(\n connectDragSource(\n <span className={classnames(classes.content, isOver && classes.over)}>\n <StyledBlankContent {...props} />\n </span>,\n ),\n );\n});\n\nconst tileTarget = {\n drop(props, monitor) {\n const draggedItem = monitor.getItem();\n\n log('props.instanceId', props.instanceId, 'draggedItem.instanceId:', draggedItem.instanceId);\n\n if (draggedItem.id !== props.id) {\n props.onChange(props.id, draggedItem.choice.id);\n }\n\n return {\n dropped: draggedItem.id !== props.id,\n };\n },\n canDrop(props, monitor) {\n const draggedItem = monitor.getItem();\n\n return draggedItem.instanceId === props.instanceId;\n },\n};\n\nconst DropTile = DropTarget(DRAG_TYPE, tileTarget, (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver(),\n dragItem: monitor.getItem(),\n}))(connectedBlankContent);\n\nconst tileSource = {\n canDrag(props) {\n return !props.disabled && !!props.choice;\n },\n beginDrag(props) {\n return {\n id: props.id,\n choice: props.choice,\n instanceId: props.instanceId,\n fromChoice: true,\n };\n },\n endDrag(props, monitor) {\n // this will be null if it did not drop\n const dropResult = monitor.getDropResult();\n\n if (!dropResult || (dropResult.dropped && !props.duplicates)) {\n const draggedItem = monitor.getItem();\n\n if (draggedItem.fromChoice) {\n props.onChange(props.id, undefined);\n }\n }\n },\n};\n\nconst DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging(),\n}))(DropTile);\n\nexport default DragDropTile;\n"],"file":"blank.js"}
|
|
1
|
+
{"version":3,"file":"blank.js","names":["_react","_interopRequireDefault","require","_reactDom","_propTypes","_mathRendering","_debug","_drag","_styles","_Chip","_classnames3","_renderUi","_excluded","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","log","debug","DRAG_TYPE","exports","useStyles","withStyles","content","border","concat","color","primary","minWidth","touchAction","overflow","chip","backgroundColor","background","text","fontSize","minHeight","height","maxWidth","position","chipLabel","whiteSpace","pointerEvents","display","padding","hidden","opacity","dragged","left","correct","incorrect","over","BlankContent","_React$Component","_inherits2","_super","_this","_classCallCheck2","state","_createClass2","value","componentDidUpdate","prevProps","_this2","renderMath","rootRef","currentChoice","props","choice","prevChoice","JSON","stringify","setState","setTimeout","spanRef","offsetHeight","addDraggableFalseAttributes","parent","childNodes","elem","Element","HTMLDocument","setAttribute","render","_this3","_classnames2","_this$props","disabled","classes","isOver","dragItem","draggedLabel","label","createElement","clickable","ref","ReactDOM","findDOMNode","component","Fragment","className","classnames","innerHTML","undefined","variant","style","React","Component","id","PropTypes","oneOfType","string","number","bool","duplicates","onChange","func","StyledBlankContent","connectedBlankContent","_ref4","connectDragSource","connectDropTarget","_objectWithoutProperties2","tileTarget","drop","monitor","draggedItem","getItem","instanceId","dropped","canDrop","DropTile","DropTarget","connect","dropTarget","tileSource","canDrag","beginDrag","fromChoice","endDrag","dropResult","getDropResult","DragDropTile","DragSource","dragSource","isDragging","_default"],"sources":["../../src/components/blank.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport debug from 'debug';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { withStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\nimport classnames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\nconst log = debug('pie-lib:mask-markup:blank');\nexport const DRAG_TYPE = 'MaskBlank';\n\nconst useStyles = withStyles(() => ({\n content: {\n border: `solid 0px ${color.primary()}`,\n minWidth: '200px',\n touchAction: 'none',\n overflow: 'hidden',\n },\n chip: {\n backgroundColor: color.background(),\n border: `1px solid ${color.text()}`,\n color: color.text(),\n minWidth: '90px',\n fontSize: 'inherit',\n minHeight: '32px',\n height: 'auto',\n maxWidth: '374px',\n position: 'relative',\n },\n chipLabel: {\n whiteSpace: 'pre-wrap',\n // Added for touch devices, for image content.\n // This will prevent the context menu from appearing and not allowing other interactions with the image.\n // If interactions with the image in the token will be requested we should handle only the context Menu.\n pointerEvents: 'none',\n '& img': {\n display: 'block',\n padding: '2px 0',\n },\n },\n hidden: {\n color: 'transparent',\n opacity: 0,\n },\n dragged: {\n position: 'absolute',\n left: 16,\n maxWidth: '60px',\n },\n correct: {\n border: `solid 1px ${color.correct()}`,\n },\n incorrect: {\n border: `solid 1px ${color.incorrect()}`,\n },\n over: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n },\n}));\n\nexport class BlankContent extends React.Component {\n static propTypes = {\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n disabled: PropTypes.bool,\n duplicates: PropTypes.bool,\n choice: PropTypes.object,\n classes: PropTypes.object,\n isOver: PropTypes.bool,\n dragItem: PropTypes.object,\n correct: PropTypes.bool,\n onChange: PropTypes.func,\n };\n\n constructor() {\n super();\n this.state = {\n height: 0,\n };\n }\n\n componentDidUpdate(prevProps) {\n renderMath(this.rootRef);\n const { choice: currentChoice } = this.props;\n const { choice: prevChoice } = prevProps;\n\n if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {\n if (!currentChoice) {\n this.setState({\n height: 0,\n });\n return;\n }\n setTimeout(() => {\n this.setState({\n height: this.spanRef.offsetHeight,\n });\n }, 300);\n }\n }\n\n addDraggableFalseAttributes(parent) {\n parent.childNodes.forEach((elem) => {\n if (elem instanceof Element || elem instanceof HTMLDocument) {\n elem.setAttribute('draggable', false);\n }\n });\n }\n\n render() {\n const { disabled, choice, classes, isOver, dragItem, correct } = this.props;\n const draggedLabel = dragItem && isOver && dragItem.choice.value;\n const label = choice && choice.value;\n\n return (\n // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.\n <Chip\n clickable={false}\n disabled={true}\n ref={(ref) => {\n //eslint-disable-next-line\n this.rootRef = ReactDOM.findDOMNode(ref);\n }}\n component=\"span\"\n label={\n <React.Fragment>\n <span\n className={classnames(classes.chipLabel, isOver && classes.over, {\n [classes.hidden]: draggedLabel,\n })}\n ref={(ref) => {\n if (ref) {\n //eslint-disable-next-line\n this.spanRef = ReactDOM.findDOMNode(ref);\n ref.innerHTML = label || '';\n this.addDraggableFalseAttributes(ref);\n }\n }}\n >\n {' '}\n </span>\n {draggedLabel && (\n <span\n className={classnames(classes.chipLabel, isOver && classes.over, classes.dragged)}\n ref={(ref) => {\n if (ref) {\n //eslint-disable-next-line\n this.spanRef = ReactDOM.findDOMNode(ref);\n ref.innerHTML = draggedLabel || '';\n this.addDraggableFalseAttributes(ref);\n }\n }}\n >\n {' '}\n </span>\n )}\n </React.Fragment>\n }\n className={classnames(classes.chip, isOver && classes.over, {\n [classes.correct]: correct !== undefined && correct,\n [classes.incorrect]: correct !== undefined && !correct,\n })}\n variant={disabled ? 'outlined' : undefined}\n style={{\n ...(this.state.height ? { height: this.state.height } : {}),\n }}\n classes={{\n label: isOver && classes.over,\n }}\n />\n );\n }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDragSource, connectDropTarget, ...props }) => {\n const { classes, isOver } = props;\n\n return connectDropTarget(\n connectDragSource(\n <span className={classnames(classes.content, isOver && classes.over)}>\n <StyledBlankContent {...props} />\n </span>,\n ),\n );\n});\n\nconst tileTarget = {\n drop(props, monitor) {\n const draggedItem = monitor.getItem();\n\n log('props.instanceId', props.instanceId, 'draggedItem.instanceId:', draggedItem.instanceId);\n\n if (draggedItem.id !== props.id) {\n props.onChange(props.id, draggedItem.choice.id);\n }\n\n return {\n dropped: draggedItem.id !== props.id,\n };\n },\n canDrop(props, monitor) {\n const draggedItem = monitor.getItem();\n\n return draggedItem.instanceId === props.instanceId;\n },\n};\n\nconst DropTile = DropTarget(DRAG_TYPE, tileTarget, (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver(),\n dragItem: monitor.getItem(),\n}))(connectedBlankContent);\n\nconst tileSource = {\n canDrag(props) {\n return !props.disabled && !!props.choice;\n },\n beginDrag(props) {\n return {\n id: props.id,\n choice: props.choice,\n instanceId: props.instanceId,\n fromChoice: true,\n };\n },\n endDrag(props, monitor) {\n // this will be null if it did not drop\n const dropResult = monitor.getDropResult();\n\n if (!dropResult || (dropResult.dropped && !props.duplicates)) {\n const draggedItem = monitor.getItem();\n\n if (draggedItem.fromChoice) {\n props.onChange(props.id, undefined);\n }\n }\n },\n};\n\nconst DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging(),\n}))(DropTile);\n\nexport default DragDropTile;\n"],"mappings":"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"}
|