@pie-lib/editable-html-tip-tap 2.1.2-next.3 → 2.1.2-next.31

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarIcon.js","names":["_react","_interopRequireDefault","require","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Chevron","exports","props","direction","style","rotate","createElement","transform","concat","width","height","viewBox","xmlns","d","fill","GripIcon","_ref","margin","StyledToolbarIcon","styled","_ref2","theme","fontFamily","fontSize","typography","fontWeight","lineHeight","position","top","whiteSpace","ToolbarIcon"],"sources":["../../../src/components/respArea/ToolbarIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport const Chevron = (props) => {\n  const { direction, style } = props;\n  const rotate = (() => {\n    switch (direction) {\n      case 'down':\n        return 90;\n      case 'up':\n        return -90;\n      case 'left':\n        return 180;\n      default:\n        return 0;\n    }\n  })();\n\n  return (\n    <svg\n      style={{\n        transform: `rotate(${rotate}deg)`,\n        ...style,\n      }}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n\nexport const GripIcon = ({ style }) => (\n  <span style={style}>\n    <svg\n      style={{\n        margin: '0 -16px',\n      }}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n    </svg>\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M9 3H7v2h2V3zm0 4H7v2h2V7zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm0 4H7v2h2v-2zm4-16h-2v2h2V3zm0 4h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z\" />\n    </svg>\n  </span>\n);\n\nconst StyledToolbarIcon = styled('div')(({ theme }) => ({\n  fontFamily: 'Cerebri Sans !important',\n  fontSize: theme.typography.fontSize,\n  fontWeight: 'bold',\n  lineHeight: '14px',\n  position: 'relative',\n  top: '7px',\n  width: '110px',\n  height: '28px',\n  whiteSpace: 'nowrap',\n}));\n\nexport const ToolbarIcon = () => <StyledToolbarIcon>+ Response Area</StyledToolbarIcon>;\n"],"mappings":"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","ignoreList":[]}

package/lib/constants.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.PIE_TOOLBAR__CLASS = void 0;
-var PIE_TOOLBAR__CLASS = exports.PIE_TOOLBAR__CLASS = 'pie-toolbar';
-var _default = exports["default"] = {
-  PIE_TOOLBAR__CLASS: PIE_TOOLBAR__CLASS
-};
-//# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","names":["PIE_TOOLBAR__CLASS","exports","_default"],"sources":["../src/constants.js"],"sourcesContent":["export const PIE_TOOLBAR__CLASS = 'pie-toolbar';\n\nexport default {\n  PIE_TOOLBAR__CLASS,\n};\n"],"mappings":";;;;;;AAAO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,aAAa;AAAC,IAAAE,QAAA,GAAAD,OAAA,cAEjC;EACbD,kBAAkB,EAAlBA;AACF,CAAC","ignoreList":[]}

package/lib/extensions/css.js

@@ -1,217 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeDialogs = exports.CSSMark = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _core = require("@tiptap/core");
-var _List = _interopRequireDefault(require("@mui/material/List"));
-var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-var removeDialogs = exports.removeDialogs = function removeDialogs() {
-  var prevDialogs = document.querySelectorAll('.insert-css-dialog');
-  prevDialogs.forEach(function (s) {
-    return s.remove();
-  });
-};
-var insertDialog = function insertDialog(_ref) {
-  var editor = _ref.editor,
-    callback = _ref.callback,
-    opts = _ref.opts,
-    selectedText = _ref.selectedText,
-    parentNode = _ref.parentNode;
-  var editorDOM = editor.options.element;
-  var newEl = document.createElement('div');
-  var selection = editor.state.selection;
-  removeDialogs();
-  newEl.className = 'insert-css-dialog';
-  var popoverEl;
-  var closePopOver = function closePopOver() {
-    if (popoverEl) {
-      popoverEl.remove();
-    }
-  };
-  var firstCallMade = false;
-  var listener = function listener(e) {
-    // this will be triggered right after setting it because
-    // this toolbar is added on the mousedown event
-    // so right after mouseup, the click will be triggered
-    if (firstCallMade) {
-      var focusIsInModals = newEl.contains(e.target) || popoverEl && popoverEl.contains(e.target);
-      var focusIsInEditor = editorDOM.contains(e.target);
-      if (!(focusIsInModals || focusIsInEditor)) {
-        handleClose();
-      }
-    } else {
-      firstCallMade = true;
-    }
-  };
-  var handleClose = function handleClose() {
-    callback(undefined, true);
-    newEl.remove();
-    closePopOver();
-    document.body.removeEventListener('click', listener);
-  };
-  var handleChange = function handleChange(name) {
-    callback(name, true);
-    newEl.remove();
-    closePopOver();
-    document.body.removeEventListener('click', listener);
-  };
-  var parentNodeClass = parentNode === null || parentNode === void 0 ? void 0 : parentNode.attrs["class"];
-  var createHTML = function createHTML(name) {
-    var html = "<span class=\"".concat(name, "\">").concat(selectedText, "</span>");
-    if (parentNode) {
-      var tag = 'span';
-      if ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.object) === 'inline') {
-        tag = 'span';
-      }
-      if ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.object) === 'block') {
-        tag = 'div';
-      }
-      html = "<".concat(tag, " class=\"").concat(parentNodeClass, "\">").concat(parentNode.text.slice(0, selection.$anchor.textOffset)).concat(html).concat(parentNode.text.slice(selection.$head.textOffset), "</").concat(tag, ">");
-    }
-    return html;
-  };
-  var el = /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      background: 'white',
-      height: 500,
-      padding: 20,
-      overflow: 'hidden',
-      display: 'flex',
-      flexFlow: 'column'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("h2", null, "Please choose a css class"), parentNodeClass && /*#__PURE__*/_react["default"].createElement("div", null, "The current parent has this class ", parentNodeClass), /*#__PURE__*/_react["default"].createElement(_List["default"], {
-    component: "nav",
-    style: {
-      overflow: 'scroll'
-    }
-  }, opts.names.map(function (name, i) {
-    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-      key: "rule-".concat(i),
-      button: true,
-      onClick: function onClick() {
-        return handleChange(name);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        marginRight: 20
-      }
-    }, name), /*#__PURE__*/_react["default"].createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: createHTML(name)
-      }
-    }));
-  })));
-  _reactDom["default"].render(el, newEl, function () {
-    var cursorItem = editor.view.nodeDOM(editor.state.selection.from);
-    var cursorNode = cursorItem === null || cursorItem === void 0 ? void 0 : cursorItem.parentNode;
-    if (cursorNode) {
-      var bodyRect = editorDOM.parentElement.parentElement.parentElement.getBoundingClientRect();
-      var boundRect = cursorNode.getBoundingClientRect();
-      editorDOM.parentElement.parentElement.parentElement.appendChild(newEl);
-      newEl.style.maxWidth = '500px';
-      newEl.style.position = 'absolute';
-      newEl.style.top = 0;
-      newEl.style.zIndex = 99999;
-      var leftValue = "".concat(boundRect.left + Math.abs(bodyRect.left) + cursorNode.offsetWidth + 10, "px");
-      var rightValue = "".concat(boundRect.x, "px");
-      newEl.style.left = leftValue;
-      var leftAlignedWidth = newEl.offsetWidth;
-      newEl.style.left = 'unset';
-      newEl.style.right = rightValue;
-      var rightAlignedWidth = newEl.offsetWidth;
-      newEl.style.left = 'unset';
-      newEl.style.right = 'unset';
-      if (leftAlignedWidth >= rightAlignedWidth) {
-        newEl.style.left = leftValue;
-      } else {
-        newEl.style.right = rightValue;
-      }
-      document.body.addEventListener('click', listener);
-    }
-  });
-};
-var CSSMark = exports.CSSMark = _core.Mark.create({
-  name: 'cssmark',
-  addOptions: function addOptions() {
-    return {
-      classes: []
-    };
-  },
-  addAttributes: function addAttributes() {
-    return {
-      "class": {
-        "default": null,
-        parseHTML: function parseHTML(el) {
-          return el.getAttribute('class');
-        },
-        renderHTML: function renderHTML(attributes) {
-          if (!attributes["class"]) return {};
-          return {
-            "class": attributes["class"]
-          };
-        }
-      }
-    };
-  },
-  parseHTML: function parseHTML() {
-    var _this = this;
-    // Any span with a class that matches one of allowed classes
-    return [{
-      tag: 'span[class]',
-      getAttrs: function getAttrs(el) {
-        var cls = el.getAttribute('class') || '';
-        var match = _this.options.classes.find(function (name) {
-          return cls.includes(name);
-        });
-        return match ? {
-          "class": match
-        } : false;
-      }
-    }];
-  },
-  renderHTML: function renderHTML(_ref2) {
-    var HTMLAttributes = _ref2.HTMLAttributes;
-    return ['span', (0, _core.mergeAttributes)(HTMLAttributes), 0];
-  },
-  addCommands: function addCommands() {
-    var _this2 = this;
-    return {
-      setCSSClass: function setCSSClass(className) {
-        return function (_ref3) {
-          var commands = _ref3.commands;
-          return commands.setMark(_this2.name, {
-            "class": className
-          });
-        };
-      },
-      unsetCSSClass: function unsetCSSClass() {
-        return function (_ref4) {
-          var commands = _ref4.commands;
-          return commands.unsetMark(_this2.name);
-        };
-      },
-      openCSSClassDialog: function openCSSClassDialog() {
-        return function (_ref5) {
-          var editor = _ref5.editor;
-          insertDialog({
-            editor: editor,
-            selectedText: editor.state.doc.textBetween(editor.state.selection.from, editor.state.selection.to),
-            parentNode: editor.state.selection.$from.nodeAfter,
-            opts: _this2.options.extraCSSRules,
-            callback: function callback(className) {
-              if (className) {
-                editor.chain().focus().setCSSClass(className).run();
-              }
-            }
-          });
-        };
-      }
-    };
-  }
-});
-//# sourceMappingURL=css.js.map

