@pie-lib/editable-html 12.1.0-next.2 → 12.1.0-next.5

package/lib/plugins/respArea/drag-in-the-blank/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_core","_renderUi","_mathRendering","_styles","_icons","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","minWidth","color","correct","error","primaryDark","BlankContent","_ref2","_dragItem$value2","_dragItem$value3","children","isDragging","isOver","dragItem","value","externalStyle","style","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","_dragItem$value","currentContent","renderMath","id","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","hasContent","containsHTML","test","spanProps","key","createElement","ref","display","minHeight","background","defaults","BORDER_LIGHT","WHITE","BORDER_DARK","boxSizing","borderRadius","overflow","position","padding","undefined","contentEditable","GripIcon","top","left","_extends2","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","func","bool","disabled","DragDropChoice","_ref3","_dragItem$data","instanceId","nodeProps","opts","_useDraggable","useDraggable","data","type","fromChoice","onRemove","draggedData","onRemoveResponse","onDrop","dropData","isValidBlank","onValueChange","options","duplicates","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","content","className","classnames","string","isRequired","shape","_default","exports"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/choice.jsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { color } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { styled } from '@mui/material/styles';\n\nimport { GripIcon } from '../icons';\nimport { onValueChange, onRemoveResponse } from './utils';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  '& mjx-frac': {\n    fontSize: '120% !important',\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 function BlankContent({\n  n,\n  children,\n  isDragging,\n  isOver,\n  dragItem,\n  value,\n  style: externalStyle\n}) {\n  const [hoveredElementSize, setHoveredElementSize] = useState(null);\n  const elementRef = useRef(null);\n\n  const handleClick = (event) => {\n    if (!elementRef.current) return;\n\n    if (elementRef.current.contains(event.target)) {\n      elementRef.current.classList.add('selected');\n    } else {\n      elementRef.current.classList.remove('selected');\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleClick);\n    return () => {\n      document.removeEventListener('click', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    // Render math for the current value or preview\n    const currentContent = (isOver && dragItem?.value?.value) || value?.value;\n\n    if (!currentContent) return;\n\n    if (elementRef.current && typeof renderMath === 'function') {\n      renderMath(elementRef.current);\n    }\n  }, [value?.id, value?.value, isOver, dragItem?.value?.id, dragItem?.value?.value]);\n\n  useEffect(() => {\n    if (isOver && elementRef.current && !hoveredElementSize) {\n      const node = elementRef.current;\n      setHoveredElementSize({ width: node.offsetWidth, height: node.offsetHeight });\n    } else if (!isOver && hoveredElementSize) {\n      setHoveredElementSize(null);\n    }\n  }, [isOver, hoveredElementSize]);\n\n  const label = dragItem && dragItem.value && isOver ? dragItem.value.value : value.value || '\\u00A0';\n  const finalLabel = isDragging ? '\\u00A0' : label;\n  const hasGrip = finalLabel !== '\\u00A0';\n  const isPreview = dragItem && isOver;\n  const hasContent = finalLabel !== '\\u00A0';\n  const containsHTML = hasContent && /<[^>]+>/.test(finalLabel);\n\n  const spanProps = {\n    key: `${n.key}-${isPreview ? 'preview' : 'value'}`,\n    ...(hasContent && { 'data-latex': '', 'data-raw': finalLabel }),\n  };\n\n  return (\n    <div\n      ref={elementRef}\n      style={{\n        display: 'inline-flex',\n        minWidth: '178px',\n        minHeight: '36px',\n        background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n        border: isPreview ? `1px solid  ${color.defaults.BORDER_DARK}` : `1px solid  ${color.defaults.BORDER_LIGHT}`,\n        boxSizing: 'border-box',\n        borderRadius: '3px',\n        overflow: 'hidden',\n        position: 'relative',\n        padding: '8px 8px 8px 35px',\n        width: hoveredElementSize ? hoveredElementSize.width : undefined,\n        height: hoveredElementSize ? hoveredElementSize.height : undefined,\n        ...externalStyle,\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      {containsHTML ? (\n        <span {...spanProps} dangerouslySetInnerHTML={{ __html: finalLabel }} />\n      ) : (\n        <span {...spanProps}>{finalLabel}</span>\n      )}\n      {children}\n    </div>\n  );\n}\n\nBlankContent.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  disabled: PropTypes.bool,\n  style: PropTypes.object,\n};\n\nfunction DragDropChoice({\n  value,\n  disabled,\n  instanceId,\n  children,\n  n,\n  nodeProps,\n  opts,\n}) {\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    isDragging,\n  } = useDraggable({\n    id: `drag-${n.key}`,\n    disabled: disabled || !value?.value,\n    data: {\n      id: `drag-${n.key}`,\n      value,\n      instanceId,\n      nodeProps,\n      n,\n      opts,\n      type: 'drag-in-the-blank-placed-choice',\n      fromChoice: !value,\n      onRemove: (draggedData) => onRemoveResponse(nodeProps, draggedData.value),\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank =\n          dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // place into blank\n        onValueChange(nodeProps, n, draggedData.value);\n\n        if (!opts.options.duplicates && draggedData.fromChoice) {\n          onRemoveResponse(nodeProps, draggedData.value);\n        }\n      }\n    }\n  });\n\n  const {\n    setNodeRef: setDropNodeRef,\n    isOver,\n    active: dragItem,\n  } = useDroppable({\n    id: `drop-${n.key}`,\n    data: {\n      type: 'drag-in-the-blank-drop-choice',\n      accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],\n      instanceId: instanceId,\n      value: value,\n      id: `drop-${n.key}`,\n      nodeProps,\n      n,\n      opts,\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank =\n          dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // if the dragged and dropped data are the same, do nothing\n        if (draggedData.value.id === dropData.value.id) return;\n\n        if (draggedData.type === 'drag-in-the-blank-choice') {\n          // place into blank\n          onValueChange(nodeProps, n, draggedData.value);\n\n          if (!opts.options.duplicates && draggedData.fromChoice) {\n            onRemoveResponse(nodeProps, draggedData.value);\n          }\n          return;\n        }\n\n        // moving placed choice between blanks\n        if (draggedData.type === 'drag-in-the-blank-placed-choice') {\n          // clear target blank\n          onRemoveResponse(nodeProps, dropData.value);\n\n          // set new blank value\n          onValueChange(nodeProps, n, draggedData.value);\n\n          // clear original blank - slight delay to ensure state updates correctly\n          setTimeout(() => onRemoveResponse(nodeProps, draggedData.value), 10);\n        }\n      }\n    }\n  });\n\n  const setNodeRef = (node) => {\n    setDragNodeRef(node);\n    setDropNodeRef(node);\n  };\n\n  const dragContent = (\n    <BlankContent\n      n={n}\n      isDragging={isDragging}\n      isOver={isOver}\n      dragItem={dragItem?.data?.current}\n      value={value}\n      disabled={disabled}\n    >\n      {children}\n    </BlankContent>\n  );\n\n  const dragEl = !value ? (\n    <span ref={setDropNodeRef}>{dragContent}</span>\n  ) : (\n    <span ref={setNodeRef} {...dragAttributes} {...dragListeners}>\n      {dragContent}\n    </span>\n  );\n\n  const content = (\n    <StyledContent className={classnames(isOver && 'over')}>\n      {dragEl}\n    </StyledContent>\n  );\n\n  return content;\n}\n\nDragDropChoice.propTypes = {\n  value: PropTypes.object,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.string,\n  children: PropTypes.node,\n  n: PropTypes.object.isRequired,\n  nodeProps: PropTypes.object.isRequired,\n  opts: PropTypes.shape({\n    options: PropTypes.shape({\n      duplicates: PropTypes.bool,\n    }),\n  }).isRequired,\n};\n\nexport default DragDropChoice;\n"],"mappings":"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","ignoreList":[]}

