@pie-lib/editable-html-tip-tap 2.2.0-beta.7 → 3.0.0-next.35

package/lib/components/respArea/DragInTheBlank/choice.js

@@ -1,253 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlankContent = BlankContent;
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _core = require("@dnd-kit/core");
-var _renderUi = require("@pie-lib/render-ui");
-var _mathRendering = require("@pie-lib/math-rendering");
-var _styles = require("@mui/material/styles");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _RespArea = require("../../icons/RespArea");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var StyledContent = (0, _styles.styled)('span')(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    border: "solid 0px ".concat(theme.palette.primary.main),
-    '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {
-      fontSize: '120% !important'
-    },
-    '& mjx-frac': {
-      fontSize: '120% !important'
-    }
-  };
-});
-function BlankContent(_ref2) {
-  var _dragItem$value;
-  var n = _ref2.n,
-    children = _ref2.children,
-    isDragging = _ref2.isDragging,
-    isOver = _ref2.isOver,
-    dragItem = _ref2.dragItem,
-    value = _ref2.value,
-    selected = _ref2.selected;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    hoveredElementSize = _useState2[0],
-    setHoveredElementSize = _useState2[1];
-  var elementRef = (0, _react.useRef)(null);
-  var handleClick = function handleClick(event) {
-    if (!elementRef.current) return;
-    if (elementRef.current.contains(event.target)) {
-      elementRef.current.classList.add('selected');
-    } else {
-      elementRef.current.classList.remove('selected');
-    }
-  };
-  (0, _react.useEffect)(function () {
-    document.addEventListener('click', handleClick);
-    return function () {
-      document.removeEventListener('click', handleClick);
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (elementRef.current && typeof _mathRendering.renderMath === 'function') {
-      (0, _mathRendering.renderMath)(elementRef.current);
-    }
-  }, [value === null || value === void 0 ? void 0 : value.value, isOver, dragItem === null || dragItem === void 0 || (_dragItem$value = dragItem.value) === null || _dragItem$value === void 0 ? void 0 : _dragItem$value.value]);
-  (0, _react.useEffect)(function () {
-    if (isOver && elementRef.current && !hoveredElementSize) {
-      var node = elementRef.current;
-      setHoveredElementSize({
-        width: node.offsetWidth,
-        height: node.offsetHeight
-      });
-    } else if (!isOver && hoveredElementSize) {
-      setHoveredElementSize(null);
-    }
-  }, [isOver, hoveredElementSize]);
-  var label = dragItem && isOver ? dragItem.value.value : value.value || "\xA0";
-  var finalLabel = isDragging ? "\xA0" : label;
-  var hasGrip = finalLabel !== "\xA0";
-  var isPreview = dragItem && isOver;
-  var borderStyle = selected ? "2px solid ".concat(_renderUi.color.primaryDark()) : isPreview ? "1px solid ".concat(_renderUi.color.defaults.BORDER_DARK) : "1px solid ".concat(_renderUi.color.defaults.BORDER_LIGHT);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    ref: elementRef,
-    className: selected ? 'selected' : undefined,
-    style: {
-      display: 'inline-flex',
-      minWidth: '178px',
-      minHeight: '36px',
-      background: isPreview ? "".concat(_renderUi.color.defaults.BORDER_LIGHT) : "".concat(_renderUi.color.defaults.WHITE),
-      border: borderStyle,
-      boxSizing: 'border-box',
-      borderRadius: '3px',
-      overflow: 'hidden',
-      position: 'relative',
-      padding: '8px 8px 8px 35px',
-      width: hoveredElementSize ? hoveredElementSize.width : undefined,
-      height: hoveredElementSize ? hoveredElementSize.height : undefined,
-      touchAction: 'none'
-    },
-    "data-key": n.index,
-    contentEditable: false
-  }, hasGrip && /*#__PURE__*/_react["default"].createElement(_RespArea.GripIcon, {
-    style: {
-      position: 'absolute',
-      top: '6px',
-      left: '15px',
-      color: '#9B9B9B'
-    },
-    contentEditable: false
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    dangerouslySetInnerHTML: {
-      __html: finalLabel
-    }
-  }), children);
-}
-BlankContent.propTypes = {
-  n: _propTypes["default"].object,
-  children: _propTypes["default"].node,
-  isDragging: _propTypes["default"].bool,
-  isOver: _propTypes["default"].bool,
-  dragItem: _propTypes["default"].object,
-  value: _propTypes["default"].object,
-  selected: _propTypes["default"].bool
-};
-function DragDropChoice(_ref3) {
-  var _dragItem$data;
-  var value = _ref3.value,
-    disabled = _ref3.disabled,
-    instanceId = _ref3.instanceId,
-    children = _ref3.children,
-    n = _ref3.n,
-    onChange = _ref3.onChange,
-    removeResponse = _ref3.removeResponse,
-    duplicates = _ref3.duplicates,
-    pos = _ref3.pos,
-    selected = _ref3.selected;
-  var _useDraggable = (0, _core.useDraggable)({
-      id: "drag-".concat(n.index),
-      disabled: disabled || !(value !== null && value !== void 0 && value.value),
-      data: {
-        id: "drag-".concat(n.index),
-        value: value,
-        instanceId: instanceId,
-        n: n,
-        pos: pos,
-        opts: {
-          duplicates: duplicates
-        },
-        type: 'drag-in-the-blank-placed-choice',
-        fromChoice: !value,
-        onRemove: function onRemove(draggedData) {
-          return removeResponse(draggedData);
-        },
-        onDrop: function onDrop(draggedData, dropData) {
-          // check if we're dropping into a blank
-          var isValidBlank = (dropData === null || dropData === void 0 ? void 0 : dropData.type) === 'drag-in-the-blank-drop-choice';
-          if (!isValidBlank) return;
-
-          // place into blank
-          onChange(draggedData);
-          if (!duplicates && draggedData.fromChoice) {
-            removeResponse(draggedData);
-          }
-        }
-      }
-    }),
-    dragAttributes = _useDraggable.attributes,
-    dragListeners = _useDraggable.listeners,
-    setDragNodeRef = _useDraggable.setNodeRef,
-    isDragging = _useDraggable.isDragging;
-  var _useDroppable = (0, _core.useDroppable)({
-      id: "drop-".concat(n.index),
-      data: {
-        type: 'drag-in-the-blank-drop-choice',
-        accepts: ['drag-in-the-blank-choice', 'drag-in-the-blank-placed-choice'],
-        instanceId: instanceId,
-        value: value,
-        id: "drop-".concat(n.index),
-        pos: pos,
-        n: n,
-        opts: {
-          duplicates: duplicates
-        },
-        onDrop: function onDrop(draggedData, dropData) {
-          // check if we're dropping into a blank
-          var isValidBlank = (dropData === null || dropData === void 0 ? void 0 : dropData.type) === 'drag-in-the-blank-drop-choice';
-          if (!isValidBlank) return;
-
-          // if the dragged and dropped data are the same, do nothing
-          if (draggedData.value.id === dropData.value.id) return;
-          if (draggedData.type === 'drag-in-the-blank-choice') {
-            // place into blank
-            onChange(draggedData);
-            if (!duplicates && draggedData.fromChoice) {
-              removeResponse(draggedData);
-            }
-            return;
-          }
-
-          // moving placed choice between blanks
-          if (draggedData.type === 'drag-in-the-blank-placed-choice') {
-            // clear target blank
-            removeResponse(dropData);
-
-            // set new blank value
-            onChange(draggedData);
-
-            // clear original blank - slight delay to ensure state updates correctly
-            setTimeout(function () {
-              return removeResponse(draggedData);
-            }, 10);
-          }
-        }
-      }
-    }),
-    setDropNodeRef = _useDroppable.setNodeRef,
-    isOver = _useDroppable.isOver,
-    dragItem = _useDroppable.active;
-  var setNodeRef = function setNodeRef(node) {
-    setDragNodeRef(node);
-    setDropNodeRef(node);
-  };
-  var dragContent = /*#__PURE__*/_react["default"].createElement(BlankContent, {
-    n: n,
-    isDragging: isDragging,
-    isOver: isOver,
-    dragItem: dragItem === null || dragItem === void 0 || (_dragItem$data = dragItem.data) === null || _dragItem$data === void 0 ? void 0 : _dragItem$data.current,
-    value: value,
-    selected: selected
-  }, children);
-  var dragEl = !value ? /*#__PURE__*/_react["default"].createElement("span", {
-    ref: setDropNodeRef
-  }, dragContent) : /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
-    ref: setNodeRef
-  }, dragAttributes, dragListeners), dragContent);
-  var content = /*#__PURE__*/_react["default"].createElement(StyledContent, {
-    className: (0, _classnames["default"])(isOver && 'over')
-  }, dragEl);
-  return content;
-}
-DragDropChoice.propTypes = {
-  value: _propTypes["default"].object,
-  disabled: _propTypes["default"].bool,
-  instanceId: _propTypes["default"].string,
-  children: _propTypes["default"].node,
-  n: _propTypes["default"].object.isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  removeResponse: _propTypes["default"].func.isRequired,
-  duplicates: _propTypes["default"].bool,
-  selected: _propTypes["default"].bool
-};
-var _default = exports["default"] = DragDropChoice;
-//# sourceMappingURL=choice.js.map

