@pie-lib/editable-html-tip-tap 2.1.1-next.3 → 2.1.2-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CharacterPicker.d.ts +31 -0
- package/dist/components/CharacterPicker.js +131 -0
- package/dist/components/EditableHtml.d.ts +11 -0
- package/dist/components/EditableHtml.js +291 -0
- package/dist/components/MenuBar.d.ts +11 -0
- package/dist/components/MenuBar.js +462 -0
- package/dist/components/TiptapContainer.d.ts +11 -0
- package/dist/components/TiptapContainer.js +154 -0
- package/dist/components/characters/characterUtils.d.ts +35 -0
- package/dist/components/characters/characterUtils.js +465 -0
- package/dist/components/characters/custom-popper.d.ts +14 -0
- package/dist/components/characters/custom-popper.js +32 -0
- package/dist/components/common/done-button.d.ts +30 -0
- package/dist/components/common/done-button.js +26 -0
- package/dist/components/common/toolbar-buttons.d.ts +38 -0
- package/dist/components/common/toolbar-buttons.js +91 -0
- package/dist/components/icons/CssIcon.d.ts +11 -0
- package/dist/components/icons/CssIcon.js +14 -0
- package/dist/components/icons/RespArea.d.ts +26 -0
- package/dist/components/icons/RespArea.js +42 -0
- package/dist/components/icons/TableIcons.d.ts +14 -0
- package/dist/components/icons/TableIcons.js +32 -0
- package/dist/components/icons/TextAlign.d.ts +18 -0
- package/dist/components/icons/TextAlign.js +134 -0
- package/dist/components/image/AltDialog.d.ts +22 -0
- package/dist/components/image/AltDialog.js +61 -0
- package/dist/components/image/ImageToolbar.d.ts +24 -0
- package/dist/components/image/ImageToolbar.js +80 -0
- package/dist/components/image/InsertImageHandler.d.ts +32 -0
- package/dist/components/image/InsertImageHandler.js +53 -0
- package/dist/components/media/MediaDialog.d.ts +43 -0
- package/dist/components/media/MediaDialog.js +389 -0
- package/dist/components/media/MediaToolbar.d.ts +19 -0
- package/dist/components/media/MediaToolbar.js +41 -0
- package/dist/components/media/MediaWrapper.d.ts +19 -0
- package/dist/components/respArea/DragInTheBlank/DragInTheBlank.d.ts +23 -0
- package/dist/components/respArea/DragInTheBlank/DragInTheBlank.js +58 -0
- package/dist/components/respArea/DragInTheBlank/choice.d.ts +56 -0
- package/dist/components/respArea/DragInTheBlank/choice.js +156 -0
- package/dist/components/respArea/ExplicitConstructedResponse.d.ts +20 -0
- package/dist/components/respArea/ExplicitConstructedResponse.js +83 -0
- package/dist/components/respArea/InlineDropdown.d.ts +18 -0
- package/dist/components/respArea/InlineDropdown.js +119 -0
- package/dist/components/respArea/MathTemplated.d.ts +19 -0
- package/dist/components/respArea/MathTemplated.js +97 -0
- package/dist/components/respArea/ToolbarIcon.d.ts +14 -0
- package/dist/components/respArea/ToolbarIcon.js +17 -0
- package/dist/components/respArea/inlineDropdownUtils.d.ts +15 -0
- package/dist/components/respArea/inlineDropdownUtils.js +15 -0
- package/dist/constants.d.ts +13 -0
- package/dist/constants.js +4 -0
- package/dist/extensions/css.d.ts +11 -0
- package/dist/extensions/css.js +115 -0
- package/dist/extensions/custom-toolbar-wrapper.d.ts +11 -0
- package/dist/extensions/custom-toolbar-wrapper.js +61 -0
- package/dist/extensions/div-node.d.ts +10 -0
- package/dist/extensions/div-node.js +42 -0
- package/dist/extensions/ensure-empty-root-div.d.ts +14 -0
- package/dist/extensions/ensure-empty-root-div.js +24 -0
- package/dist/extensions/ensure-list-item-content-is-div.d.ts +15 -0
- package/dist/extensions/ensure-list-item-content-is-div.js +31 -0
- package/dist/extensions/extended-list-item.d.ts +13 -0
- package/dist/extensions/extended-list-item.js +5 -0
- package/dist/extensions/extended-table-cell.d.ts +10 -0
- package/dist/extensions/extended-table-cell.js +6 -0
- package/dist/extensions/extended-table.d.ts +17 -0
- package/dist/extensions/extended-table.js +34 -0
- package/dist/extensions/heading-paragraph.d.ts +17 -0
- package/dist/extensions/heading-paragraph.js +30 -0
- package/dist/extensions/image-component.d.ts +22 -0
- package/dist/extensions/image-component.js +220 -0
- package/dist/extensions/image.d.ts +10 -0
- package/dist/extensions/image.js +68 -0
- package/dist/extensions/index.d.ts +16 -0
- package/dist/extensions/index.js +65 -0
- package/dist/extensions/math.d.ts +15 -0
- package/dist/extensions/math.js +158 -0
- package/dist/extensions/media.d.ts +19 -0
- package/dist/extensions/media.js +149 -0
- package/dist/extensions/responseArea.d.ts +27 -0
- package/dist/extensions/responseArea.js +259 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +7 -0
- package/dist/styles/editorContainerStyles.d.ts +134 -0
- package/dist/theme.d.ts +9 -0
- package/dist/utils/helper.d.ts +9 -0
- package/dist/utils/helper.js +27 -0
- package/dist/utils/size.d.ts +9 -0
- package/dist/utils/size.js +14 -0
- package/package.json +51 -38
- package/CHANGELOG.json +0 -32
- package/CHANGELOG.md +0 -2526
- package/LICENSE.md +0 -5
- package/lib/components/CharacterPicker.js +0 -195
- package/lib/components/CharacterPicker.js.map +0 -1
- package/lib/components/EditableHtml.js +0 -375
- package/lib/components/EditableHtml.js.map +0 -1
- package/lib/components/MenuBar.js +0 -693
- package/lib/components/MenuBar.js.map +0 -1
- package/lib/components/TiptapContainer.js +0 -234
- package/lib/components/TiptapContainer.js.map +0 -1
- package/lib/components/characters/characterUtils.js +0 -378
- package/lib/components/characters/characterUtils.js.map +0 -1
- package/lib/components/characters/custom-popper.js +0 -44
- package/lib/components/characters/custom-popper.js.map +0 -1
- package/lib/components/common/done-button.js +0 -34
- package/lib/components/common/done-button.js.map +0 -1
- package/lib/components/common/toolbar-buttons.js +0 -144
- package/lib/components/common/toolbar-buttons.js.map +0 -1
- package/lib/components/icons/CssIcon.js +0 -25
- package/lib/components/icons/CssIcon.js.map +0 -1
- package/lib/components/icons/RespArea.js +0 -72
- package/lib/components/icons/RespArea.js.map +0 -1
- package/lib/components/icons/TableIcons.js +0 -53
- package/lib/components/icons/TableIcons.js.map +0 -1
- package/lib/components/icons/TextAlign.js +0 -157
- package/lib/components/icons/TextAlign.js.map +0 -1
- package/lib/components/image/AltDialog.js +0 -98
- package/lib/components/image/AltDialog.js.map +0 -1
- package/lib/components/image/ImageToolbar.js +0 -137
- package/lib/components/image/ImageToolbar.js.map +0 -1
- package/lib/components/image/InsertImageHandler.js +0 -135
- package/lib/components/image/InsertImageHandler.js.map +0 -1
- package/lib/components/media/MediaDialog.js +0 -594
- package/lib/components/media/MediaDialog.js.map +0 -1
- package/lib/components/media/MediaToolbar.js +0 -74
- package/lib/components/media/MediaToolbar.js.map +0 -1
- package/lib/components/media/MediaWrapper.js +0 -67
- package/lib/components/media/MediaWrapper.js.map +0 -1
- package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js +0 -84
- package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js.map +0 -1
- package/lib/components/respArea/DragInTheBlank/choice.js +0 -250
- package/lib/components/respArea/DragInTheBlank/choice.js.map +0 -1
- package/lib/components/respArea/ExplicitConstructedResponse.js +0 -136
- package/lib/components/respArea/ExplicitConstructedResponse.js.map +0 -1
- package/lib/components/respArea/InlineDropdown.js +0 -165
- package/lib/components/respArea/InlineDropdown.js.map +0 -1
- package/lib/components/respArea/MathTemplated.js +0 -130
- package/lib/components/respArea/MathTemplated.js.map +0 -1
- package/lib/components/respArea/ToolbarIcon.js +0 -81
- package/lib/components/respArea/ToolbarIcon.js.map +0 -1
- package/lib/constants.js +0 -11
- package/lib/constants.js.map +0 -1
- package/lib/extensions/css.js +0 -217
- package/lib/extensions/css.js.map +0 -1
- package/lib/extensions/custom-toolbar-wrapper.js +0 -92
- package/lib/extensions/custom-toolbar-wrapper.js.map +0 -1
- package/lib/extensions/div-node.js +0 -83
- package/lib/extensions/div-node.js.map +0 -1
- package/lib/extensions/ensure-empty-root-div.js +0 -48
- package/lib/extensions/ensure-empty-root-div.js.map +0 -1
- package/lib/extensions/ensure-list-item-content-is-div.js +0 -64
- package/lib/extensions/ensure-list-item-content-is-div.js.map +0 -1
- package/lib/extensions/extended-list-item.js +0 -15
- package/lib/extensions/extended-list-item.js.map +0 -1
- package/lib/extensions/extended-table-cell.js +0 -22
- package/lib/extensions/extended-table-cell.js.map +0 -1
- package/lib/extensions/extended-table.js +0 -75
- package/lib/extensions/extended-table.js.map +0 -1
- package/lib/extensions/heading-paragraph.js +0 -61
- package/lib/extensions/heading-paragraph.js.map +0 -1
- package/lib/extensions/image-component.js +0 -348
- package/lib/extensions/image-component.js.map +0 -1
- package/lib/extensions/image.js +0 -134
- package/lib/extensions/image.js.map +0 -1
- package/lib/extensions/index.js +0 -46
- package/lib/extensions/index.js.map +0 -1
- package/lib/extensions/math.js +0 -343
- package/lib/extensions/math.js.map +0 -1
- package/lib/extensions/media.js +0 -243
- package/lib/extensions/media.js.map +0 -1
- package/lib/extensions/responseArea.js +0 -446
- package/lib/extensions/responseArea.js.map +0 -1
- package/lib/index.js +0 -30
- package/lib/index.js.map +0 -1
- package/lib/styles/editorContainerStyles.js +0 -137
- package/lib/styles/editorContainerStyles.js.map +0 -1
- package/lib/theme.js +0 -8
- package/lib/theme.js.map +0 -1
- package/lib/utils/helper.js +0 -73
- package/lib/utils/helper.js.map +0 -1
- package/lib/utils/size.js +0 -26
- package/lib/utils/size.js.map +0 -1
- package/src/__tests__/EditableHtml.test.jsx +0 -474
- package/src/__tests__/constants.test.js +0 -19
- package/src/__tests__/div-to-paragraph-conversion.test.jsx +0 -125
- package/src/__tests__/extensions.test.js +0 -208
- package/src/__tests__/index.test.jsx +0 -154
- package/src/__tests__/size-utils.test.js +0 -64
- package/src/__tests__/theme.test.js +0 -17
- package/src/components/CharacterPicker.jsx +0 -200
- package/src/components/EditableHtml.jsx +0 -438
- package/src/components/MenuBar.jsx +0 -549
- package/src/components/TiptapContainer.jsx +0 -219
- package/src/components/__tests__/AltDialog.test.jsx +0 -147
- package/src/components/__tests__/CharacterPicker.test.jsx +0 -219
- package/src/components/__tests__/CssIcon.test.jsx +0 -46
- package/src/components/__tests__/DragInTheBlank.test.jsx +0 -255
- package/src/components/__tests__/ExplicitConstructedResponse.test.jsx +0 -204
- package/src/components/__tests__/ImageToolbar.test.jsx +0 -128
- package/src/components/__tests__/InlineDropdown.test.jsx +0 -380
- package/src/components/__tests__/InsertImageHandler.test.js +0 -161
- package/src/components/__tests__/MediaDialog.test.jsx +0 -293
- package/src/components/__tests__/MediaToolbar.test.jsx +0 -74
- package/src/components/__tests__/MediaWrapper.test.jsx +0 -81
- package/src/components/__tests__/MenuBar.test.jsx +0 -249
- package/src/components/__tests__/RespArea.test.jsx +0 -122
- package/src/components/__tests__/TableIcons.test.jsx +0 -149
- package/src/components/__tests__/TextAlign.test.jsx +0 -167
- package/src/components/__tests__/TiptapContainer.test.jsx +0 -138
- package/src/components/__tests__/characterUtils.test.js +0 -166
- package/src/components/__tests__/choice.test.jsx +0 -171
- package/src/components/__tests__/custom-popper.test.jsx +0 -82
- package/src/components/__tests__/done-button.test.jsx +0 -54
- package/src/components/__tests__/toolbar-buttons.test.jsx +0 -234
- package/src/components/characters/characterUtils.js +0 -447
- package/src/components/characters/custom-popper.js +0 -38
- package/src/components/common/done-button.jsx +0 -27
- package/src/components/common/toolbar-buttons.jsx +0 -122
- package/src/components/icons/CssIcon.jsx +0 -15
- package/src/components/icons/RespArea.jsx +0 -71
- package/src/components/icons/TableIcons.jsx +0 -52
- package/src/components/icons/TextAlign.jsx +0 -114
- package/src/components/image/AltDialog.jsx +0 -82
- package/src/components/image/ImageToolbar.jsx +0 -99
- package/src/components/image/InsertImageHandler.js +0 -107
- package/src/components/media/MediaDialog.jsx +0 -596
- package/src/components/media/MediaToolbar.jsx +0 -49
- package/src/components/media/MediaWrapper.jsx +0 -39
- package/src/components/respArea/DragInTheBlank/DragInTheBlank.jsx +0 -76
- package/src/components/respArea/DragInTheBlank/choice.jsx +0 -256
- package/src/components/respArea/ExplicitConstructedResponse.jsx +0 -135
- package/src/components/respArea/InlineDropdown.jsx +0 -167
- package/src/components/respArea/MathTemplated.jsx +0 -124
- package/src/components/respArea/ToolbarIcon.jsx +0 -66
- package/src/components/respArea/__tests__/MathTemplated.test.jsx +0 -210
- package/src/constants.js +0 -5
- package/src/extensions/__tests__/css.test.js +0 -196
- package/src/extensions/__tests__/custom-toolbar-wrapper.test.jsx +0 -180
- package/src/extensions/__tests__/divNode.test.js +0 -87
- package/src/extensions/__tests__/ensure-empty-root-div.test.js +0 -57
- package/src/extensions/__tests__/ensure-list-item-content-is-div.test.js +0 -44
- package/src/extensions/__tests__/extended-list-item.test.js +0 -13
- package/src/extensions/__tests__/extended-table-cell.test.js +0 -22
- package/src/extensions/__tests__/extended-table.test.js +0 -183
- package/src/extensions/__tests__/image-component.test.jsx +0 -345
- package/src/extensions/__tests__/image.test.js +0 -237
- package/src/extensions/__tests__/math.test.js +0 -459
- package/src/extensions/__tests__/media-node-view.test.jsx +0 -298
- package/src/extensions/__tests__/media.test.js +0 -271
- package/src/extensions/__tests__/responseArea.test.js +0 -601
- package/src/extensions/css.js +0 -220
- package/src/extensions/custom-toolbar-wrapper.jsx +0 -78
- package/src/extensions/div-node.js +0 -86
- package/src/extensions/ensure-empty-root-div.js +0 -47
- package/src/extensions/ensure-list-item-content-is-div.js +0 -62
- package/src/extensions/extended-list-item.js +0 -10
- package/src/extensions/extended-table-cell.js +0 -19
- package/src/extensions/extended-table.js +0 -60
- package/src/extensions/heading-paragraph.js +0 -53
- package/src/extensions/image-component.jsx +0 -338
- package/src/extensions/image.js +0 -109
- package/src/extensions/index.js +0 -81
- package/src/extensions/math.js +0 -327
- package/src/extensions/media.js +0 -188
- package/src/extensions/responseArea.js +0 -401
- package/src/index.jsx +0 -5
- package/src/styles/editorContainerStyles.js +0 -145
- package/src/theme.js +0 -1
- package/src/utils/__tests__/helper.test.js +0 -126
- package/src/utils/helper.js +0 -69
- package/src/utils/size.js +0 -32
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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":[]}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ExtendedTableHeader = exports.ExtendedTableCell = void 0;
|
|
7
|
-
var _extensionTableCell = require("@tiptap/extension-table-cell");
|
|
8
|
-
var _extensionTableHeader = require("@tiptap/extension-table-header");
|
|
9
|
-
/**
|
|
10
|
-
* Default table cells use ProseMirror `createAndFill()`, which prefers the first
|
|
11
|
-
* block type allowed by the content expression. Stock cells use `block+`, so
|
|
12
|
-
* `paragraph` wins. Listing `div` first matches the editor default for plain text
|
|
13
|
-
* (see DivNode) while still allowing other blocks (lists, headings, images, …).
|
|
14
|
-
*/
|
|
15
|
-
var TABLE_CELL_BLOCK_CONTENT = '(div | paragraph | heading | bulletList | orderedList | blockquote | codeBlock | horizontalRule | image | imageUploadNode)+';
|
|
16
|
-
var ExtendedTableCell = exports.ExtendedTableCell = _extensionTableCell.TableCell.extend({
|
|
17
|
-
content: TABLE_CELL_BLOCK_CONTENT
|
|
18
|
-
});
|
|
19
|
-
var ExtendedTableHeader = exports.ExtendedTableHeader = _extensionTableHeader.TableHeader.extend({
|
|
20
|
-
content: TABLE_CELL_BLOCK_CONTENT
|
|
21
|
-
});
|
|
22
|
-
//# sourceMappingURL=extended-table-cell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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":[]}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.applyPresentationToTableElement = exports.ExtendedTableView = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
|
-
var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _extensionTable = require("@tiptap/extension-table");
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
|
-
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)); }
|
|
19
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
20
|
-
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; }
|
|
21
|
-
var applyPresentationToTableElement = exports.applyPresentationToTableElement = function applyPresentationToTableElement(table, attrs) {
|
|
22
|
-
var border = (attrs === null || attrs === void 0 ? void 0 : attrs.border) != null && attrs.border !== '' ? attrs.border : '1';
|
|
23
|
-
table.setAttribute('border', border);
|
|
24
|
-
table.style.setProperty('color', 'var(--pie-text, black)');
|
|
25
|
-
table.style.setProperty('background-color', 'var(--pie-background, rgba(255, 255, 255))');
|
|
26
|
-
};
|
|
27
|
-
var ExtendedTableView = exports.ExtendedTableView = /*#__PURE__*/function (_TableView) {
|
|
28
|
-
function ExtendedTableView(node, cellMinWidth, view) {
|
|
29
|
-
var _this;
|
|
30
|
-
(0, _classCallCheck2["default"])(this, ExtendedTableView);
|
|
31
|
-
_this = _callSuper(this, ExtendedTableView, [node, cellMinWidth, view]);
|
|
32
|
-
applyPresentationToTableElement(_this.table, node.attrs);
|
|
33
|
-
return _this;
|
|
34
|
-
}
|
|
35
|
-
(0, _inherits2["default"])(ExtendedTableView, _TableView);
|
|
36
|
-
return (0, _createClass2["default"])(ExtendedTableView, [{
|
|
37
|
-
key: "update",
|
|
38
|
-
value: function update(node) {
|
|
39
|
-
var ok = _superPropGet(ExtendedTableView, "update", this, 3)([node]);
|
|
40
|
-
if (ok) {
|
|
41
|
-
applyPresentationToTableElement(this.table, node.attrs);
|
|
42
|
-
}
|
|
43
|
-
return ok;
|
|
44
|
-
}
|
|
45
|
-
}]);
|
|
46
|
-
}(_extensionTable.TableView);
|
|
47
|
-
var ExtendedTable = _extensionTable.Table.extend({
|
|
48
|
-
addOptions: function addOptions() {
|
|
49
|
-
var _this$parent;
|
|
50
|
-
return _objectSpread(_objectSpread({}, (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.call(this)), {}, {
|
|
51
|
-
// ProseMirror's default table DOM does not prune extra <col> nodes when a column
|
|
52
|
-
// is removed; TableView (via column resizing) does.
|
|
53
|
-
resizable: true,
|
|
54
|
-
handleWidth: 0,
|
|
55
|
-
View: ExtendedTableView
|
|
56
|
-
});
|
|
57
|
-
},
|
|
58
|
-
addAttributes: function addAttributes() {
|
|
59
|
-
return {
|
|
60
|
-
border: {
|
|
61
|
-
"default": '1'
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
},
|
|
65
|
-
renderHTML: function renderHTML(props) {
|
|
66
|
-
var originalTable = this.parent(props);
|
|
67
|
-
var border = props.HTMLAttributes.border;
|
|
68
|
-
var previousStyle = "".concat(originalTable[1].style).concat(originalTable[1].style.match(/.*; */) ? '' : ';');
|
|
69
|
-
originalTable[1].style = "".concat(previousStyle, "\n color: var(--pie-text, black);\n background-color: var(--pie-background, rgba(255, 255, 255))");
|
|
70
|
-
originalTable[1].border = border ? border : '1';
|
|
71
|
-
return originalTable;
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
var _default = exports["default"] = ExtendedTable;
|
|
75
|
-
//# sourceMappingURL=extended-table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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":"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","ignoreList":[]}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.HeadingParagraph = void 0;
|
|
7
|
-
var _core = require("@tiptap/core");
|
|
8
|
-
/**
|
|
9
|
-
* HeadingParagraph extension
|
|
10
|
-
*
|
|
11
|
-
* Renders as <p data-heading="heading1"> in the HTML output instead of <h3>.
|
|
12
|
-
* This provides semantic heading styling without using a native heading element,
|
|
13
|
-
* as required by PIE's accessibility conventions.
|
|
14
|
-
*/
|
|
15
|
-
var HeadingParagraph = exports.HeadingParagraph = _core.Node.create({
|
|
16
|
-
name: 'headingParagraph',
|
|
17
|
-
group: 'block',
|
|
18
|
-
content: 'inline*',
|
|
19
|
-
defining: true,
|
|
20
|
-
addAttributes: function addAttributes() {
|
|
21
|
-
return {
|
|
22
|
-
'data-heading': {
|
|
23
|
-
"default": 'heading1',
|
|
24
|
-
parseHTML: function parseHTML(element) {
|
|
25
|
-
return element.getAttribute('data-heading');
|
|
26
|
-
},
|
|
27
|
-
renderHTML: function renderHTML(attributes) {
|
|
28
|
-
return {
|
|
29
|
-
'data-heading': attributes['data-heading']
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
},
|
|
35
|
-
parseHTML: function parseHTML() {
|
|
36
|
-
return [{
|
|
37
|
-
tag: 'p[data-heading]'
|
|
38
|
-
}];
|
|
39
|
-
},
|
|
40
|
-
renderHTML: function renderHTML(_ref) {
|
|
41
|
-
var HTMLAttributes = _ref.HTMLAttributes;
|
|
42
|
-
return ['p', (0, _core.mergeAttributes)(HTMLAttributes), 0];
|
|
43
|
-
},
|
|
44
|
-
addCommands: function addCommands() {
|
|
45
|
-
return {
|
|
46
|
-
toggleHeadingParagraph: function toggleHeadingParagraph() {
|
|
47
|
-
return function (_ref2) {
|
|
48
|
-
var commands = _ref2.commands,
|
|
49
|
-
editor = _ref2.editor;
|
|
50
|
-
if (editor.isActive('headingParagraph')) {
|
|
51
|
-
return commands.setNode('paragraph');
|
|
52
|
-
}
|
|
53
|
-
return commands.setNode('headingParagraph', {
|
|
54
|
-
'data-heading': 'heading1'
|
|
55
|
-
});
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
//# sourceMappingURL=heading-paragraph.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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":[]}
|
|
@@ -1,348 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
-
var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
|
|
15
|
-
var _debug = _interopRequireDefault(require("debug"));
|
|
16
|
-
var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
|
|
17
|
-
var _styles = require("@mui/material/styles");
|
|
18
|
-
var _react2 = require("@tiptap/react");
|
|
19
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
20
|
-
var _InsertImageHandler = _interopRequireDefault(require("../components/image/InsertImageHandler"));
|
|
21
|
-
var _ImageToolbar = _interopRequireDefault(require("../components/image/ImageToolbar"));
|
|
22
|
-
var _customToolbarWrapper = _interopRequireDefault(require("./custom-toolbar-wrapper"));
|
|
23
|
-
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); }
|
|
24
|
-
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; }
|
|
25
|
-
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; }
|
|
26
|
-
var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:image:component');
|
|
27
|
-
var StyledProgress = (0, _styles.styled)(_LinearProgress["default"], {
|
|
28
|
-
shouldForwardProp: function shouldForwardProp(prop) {
|
|
29
|
-
return prop !== 'hideProgress';
|
|
30
|
-
}
|
|
31
|
-
})(function (_ref) {
|
|
32
|
-
var hideProgress = _ref.hideProgress;
|
|
33
|
-
return _objectSpread({
|
|
34
|
-
position: 'absolute',
|
|
35
|
-
left: '0',
|
|
36
|
-
width: 'fit-content',
|
|
37
|
-
top: '0%',
|
|
38
|
-
transition: 'opacity 200ms linear'
|
|
39
|
-
}, hideProgress && {
|
|
40
|
-
opacity: 0
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
var StyledRoot = (0, _styles.styled)('div', {
|
|
44
|
-
shouldForwardProp: function shouldForwardProp(prop) {
|
|
45
|
-
return !['active', 'loading', 'pendingDelete'].includes(prop);
|
|
46
|
-
}
|
|
47
|
-
})(function (_ref2) {
|
|
48
|
-
var loading = _ref2.loading,
|
|
49
|
-
pendingDelete = _ref2.pendingDelete;
|
|
50
|
-
return _objectSpread(_objectSpread({
|
|
51
|
-
position: 'relative',
|
|
52
|
-
display: 'flex',
|
|
53
|
-
transition: 'opacity 200ms linear'
|
|
54
|
-
}, loading && {
|
|
55
|
-
opacity: 0.3
|
|
56
|
-
}), pendingDelete && {
|
|
57
|
-
opacity: 0.3
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
var StyledImageContainer = (0, _styles.styled)('div')(function (_ref3) {
|
|
61
|
-
var theme = _ref3.theme;
|
|
62
|
-
return {
|
|
63
|
-
position: 'relative',
|
|
64
|
-
width: 'fit-content',
|
|
65
|
-
display: 'flex',
|
|
66
|
-
alignItems: 'center',
|
|
67
|
-
'&&:hover > .resize': {
|
|
68
|
-
display: 'block'
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
});
|
|
72
|
-
var StyledImage = (0, _styles.styled)('img', {
|
|
73
|
-
shouldForwardProp: function shouldForwardProp(prop) {
|
|
74
|
-
return prop !== 'active';
|
|
75
|
-
}
|
|
76
|
-
})(function (_ref4) {
|
|
77
|
-
var theme = _ref4.theme,
|
|
78
|
-
active = _ref4.active;
|
|
79
|
-
return {
|
|
80
|
-
border: active ? "solid 1px ".concat(theme.palette.primary.main) : 'solid 1px transparent'
|
|
81
|
-
};
|
|
82
|
-
});
|
|
83
|
-
var StyledResize = (0, _styles.styled)('div')(function (_ref5) {
|
|
84
|
-
var theme = _ref5.theme;
|
|
85
|
-
return {
|
|
86
|
-
backgroundColor: theme.palette.primary.main,
|
|
87
|
-
cursor: 'col-resize',
|
|
88
|
-
height: '35px',
|
|
89
|
-
width: '5px',
|
|
90
|
-
borderRadius: 8,
|
|
91
|
-
marginLeft: '5px',
|
|
92
|
-
marginRight: '10px',
|
|
93
|
-
display: 'none'
|
|
94
|
-
};
|
|
95
|
-
});
|
|
96
|
-
var sizePx = function sizePx(s) {
|
|
97
|
-
return s ? "".concat(s, "px") : 'calc(20px)';
|
|
98
|
-
};
|
|
99
|
-
function ImageComponent(props) {
|
|
100
|
-
var _options$imageHandlin6;
|
|
101
|
-
var node = props.node,
|
|
102
|
-
editor = props.editor,
|
|
103
|
-
attributes = props.attributes,
|
|
104
|
-
onFocus = props.onFocus,
|
|
105
|
-
getPos = props.getPos,
|
|
106
|
-
selected = props.selected,
|
|
107
|
-
options = props.options,
|
|
108
|
-
_props$maxImageWidth = props.maxImageWidth,
|
|
109
|
-
maxImageWidth = _props$maxImageWidth === void 0 ? 700 : _props$maxImageWidth,
|
|
110
|
-
_props$maxImageHeight = props.maxImageHeight,
|
|
111
|
-
maxImageHeight = _props$maxImageHeight === void 0 ? 900 : _props$maxImageHeight;
|
|
112
|
-
var alt = node.attrs.alt;
|
|
113
|
-
var pos = getPos();
|
|
114
|
-
var selFrom = editor.state.selection.from;
|
|
115
|
-
var selTo = editor.state.selection.to;
|
|
116
|
-
var onlyThisNodeSelected = (0, _react.useMemo)(function () {
|
|
117
|
-
return selFrom + node.nodeSize === selTo;
|
|
118
|
-
}, [selFrom, selTo, node.nodeSize]);
|
|
119
|
-
var _useState = (0, _react.useState)(false),
|
|
120
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
121
|
-
showToolbar = _useState2[0],
|
|
122
|
-
setShowToolbar = _useState2[1];
|
|
123
|
-
var latestNodeRef = (0, _react.useRef)(node);
|
|
124
|
-
var imgRef = (0, _react.useRef)(null);
|
|
125
|
-
var resizeRef = (0, _react.useRef)(null);
|
|
126
|
-
var toolbarRef = (0, _react.useRef)(null);
|
|
127
|
-
var getPercentFromWidth = (0, _react.useCallback)(function (width) {
|
|
128
|
-
var floored = width / imgRef.current.naturalWidth * 4;
|
|
129
|
-
return parseInt(floored.toFixed(0) * 25, 10);
|
|
130
|
-
}, []);
|
|
131
|
-
var findNodePos = (0, _react.useCallback)(function () {
|
|
132
|
-
var key = latestNodeRef.current.attrs.nodeKey;
|
|
133
|
-
var found = null;
|
|
134
|
-
editor.state.doc.descendants(function (n, pos) {
|
|
135
|
-
if (found !== null) return false;
|
|
136
|
-
if (n.type.name === 'imageUploadNode' && n.attrs.nodeKey === key) {
|
|
137
|
-
found = pos;
|
|
138
|
-
return false;
|
|
139
|
-
}
|
|
140
|
-
});
|
|
141
|
-
return found;
|
|
142
|
-
}, [editor]);
|
|
143
|
-
|
|
144
|
-
// dispatch an attribute update targeted precisely at this node by nodeKey.
|
|
145
|
-
var updateThisNode = (0, _react.useCallback)(function (newAttrs) {
|
|
146
|
-
var nodePos = findNodePos();
|
|
147
|
-
if (nodePos === null) return;
|
|
148
|
-
var currentNode = editor.state.doc.nodeAt(nodePos);
|
|
149
|
-
if (!currentNode) return;
|
|
150
|
-
editor.view.dispatch(editor.state.tr.setNodeMarkup(nodePos, undefined, _objectSpread(_objectSpread({}, currentNode.attrs), newAttrs)));
|
|
151
|
-
}, [editor, findNodePos]);
|
|
152
|
-
var applySizeData = (0, _react.useCallback)(function () {
|
|
153
|
-
if (!node.attrs.width || !imgRef.current) return;
|
|
154
|
-
var resizePercent = getPercentFromWidth(node.attrs.width);
|
|
155
|
-
if (node.attrs.resizePercent === resizePercent) return;
|
|
156
|
-
updateThisNode({
|
|
157
|
-
resizePercent: resizePercent
|
|
158
|
-
});
|
|
159
|
-
}, [node.attrs.width, node.attrs.resizePercent, getPercentFromWidth, updateThisNode]);
|
|
160
|
-
|
|
161
|
-
// keep ref in sync with latest node
|
|
162
|
-
(0, _react.useEffect)(function () {
|
|
163
|
-
latestNodeRef.current = _objectSpread(_objectSpread({}, node), {}, {
|
|
164
|
-
pos: pos
|
|
165
|
-
});
|
|
166
|
-
}, [node, pos]);
|
|
167
|
-
(0, _react.useEffect)(function () {
|
|
168
|
-
if (selected) {
|
|
169
|
-
if (onlyThisNodeSelected) {
|
|
170
|
-
var _node$attrs$src, _node$attrs, _options$imageHandlin;
|
|
171
|
-
// Only open the upload UI for a fresh placeholder. Remounting after tab switch
|
|
172
|
-
// would otherwise call insertImageRequested again and reopen the file modal.
|
|
173
|
-
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();
|
|
174
|
-
if (!hasImageSrc && (_options$imageHandlin = options.imageHandling) !== null && _options$imageHandlin !== void 0 && _options$imageHandlin.insertImageRequested) {
|
|
175
|
-
options.imageHandling.insertImageRequested(editor, [node, pos], function (finish) {
|
|
176
|
-
return new _InsertImageHandler["default"](editor, [node, pos], finish);
|
|
177
|
-
});
|
|
178
|
-
}
|
|
179
|
-
setShowToolbar(selected);
|
|
180
|
-
}
|
|
181
|
-
} else {
|
|
182
|
-
setShowToolbar(selected);
|
|
183
|
-
}
|
|
184
|
-
}, [onlyThisNodeSelected, selected]);
|
|
185
|
-
(0, _react.useEffect)(function () {
|
|
186
|
-
applySizeData();
|
|
187
|
-
var resizeHandle = resizeRef.current;
|
|
188
|
-
if (resizeHandle) {
|
|
189
|
-
resizeHandle.addEventListener('mousedown', initResize, false);
|
|
190
|
-
}
|
|
191
|
-
return function () {
|
|
192
|
-
if (resizeHandle) {
|
|
193
|
-
resizeHandle.removeEventListener('mousedown', initResize, false);
|
|
194
|
-
}
|
|
195
|
-
};
|
|
196
|
-
}, []);
|
|
197
|
-
(0, _react.useEffect)(function () {
|
|
198
|
-
applySizeData();
|
|
199
|
-
});
|
|
200
|
-
var loadImage = (0, _react.useCallback)(function () {
|
|
201
|
-
var box = imgRef.current;
|
|
202
|
-
if (!box) return;
|
|
203
|
-
if (!box.style.width || box.style.width === 'calc(20px)') {
|
|
204
|
-
var w = Math.min(box.naturalWidth, maxImageWidth);
|
|
205
|
-
var h = Math.min(box.naturalHeight, maxImageHeight);
|
|
206
|
-
box.style.width = "".concat(w, "px");
|
|
207
|
-
box.style.height = "".concat(h, "px");
|
|
208
|
-
var update = {
|
|
209
|
-
width: w,
|
|
210
|
-
height: h
|
|
211
|
-
};
|
|
212
|
-
if (!(0, _isEqual["default"])(update, {
|
|
213
|
-
width: node.attrs.width,
|
|
214
|
-
height: node.attrs.height
|
|
215
|
-
})) {
|
|
216
|
-
updateThisNode(update);
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
}, [node.attrs.width, node.attrs.height, maxImageWidth, maxImageHeight, updateThisNode]);
|
|
220
|
-
var updateAspect = function updateAspect(initial, next) {
|
|
221
|
-
var keepAspect = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
222
|
-
var resizeType = arguments.length > 3 ? arguments[3] : undefined;
|
|
223
|
-
if (keepAspect) {
|
|
224
|
-
var ratio = initial.width / initial.height;
|
|
225
|
-
if (resizeType === 'height') return {
|
|
226
|
-
width: next.height * ratio,
|
|
227
|
-
height: next.height
|
|
228
|
-
};
|
|
229
|
-
return {
|
|
230
|
-
width: next.width,
|
|
231
|
-
height: next.width / ratio
|
|
232
|
-
};
|
|
233
|
-
}
|
|
234
|
-
return next;
|
|
235
|
-
};
|
|
236
|
-
var startResize = (0, _react.useCallback)(function (e) {
|
|
237
|
-
var box = imgRef.current;
|
|
238
|
-
if (!box) return;
|
|
239
|
-
var bounds = e.target.getBoundingClientRect();
|
|
240
|
-
var initial = {
|
|
241
|
-
width: box.naturalWidth,
|
|
242
|
-
height: box.naturalHeight
|
|
243
|
-
};
|
|
244
|
-
var next = updateAspect(initial, {
|
|
245
|
-
width: e.clientX - bounds.left,
|
|
246
|
-
height: e.clientY - bounds.top
|
|
247
|
-
});
|
|
248
|
-
if (next.width > 50 && next.height > 50 && next.width <= 700 && next.height <= 900) {
|
|
249
|
-
box.style.width = "".concat(next.width, "px");
|
|
250
|
-
box.style.height = "".concat(next.height, "px");
|
|
251
|
-
updateThisNode({
|
|
252
|
-
width: next.width,
|
|
253
|
-
height: next.height
|
|
254
|
-
});
|
|
255
|
-
}
|
|
256
|
-
}, [editor, updateThisNode]);
|
|
257
|
-
var onChange = (0, _react.useCallback)(function (newValues) {
|
|
258
|
-
updateThisNode(newValues);
|
|
259
|
-
}, [editor, updateThisNode]);
|
|
260
|
-
var stopResize = (0, _react.useCallback)(function () {
|
|
261
|
-
window.removeEventListener('mousemove', startResize);
|
|
262
|
-
window.removeEventListener('mouseup', stopResize);
|
|
263
|
-
}, [startResize]);
|
|
264
|
-
var initResize = (0, _react.useCallback)(function () {
|
|
265
|
-
window.addEventListener('mousemove', startResize);
|
|
266
|
-
window.addEventListener('mouseup', stopResize);
|
|
267
|
-
}, [startResize, stopResize]);
|
|
268
|
-
var style = {
|
|
269
|
-
width: sizePx(node.attrs.width),
|
|
270
|
-
height: sizePx(node.attrs.height),
|
|
271
|
-
objectFit: 'contain'
|
|
272
|
-
};
|
|
273
|
-
var flexAlign = {
|
|
274
|
-
left: 'flex-start',
|
|
275
|
-
center: 'center',
|
|
276
|
-
right: 'flex-end'
|
|
277
|
-
}[node.attrs.alignment] || 'flex-start';
|
|
278
|
-
return /*#__PURE__*/_react["default"].createElement(_react2.NodeViewWrapper, null, /*#__PURE__*/_react["default"].createElement(StyledRoot, {
|
|
279
|
-
onFocus: onFocus,
|
|
280
|
-
loading: !node.attrs.loaded,
|
|
281
|
-
pendingDelete: node.attrs.deleteStatus === 'pending',
|
|
282
|
-
style: {
|
|
283
|
-
justifyContent: flexAlign
|
|
284
|
-
}
|
|
285
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledProgress, {
|
|
286
|
-
mode: "determinate",
|
|
287
|
-
value: node.attrs.percent || 0,
|
|
288
|
-
hideProgress: node.attrs.loaded
|
|
289
|
-
}), /*#__PURE__*/_react["default"].createElement(StyledImageContainer, {
|
|
290
|
-
onDragStart: function onDragStart(e) {
|
|
291
|
-
return e.preventDefault();
|
|
292
|
-
}
|
|
293
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledImage, (0, _extends2["default"])({}, attributes, {
|
|
294
|
-
active: selected && node.attrs.loaded,
|
|
295
|
-
draggable: false,
|
|
296
|
-
ref: imgRef,
|
|
297
|
-
src: node.attrs.src,
|
|
298
|
-
style: style,
|
|
299
|
-
onLoad: loadImage,
|
|
300
|
-
alt: node.attrs.alt
|
|
301
|
-
})), /*#__PURE__*/_react["default"].createElement(StyledResize, {
|
|
302
|
-
ref: resizeRef,
|
|
303
|
-
className: "resize"
|
|
304
|
-
}))), showToolbar && editor._tiptapContainerEl && /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement("div", {
|
|
305
|
-
ref: toolbarRef,
|
|
306
|
-
style: {
|
|
307
|
-
zIndex: 20,
|
|
308
|
-
background: 'var(--editable-html-toolbar-bg, #efefef)',
|
|
309
|
-
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)',
|
|
310
|
-
width: '100%'
|
|
311
|
-
}
|
|
312
|
-
}, /*#__PURE__*/_react["default"].createElement(_customToolbarWrapper["default"], {
|
|
313
|
-
showDone: true,
|
|
314
|
-
deletable: true,
|
|
315
|
-
toolbarOpts: options.toolbarOpts || {},
|
|
316
|
-
onDelete: function onDelete() {
|
|
317
|
-
var _options$imageHandlin2, _options$imageHandlin3;
|
|
318
|
-
var nodePos = findNodePos();
|
|
319
|
-
if (nodePos === null) return;
|
|
320
|
-
(_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);
|
|
321
|
-
editor.view.dispatch(editor.state.tr["delete"](nodePos, nodePos + editor.state.doc.nodeAt(nodePos).nodeSize));
|
|
322
|
-
setShowToolbar(false);
|
|
323
|
-
editor.commands.focus();
|
|
324
|
-
},
|
|
325
|
-
onDone: function onDone() {
|
|
326
|
-
var _options$imageHandlin4, _options$imageHandlin5;
|
|
327
|
-
setShowToolbar(false);
|
|
328
|
-
(_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);
|
|
329
|
-
editor.commands.focus('end');
|
|
330
|
-
}
|
|
331
|
-
}, /*#__PURE__*/_react["default"].createElement(_ImageToolbar["default"], {
|
|
332
|
-
disableImageAlignmentButtons: (_options$imageHandlin6 = options.imageHandling) === null || _options$imageHandlin6 === void 0 ? void 0 : _options$imageHandlin6.disableImageAlignmentButtons,
|
|
333
|
-
alt: node.attrs.alt,
|
|
334
|
-
imageLoaded: node.attrs.loaded,
|
|
335
|
-
alignment: node.attrs.alignment || 'left',
|
|
336
|
-
onChange: onChange
|
|
337
|
-
}))), editor._tiptapContainerEl));
|
|
338
|
-
}
|
|
339
|
-
ImageComponent.propTypes = {
|
|
340
|
-
node: _propTypes["default"].object.isRequired,
|
|
341
|
-
editor: _propTypes["default"].object.isRequired,
|
|
342
|
-
attributes: _propTypes["default"].object,
|
|
343
|
-
onFocus: _propTypes["default"].func,
|
|
344
|
-
maxImageWidth: _propTypes["default"].number,
|
|
345
|
-
maxImageHeight: _propTypes["default"].number
|
|
346
|
-
};
|
|
347
|
-
var _default = exports["default"] = ImageComponent;
|
|
348
|
-
//# sourceMappingURL=image-component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"image-component.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_isEqual","_debug","_LinearProgress","_styles","_react2","_reactDom","_InsertImageHandler","_ImageToolbar","_customToolbarWrapper","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledProgress","styled","LinearProgress","shouldForwardProp","prop","_ref","hideProgress","position","left","width","top","transition","opacity","StyledRoot","includes","_ref2","loading","pendingDelete","display","StyledImageContainer","_ref3","theme","alignItems","StyledImage","_ref4","active","border","concat","palette","primary","main","StyledResize","_ref5","backgroundColor","cursor","height","borderRadius","marginLeft","marginRight","sizePx","s","ImageComponent","props","_options$imageHandlin6","node","editor","attributes","onFocus","getPos","selected","options","_props$maxImageWidth","maxImageWidth","_props$maxImageHeight","maxImageHeight","alt","attrs","pos","selFrom","state","selection","from","selTo","to","onlyThisNodeSelected","useMemo","nodeSize","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","latestNodeRef","useRef","imgRef","resizeRef","toolbarRef","getPercentFromWidth","useCallback","floored","current","naturalWidth","parseInt","toFixed","findNodePos","key","nodeKey","found","doc","descendants","type","name","updateThisNode","newAttrs","nodePos","currentNode","nodeAt","view","dispatch","tr","setNodeMarkup","undefined","applySizeData","resizePercent","useEffect","_node$attrs$src","_node$attrs","_options$imageHandlin","hasImageSrc","String","src","trim","imageHandling","insertImageRequested","finish","InsertImageHandler","resizeHandle","addEventListener","initResize","removeEventListener","loadImage","box","style","w","Math","min","h","naturalHeight","update","isEqual","updateAspect","initial","next","keepAspect","resizeType","ratio","startResize","bounds","target","getBoundingClientRect","clientX","clientY","onChange","newValues","stopResize","window","objectFit","flexAlign","center","right","alignment","createElement","NodeViewWrapper","loaded","deleteStatus","justifyContent","mode","value","percent","onDragStart","preventDefault","_extends2","draggable","ref","onLoad","className","_tiptapContainerEl","ReactDOM","createPortal","zIndex","background","boxShadow","showDone","deletable","toolbarOpts","onDelete","_options$imageHandlin2","_options$imageHandlin3","commands","focus","onDone","_options$imageHandlin4","_options$imageHandlin5","disableImageAlignmentButtons","imageLoaded","propTypes","PropTypes","object","isRequired","func","number","_default","exports"],"sources":["../../src/extensions/image-component.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash-es/isEqual';\nimport debug from 'debug';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { styled } from '@mui/material/styles';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport ReactDOM from 'react-dom';\nimport InsertImageHandler from '../components/image/InsertImageHandler';\nimport ImageToolbar from '../components/image/ImageToolbar';\nimport CustomToolbarWrapper from './custom-toolbar-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst StyledProgress = styled(LinearProgress, {\n shouldForwardProp: (prop) => prop !== 'hideProgress',\n})(({ hideProgress }) => ({\n position: 'absolute',\n left: '0',\n width: 'fit-content',\n top: '0%',\n transition: 'opacity 200ms linear',\n ...(hideProgress && {\n opacity: 0,\n }),\n}));\n\nconst StyledRoot = styled('div', {\n shouldForwardProp: (prop) => !['active', 'loading', 'pendingDelete'].includes(prop),\n})(({ loading, pendingDelete }) => ({\n position: 'relative',\n display: 'flex',\n transition: 'opacity 200ms linear',\n ...(loading && {\n opacity: 0.3,\n }),\n ...(pendingDelete && {\n opacity: 0.3,\n }),\n}));\n\nconst StyledImageContainer = styled('div')(({ theme }) => ({\n position: 'relative',\n width: 'fit-content',\n display: 'flex',\n alignItems: 'center',\n '&&:hover > .resize': {\n display: 'block',\n },\n}));\n\nconst StyledImage = styled('img', {\n shouldForwardProp: (prop) => prop !== 'active',\n})(({ theme, active }) => ({\n border: active ? `solid 1px ${theme.palette.primary.main}` : 'solid 1px transparent',\n}));\n\nconst StyledResize = styled('div')(({ theme }) => ({\n backgroundColor: theme.palette.primary.main,\n cursor: 'col-resize',\n height: '35px',\n width: '5px',\n borderRadius: 8,\n marginLeft: '5px',\n marginRight: '10px',\n display: 'none',\n}));\n\nconst sizePx = (s) => (s ? `${s}px` : 'calc(20px)');\n\nfunction ImageComponent(props) {\n const {\n node,\n editor,\n attributes,\n onFocus,\n getPos,\n selected,\n options,\n maxImageWidth = 700,\n maxImageHeight = 900,\n } = props;\n const { alt } = node.attrs;\n const pos = getPos();\n\n const selFrom = editor.state.selection.from;\n const selTo = editor.state.selection.to;\n const onlyThisNodeSelected = useMemo(() => selFrom + node.nodeSize === selTo, [selFrom, selTo, node.nodeSize]);\n\n const [showToolbar, setShowToolbar] = useState(false);\n\n const latestNodeRef = useRef(node);\n const imgRef = useRef(null);\n const resizeRef = useRef(null);\n const toolbarRef = useRef(null);\n\n const getPercentFromWidth = useCallback((width) => {\n const floored = (width / imgRef.current.naturalWidth) * 4;\n return parseInt(floored.toFixed(0) * 25, 10);\n }, []);\n\n const findNodePos = useCallback(() => {\n const key = latestNodeRef.current.attrs.nodeKey;\n let found = null;\n editor.state.doc.descendants((n, pos) => {\n if (found !== null) return false;\n if (n.type.name === 'imageUploadNode' && n.attrs.nodeKey === key) {\n found = pos;\n return false;\n }\n });\n return found;\n }, [editor]);\n\n // dispatch an attribute update targeted precisely at this node by nodeKey.\n const updateThisNode = useCallback(\n (newAttrs) => {\n const nodePos = findNodePos();\n if (nodePos === null) return;\n const currentNode = editor.state.doc.nodeAt(nodePos);\n if (!currentNode) return;\n editor.view.dispatch(editor.state.tr.setNodeMarkup(nodePos, undefined, { ...currentNode.attrs, ...newAttrs }));\n },\n [editor, findNodePos],\n );\n\n const applySizeData = useCallback(() => {\n if (!node.attrs.width || !imgRef.current) return;\n const resizePercent = getPercentFromWidth(node.attrs.width);\n if (node.attrs.resizePercent === resizePercent) return;\n updateThisNode({ resizePercent });\n }, [node.attrs.width, node.attrs.resizePercent, getPercentFromWidth, updateThisNode]);\n\n // keep ref in sync with latest node\n useEffect(() => {\n latestNodeRef.current = { ...node, pos };\n }, [node, pos]);\n\n useEffect(() => {\n if (selected) {\n if (onlyThisNodeSelected) {\n // Only open the upload UI for a fresh placeholder. Remounting after tab switch\n // would otherwise call insertImageRequested again and reopen the file modal.\n const hasImageSrc = String(node.attrs?.src ?? '').trim();\n\n if (!hasImageSrc && options.imageHandling?.insertImageRequested) {\n options.imageHandling.insertImageRequested(\n editor,\n [node, pos],\n (finish) => new InsertImageHandler(editor, [node, pos], finish),\n );\n }\n\n setShowToolbar(selected);\n }\n } else {\n setShowToolbar(selected);\n }\n }, [onlyThisNodeSelected, selected]);\n\n useEffect(() => {\n applySizeData();\n\n const resizeHandle = resizeRef.current;\n if (resizeHandle) {\n resizeHandle.addEventListener('mousedown', initResize, false);\n }\n return () => {\n if (resizeHandle) {\n resizeHandle.removeEventListener('mousedown', initResize, false);\n }\n };\n }, []);\n\n useEffect(() => {\n applySizeData();\n });\n\n const loadImage = useCallback(() => {\n const box = imgRef.current;\n if (!box) return;\n\n if (!box.style.width || box.style.width === 'calc(20px)') {\n const w = Math.min(box.naturalWidth, maxImageWidth);\n const h = Math.min(box.naturalHeight, maxImageHeight);\n\n box.style.width = `${w}px`;\n box.style.height = `${h}px`;\n\n const update = { width: w, height: h };\n if (!isEqual(update, { width: node.attrs.width, height: node.attrs.height })) {\n updateThisNode(update);\n }\n }\n }, [node.attrs.width, node.attrs.height, maxImageWidth, maxImageHeight, updateThisNode]);\n\n const updateAspect = (initial, next, keepAspect = true, resizeType) => {\n if (keepAspect) {\n const ratio = initial.width / initial.height;\n if (resizeType === 'height') return { width: next.height * ratio, height: next.height };\n return { width: next.width, height: next.width / ratio };\n }\n return next;\n };\n\n const startResize = useCallback(\n (e) => {\n const box = imgRef.current;\n if (!box) return;\n\n const bounds = e.target.getBoundingClientRect();\n const initial = { width: box.naturalWidth, height: box.naturalHeight };\n\n const next = updateAspect(initial, {\n width: e.clientX - bounds.left,\n height: e.clientY - bounds.top,\n });\n\n if (next.width > 50 && next.height > 50 && next.width <= 700 && next.height <= 900) {\n box.style.width = `${next.width}px`;\n box.style.height = `${next.height}px`;\n\n updateThisNode({ width: next.width, height: next.height });\n }\n },\n [editor, updateThisNode],\n );\n\n const onChange = useCallback(\n (newValues) => {\n updateThisNode(newValues);\n },\n [editor, updateThisNode],\n );\n\n const stopResize = useCallback(() => {\n window.removeEventListener('mousemove', startResize);\n window.removeEventListener('mouseup', stopResize);\n }, [startResize]);\n\n const initResize = useCallback(() => {\n window.addEventListener('mousemove', startResize);\n window.addEventListener('mouseup', stopResize);\n }, [startResize, stopResize]);\n\n const style = {\n width: sizePx(node.attrs.width),\n height: sizePx(node.attrs.height),\n objectFit: 'contain',\n };\n\n const flexAlign = { left: 'flex-start', center: 'center', right: 'flex-end' }[node.attrs.alignment] || 'flex-start';\n\n return (\n <NodeViewWrapper>\n <StyledRoot\n onFocus={onFocus}\n loading={!node.attrs.loaded}\n pendingDelete={node.attrs.deleteStatus === 'pending'}\n style={{ justifyContent: flexAlign }}\n >\n <StyledProgress mode=\"determinate\" value={node.attrs.percent || 0} hideProgress={node.attrs.loaded} />\n\n <StyledImageContainer onDragStart={(e) => e.preventDefault()}>\n <StyledImage\n {...attributes}\n active={selected && node.attrs.loaded}\n draggable={false}\n ref={imgRef}\n src={node.attrs.src}\n style={style}\n onLoad={loadImage}\n alt={node.attrs.alt}\n />\n <StyledResize ref={resizeRef} className=\"resize\" />\n </StyledImageContainer>\n </StyledRoot>\n\n {showToolbar &&\n editor._tiptapContainerEl &&\n ReactDOM.createPortal(\n <div\n ref={toolbarRef}\n style={{\n zIndex: 20,\n background: 'var(--editable-html-toolbar-bg, #efefef)',\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 width: '100%',\n }}\n >\n <CustomToolbarWrapper\n showDone\n deletable\n toolbarOpts={options.toolbarOpts || {}}\n onDelete={() => {\n const nodePos = findNodePos();\n if (nodePos === null) return;\n\n options.imageHandling?.onDelete?.(latestNodeRef.current);\n\n editor.view.dispatch(\n editor.state.tr.delete(nodePos, nodePos + editor.state.doc.nodeAt(nodePos).nodeSize),\n );\n setShowToolbar(false);\n editor.commands.focus();\n }}\n onDone={() => {\n setShowToolbar(false);\n options.imageHandling?.onDone?.(editor);\n editor.commands.focus('end');\n }}\n >\n <ImageToolbar\n disableImageAlignmentButtons={options.imageHandling?.disableImageAlignmentButtons}\n alt={node.attrs.alt}\n imageLoaded={node.attrs.loaded}\n alignment={node.attrs.alignment || 'left'}\n onChange={onChange}\n />\n </CustomToolbarWrapper>\n </div>,\n editor._tiptapContainerEl,\n )}\n </NodeViewWrapper>\n );\n}\n\nImageComponent.propTypes = {\n node: PropTypes.object.isRequired,\n editor: PropTypes.object.isRequired,\n attributes: PropTypes.object,\n onFocus: PropTypes.func,\n maxImageWidth: PropTypes.number,\n maxImageHeight: PropTypes.number,\n};\n\nexport default ImageComponent;\n"],"mappings":"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","ignoreList":[]}
|