package/lib/plugins/respArea/drag-in-the-blank/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _choice = _interopRequireDefault(require("./choice"));
+var _utils = require("./utils");
+var DragDrop = function DragDrop(_ref) {
+  var _nodeProps$editor;
+  var attributes = _ref.attributes,
+    data = _ref.data,
+    n = _ref.n,
+    nodeProps = _ref.nodeProps,
+    opts = _ref.opts;
+  var inTable = data.inTable;
+  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
+    style: {
+      display: 'inline-flex',
+      minHeight: '50px',
+      minWidth: '178px',
+      position: 'relative',
+      margin: inTable ? '10px' : '0 10px',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+    n: n,
+    dragKey: n.key,
+    targetId: "drop-".concat(n.key),
+    value: data,
+    duplicates: opts.options.duplicates,
+    onChange: function onChange(value) {
+      return (0, _utils.onValueChange)(nodeProps, n, value);
+    },
+    removeResponse: function removeResponse(value) {
+      return (0, _utils.onRemoveResponse)(nodeProps, value);
+    },
+    instanceId: ((_nodeProps$editor = nodeProps.editor) === null || _nodeProps$editor === void 0 || (_nodeProps$editor = _nodeProps$editor.props) === null || _nodeProps$editor === void 0 ? void 0 : _nodeProps$editor.instanceId) || 'default',
+    nodeProps: nodeProps,
+    opts: opts
+  }, nodeProps.children));
+};
+DragDrop.propTypes = {
+  attributes: _propTypes["default"].object,
+  data: _propTypes["default"].object,
+  n: _propTypes["default"].object,
+  nodeProps: _propTypes["default"].object,
+  opts: _propTypes["default"].object
+};
+var _default = exports["default"] = DragDrop;
+//# sourceMappingURL=index.js.map