package/lib/components/respArea/DragInTheBlank/choice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_renderUi","_mathRendering","_styles","_classnames","_RespArea","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContent","styled","_ref","theme","border","concat","palette","primary","main","fontSize","BlankContent","_ref2","_dragItem$value","children","isDragging","isOver","dragItem","value","selected","_useState","useState","_useState2","_slicedToArray2","hoveredElementSize","setHoveredElementSize","elementRef","useRef","handleClick","event","current","contains","target","classList","add","remove","useEffect","document","addEventListener","removeEventListener","renderMath","node","width","offsetWidth","height","offsetHeight","label","finalLabel","hasGrip","isPreview","borderStyle","color","primaryDark","defaults","BORDER_DARK","BORDER_LIGHT","createElement","ref","className","undefined","style","display","minWidth","minHeight","background","WHITE","boxSizing","borderRadius","overflow","position","padding","touchAction","index","contentEditable","GripIcon","top","left","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","bool","DragDropChoice","_ref3","_dragItem$data","disabled","instanceId","onChange","removeResponse","duplicates","pos","_useDraggable","useDraggable","id","data","opts","type","fromChoice","onRemove","draggedData","onDrop","dropData","isValidBlank","dragAttributes","attributes","dragListeners","listeners","setDragNodeRef","setNodeRef","_useDroppable","useDroppable","accepts","setTimeout","setDropNodeRef","active","dragContent","dragEl","_extends2","content","classnames","string","isRequired","func","_default","exports"],"sources":["../../../../src/components/respArea/DragInTheBlank/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\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';\nimport classnames from 'classnames';\n\nimport { GripIcon } from '../../icons/RespArea';\n\nconst StyledContent = styled('span')(({ theme }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {\n    fontSize: '120% !important',\n  },\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n}));\n\nexport function BlankContent({ n, children, isDragging, isOver, dragItem, value, selected }) {\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    if (elementRef.current && typeof renderMath === 'function') {\n      renderMath(elementRef.current);\n    }\n  }, [value?.value, isOver, 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 && isOver ? dragItem.value.value : value.value || '\\u00A0';\n  const finalLabel = isDragging ? '\\u00A0' : label;\n  const hasGrip = finalLabel !== '\\u00A0';\n  const isPreview = dragItem && isOver;\n\n  const borderStyle = selected\n    ? `2px solid ${color.primaryDark()}`\n    : isPreview\n      ? `1px solid ${color.defaults.BORDER_DARK}`\n      : `1px solid ${color.defaults.BORDER_LIGHT}`;\n\n  return (\n    <div\n      ref={elementRef}\n      className={selected ? 'selected' : undefined}\n      style={{\n        display: 'inline-flex',\n        minWidth: '178px',\n        minHeight: '36px',\n        background: isPreview ? `${color.defaults.BORDER_LIGHT}` : `${color.defaults.WHITE}`,\n        border: borderStyle,\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        touchAction: 'none',\n      }}\n      data-key={n.index}\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\nBlankContent.propTypes = {\n  n: PropTypes.object,\n  children: PropTypes.node,\n  isDragging: PropTypes.bool,\n  isOver: PropTypes.bool,\n  dragItem: PropTypes.object,\n  value: PropTypes.object,\n  selected: PropTypes.bool,\n};\n\nfunction DragDropChoice({\n  value,\n  disabled,\n  instanceId,\n  children,\n  n,\n  onChange,\n  removeResponse,\n  duplicates,\n  pos,\n  selected,\n}) {\n  const {\n    attributes: dragAttributes,\n    listeners: dragListeners,\n    setNodeRef: setDragNodeRef,\n    isDragging,\n  } = useDraggable({\n    id: `drag-${n.index}`,\n    disabled: disabled || !value?.value,\n    data: {\n      id: `drag-${n.index}`,\n      value,\n      instanceId,\n      n,\n      pos,\n      opts: { duplicates },\n      type: 'drag-in-the-blank-placed-choice',\n      fromChoice: !value,\n      onRemove: (draggedData) => removeResponse(draggedData),\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = dropData?.type === 'drag-in-the-blank-drop-choice';\n\n        if (!isValidBlank) return;\n\n        // place into blank\n        onChange(draggedData);\n\n        if (!duplicates && draggedData.fromChoice) {\n          removeResponse(draggedData);\n        }\n      },\n    },\n  });\n\n  const {\n    setNodeRef: setDropNodeRef,\n    isOver,\n    active: dragItem,\n  } = useDroppable({\n    id: `drop-${n.index}`,\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.index}`,\n      pos,\n      n,\n      opts: { duplicates },\n      onDrop: (draggedData, dropData) => {\n        // check if we're dropping into a blank\n        const isValidBlank = 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          onChange(draggedData);\n\n          if (!duplicates && draggedData.fromChoice) {\n            removeResponse(draggedData);\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          removeResponse(dropData);\n\n          // set new blank value\n          onChange(draggedData);\n\n          // clear original blank - slight delay to ensure state updates correctly\n          setTimeout(() => removeResponse(draggedData), 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      selected={selected}\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 = <StyledContent className={classnames(isOver && 'over')}>{dragEl}</StyledContent>;\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  onChange: PropTypes.func.isRequired,\n  removeResponse: PropTypes.func.isRequired,\n  duplicates: PropTypes.bool,\n  selected: PropTypes.bool,\n};\n\nexport default DragDropChoice;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/respArea/ExplicitConstructedResponse.js

@@ -1,137 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@tiptap/react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _customToolbarWrapper = _interopRequireDefault(require("../../extensions/custom-toolbar-wrapper"));
-var _toolbar = require("../../utils/toolbar");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
-  var editor = props.editor,
-    node = props.node,
-    getPos = props.getPos,
-    options = props.options,
-    selected = props.selected;
-  var attributes = node.attrs;
-  var value = attributes.value;
-  var respAreaToolbar = options.respAreaToolbar,
-    errorFn = options.error;
-  var pos = getPos();
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    showToolbar = _useState2[0],
-    setShowToolbar = _useState2[1];
-  var EcrToolbar = respAreaToolbar([node, pos], editor, function () {});
-  var toolbarRef = (0, _react.useRef)(null);
-  var error;
-  if (errorFn) {
-    var _errorValue$respIndex;
-    var errorValue = errorFn();
-    var respIndex = parseInt(attributes.index, 10);
-    error = !!(errorValue !== null && errorValue !== void 0 && (_errorValue$respIndex = errorValue[respIndex]) !== null && _errorValue$respIndex !== void 0 && _errorValue$respIndex[0]);
-  }
-  (0, _react.useEffect)(function () {
-    var selection = editor.state.selection;
-    var onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;
-    if (selected) {
-      if (onlyThisNodeSelected) {
-        setShowToolbar(selected);
-      }
-    } else {
-      setShowToolbar(selected);
-    }
-  }, [editor, node, selected]);
-  (0, _react.useEffect)(function () {
-    var handleClickOutside = function handleClickOutside(event) {
-      var insideCharacterPicker = event.target.closest('.insert-character-dialog') || event.target.closest('[data-toolbar-for]');
-      if (!insideCharacterPicker && toolbarRef.current && !toolbarRef.current.contains(event.target) && !event.target.closest('[data-inline-node]')) {
-        setShowToolbar(false);
-      }
-    };
-    if (showToolbar) {
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return function () {
-      return document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [showToolbar]);
-  return /*#__PURE__*/_react["default"].createElement(_react2.NodeViewWrapper, {
-    className: "drag-in-the-blank",
-    "data-selected": selected,
-    style: {
-      display: 'inline-flex',
-      minHeight: '55px',
-      position: 'relative',
-      cursor: 'pointer'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, attributes, {
-    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',
-      margin: '0 4px',
-      minWidth: '178px',
-      visibility: showToolbar ? 'hidden' : 'visible'
-    },
-    onClick: function onClick() {
-      return setShowToolbar(true);
-    },
-    dangerouslySetInnerHTML: {
-      __html: value || '<div>&nbsp;</div>'
-    }
-  })), showToolbar && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    ref: toolbarRef,
-    className: "absolute z-50 bg-white shadow-lg rounded p-2",
-    style: {
-      zIndex: 1
-    }
-  }, /*#__PURE__*/_react["default"].createElement(EcrToolbar, null)), editor._tiptapContainerEl && /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement(_customToolbarWrapper["default"], {
-    deletable: true,
-    toolbarOpts: {
-      minWidth: 'auto'
-    },
-    autoWidth: true,
-    style: {
-      top: -40,
-      left: 0,
-      right: 0
-    },
-    onDelete: function onDelete() {
-      var tr = editor.state.tr;
-      tr["delete"](pos, pos + node.nodeSize);
-      // Prevent the debounced onBlur/onDone from firing into the
-      // now-deleted node's stale position
-      (0, _toolbar.setToolbarOpened)(editor, false);
-      editor.view.dispatch(tr);
-      setShowToolbar(false);
-      editor.commands.focus();
-    },
-    showDone: false
-  }), editor._tiptapContainerEl)));
-};
-ExplicitConstructedResponse.propTypes = {
-  attributes: _propTypes["default"].object,
-  error: _propTypes["default"].any,
-  value: _propTypes["default"].string,
-  isFocused: _propTypes["default"].bool
-};
-var _default = exports["default"] = ExplicitConstructedResponse;
-//# sourceMappingURL=ExplicitConstructedResponse.js.map

