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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"extended-list-item.js","names":["_extensionListItem","require","ExtendedListItem","exports","ListItem","extend","content"],"sources":["../../src/extensions/extended-list-item.js"],"sourcesContent":["import { ListItem } from '@tiptap/extension-list-item';\n\n/**\n * Default list items use `paragraph block*`, so empty/new items become `<p>`.\n * Prefer `div` first to keep consistency with DivNode at root and table cells.\n */\nexport const ExtendedListItem = ListItem.extend({\n  content:\n    '(div | paragraph | heading | bulletList | orderedList | blockquote | codeBlock | horizontalRule | image | imageUploadNode)+',\n});\n"],"mappings":";;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,2BAAQ,CAACC,MAAM,CAAC;EAC9CC,OAAO,EACL;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/extensions/extended-table-cell.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExtendedTableHeader = exports.ExtendedTableCell = void 0;
-var _extensionTableCell = require("@tiptap/extension-table-cell");
-var _extensionTableHeader = require("@tiptap/extension-table-header");
-/**
- * Default table cells use ProseMirror `createAndFill()`, which prefers the first
- * block type allowed by the content expression. Stock cells use `block+`, so
- * `paragraph` wins. Listing `div` first matches the editor default for plain text
- * (see DivNode) while still allowing other blocks (lists, headings, images, …).
- */
-var TABLE_CELL_BLOCK_CONTENT = '(div | paragraph | heading | bulletList | orderedList | blockquote | codeBlock | horizontalRule | image | imageUploadNode)+';
-var ExtendedTableCell = exports.ExtendedTableCell = _extensionTableCell.TableCell.extend({
-  content: TABLE_CELL_BLOCK_CONTENT
-});
-var ExtendedTableHeader = exports.ExtendedTableHeader = _extensionTableHeader.TableHeader.extend({
-  content: TABLE_CELL_BLOCK_CONTENT
-});
-//# sourceMappingURL=extended-table-cell.js.map

package/lib/extensions/extended-table-cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extended-table-cell.js","names":["_extensionTableCell","require","_extensionTableHeader","TABLE_CELL_BLOCK_CONTENT","ExtendedTableCell","exports","TableCell","extend","content","ExtendedTableHeader","TableHeader"],"sources":["../../src/extensions/extended-table-cell.js"],"sourcesContent":["import { TableCell } from '@tiptap/extension-table-cell';\nimport { TableHeader } from '@tiptap/extension-table-header';\n\n/**\n * Default table cells use ProseMirror `createAndFill()`, which prefers the first\n * block type allowed by the content expression. Stock cells use `block+`, so\n * `paragraph` wins. Listing `div` first matches the editor default for plain text\n * (see DivNode) while still allowing other blocks (lists, headings, images, …).\n */\nconst TABLE_CELL_BLOCK_CONTENT =\n  '(div | paragraph | heading | bulletList | orderedList | blockquote | codeBlock | horizontalRule | image | imageUploadNode)+';\n\nexport const ExtendedTableCell = TableCell.extend({\n  content: TABLE_CELL_BLOCK_CONTENT,\n});\n\nexport const ExtendedTableHeader = TableHeader.extend({\n  content: TABLE_CELL_BLOCK_CONTENT,\n});\n"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAME,wBAAwB,GAC5B,6HAA6H;AAExH,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,6BAAS,CAACC,MAAM,CAAC;EAChDC,OAAO,EAAEL;AACX,CAAC,CAAC;AAEK,IAAMM,mBAAmB,GAAAJ,OAAA,CAAAI,mBAAA,GAAGC,iCAAW,CAACH,MAAM,CAAC;EACpDC,OAAO,EAAEL;AACX,CAAC,CAAC","ignoreList":[]}