package/lib/plugins/respArea/drag-in-the-blank/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_choice","_utils","DragDrop","_ref","_nodeProps$editor","attributes","data","n","nodeProps","opts","inTable","createElement","_extends2","style","display","minHeight","minWidth","position","margin","cursor","dragKey","key","targetId","concat","value","duplicates","options","onChange","onValueChange","removeResponse","onRemoveResponse","instanceId","editor","props","children","propTypes","PropTypes","object","_default","exports"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragDropTile from './choice';\nimport { onValueChange, onRemoveResponse } from './utils';\n\nconst DragDrop = ({ attributes, data, n, nodeProps, opts }) => {\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={`drop-${n.key}`}\n          value={data}\n          duplicates={opts.options.duplicates}\n          onChange={(value) => onValueChange(nodeProps, n, value)}\n          removeResponse={(value) => onRemoveResponse(nodeProps, value)}\n          instanceId={nodeProps.editor?.props?.instanceId || 'default'}\n          nodeProps={nodeProps}\n          opts={opts}\n        >\n          {nodeProps.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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAiD;EAAA,IAAAC,iBAAA;EAAA,IAA3CC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,CAAC,GAAAJ,IAAA,CAADI,CAAC;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAEC,IAAI,GAAAN,IAAA,CAAJM,IAAI;EACtD,IAAQC,OAAO,GAAKJ,IAAI,CAAhBI,OAAO;EAEf,oBACId,MAAA,YAAAe,aAAA,aAAAC,SAAA,iBACMP,UAAU;IACdQ,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBC,SAAS,EAAE,MAAM;MACjBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAER,OAAO,GAAG,MAAM,GAAG,QAAQ;MACnCS,MAAM,EAAE;IACV;EAAE,iBAEFvB,MAAA,YAAAe,aAAA,CAACX,OAAA,WAAY;IACXO,CAAC,EAAEA,CAAE;IACLa,OAAO,EAAEb,CAAC,CAACc,GAAI;IACfC,QAAQ,UAAAC,MAAA,CAAUhB,CAAC,CAACc,GAAG,CAAG;IAC1BG,KAAK,EAAElB,IAAK;IACZmB,UAAU,EAAEhB,IAAI,CAACiB,OAAO,CAACD,UAAW;IACpCE,QAAQ,EAAE,SAAVA,QAAQA,CAAGH,KAAK;MAAA,OAAK,IAAAI,oBAAa,EAACpB,SAAS,EAAED,CAAC,EAAEiB,KAAK,CAAC;IAAA,CAAC;IACxDK,cAAc,EAAE,SAAhBA,cAAcA,CAAGL,KAAK;MAAA,OAAK,IAAAM,uBAAgB,EAACtB,SAAS,EAAEgB,KAAK,CAAC;IAAA,CAAC;IAC9DO,UAAU,EAAE,EAAA3B,iBAAA,GAAAI,SAAS,CAACwB,MAAM,cAAA5B,iBAAA,gBAAAA,iBAAA,GAAhBA,iBAAA,CAAkB6B,KAAK,cAAA7B,iBAAA,uBAAvBA,iBAAA,CAAyB2B,UAAU,KAAI,SAAU;IAC7DvB,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA;EAAK,GAEVD,SAAS,CAAC0B,QACC,CACV,CAAC;AAEb,CAAC;AAEDhC,QAAQ,CAACiC,SAAS,GAAG;EACnB9B,UAAU,EAAE+B,qBAAS,CAACC,MAAM;EAC5B/B,IAAI,EAAE8B,qBAAS,CAACC,MAAM;EACtB9B,CAAC,EAAE6B,qBAAS,CAACC,MAAM;EACnB7B,SAAS,EAAE4B,qBAAS,CAACC,MAAM;EAC3B5B,IAAI,EAAE2B,qBAAS,CAACC;AAClB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEarC,QAAQ","ignoreList":[]}

