@pie-lib/editable-html 10.0.0-beta.4 → 10.0.0-beta.6
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 +255 -152
- package/lib/components.js +15 -39
- package/lib/components.js.map +1 -1
- package/lib/editor.js +200 -356
- package/lib/editor.js.map +1 -1
- package/lib/index.js +25 -49
- package/lib/index.js.map +1 -1
- package/lib/new-serialization.js +31 -71
- package/lib/new-serialization.js.map +1 -1
- package/lib/parse-html.js +7 -6
- package/lib/parse-html.js.map +1 -1
- package/lib/plugins/characters/custom-popper.js +3 -13
- package/lib/plugins/characters/custom-popper.js.map +1 -1
- package/lib/plugins/characters/index.js +20 -59
- package/lib/plugins/characters/index.js.map +1 -1
- package/lib/plugins/characters/utils.js +1 -1
- package/lib/plugins/characters/utils.js.map +1 -1
- package/lib/plugins/hotKeys/index.js +9 -16
- package/lib/plugins/hotKeys/index.js.map +1 -1
- package/lib/plugins/image/alt-dialog.js +6 -27
- package/lib/plugins/image/alt-dialog.js.map +1 -1
- package/lib/plugins/image/component.js +42 -99
- package/lib/plugins/image/component.js.map +1 -1
- package/lib/plugins/image/image-toolbar.js +14 -50
- package/lib/plugins/image/image-toolbar.js.map +1 -1
- package/lib/plugins/image/index.js +16 -59
- package/lib/plugins/image/index.js.map +1 -1
- package/lib/plugins/image/insert-image-handler.js +13 -25
- package/lib/plugins/image/insert-image-handler.js.map +1 -1
- package/lib/plugins/index.js +6 -36
- package/lib/plugins/index.js.map +1 -1
- package/lib/plugins/list/index.js +11 -46
- package/lib/plugins/list/index.js.map +1 -1
- package/lib/plugins/math/index.js +89 -93
- package/lib/plugins/math/index.js.map +1 -1
- package/lib/plugins/media/index.js +32 -109
- package/lib/plugins/media/index.js.map +1 -1
- package/lib/plugins/media/media-dialog.js +107 -195
- package/lib/plugins/media/media-dialog.js.map +1 -1
- package/lib/plugins/media/media-toolbar.js +7 -27
- package/lib/plugins/media/media-toolbar.js.map +1 -1
- package/lib/plugins/media/media-wrapper.js +9 -14
- package/lib/plugins/media/media-wrapper.js.map +1 -1
- package/lib/plugins/respArea/drag-in-the-blank/choice.js +13 -53
- package/lib/plugins/respArea/drag-in-the-blank/choice.js.map +1 -1
- package/lib/plugins/respArea/drag-in-the-blank/index.js +6 -20
- package/lib/plugins/respArea/drag-in-the-blank/index.js.map +1 -1
- package/lib/plugins/respArea/explicit-constructed-response/index.js +5 -10
- package/lib/plugins/respArea/explicit-constructed-response/index.js.map +1 -1
- package/lib/plugins/respArea/icons/index.js +16 -31
- package/lib/plugins/respArea/icons/index.js.map +1 -1
- package/lib/plugins/respArea/index.js +7 -54
- package/lib/plugins/respArea/index.js.map +1 -1
- package/lib/plugins/respArea/inline-dropdown/index.js +3 -10
- package/lib/plugins/respArea/inline-dropdown/index.js.map +1 -1
- package/lib/plugins/respArea/utils.js +6 -21
- package/lib/plugins/respArea/utils.js.map +1 -1
- package/lib/plugins/table/icons/index.js +1 -8
- package/lib/plugins/table/icons/index.js.map +1 -1
- package/lib/plugins/table/index.js +54 -187
- package/lib/plugins/table/index.js.map +1 -1
- package/lib/plugins/table/table-toolbar.js +12 -44
- package/lib/plugins/table/table-toolbar.js.map +1 -1
- package/lib/plugins/toolbar/default-toolbar.js +17 -46
- package/lib/plugins/toolbar/default-toolbar.js.map +1 -1
- package/lib/plugins/toolbar/done-button.js +2 -10
- package/lib/plugins/toolbar/done-button.js.map +1 -1
- package/lib/plugins/toolbar/editor-and-toolbar.js +134 -144
- package/lib/plugins/toolbar/editor-and-toolbar.js.map +1 -1
- package/lib/plugins/toolbar/index.js +2 -6
- package/lib/plugins/toolbar/index.js.map +1 -1
- package/lib/plugins/toolbar/toolbar-buttons.js +9 -40
- package/lib/plugins/toolbar/toolbar-buttons.js.map +1 -1
- package/lib/plugins/toolbar/toolbar.js +29 -83
- package/lib/plugins/toolbar/toolbar.js.map +1 -1
- package/lib/plugins/utils.js +8 -30
- package/lib/plugins/utils.js.map +1 -1
- package/lib/serialization.js +11 -69
- package/lib/serialization.js.map +1 -1
- package/lib/test-serializer.js +5 -56
- package/lib/test-serializer.js.map +1 -1
- package/lib/theme.js +1 -1
- package/lib/theme.js.map +1 -1
- package/package.json +7 -7
- package/playground/image/data.js +20 -20
- package/playground/image/index.html +20 -22
- package/playground/image/index.jsx +10 -12
- package/playground/index.html +23 -25
- package/playground/mathquill/index.html +20 -23
- package/playground/mathquill/index.jsx +22 -18
- package/playground/prod-test/index.html +20 -24
- package/playground/prod-test/index.jsx +3 -5
- package/playground/schema-override/data.js +10 -10
- package/playground/schema-override/image-plugin.jsx +4 -3
- package/playground/schema-override/index.html +19 -21
- package/playground/schema-override/index.jsx +14 -13
- package/playground/serialization/data.js +10 -10
- package/playground/serialization/image-plugin.jsx +4 -3
- package/playground/serialization/index.html +20 -22
- package/playground/table-examples.html +8 -5
- package/playground/webpack.config.js +10 -10
- package/src/editor.jsx +108 -104
- package/src/index.jsx +20 -13
- package/src/new-serialization.jsx +30 -11
- package/src/parse-html.js +1 -1
- package/src/plugins/characters/custom-popper.js +7 -7
- package/src/plugins/characters/index.jsx +34 -23
- package/src/plugins/characters/utils.js +81 -81
- package/src/plugins/image/alt-dialog.jsx +5 -4
- package/src/plugins/image/component.jsx +47 -44
- package/src/plugins/image/image-toolbar.jsx +19 -27
- package/src/plugins/image/index.jsx +24 -18
- package/src/plugins/image/insert-image-handler.js +9 -0
- package/src/plugins/index.jsx +7 -9
- package/src/plugins/list/index.jsx +7 -7
- package/src/plugins/math/index.jsx +71 -28
- package/src/plugins/media/index.jsx +7 -7
- package/src/plugins/media/media-dialog.js +63 -89
- package/src/plugins/media/media-toolbar.jsx +8 -8
- package/src/plugins/media/media-wrapper.jsx +8 -5
- package/src/plugins/respArea/drag-in-the-blank/choice.jsx +19 -21
- package/src/plugins/respArea/drag-in-the-blank/index.jsx +4 -4
- package/src/plugins/respArea/explicit-constructed-response/index.jsx +5 -4
- package/src/plugins/respArea/icons/index.jsx +14 -11
- package/src/plugins/respArea/index.jsx +9 -15
- package/src/plugins/respArea/inline-dropdown/index.jsx +6 -6
- package/src/plugins/respArea/utils.jsx +7 -3
- package/src/plugins/table/icons/index.jsx +11 -17
- package/src/plugins/table/index.jsx +14 -10
- package/src/plugins/table/table-toolbar.jsx +6 -6
- package/src/plugins/toolbar/default-toolbar.jsx +9 -9
- package/src/plugins/toolbar/done-button.jsx +4 -4
- package/src/plugins/toolbar/editor-and-toolbar.jsx +36 -33
- package/src/plugins/toolbar/index.jsx +3 -2
- package/src/plugins/toolbar/toolbar-buttons.jsx +11 -11
- package/src/plugins/toolbar/toolbar.jsx +6 -1
- package/src/plugins/utils.js +2 -2
- package/src/serialization.jsx +34 -32
- package/src/test-serializer.js +2 -9
- package/lib/old-serialization.js +0 -330
- package/lib/slate-editor.js +0 -302
- package/src/test-serializer.js.rej +0 -20
- package/yarn-error.log +0 -18318
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"choice.js","names":["useStyles","withStyles","theme","content","border","palette","primary","main","chip","minWidth","correct","incorrect","selected","color","primaryDark","BlankContent","props","handleClick","bind","document","addEventListener","removeEventListener","event","classes","elementRef","className","contains","target","renderMath","n","children","isDragging","dragItem","isOver","value","label","finalLabel","hasGrip","ref","display","minHeight","background","boxSizing","borderRadius","overflow","position","padding","key","top","left","__html","React","Component","PropTypes","object","func","bool","StyledBlankContent","connectedBlankContent","connectDropTarget","connectDragSource","dragContent","dragEl","classnames","over","tileTarget","drop","monitor","draggedItem","getItem","shouldDrop","isUndefined","index","onChange","dropped","canDrop","instanceId","DropTile","DropTarget","connect","dropTarget","tileSource","canDrag","disabled","beginDrag","id","targetId","fromChoice","endDrag","dropResult","getDropResult","duplicates","removeResponse","DragSource","dragSource"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isUndefined from 'lodash/isUndefined';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../icons';\n\nconst useStyles = withStyles(theme => ({\n content: {\n border: `solid 0px ${theme.palette.primary.main}`\n },\n chip: {\n minWidth: '90px'\n },\n correct: {\n border: 'solid 1px green'\n },\n incorrect: {\n border: 'solid 1px red'\n },\n selected: {\n border: `2px solid ${color.primaryDark()} !important`\n }\n}));\n\nexport class BlankContent extends React.Component {\n static propTypes = {\n n: PropTypes.object,\n children: PropTypes.func,\n isDragging: PropTypes.bool,\n isOver: PropTypes.bool,\n dragItem: PropTypes.object,\n value: PropTypes.object,\n classes: PropTypes.object\n };\n\n constructor(props) {\n super(props);\n\n this.handleClick = this.handleClick.bind(this);\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClick);\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClick);\n }\n\n handleClick(event) {\n const { classes } = this.props;\n\n if (this.elementRef) {\n this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';\n }\n }\n\n componentDidUpdate() {\n if (this.elementRef) {\n renderMath(this.elementRef);\n }\n }\n\n render() {\n const { n, children, isDragging, dragItem, isOver, value } = this.props;\n\n const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n const finalLabel = isDragging ? '\\u00A0' : label;\n const hasGrip = finalLabel !== '\\u00A0';\n\n return (\n <div\n ref={ref => (this.elementRef = ref)}\n style={{\n display: 'inline-flex',\n minWidth: '178px',\n minHeight: '36px',\n background: '#FFF',\n border: '1px solid #C0C3CF',\n boxSizing: 'border-box',\n borderRadius: '3px',\n overflow: 'hidden',\n position: 'relative',\n padding: '8px 8px 8px 35px'\n }}\n data-key={n.key}\n contentEditable={false}\n >\n {hasGrip && (\n <GripIcon\n style={{\n position: 'absolute',\n top: '6px',\n left: '15px',\n color: '#9B9B9B'\n }}\n contentEditable={false}\n />\n )}\n <span\n dangerouslySetInnerHTML={{\n __html: finalLabel\n }}\n />\n {children}\n </div>\n );\n }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDropTarget, connectDragSource, ...props }) => {\n const { classes, isOver, value } = props;\n const dragContent = <StyledBlankContent {...props} />;\n const dragEl = !value ? dragContent : connectDragSource(<span>{dragContent}</span>);\n const content = (\n <span className={classnames(classes.content, isOver && classes.over)}>{dragEl}</span>\n );\n\n return connectDropTarget ? connectDropTarget(content) : content;\n});\n\nexport const tileTarget = {\n drop(props, monitor) {\n const draggedItem = monitor.getItem();\n const shouldDrop =\n isUndefined(draggedItem.value.index) ||\n isUndefined(props.value.index) ||\n draggedItem.value.index !== props.value.index;\n\n if (shouldDrop) {\n props.onChange(draggedItem.value);\n }\n\n return {\n dropped: shouldDrop\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-in-the-blank-choice', tileTarget, (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver(),\n dragItem: monitor.getItem()\n}))(connectedBlankContent);\n\nexport const tileSource = {\n canDrag(props) {\n return !props.disabled && !!props.value;\n },\n beginDrag(props) {\n return {\n id: props.targetId,\n value: props.value,\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.removeResponse(draggedItem.value);\n }\n }\n }\n};\n\nexport default DragSource('drag-in-the-blank-choice', tileSource, (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging()\n}))(DropTile);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_isUndefined","_drag","_renderUi","_mathRendering","_styles","_classnames","_icons","_excluded","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","useStyles","withStyles","theme","content","border","concat","palette","primary","main","chip","minWidth","correct","color","incorrect","error","selected","primaryDark","BlankContent","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","handleClick","bind","_assertThisInitialized2","_createClass2","key","value","componentDidMount","document","addEventListener","componentWillUnmount","removeEventListener","event","classes","elementRef","className","contains","target","componentDidUpdate","renderMath","render","_this2","_this$props","n","children","isDragging","dragItem","isOver","label","finalLabel","hasGrip","createElement","ref","style","display","minHeight","background","boxSizing","borderRadius","overflow","position","padding","contentEditable","GripIcon","top","left","dangerouslySetInnerHTML","__html","React","Component","exports","_defineProperty2","PropTypes","object","func","bool","StyledBlankContent","connectedBlankContent","_ref2","connectDropTarget","connectDragSource","_objectWithoutProperties2","dragContent","dragEl","classnames","over","tileTarget","drop","monitor","draggedItem","getItem","shouldDrop","isUndefined","index","onChange","dropped","canDrop","instanceId","DropTile","DropTarget","connect","dropTarget","tileSource","canDrag","disabled","beginDrag","id","targetId","fromChoice","endDrag","dropResult","getDropResult","duplicates","removeResponse","_default","DragSource","dragSource"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isUndefined from 'lodash/isUndefined';\nimport { DragSource, DropTarget } from '@pie-lib/drag';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../icons';\n\nconst useStyles = withStyles((theme) => ({\n content: {\n border: `solid 0px ${theme.palette.primary.main}`,\n },\n chip: {\n minWidth: '90px',\n },\n correct: {\n border: `solid 1px ${color.correct()}`,\n },\n incorrect: {\n border: `solid 1px ${theme.palette.error.main}`,\n },\n selected: {\n border: `2px solid ${color.primaryDark()} !important`,\n },\n}));\n\nexport class BlankContent extends React.Component {\n static propTypes = {\n n: PropTypes.object,\n children: PropTypes.func,\n isDragging: PropTypes.bool,\n isOver: PropTypes.bool,\n dragItem: PropTypes.object,\n value: PropTypes.object,\n classes: PropTypes.object,\n };\n\n constructor(props) {\n super(props);\n\n this.handleClick = this.handleClick.bind(this);\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClick);\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleClick);\n }\n\n handleClick(event) {\n const { classes } = this.props;\n\n if (this.elementRef) {\n this.elementRef.className = this.elementRef.contains(event.target) ? classes.selected : '';\n }\n }\n\n componentDidUpdate() {\n if (this.elementRef) {\n renderMath(this.elementRef);\n }\n }\n\n render() {\n const { n, children, isDragging, dragItem, isOver, value } = this.props;\n\n const label = dragItem && isOver ? dragItem.value.value : value.value || '\\u00A0';\n const finalLabel = isDragging ? '\\u00A0' : label;\n const hasGrip = finalLabel !== '\\u00A0';\n\n return (\n <div\n ref={(ref) => (this.elementRef = ref)}\n style={{\n display: 'inline-flex',\n minWidth: '178px',\n minHeight: '36px',\n background: '#FFF',\n border: '1px solid #C0C3CF',\n boxSizing: 'border-box',\n borderRadius: '3px',\n overflow: 'hidden',\n position: 'relative',\n padding: '8px 8px 8px 35px',\n }}\n data-key={n.key}\n contentEditable={false}\n >\n {hasGrip && (\n <GripIcon\n style={{\n position: 'absolute',\n top: '6px',\n left: '15px',\n color: '#9B9B9B',\n }}\n contentEditable={false}\n />\n )}\n <span\n dangerouslySetInnerHTML={{\n __html: finalLabel,\n }}\n />\n {children}\n </div>\n );\n }\n}\n\nconst StyledBlankContent = useStyles(BlankContent);\n\nconst connectedBlankContent = useStyles(({ connectDropTarget, connectDragSource, ...props }) => {\n const { classes, isOver, value } = props;\n const dragContent = <StyledBlankContent {...props} />;\n const dragEl = !value ? dragContent : connectDragSource(<span>{dragContent}</span>);\n const content = <span className={classnames(classes.content, isOver && classes.over)}>{dragEl}</span>;\n\n return connectDropTarget ? connectDropTarget(content) : content;\n});\n\nexport const tileTarget = {\n drop(props, monitor) {\n const draggedItem = monitor.getItem();\n const shouldDrop =\n isUndefined(draggedItem.value.index) ||\n isUndefined(props.value.index) ||\n draggedItem.value.index !== props.value.index;\n\n if (shouldDrop) {\n props.onChange(draggedItem.value);\n }\n\n return {\n dropped: shouldDrop,\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-in-the-blank-choice', tileTarget, (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver(),\n dragItem: monitor.getItem(),\n}))(connectedBlankContent);\n\nexport const tileSource = {\n canDrag(props) {\n return !props.disabled && !!props.value;\n },\n beginDrag(props) {\n return {\n id: props.targetId,\n value: props.value,\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.removeResponse(draggedItem.value);\n }\n }\n },\n};\n\nexport default DragSource('drag-in-the-blank-choice', tileSource, (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n isDragging: monitor.isDragging(),\n}))(DropTile);\n"],"mappings":"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"}
|
|
@@ -1,26 +1,17 @@
|
|
|
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.onValueChange = exports.onRemoveResponse = exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
|
|
18
12
|
var _choice = _interopRequireDefault(require("./choice"));
|
|
19
|
-
|
|
20
13
|
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; }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
var onValueChange = function onValueChange(nodeProps, n, value) {
|
|
25
16
|
var val = nodeProps.editor.value;
|
|
26
17
|
var change = val.change();
|
|
@@ -33,9 +24,7 @@ var onValueChange = function onValueChange(nodeProps, n, value) {
|
|
|
33
24
|
nodeProps.editor.props.onEditingDone();
|
|
34
25
|
});
|
|
35
26
|
};
|
|
36
|
-
|
|
37
27
|
exports.onValueChange = onValueChange;
|
|
38
|
-
|
|
39
28
|
var onRemoveResponse = function onRemoveResponse(nodeProps, value) {
|
|
40
29
|
var val = nodeProps.editor.value;
|
|
41
30
|
var change = val.change();
|
|
@@ -51,16 +40,14 @@ var onRemoveResponse = function onRemoveResponse(nodeProps, value) {
|
|
|
51
40
|
nodeProps.editor.props.onEditingDone();
|
|
52
41
|
});
|
|
53
42
|
};
|
|
54
|
-
|
|
55
43
|
exports.onRemoveResponse = onRemoveResponse;
|
|
56
|
-
|
|
57
44
|
var DragDrop = function DragDrop(props) {
|
|
58
45
|
var attributes = props.attributes,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
46
|
+
children = props.children,
|
|
47
|
+
data = props.data,
|
|
48
|
+
n = props.n,
|
|
49
|
+
nodeProps = props.nodeProps,
|
|
50
|
+
opts = props.opts;
|
|
64
51
|
var inTable = data.inTable;
|
|
65
52
|
return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
|
|
66
53
|
style: {
|
|
@@ -85,7 +72,6 @@ var DragDrop = function DragDrop(props) {
|
|
|
85
72
|
}
|
|
86
73
|
}, nodeProps.children, children));
|
|
87
74
|
};
|
|
88
|
-
|
|
89
75
|
DragDrop.propTypes = {
|
|
90
76
|
attributes: _propTypes["default"].object,
|
|
91
77
|
data: _propTypes["default"].object,
|
|
@@ -95,4 +81,4 @@ DragDrop.propTypes = {
|
|
|
95
81
|
};
|
|
96
82
|
var _default = DragDrop;
|
|
97
83
|
exports["default"] = _default;
|
|
98
|
-
//# sourceMappingURL=
|
|
84
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["onValueChange","nodeProps","n","value","val","editor","change","setNodeByKey","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_choice","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","onValueChange","nodeProps","n","value","val","editor","change","setNodeByKey","data","index","props","onChange","onEditingDone","exports","onRemoveResponse","dragInTheBlank","document","findDescendant","DragDrop","attributes","children","opts","inTable","createElement","_extends2","style","display","minHeight","minWidth","position","margin","cursor","dragKey","targetId","duplicates","options","removeResponse","propTypes","PropTypes","_default"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragDropTile from './choice';\n\nexport const onValueChange = (nodeProps, n, value) => {\n const val = nodeProps.editor.value;\n const change = val.change();\n\n change.setNodeByKey(n.key, {\n data: {\n ...value,\n index: n.data.index\n }\n });\n\n nodeProps.editor.props.onChange(change, () => {\n nodeProps.editor.props.onEditingDone();\n });\n};\n\nexport const onRemoveResponse = (nodeProps, value) => {\n const val = nodeProps.editor.value;\n const change = val.change();\n const dragInTheBlank = val.document.findDescendant(\n n => n.data && n.data.index === value.index\n );\n\n change.setNodeByKey(dragInTheBlank.key, {\n data: {\n index: dragInTheBlank.data.index\n }\n });\n\n nodeProps.editor.props.onChange(change, () => {\n nodeProps.editor.props.onEditingDone();\n });\n};\n\nconst DragDrop = props => {\n const { attributes, children, data, n, nodeProps, opts } = props;\n const { inTable } = data;\n\n return (\n <span\n {...attributes}\n style={{\n display: 'inline-flex',\n minHeight: '50px',\n minWidth: '178px',\n position: 'relative',\n margin: inTable ? '10px' : '0 10px',\n cursor: 'pointer',\n }}\n >\n <DragDropTile\n n={n}\n dragKey={n.key}\n targetId=\"0\"\n value={data}\n duplicates={opts.options.duplicates}\n onChange={(value) => onValueChange(nodeProps, n, value)}\n removeResponse={(value) => onRemoveResponse(nodeProps, value)}\n >\n {nodeProps.children}\n {children}\n </DragDropTile>\n </span>\n );\n};\n\nDragDrop.propTypes = {\n attributes: PropTypes.object,\n data: PropTypes.object,\n n: PropTypes.object,\n nodeProps: PropTypes.object,\n opts: PropTypes.object,\n};\n\nexport default DragDrop;\n"],"mappings":"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"}
|
|
@@ -1,23 +1,18 @@
|
|
|
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
|
|
17
12
|
var attributes = props.attributes,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
children = props.children,
|
|
14
|
+
value = props.value,
|
|
15
|
+
error = props.error;
|
|
21
16
|
return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
|
|
22
17
|
style: {
|
|
23
18
|
display: 'inline-flex',
|
|
@@ -45,11 +40,11 @@ var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
|
|
|
45
40
|
}
|
|
46
41
|
}), children);
|
|
47
42
|
};
|
|
48
|
-
|
|
49
43
|
ExplicitConstructedResponse.propTypes = {
|
|
50
44
|
attributes: _propTypes["default"].object,
|
|
45
|
+
error: _propTypes["default"].any,
|
|
51
46
|
value: _propTypes["default"].string
|
|
52
47
|
};
|
|
53
48
|
var _default = ExplicitConstructedResponse;
|
|
54
49
|
exports["default"] = _default;
|
|
55
|
-
//# sourceMappingURL=
|
|
50
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ExplicitConstructedResponse","props","attributes","children","value","error","display","minHeight","minWidth","position","margin","cursor","height","background","border","boxSizing","borderRadius","overflow","padding","__html","propTypes","PropTypes","object","string"],"sources":["../../../../src/plugins/respArea/explicit-constructed-response/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = props => {\n const { attributes, children, value, error } = props;\n\n return (\n <span\n {...attributes}\n style={{\n display: 'inline-flex',\n minHeight: '50px',\n minWidth: '178px',\n position: 'relative',\n margin: '0 5px',\n cursor: 'pointer'
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","ExplicitConstructedResponse","props","attributes","children","value","error","createElement","_extends2","style","display","minHeight","minWidth","position","margin","cursor","height","background","border","concat","boxSizing","borderRadius","overflow","padding","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","any","string","_default","exports"],"sources":["../../../../src/plugins/respArea/explicit-constructed-response/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ExplicitConstructedResponse = props => {\n const { attributes, children, value, error } = props;\n\n return (\n <span\n {...attributes}\n style={{\n display: 'inline-flex',\n minHeight: '50px',\n minWidth: '178px',\n position: 'relative',\n margin: '0 5px',\n cursor: 'pointer',\n }}\n >\n <div\n style={{\n display: 'inline-flex',\n minWidth: '178px',\n minHeight: '36px',\n height: '36px',\n background: '#FFF',\n border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n boxSizing: 'border-box',\n borderRadius: '3px',\n overflow: 'hidden',\n padding: '8px',\n }}\n dangerouslySetInnerHTML={{\n __html: value || '<div> </div>',\n }}\n />\n {children}\n </span>\n );\n};\n\nExplicitConstructedResponse.propTypes = {\n attributes: PropTypes.object,\n error: PropTypes.any,\n value: PropTypes.string,\n};\n\nexport default ExplicitConstructedResponse;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAGC,KAAK,EAAI;EAC3C,IAAQC,UAAU,GAA6BD,KAAK,CAA5CC,UAAU;IAAEC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ;IAAEC,KAAK,GAAYH,KAAK,CAAtBG,KAAK;IAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EAE1C,oBACET,MAAA,YAAAU,aAAA,aAAAC,SAAA,iBACML,UAAU;IACdM,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBC,SAAS,EAAE,MAAM;MACjBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,OAAO;MACfC,MAAM,EAAE;IACV;EAAE,iBAEFlB,MAAA,YAAAU,aAAA;IACEE,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBE,QAAQ,EAAE,OAAO;MACjBD,SAAS,EAAE,MAAM;MACjBK,MAAM,EAAE,MAAM;MACdC,UAAU,EAAE,MAAM;MAClBC,MAAM,eAAAC,MAAA,CAAeb,KAAK,GAAG,KAAK,GAAG,SAAS,CAAE;MAChDc,SAAS,EAAE,YAAY;MACvBC,YAAY,EAAE,KAAK;MACnBC,QAAQ,EAAE,QAAQ;MAClBC,OAAO,EAAE;IACX,CAAE;IACFC,uBAAuB,EAAE;MACvBC,MAAM,EAAEpB,KAAK,IAAI;IACnB;EAAE,CACH,CAAC,EACDD,QACG,CAAC;AAEX,CAAC;AAEDH,2BAA2B,CAACyB,SAAS,GAAG;EACtCvB,UAAU,EAAEwB,qBAAS,CAACC,MAAM;EAC5BtB,KAAK,EAAEqB,qBAAS,CAACE,GAAG;EACpBxB,KAAK,EAAEsB,qBAAS,CAACG;AACnB,CAAC;AAAC,IAAAC,QAAA,GAEa9B,2BAA2B;AAAA+B,OAAA,cAAAD,QAAA"}
|
|
@@ -1,47 +1,33 @@
|
|
|
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
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
|
|
17
|
-
|
|
18
12
|
var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
|
|
19
|
-
|
|
20
13
|
var _styles = require("@material-ui/core/styles");
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
var getRotate = function getRotate(direction) {
|
|
27
17
|
switch (direction) {
|
|
28
18
|
case 'down':
|
|
29
19
|
return 90;
|
|
30
|
-
|
|
31
20
|
case 'up':
|
|
32
21
|
return -90;
|
|
33
|
-
|
|
34
22
|
case 'left':
|
|
35
23
|
return 180;
|
|
36
|
-
|
|
37
24
|
default:
|
|
38
25
|
return 0;
|
|
39
26
|
}
|
|
40
27
|
};
|
|
41
|
-
|
|
42
28
|
var Chevron = function Chevron(props) {
|
|
43
29
|
var direction = props.direction,
|
|
44
|
-
|
|
30
|
+
style = props.style;
|
|
45
31
|
var rotate = getRotate(direction);
|
|
46
32
|
return /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
|
|
47
33
|
style: _objectSpread({
|
|
@@ -49,13 +35,11 @@ var Chevron = function Chevron(props) {
|
|
|
49
35
|
}, style)
|
|
50
36
|
});
|
|
51
37
|
};
|
|
52
|
-
|
|
53
38
|
exports.Chevron = Chevron;
|
|
54
39
|
Chevron.propTypes = {
|
|
55
40
|
direction: _propTypes["default"].string,
|
|
56
41
|
style: _propTypes["default"].object
|
|
57
42
|
};
|
|
58
|
-
|
|
59
43
|
var GripIcon = function GripIcon(_ref) {
|
|
60
44
|
var style = _ref.style;
|
|
61
45
|
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -66,23 +50,24 @@ var GripIcon = function GripIcon(_ref) {
|
|
|
66
50
|
}
|
|
67
51
|
}), /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null));
|
|
68
52
|
};
|
|
69
|
-
|
|
70
53
|
exports.GripIcon = GripIcon;
|
|
71
54
|
GripIcon.propTypes = {
|
|
72
55
|
style: _propTypes["default"].object
|
|
73
56
|
};
|
|
74
|
-
var ToolbarIcon = (0, _styles.withStyles)({
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
57
|
+
var ToolbarIcon = (0, _styles.withStyles)(function (theme) {
|
|
58
|
+
return {
|
|
59
|
+
icon: {
|
|
60
|
+
fontFamily: 'Cerebri Sans !important',
|
|
61
|
+
fontSize: theme.typography.fontSize,
|
|
62
|
+
fontWeight: 'bold',
|
|
63
|
+
lineHeight: '14px',
|
|
64
|
+
position: 'relative',
|
|
65
|
+
top: '7px',
|
|
66
|
+
width: '110px',
|
|
67
|
+
height: '28px',
|
|
68
|
+
whiteSpace: 'nowrap'
|
|
69
|
+
}
|
|
70
|
+
};
|
|
86
71
|
})(function (_ref2) {
|
|
87
72
|
var classes = _ref2.classes;
|
|
88
73
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -90,4 +75,4 @@ var ToolbarIcon = (0, _styles.withStyles)({
|
|
|
90
75
|
}, "+ Response Area");
|
|
91
76
|
});
|
|
92
77
|
exports.ToolbarIcon = ToolbarIcon;
|
|
93
|
-
//# sourceMappingURL=
|
|
78
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["getRotate","direction","Chevron","props","style","rotate","transform","propTypes","PropTypes","string","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_ChevronRight","_MoreVert","_styles","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","getRotate","direction","Chevron","props","style","rotate","createElement","transform","concat","exports","propTypes","PropTypes","string","GripIcon","_ref","margin","ToolbarIcon","withStyles","theme","icon","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","width","height","whiteSpace","_ref2","classes","className"],"sources":["../../../../src/plugins/respArea/icons/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport MoreVert from '@material-ui/icons/MoreVert';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst getRotate = (direction) => {\n switch (direction) {\n case 'down':\n return 90;\n\n case 'up':\n return -90;\n\n case 'left':\n return 180;\n\n default:\n return 0;\n }\n};\n\nexport const Chevron = (props) => {\n const { direction, style } = props;\n const rotate = getRotate(direction);\n\n return (\n <ChevronRight\n style={{\n transform: `rotate(${rotate}deg)`,\n ...style,\n }}\n />\n );\n};\n\nChevron.propTypes = {\n direction: PropTypes.string,\n style: PropTypes.object,\n};\n\nexport const GripIcon = ({ style }) => {\n return (\n <span style={style}>\n <MoreVert\n style={{\n margin: '0 -16px',\n }}\n />\n <MoreVert />\n </span>\n );\n};\n\nGripIcon.propTypes = {\n style: PropTypes.object,\n};\n\nexport const ToolbarIcon = withStyles((theme) => ({\n icon: {\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}))(({ classes }) => <div className={classes.icon}>+ Response Area</div>);\n"],"mappings":"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"}
|