package/lib/extensions/css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.js","names":["_react","_interopRequireDefault","require","_reactDom","_core","_List","_ListItem","removeDialogs","exports","prevDialogs","document","querySelectorAll","forEach","s","remove","insertDialog","_ref","editor","callback","opts","selectedText","parentNode","editorDOM","options","element","newEl","createElement","selection","state","className","popoverEl","closePopOver","firstCallMade","listener","e","focusIsInModals","contains","target","focusIsInEditor","handleClose","undefined","body","removeEventListener","handleChange","name","parentNodeClass","attrs","createHTML","html","concat","tag","object","text","slice","$anchor","textOffset","$head","el","style","background","height","padding","overflow","display","flexFlow","component","names","map","i","key","button","onClick","marginRight","dangerouslySetInnerHTML","__html","ReactDOM","render","cursorItem","view","nodeDOM","from","cursorNode","bodyRect","parentElement","getBoundingClientRect","boundRect","appendChild","maxWidth","position","top","zIndex","leftValue","left","Math","abs","offsetWidth","rightValue","x","leftAlignedWidth","right","rightAlignedWidth","addEventListener","CSSMark","Mark","create","addOptions","classes","addAttributes","parseHTML","getAttribute","renderHTML","attributes","_this","getAttrs","cls","match","find","includes","_ref2","HTMLAttributes","mergeAttributes","addCommands","_this2","setCSSClass","_ref3","commands","setMark","unsetCSSClass","_ref4","unsetMark","openCSSClassDialog","_ref5","doc","textBetween","to","$from","nodeAfter","extraCSSRules","chain","focus","run"],"sources":["../../src/extensions/css.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Mark, mergeAttributes } from '@tiptap/core';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\n\nexport const removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-css-dialog');\n\n  prevDialogs.forEach((s) => s.remove());\n};\n\nconst insertDialog = ({ editor, callback, opts, selectedText, parentNode }) => {\n  const editorDOM = editor.options.element;\n  const newEl = document.createElement('div');\n  const { selection } = editor.state;\n\n  removeDialogs();\n\n  newEl.className = 'insert-css-dialog';\n\n  let popoverEl;\n\n  const closePopOver = () => {\n    if (popoverEl) {\n      popoverEl.remove();\n    }\n  };\n\n  let firstCallMade = false;\n\n  const listener = (e) => {\n    // this will be triggered right after setting it because\n    // this toolbar is added on the mousedown event\n    // so right after mouseup, the click will be triggered\n    if (firstCallMade) {\n      const focusIsInModals = newEl.contains(e.target) || (popoverEl && popoverEl.contains(e.target));\n      const focusIsInEditor = editorDOM.contains(e.target);\n\n      if (!(focusIsInModals || focusIsInEditor)) {\n        handleClose();\n      }\n    } else {\n      firstCallMade = true;\n    }\n  };\n\n  const handleClose = () => {\n    callback(undefined, true);\n    newEl.remove();\n    closePopOver();\n    document.body.removeEventListener('click', listener);\n  };\n\n  const handleChange = (name) => {\n    callback(name, true);\n    newEl.remove();\n    closePopOver();\n    document.body.removeEventListener('click', listener);\n  };\n\n  const parentNodeClass = parentNode?.attrs.class;\n  const createHTML = (name) => {\n    let html = `<span class=\"${name}\">${selectedText}</span>`;\n\n    if (parentNode) {\n      let tag = 'span';\n\n      if (parentNode?.object === 'inline') {\n        tag = 'span';\n      }\n\n      if (parentNode?.object === 'block') {\n        tag = 'div';\n      }\n\n      html = `<${tag} class=\"${parentNodeClass}\">${parentNode.text.slice(\n        0,\n        selection.$anchor.textOffset,\n      )}${html}${parentNode.text.slice(selection.$head.textOffset)}</${tag}>`;\n    }\n\n    return html;\n  };\n\n  const el = (\n    <div\n      style={{ background: 'white', height: 500, padding: 20, overflow: 'hidden', display: 'flex', flexFlow: 'column' }}\n    >\n      <h2>Please choose a css class</h2>\n      {parentNodeClass && <div>The current parent has this class {parentNodeClass}</div>}\n      <List component=\"nav\" style={{ overflow: 'scroll' }}>\n        {opts.names.map((name, i) => (\n          <ListItem key={`rule-${i}`} button onClick={() => handleChange(name)}>\n            <div style={{ marginRight: 20 }}>{name}</div>\n            <div\n              dangerouslySetInnerHTML={{\n                __html: createHTML(name),\n              }}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </div>\n  );\n\n  ReactDOM.render(el, newEl, () => {\n    const cursorItem = editor.view.nodeDOM(editor.state.selection.from);\n    const cursorNode = cursorItem?.parentNode;\n\n    if (cursorNode) {\n      const bodyRect = editorDOM.parentElement.parentElement.parentElement.getBoundingClientRect();\n      const boundRect = cursorNode.getBoundingClientRect();\n\n      editorDOM.parentElement.parentElement.parentElement.appendChild(newEl);\n\n      newEl.style.maxWidth = '500px';\n      newEl.style.position = 'absolute';\n      newEl.style.top = 0;\n      newEl.style.zIndex = 99999;\n\n      const leftValue = `${boundRect.left + Math.abs(bodyRect.left) + cursorNode.offsetWidth + 10}px`;\n\n      const rightValue = `${boundRect.x}px`;\n\n      newEl.style.left = leftValue;\n\n      const leftAlignedWidth = newEl.offsetWidth;\n\n      newEl.style.left = 'unset';\n      newEl.style.right = rightValue;\n\n      const rightAlignedWidth = newEl.offsetWidth;\n\n      newEl.style.left = 'unset';\n      newEl.style.right = 'unset';\n\n      if (leftAlignedWidth >= rightAlignedWidth) {\n        newEl.style.left = leftValue;\n      } else {\n        newEl.style.right = rightValue;\n      }\n\n      document.body.addEventListener('click', listener);\n    }\n  });\n};\n\nexport const CSSMark = Mark.create({\n  name: 'cssmark',\n\n  addOptions() {\n    return {\n      classes: [],\n    };\n  },\n\n  addAttributes() {\n    return {\n      class: {\n        default: null,\n        parseHTML: (el) => el.getAttribute('class'),\n        renderHTML: (attributes) => {\n          if (!attributes.class) return {};\n          return { class: attributes.class };\n        },\n      },\n    };\n  },\n\n  parseHTML() {\n    // Any span with a class that matches one of allowed classes\n    return [\n      {\n        tag: 'span[class]',\n        getAttrs: (el) => {\n          const cls = el.getAttribute('class') || '';\n          const match = this.options.classes.find((name) => cls.includes(name));\n          return match ? { class: match } : false;\n        },\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['span', mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addCommands() {\n    return {\n      setCSSClass:\n        (className) =>\n        ({ commands }) => {\n          return commands.setMark(this.name, { class: className });\n        },\n\n      unsetCSSClass:\n        () =>\n        ({ commands }) => {\n          return commands.unsetMark(this.name);\n        },\n\n      openCSSClassDialog:\n        () =>\n        ({ editor }) => {\n          insertDialog({\n            editor,\n            selectedText: editor.state.doc.textBetween(editor.state.selection.from, editor.state.selection.to),\n            parentNode: editor.state.selection.$from.nodeAfter,\n            opts: this.options.extraCSSRules,\n            callback: (className) => {\n              if (className) {\n                editor.chain().focus().setCSSClass(className).run();\n              }\n            },\n          });\n        },\n    };\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/extensions/custom-toolbar-wrapper.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-var _constants = require("../constants");
-var _styles = require("@mui/material/styles");
-var _doneButton = require("../components/common/done-button");
-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 StyledToolbar = (0, _styles.styled)('div', {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !['showDone', 'toolbarAlignment', 'isFocused', 'autoWidth', 'isHidden'].includes(prop);
-  }
-})(function (_ref) {
-  var showDone = _ref.showDone,
-    toolbarAlignment = _ref.toolbarAlignment,
-    isFocused = _ref.isFocused,
-    autoWidth = _ref.autoWidth,
-    isHidden = _ref.isHidden;
-  return _objectSpread(_objectSpread(_objectSpread({
-    position: 'absolute',
-    zIndex: 10,
-    cursor: 'pointer',
-    justifyContent: 'space-between',
-    background: 'var(--editable-html-toolbar-bg, #efefef)',
-    minWidth: showDone ? '280px' : '265px',
-    margin: '5px 0 0 0',
-    padding: '2px',
-    boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',
-    boxSizing: 'border-box',
-    display: 'flex',
-    opacity: 1
-  }, toolbarAlignment === 'right' && {
-    right: 0
-  }), autoWidth ? {
-    width: 'auto'
-  } : {
-    width: '100%'
-  }), isHidden && {
-    visibility: 'hidden'
-  });
-});
-var StyledIconButton = (0, _styles.styled)(_IconButton["default"])({
-  width: '28px',
-  height: '28px',
-  padding: '4px',
-  verticalAlign: 'top'
-});
-var SharedContainer = (0, _styles.styled)('div')({
-  display: 'flex'
-});
-function CustomToolbarWrapper(props) {
-  var children = props.children,
-    deletable = props.deletable,
-    toolbarOpts = props.toolbarOpts,
-    autoWidth = props.autoWidth,
-    isFocused = props.isFocused,
-    doneButtonRef = props.doneButtonRef,
-    onDelete = props.onDelete,
-    showDone = props.showDone,
-    onDone = props.onDone,
-    style = props.style;
-  var customStyles = toolbarOpts.minWidth !== undefined ? {
-    minWidth: toolbarOpts.minWidth
-  } : {};
-  return /*#__PURE__*/_react["default"].createElement(StyledToolbar, {
-    className: _constants.PIE_TOOLBAR__CLASS,
-    showDone: showDone,
-    toolbarAlignment: toolbarOpts.alignment,
-    isFocused: toolbarOpts.alwaysVisible || isFocused,
-    autoWidth: autoWidth,
-    isHidden: toolbarOpts.isHidden === true,
-    style: _objectSpread(_objectSpread({}, customStyles), style)
-  }, children, /*#__PURE__*/_react["default"].createElement(SharedContainer, null, deletable && /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
-    "aria-label": "Delete",
-    onMouseDown: function onMouseDown(e) {
-      return onDelete === null || onDelete === void 0 ? void 0 : onDelete(e);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)), showDone && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
-    doneButtonRef: doneButtonRef,
-    onClick: onDone
-  })));
-}
-var _default = exports["default"] = CustomToolbarWrapper;
-//# sourceMappingURL=custom-toolbar-wrapper.js.map