package/lib/plugins/respArea/drag-in-the-blank/utils.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onValueChange = exports.onRemoveResponse = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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; }
+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; }
+var onRemoveResponse = exports.onRemoveResponse = function onRemoveResponse(nodeProps, value) {
+  var val = nodeProps.editor.value;
+  var change = val.change();
+  var dragInTheBlank = val.document.findDescendant(function (n) {
+    return n.data && n.data.get('index') === value.index;
+  });
+  change.setNodeByKey(dragInTheBlank.key, {
+    data: {
+      index: dragInTheBlank.data.get('index')
+    }
+  });
+  nodeProps.editor.props.onChange(change, function () {
+    nodeProps.editor.props.onEditingDone();
+  });
+};
+var onValueChange = exports.onValueChange = function onValueChange(nodeProps, n, value) {
+  var val = nodeProps.editor.value;
+  var change = val.change();
+  change.setNodeByKey(n.key, {
+    data: _objectSpread(_objectSpread({}, value), {}, {
+      index: n.data.get('index')
+    })
+  });
+  nodeProps.editor.props.onChange(change, function () {
+    nodeProps.editor.props.onEditingDone();
+  });
+};
+//# sourceMappingURL=utils.js.map

package/lib/plugins/respArea/drag-in-the-blank/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["onRemoveResponse","exports","nodeProps","value","val","editor","change","dragInTheBlank","document","findDescendant","n","data","get","index","setNodeByKey","key","props","onChange","onEditingDone","onValueChange","_objectSpread"],"sources":["../../../../src/plugins/respArea/drag-in-the-blank/utils.js"],"sourcesContent":["export const onRemoveResponse = (nodeProps, value) => {\n    const val = nodeProps.editor.value;\n    const change = val.change();\n    const dragInTheBlank = val.document.findDescendant((n) => n.data && n.data.get('index') === value.index);\n    change.setNodeByKey(dragInTheBlank.key, { data: { index: dragInTheBlank.data.get('index'), }, });\n    nodeProps.editor.props.onChange(change, () => { nodeProps.editor.props.onEditingDone(); });\n};\n\nexport const onValueChange = (nodeProps, n, value) => {\n    const val = nodeProps.editor.value;\n    const change = val.change();\n    change.setNodeByKey(n.key, { data: { ...value, index: n.data.get('index'), }, });\n    nodeProps.editor.props.onChange(change, () => { nodeProps.editor.props.onEditingDone(); });\n};"],"mappings":";;;;;;;;;;AAAO,IAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,SAAS,EAAEC,KAAK,EAAK;EAClD,IAAMC,GAAG,GAAGF,SAAS,CAACG,MAAM,CAACF,KAAK;EAClC,IAAMG,MAAM,GAAGF,GAAG,CAACE,MAAM,CAAC,CAAC;EAC3B,IAAMC,cAAc,GAAGH,GAAG,CAACI,QAAQ,CAACC,cAAc,CAAC,UAACC,CAAC;IAAA,OAAKA,CAAC,CAACC,IAAI,IAAID,CAAC,CAACC,IAAI,CAACC,GAAG,CAAC,OAAO,CAAC,KAAKT,KAAK,CAACU,KAAK;EAAA,EAAC;EACxGP,MAAM,CAACQ,YAAY,CAACP,cAAc,CAACQ,GAAG,EAAE;IAAEJ,IAAI,EAAE;MAAEE,KAAK,EAAEN,cAAc,CAACI,IAAI,CAACC,GAAG,CAAC,OAAO;IAAG;EAAG,CAAC,CAAC;EAChGV,SAAS,CAACG,MAAM,CAACW,KAAK,CAACC,QAAQ,CAACX,MAAM,EAAE,YAAM;IAAEJ,SAAS,CAACG,MAAM,CAACW,KAAK,CAACE,aAAa,CAAC,CAAC;EAAE,CAAC,CAAC;AAC9F,CAAC;AAEM,IAAMC,aAAa,GAAAlB,OAAA,CAAAkB,aAAA,GAAG,SAAhBA,aAAaA,CAAIjB,SAAS,EAAEQ,CAAC,EAAEP,KAAK,EAAK;EAClD,IAAMC,GAAG,GAAGF,SAAS,CAACG,MAAM,CAACF,KAAK;EAClC,IAAMG,MAAM,GAAGF,GAAG,CAACE,MAAM,CAAC,CAAC;EAC3BA,MAAM,CAACQ,YAAY,CAACJ,CAAC,CAACK,GAAG,EAAE;IAAEJ,IAAI,EAAAS,aAAA,CAAAA,aAAA,KAAOjB,KAAK;MAAEU,KAAK,EAAEH,CAAC,CAACC,IAAI,CAACC,GAAG,CAAC,OAAO;IAAC;EAAK,CAAC,CAAC;EAChFV,SAAS,CAACG,MAAM,CAACW,KAAK,CAACC,QAAQ,CAACX,MAAM,EAAE,YAAM;IAAEJ,SAAS,CAACG,MAAM,CAACW,KAAK,CAACE,aAAa,CAAC,CAAC;EAAE,CAAC,CAAC;AAC9F,CAAC","ignoreList":[]}

