@pie-lib/editable-html-tip-tap 1.0.20 → 1.0.21-next.6057
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/CHANGELOG.md +7 -73
- package/LICENSE.md +5 -0
- package/NEXT.CHANGELOG.json +1 -0
- package/lib/components/CharacterPicker.js +20 -60
- package/lib/components/CharacterPicker.js.map +1 -1
- package/lib/components/EditableHtml.js +50 -121
- package/lib/components/EditableHtml.js.map +1 -1
- package/lib/components/MenuBar.js +96 -128
- package/lib/components/MenuBar.js.map +1 -1
- package/lib/components/TiptapContainer.js +162 -45
- package/lib/components/TiptapContainer.js.map +1 -1
- package/lib/components/characters/characterUtils.js +4 -7
- package/lib/components/characters/characterUtils.js.map +1 -1
- package/lib/components/characters/custom-popper.js +22 -51
- package/lib/components/characters/custom-popper.js.map +1 -1
- package/lib/components/common/done-button.js +17 -36
- package/lib/components/common/done-button.js.map +1 -1
- package/lib/components/common/toolbar-buttons.js +57 -107
- package/lib/components/common/toolbar-buttons.js.map +1 -1
- package/lib/components/icons/CssIcon.js +14 -26
- package/lib/components/icons/CssIcon.js.map +1 -1
- package/lib/components/icons/RespArea.js +23 -46
- package/lib/components/icons/RespArea.js.map +1 -1
- package/lib/components/icons/TableIcons.js +20 -36
- package/lib/components/icons/TableIcons.js.map +1 -1
- package/lib/components/icons/TextAlign.js +16 -53
- package/lib/components/icons/TextAlign.js.map +1 -1
- package/lib/components/image/AltDialog.js +18 -49
- package/lib/components/image/AltDialog.js.map +1 -1
- package/lib/components/image/ImageToolbar.js +50 -90
- package/lib/components/image/ImageToolbar.js.map +1 -1
- package/lib/components/image/InsertImageHandler.js +17 -35
- package/lib/components/image/InsertImageHandler.js.map +1 -1
- package/lib/components/media/MediaDialog.js +195 -309
- package/lib/components/media/MediaDialog.js.map +1 -1
- package/lib/components/media/MediaToolbar.js +39 -66
- package/lib/components/media/MediaToolbar.js.map +1 -1
- package/lib/components/media/MediaWrapper.js +30 -56
- package/lib/components/media/MediaWrapper.js.map +1 -1
- package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js +21 -36
- package/lib/components/respArea/DragInTheBlank/DragInTheBlank.js.map +1 -1
- package/lib/components/respArea/DragInTheBlank/choice.js +215 -262
- package/lib/components/respArea/DragInTheBlank/choice.js.map +1 -1
- package/lib/components/respArea/ExplicitConstructedResponse.js +11 -33
- package/lib/components/respArea/ExplicitConstructedResponse.js.map +1 -1
- package/lib/components/respArea/InlineDropdown.js +19 -41
- package/lib/components/respArea/InlineDropdown.js.map +1 -1
- package/lib/components/respArea/ToolbarIcon.js +21 -45
- package/lib/components/respArea/ToolbarIcon.js.map +1 -1
- package/lib/constants.js +3 -5
- package/lib/constants.js.map +1 -1
- package/lib/extensions/component.js +94 -148
- package/lib/extensions/component.js.map +1 -1
- package/lib/extensions/css.js +9 -44
- package/lib/extensions/css.js.map +1 -1
- package/lib/extensions/custom-toolbar-wrapper.js +66 -94
- 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.js +4 -17
- package/lib/extensions/image.js.map +1 -1
- package/lib/extensions/index.js +13 -23
- package/lib/extensions/index.js.map +1 -1
- package/lib/extensions/math.js +45 -96
- package/lib/extensions/math.js.map +1 -1
- package/lib/extensions/media.js +21 -59
- package/lib/extensions/media.js.map +1 -1
- package/lib/extensions/responseArea.js +43 -89
- package/lib/extensions/responseArea.js.map +1 -1
- package/lib/index.js +9 -11
- package/lib/index.js.map +1 -1
- package/lib/styles/editorContainerStyles.js +2 -7
- package/lib/styles/editorContainerStyles.js.map +1 -1
- package/lib/theme.js +2 -3
- package/lib/theme.js.map +1 -1
- package/lib/utils/size.js +2 -10
- package/lib/utils/size.js.map +1 -1
- package/package.json +15 -13
- package/src/components/EditableHtml.jsx +21 -33
- package/src/components/MenuBar.jsx +66 -37
- package/src/components/TiptapContainer.jsx +133 -34
- package/src/components/characters/custom-popper.js +18 -28
- package/src/components/common/done-button.jsx +15 -26
- package/src/components/common/toolbar-buttons.jsx +28 -44
- package/src/components/icons/CssIcon.jsx +11 -13
- package/src/components/icons/RespArea.jsx +16 -16
- package/src/components/icons/TableIcons.jsx +15 -16
- package/src/components/icons/TextAlign.jsx +3 -3
- package/src/components/image/AltDialog.jsx +6 -6
- package/src/components/image/ImageToolbar.jsx +28 -29
- package/src/components/media/MediaDialog.js +61 -78
- package/src/components/media/MediaToolbar.jsx +30 -37
- package/src/components/media/MediaWrapper.jsx +12 -16
- package/src/components/respArea/DragInTheBlank/DragInTheBlank.jsx +5 -4
- package/src/components/respArea/DragInTheBlank/choice.jsx +191 -185
- package/src/components/respArea/ToolbarIcon.jsx +13 -15
- package/src/extensions/component.jsx +61 -89
- package/src/extensions/css.js +6 -5
- package/src/extensions/custom-toolbar-wrapper.jsx +61 -81
- package/src/extensions/index.js +2 -2
- package/src/index.jsx +2 -2
- package/lib/__tests__/utils.js +0 -106
- package/src/__tests__/utils.js +0 -36
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _renderUi = require("@pie-lib/render-ui");
|
|
9
|
-
|
|
10
8
|
var _theme = require("../theme");
|
|
11
|
-
|
|
12
9
|
var styles = function styles(theme) {
|
|
13
10
|
return {
|
|
14
11
|
root: {
|
|
@@ -136,7 +133,5 @@ var styles = function styles(theme) {
|
|
|
136
133
|
}
|
|
137
134
|
};
|
|
138
135
|
};
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
exports["default"] = _default;
|
|
142
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvZWRpdG9yQ29udGFpbmVyU3R5bGVzLmpzIl0sIm5hbWVzIjpbInN0eWxlcyIsInRoZW1lIiwicm9vdCIsInBvc2l0aW9uIiwicGFkZGluZyIsImJvcmRlciIsImJvcmRlclJhZGl1cyIsImN1cnNvciIsIndvcmRCcmVhayIsIm92ZXJmbG93IiwibWF4SGVpZ2h0IiwibWFyZ2luVG9wIiwibWFyZ2luIiwibWFyZ2luQm90dG9tIiwibGluZUhlaWdodCIsInRleHRXcmFwIiwiZm9udFNpemUiLCJiYWNrZ3JvdW5kQ29sb3IiLCJjb2xvciIsImJhY2tncm91bmQiLCJmb250RmFtaWx5IiwiYm9yZGVyTGVmdCIsInBhZGRpbmdMZWZ0IiwiYm9yZGVyVG9wIiwidGFibGVMYXlvdXQiLCJ3aWR0aCIsImJvcmRlckNvbGxhcHNlIiwidGV4dCIsInRleHRBbGlnbiIsImNoaWxkcmVuIiwiZWRpdG9ySG9sZGVyIiwib3ZlcmZsb3dZIiwiZGlzYWJsZWRTY3JvbGxiYXIiLCJkaXNwbGF5Iiwic2Nyb2xsYmFyV2lkdGgiLCJlcnJvciIsInBhbGV0dGUiLCJtYWluIiwibm9Cb3JkZXIiLCJub1BhZGRpbmciLCJ0b29sYmFyT25Ub3AiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFFQSxJQUFNQSxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFDQyxLQUFEO0FBQUEsU0FBWTtBQUN6QkMsSUFBQUEsSUFBSSxFQUFFO0FBQ0pDLE1BQUFBLFFBQVEsRUFBRSxVQUROO0FBRUpDLE1BQUFBLE9BQU8sRUFBRSxLQUZMO0FBR0pDLE1BQUFBLE1BQU0sRUFBRSxnQkFISjtBQUlKQyxNQUFBQSxZQUFZLEVBQUUsS0FKVjtBQUtKQyxNQUFBQSxNQUFNLEVBQUUsTUFMSjtBQU1KLHNDQUFnQztBQUM5QkMsUUFBQUEsU0FBUyxFQUFFLFlBRG1CO0FBRTlCQyxRQUFBQSxRQUFRLEVBQUUsU0FGb0I7QUFHOUJDLFFBQUFBLFNBQVMsRUFBRSxPQUht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QSxnQkFBTVMsSUFBTixFQUpLO0FBS1pWLE1BQUFBLGVBQWUsRUFBRUMsZ0JBQU1DLFVBQU47QUFMTCxLQWpIVztBQXdIekJhLElBQUFBLGlCQUFpQixFQUFFO0FBQ2pCLDhCQUF3QjtBQUN0QkMsUUFBQUEsT0FBTyxFQUFFO0FBRGEsT0FEUDtBQUlqQkMsTUFBQUEsY0FBYyxFQUFFLE1BSkM7QUFLakIsNEJBQXNCO0FBTEwsS0F4SE07QUErSHpCQyxJQUFBQSxLQUFLLEVBQUU7QUFDTDlCLE1BQUFBLE1BQU0sc0JBQWVKLEtBQUssQ0FBQ21DLE9BQU4sQ0FBY0QsS0FBZCxDQUFvQkUsSUFBbkM7QUFERCxLQS9Ia0I7QUFrSXpCQyxJQUFBQSxRQUFRLEVBQUU7QUFDUmpDLE1BQUFBLE1BQU0sRUFBRTtBQURBLEtBbEllO0FBcUl6QmtDLElBQUFBLFNBQVMsRUFBRTtBQUNUbkMsTUFBQUEsT0FBTyxFQUFFO0FBREEsS0FySWM7QUF3SXpCb0MsSUFBQUEsWUFBWSxFQUFFO0FBQ1o3QixNQUFBQSxTQUFTLEVBQUU7QUFEQztBQXhJVyxHQUFaO0FBQUEsQ0FBZjs7ZUE2SWVYLE0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2xvciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5pbXBvcnQgeyBwcmltYXJ5IH0gZnJvbSAnLi4vdGhlbWUnO1xuXG5jb25zdCBzdHlsZXMgPSAodGhlbWUpID0+ICh7XG4gIHJvb3Q6IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBwYWRkaW5nOiAnMHB4JyxcbiAgICBib3JkZXI6ICcxcHggc29saWQgI2NjYycsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBjdXJzb3I6ICd0ZXh0JyxcbiAgICAnJiBbZGF0YS1zbGF0ZS1lZGl0b3I9XCJ0cnVlXCJdJzoge1xuICAgICAgd29yZEJyZWFrOiAnYnJlYWstd29yZCcsXG4gICAgICBvdmVyZmxvdzogJ3Zpc2libGUnLFxuICAgICAgbWF4SGVpZ2h0OiAnNTAwcHgnLFxuICAgICAgLy8gbmVlZGVkIGluIG9yZGVyIHRvIGJlIGFibGUgdG8gcHV0IHRoZSBmb2N1cyBiZWZvcmUgYSB2b2lkIGVsZW1lbnQgd2hlbiBpdCBpcyB0aGUgZmlyc3Qgb25lIGluIHRoZSBlZGl0b3JcbiAgICAgIHBhZGRpbmc6ICc1cHgnLFxuICAgIH0sXG5cbiAgICAnJjpmaXJzdC1jaGlsZCc6IHtcbiAgICAgIG1hcmdpblRvcDogMCxcbiAgICB9LFxuXG4gICAgJyYgdWwsICYgb2wnOiB7XG4gICAgICBwYWRkaW5nOiAnMCAxcmVtJyxcbiAgICAgIG1hcmdpbjogJzEuMjVyZW0gMXJlbSAxLjI1cmVtIDAuNHJlbScsXG4gICAgfSxcblxuICAgICcmIHVsIGxpIHAsICYgb2wgbGkgcCc6IHtcbiAgICAgIG1hcmdpblRvcDogJzAuMjVlbScsXG4gICAgICBtYXJnaW5Cb3R0b206ICcwLjI1ZW0nLFxuICAgIH0sXG5cbiAgICAnJiBoMSwgJiBoMiwgJiBoMywgJiBoNCwgJiBoNSwgJiBoNic6IHtcbiAgICAgIGxpbmVIZWlnaHQ6IDEuMSxcbiAgICAgIG1hcmdpblRvcDogJzIuNXJlbScsXG4gICAgICB0ZXh0V3JhcDogJ3ByZXR0eScsXG4gICAgfSxcblxuICAgICcmIGgxLCAmIGgyJzoge1xuICAgICAgbWFyZ2luVG9wOiAnMy41cmVtJyxcbiAgICAgIG1hcmdpbkJvdHRvbTogJzEuNXJlbScsXG4gICAgfSxcblxuICAgICcmIGgxJzoge1xuICAgICAgZm9udFNpemU6ICcxLjRyZW0nLFxuICAgIH0sXG5cbiAgICAnJiBoMic6IHtcbiAgICAgIGZvbnRTaXplOiAnMS4ycmVtJyxcbiAgICB9LFxuXG4gICAgJyYgaDMnOiB7XG4gICAgICBmb250U2l6ZTogJzEuMXJlbScsXG4gICAgfSxcblxuICAgICcmIGg0LCAmIGg1LCAmIGg2Jzoge1xuICAgICAgZm9udFNpemU6ICcxcmVtJyxcbiAgICB9LFxuXG4gICAgJyYgY29kZSc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ3ZhcigtLXB1cnBsZS1saWdodCknLFxuICAgICAgYm9yZGVyUmFkaXVzOiAnMC40cmVtJyxcbiAgICAgIGNvbG9yOiAndmFyKC0tYmxhY2spJyxcbiAgICAgIGZvbnRTaXplOiAnMC44NXJlbScsXG4gICAgICBwYWRkaW5nOiAnMC4yNWVtIDAuM2VtJyxcbiAgICB9LFxuXG4gICAgJyYgcHJlJzoge1xuICAgICAgYmFja2dyb3VuZDogJ3ZhcigtLWJsYWNrKScsXG4gICAgICBib3JkZXJSYWRpdXM6ICcwLjVyZW0nLFxuICAgICAgY29sb3I6ICd2YXIoLS13aGl0ZSknLFxuICAgICAgZm9udEZhbWlseTogXCInSmV0QnJhaW5zTW9ubycsIG1vbm9zcGFjZVwiLFxuICAgICAgbWFyZ2luOiAnMS41cmVtIDAnLFxuICAgICAgcGFkZGluZzogJzAuNzVyZW0gMXJlbScsXG5cbiAgICAgICcmIGNvZGUnOiB7XG4gICAgICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICAgICAgY29sb3I6ICdpbmhlcml0JyxcbiAgICAgICAgZm9udFNpemU6ICcwLjhyZW0nLFxuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgJyYgYmxvY2txdW90ZSc6IHtcbiAgICAgIGJvcmRlckxlZnQ6ICczcHggc29saWQgdmFyKC0tZ3JheS0zKScsXG4gICAgICBtYXJnaW46ICcxLjVyZW0gMCcsXG4gICAgICBwYWRkaW5nTGVmdDogJzFyZW0nLFxuICAgIH0sXG5cbiAgICAnJiBocic6IHtcbiAgICAgIGJvcmRlcjogJ25vbmUnLFxuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkIHZhcigtLWdyYXktMiknLFxuICAgICAgbWFyZ2luOiAnMnJlbSAwJyxcbiAgICB9LFxuXG4gICAgJyYgdGFibGUnOiB7XG4gICAgICB0YWJsZUxheW91dDogJ2ZpeGVkJyxcbiAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICBib3JkZXJDb2xsYXBzZTogJ2NvbGxhcHNlJyxcbiAgICAgIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLmJhY2tncm91bmQoKSxcbiAgICB9LFxuICAgICcmIHRhYmxlOm5vdChbYm9yZGVyPVwiMVwiXSkgdHInOiB7XG4gICAgICBib3JkZXJUb3A6ICcxcHggc29saWQgI2RmZTJlNScsXG4gICAgfSxcbiAgICAnJiB0ZCwgdGgnOiB7XG4gICAgICBwYWRkaW5nOiAnLjZlbSAxZW0nLFxuICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICB9LFxuICAgICcmIHRhYmxlOm5vdChbYm9yZGVyPVwiMVwiXSkgdGQsIHRoJzoge1xuICAgICAgYm9yZGVyOiAnMXB4IHNvbGlkICNkZmUyZTUnLFxuICAgIH0sXG4gIH0sXG4gIGNoaWxkcmVuOiB7XG4gICAgcGFkZGluZzogJzEwcHggMTZweCcsXG4gIH0sXG4gIGVkaXRvckhvbGRlcjoge1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHBhZGRpbmc6ICcwcHgnLFxuICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5iYWNrZ3JvdW5kKCksXG4gIH0sXG4gIGRpc2FibGVkU2Nyb2xsYmFyOiB7XG4gICAgJyY6Oi13ZWJraXQtc2Nyb2xsYmFyJzoge1xuICAgICAgZGlzcGxheTogJ25vbmUnLFxuICAgIH0sXG4gICAgc2Nyb2xsYmFyV2lkdGg6ICdub25lJyxcbiAgICAnLW1zLW92ZXJmbG93LXN0eWxlJzogJ25vbmUnLFxuICB9LFxuICBlcnJvcjoge1xuICAgIGJvcmRlcjogYDJweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZXJyb3IubWFpbn0gIWltcG9ydGFudGAsXG4gIH0sXG4gIG5vQm9yZGVyOiB7XG4gICAgYm9yZGVyOiAnbm9uZScsXG4gIH0sXG4gIG5vUGFkZGluZzoge1xuICAgIHBhZGRpbmc6IDAsXG4gIH0sXG4gIHRvb2xiYXJPblRvcDoge1xuICAgIG1hcmdpblRvcDogJzQ1cHgnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlcztcbiJdfQ==
|
|
136
|
+
var _default = exports["default"] = styles;
|
|
137
|
+
//# sourceMappingURL=editorContainerStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"editorContainerStyles.js","names":["_renderUi","require","_theme","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';\nimport { primary } from '../theme';\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
|
@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.primary = void 0;
|
|
7
|
-
var primary = '#304ffe';
|
|
8
|
-
|
|
9
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy90aGVtZS5qcyJdLCJuYW1lcyI6WyJwcmltYXJ5Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBTyxJQUFNQSxPQUFPLEdBQUcsU0FBaEIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgcHJpbWFyeSA9ICcjMzA0ZmZlJztcbiJdfQ==
|
|
7
|
+
var primary = exports.primary = '#304ffe';
|
|
8
|
+
//# sourceMappingURL=theme.js.map
|
package/lib/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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
|
@@ -4,31 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.valueToSize = void 0;
|
|
7
|
-
|
|
8
|
-
var valueToSize = function valueToSize(v) {
|
|
7
|
+
var valueToSize = exports.valueToSize = function valueToSize(v) {
|
|
9
8
|
if (!v) {
|
|
10
9
|
return;
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
var calcRegex = /^calc\((.*)\)$/;
|
|
14
|
-
|
|
15
12
|
if (typeof v === 'string') {
|
|
16
13
|
if (v.endsWith('%')) {
|
|
17
14
|
return undefined;
|
|
18
15
|
}
|
|
19
|
-
|
|
20
16
|
if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw') || v.endsWith('ch') || v.endsWith('em') || v.match(calcRegex)) {
|
|
21
17
|
return v;
|
|
22
18
|
}
|
|
23
|
-
|
|
24
19
|
var value = parseInt(v, 10);
|
|
25
20
|
return Number.isNaN(value) ? value : "".concat(value, "px");
|
|
26
21
|
}
|
|
27
|
-
|
|
28
22
|
if (typeof v === 'number') {
|
|
29
23
|
return "".concat(v, "px");
|
|
30
24
|
}
|
|
31
25
|
};
|
|
32
|
-
|
|
33
|
-
exports.valueToSize = valueToSize;
|
|
34
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9zaXplLmpzIl0sIm5hbWVzIjpbInZhbHVlVG9TaXplIiwidiIsImNhbGNSZWdleCIsImVuZHNXaXRoIiwidW5kZWZpbmVkIiwibWF0Y2giLCJ2YWx1ZSIsInBhcnNlSW50IiwiTnVtYmVyIiwiaXNOYU4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBTyxJQUFNQSxXQUFXLEdBQUcsU0FBZEEsV0FBYyxDQUFDQyxDQUFELEVBQU87QUFDaEMsTUFBSSxDQUFDQSxDQUFMLEVBQVE7QUFDTjtBQUNEOztBQUVELE1BQU1DLFNBQVMsR0FBRyxnQkFBbEI7O0FBRUEsTUFBSSxPQUFPRCxDQUFQLEtBQWEsUUFBakIsRUFBMkI7QUFDekIsUUFBSUEsQ0FBQyxDQUFDRSxRQUFGLENBQVcsR0FBWCxDQUFKLEVBQXFCO0FBQ25CLGFBQU9DLFNBQVA7QUFDRDs7QUFFRCxRQUNFSCxDQUFDLENBQUNFLFFBQUYsQ0FBVyxJQUFYLEtBQ0FGLENBQUMsQ0FBQ0UsUUFBRixDQUFXLElBQVgsQ0FEQSxJQUVBRixDQUFDLENBQUNFLFFBQUYsQ0FBVyxJQUFYLENBRkEsSUFHQUYsQ0FBQyxDQUFDRSxRQUFGLENBQVcsSUFBWCxDQUhBLElBSUFGLENBQUMsQ0FBQ0UsUUFBRixDQUFXLElBQVgsQ0FKQSxJQUtBRixDQUFDLENBQUNJLEtBQUYsQ0FBUUgsU0FBUixDQU5GLEVBT0U7QUFDQSxhQUFPRCxDQUFQO0FBQ0Q7O0FBRUQsUUFBTUssS0FBSyxHQUFHQyxRQUFRLENBQUNOLENBQUQsRUFBSSxFQUFKLENBQXRCO0FBRUEsV0FBT08sTUFBTSxDQUFDQyxLQUFQLENBQWFILEtBQWIsSUFBc0JBLEtBQXRCLGFBQWlDQSxLQUFqQyxPQUFQO0FBQ0Q7O0FBRUQsTUFBSSxPQUFPTCxDQUFQLEtBQWEsUUFBakIsRUFBMkI7QUFDekIscUJBQVVBLENBQVY7QUFDRDtBQUNGLENBL0JNIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IHZhbHVlVG9TaXplID0gKHYpID0+IHtcbiAgaWYgKCF2KSB7XG4gICAgcmV0dXJuO1xuICB9XG5cbiAgY29uc3QgY2FsY1JlZ2V4ID0gL15jYWxjXFwoKC4qKVxcKSQvO1xuXG4gIGlmICh0eXBlb2YgdiA9PT0gJ3N0cmluZycpIHtcbiAgICBpZiAodi5lbmRzV2l0aCgnJScpKSB7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIGlmIChcbiAgICAgIHYuZW5kc1dpdGgoJ3B4JykgfHxcbiAgICAgIHYuZW5kc1dpdGgoJ3ZoJykgfHxcbiAgICAgIHYuZW5kc1dpdGgoJ3Z3JykgfHxcbiAgICAgIHYuZW5kc1dpdGgoJ2NoJykgfHxcbiAgICAgIHYuZW5kc1dpdGgoJ2VtJykgfHxcbiAgICAgIHYubWF0Y2goY2FsY1JlZ2V4KVxuICAgICkge1xuICAgICAgcmV0dXJuIHY7XG4gICAgfVxuXG4gICAgY29uc3QgdmFsdWUgPSBwYXJzZUludCh2LCAxMCk7XG5cbiAgICByZXR1cm4gTnVtYmVyLmlzTmFOKHZhbHVlKSA/IHZhbHVlIDogYCR7dmFsdWV9cHhgO1xuICB9XG5cbiAgaWYgKHR5cGVvZiB2ID09PSAnbnVtYmVyJykge1xuICAgIHJldHVybiBgJHt2fXB4YDtcbiAgfVxufTtcbiJdfQ==
|
|
26
|
+
//# sourceMappingURL=size.js.map
|
package/lib/utils/size.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,20 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/editable-html-tip-tap",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.21-next.6057+8e0535d0",
|
|
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
|
-
"@
|
|
11
|
-
"@
|
|
12
|
-
"@
|
|
13
|
-
"@
|
|
14
|
-
"@
|
|
15
|
-
"@pie-lib/
|
|
16
|
-
"@pie-lib/math-
|
|
17
|
-
"@pie-lib/
|
|
10
|
+
"@dnd-kit/core": "6.1.0",
|
|
11
|
+
"@dnd-kit/modifiers": "9.0.0",
|
|
12
|
+
"@dnd-kit/utilities": "3.2.2",
|
|
13
|
+
"@mui/icons-material": "^7.3.4",
|
|
14
|
+
"@mui/material": "^7.3.4",
|
|
15
|
+
"@pie-lib/drag": "2.22.4-next.0",
|
|
16
|
+
"@pie-lib/math-input": "6.31.3-next.0",
|
|
17
|
+
"@pie-lib/math-rendering": "3.22.3-next.0",
|
|
18
|
+
"@pie-lib/math-toolbar": "1.31.4-next.0",
|
|
19
|
+
"@pie-lib/render-ui": "4.35.4-next.0",
|
|
18
20
|
"@tiptap/core": "3.0.9",
|
|
19
21
|
"@tiptap/extension-character-count": "3.0.9",
|
|
20
22
|
"@tiptap/extension-color": "3.0.9",
|
|
@@ -56,15 +58,15 @@
|
|
|
56
58
|
},
|
|
57
59
|
"devDependencies": {
|
|
58
60
|
"@pie-framework/mathquill": "^1.1.3",
|
|
59
|
-
"react": "18.2.0",
|
|
60
|
-
"react-dom": "18.2.0"
|
|
61
|
+
"react": "^18.2.0",
|
|
62
|
+
"react-dom": "^18.2.0"
|
|
61
63
|
},
|
|
62
64
|
"peerDependencies": {
|
|
63
|
-
"react": "18.2.0"
|
|
65
|
+
"react": "^18.2.0"
|
|
64
66
|
},
|
|
65
67
|
"publishConfig": {
|
|
66
68
|
"access": "public"
|
|
67
69
|
},
|
|
68
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "8e0535d05b75ab1a1a7602cd57775fd801edfc54",
|
|
69
71
|
"scripts": {}
|
|
70
72
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
2
|
import { EditorContent, useEditor, useEditorState } from '@tiptap/react';
|
|
4
3
|
import StarterKit from '@tiptap/starter-kit';
|
|
5
4
|
import { TextStyleKit } from '@tiptap/extension-text-style';
|
|
@@ -8,7 +7,7 @@ import SuperScript from '@tiptap/extension-superscript';
|
|
|
8
7
|
import SubScript from '@tiptap/extension-subscript';
|
|
9
8
|
import TextAlign from '@tiptap/extension-text-align';
|
|
10
9
|
import Image from '@tiptap/extension-image';
|
|
11
|
-
import {
|
|
10
|
+
import { styled } from '@mui/material/styles';
|
|
12
11
|
|
|
13
12
|
import ExtendedTable from '../extensions/extended-table';
|
|
14
13
|
import { TableRow } from '@tiptap/extension-table-row';
|
|
@@ -93,7 +92,7 @@ export const EditableHtml = (props) => {
|
|
|
93
92
|
const { showParagraphs, separateParagraphs } = props.pluginProps || {};
|
|
94
93
|
const [pendingImages, setPendingImages] = useState([]);
|
|
95
94
|
const [scheduled, setScheduled] = useState(false);
|
|
96
|
-
const {
|
|
95
|
+
const { toolbarOpts } = props;
|
|
97
96
|
|
|
98
97
|
const toolbarOptsToUse = {
|
|
99
98
|
...defaultToolbarOpts,
|
|
@@ -317,19 +316,14 @@ export const EditableHtml = (props) => {
|
|
|
317
316
|
editor={editor}
|
|
318
317
|
>
|
|
319
318
|
{editor && (
|
|
320
|
-
<
|
|
319
|
+
<StyledEditorContent
|
|
321
320
|
style={{
|
|
322
321
|
minHeight: sizeStyle.minHeight,
|
|
323
322
|
height: sizeStyle.height,
|
|
324
323
|
maxHeight: sizeStyle.maxHeight,
|
|
325
324
|
}}
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
[classes.showParagraph]: showParagraphs && !showParagraphs.disabled,
|
|
329
|
-
[classes.separateParagraph]: separateParagraphs && !separateParagraphs.disabled,
|
|
330
|
-
},
|
|
331
|
-
classes.root,
|
|
332
|
-
)}
|
|
325
|
+
showParagraph={showParagraphs && !showParagraphs.disabled}
|
|
326
|
+
separateParagraph={separateParagraphs && !separateParagraphs.disabled}
|
|
333
327
|
editor={editor}
|
|
334
328
|
/>
|
|
335
329
|
)}
|
|
@@ -337,38 +331,32 @@ export const EditableHtml = (props) => {
|
|
|
337
331
|
);
|
|
338
332
|
};
|
|
339
333
|
|
|
340
|
-
const
|
|
341
|
-
|
|
334
|
+
const StyledEditorContent = styled(EditorContent, {
|
|
335
|
+
shouldForwardProp: (prop) => !['showParagraph', 'separateParagraph'].includes(prop),
|
|
336
|
+
})(({ showParagraph, separateParagraph }) => ({
|
|
337
|
+
outline: 'none !important',
|
|
338
|
+
'& .ProseMirror': {
|
|
339
|
+
padding: '5px',
|
|
340
|
+
maxHeight: '500px',
|
|
342
341
|
outline: 'none !important',
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
outline: 'none !important',
|
|
347
|
-
position: 'initial',
|
|
348
|
-
'& > p': {
|
|
349
|
-
margin: '0',
|
|
350
|
-
},
|
|
342
|
+
position: 'initial',
|
|
343
|
+
'& > p': {
|
|
344
|
+
margin: '0',
|
|
351
345
|
},
|
|
352
|
-
|
|
353
|
-
showParagraph: {
|
|
354
|
-
'& .ProseMirror': {
|
|
355
|
-
// a p that has a p after it
|
|
346
|
+
...(showParagraph && {
|
|
356
347
|
'& > p:has(+ p)::after': {
|
|
357
348
|
display: 'block',
|
|
358
349
|
content: '"¶"',
|
|
359
350
|
fontSize: '1em',
|
|
360
351
|
color: '#146EB3',
|
|
361
352
|
},
|
|
362
|
-
},
|
|
363
|
-
|
|
364
|
-
separateParagraph: {
|
|
365
|
-
'& .ProseMirror': {
|
|
366
|
-
// a p that has a p after it
|
|
353
|
+
}),
|
|
354
|
+
...(separateParagraph && {
|
|
367
355
|
'& > div:has(+ div)': {
|
|
368
356
|
marginBottom: '1em',
|
|
369
357
|
},
|
|
370
|
-
},
|
|
358
|
+
}),
|
|
371
359
|
},
|
|
372
|
-
})
|
|
360
|
+
}));
|
|
373
361
|
|
|
374
|
-
export default
|
|
362
|
+
export default EditableHtml;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import React, { useMemo, useState } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import {
|
|
3
|
+
import { styled, useTheme } from '@mui/material/styles';
|
|
4
4
|
import { NodeSelection } from 'prosemirror-state';
|
|
5
5
|
|
|
6
|
-
import Bold from '@
|
|
7
|
-
import Italic from '@
|
|
8
|
-
import Strikethrough from '@
|
|
9
|
-
import Code from '@
|
|
10
|
-
import GridOn from '@
|
|
11
|
-
import BulletedListIcon from '@
|
|
12
|
-
import NumberedListIcon from '@
|
|
13
|
-
import Underline from '@
|
|
14
|
-
import Functions from '@
|
|
15
|
-
import ImageIcon from '@
|
|
16
|
-
import Redo from '@
|
|
17
|
-
import Undo from '@
|
|
18
|
-
import TheatersIcon from '@
|
|
19
|
-
import VolumeUpIcon from '@
|
|
20
|
-
import BorderAll from '@
|
|
6
|
+
import Bold from '@mui/icons-material/FormatBold';
|
|
7
|
+
import Italic from '@mui/icons-material/FormatItalic';
|
|
8
|
+
import Strikethrough from '@mui/icons-material/FormatStrikethrough';
|
|
9
|
+
import Code from '@mui/icons-material/Code';
|
|
10
|
+
import GridOn from '@mui/icons-material/GridOn';
|
|
11
|
+
import BulletedListIcon from '@mui/icons-material/FormatListBulleted';
|
|
12
|
+
import NumberedListIcon from '@mui/icons-material/FormatListNumbered';
|
|
13
|
+
import Underline from '@mui/icons-material/FormatUnderlined';
|
|
14
|
+
import Functions from '@mui/icons-material/Functions';
|
|
15
|
+
import ImageIcon from '@mui/icons-material/Image';
|
|
16
|
+
import Redo from '@mui/icons-material/Redo';
|
|
17
|
+
import Undo from '@mui/icons-material/Undo';
|
|
18
|
+
import TheatersIcon from '@mui/icons-material/Theaters';
|
|
19
|
+
import VolumeUpIcon from '@mui/icons-material/VolumeUp';
|
|
20
|
+
import BorderAll from '@mui/icons-material/BorderAll';
|
|
21
21
|
|
|
22
22
|
import { EditorContent, useEditorState } from '@tiptap/react';
|
|
23
23
|
|
|
@@ -536,18 +536,49 @@ function MenuBar({ editor, classes, activePlugins, toolbarOpts: toolOpts, respon
|
|
|
536
536
|
);
|
|
537
537
|
}
|
|
538
538
|
|
|
539
|
-
|
|
540
|
-
|
|
539
|
+
// Wrapper component that provides classes object using styled API
|
|
540
|
+
const StyledMenuBar = (props) => {
|
|
541
|
+
const theme = useTheme();
|
|
542
|
+
|
|
543
|
+
const classes = {
|
|
544
|
+
defaultToolbar: 'defaultToolbar',
|
|
545
|
+
buttonsContainer: 'buttonsContainer',
|
|
546
|
+
button: 'button',
|
|
547
|
+
active: 'active',
|
|
548
|
+
disabled: 'disabled',
|
|
549
|
+
isActive: 'isActive',
|
|
550
|
+
toolbar: 'toolbar',
|
|
551
|
+
toolbarWithNoDone: 'toolbarWithNoDone',
|
|
552
|
+
toolbarTop: 'toolbarTop',
|
|
553
|
+
toolbarRight: 'toolbarRight',
|
|
554
|
+
fullWidth: 'fullWidth',
|
|
555
|
+
hidden: 'hidden',
|
|
556
|
+
autoWidth: 'autoWidth',
|
|
557
|
+
focused: 'focused',
|
|
558
|
+
iconRoot: 'iconRoot',
|
|
559
|
+
label: 'label',
|
|
560
|
+
shared: 'shared',
|
|
561
|
+
};
|
|
562
|
+
|
|
563
|
+
return (
|
|
564
|
+
<StyledMenuBarRoot>
|
|
565
|
+
<MenuBar {...props} classes={classes} />
|
|
566
|
+
</StyledMenuBarRoot>
|
|
567
|
+
);
|
|
568
|
+
};
|
|
569
|
+
|
|
570
|
+
const StyledMenuBarRoot = styled('div')(({ theme }) => ({
|
|
571
|
+
'& .defaultToolbar': {
|
|
541
572
|
display: 'flex',
|
|
542
573
|
width: '100%',
|
|
543
574
|
justifyContent: 'space-between',
|
|
544
575
|
},
|
|
545
|
-
buttonsContainer: {
|
|
576
|
+
'& .buttonsContainer': {
|
|
546
577
|
alignItems: 'center',
|
|
547
578
|
display: 'flex',
|
|
548
579
|
width: '100%',
|
|
549
580
|
},
|
|
550
|
-
button: {
|
|
581
|
+
'& .button': {
|
|
551
582
|
color: 'grey',
|
|
552
583
|
display: 'inline-flex',
|
|
553
584
|
padding: '2px',
|
|
@@ -561,21 +592,21 @@ const style = (theme) => ({
|
|
|
561
592
|
outline: `2px solid ${theme.palette.grey[700]}`,
|
|
562
593
|
},
|
|
563
594
|
},
|
|
564
|
-
active: {
|
|
595
|
+
'& .active': {
|
|
565
596
|
color: 'black',
|
|
566
597
|
},
|
|
567
|
-
disabled: {
|
|
598
|
+
'& .disabled': {
|
|
568
599
|
opacity: 0.7,
|
|
569
600
|
cursor: 'not-allowed',
|
|
570
601
|
'& :hover': {
|
|
571
602
|
color: 'grey',
|
|
572
603
|
},
|
|
573
604
|
},
|
|
574
|
-
isActive: {
|
|
605
|
+
'& .isActive': {
|
|
575
606
|
background: 'var(--purple)',
|
|
576
607
|
color: 'var(--white)',
|
|
577
608
|
},
|
|
578
|
-
toolbar: {
|
|
609
|
+
'& .toolbar': {
|
|
579
610
|
position: 'absolute',
|
|
580
611
|
zIndex: 20,
|
|
581
612
|
cursor: 'pointer',
|
|
@@ -591,42 +622,40 @@ const style = (theme) => ({
|
|
|
591
622
|
opacity: 0,
|
|
592
623
|
pointerEvents: 'none',
|
|
593
624
|
},
|
|
594
|
-
toolbarWithNoDone: {
|
|
625
|
+
'& .toolbarWithNoDone': {
|
|
595
626
|
minWidth: '265px',
|
|
596
627
|
},
|
|
597
|
-
toolbarTop: {
|
|
628
|
+
'& .toolbarTop': {
|
|
598
629
|
top: '-45px',
|
|
599
630
|
},
|
|
600
|
-
toolbarRight: {
|
|
631
|
+
'& .toolbarRight': {
|
|
601
632
|
right: 0,
|
|
602
633
|
},
|
|
603
|
-
fullWidth: {
|
|
634
|
+
'& .fullWidth': {
|
|
604
635
|
width: '100%',
|
|
605
636
|
},
|
|
606
|
-
hidden: {
|
|
637
|
+
'& .hidden': {
|
|
607
638
|
visibility: 'hidden',
|
|
608
639
|
},
|
|
609
|
-
autoWidth: {
|
|
640
|
+
'& .autoWidth': {
|
|
610
641
|
width: 'auto',
|
|
611
642
|
},
|
|
612
|
-
focused: {
|
|
643
|
+
'& .focused': {
|
|
613
644
|
opacity: 1,
|
|
614
645
|
pointerEvents: 'auto',
|
|
615
646
|
},
|
|
616
|
-
iconRoot: {
|
|
647
|
+
'& .iconRoot': {
|
|
617
648
|
width: '28px',
|
|
618
649
|
height: '28px',
|
|
619
650
|
padding: '4px',
|
|
620
651
|
verticalAlign: 'top',
|
|
621
652
|
},
|
|
622
|
-
label: {
|
|
653
|
+
'& .label': {
|
|
623
654
|
color: 'var(--editable-html-toolbar-check, #00bb00)',
|
|
624
655
|
},
|
|
625
|
-
shared: {
|
|
656
|
+
'& .shared': {
|
|
626
657
|
display: 'flex',
|
|
627
658
|
},
|
|
628
|
-
});
|
|
629
|
-
|
|
630
|
-
const StyledMenuBar = withStyles(style, { index: 1000 })(MenuBar);
|
|
659
|
+
}));
|
|
631
660
|
|
|
632
661
|
export default StyledMenuBar;
|