@pie-lib/editable-html-tip-tap 1.1.1-next.2 → 1.1.1-next.3
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/LICENSE.md +5 -0
- package/NEXT.CHANGELOG.json +1 -0
- package/lib/components/CharacterPicker.js +5 -24
- package/lib/components/CharacterPicker.js.map +1 -1
- package/lib/components/EditableHtml.js +1 -18
- package/lib/components/EditableHtml.js.map +1 -1
- package/lib/components/MenuBar.js +1 -18
- package/lib/components/MenuBar.js.map +1 -1
- package/lib/components/TiptapContainer.js +2 -18
- package/lib/components/TiptapContainer.js.map +1 -1
- package/lib/components/characters/characterUtils.js +1 -3
- package/lib/components/characters/characterUtils.js.map +1 -1
- package/lib/components/characters/custom-popper.js +1 -2
- package/lib/components/characters/custom-popper.js.map +1 -1
- package/lib/components/common/done-button.js +1 -2
- package/lib/components/common/done-button.js.map +1 -1
- package/lib/components/common/toolbar-buttons.js +1 -13
- package/lib/components/common/toolbar-buttons.js.map +1 -1
- package/lib/components/icons/CssIcon.js +1 -2
- package/lib/components/icons/CssIcon.js.map +1 -1
- package/lib/components/icons/RespArea.js +1 -11
- package/lib/components/icons/RespArea.js.map +1 -1
- package/lib/components/icons/TableIcons.js +1 -2
- package/lib/components/icons/TableIcons.js.map +1 -1
- package/lib/components/icons/TextAlign.js +1 -8
- package/lib/components/icons/TextAlign.js.map +1 -1
- package/lib/components/image/AltDialog.js +1 -6
- package/lib/components/image/AltDialog.js.map +1 -1
- package/lib/components/image/ImageToolbar.js +1 -14
- package/lib/components/image/ImageToolbar.js.map +1 -1
- package/lib/components/image/InsertImageHandler.js +1 -11
- package/lib/components/image/InsertImageHandler.js.map +1 -1
- package/lib/components/media/MediaDialog.js +1 -20
- package/lib/components/media/MediaDialog.js.map +1 -1
- package/lib/components/media/MediaToolbar.js +1 -3
- package/lib/components/media/MediaToolbar.js.map +1 -1
- package/lib/components/media/MediaWrapper.js +1 -12
- package/lib/components/media/MediaWrapper.js.map +1 -1
- package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js +3 -13
- package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js.map +1 -1
- package/lib/components/respArea/DragInTheBlank/choice.js +1 -9
- package/lib/components/respArea/DragInTheBlank/choice.js.map +1 -1
- package/lib/components/respArea/ExplicitConstructedResponse.js +1 -9
- package/lib/components/respArea/ExplicitConstructedResponse.js.map +1 -1
- package/lib/components/respArea/InlineDropdown.js +1 -9
- package/lib/components/respArea/InlineDropdown.js.map +1 -1
- package/lib/components/respArea/ToolbarIcon.js +1 -11
- package/lib/components/respArea/ToolbarIcon.js.map +1 -1
- package/lib/constants.js +1 -2
- package/lib/constants.js.map +1 -1
- package/lib/extensions/css.js +1 -12
- package/lib/extensions/css.js.map +1 -1
- package/lib/extensions/custom-toolbar-wrapper.js +2 -20
- package/lib/extensions/custom-toolbar-wrapper.js.map +1 -1
- package/lib/extensions/extended-table.js +2 -6
- package/lib/extensions/extended-table.js.map +1 -1
- package/lib/extensions/image-component.js +5 -22
- package/lib/extensions/image-component.js.map +1 -1
- package/lib/extensions/image.js +1 -12
- package/lib/extensions/image.js.map +1 -1
- package/lib/extensions/index.js +4 -13
- package/lib/extensions/index.js.map +1 -1
- package/lib/extensions/math.js +1 -17
- package/lib/extensions/math.js.map +1 -1
- package/lib/extensions/media.js +1 -16
- package/lib/extensions/media.js.map +1 -1
- package/lib/extensions/responseArea.js +1 -24
- package/lib/extensions/responseArea.js.map +1 -1
- package/lib/index.js +1 -8
- package/lib/index.js.map +1 -1
- package/lib/styles/editorContainerStyles.js +1 -3
- package/lib/styles/editorContainerStyles.js.map +1 -1
- package/lib/theme.js +1 -2
- package/lib/theme.js.map +1 -1
- package/lib/utils/size.js +1 -7
- package/lib/utils/size.js.map +1 -1
- package/package.json +9 -9
- package/src/__tests__/constants.test.js +1 -2
- package/src/__tests__/extensions.test.js +1 -1
- package/src/__tests__/index.test.jsx +1 -1
- package/src/components/CharacterPicker.jsx +2 -6
- package/src/components/EditableHtml.jsx +1 -1
- package/src/components/MenuBar.jsx +32 -186
- package/src/components/TiptapContainer.jsx +1 -1
- package/src/components/__tests__/AltDialog.test.jsx +1 -1
- package/src/components/__tests__/CharacterPicker.test.jsx +5 -3
- package/src/components/__tests__/DragInTheBlank.test.jsx +1 -1
- package/src/components/__tests__/ExplicitConstructedResponse.test.jsx +1 -1
- package/src/components/__tests__/ImageToolbar.test.jsx +1 -1
- package/src/components/__tests__/InlineDropdown.test.jsx +1 -1
- package/src/components/__tests__/MediaDialog.test.jsx +1 -1
- package/src/components/__tests__/MediaToolbar.test.jsx +1 -1
- package/src/components/__tests__/MenuBar.test.jsx +1 -1
- package/src/components/__tests__/TableIcons.test.jsx +1 -1
- package/src/components/__tests__/TextAlign.test.jsx +2 -2
- package/src/components/__tests__/choice.test.jsx +1 -1
- package/src/components/__tests__/done-button.test.jsx +2 -2
- package/src/components/__tests__/toolbar-buttons.test.jsx +2 -2
- package/src/components/image/AltDialog.jsx +1 -1
- package/src/components/image/InsertImageHandler.js +1 -1
- package/src/components/media/MediaDialog.js +4 -15
- package/src/components/respArea/DragInTheBlank/DragInTheBlank.jsx +1 -1
- package/src/components/respArea/DragInTheBlank/choice.jsx +34 -27
- package/src/components/respArea/ExplicitConstructedResponse.jsx +1 -1
- package/src/components/respArea/InlineDropdown.jsx +2 -3
- package/src/extensions/__tests__/custom-toolbar-wrapper.test.jsx +1 -1
- package/src/extensions/__tests__/extended-table.test.js +0 -21
- package/src/extensions/__tests__/image-component.test.jsx +1 -1
- package/src/extensions/__tests__/media.test.js +1 -1
- package/src/extensions/__tests__/responseArea.test.js +2 -2
- package/src/extensions/css.js +25 -23
- package/src/extensions/custom-toolbar-wrapper.jsx +1 -2
- package/src/extensions/extended-table.js +3 -1
- package/src/extensions/image-component.jsx +2 -2
- package/src/extensions/image.js +1 -1
- package/src/extensions/index.js +1 -3
- package/src/extensions/math.js +29 -27
- package/src/extensions/media.js +12 -14
- package/src/extensions/responseArea.js +91 -86
- package/src/styles/editorContainerStyles.js +0 -1
- package/lib/__tests__/EditableHtml.test.js +0 -387
- package/lib/__tests__/constants.test.js +0 -28
- package/lib/__tests__/extensions.test.js +0 -214
- package/lib/__tests__/index.test.js +0 -246
- package/lib/__tests__/size-utils.test.js +0 -57
- package/lib/__tests__/theme.test.js +0 -17
- package/lib/components/__tests__/AltDialog.test.js +0 -201
- package/lib/components/__tests__/CharacterPicker.test.js +0 -313
- package/lib/components/__tests__/CssIcon.test.js +0 -58
- package/lib/components/__tests__/DragInTheBlank.test.js +0 -309
- package/lib/components/__tests__/ExplicitConstructedResponse.test.js +0 -263
- package/lib/components/__tests__/ImageToolbar.test.js +0 -195
- package/lib/components/__tests__/InlineDropdown.test.js +0 -297
- package/lib/components/__tests__/InsertImageHandler.test.js +0 -162
- package/lib/components/__tests__/MediaDialog.test.js +0 -435
- package/lib/components/__tests__/MediaToolbar.test.js +0 -126
- package/lib/components/__tests__/MediaWrapper.test.js +0 -96
- package/lib/components/__tests__/MenuBar.test.js +0 -459
- package/lib/components/__tests__/RespArea.test.js +0 -171
- package/lib/components/__tests__/TableIcons.test.js +0 -153
- package/lib/components/__tests__/TextAlign.test.js +0 -216
- package/lib/components/__tests__/TiptapContainer.test.js +0 -196
- package/lib/components/__tests__/characterUtils.test.js +0 -189
- package/lib/components/__tests__/choice.test.js +0 -213
- package/lib/components/__tests__/custom-popper.test.js +0 -108
- package/lib/components/__tests__/done-button.test.js +0 -72
- package/lib/components/__tests__/toolbar-buttons.test.js +0 -277
- package/lib/extensions/__tests__/component.test.js +0 -314
- package/lib/extensions/__tests__/css.test.js +0 -218
- package/lib/extensions/__tests__/custom-toolbar-wrapper.test.js +0 -185
- package/lib/extensions/__tests__/extended-table.test.js +0 -114
- package/lib/extensions/__tests__/image-component.test.js +0 -315
- package/lib/extensions/__tests__/image.test.js +0 -178
- package/lib/extensions/__tests__/media.test.js +0 -296
- package/lib/extensions/__tests__/responseArea.test.js +0 -332
- package/lib/extensions/component.js +0 -305
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports["default"] = void 0;
|
|
8
7
|
var _renderUi = require("@pie-lib/render-ui");
|
|
9
|
-
var _theme = require("../theme");
|
|
10
8
|
var styles = function styles(theme) {
|
|
11
9
|
return {
|
|
12
10
|
root: {
|
|
@@ -135,4 +133,4 @@ var styles = function styles(theme) {
|
|
|
135
133
|
};
|
|
136
134
|
};
|
|
137
135
|
var _default = exports["default"] = styles;
|
|
138
|
-
//# sourceMappingURL=
|
|
136
|
+
//# sourceMappingURL=editorContainerStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editorContainerStyles.js","names":["_renderUi","require","
|
|
1
|
+
{"version":3,"file":"editorContainerStyles.js","names":["_renderUi","require","styles","theme","root","position","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","marginTop","margin","marginBottom","lineHeight","textWrap","fontSize","backgroundColor","color","background","fontFamily","borderLeft","paddingLeft","borderTop","tableLayout","width","borderCollapse","text","textAlign","children","editorHolder","overflowY","disabledScrollbar","display","scrollbarWidth","error","concat","palette","main","noBorder","noPadding","toolbarOnTop","_default","exports"],"sources":["../../src/styles/editorContainerStyles.js"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nconst styles = (theme) => ({\n root: {\n position: 'relative',\n padding: '0px',\n border: '1px solid #ccc',\n borderRadius: '4px',\n cursor: 'text',\n '& [data-slate-editor=\"true\"]': {\n wordBreak: 'break-word',\n overflow: 'visible',\n maxHeight: '500px',\n // needed in order to be able to put the focus before a void element when it is the first one in the editor\n padding: '5px',\n },\n\n '&:first-child': {\n marginTop: 0,\n },\n\n '& ul, & ol': {\n padding: '0 1rem',\n margin: '1.25rem 1rem 1.25rem 0.4rem',\n },\n\n '& ul li p, & ol li p': {\n marginTop: '0.25em',\n marginBottom: '0.25em',\n },\n\n '& h1, & h2, & h3, & h4, & h5, & h6': {\n lineHeight: 1.1,\n marginTop: '2.5rem',\n textWrap: 'pretty',\n },\n\n '& h1, & h2': {\n marginTop: '3.5rem',\n marginBottom: '1.5rem',\n },\n\n '& h1': {\n fontSize: '1.4rem',\n },\n\n '& h2': {\n fontSize: '1.2rem',\n },\n\n '& h3': {\n fontSize: '1.1rem',\n },\n\n '& h4, & h5, & h6': {\n fontSize: '1rem',\n },\n\n '& code': {\n backgroundColor: 'var(--purple-light)',\n borderRadius: '0.4rem',\n color: 'var(--black)',\n fontSize: '0.85rem',\n padding: '0.25em 0.3em',\n },\n\n '& pre': {\n background: 'var(--black)',\n borderRadius: '0.5rem',\n color: 'var(--white)',\n fontFamily: \"'JetBrainsMono', monospace\",\n margin: '1.5rem 0',\n padding: '0.75rem 1rem',\n\n '& code': {\n background: 'none',\n color: 'inherit',\n fontSize: '0.8rem',\n padding: 0,\n },\n },\n\n '& blockquote': {\n borderLeft: '3px solid var(--gray-3)',\n margin: '1.5rem 0',\n paddingLeft: '1rem',\n },\n\n '& hr': {\n border: 'none',\n borderTop: '1px solid var(--gray-2)',\n margin: '2rem 0',\n },\n\n '& table': {\n tableLayout: 'fixed',\n width: '100%',\n borderCollapse: 'collapse',\n color: color.text(),\n backgroundColor: color.background(),\n },\n '& table:not([border=\"1\"]) tr': {\n borderTop: '1px solid #dfe2e5',\n },\n '& td, th': {\n padding: '.6em 1em',\n textAlign: 'center',\n },\n '& table:not([border=\"1\"]) td, th': {\n border: '1px solid #dfe2e5',\n },\n },\n children: {\n padding: '10px 16px',\n },\n editorHolder: {\n position: 'relative',\n padding: '0px',\n overflowY: 'auto',\n color: color.text(),\n backgroundColor: color.background(),\n },\n disabledScrollbar: {\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n scrollbarWidth: 'none',\n '-ms-overflow-style': 'none',\n },\n error: {\n border: `2px solid ${theme.palette.error.main} !important`,\n },\n noBorder: {\n border: 'none',\n },\n noPadding: {\n padding: 0,\n },\n toolbarOnTop: {\n marginTop: '45px',\n },\n});\n\nexport default styles;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/theme.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.primary = void 0;
|
|
8
7
|
var primary = exports.primary = '#304ffe';
|
|
9
|
-
//# sourceMappingURL=
|
|
8
|
+
//# sourceMappingURL=theme.js.map
|
package/lib/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["primary","exports"],"sources":["../src/theme.js"],"sourcesContent":["export const primary = '#304ffe';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.js","names":["primary","exports"],"sources":["../src/theme.js"],"sourcesContent":["export const primary = '#304ffe';\n"],"mappings":";;;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAS","ignoreList":[]}
|
package/lib/utils/size.js
CHANGED
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.valueToSize = void 0;
|
|
8
|
-
require("core-js/modules/es.number.is-nan.js");
|
|
9
|
-
require("core-js/modules/es.parse-int.js");
|
|
10
|
-
require("core-js/modules/es.regexp.exec.js");
|
|
11
|
-
require("core-js/modules/es.string.ends-with.js");
|
|
12
|
-
require("core-js/modules/es.string.match.js");
|
|
13
7
|
var valueToSize = exports.valueToSize = function valueToSize(v) {
|
|
14
8
|
if (!v) {
|
|
15
9
|
return;
|
|
@@ -29,4 +23,4 @@ var valueToSize = exports.valueToSize = function valueToSize(v) {
|
|
|
29
23
|
return "".concat(v, "px");
|
|
30
24
|
}
|
|
31
25
|
};
|
|
32
|
-
//# sourceMappingURL=
|
|
26
|
+
//# sourceMappingURL=size.js.map
|
package/lib/utils/size.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"size.js","names":["valueToSize","exports","v","calcRegex","endsWith","undefined","match","value","parseInt","Number","isNaN","concat"],"sources":["../../src/utils/size.js"],"sourcesContent":["export const valueToSize = (v) => {\n if (!v) {\n return;\n }\n\n const calcRegex = /^calc\\((.*)\\)$/;\n\n if (typeof v === 'string') {\n if (v.endsWith('%')) {\n return undefined;\n }\n\n if (\n v.endsWith('px') ||\n v.endsWith('vh') ||\n v.endsWith('vw') ||\n v.endsWith('ch') ||\n v.endsWith('em') ||\n v.match(calcRegex)\n ) {\n return v;\n }\n\n const value = parseInt(v, 10);\n\n return Number.isNaN(value) ? value : `${value}px`;\n }\n\n if (typeof v === 'number') {\n return `${v}px`;\n }\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"size.js","names":["valueToSize","exports","v","calcRegex","endsWith","undefined","match","value","parseInt","Number","isNaN","concat"],"sources":["../../src/utils/size.js"],"sourcesContent":["export const valueToSize = (v) => {\n if (!v) {\n return;\n }\n\n const calcRegex = /^calc\\((.*)\\)$/;\n\n if (typeof v === 'string') {\n if (v.endsWith('%')) {\n return undefined;\n }\n\n if (\n v.endsWith('px') ||\n v.endsWith('vh') ||\n v.endsWith('vw') ||\n v.endsWith('ch') ||\n v.endsWith('em') ||\n v.match(calcRegex)\n ) {\n return v;\n }\n\n const value = parseInt(v, 10);\n\n return Number.isNaN(value) ? value : `${value}px`;\n }\n\n if (typeof v === 'number') {\n return `${v}px`;\n }\n};\n"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,CAAC,EAAK;EAChC,IAAI,CAACA,CAAC,EAAE;IACN;EACF;EAEA,IAAMC,SAAS,GAAG,gBAAgB;EAElC,IAAI,OAAOD,CAAC,KAAK,QAAQ,EAAE;IACzB,IAAIA,CAAC,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE;MACnB,OAAOC,SAAS;IAClB;IAEA,IACEH,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACE,QAAQ,CAAC,IAAI,CAAC,IAChBF,CAAC,CAACI,KAAK,CAACH,SAAS,CAAC,EAClB;MACA,OAAOD,CAAC;IACV;IAEA,IAAMK,KAAK,GAAGC,QAAQ,CAACN,CAAC,EAAE,EAAE,CAAC;IAE7B,OAAOO,MAAM,CAACC,KAAK,CAACH,KAAK,CAAC,GAAGA,KAAK,MAAAI,MAAA,CAAMJ,KAAK,OAAI;EACnD;EAEA,IAAI,OAAOL,CAAC,KAAK,QAAQ,EAAE;IACzB,UAAAS,MAAA,CAAUT,CAAC;EACb;AACF,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/editable-html-tip-tap",
|
|
3
|
-
"version": "1.1.1-next.
|
|
3
|
+
"version": "1.1.1-next.3",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "src/index.jsx",
|
|
8
8
|
"author": "pie-framework developers",
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@dnd-kit/core": "6.1
|
|
10
|
+
"@dnd-kit/core": "6.3.1",
|
|
11
11
|
"@dnd-kit/modifiers": "9.0.0",
|
|
12
12
|
"@dnd-kit/utilities": "3.2.2",
|
|
13
13
|
"@mui/icons-material": "^7.3.4",
|
|
14
14
|
"@mui/material": "^7.3.4",
|
|
15
|
-
"@pie-lib/drag": "^3.1.1-next.
|
|
16
|
-
"@pie-lib/math-input": "^7.1.1-next.
|
|
17
|
-
"@pie-lib/math-rendering": "^4.1.1-next.
|
|
18
|
-
"@pie-lib/math-toolbar": "^2.1.1-next.
|
|
19
|
-
"@pie-lib/render-ui": "^5.1.1-next.
|
|
15
|
+
"@pie-lib/drag": "^3.1.1-next.1",
|
|
16
|
+
"@pie-lib/math-input": "^7.1.1-next.1",
|
|
17
|
+
"@pie-lib/math-rendering": "^4.1.1-next.1",
|
|
18
|
+
"@pie-lib/math-toolbar": "^2.1.1-next.1",
|
|
19
|
+
"@pie-lib/render-ui": "^5.1.1-next.1",
|
|
20
20
|
"@tiptap/core": "3.0.9",
|
|
21
21
|
"@tiptap/extension-character-count": "3.0.9",
|
|
22
22
|
"@tiptap/extension-color": "3.0.9",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"debug": "^4.1.1",
|
|
39
39
|
"immutable": "^4.0.0-rc.12",
|
|
40
40
|
"keycode": "^2.2.0",
|
|
41
|
-
"lodash": "^4.17.23",
|
|
41
|
+
"lodash-es": "^4.17.23",
|
|
42
42
|
"prop-types": "^15.6.2",
|
|
43
43
|
"react-attr-converter": "^0.3.1",
|
|
44
44
|
"react-jss": "^8.6.1",
|
|
@@ -57,6 +57,6 @@
|
|
|
57
57
|
"publishConfig": {
|
|
58
58
|
"access": "public"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "3bd6fd50a65d60fc94a893e87babf027c1144ed6",
|
|
61
61
|
"scripts": {}
|
|
62
62
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import ReactDOM from 'react-dom';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import get from 'lodash
|
|
4
|
+
import { get } from 'lodash-es';
|
|
5
5
|
|
|
6
6
|
import { PureToolbar } from '@pie-lib/math-toolbar';
|
|
7
7
|
|
|
@@ -111,11 +111,7 @@ export function CharacterPicker({ editor, opts, onClose }) {
|
|
|
111
111
|
|
|
112
112
|
const handleChange = (val) => {
|
|
113
113
|
if (typeof val === 'string') {
|
|
114
|
-
editor
|
|
115
|
-
.chain()
|
|
116
|
-
.focus()
|
|
117
|
-
.insertContent(val)
|
|
118
|
-
.run();
|
|
114
|
+
editor.chain().focus().insertContent(val).run();
|
|
119
115
|
}
|
|
120
116
|
};
|
|
121
117
|
|
|
@@ -14,8 +14,8 @@ import { TableRow } from '@tiptap/extension-table-row';
|
|
|
14
14
|
import { TableCell } from '@tiptap/extension-table-cell';
|
|
15
15
|
import { TableHeader } from '@tiptap/extension-table-header';
|
|
16
16
|
import {
|
|
17
|
-
ExplicitConstructedResponseNode,
|
|
18
17
|
DragInTheBlankNode,
|
|
18
|
+
ExplicitConstructedResponseNode,
|
|
19
19
|
InlineDropdownNode,
|
|
20
20
|
ResponseAreaExtension,
|
|
21
21
|
} from '../extensions/responseArea';
|
|
@@ -19,7 +19,7 @@ import TheatersIcon from '@mui/icons-material/Theaters';
|
|
|
19
19
|
import VolumeUpIcon from '@mui/icons-material/VolumeUp';
|
|
20
20
|
import BorderAll from '@mui/icons-material/BorderAll';
|
|
21
21
|
|
|
22
|
-
import {
|
|
22
|
+
import { useEditorState } from '@tiptap/react';
|
|
23
23
|
|
|
24
24
|
import { PIE_TOOLBAR__CLASS } from '../constants';
|
|
25
25
|
import { ToolbarIcon } from './respArea/ToolbarIcon';
|
|
@@ -90,47 +90,17 @@ function MenuBar({ editor, classes, activePlugins, toolbarOpts: toolOpts, respon
|
|
|
90
90
|
hideDefaultToolbar,
|
|
91
91
|
isFocused: ctx.editor?.isFocused,
|
|
92
92
|
isBold: ctx.editor.isActive('bold') ?? false,
|
|
93
|
-
canBold:
|
|
94
|
-
ctx.editor
|
|
95
|
-
.can()
|
|
96
|
-
.chain()
|
|
97
|
-
.toggleBold()
|
|
98
|
-
.run() ?? false,
|
|
93
|
+
canBold: ctx.editor.can().chain().toggleBold().run() ?? false,
|
|
99
94
|
isTable: ctx.editor.isActive('table') ?? false,
|
|
100
95
|
tableHasBorder: ctx.editor.getAttributes('table')?.border === '1' ?? false,
|
|
101
|
-
canTable:
|
|
102
|
-
ctx.editor
|
|
103
|
-
.can()
|
|
104
|
-
.chain()
|
|
105
|
-
.insertTable()
|
|
106
|
-
.run() ?? false,
|
|
96
|
+
canTable: ctx.editor.can().chain().insertTable().run() ?? false,
|
|
107
97
|
isItalic: ctx.editor.isActive('italic') ?? false,
|
|
108
|
-
canItalic:
|
|
109
|
-
ctx.editor
|
|
110
|
-
.can()
|
|
111
|
-
.chain()
|
|
112
|
-
.toggleItalic()
|
|
113
|
-
.run() ?? false,
|
|
98
|
+
canItalic: ctx.editor.can().chain().toggleItalic().run() ?? false,
|
|
114
99
|
isStrike: ctx.editor.isActive('strike') ?? false,
|
|
115
|
-
canStrike:
|
|
116
|
-
ctx.editor
|
|
117
|
-
.can()
|
|
118
|
-
.chain()
|
|
119
|
-
.toggleStrike()
|
|
120
|
-
.run() ?? false,
|
|
100
|
+
canStrike: ctx.editor.can().chain().toggleStrike().run() ?? false,
|
|
121
101
|
isCode: ctx.editor.isActive('code') ?? false,
|
|
122
|
-
canCode:
|
|
123
|
-
|
|
124
|
-
.can()
|
|
125
|
-
.chain()
|
|
126
|
-
.toggleCode()
|
|
127
|
-
.run() ?? false,
|
|
128
|
-
canClearMarks:
|
|
129
|
-
ctx.editor
|
|
130
|
-
.can()
|
|
131
|
-
.chain()
|
|
132
|
-
.unsetAllMarks()
|
|
133
|
-
.run() ?? false,
|
|
102
|
+
canCode: ctx.editor.can().chain().toggleCode().run() ?? false,
|
|
103
|
+
canClearMarks: ctx.editor.can().chain().unsetAllMarks().run() ?? false,
|
|
134
104
|
isUnderline: ctx.editor.isActive('underline') ?? false,
|
|
135
105
|
isSubScript: ctx.editor.isActive('subscript') ?? false,
|
|
136
106
|
isSuperScript: ctx.editor.isActive('superscript') ?? false,
|
|
@@ -145,18 +115,8 @@ function MenuBar({ editor, classes, activePlugins, toolbarOpts: toolOpts, respon
|
|
|
145
115
|
isOrderedList: ctx.editor.isActive('orderedList') ?? false,
|
|
146
116
|
isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
|
|
147
117
|
isBlockquote: ctx.editor.isActive('blockquote') ?? false,
|
|
148
|
-
canUndo:
|
|
149
|
-
|
|
150
|
-
.can()
|
|
151
|
-
.chain()
|
|
152
|
-
.undo()
|
|
153
|
-
.run() ?? false,
|
|
154
|
-
canRedo:
|
|
155
|
-
ctx.editor
|
|
156
|
-
.can()
|
|
157
|
-
.chain()
|
|
158
|
-
.redo()
|
|
159
|
-
.run() ?? false,
|
|
118
|
+
canUndo: ctx.editor.can().chain().undo().run() ?? false,
|
|
119
|
+
canRedo: ctx.editor.can().chain().redo().run() ?? false,
|
|
160
120
|
};
|
|
161
121
|
},
|
|
162
122
|
});
|
|
@@ -184,72 +144,42 @@ function MenuBar({ editor, classes, activePlugins, toolbarOpts: toolOpts, respon
|
|
|
184
144
|
() => [
|
|
185
145
|
{
|
|
186
146
|
icon: <GridOn />,
|
|
187
|
-
onClick: (editor) =>
|
|
188
|
-
editor
|
|
189
|
-
.chain()
|
|
190
|
-
.focus()
|
|
191
|
-
.insertTable({ rows: 2, cols: 2, withHeaderRow: false })
|
|
192
|
-
.run(),
|
|
147
|
+
onClick: (editor) => editor.chain().focus().insertTable({ rows: 2, cols: 2, withHeaderRow: false }).run(),
|
|
193
148
|
hidden: (state) => !activePlugins?.includes('table') || state.isTable,
|
|
194
149
|
isActive: (state) => state.isTable,
|
|
195
150
|
isDisabled: (state) => !state.canTable,
|
|
196
151
|
},
|
|
197
152
|
{
|
|
198
153
|
icon: <AddRow />,
|
|
199
|
-
onClick: (editor) =>
|
|
200
|
-
editor
|
|
201
|
-
.chain()
|
|
202
|
-
.focus()
|
|
203
|
-
.addRowAfter()
|
|
204
|
-
.run(),
|
|
154
|
+
onClick: (editor) => editor.chain().focus().addRowAfter().run(),
|
|
205
155
|
hidden: (state) => !state.isTable,
|
|
206
156
|
isActive: (state) => state.isTable,
|
|
207
157
|
isDisabled: (state) => !state.canTable,
|
|
208
158
|
},
|
|
209
159
|
{
|
|
210
160
|
icon: <RemoveRow />,
|
|
211
|
-
onClick: (editor) =>
|
|
212
|
-
editor
|
|
213
|
-
.chain()
|
|
214
|
-
.focus()
|
|
215
|
-
.deleteRow()
|
|
216
|
-
.run(),
|
|
161
|
+
onClick: (editor) => editor.chain().focus().deleteRow().run(),
|
|
217
162
|
hidden: (state) => !state.isTable,
|
|
218
163
|
isActive: (state) => state.isTable,
|
|
219
164
|
isDisabled: (state) => !state.canTable,
|
|
220
165
|
},
|
|
221
166
|
{
|
|
222
167
|
icon: <AddColumn />,
|
|
223
|
-
onClick: (editor) =>
|
|
224
|
-
editor
|
|
225
|
-
.chain()
|
|
226
|
-
.focus()
|
|
227
|
-
.addColumnAfter()
|
|
228
|
-
.run(),
|
|
168
|
+
onClick: (editor) => editor.chain().focus().addColumnAfter().run(),
|
|
229
169
|
hidden: (state) => !state.isTable,
|
|
230
170
|
isActive: (state) => state.isTable,
|
|
231
171
|
isDisabled: (state) => !state.canTable,
|
|
232
172
|
},
|
|
233
173
|
{
|
|
234
174
|
icon: <RemoveColumn />,
|
|
235
|
-
onClick: (editor) =>
|
|
236
|
-
editor
|
|
237
|
-
.chain()
|
|
238
|
-
.focus()
|
|
239
|
-
.deleteColumn()
|
|
240
|
-
.run(),
|
|
175
|
+
onClick: (editor) => editor.chain().focus().deleteColumn().run(),
|
|
241
176
|
hidden: (state) => !state.isTable,
|
|
242
177
|
isActive: (state) => state.isTable,
|
|
243
178
|
isDisabled: (state) => !state.canTable,
|
|
244
179
|
},
|
|
245
180
|
{
|
|
246
181
|
icon: <RemoveTable />,
|
|
247
|
-
onClick: (editor) =>
|
|
248
|
-
editor
|
|
249
|
-
.chain()
|
|
250
|
-
.focus()
|
|
251
|
-
.deleteTable()
|
|
252
|
-
.run(),
|
|
182
|
+
onClick: (editor) => editor.chain().focus().deleteTable().run(),
|
|
253
183
|
hidden: (state) => !state.isTable,
|
|
254
184
|
isActive: (state) => state.isTable,
|
|
255
185
|
isDisabled: (state) => !state.canTable,
|
|
@@ -272,114 +202,64 @@ function MenuBar({ editor, classes, activePlugins, toolbarOpts: toolOpts, respon
|
|
|
272
202
|
},
|
|
273
203
|
{
|
|
274
204
|
icon: <Bold />,
|
|
275
|
-
onClick: (editor) =>
|
|
276
|
-
editor
|
|
277
|
-
.chain()
|
|
278
|
-
.focus()
|
|
279
|
-
.toggleBold()
|
|
280
|
-
.run(),
|
|
205
|
+
onClick: (editor) => editor.chain().focus().toggleBold().run(),
|
|
281
206
|
hidden: (state) => !activePlugins?.includes('bold') || state.isTable,
|
|
282
207
|
isActive: (state) => state.isBold,
|
|
283
208
|
isDisabled: (state) => !state.canBold,
|
|
284
209
|
},
|
|
285
210
|
{
|
|
286
211
|
icon: <Italic />,
|
|
287
|
-
onClick: (editor) =>
|
|
288
|
-
editor
|
|
289
|
-
.chain()
|
|
290
|
-
.focus()
|
|
291
|
-
.toggleItalic()
|
|
292
|
-
.run(),
|
|
212
|
+
onClick: (editor) => editor.chain().focus().toggleItalic().run(),
|
|
293
213
|
hidden: (state) => !activePlugins?.includes('italic') || state.isTable,
|
|
294
214
|
isActive: (state) => state.isItalic,
|
|
295
215
|
isDisabled: (state) => !state.canItalic,
|
|
296
216
|
},
|
|
297
217
|
{
|
|
298
218
|
icon: <Strikethrough />,
|
|
299
|
-
onClick: (editor) =>
|
|
300
|
-
editor
|
|
301
|
-
.chain()
|
|
302
|
-
.focus()
|
|
303
|
-
.toggleStrike()
|
|
304
|
-
.run(),
|
|
219
|
+
onClick: (editor) => editor.chain().focus().toggleStrike().run(),
|
|
305
220
|
hidden: (state) => !activePlugins?.includes('strikethrough') || state.isTable,
|
|
306
221
|
isActive: (state) => state.isStrike,
|
|
307
222
|
isDisabled: (state) => !state.canStrike,
|
|
308
223
|
},
|
|
309
224
|
{
|
|
310
225
|
icon: <Code />,
|
|
311
|
-
onClick: (editor) =>
|
|
312
|
-
editor
|
|
313
|
-
.chain()
|
|
314
|
-
.focus()
|
|
315
|
-
.toggleCode()
|
|
316
|
-
.run(),
|
|
226
|
+
onClick: (editor) => editor.chain().focus().toggleCode().run(),
|
|
317
227
|
hidden: (state) => !activePlugins?.includes('code') || state.isTable,
|
|
318
228
|
isActive: (state) => state.isCode,
|
|
319
229
|
isDisabled: (state) => !state.canCode,
|
|
320
230
|
},
|
|
321
231
|
{
|
|
322
232
|
icon: <Underline />,
|
|
323
|
-
onClick: (editor) =>
|
|
324
|
-
editor
|
|
325
|
-
.chain()
|
|
326
|
-
.focus()
|
|
327
|
-
.toggleUnderline()
|
|
328
|
-
.run(),
|
|
233
|
+
onClick: (editor) => editor.chain().focus().toggleUnderline().run(),
|
|
329
234
|
hidden: (state) => !activePlugins?.includes('underline') || state.isTable,
|
|
330
235
|
isActive: (state) => state.isUnderline,
|
|
331
236
|
},
|
|
332
237
|
{
|
|
333
238
|
icon: <SubscriptIcon />,
|
|
334
|
-
onClick: (editor) =>
|
|
335
|
-
editor
|
|
336
|
-
.chain()
|
|
337
|
-
.focus()
|
|
338
|
-
.toggleSubscript()
|
|
339
|
-
.run(),
|
|
239
|
+
onClick: (editor) => editor.chain().focus().toggleSubscript().run(),
|
|
340
240
|
hidden: (state) => !activePlugins?.includes('subscript') || state.isTable,
|
|
341
241
|
isActive: (state) => state.isSubScript,
|
|
342
242
|
},
|
|
343
243
|
{
|
|
344
244
|
icon: <SuperscriptIcon />,
|
|
345
|
-
onClick: (editor) =>
|
|
346
|
-
editor
|
|
347
|
-
.chain()
|
|
348
|
-
.focus()
|
|
349
|
-
.toggleSuperscript()
|
|
350
|
-
.run(),
|
|
245
|
+
onClick: (editor) => editor.chain().focus().toggleSuperscript().run(),
|
|
351
246
|
hidden: (state) => !activePlugins?.includes('superscript') || state.isTable,
|
|
352
247
|
isActive: (state) => state.isSuperScript,
|
|
353
248
|
},
|
|
354
249
|
{
|
|
355
250
|
icon: <ImageIcon />,
|
|
356
251
|
hidden: (state) => !activePlugins?.includes('image') || state.isTable,
|
|
357
|
-
onClick: (editor) =>
|
|
358
|
-
editor
|
|
359
|
-
.chain()
|
|
360
|
-
.focus()
|
|
361
|
-
.setImageUploadNode()
|
|
362
|
-
.run(),
|
|
252
|
+
onClick: (editor) => editor.chain().focus().setImageUploadNode().run(),
|
|
363
253
|
},
|
|
364
254
|
{
|
|
365
255
|
icon: <TheatersIcon />,
|
|
366
256
|
hidden: (state) => !activePlugins?.includes('video') || state.isTable,
|
|
367
|
-
onClick: (editor) =>
|
|
368
|
-
editor
|
|
369
|
-
.chain()
|
|
370
|
-
.focus()
|
|
371
|
-
.insertMedia({ type: 'video' })
|
|
372
|
-
.run(),
|
|
257
|
+
onClick: (editor) => editor.chain().focus().insertMedia({ type: 'video' }).run(),
|
|
373
258
|
},
|
|
374
259
|
{
|
|
375
260
|
icon: <VolumeUpIcon />,
|
|
376
261
|
hidden: (state) => !activePlugins?.includes('audio') || state.isTable,
|
|
377
|
-
onClick: (editor) =>
|
|
378
|
-
editor
|
|
379
|
-
.chain()
|
|
380
|
-
.focus()
|
|
381
|
-
.insertMedia({ type: 'audio', tag: 'audio' })
|
|
382
|
-
.run(),
|
|
262
|
+
onClick: (editor) => editor.chain().focus().insertMedia({ type: 'audio', tag: 'audio' }).run(),
|
|
383
263
|
},
|
|
384
264
|
{
|
|
385
265
|
icon: <CSSIcon />,
|
|
@@ -389,23 +269,13 @@ function MenuBar({ editor, classes, activePlugins, toolbarOpts: toolOpts, respon
|
|
|
389
269
|
{
|
|
390
270
|
icon: <HeadingIcon />,
|
|
391
271
|
hidden: (state) => !activePlugins?.includes('h3') || state.isTable,
|
|
392
|
-
onClick: (editor) =>
|
|
393
|
-
editor
|
|
394
|
-
.chain()
|
|
395
|
-
.focus()
|
|
396
|
-
.toggleHeading({ level: 3 })
|
|
397
|
-
.run(),
|
|
272
|
+
onClick: (editor) => editor.chain().focus().toggleHeading({ level: 3 }).run(),
|
|
398
273
|
isActive: (state) => state.isHeading3,
|
|
399
274
|
},
|
|
400
275
|
{
|
|
401
276
|
icon: <Functions />,
|
|
402
277
|
hidden: () => !activePlugins?.includes('math'),
|
|
403
|
-
onClick: (editor) =>
|
|
404
|
-
editor
|
|
405
|
-
.chain()
|
|
406
|
-
.focus()
|
|
407
|
-
.insertMath('')
|
|
408
|
-
.run(),
|
|
278
|
+
onClick: (editor) => editor.chain().focus().insertMath('').run(),
|
|
409
279
|
},
|
|
410
280
|
{
|
|
411
281
|
icon: <CharacterIcon letter="ñ" />,
|
|
@@ -425,45 +295,25 @@ function MenuBar({ editor, classes, activePlugins, toolbarOpts: toolOpts, respon
|
|
|
425
295
|
{
|
|
426
296
|
icon: <BulletedListIcon />,
|
|
427
297
|
hidden: (state) => !activePlugins?.includes('bulleted-list') || state.isTable,
|
|
428
|
-
onClick: (editor) =>
|
|
429
|
-
editor
|
|
430
|
-
.chain()
|
|
431
|
-
.focus()
|
|
432
|
-
.toggleBulletList()
|
|
433
|
-
.run(),
|
|
298
|
+
onClick: (editor) => editor.chain().focus().toggleBulletList().run(),
|
|
434
299
|
isActive: (state) => state.isBulletList,
|
|
435
300
|
},
|
|
436
301
|
{
|
|
437
302
|
icon: <NumberedListIcon />,
|
|
438
303
|
hidden: (state) => !activePlugins?.includes('numbered-list') || state.isTable,
|
|
439
|
-
onClick: (editor) =>
|
|
440
|
-
editor
|
|
441
|
-
.chain()
|
|
442
|
-
.focus()
|
|
443
|
-
.toggleOrderedList()
|
|
444
|
-
.run(),
|
|
304
|
+
onClick: (editor) => editor.chain().focus().toggleOrderedList().run(),
|
|
445
305
|
isActive: (state) => state.isOrderedList,
|
|
446
306
|
},
|
|
447
307
|
{
|
|
448
308
|
icon: <Undo />,
|
|
449
309
|
hidden: (state) => !activePlugins?.includes('undo') || state.isTable,
|
|
450
|
-
onClick: (editor) =>
|
|
451
|
-
editor
|
|
452
|
-
.chain()
|
|
453
|
-
.focus()
|
|
454
|
-
.undo()
|
|
455
|
-
.run(),
|
|
310
|
+
onClick: (editor) => editor.chain().focus().undo().run(),
|
|
456
311
|
isDisabled: (state) => !state.canUndo,
|
|
457
312
|
},
|
|
458
313
|
{
|
|
459
314
|
icon: <Redo />,
|
|
460
315
|
hidden: (state) => !activePlugins?.includes('redo') || state.isTable,
|
|
461
|
-
onClick: (editor) =>
|
|
462
|
-
editor
|
|
463
|
-
.chain()
|
|
464
|
-
.focus()
|
|
465
|
-
.redo()
|
|
466
|
-
.run(),
|
|
316
|
+
onClick: (editor) => editor.chain().focus().redo().run(),
|
|
467
317
|
isDisabled: (state) => !state.canRedo,
|
|
468
318
|
},
|
|
469
319
|
],
|
|
@@ -499,11 +349,7 @@ function MenuBar({ editor, classes, activePlugins, toolbarOpts: toolOpts, respon
|
|
|
499
349
|
{activePlugins?.includes('responseArea') && (
|
|
500
350
|
<button
|
|
501
351
|
onClick={() => {
|
|
502
|
-
editor
|
|
503
|
-
.chain()
|
|
504
|
-
.focus()
|
|
505
|
-
.insertResponseArea(responseAreaProps.type)
|
|
506
|
-
.run();
|
|
352
|
+
editor.chain().focus().insertResponseArea(responseAreaProps.type).run();
|
|
507
353
|
}}
|
|
508
354
|
className={classes.button}
|
|
509
355
|
>
|
|
@@ -62,7 +62,7 @@ const StyledRoot = styled('div', {
|
|
|
62
62
|
background: 'var(--black)',
|
|
63
63
|
borderRadius: '0.5rem',
|
|
64
64
|
color: 'var(--white)',
|
|
65
|
-
fontFamily: '
|
|
65
|
+
fontFamily: "'JetBrainsMono', monospace",
|
|
66
66
|
margin: '1.5rem 0',
|
|
67
67
|
padding: '0.75rem 1rem',
|
|
68
68
|
'& code': {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { fireEvent, render, waitFor } from '@testing-library/react';
|
|
3
|
+
import { CharacterIcon, CharacterPicker } from '../CharacterPicker';
|
|
4
4
|
|
|
5
5
|
jest.mock('react-dom', () => ({
|
|
6
6
|
...jest.requireActual('react-dom'),
|
|
@@ -129,7 +129,9 @@ describe('CharacterPicker', () => {
|
|
|
129
129
|
render(<CharacterPicker editor={mockEditor} opts={opts} onClose={onClose} />);
|
|
130
130
|
|
|
131
131
|
await waitFor(() => {
|
|
132
|
-
|
|
132
|
+
setTimeout(() => {
|
|
133
|
+
fireEvent.click(document.body);
|
|
134
|
+
}, 0);
|
|
133
135
|
});
|
|
134
136
|
|
|
135
137
|
expect(onClose).toHaveBeenCalled();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import DragDrop, {
|
|
3
|
+
import DragDrop, { onRemoveResponse, onValueChange } from '../respArea/DragInTheBlank/DragInTheBlank';
|
|
4
4
|
|
|
5
5
|
jest.mock('@tiptap/react', () => ({
|
|
6
6
|
NodeViewWrapper: ({ children, ...props }) => (
|