package/lib/plugins/respArea/explicit-constructed-response/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
+  var attributes = props.attributes,
+    value = props.value,
+    error = props.error;
+  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
+    style: {
+      display: 'inline-flex',
+      visibility: props.isFocused ? 'hidden' : 'visible',
+      minHeight: '55px',
+      minWidth: '178px',
+      position: 'relative',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex',
+      width: '100%',
+      minHeight: '46px',
+      height: '46px',
+      backgroundColor: '#FFF',
+      border: "1px solid ".concat(error ? 'red' : '#C0C3CF'),
+      boxSizing: 'border-box',
+      borderRadius: '4px',
+      overflow: 'hidden',
+      padding: '12px 21px',
+      marginLeft: '4px'
+    },
+    dangerouslySetInnerHTML: {
+      __html: value || '<div>&nbsp;</div>'
+    }
+  }));
+};
+ExplicitConstructedResponse.propTypes = {
+  attributes: _propTypes["default"].object,
+  error: _propTypes["default"].any,
+  value: _propTypes["default"].string,
+  isFocused: _propTypes["default"].bool
+};
+var _default = exports["default"] = ExplicitConstructedResponse;
+//# sourceMappingURL=index.js.map

package/lib/plugins/respArea/explicit-constructed-response/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","ExplicitConstructedResponse","props","attributes","value","error","createElement","_extends2","style","display","visibility","isFocused","minHeight","minWidth","position","cursor","width","height","backgroundColor","border","concat","boxSizing","borderRadius","overflow","padding","marginLeft","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","any","string","bool","_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, value, error } = props;\n\n  return (\n    <span\n      {...attributes}\n      style={{\n        display: 'inline-flex',\n        visibility: props.isFocused ? 'hidden' : 'visible',\n        minHeight: '55px',\n        minWidth: '178px',\n        position: 'relative',\n        cursor: 'pointer',\n      }}\n    >\n      <div\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          marginLeft: '4px',\n        }}\n        dangerouslySetInnerHTML={{\n          __html: value || '<div>&nbsp;</div>',\n        }}\n      />\n    </span>\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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAIC,KAAK,EAAK;EAC7C,IAAQC,UAAU,GAAmBD,KAAK,CAAlCC,UAAU;IAAEC,KAAK,GAAYF,KAAK,CAAtBE,KAAK;IAAEC,KAAK,GAAKH,KAAK,CAAfG,KAAK;EAEhC,oBACER,MAAA,YAAAS,aAAA,aAAAC,SAAA,iBACMJ,UAAU;IACdK,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBC,UAAU,EAAER,KAAK,CAACS,SAAS,GAAG,QAAQ,GAAG,SAAS;MAClDC,SAAS,EAAE,MAAM;MACjBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV;EAAE,iBAEFlB,MAAA,YAAAS,aAAA;IACEE,KAAK,EAAE;MACLC,OAAO,EAAE,aAAa;MACtBO,KAAK,EAAE,MAAM;MACbJ,SAAS,EAAE,MAAM;MACjBK,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE,MAAM;MACvBC,MAAM,eAAAC,MAAA,CAAef,KAAK,GAAG,KAAK,GAAG,SAAS,CAAE;MAChDgB,SAAS,EAAE,YAAY;MACvBC,YAAY,EAAE,KAAK;MACnBC,QAAQ,EAAE,QAAQ;MAClBC,OAAO,EAAE,WAAW;MACpBC,UAAU,EAAE;IACd,CAAE;IACFC,uBAAuB,EAAE;MACvBC,MAAM,EAAEvB,KAAK,IAAI;IACnB;EAAE,CACH,CACG,CAAC;AAEX,CAAC;AAEDH,2BAA2B,CAAC2B,SAAS,GAAG;EACtCzB,UAAU,EAAE0B,qBAAS,CAACC,MAAM;EAC5BzB,KAAK,EAAEwB,qBAAS,CAACE,GAAG;EACpB3B,KAAK,EAAEyB,qBAAS,CAACG,MAAM;EACvBrB,SAAS,EAAEkB,qBAAS,CAACI;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEalC,2BAA2B","ignoreList":[]}