package/lib/components/respArea/ExplicitConstructedResponse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExplicitConstructedResponse.js","names":["_react","_interopRequireWildcard","require","_react2","_reactDom","_interopRequireDefault","_propTypes","_customToolbarWrapper","_toolbar","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ExplicitConstructedResponse","props","editor","node","getPos","options","selected","attributes","attrs","value","respAreaToolbar","errorFn","error","pos","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","EcrToolbar","toolbarRef","useRef","_errorValue$respIndex","errorValue","respIndex","parseInt","index","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","handleClickOutside","event","insideCharacterPicker","target","closest","current","contains","document","addEventListener","removeEventListener","createElement","NodeViewWrapper","className","style","display","minHeight","position","cursor","_extends2","width","height","backgroundColor","border","concat","boxSizing","borderRadius","overflow","padding","margin","minWidth","visibility","onClick","dangerouslySetInnerHTML","__html","Fragment","ref","zIndex","_tiptapContainerEl","ReactDOM","createPortal","deletable","toolbarOpts","autoWidth","top","left","right","onDelete","tr","setToolbarOpened","view","dispatch","commands","focus","showDone","propTypes","PropTypes","object","any","string","isFocused","bool","_default","exports"],"sources":["../../../src/components/respArea/ExplicitConstructedResponse.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport CustomToolbarWrapper from '../../extensions/custom-toolbar-wrapper';\nimport { setToolbarOpened } from '../../utils/toolbar';\n\nconst ExplicitConstructedResponse = (props) => {\n  const { editor, node, getPos, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { value } = attributes;\n  const { respAreaToolbar, error: errorFn } = options;\n  const pos = getPos();\n  const [showToolbar, setShowToolbar] = useState(false);\n  const EcrToolbar = respAreaToolbar([node, pos], editor, () => {});\n  const toolbarRef = useRef(null);\n\n  let error;\n\n  if (errorFn) {\n    const errorValue = errorFn();\n    const respIndex = parseInt(attributes.index, 10);\n\n    error = !!errorValue?.[respIndex]?.[0];\n  }\n\n  useEffect(() => {\n    const { selection } = editor.state;\n    const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n    if (selected) {\n      if (onlyThisNodeSelected) {\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [editor, node, selected]);\n\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      const insideCharacterPicker =\n        event.target.closest('.insert-character-dialog') || event.target.closest('[data-toolbar-for]');\n\n      if (\n        !insideCharacterPicker &&\n        toolbarRef.current &&\n        !toolbarRef.current.contains(event.target) &&\n        !event.target.closest('[data-inline-node]')\n      ) {\n        setShowToolbar(false);\n      }\n    };\n\n    if (showToolbar) {\n      document.addEventListener('mousedown', handleClickOutside);\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [showToolbar]);\n\n  return (\n    <NodeViewWrapper\n      className=\"drag-in-the-blank\"\n      data-selected={selected}\n      style={{\n        display: 'inline-flex',\n        minHeight: '55px',\n        position: 'relative',\n        cursor: 'pointer',\n      }}\n    >\n      <div\n        {...attributes}\n        style={{\n          display: 'inline-flex',\n          width: '100%',\n          minHeight: '46px',\n          height: '46px',\n          backgroundColor: '#FFF',\n          border: `1px solid ${error ? 'red' : '#C0C3CF'}`,\n          boxSizing: 'border-box',\n          borderRadius: '4px',\n          overflow: 'hidden',\n          padding: '12px 21px',\n          margin: '0 4px',\n          minWidth: '178px',\n          visibility: showToolbar ? 'hidden' : 'visible',\n        }}\n        onClick={() => setShowToolbar(true)}\n        dangerouslySetInnerHTML={{\n          __html: value || '<div>&nbsp;</div>',\n        }}\n      />\n      {showToolbar && (\n        <React.Fragment>\n          <div ref={toolbarRef} className=\"absolute z-50 bg-white shadow-lg rounded p-2\" style={{ zIndex: 1 }}>\n            <EcrToolbar />\n          </div>\n          {editor._tiptapContainerEl &&\n            ReactDOM.createPortal(\n              <CustomToolbarWrapper\n                deletable\n                toolbarOpts={{ minWidth: 'auto' }}\n                autoWidth\n                style={{ top: -40, left: 0, right: 0 }}\n                onDelete={() => {\n                  const { tr } = editor.state;\n                  tr.delete(pos, pos + node.nodeSize);\n                  // Prevent the debounced onBlur/onDone from firing into the\n                  // now-deleted node's stale position\n                  setToolbarOpened(editor, false);\n                  editor.view.dispatch(tr);\n                  setShowToolbar(false);\n                  editor.commands.focus();\n                }}\n                showDone={false}\n              />,\n              editor._tiptapContainerEl,\n            )}\n        </React.Fragment>\n      )}\n    </NodeViewWrapper>\n  );\n};\n\nExplicitConstructedResponse.propTypes = {\n  attributes: PropTypes.object,\n  error: PropTypes.any,\n  value: PropTypes.string,\n  isFocused: PropTypes.bool,\n};\n\nexport default ExplicitConstructedResponse;\n"],"mappings":"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","ignoreList":[]}