package/lib/extensions/custom-toolbar-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-toolbar-wrapper.js","names":["_react","_interopRequireDefault","require","_IconButton","_Delete","_constants","_styles","_doneButton","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledToolbar","styled","shouldForwardProp","prop","includes","_ref","showDone","toolbarAlignment","isFocused","autoWidth","isHidden","position","zIndex","cursor","justifyContent","background","minWidth","margin","padding","boxShadow","boxSizing","display","opacity","right","width","visibility","StyledIconButton","IconButton","height","verticalAlign","SharedContainer","CustomToolbarWrapper","props","children","deletable","toolbarOpts","doneButtonRef","onDelete","onDone","style","customStyles","undefined","createElement","className","PIE_TOOLBAR__CLASS","alignment","alwaysVisible","onMouseDown","DoneButton","onClick","_default","exports"],"sources":["../../src/extensions/custom-toolbar-wrapper.jsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Delete from '@mui/icons-material/Delete';\nimport { PIE_TOOLBAR__CLASS } from '../constants';\nimport { styled } from '@mui/material/styles';\nimport { DoneButton } from '../components/common/done-button';\n\nconst StyledToolbar = styled('div', {\n  shouldForwardProp: (prop) => !['showDone', 'toolbarAlignment', 'isFocused', 'autoWidth', 'isHidden'].includes(prop),\n})(({ showDone, toolbarAlignment, isFocused, autoWidth, isHidden }) => ({\n  position: 'absolute',\n  zIndex: 10,\n  cursor: 'pointer',\n  justifyContent: 'space-between',\n  background: 'var(--editable-html-toolbar-bg, #efefef)',\n  minWidth: showDone ? '280px' : '265px',\n  margin: '5px 0 0 0',\n  padding: '2px',\n  boxShadow:\n    '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n  boxSizing: 'border-box',\n  display: 'flex',\n  opacity: 1,\n  ...(toolbarAlignment === 'right' && {\n    right: 0,\n  }),\n  ...(autoWidth\n    ? {\n        width: 'auto',\n      }\n    : {\n        width: '100%',\n      }),\n  ...(isHidden && {\n    visibility: 'hidden',\n  }),\n}));\n\nconst StyledIconButton = styled(IconButton)({\n  width: '28px',\n  height: '28px',\n  padding: '4px',\n  verticalAlign: 'top',\n});\n\nconst SharedContainer = styled('div')({\n  display: 'flex',\n});\n\nfunction CustomToolbarWrapper(props) {\n  const { children, deletable, toolbarOpts, autoWidth, isFocused, doneButtonRef, onDelete, showDone, onDone, style } = props;\n  const customStyles = toolbarOpts.minWidth !== undefined ? { minWidth: toolbarOpts.minWidth } : {};\n\n  return (\n    <StyledToolbar\n      className={PIE_TOOLBAR__CLASS}\n      showDone={showDone}\n      toolbarAlignment={toolbarOpts.alignment}\n      isFocused={toolbarOpts.alwaysVisible || isFocused}\n      autoWidth={autoWidth}\n      isHidden={toolbarOpts.isHidden === true}\n      style={{ ...customStyles, ...style }}\n    >\n      {children}\n\n      <SharedContainer>\n        {deletable && (\n          <StyledIconButton aria-label=\"Delete\" onMouseDown={(e) => onDelete?.(e)}>\n            <Delete />\n          </StyledIconButton>\n        )}\n        {showDone && <DoneButton doneButtonRef={doneButtonRef} onClick={onDone} />}\n      </SharedContainer>\n    </StyledToolbar>\n  );\n}\n\nexport default CustomToolbarWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/extensions/div-node.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DivNode = void 0;
-var _core = require("@tiptap/core");
-// DivNode.ts
-
-var DivNode = exports.DivNode = _core.Node.create({
-  name: 'div',
-  group: 'block',
-  content: 'inline*',
-  parseHTML: function parseHTML() {
-    return [{
-      tag: 'div'
-    }];
-  },
-  renderHTML: function renderHTML(_ref) {
-    var HTMLAttributes = _ref.HTMLAttributes;
-    return ['div', HTMLAttributes, 0];
-  },
-  addKeyboardShortcuts: function addKeyboardShortcuts() {
-    var _this = this;
-    var isInsideListItem = function isInsideListItem($from) {
-      for (var depth = $from.depth; depth >= 0; depth -= 1) {
-        if ($from.node(depth).type.name === 'listItem') {
-          return true;
-        }
-      }
-      return false;
-    };
-    return {
-      Enter: function Enter() {
-        var state = _this.editor.state;
-        var $from = state.selection.$from;
-        if ($from.parent.type.name !== 'div') {
-          return false;
-        }
-        if (isInsideListItem($from)) {
-          return false;
-        }
-        return _this.editor.chain().focus().setNode('paragraph') // current div becomes <p>
-        .splitBlock() // create another <p>
-        .run();
-      },
-      // When the cursor is in a div and the user presses Backspace,
-      // ProseMirror's default handler may try to join/delete the block node
-      // once it becomes empty. That triggers the Enter shortcut above
-      // (div → p conversion + split), making it look like a new line is
-      // inserted instead of deleting.
-      // We handle two cases explicitly:
-      //  1. The div already IS empty → swallow the event (nothing to delete).
-      //  2. The div has exactly ONE character left → delete just that character
-      //     using a precise transaction, then stop. This prevents ProseMirror
-      //     from following up with a block-join that triggers the Enter handler.
-      Backspace: function Backspace() {
-        var state = _this.editor.state;
-        var _state$selection = state.selection,
-          $from = _state$selection.$from,
-          selectionEmpty = _state$selection.empty;
-        if ($from.parent.type.name !== 'div') {
-          return false;
-        }
-        if (!selectionEmpty) {
-          return false;
-        }
-        var parentText = $from.parent.textContent;
-        if (parentText.length === 0) {
-          return state.doc.childCount === 1 ? true : false;
-        }
-        if (parentText.length === 1 && $from.parentOffset === 1) {
-          var tr = state.tr;
-          tr["delete"]($from.pos - 1, $from.pos);
-          _this.editor.view.dispatch(tr);
-          return true;
-        }
-        return false;
-      }
-    };
-  }
-});
-//# sourceMappingURL=div-node.js.map

package/lib/extensions/div-node.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"div-node.js","names":["_core","require","DivNode","exports","Node","create","name","group","content","parseHTML","tag","renderHTML","_ref","HTMLAttributes","addKeyboardShortcuts","_this","isInsideListItem","$from","depth","node","type","Enter","state","editor","selection","parent","chain","focus","setNode","splitBlock","run","Backspace","_state$selection","selectionEmpty","empty","parentText","textContent","length","doc","childCount","parentOffset","tr","pos","view","dispatch"],"sources":["../../src/extensions/div-node.js"],"sourcesContent":["// DivNode.ts\nimport { Node } from '@tiptap/core';\n\nexport const DivNode = Node.create({\n  name: 'div',\n  group: 'block',\n  content: 'inline*',\n\n  parseHTML() {\n    return [{ tag: 'div' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', HTMLAttributes, 0];\n  },\n\n  addKeyboardShortcuts() {\n    const isInsideListItem = ($from) => {\n      for (let depth = $from.depth; depth >= 0; depth -= 1) {\n        if ($from.node(depth).type.name === 'listItem') {\n          return true;\n        }\n      }\n      return false;\n    };\n\n    return {\n      Enter: () => {\n        const { state } = this.editor;\n        const { $from } = state.selection;\n\n        if ($from.parent.type.name !== 'div') {\n          return false;\n        }\n        if (isInsideListItem($from)) {\n          return false;\n        }\n\n        return this.editor\n          .chain()\n          .focus()\n          .setNode('paragraph') // current div becomes <p>\n          .splitBlock() // create another <p>\n          .run();\n      },\n\n      // When the cursor is in a div and the user presses Backspace,\n      // ProseMirror's default handler may try to join/delete the block node\n      // once it becomes empty. That triggers the Enter shortcut above\n      // (div → p conversion + split), making it look like a new line is\n      // inserted instead of deleting.\n      // We handle two cases explicitly:\n      //  1. The div already IS empty → swallow the event (nothing to delete).\n      //  2. The div has exactly ONE character left → delete just that character\n      //     using a precise transaction, then stop. This prevents ProseMirror\n      //     from following up with a block-join that triggers the Enter handler.\n      Backspace: () => {\n        const { state } = this.editor;\n        const { $from, empty: selectionEmpty } = state.selection;\n\n        if ($from.parent.type.name !== 'div') {\n          return false;\n        }\n\n        if (!selectionEmpty) {\n          return false;\n        }\n\n        const parentText = $from.parent.textContent;\n\n        if (parentText.length === 0) {\n          return state.doc.childCount === 1 ? true : false;\n        }\n\n        if (parentText.length === 1 && $from.parentOffset === 1) {\n          const { tr } = state;\n          tr.delete($from.pos - 1, $from.pos);\n          this.editor.view.dispatch(tr);\n          return true;\n        }\n\n        return false;\n      },\n    };\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/extensions/ensure-empty-root-div.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EnsureEmptyRootIsDiv = void 0;
-var _core = require("@tiptap/core");
-var _state = require("@tiptap/pm/state");
-/**
- * After ProseMirror repairs an empty document, it often inserts a `paragraph`.
- * We want a lone empty top-level block to be `div` (DivNode) so typing stays `<div>A</div>`.
- */
-var EnsureEmptyRootIsDiv = exports.EnsureEmptyRootIsDiv = _core.Extension.create({
-  name: 'ensureEmptyRootIsDiv',
-  addProseMirrorPlugins: function addProseMirrorPlugins() {
-    var key = new _state.PluginKey(this.name);
-    return [new _state.Plugin({
-      key: key,
-      appendTransaction: function appendTransaction(transactions, _oldState, newState) {
-        if (!transactions.some(function (tr) {
-          return tr.docChanged;
-        })) {
-          return null;
-        }
-        var doc = newState.doc;
-        if (doc.childCount !== 1) {
-          return null;
-        }
-        var first = doc.firstChild;
-        if (first.type.name !== 'paragraph' || first.content.size > 0) {
-          return null;
-        }
-        var divType = newState.schema.nodes.div;
-        if (!divType) {
-          return null;
-        }
-
-        // Top-level content positions are 0 .. doc.content.size. The first block spans
-        // [0, first.nodeSize). Using start=1 replaces the wrong slice and can leave the
-        // document inconsistent after a full delete (Cmd+A, Backspace).
-        var start = 0;
-        var end = first.nodeSize;
-        return newState.tr.replaceWith(start, end, divType.create());
-      }
-    })];
-  }
-});
-//# sourceMappingURL=ensure-empty-root-div.js.map

package/lib/extensions/ensure-empty-root-div.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ensure-empty-root-div.js","names":["_core","require","_state","EnsureEmptyRootIsDiv","exports","Extension","create","name","addProseMirrorPlugins","key","PluginKey","Plugin","appendTransaction","transactions","_oldState","newState","some","tr","docChanged","doc","childCount","first","firstChild","type","content","size","divType","schema","nodes","div","start","end","nodeSize","replaceWith"],"sources":["../../src/extensions/ensure-empty-root-div.js"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\n\n/**\n * After ProseMirror repairs an empty document, it often inserts a `paragraph`.\n * We want a lone empty top-level block to be `div` (DivNode) so typing stays `<div>A</div>`.\n */\nexport const EnsureEmptyRootIsDiv = Extension.create({\n  name: 'ensureEmptyRootIsDiv',\n\n  addProseMirrorPlugins() {\n    const key = new PluginKey(this.name);\n\n    return [\n      new Plugin({\n        key,\n        appendTransaction(transactions, _oldState, newState) {\n          if (!transactions.some((tr) => tr.docChanged)) {\n            return null;\n          }\n\n          const { doc } = newState;\n          if (doc.childCount !== 1) {\n            return null;\n          }\n\n          const first = doc.firstChild;\n          if (first.type.name !== 'paragraph' || first.content.size > 0) {\n            return null;\n          }\n\n          const divType = newState.schema.nodes.div;\n          if (!divType) {\n            return null;\n          }\n\n          // Top-level content positions are 0 .. doc.content.size. The first block spans\n          // [0, first.nodeSize). Using start=1 replaces the wrong slice and can leave the\n          // document inconsistent after a full delete (Cmd+A, Backspace).\n          const start = 0;\n          const end = first.nodeSize;\n          return newState.tr.replaceWith(start, end, divType.create());\n        },\n      }),\n    ];\n  },\n});\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACO,IAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,eAAS,CAACC,MAAM,CAAC;EACnDC,IAAI,EAAE,sBAAsB;EAE5BC,qBAAqB,WAArBA,qBAAqBA,CAAA,EAAG;IACtB,IAAMC,GAAG,GAAG,IAAIC,gBAAS,CAAC,IAAI,CAACH,IAAI,CAAC;IAEpC,OAAO,CACL,IAAII,aAAM,CAAC;MACTF,GAAG,EAAHA,GAAG;MACHG,iBAAiB,WAAjBA,iBAAiBA,CAACC,YAAY,EAAEC,SAAS,EAAEC,QAAQ,EAAE;QACnD,IAAI,CAACF,YAAY,CAACG,IAAI,CAAC,UAACC,EAAE;UAAA,OAAKA,EAAE,CAACC,UAAU;QAAA,EAAC,EAAE;UAC7C,OAAO,IAAI;QACb;QAEA,IAAQC,GAAG,GAAKJ,QAAQ,CAAhBI,GAAG;QACX,IAAIA,GAAG,CAACC,UAAU,KAAK,CAAC,EAAE;UACxB,OAAO,IAAI;QACb;QAEA,IAAMC,KAAK,GAAGF,GAAG,CAACG,UAAU;QAC5B,IAAID,KAAK,CAACE,IAAI,CAAChB,IAAI,KAAK,WAAW,IAAIc,KAAK,CAACG,OAAO,CAACC,IAAI,GAAG,CAAC,EAAE;UAC7D,OAAO,IAAI;QACb;QAEA,IAAMC,OAAO,GAAGX,QAAQ,CAACY,MAAM,CAACC,KAAK,CAACC,GAAG;QACzC,IAAI,CAACH,OAAO,EAAE;UACZ,OAAO,IAAI;QACb;;QAEA;QACA;QACA;QACA,IAAMI,KAAK,GAAG,CAAC;QACf,IAAMC,GAAG,GAAGV,KAAK,CAACW,QAAQ;QAC1B,OAAOjB,QAAQ,CAACE,EAAE,CAACgB,WAAW,CAACH,KAAK,EAAEC,GAAG,EAAEL,OAAO,CAACpB,MAAM,CAAC,CAAC,CAAC;MAC9D;IACF,CAAC,CAAC,CACH;EACH;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/extensions/ensure-list-item-content-is-div.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EnsureListItemContentIsDiv = void 0;
-var _core = require("@tiptap/core");
-var _state = require("@tiptap/pm/state");
-/**
- * Some list operations preserve/create `paragraph` children in `listItem`.
- * Normalize direct `listItem > paragraph` children into `div` so list content
- * stays consistent with DivNode-based editing.
- */
-var EnsureListItemContentIsDiv = exports.EnsureListItemContentIsDiv = _core.Extension.create({
-  name: 'ensureListItemContentIsDiv',
-  addProseMirrorPlugins: function addProseMirrorPlugins() {
-    var key = new _state.PluginKey(this.name);
-    return [new _state.Plugin({
-      key: key,
-      appendTransaction: function appendTransaction(transactions, _oldState, newState) {
-        if (!transactions.some(function (tr) {
-          return tr.docChanged;
-        })) {
-          return null;
-        }
-        var doc = newState.doc,
-          schema = newState.schema;
-        var divType = schema.nodes.div;
-        if (!divType) {
-          return null;
-        }
-        var positionsToConvert = [];
-        doc.descendants(function (node, pos) {
-          if (node.type.name !== 'listItem') {
-            return;
-          }
-          var childOffset = 1;
-          node.forEach(function (child) {
-            if (child.type.name === 'paragraph') {
-              positionsToConvert.push({
-                pos: pos + childOffset,
-                attrs: child.attrs
-              });
-            }
-            childOffset += child.nodeSize;
-          });
-        });
-        if (positionsToConvert.length === 0) {
-          return null;
-        }
-        var tr = newState.tr;
-        positionsToConvert.sort(function (a, b) {
-          return b.pos - a.pos;
-        }).forEach(function (_ref) {
-          var pos = _ref.pos,
-            attrs = _ref.attrs;
-          return tr.setNodeMarkup(pos, divType, attrs);
-        });
-        return tr;
-      }
-    })];
-  }
-});
-//# sourceMappingURL=ensure-list-item-content-is-div.js.map

package/lib/extensions/ensure-list-item-content-is-div.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ensure-list-item-content-is-div.js","names":["_core","require","_state","EnsureListItemContentIsDiv","exports","Extension","create","name","addProseMirrorPlugins","key","PluginKey","Plugin","appendTransaction","transactions","_oldState","newState","some","tr","docChanged","doc","schema","divType","nodes","div","positionsToConvert","descendants","node","pos","type","childOffset","forEach","child","push","attrs","nodeSize","length","sort","a","b","_ref","setNodeMarkup"],"sources":["../../src/extensions/ensure-list-item-content-is-div.js"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\n\n/**\n * Some list operations preserve/create `paragraph` children in `listItem`.\n * Normalize direct `listItem > paragraph` children into `div` so list content\n * stays consistent with DivNode-based editing.\n */\nexport const EnsureListItemContentIsDiv = Extension.create({\n  name: 'ensureListItemContentIsDiv',\n\n  addProseMirrorPlugins() {\n    const key = new PluginKey(this.name);\n\n    return [\n      new Plugin({\n        key,\n        appendTransaction(transactions, _oldState, newState) {\n          if (!transactions.some((tr) => tr.docChanged)) {\n            return null;\n          }\n\n          const { doc, schema } = newState;\n          const divType = schema.nodes.div;\n          if (!divType) {\n            return null;\n          }\n\n          const positionsToConvert = [];\n\n          doc.descendants((node, pos) => {\n            if (node.type.name !== 'listItem') {\n              return;\n            }\n\n            let childOffset = 1;\n            node.forEach((child) => {\n              if (child.type.name === 'paragraph') {\n                positionsToConvert.push({\n                  pos: pos + childOffset,\n                  attrs: child.attrs,\n                });\n              }\n              childOffset += child.nodeSize;\n            });\n          });\n\n          if (positionsToConvert.length === 0) {\n            return null;\n          }\n\n          const tr = newState.tr;\n          positionsToConvert\n            .sort((a, b) => b.pos - a.pos)\n            .forEach(({ pos, attrs }) => tr.setNodeMarkup(pos, divType, attrs));\n\n          return tr;\n        },\n      }),\n    ];\n  },\n});\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,IAAME,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAGE,eAAS,CAACC,MAAM,CAAC;EACzDC,IAAI,EAAE,4BAA4B;EAElCC,qBAAqB,WAArBA,qBAAqBA,CAAA,EAAG;IACtB,IAAMC,GAAG,GAAG,IAAIC,gBAAS,CAAC,IAAI,CAACH,IAAI,CAAC;IAEpC,OAAO,CACL,IAAII,aAAM,CAAC;MACTF,GAAG,EAAHA,GAAG;MACHG,iBAAiB,WAAjBA,iBAAiBA,CAACC,YAAY,EAAEC,SAAS,EAAEC,QAAQ,EAAE;QACnD,IAAI,CAACF,YAAY,CAACG,IAAI,CAAC,UAACC,EAAE;UAAA,OAAKA,EAAE,CAACC,UAAU;QAAA,EAAC,EAAE;UAC7C,OAAO,IAAI;QACb;QAEA,IAAQC,GAAG,GAAaJ,QAAQ,CAAxBI,GAAG;UAAEC,MAAM,GAAKL,QAAQ,CAAnBK,MAAM;QACnB,IAAMC,OAAO,GAAGD,MAAM,CAACE,KAAK,CAACC,GAAG;QAChC,IAAI,CAACF,OAAO,EAAE;UACZ,OAAO,IAAI;QACb;QAEA,IAAMG,kBAAkB,GAAG,EAAE;QAE7BL,GAAG,CAACM,WAAW,CAAC,UAACC,IAAI,EAAEC,GAAG,EAAK;UAC7B,IAAID,IAAI,CAACE,IAAI,CAACrB,IAAI,KAAK,UAAU,EAAE;YACjC;UACF;UAEA,IAAIsB,WAAW,GAAG,CAAC;UACnBH,IAAI,CAACI,OAAO,CAAC,UAACC,KAAK,EAAK;YACtB,IAAIA,KAAK,CAACH,IAAI,CAACrB,IAAI,KAAK,WAAW,EAAE;cACnCiB,kBAAkB,CAACQ,IAAI,CAAC;gBACtBL,GAAG,EAAEA,GAAG,GAAGE,WAAW;gBACtBI,KAAK,EAAEF,KAAK,CAACE;cACf,CAAC,CAAC;YACJ;YACAJ,WAAW,IAAIE,KAAK,CAACG,QAAQ;UAC/B,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,IAAIV,kBAAkB,CAACW,MAAM,KAAK,CAAC,EAAE;UACnC,OAAO,IAAI;QACb;QAEA,IAAMlB,EAAE,GAAGF,QAAQ,CAACE,EAAE;QACtBO,kBAAkB,CACfY,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC;UAAA,OAAKA,CAAC,CAACX,GAAG,GAAGU,CAAC,CAACV,GAAG;QAAA,EAAC,CAC7BG,OAAO,CAAC,UAAAS,IAAA;UAAA,IAAGZ,GAAG,GAAAY,IAAA,CAAHZ,GAAG;YAAEM,KAAK,GAAAM,IAAA,CAALN,KAAK;UAAA,OAAOhB,EAAE,CAACuB,aAAa,CAACb,GAAG,EAAEN,OAAO,EAAEY,KAAK,CAAC;QAAA,EAAC;QAErE,OAAOhB,EAAE;MACX;IACF,CAAC,CAAC,CACH;EACH;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/extensions/extended-list-item.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExtendedListItem = void 0;
-var _extensionListItem = require("@tiptap/extension-list-item");
-/**
- * Default list items use `paragraph block*`, so empty/new items become `<p>`.
- * Prefer `div` first to keep consistency with DivNode at root and table cells.
- */
-var ExtendedListItem = exports.ExtendedListItem = _extensionListItem.ListItem.extend({
-  content: '(div | paragraph | heading | bulletList | orderedList | blockquote | codeBlock | horizontalRule | image | imageUploadNode)+'
-});
-//# sourceMappingURL=extended-list-item.js.map