package/lib/plugins/respArea/icons/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarIcon = exports.GripIcon = exports.Chevron = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _styles = require("@mui/material/styles");
+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; }
+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; }
+var getRotate = function getRotate(direction) {
+  switch (direction) {
+    case 'down':
+      return 90;
+    case 'up':
+      return -90;
+    case 'left':
+      return 180;
+    default:
+      return 0;
+  }
+};
+var Chevron = exports.Chevron = function Chevron(props) {
+  var direction = props.direction,
+    style = props.style;
+  var rotate = getRotate(direction);
+  return /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
+    style: _objectSpread({
+      transform: "rotate(".concat(rotate, "deg)")
+    }, style)
+  });
+};
+Chevron.propTypes = {
+  direction: _propTypes["default"].string,
+  style: _propTypes["default"].object
+};
+var GripIcon = exports.GripIcon = function GripIcon(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], {
+    style: {
+      margin: '0 -16px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null));
+};
+GripIcon.propTypes = {
+  style: _propTypes["default"].object
+};
+var StyledToolbarIcon = (0, _styles.styled)('div')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    fontFamily: 'Cerebri Sans !important',
+    fontSize: theme.typography.fontSize,
+    fontWeight: 'bold',
+    lineHeight: '14px',
+    position: 'relative',
+    top: '7px',
+    width: '110px',
+    height: '28px',
+    whiteSpace: 'nowrap'
+  };
+});
+var ToolbarIcon = exports.ToolbarIcon = function ToolbarIcon() {
+  return /*#__PURE__*/_react["default"].createElement(StyledToolbarIcon, null, "+ Response Area");
+};
+//# sourceMappingURL=index.js.map

package/lib/plugins/respArea/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_ChevronRight","_MoreVert","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","getRotate","direction","Chevron","exports","props","style","rotate","createElement","transform","concat","propTypes","PropTypes","string","object","GripIcon","_ref","margin","StyledToolbarIcon","styled","_ref2","theme","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","width","height","whiteSpace","ToolbarIcon"],"sources":["../../../../src/plugins/respArea/icons/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport MoreVert from '@mui/icons-material/MoreVert';\nimport { styled } from '@mui/material/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\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/plugins/respArea/index.js