package/lib/extensions/extended-table.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.applyPresentationToTableElement = exports.ExtendedTableView = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _extensionTable = require("@tiptap/extension-table");
-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; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-var applyPresentationToTableElement = exports.applyPresentationToTableElement = function applyPresentationToTableElement(table, attrs) {
-  var border = (attrs === null || attrs === void 0 ? void 0 : attrs.border) != null && attrs.border !== '' ? attrs.border : '1';
-  table.setAttribute('border', border);
-  table.style.setProperty('color', 'var(--pie-text, black)');
-  table.style.setProperty('background-color', 'var(--pie-background, rgba(255, 255, 255))');
-};
-var ExtendedTableView = exports.ExtendedTableView = /*#__PURE__*/function (_TableView) {
-  function ExtendedTableView(node, cellMinWidth, view) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ExtendedTableView);
-    _this = _callSuper(this, ExtendedTableView, [node, cellMinWidth, view]);
-    applyPresentationToTableElement(_this.table, node.attrs);
-    return _this;
-  }
-  (0, _inherits2["default"])(ExtendedTableView, _TableView);
-  return (0, _createClass2["default"])(ExtendedTableView, [{
-    key: "update",
-    value: function update(node) {
-      var ok = _superPropGet(ExtendedTableView, "update", this, 3)([node]);
-      if (ok) {
-        applyPresentationToTableElement(this.table, node.attrs);
-      }
-      return ok;
-    }
-  }]);
-}(_extensionTable.TableView);
-var ExtendedTable = _extensionTable.Table.extend({
-  addOptions: function addOptions() {
-    var _this$parent;
-    return _objectSpread(_objectSpread({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
-      // ProseMirror's default table DOM does not prune extra <col> nodes when a column
-      // is removed; TableView (via column resizing) does.
-      resizable: true,
-      handleWidth: 0,
-      View: ExtendedTableView
-    });
-  },
-  addAttributes: function addAttributes() {
-    return {
-      border: {
-        "default": '1'
-      }
-    };
-  },
-  renderHTML: function renderHTML(props) {
-    var originalTable = this.parent(props);
-    var border = props.HTMLAttributes.border;
-    var previousStyle = "".concat(originalTable[1].style).concat(originalTable[1].style.match(/.*; */) ? '' : ';');
-    originalTable[1].style = "".concat(previousStyle, "\n    color: var(--pie-text, black);\n    background-color: var(--pie-background, rgba(255, 255, 255))");
-    originalTable[1].border = border ? border : '1';
-    return originalTable;
-  }
-});
-var _default = exports["default"] = ExtendedTable;
-//# sourceMappingURL=extended-table.js.map

package/lib/extensions/extended-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extended-table.js","names":["_extensionTable","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","_superPropGet","p","_get2","applyPresentationToTableElement","exports","table","attrs","border","setAttribute","style","setProperty","ExtendedTableView","_TableView","node","cellMinWidth","view","_this","_classCallCheck2","_inherits2","_createClass2","key","value","update","ok","TableView","ExtendedTable","Table","extend","addOptions","_this$parent","parent","resizable","handleWidth","View","addAttributes","renderHTML","props","originalTable","HTMLAttributes","previousStyle","concat","match","_default"],"sources":["../../src/extensions/extended-table.js"],"sourcesContent":["import { Table, TableView } from '@tiptap/extension-table';\n\nconst applyPresentationToTableElement = (table, attrs) => {\n  const border = attrs?.border != null && attrs.border !== '' ? attrs.border : '1';\n\n  table.setAttribute('border', border);\n  table.style.setProperty('color', 'var(--pie-text, black)');\n  table.style.setProperty('background-color', 'var(--pie-background, rgba(255, 255, 255))');\n};\n\nclass ExtendedTableView extends TableView {\n  constructor(node, cellMinWidth, view) {\n    super(node, cellMinWidth, view);\n    applyPresentationToTableElement(this.table, node.attrs);\n  }\n\n  update(node) {\n    const ok = super.update(node);\n\n    if (ok) {\n      applyPresentationToTableElement(this.table, node.attrs);\n    }\n\n    return ok;\n  }\n}\n\nconst ExtendedTable = Table.extend({\n  addOptions() {\n    return {\n      ...this.parent?.(),\n      // ProseMirror's default table DOM does not prune extra <col> nodes when a column\n      // is removed; TableView (via column resizing) does.\n      resizable: true,\n      handleWidth: 0,\n      View: ExtendedTableView,\n    };\n  },\n  addAttributes() {\n    return {\n      border: { default: '1' },\n    };\n  },\n  renderHTML(props) {\n    const originalTable = this.parent(props);\n    const { border } = props.HTMLAttributes;\n\n    const previousStyle = `${originalTable[1].style}${originalTable[1].style.match(/.*; */) ? '' : ';'}`;\n\n    originalTable[1].style = `${previousStyle}\n    color: var(--pie-text, black);\n    background-color: var(--pie-background, rgba(255, 255, 255))`;\n    originalTable[1].border = border ? border : '1';\n\n    return originalTable;\n  },\n});\n\nexport { applyPresentationToTableElement, ExtendedTableView };\nexport default ExtendedTable;\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAA2D,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAAA,SAAAoB,WAAAlB,CAAA,EAAAI,CAAA,EAAAN,CAAA,WAAAM,CAAA,OAAAe,gBAAA,aAAAf,CAAA,OAAAgB,2BAAA,aAAApB,CAAA,EAAAqB,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAnB,CAAA,EAAAN,CAAA,YAAAqB,gBAAA,aAAAnB,CAAA,EAAAwB,WAAA,IAAApB,CAAA,CAAAK,KAAA,CAAAT,CAAA,EAAAF,CAAA;AAAA,SAAAuB,0BAAA,cAAArB,CAAA,IAAAyB,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAN,OAAA,CAAAC,SAAA,CAAAE,OAAA,iCAAAzB,CAAA,aAAAqB,yBAAA,YAAAA,0BAAA,aAAArB,CAAA;AAAA,SAAA6B,cAAA7B,CAAA,EAAAI,CAAA,EAAAN,CAAA,EAAAC,CAAA,QAAA+B,CAAA,OAAAC,KAAA,iBAAAZ,gBAAA,iBAAApB,CAAA,GAAAC,CAAA,CAAA0B,SAAA,GAAA1B,CAAA,GAAAI,CAAA,EAAAN,CAAA,cAAAC,CAAA,yBAAA+B,CAAA,aAAA9B,CAAA,WAAA8B,CAAA,CAAArB,KAAA,CAAAX,CAAA,EAAAE,CAAA,OAAA8B,CAAA;AAE3D,IAAME,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,SAAlCA,+BAA+BA,CAAIE,KAAK,EAAEC,KAAK,EAAK;EACxD,IAAMC,MAAM,GAAG,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,MAAM,KAAI,IAAI,IAAID,KAAK,CAACC,MAAM,KAAK,EAAE,GAAGD,KAAK,CAACC,MAAM,GAAG,GAAG;EAEhFF,KAAK,CAACG,YAAY,CAAC,QAAQ,EAAED,MAAM,CAAC;EACpCF,KAAK,CAACI,KAAK,CAACC,WAAW,CAAC,OAAO,EAAE,wBAAwB,CAAC;EAC1DL,KAAK,CAACI,KAAK,CAACC,WAAW,CAAC,kBAAkB,EAAE,4CAA4C,CAAC;AAC3F,CAAC;AAAC,IAEIC,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,0BAAAC,UAAA;EACrB,SAAAD,kBAAYE,IAAI,EAAEC,YAAY,EAAEC,IAAI,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,iBAAA;IACpCK,KAAA,GAAA3B,UAAA,OAAAsB,iBAAA,GAAME,IAAI,EAAEC,YAAY,EAAEC,IAAI;IAC9BZ,+BAA+B,CAACa,KAAA,CAAKX,KAAK,EAAEQ,IAAI,CAACP,KAAK,CAAC;IAAC,OAAAU,KAAA;EAC1D;EAAC,IAAAE,UAAA,aAAAP,iBAAA,EAAAC,UAAA;EAAA,WAAAO,aAAA,aAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAED,SAAAC,MAAMA,CAACT,IAAI,EAAE;MACX,IAAMU,EAAE,GAAAvB,aAAA,CAAAW,iBAAA,sBAAgBE,IAAI,EAAC;MAE7B,IAAIU,EAAE,EAAE;QACNpB,+BAA+B,CAAC,IAAI,CAACE,KAAK,EAAEQ,IAAI,CAACP,KAAK,CAAC;MACzD;MAEA,OAAOiB,EAAE;IACX;EAAC;AAAA,EAd6BC,yBAAS;AAiBzC,IAAMC,aAAa,GAAGC,qBAAK,CAACC,MAAM,CAAC;EACjCC,UAAU,WAAVA,UAAUA,CAAA,EAAG;IAAA,IAAAC,YAAA;IACX,OAAAhD,aAAA,CAAAA,aAAA,MAAAgD,YAAA,GACK,IAAI,CAACC,MAAM,cAAAD,YAAA,uBAAXA,YAAA,CAAA9B,IAAA,KAAc,CAAC;MAClB;MACA;MACAgC,SAAS,EAAE,IAAI;MACfC,WAAW,EAAE,CAAC;MACdC,IAAI,EAAEtB;IAAiB;EAE3B,CAAC;EACDuB,aAAa,WAAbA,aAAaA,CAAA,EAAG;IACd,OAAO;MACL3B,MAAM,EAAE;QAAE,WAAS;MAAI;IACzB,CAAC;EACH,CAAC;EACD4B,UAAU,WAAVA,UAAUA,CAACC,KAAK,EAAE;IAChB,IAAMC,aAAa,GAAG,IAAI,CAACP,MAAM,CAACM,KAAK,CAAC;IACxC,IAAQ7B,MAAM,GAAK6B,KAAK,CAACE,cAAc,CAA/B/B,MAAM;IAEd,IAAMgC,aAAa,MAAAC,MAAA,CAAMH,aAAa,CAAC,CAAC,CAAC,CAAC5B,KAAK,EAAA+B,MAAA,CAAGH,aAAa,CAAC,CAAC,CAAC,CAAC5B,KAAK,CAACgC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,CAAE;IAEpGJ,aAAa,CAAC,CAAC,CAAC,CAAC5B,KAAK,MAAA+B,MAAA,CAAMD,aAAa,2GAEoB;IAC7DF,aAAa,CAAC,CAAC,CAAC,CAAC9B,MAAM,GAAGA,MAAM,GAAGA,MAAM,GAAG,GAAG;IAE/C,OAAO8B,aAAa;EACtB;AACF,CAAC,CAAC;AAAC,IAAAK,QAAA,GAAAtC,OAAA,cAGYqB,aAAa","ignoreList":[]}

package/lib/extensions/heading-paragraph.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeadingParagraph = void 0;
-var _core = require("@tiptap/core");
-/**
- * HeadingParagraph extension
- *
- * Renders as <p data-heading="heading1"> in the HTML output instead of <h3>.
- * This provides semantic heading styling without using a native heading element,
- * as required by PIE's accessibility conventions.
- */
-var HeadingParagraph = exports.HeadingParagraph = _core.Node.create({
-  name: 'headingParagraph',
-  group: 'block',
-  content: 'inline*',
-  defining: true,
-  addAttributes: function addAttributes() {
-    return {
-      'data-heading': {
-        "default": 'heading1',
-        parseHTML: function parseHTML(element) {
-          return element.getAttribute('data-heading');
-        },
-        renderHTML: function renderHTML(attributes) {
-          return {
-            'data-heading': attributes['data-heading']
-          };
-        }
-      }
-    };
-  },
-  parseHTML: function parseHTML() {
-    return [{
-      tag: 'p[data-heading]'
-    }];
-  },
-  renderHTML: function renderHTML(_ref) {
-    var HTMLAttributes = _ref.HTMLAttributes;
-    return ['p', (0, _core.mergeAttributes)(HTMLAttributes), 0];
-  },
-  addCommands: function addCommands() {
-    return {
-      toggleHeadingParagraph: function toggleHeadingParagraph() {
-        return function (_ref2) {
-          var commands = _ref2.commands,
-            editor = _ref2.editor;
-          if (editor.isActive('headingParagraph')) {
-            return commands.setNode('paragraph');
-          }
-          return commands.setNode('headingParagraph', {
-            'data-heading': 'heading1'
-          });
-        };
-      }
-    };
-  }
-});
-//# sourceMappingURL=heading-paragraph.js.map

package/lib/extensions/heading-paragraph.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading-paragraph.js","names":["_core","require","HeadingParagraph","exports","Node","create","name","group","content","defining","addAttributes","parseHTML","element","getAttribute","renderHTML","attributes","tag","_ref","HTMLAttributes","mergeAttributes","addCommands","toggleHeadingParagraph","_ref2","commands","editor","isActive","setNode"],"sources":["../../src/extensions/heading-paragraph.js"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\n\n/**\n * HeadingParagraph extension\n *\n * Renders as <p data-heading=\"heading1\"> in the HTML output instead of <h3>.\n * This provides semantic heading styling without using a native heading element,\n * as required by PIE's accessibility conventions.\n */\nexport const HeadingParagraph = Node.create({\n  name: 'headingParagraph',\n\n  group: 'block',\n\n  content: 'inline*',\n\n  defining: true,\n\n  addAttributes() {\n    return {\n      'data-heading': {\n        default: 'heading1',\n        parseHTML: (element) => element.getAttribute('data-heading'),\n        renderHTML: (attributes) => ({\n          'data-heading': attributes['data-heading'],\n        }),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      { tag: 'p[data-heading]' },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['p', mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addCommands() {\n    return {\n      toggleHeadingParagraph:\n        () =>\n        ({ commands, editor }) => {\n          if (editor.isActive('headingParagraph')) {\n            return commands.setNode('paragraph');\n          }\n          return commands.setNode('headingParagraph', { 'data-heading': 'heading1' });\n        },\n    };\n  },\n});\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,UAAI,CAACC,MAAM,CAAC;EAC1CC,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAE,OAAO;EAEdC,OAAO,EAAE,SAAS;EAElBC,QAAQ,EAAE,IAAI;EAEdC,aAAa,WAAbA,aAAaA,CAAA,EAAG;IACd,OAAO;MACL,cAAc,EAAE;QACd,WAAS,UAAU;QACnBC,SAAS,EAAE,SAAXA,SAASA,CAAGC,OAAO;UAAA,OAAKA,OAAO,CAACC,YAAY,CAAC,cAAc,CAAC;QAAA;QAC5DC,UAAU,EAAE,SAAZA,UAAUA,CAAGC,UAAU;UAAA,OAAM;YAC3B,cAAc,EAAEA,UAAU,CAAC,cAAc;UAC3C,CAAC;QAAA;MACH;IACF,CAAC;EACH,CAAC;EAEDJ,SAAS,WAATA,SAASA,CAAA,EAAG;IACV,OAAO,CACL;MAAEK,GAAG,EAAE;IAAkB,CAAC,CAC3B;EACH,CAAC;EAEDF,UAAU,WAAVA,UAAUA,CAAAG,IAAA,EAAqB;IAAA,IAAlBC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACzB,OAAO,CAAC,GAAG,EAAE,IAAAC,qBAAe,EAACD,cAAc,CAAC,EAAE,CAAC,CAAC;EAClD,CAAC;EAEDE,WAAW,WAAXA,WAAWA,CAAA,EAAG;IACZ,OAAO;MACLC,sBAAsB,EACpB,SADFA,sBAAsBA,CAAA;QAAA,OAEpB,UAAAC,KAAA,EAA0B;UAAA,IAAvBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;YAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;UACjB,IAAIA,MAAM,CAACC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;YACvC,OAAOF,QAAQ,CAACG,OAAO,CAAC,WAAW,CAAC;UACtC;UACA,OAAOH,QAAQ,CAACG,OAAO,CAAC,kBAAkB,EAAE;YAAE,cAAc,EAAE;UAAW,CAAC,CAAC;QAC7E,CAAC;MAAA;IACL,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/extensions/image-component.js

@@ -1,351 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
-var _debug = _interopRequireDefault(require("debug"));
-var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
-var _styles = require("@mui/material/styles");
-var _react2 = require("@tiptap/react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _InsertImageHandler = _interopRequireDefault(require("../components/image/InsertImageHandler"));
-var _ImageToolbar = _interopRequireDefault(require("../components/image/ImageToolbar"));
-var _customToolbarWrapper = _interopRequireDefault(require("./custom-toolbar-wrapper"));
-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); }
-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 log = (0, _debug["default"])('@pie-lib:editable-html:plugins:image:component');
-var StyledProgress = (0, _styles.styled)(_LinearProgress["default"], {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return prop !== 'hideProgress';
-  }
-})(function (_ref) {
-  var hideProgress = _ref.hideProgress;
-  return _objectSpread({
-    position: 'absolute',
-    left: '0',
-    width: 'fit-content',
-    top: '0%',
-    transition: 'opacity 200ms linear'
-  }, hideProgress && {
-    opacity: 0
-  });
-});
-var StyledRoot = (0, _styles.styled)('div', {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !['active', 'loading', 'pendingDelete'].includes(prop);
-  }
-})(function (_ref2) {
-  var loading = _ref2.loading,
-    pendingDelete = _ref2.pendingDelete;
-  return _objectSpread(_objectSpread({
-    position: 'relative',
-    display: 'flex',
-    transition: 'opacity 200ms linear'
-  }, loading && {
-    opacity: 0.3
-  }), pendingDelete && {
-    opacity: 0.3
-  });
-});
-var StyledImageContainer = (0, _styles.styled)('div')(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    position: 'relative',
-    width: 'fit-content',
-    display: 'flex',
-    alignItems: 'center',
-    '&&:hover > .resize': {
-      display: 'block'
-    }
-  };
-});
-var StyledImage = (0, _styles.styled)('img', {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return prop !== 'active';
-  }
-})(function (_ref4) {
-  var theme = _ref4.theme,
-    active = _ref4.active;
-  return {
-    border: active ? "solid 1px ".concat(theme.palette.primary.main) : 'solid 1px transparent'
-  };
-});
-var StyledResize = (0, _styles.styled)('div')(function (_ref5) {
-  var theme = _ref5.theme;
-  return {
-    backgroundColor: theme.palette.primary.main,
-    cursor: 'col-resize',
-    height: '35px',
-    width: '5px',
-    borderRadius: 8,
-    marginLeft: '5px',
-    marginRight: '10px',
-    display: 'none'
-  };
-});
-var sizePx = function sizePx(s) {
-  return s ? "".concat(s, "px") : 'calc(20px)';
-};
-function ImageComponent(props) {
-  var _options$imageHandlin6;
-  var node = props.node,
-    editor = props.editor,
-    attributes = props.attributes,
-    onFocus = props.onFocus,
-    getPos = props.getPos,
-    selected = props.selected,
-    options = props.options,
-    _props$maxImageWidth = props.maxImageWidth,
-    maxImageWidth = _props$maxImageWidth === void 0 ? 700 : _props$maxImageWidth,
-    _props$maxImageHeight = props.maxImageHeight,
-    maxImageHeight = _props$maxImageHeight === void 0 ? 900 : _props$maxImageHeight;
-  var alt = node.attrs.alt;
-  var pos = getPos();
-  var selFrom = editor.state.selection.from;
-  var selTo = editor.state.selection.to;
-  var onlyThisNodeSelected = (0, _react.useMemo)(function () {
-    return selFrom + node.nodeSize === selTo;
-  }, [selFrom, selTo, node.nodeSize]);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    showToolbar = _useState2[0],
-    setShowToolbar = _useState2[1];
-  var latestNodeRef = (0, _react.useRef)(node);
-  var imgRef = (0, _react.useRef)(null);
-  var resizeRef = (0, _react.useRef)(null);
-  var toolbarRef = (0, _react.useRef)(null);
-  var getPercentFromWidth = (0, _react.useCallback)(function (width) {
-    var floored = width / imgRef.current.naturalWidth * 4;
-    return parseInt(floored.toFixed(0) * 25, 10);
-  }, []);
-  var findNodePos = (0, _react.useCallback)(function () {
-    var key = latestNodeRef.current.attrs.nodeKey;
-    var found = null;
-    editor.state.doc.descendants(function (n, pos) {
-      if (found !== null) return false;
-      if (n.type.name === 'imageUploadNode' && n.attrs.nodeKey === key) {
-        found = pos;
-        return false;
-      }
-    });
-    return found;
-  }, [editor]);
-
-  // dispatch an attribute update targeted precisely at this node by nodeKey.
-  var updateThisNode = (0, _react.useCallback)(function (newAttrs) {
-    var nodePos = findNodePos();
-    if (nodePos === null) return;
-    var currentNode = editor.state.doc.nodeAt(nodePos);
-    if (!currentNode) return;
-    editor.view.dispatch(editor.state.tr.setNodeMarkup(nodePos, undefined, _objectSpread(_objectSpread({}, currentNode.attrs), newAttrs)));
-  }, [editor, findNodePos]);
-  var applySizeData = (0, _react.useCallback)(function () {
-    if (!node.attrs.width || !imgRef.current || !imgRef.current.naturalWidth) return;
-    var resizePercent = getPercentFromWidth(node.attrs.width);
-    if (node.attrs.resizePercent === resizePercent) return;
-    updateThisNode({
-      resizePercent: resizePercent
-    });
-  }, [node.attrs.width, node.attrs.resizePercent, getPercentFromWidth, updateThisNode]);
-
-  // keep ref in sync with latest node
-  (0, _react.useEffect)(function () {
-    latestNodeRef.current = _objectSpread(_objectSpread({}, node), {}, {
-      pos: pos
-    });
-  }, [node, pos]);
-  (0, _react.useEffect)(function () {
-    if (selected) {
-      if (onlyThisNodeSelected && editor.isEditable) {
-        var _node$attrs$src, _node$attrs, _options$imageHandlin;
-        // Only open the upload UI for a fresh placeholder. Remounting after tab switch
-        // would otherwise call insertImageRequested again and reopen the file modal.
-        var hasImageSrc = String((_node$attrs$src = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.src) !== null && _node$attrs$src !== void 0 ? _node$attrs$src : '').trim();
-        if (!hasImageSrc && (_options$imageHandlin = options.imageHandling) !== null && _options$imageHandlin !== void 0 && _options$imageHandlin.insertImageRequested) {
-          options.imageHandling.insertImageRequested(editor, [node, pos], function (finish) {
-            return new _InsertImageHandler["default"](editor, [node, pos], finish);
-          });
-        }
-        setShowToolbar(selected);
-      }
-    } else {
-      setShowToolbar(selected);
-    }
-  }, [onlyThisNodeSelected, selected, editor.isEditable]);
-  (0, _react.useEffect)(function () {
-    applySizeData();
-    var resizeHandle = resizeRef === null || resizeRef === void 0 ? void 0 : resizeRef.current;
-    if (resizeHandle && editor.isEditable) {
-      resizeHandle.addEventListener('mousedown', initResize, false);
-    }
-    return function () {
-      if (resizeHandle) {
-        resizeHandle.removeEventListener('mousedown', initResize, false);
-      }
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    applySizeData();
-  });
-  var loadImage = (0, _react.useCallback)(function () {
-    var box = imgRef.current;
-    if (!box) return;
-    if (!box.style.width || box.style.width === 'calc(20px)') {
-      var w = Math.min(box.naturalWidth, maxImageWidth);
-      var h = Math.min(box.naturalHeight, maxImageHeight);
-      box.style.width = "".concat(w, "px");
-      box.style.height = "".concat(h, "px");
-      var update = {
-        width: w,
-        height: h
-      };
-      if (!(0, _isEqual["default"])(update, {
-        width: node.attrs.width,
-        height: node.attrs.height
-      })) {
-        updateThisNode(update);
-      }
-    }
-  }, [node.attrs.width, node.attrs.height, maxImageWidth, maxImageHeight, updateThisNode]);
-  var updateAspect = function updateAspect(initial, next) {
-    var keepAspect = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var resizeType = arguments.length > 3 ? arguments[3] : undefined;
-    if (keepAspect) {
-      var ratio = initial.width / initial.height;
-      if (resizeType === 'height') return {
-        width: next.height * ratio,
-        height: next.height
-      };
-      return {
-        width: next.width,
-        height: next.width / ratio
-      };
-    }
-    return next;
-  };
-  var startResize = (0, _react.useCallback)(function (e) {
-    var box = imgRef.current;
-    if (!box) return;
-    var bounds = e.target.getBoundingClientRect();
-    var initial = {
-      width: box.naturalWidth,
-      height: box.naturalHeight
-    };
-    var next = updateAspect(initial, {
-      width: e.clientX - bounds.left,
-      height: e.clientY - bounds.top
-    });
-    if (next.width > 50 && next.height > 50 && next.width <= 700 && next.height <= 900) {
-      box.style.width = "".concat(next.width, "px");
-      box.style.height = "".concat(next.height, "px");
-      updateThisNode({
-        width: next.width,
-        height: next.height
-      });
-    }
-  }, [editor, updateThisNode]);
-  var onChange = (0, _react.useCallback)(function (newValues) {
-    updateThisNode(newValues);
-  }, [editor, updateThisNode]);
-  var stopResize = (0, _react.useCallback)(function () {
-    window.removeEventListener('mousemove', startResize);
-    window.removeEventListener('mouseup', stopResize);
-  }, [startResize]);
-  var initResize = (0, _react.useCallback)(function () {
-    window.addEventListener('mousemove', startResize);
-    window.addEventListener('mouseup', stopResize);
-  }, [startResize, stopResize]);
-  var style = {
-    width: sizePx(node.attrs.width),
-    height: sizePx(node.attrs.height),
-    objectFit: 'contain'
-  };
-  var flexAlign = {
-    left: 'flex-start',
-    center: 'center',
-    right: 'flex-end'
-  }[node.attrs.alignment] || 'flex-start';
-  return /*#__PURE__*/_react["default"].createElement(_react2.NodeViewWrapper, null, /*#__PURE__*/_react["default"].createElement(StyledRoot, {
-    onFocus: onFocus,
-    loading: !node.attrs.loaded,
-    pendingDelete: node.attrs.deleteStatus === 'pending',
-    style: {
-      justifyContent: flexAlign
-    }
-  }, /*#__PURE__*/_react["default"].createElement(StyledProgress, {
-    mode: "determinate",
-    value: node.attrs.percent || 0,
-    hideProgress: node.attrs.loaded
-  }), /*#__PURE__*/_react["default"].createElement(StyledImageContainer, {
-    onDragStart: function onDragStart(e) {
-      return e.preventDefault();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(StyledImage, (0, _extends2["default"])({}, attributes, {
-    active: selected && node.attrs.loaded,
-    draggable: false,
-    ref: imgRef,
-    src: node.attrs.src,
-    style: style,
-    onLoad: loadImage,
-    alt: node.attrs.alt
-  })), /*#__PURE__*/_react["default"].createElement(StyledResize, {
-    ref: resizeRef,
-    className: "resize",
-    style: {
-      display: editor.isEditable ? undefined : 'none'
-    }
-  }))), showToolbar && editor._tiptapContainerEl && /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement("div", {
-    ref: toolbarRef,
-    style: {
-      zIndex: 20,
-      background: 'var(--editable-html-toolbar-bg, #efefef)',
-      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)',
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_customToolbarWrapper["default"], {
-    showDone: true,
-    deletable: true,
-    toolbarOpts: options.toolbarOpts || {},
-    onDelete: function onDelete() {
-      var _options$imageHandlin2, _options$imageHandlin3;
-      var nodePos = findNodePos();
-      if (nodePos === null) return;
-      (_options$imageHandlin2 = options.imageHandling) === null || _options$imageHandlin2 === void 0 || (_options$imageHandlin3 = _options$imageHandlin2.onDelete) === null || _options$imageHandlin3 === void 0 || _options$imageHandlin3.call(_options$imageHandlin2, latestNodeRef.current);
-      editor.view.dispatch(editor.state.tr["delete"](nodePos, nodePos + editor.state.doc.nodeAt(nodePos).nodeSize));
-      setShowToolbar(false);
-      editor.commands.focus();
-    },
-    onDone: function onDone() {
-      var _options$imageHandlin4, _options$imageHandlin5;
-      setShowToolbar(false);
-      (_options$imageHandlin4 = options.imageHandling) === null || _options$imageHandlin4 === void 0 || (_options$imageHandlin5 = _options$imageHandlin4.onDone) === null || _options$imageHandlin5 === void 0 || _options$imageHandlin5.call(_options$imageHandlin4, editor);
-      editor.commands.focus('end');
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_ImageToolbar["default"], {
-    disableImageAlignmentButtons: (_options$imageHandlin6 = options.imageHandling) === null || _options$imageHandlin6 === void 0 ? void 0 : _options$imageHandlin6.disableImageAlignmentButtons,
-    alt: node.attrs.alt,
-    imageLoaded: node.attrs.loaded,
-    alignment: node.attrs.alignment || 'left',
-    onChange: onChange
-  }))), editor._tiptapContainerEl));
-}
-ImageComponent.propTypes = {
-  node: _propTypes["default"].object.isRequired,
-  editor: _propTypes["default"].object.isRequired,
-  attributes: _propTypes["default"].object,
-  onFocus: _propTypes["default"].func,
-  maxImageWidth: _propTypes["default"].number,
-  maxImageHeight: _propTypes["default"].number
-};
-var _default = exports["default"] = ImageComponent;
-//# sourceMappingURL=image-component.js.map