@@ -0,0 +1,287 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ResponseAreaPlugin;
+exports.serialization = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _debug = _interopRequireDefault(require("debug"));
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
+var _inlineDropdown = _interopRequireDefault(require("./inline-dropdown"));
+var _dragInTheBlank = _interopRequireDefault(require("./drag-in-the-blank"));
+var _explicitConstructedResponse = _interopRequireDefault(require("./explicit-constructed-response"));
+var _mathTemplated = _interopRequireDefault(require("./math-templated"));
+var _utils = require("./utils");
+var _icons = require("./icons");
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:respArea');
+var lastIndexMap = {};
+var elTypesMap = {
+  'inline-dropdown': 'inline_dropdown',
+  'explicit-constructed-response': 'explicit_constructed_response',
+  'math-templated': 'math_templated',
+  'drag-in-the-blank': 'drag_in_the_blank'
+};
+var elTypesArray = Object.values(elTypesMap);
+function ResponseAreaPlugin(opts) {
+  var isOfCurrentType = function isOfCurrentType(d) {
+    return d.type === opts.type || d.type === elTypesMap[opts.type];
+  };
+  var toolbar = {
+    icon: /*#__PURE__*/_react["default"].createElement(_icons.ToolbarIcon, null),
+    buttonStyles: {
+      margin: '0 20px 0 auto'
+    },
+    onClick: function onClick(value, onChange) {
+      log('[toolbar] onClick');
+      var change = value.change();
+      var currentRespAreaList = change.value.document.filterDescendants(isOfCurrentType);
+      if (currentRespAreaList.size >= opts.maxResponseAreas) {
+        return;
+      }
+      var type = opts.type.replace(/-/g, '_');
+      var prevIndex = lastIndexMap[type];
+      var newIndex = prevIndex === 0 ? prevIndex : prevIndex + 1;
+      var newInline = (0, _utils.getDefaultElement)(opts, newIndex);
+      lastIndexMap[type] += 1;
+      if (newInline) {
+        if (change.value.selection.startKey || change.value.selection.endKey) {
+          change.insertInline(newInline);
+        } else {
+          // If the markup is empty and there's no focus
+          var lastText = value.document.getLastText();
+          if (!lastText) {
+            return;
+          }
+          var parentNode = value.document.getParent(lastText.key);
+          if (parentNode) {
+            var index = parentNode.nodes.indexOf(lastText.key);
+            if (parentNode.isVoid) return;
+            change.insertNodeByKey(parentNode.key, index + 1, newInline);
+          }
+        }
+        if (newInline.type === 'drag_in_the_blank') {
+          var nextText = change.value.document.getNextText(newInline.key);
+          if (nextText) {
+            change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
+          }
+        }
+        if (newInline.type === 'math_templated') {
+          var _nextText = change.value.document.getNextText(newInline.key);
+          if (_nextText) {
+            change.moveFocusTo(_nextText.key, 0).moveAnchorTo(_nextText.key, 0);
+          }
+        }
+        onChange(change);
+      }
+    },
+    customToolbar: opts.respAreaToolbar,
+    supports: function supports(node) {
+      return node.object === 'inline' && elTypesArray.indexOf(node.type) >= 0;
+    },
+    showDone: false
+  };
+  return {
+    name: 'response_area',
+    toolbar: toolbar,
+    filterPlugins: function filterPlugins(node, plugins) {
+      if (node.type === 'explicit_constructed_response' || node.type === 'math_templated' || node.type === 'drag_in_the_blank') {
+        return [];
+      }
+      return plugins.filter(function (p) {
+        return p.name !== 'response_area';
+      });
+    },
+    deleteNode: function deleteNode(e, node, value, onChange) {
+      e.preventDefault();
+      var change = value.change().removeNodeByKey(node.key);
+      onChange(change);
+    },
+    renderNode: function renderNode(props) {
+      var attributes = props.attributes,
+        n = props.node,
+        isFocused = props.isFocused;
+      if (n.type === 'explicit_constructed_response') {
+        var data = n.data.toJSON();
+        var error;
+        if (opts.error) {
+          error = opts.error();
+        }
+        return /*#__PURE__*/_react["default"].createElement(_explicitConstructedResponse["default"], {
+          attributes: attributes,
+          isFocused: isFocused,
+          value: data.value,
+          error: error && error[data.index] && error[data.index][0]
+        });
+      }
+      if (n.type === 'math_templated') {
+        var _data = n.data.toJSON();
+        var _error;
+        if (opts.error) {
+          _error = opts.error();
+        }
+
+        // add 1 to index to display R 1 instead of R 0
+        var keyToDisplay = "R ".concat(parseInt(_data.index) + 1);
+        return /*#__PURE__*/_react["default"].createElement(_mathTemplated["default"], {
+          attributes: attributes,
+          keyToDisplay: keyToDisplay,
+          value: _data.value || '',
+          error: _error && _error[_data.index] && _error[_data.index][0]
+        });
+      }
+      if (n.type === 'drag_in_the_blank') {
+        var _data2 = n.data.toJSON();
+        return /*#__PURE__*/_react["default"].createElement(_dragInTheBlank["default"], {
+          attributes: attributes,
+          data: _data2,
+          n: n,
+          nodeProps: props,
+          opts: opts
+        });
+      }
+      if (n.type === 'inline_dropdown') {
+        var _data3 = n.data.toJSON();
+        return /*#__PURE__*/_react["default"].createElement(_inlineDropdown["default"], {
+          attributes: attributes,
+          selectedItem: _data3.value
+        });
+      }
+    },
+    onChange: function onChange(change, editor) {
+      var type = opts.type.replace(/-/g, '_');
+      if ((0, _isUndefined["default"])(lastIndexMap[type])) {
+        lastIndexMap[type] = 0;
+        change.value.document.forEachDescendant(function (d) {
+          if (d.type === type) {
+            var newIndex = parseInt(d.data.get('index'), 10);
+            if (newIndex > lastIndexMap[type]) {
+              lastIndexMap[type] = newIndex;
+            }
+          }
+        });
+      }
+      if (!editor.value) {
+        return;
+      }
+      var currentRespAreaList = change.value.document.filterDescendants(isOfCurrentType);
+      var oldRespAreaList = editor.value.document.filterDescendants(isOfCurrentType);
+      toolbar.disabled = currentRespAreaList.size >= opts.maxResponseAreas;
+      var arrayToFilter = oldRespAreaList.size > currentRespAreaList.size ? oldRespAreaList : currentRespAreaList;
+      var arrayToUseForFilter = arrayToFilter === oldRespAreaList ? currentRespAreaList : oldRespAreaList;
+      var elementsWithChangedStatus = arrayToFilter.filter(function (d) {
+        return !arrayToUseForFilter.find(function (e) {
+          return e.data.get('index') === d.data.get('index');
+        });
+      });
+      if (elementsWithChangedStatus.size && oldRespAreaList.size > currentRespAreaList.size) {
+        opts.onHandleAreaChange(elementsWithChangedStatus);
+      }
+    },
+    onDrop: function onDrop(event, change, editor) {
+      var closestEl = event.target.closest('[data-key]');
+      var inline = editor.value.document.findDescendant(function (d) {
+        return d.key === closestEl.dataset.key;
+      });
+      if (inline.type === 'drag_in_the_blank') {
+        return false;
+      }
+    }
+  };
+}
+var serialization = exports.serialization = {
+  deserialize: function deserialize(el) {
+    var type = el.dataset && el.dataset.type;
+    switch (type) {
+      case 'inline_dropdown':
+        return {
+          object: 'inline',
+          type: 'inline_dropdown',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        };
+      case 'explicit_constructed_response':
+        return {
+          object: 'inline',
+          type: 'explicit_constructed_response',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        };
+      case 'math_templated':
+        return {
+          object: 'inline',
+          type: 'math_templated',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            value: el.dataset.value
+          }
+        };
+      case 'drag_in_the_blank':
+        return {
+          object: 'inline',
+          type: 'drag_in_the_blank',
+          isVoid: true,
+          data: {
+            index: el.dataset.index,
+            id: el.dataset.id,
+            value: el.dataset.value,
+            inTable: el.dataset.inTable
+          }
+        };
+    }
+  },
+  serialize: function serialize(object) {
+    if (object.object !== 'inline') {
+      return;
+    }
+    switch (object.type) {
+      case 'inline_dropdown':
+        {
+          var data = object.data.toJSON();
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "inline_dropdown",
+            "data-index": data.index,
+            "data-value": data.value
+          });
+        }
+      case 'explicit_constructed_response':
+        {
+          var _data4 = object.data.toJSON();
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "explicit_constructed_response",
+            "data-index": _data4.index,
+            "data-value": _data4.value
+          });
+        }
+      case 'math_templated':
+        {
+          var _data5 = object.data.toJSON();
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "math_templated",
+            "data-index": _data5.index,
+            "data-value": _data5.value
+          });
+        }
+      case 'drag_in_the_blank':
+        {
+          var _data6 = object.data.toJSON();
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            "data-type": "drag_in_the_blank",
+            "data-index": _data6.index,
+            "data-id": _data6.id,
+            "data-value": _data6.value,
+            "data-in-table": _data6.inTable
+          });
+        }
+    }
+  }
+};
+//# sourceMappingURL=index.js.map