@bigbinary/neeto-editor 1.47.92 → 1.47.94
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/Editor.js +2 -2
- package/dist/EditorContent.js +1 -1
- package/dist/FormikEditor.js +1 -1
- package/dist/Menu.js +1 -1
- package/dist/{chunk-DYtAbrtZ.js → chunk-DTahQyel.js} +46 -78
- package/dist/chunk-DTahQyel.js.map +1 -0
- package/dist/cjs/Attachments.cjs.js +2 -2
- package/dist/cjs/Editor.cjs.js +330 -253
- package/dist/cjs/Editor.cjs.js.map +1 -1
- package/dist/cjs/EditorContent.cjs.js +27 -15
- package/dist/cjs/EditorContent.cjs.js.map +1 -1
- package/dist/cjs/FormikEditor.cjs.js +13 -8
- package/dist/cjs/FormikEditor.cjs.js.map +1 -1
- package/dist/cjs/Menu.cjs.js +4 -4
- package/dist/cjs/{chunk-BCWKqDeP.cjs.js → chunk-AgahZtc5.cjs.js} +6 -2
- package/dist/cjs/{chunk-BCWKqDeP.cjs.js.map → chunk-AgahZtc5.cjs.js.map} +1 -1
- package/dist/cjs/{chunk-BHwZbfLM.cjs.js → chunk-BGy3NmZC.cjs.js} +4 -3
- package/dist/cjs/{chunk-BHwZbfLM.cjs.js.map → chunk-BGy3NmZC.cjs.js.map} +1 -1
- package/dist/cjs/{chunk-CSXB73dt.cjs.js → chunk-BWXzVFnj.cjs.js} +7 -3
- package/dist/cjs/{chunk-CSXB73dt.cjs.js.map → chunk-BWXzVFnj.cjs.js.map} +1 -1
- package/dist/cjs/{chunk-CZbZuxub.cjs.js → chunk-B_6trv-E.cjs.js} +362 -319
- package/dist/cjs/chunk-B_6trv-E.cjs.js.map +1 -0
- package/dist/cjs/{chunk-BPN8K4fD.cjs.js → chunk-COT7CF-z.cjs.js} +117 -90
- package/dist/cjs/{chunk-BPN8K4fD.cjs.js.map → chunk-COT7CF-z.cjs.js.map} +1 -1
- package/dist/cjs/{chunk-BKMT1Mma.cjs.js → chunk-CYI1JJPG.cjs.js} +2 -2
- package/dist/cjs/{chunk-BKMT1Mma.cjs.js.map → chunk-CYI1JJPG.cjs.js.map} +1 -1
- package/dist/cjs/{chunk-IyaOoylW.cjs.js → chunk-CrSw8VHc.cjs.js} +238 -211
- package/dist/cjs/{chunk-IyaOoylW.cjs.js.map → chunk-CrSw8VHc.cjs.js.map} +1 -1
- package/dist/cjs/{chunk-h2WCfChR.cjs.js → chunk-DYSZxrWZ.cjs.js} +72 -51
- package/dist/cjs/chunk-DYSZxrWZ.cjs.js.map +1 -0
- package/dist/cjs/constants.cjs.js +1 -1
- package/dist/cjs/index.cjs.js +8 -8
- package/dist/cjs/utils.cjs.js +4 -4
- package/dist/editor-content.min.css +1 -1
- package/dist/editor-output.js +1 -1
- package/dist/editor-stats.html +1 -1
- package/dist/index.js +2 -2
- package/package.json +1 -1
- package/dist/chunk-DYtAbrtZ.js.map +0 -1
- package/dist/cjs/chunk-CZbZuxub.cjs.js.map +0 -1
- package/dist/cjs/chunk-h2WCfChR.cjs.js.map +0 -1
|
@@ -13,7 +13,7 @@ var TextH3 = require('@bigbinary/neeto-icons/TextH3');
|
|
|
13
13
|
var TextH4 = require('@bigbinary/neeto-icons/TextH4');
|
|
14
14
|
var TextH5 = require('@bigbinary/neeto-icons/TextH5');
|
|
15
15
|
var TextP = require('@bigbinary/neeto-icons/TextP');
|
|
16
|
-
var utils = require('./chunk-
|
|
16
|
+
var utils = require('./chunk-BWXzVFnj.cjs.js');
|
|
17
17
|
var tippy = require('tippy.js');
|
|
18
18
|
var ReactDOM = require('react-dom');
|
|
19
19
|
var classnames = require('classnames');
|
|
@@ -69,7 +69,7 @@ var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-fronte
|
|
|
69
69
|
var Modal = require('@bigbinary/neetoui/Modal');
|
|
70
70
|
var Tab = require('@bigbinary/neetoui/Tab');
|
|
71
71
|
var Toastr = require('@bigbinary/neetoui/Toastr');
|
|
72
|
-
var FileIcon = require('./chunk-
|
|
72
|
+
var FileIcon = require('./chunk-COT7CF-z.cjs.js');
|
|
73
73
|
var Tooltip = require('@bigbinary/neetoui/Tooltip');
|
|
74
74
|
var Form = require('@bigbinary/neetoui/formik/Form');
|
|
75
75
|
var Input$1 = require('@bigbinary/neetoui/formik/Input');
|
|
@@ -88,7 +88,82 @@ var Success = require('@bigbinary/neeto-icons/misc/Success');
|
|
|
88
88
|
var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
|
|
89
89
|
var DynamicVariables = require('@bigbinary/neeto-molecules/DynamicVariables');
|
|
90
90
|
var Tippy = require('@tippyjs/react');
|
|
91
|
-
var constants$1 = require('./chunk-
|
|
91
|
+
var constants$1 = require('./chunk-BGy3NmZC.cjs.js');
|
|
92
|
+
|
|
93
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
94
|
+
|
|
95
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
96
|
+
var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
|
|
97
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
|
|
98
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
99
|
+
var i18n__default = /*#__PURE__*/_interopDefault(i18n);
|
|
100
|
+
var TextH1__default = /*#__PURE__*/_interopDefault(TextH1);
|
|
101
|
+
var TextH2__default = /*#__PURE__*/_interopDefault(TextH2);
|
|
102
|
+
var TextH3__default = /*#__PURE__*/_interopDefault(TextH3);
|
|
103
|
+
var TextH4__default = /*#__PURE__*/_interopDefault(TextH4);
|
|
104
|
+
var TextH5__default = /*#__PURE__*/_interopDefault(TextH5);
|
|
105
|
+
var TextP__default = /*#__PURE__*/_interopDefault(TextP);
|
|
106
|
+
var tippy__default = /*#__PURE__*/_interopDefault(tippy);
|
|
107
|
+
var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
|
|
108
|
+
var classnames__default = /*#__PURE__*/_interopDefault(classnames);
|
|
109
|
+
var Link__default = /*#__PURE__*/_interopDefault(Link);
|
|
110
|
+
var Column__default = /*#__PURE__*/_interopDefault(Column);
|
|
111
|
+
var Down__default = /*#__PURE__*/_interopDefault(Down);
|
|
112
|
+
var Dropdown__default = /*#__PURE__*/_interopDefault(Dropdown$1);
|
|
113
|
+
var Close__default = /*#__PURE__*/_interopDefault(Close);
|
|
114
|
+
var Button__default = /*#__PURE__*/_interopDefault(Button$1);
|
|
115
|
+
var Check__default = /*#__PURE__*/_interopDefault(Check);
|
|
116
|
+
var Label__default = /*#__PURE__*/_interopDefault(Label);
|
|
117
|
+
var Quote__default = /*#__PURE__*/_interopDefault(Quote);
|
|
118
|
+
var Attachment__default = /*#__PURE__*/_interopDefault(Attachment);
|
|
119
|
+
var CodeBlock__default = /*#__PURE__*/_interopDefault(CodeBlock);
|
|
120
|
+
var Code__default = /*#__PURE__*/_interopDefault(Code);
|
|
121
|
+
var Highlight__default = /*#__PURE__*/_interopDefault(Highlight);
|
|
122
|
+
var TextBold__default = /*#__PURE__*/_interopDefault(TextBold);
|
|
123
|
+
var TextCross__default = /*#__PURE__*/_interopDefault(TextCross);
|
|
124
|
+
var TextItalic__default = /*#__PURE__*/_interopDefault(TextItalic);
|
|
125
|
+
var Underline__default = /*#__PURE__*/_interopDefault(Underline);
|
|
126
|
+
var ListDot__default = /*#__PURE__*/_interopDefault(ListDot);
|
|
127
|
+
var ListNumber__default = /*#__PURE__*/_interopDefault(ListNumber);
|
|
128
|
+
var ImageUpload__default = /*#__PURE__*/_interopDefault(ImageUpload);
|
|
129
|
+
var Video__default = /*#__PURE__*/_interopDefault(Video);
|
|
130
|
+
var Undo__default = /*#__PURE__*/_interopDefault(Undo);
|
|
131
|
+
var Redo__default = /*#__PURE__*/_interopDefault(Redo);
|
|
132
|
+
var Email__default = /*#__PURE__*/_interopDefault(Email);
|
|
133
|
+
var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
|
|
134
|
+
var Typography__default = /*#__PURE__*/_interopDefault(Typography);
|
|
135
|
+
var Smiley__default = /*#__PURE__*/_interopDefault(Smiley);
|
|
136
|
+
var _asyncToGenerator__default = /*#__PURE__*/_interopDefault(_asyncToGenerator);
|
|
137
|
+
var _classCallCheck__default = /*#__PURE__*/_interopDefault(_classCallCheck);
|
|
138
|
+
var _createClass__default = /*#__PURE__*/_interopDefault(_createClass);
|
|
139
|
+
var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefault(_possibleConstructorReturn);
|
|
140
|
+
var _getPrototypeOf__default = /*#__PURE__*/_interopDefault(_getPrototypeOf);
|
|
141
|
+
var _inherits__default = /*#__PURE__*/_interopDefault(_inherits);
|
|
142
|
+
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
|
|
143
|
+
var axios__default = /*#__PURE__*/_interopDefault(axios);
|
|
144
|
+
var Customize__default = /*#__PURE__*/_interopDefault(Customize);
|
|
145
|
+
var Refresh__default = /*#__PURE__*/_interopDefault(Refresh);
|
|
146
|
+
var Input__default = /*#__PURE__*/_interopDefault(Input);
|
|
147
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
148
|
+
var Modal__default = /*#__PURE__*/_interopDefault(Modal);
|
|
149
|
+
var Tab__default = /*#__PURE__*/_interopDefault(Tab);
|
|
150
|
+
var Toastr__default = /*#__PURE__*/_interopDefault(Toastr);
|
|
151
|
+
var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
|
|
152
|
+
var Form__default = /*#__PURE__*/_interopDefault(Form);
|
|
153
|
+
var Input__default$1 = /*#__PURE__*/_interopDefault(Input$1);
|
|
154
|
+
var ActionBlock__default = /*#__PURE__*/_interopDefault(ActionBlock);
|
|
155
|
+
var Checkbox__default = /*#__PURE__*/_interopDefault(Checkbox);
|
|
156
|
+
var Checkbox__default$1 = /*#__PURE__*/_interopDefault(Checkbox$1);
|
|
157
|
+
var File__default = /*#__PURE__*/_interopDefault(File);
|
|
158
|
+
var Flag__default = /*#__PURE__*/_interopDefault(Flag);
|
|
159
|
+
var Info__default = /*#__PURE__*/_interopDefault(Info);
|
|
160
|
+
var Warning__default = /*#__PURE__*/_interopDefault(Warning);
|
|
161
|
+
var Danger__default = /*#__PURE__*/_interopDefault(Danger);
|
|
162
|
+
var Megaphone__default = /*#__PURE__*/_interopDefault(Megaphone);
|
|
163
|
+
var Success__default = /*#__PURE__*/_interopDefault(Success);
|
|
164
|
+
var MenuHorizontal__default = /*#__PURE__*/_interopDefault(MenuHorizontal);
|
|
165
|
+
var DynamicVariables__default = /*#__PURE__*/_interopDefault(DynamicVariables);
|
|
166
|
+
var Tippy__default = /*#__PURE__*/_interopDefault(Tippy);
|
|
92
167
|
|
|
93
168
|
const domIndex = function (node) {
|
|
94
169
|
for (var index = 0;; index++) {
|
|
@@ -14699,7 +14774,7 @@ class BubbleMenuView {
|
|
|
14699
14774
|
if (this.tippy || !editorIsAttached) {
|
|
14700
14775
|
return;
|
|
14701
14776
|
}
|
|
14702
|
-
this.tippy =
|
|
14777
|
+
this.tippy = tippy__default.default(editorElement, {
|
|
14703
14778
|
duration: 0,
|
|
14704
14779
|
getReferenceClientRect: null,
|
|
14705
14780
|
content: this.element,
|
|
@@ -14803,7 +14878,7 @@ var hasRequiredUseSyncExternalStoreShim_production_min;
|
|
|
14803
14878
|
function requireUseSyncExternalStoreShim_production_min () {
|
|
14804
14879
|
if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
|
|
14805
14880
|
hasRequiredUseSyncExternalStoreShim_production_min = 1;
|
|
14806
|
-
var e=
|
|
14881
|
+
var e=React__default.default;function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
|
|
14807
14882
|
function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return !0}}function t(a,b){return b()}var u="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t:q;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;
|
|
14808
14883
|
return useSyncExternalStoreShim_production_min;
|
|
14809
14884
|
}
|
|
@@ -14833,7 +14908,7 @@ const Portals = ({ contentComponent, }) => {
|
|
|
14833
14908
|
// For performance reasons, we render the node view portals on state changes only
|
|
14834
14909
|
const renderers = shimExports.useSyncExternalStore(contentComponent.subscribe, contentComponent.getSnapshot, contentComponent.getServerSnapshot);
|
|
14835
14910
|
// This allows us to directly render the portals without any additional wrapper
|
|
14836
|
-
return (
|
|
14911
|
+
return (React__default.default.createElement(React__default.default.Fragment, null, Object.values(renderers)));
|
|
14837
14912
|
};
|
|
14838
14913
|
function getInstance() {
|
|
14839
14914
|
const subscribers = new Set();
|
|
@@ -14860,7 +14935,7 @@ function getInstance() {
|
|
|
14860
14935
|
setRenderer(id, renderer) {
|
|
14861
14936
|
renderers = {
|
|
14862
14937
|
...renderers,
|
|
14863
|
-
[id]:
|
|
14938
|
+
[id]: ReactDOM__default.default.createPortal(renderer.reactElement, renderer.element, id),
|
|
14864
14939
|
};
|
|
14865
14940
|
subscribers.forEach(subscriber => subscriber());
|
|
14866
14941
|
},
|
|
@@ -14875,11 +14950,11 @@ function getInstance() {
|
|
|
14875
14950
|
},
|
|
14876
14951
|
};
|
|
14877
14952
|
}
|
|
14878
|
-
class PureEditorContent extends
|
|
14953
|
+
class PureEditorContent extends React__default.default.Component {
|
|
14879
14954
|
constructor(props) {
|
|
14880
14955
|
var _a;
|
|
14881
14956
|
super(props);
|
|
14882
|
-
this.editorContentRef =
|
|
14957
|
+
this.editorContentRef = React__default.default.createRef();
|
|
14883
14958
|
this.initialized = false;
|
|
14884
14959
|
this.state = {
|
|
14885
14960
|
hasContentComponentInitialized: Boolean((_a = props.editor) === null || _a === void 0 ? void 0 : _a.contentComponent),
|
|
@@ -14951,25 +15026,25 @@ class PureEditorContent extends React.Component {
|
|
|
14951
15026
|
}
|
|
14952
15027
|
render() {
|
|
14953
15028
|
const { editor, innerRef, ...rest } = this.props;
|
|
14954
|
-
return (
|
|
14955
|
-
|
|
14956
|
-
(editor === null || editor === void 0 ? void 0 : editor.contentComponent) &&
|
|
15029
|
+
return (React__default.default.createElement(React__default.default.Fragment, null,
|
|
15030
|
+
React__default.default.createElement("div", { ref: mergeRefs(innerRef, this.editorContentRef), ...rest }),
|
|
15031
|
+
(editor === null || editor === void 0 ? void 0 : editor.contentComponent) && React__default.default.createElement(Portals, { contentComponent: editor.contentComponent })));
|
|
14957
15032
|
}
|
|
14958
15033
|
}
|
|
14959
15034
|
// EditorContent should be re-created whenever the Editor instance changes
|
|
14960
15035
|
const EditorContentWithKey = React.forwardRef((props, ref) => {
|
|
14961
|
-
const key =
|
|
15036
|
+
const key = React__default.default.useMemo(() => {
|
|
14962
15037
|
return Math.floor(Math.random() * 0xffffffff).toString();
|
|
14963
15038
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
14964
15039
|
}, [props.editor]);
|
|
14965
15040
|
// Can't use JSX here because it conflicts with the type definition of Vue's JSX, so use createElement
|
|
14966
|
-
return
|
|
15041
|
+
return React__default.default.createElement(PureEditorContent, {
|
|
14967
15042
|
key,
|
|
14968
15043
|
innerRef: ref,
|
|
14969
15044
|
...props,
|
|
14970
15045
|
});
|
|
14971
15046
|
});
|
|
14972
|
-
const EditorContent =
|
|
15047
|
+
const EditorContent = React__default.default.memo(EditorContentWithKey);
|
|
14973
15048
|
|
|
14974
15049
|
var withSelector = {exports: {}};
|
|
14975
15050
|
|
|
@@ -14990,7 +15065,7 @@ var hasRequiredWithSelector_production_min;
|
|
|
14990
15065
|
function requireWithSelector_production_min () {
|
|
14991
15066
|
if (hasRequiredWithSelector_production_min) return withSelector_production_min;
|
|
14992
15067
|
hasRequiredWithSelector_production_min = 1;
|
|
14993
|
-
var h=
|
|
15068
|
+
var h=React__default.default,n=shimExports;function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q="function"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;
|
|
14994
15069
|
withSelector_production_min.useSyncExternalStoreWithSelector=function(a,b,e,l,g){var c=t(null);if(null===c.current){var f={hasValue:!1,value:null};c.current=f;}else f=c.current;c=v(function(){function a(a){if(!c){c=!0;d=a;a=l(a);if(void 0!==g&&f.hasValue){var b=f.value;if(g(b,a))return k=b}return k=a}b=k;if(q(d,a))return b;var e=l(a);if(void 0!==g&&g(b,e))return b;d=a;return k=e}var c=!1,d,k,m=void 0===e?null:e;return [function(){return a(b())},null===m?void 0:function(){return a(m())}]},[b,e,l,g]);var d=r(a,c[0],c[1]);
|
|
14995
15070
|
u(function(){f.hasValue=!0;f.value=d;},[d]);w(d);return d};
|
|
14996
15071
|
return withSelector_production_min;
|
|
@@ -15336,7 +15411,7 @@ const BubbleMenu = (props) => {
|
|
|
15336
15411
|
menuEditor.registerPlugin(plugin);
|
|
15337
15412
|
return () => menuEditor.unregisterPlugin(pluginKey);
|
|
15338
15413
|
}, [props.editor, currentEditor, element]);
|
|
15339
|
-
return (
|
|
15414
|
+
return (React__default.default.createElement("div", { ref: setElement, className: props.className, style: { visibility: 'hidden' } }, props.children));
|
|
15340
15415
|
};
|
|
15341
15416
|
|
|
15342
15417
|
const ReactNodeViewContext = React.createContext({
|
|
@@ -15349,18 +15424,18 @@ const NodeViewContent = props => {
|
|
|
15349
15424
|
const { nodeViewContentRef } = useReactNodeView();
|
|
15350
15425
|
return (
|
|
15351
15426
|
// @ts-ignore
|
|
15352
|
-
|
|
15427
|
+
React__default.default.createElement(Tag, { ...props, ref: nodeViewContentRef, "data-node-view-content": "", style: {
|
|
15353
15428
|
whiteSpace: 'pre-wrap',
|
|
15354
15429
|
...props.style,
|
|
15355
15430
|
} }));
|
|
15356
15431
|
};
|
|
15357
15432
|
|
|
15358
|
-
const NodeViewWrapper =
|
|
15433
|
+
const NodeViewWrapper = React__default.default.forwardRef((props, ref) => {
|
|
15359
15434
|
const { onDragStart } = useReactNodeView();
|
|
15360
15435
|
const Tag = props.as || 'div';
|
|
15361
15436
|
return (
|
|
15362
15437
|
// @ts-ignore
|
|
15363
|
-
|
|
15438
|
+
React__default.default.createElement(Tag, { ...props, ref: ref, "data-node-view-wrapper": "", onDragStart: onDragStart, style: {
|
|
15364
15439
|
whiteSpace: 'normal',
|
|
15365
15440
|
...props.style,
|
|
15366
15441
|
} }));
|
|
@@ -15435,7 +15510,7 @@ class ReactRenderer {
|
|
|
15435
15510
|
this.ref = ref;
|
|
15436
15511
|
};
|
|
15437
15512
|
}
|
|
15438
|
-
this.reactElement =
|
|
15513
|
+
this.reactElement = React__default.default.createElement(Component, props);
|
|
15439
15514
|
(_a = editor === null || editor === void 0 ? void 0 : editor.contentComponent) === null || _a === void 0 ? void 0 : _a.setRenderer(this.id, this);
|
|
15440
15515
|
}
|
|
15441
15516
|
updateProps(props = {}) {
|
|
@@ -15480,8 +15555,8 @@ class ReactNodeView extends NodeView {
|
|
|
15480
15555
|
const Component = this.component;
|
|
15481
15556
|
// For performance reasons, we memoize the provider component
|
|
15482
15557
|
// And all of the things it requires are declared outside of the component, so it doesn't need to re-render
|
|
15483
|
-
const ReactNodeViewProvider =
|
|
15484
|
-
return (
|
|
15558
|
+
const ReactNodeViewProvider = React__default.default.memo(componentProps => {
|
|
15559
|
+
return (React__default.default.createElement(ReactNodeViewContext.Provider, { value: context }, React__default.default.createElement(Component, componentProps)));
|
|
15485
15560
|
});
|
|
15486
15561
|
ReactNodeViewProvider.displayName = 'ReactNodeView';
|
|
15487
15562
|
if (this.node.isLeaf) {
|
|
@@ -15604,53 +15679,53 @@ function ReactNodeViewRenderer(component, options) {
|
|
|
15604
15679
|
var CALLOUT_TYPES = [{
|
|
15605
15680
|
type: "default",
|
|
15606
15681
|
label: i18n.t("neetoEditor.menu.calloutDefault"),
|
|
15607
|
-
icon:
|
|
15682
|
+
icon: Megaphone__default.default,
|
|
15608
15683
|
bgColor: "--neeto-editor-gray-100"
|
|
15609
15684
|
}, {
|
|
15610
15685
|
type: "info",
|
|
15611
15686
|
label: i18n.t("neetoEditor.menu.calloutInfo"),
|
|
15612
|
-
icon:
|
|
15687
|
+
icon: Info__default.default,
|
|
15613
15688
|
bgColor: "--neeto-editor-info-100"
|
|
15614
15689
|
}, {
|
|
15615
15690
|
type: "warning",
|
|
15616
15691
|
label: i18n.t("neetoEditor.menu.calloutWarning"),
|
|
15617
|
-
icon:
|
|
15692
|
+
icon: Warning__default.default,
|
|
15618
15693
|
bgColor: "--neeto-editor-warning-100"
|
|
15619
15694
|
}, {
|
|
15620
15695
|
type: "error",
|
|
15621
15696
|
label: i18n.t("neetoEditor.menu.calloutError"),
|
|
15622
|
-
icon:
|
|
15697
|
+
icon: Danger__default.default,
|
|
15623
15698
|
bgColor: "--neeto-editor-error-100"
|
|
15624
15699
|
}, {
|
|
15625
15700
|
type: "success",
|
|
15626
15701
|
label: i18n.t("neetoEditor.menu.calloutSuccess"),
|
|
15627
|
-
icon:
|
|
15702
|
+
icon: Success__default.default,
|
|
15628
15703
|
bgColor: "--neeto-editor-success-100"
|
|
15629
15704
|
}];
|
|
15630
15705
|
|
|
15631
15706
|
var fetch = function fetch() {
|
|
15632
|
-
return
|
|
15707
|
+
return axios__default.default.get("https://cdn.jsdelivr.net/npm/@emoji-mart/data");
|
|
15633
15708
|
};
|
|
15634
15709
|
var emojiPickerApi = {
|
|
15635
15710
|
fetch: fetch
|
|
15636
15711
|
};
|
|
15637
15712
|
|
|
15638
|
-
function ownKeys$
|
|
15639
|
-
function _objectSpread$
|
|
15640
|
-
function _callSuper(t, o, e) { return o =
|
|
15713
|
+
function ownKeys$b(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; }
|
|
15714
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15715
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf__default.default(o), _possibleConstructorReturn__default.default(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default.default(t).constructor) : o.apply(t, e)); }
|
|
15641
15716
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
15642
15717
|
var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
|
|
15643
15718
|
function EmojiPickerMenu() {
|
|
15644
15719
|
var _this;
|
|
15645
|
-
|
|
15720
|
+
_classCallCheck__default.default(this, EmojiPickerMenu);
|
|
15646
15721
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15647
15722
|
args[_key] = arguments[_key];
|
|
15648
15723
|
}
|
|
15649
15724
|
_this = _callSuper(this, EmojiPickerMenu, [].concat(args));
|
|
15650
|
-
|
|
15651
|
-
|
|
15725
|
+
_defineProperty__default.default(_this, "ref", /*#__PURE__*/React__default.default.createRef());
|
|
15726
|
+
_defineProperty__default.default(_this, "fetchEmojiData", /*#__PURE__*/_asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee() {
|
|
15652
15727
|
var _yield$emojiPickerApi, data;
|
|
15653
|
-
return
|
|
15728
|
+
return _regeneratorRuntime__default.default.wrap(function _callee$(_context) {
|
|
15654
15729
|
while (1) switch (_context.prev = _context.next) {
|
|
15655
15730
|
case 0:
|
|
15656
15731
|
_context.prev = 0;
|
|
@@ -15670,7 +15745,7 @@ var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
|
|
|
15670
15745
|
}
|
|
15671
15746
|
}, _callee, null, [[0, 8]]);
|
|
15672
15747
|
})));
|
|
15673
|
-
|
|
15748
|
+
_defineProperty__default.default(_this, "onKeyDown", function (_ref2) {
|
|
15674
15749
|
var event = _ref2.event;
|
|
15675
15750
|
if (event.key === "Escape") {
|
|
15676
15751
|
_this.props.editor.chain().focus().deleteRange(_this.props.range).run();
|
|
@@ -15678,18 +15753,18 @@ var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
|
|
|
15678
15753
|
}
|
|
15679
15754
|
return false;
|
|
15680
15755
|
});
|
|
15681
|
-
|
|
15756
|
+
_defineProperty__default.default(_this, "handleSelect", function (emoji) {
|
|
15682
15757
|
var _this$props$setActive, _this$props;
|
|
15683
15758
|
_this.props.editor.chain().focus().deleteRange(_this.props.range).setEmoji(emoji).run();
|
|
15684
15759
|
(_this$props$setActive = (_this$props = _this.props).setActive) === null || _this$props$setActive === void 0 || _this$props$setActive.call(_this$props, false);
|
|
15685
15760
|
});
|
|
15686
15761
|
return _this;
|
|
15687
15762
|
}
|
|
15688
|
-
|
|
15689
|
-
return
|
|
15763
|
+
_inherits__default.default(EmojiPickerMenu, _React$Component);
|
|
15764
|
+
return _createClass__default.default(EmojiPickerMenu, [{
|
|
15690
15765
|
key: "componentDidMount",
|
|
15691
15766
|
value: function componentDidMount() {
|
|
15692
|
-
new emojiMart.Picker(_objectSpread$
|
|
15767
|
+
new emojiMart.Picker(_objectSpread$b(_objectSpread$b({}, this.props), {}, {
|
|
15693
15768
|
onEmojiSelect: this.handleSelect,
|
|
15694
15769
|
style: {
|
|
15695
15770
|
maxWidth: "100%"
|
|
@@ -15714,7 +15789,7 @@ var EmojiPickerMenu = /*#__PURE__*/function (_React$Component) {
|
|
|
15714
15789
|
});
|
|
15715
15790
|
}
|
|
15716
15791
|
}]);
|
|
15717
|
-
}(
|
|
15792
|
+
}(React__default.default.Component);
|
|
15718
15793
|
EmojiPickerMenu.defaultProps = {
|
|
15719
15794
|
editor: {},
|
|
15720
15795
|
range: {}
|
|
@@ -15757,8 +15832,8 @@ var useEditorStore = zustand.create(reactUtils.withImmutableActions(function (se
|
|
|
15757
15832
|
};
|
|
15758
15833
|
}));
|
|
15759
15834
|
|
|
15760
|
-
function ownKeys$
|
|
15761
|
-
function _objectSpread$
|
|
15835
|
+
function ownKeys$a(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; }
|
|
15836
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15762
15837
|
var MenuButton = function MenuButton(_ref) {
|
|
15763
15838
|
var icon = _ref.icon,
|
|
15764
15839
|
command = _ref.command,
|
|
@@ -15777,7 +15852,7 @@ var MenuButton = function MenuButton(_ref) {
|
|
|
15777
15852
|
isActive = _useEditorStore.isActive,
|
|
15778
15853
|
_useEditorStore$disab = _useEditorStore.disabled,
|
|
15779
15854
|
disabled = _useEditorStore$disab === void 0 ? isButtonDisabled : _useEditorStore$disab;
|
|
15780
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
15855
|
+
return /*#__PURE__*/jsxRuntime.jsx(Button__default.default, _objectSpread$a({
|
|
15781
15856
|
disabled: disabled,
|
|
15782
15857
|
icon: icon,
|
|
15783
15858
|
className: "neeto-editor-fixed-menu__item",
|
|
@@ -15804,7 +15879,7 @@ var CalloutIcon = function CalloutIcon(_ref) {
|
|
|
15804
15879
|
})
|
|
15805
15880
|
});
|
|
15806
15881
|
}
|
|
15807
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
15882
|
+
return /*#__PURE__*/jsxRuntime.jsx(Flag__default.default, {
|
|
15808
15883
|
size: 16
|
|
15809
15884
|
});
|
|
15810
15885
|
};
|
|
@@ -15813,7 +15888,7 @@ var CalloutTypeOption = function CalloutTypeOption(_ref) {
|
|
|
15813
15888
|
var calloutType = _ref.calloutType,
|
|
15814
15889
|
isSelected = _ref.isSelected,
|
|
15815
15890
|
onClick = _ref.onClick;
|
|
15816
|
-
var optionClass =
|
|
15891
|
+
var optionClass = classnames__default.default("neeto-editor-callout-dropdown__type-option", {
|
|
15817
15892
|
"neeto-editor-callout-dropdown__type-option--selected": isSelected
|
|
15818
15893
|
});
|
|
15819
15894
|
var Icon = calloutType.icon;
|
|
@@ -15824,7 +15899,7 @@ var CalloutTypeOption = function CalloutTypeOption(_ref) {
|
|
|
15824
15899
|
className: "neeto-editor-callout-dropdown__type-emoji",
|
|
15825
15900
|
"data-testid": "callout-type-emoji",
|
|
15826
15901
|
children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
|
|
15827
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
15902
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
15828
15903
|
className: "neeto-editor-callout-dropdown__type-label",
|
|
15829
15904
|
style: "body2",
|
|
15830
15905
|
weight: "medium",
|
|
@@ -15878,7 +15953,7 @@ var CalloutDropdown = function CalloutDropdown(_ref) {
|
|
|
15878
15953
|
}).run();
|
|
15879
15954
|
}
|
|
15880
15955
|
};
|
|
15881
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
15956
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
15882
15957
|
autoWidth: true,
|
|
15883
15958
|
placement: "bottom-start",
|
|
15884
15959
|
strategy: "fixed",
|
|
@@ -15890,7 +15965,7 @@ var CalloutDropdown = function CalloutDropdown(_ref) {
|
|
|
15890
15965
|
},
|
|
15891
15966
|
iconPosition: "left",
|
|
15892
15967
|
iconSize: 20,
|
|
15893
|
-
label: /*#__PURE__*/jsxRuntime.jsx(
|
|
15968
|
+
label: /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
|
|
15894
15969
|
size: 12
|
|
15895
15970
|
}),
|
|
15896
15971
|
ref: dropdownRef,
|
|
@@ -15907,11 +15982,11 @@ var CalloutDropdown = function CalloutDropdown(_ref) {
|
|
|
15907
15982
|
size: "small",
|
|
15908
15983
|
className: "neeto-editor-fixed-menu__item"
|
|
15909
15984
|
},
|
|
15910
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
15985
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default.Menu, {
|
|
15911
15986
|
className: "neeto-editor-callout-dropdown",
|
|
15912
15987
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
15913
15988
|
className: "neeto-editor-callout-dropdown__section",
|
|
15914
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
15989
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
15915
15990
|
className: "neeto-editor-callout-dropdown__section-title",
|
|
15916
15991
|
style: "body2",
|
|
15917
15992
|
weight: "normal",
|
|
@@ -15929,7 +16004,7 @@ var CalloutDropdown = function CalloutDropdown(_ref) {
|
|
|
15929
16004
|
});
|
|
15930
16005
|
};
|
|
15931
16006
|
|
|
15932
|
-
var MenuItem$3 =
|
|
16007
|
+
var MenuItem$3 = Dropdown__default.default.MenuItem;
|
|
15933
16008
|
var SecondaryMenuTarget = function SecondaryMenuTarget(_ref) {
|
|
15934
16009
|
var Icon = _ref.icon,
|
|
15935
16010
|
label = _ref.label;
|
|
@@ -15947,10 +16022,10 @@ var EmojiOption = function EmojiOption(_ref) {
|
|
|
15947
16022
|
_ref$isSecondaryMenu = _ref.isSecondaryMenu,
|
|
15948
16023
|
isSecondaryMenu = _ref$isSecondaryMenu === void 0 ? false : _ref$isSecondaryMenu,
|
|
15949
16024
|
label = _ref.label;
|
|
15950
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
16025
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
15951
16026
|
buttonStyle: "text",
|
|
15952
16027
|
closeOnSelect: false,
|
|
15953
|
-
icon:
|
|
16028
|
+
icon: Smiley__default.default,
|
|
15954
16029
|
isOpen: isActive,
|
|
15955
16030
|
position: isSecondaryMenu ? "left-start" : "bottom-start",
|
|
15956
16031
|
strategy: "fixed",
|
|
@@ -15965,7 +16040,7 @@ var EmojiOption = function EmojiOption(_ref) {
|
|
|
15965
16040
|
},
|
|
15966
16041
|
customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
|
|
15967
16042
|
label: label,
|
|
15968
|
-
icon:
|
|
16043
|
+
icon: Smiley__default.default
|
|
15969
16044
|
}),
|
|
15970
16045
|
dropdownProps: {
|
|
15971
16046
|
classNames: "neeto-editor-fixed-menu__emoji-dropdown",
|
|
@@ -15997,7 +16072,7 @@ var LinkOption = function LinkOption(_ref) {
|
|
|
15997
16072
|
var _useTranslation = reactI18next.useTranslation(),
|
|
15998
16073
|
t = _useTranslation.t;
|
|
15999
16074
|
var _useState = React.useState(""),
|
|
16000
|
-
_useState2 =
|
|
16075
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
16001
16076
|
link = _useState2[0],
|
|
16002
16077
|
setLink = _useState2[1];
|
|
16003
16078
|
React.useEffect(function () {
|
|
@@ -16046,9 +16121,9 @@ var LinkOption = function LinkOption(_ref) {
|
|
|
16046
16121
|
var value = _ref2.target.value;
|
|
16047
16122
|
return setLink(utils.validateAndFormatUrl(value));
|
|
16048
16123
|
}
|
|
16049
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16124
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
16050
16125
|
"data-testid": "neeto-editor-link-cancel-button",
|
|
16051
|
-
icon:
|
|
16126
|
+
icon: Close__default.default,
|
|
16052
16127
|
size: "small",
|
|
16053
16128
|
style: "secondary",
|
|
16054
16129
|
onClick: handleReset
|
|
@@ -16062,11 +16137,11 @@ var TableOption$2 = function TableOption(_ref) {
|
|
|
16062
16137
|
var _useTranslation = reactI18next.useTranslation(),
|
|
16063
16138
|
t = _useTranslation.t;
|
|
16064
16139
|
var _useState = React.useState(3),
|
|
16065
|
-
_useState2 =
|
|
16140
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
16066
16141
|
rows = _useState2[0],
|
|
16067
16142
|
setRows = _useState2[1];
|
|
16068
16143
|
var _useState3 = React.useState(3),
|
|
16069
|
-
_useState4 =
|
|
16144
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
16070
16145
|
columns = _useState4[0],
|
|
16071
16146
|
setColumns = _useState4[1];
|
|
16072
16147
|
var handleSubmit = function handleSubmit() {
|
|
@@ -16082,7 +16157,7 @@ var TableOption$2 = function TableOption(_ref) {
|
|
|
16082
16157
|
className: "neeto-editor-bubble-menu__table",
|
|
16083
16158
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
16084
16159
|
className: "neeto-editor-bubble-menu__table__menu-item",
|
|
16085
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
16160
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Label__default.default, {
|
|
16086
16161
|
className: "neeto-editor-bubble-menu__table__input-label",
|
|
16087
16162
|
children: t("neetoEditor.menu.rows")
|
|
16088
16163
|
}), /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
@@ -16095,7 +16170,7 @@ var TableOption$2 = function TableOption(_ref) {
|
|
|
16095
16170
|
})]
|
|
16096
16171
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
16097
16172
|
className: "neeto-editor-bubble-menu__table__menu-item",
|
|
16098
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
16173
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Label__default.default, {
|
|
16099
16174
|
className: "neeto-editor-bubble-menu__table__input-label",
|
|
16100
16175
|
children: t("neetoEditor.menu.columns")
|
|
16101
16176
|
}), /*#__PURE__*/jsxRuntime.jsx("input", {
|
|
@@ -16107,15 +16182,15 @@ var TableOption$2 = function TableOption(_ref) {
|
|
|
16107
16182
|
})]
|
|
16108
16183
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
16109
16184
|
className: "neeto-editor-bubble-menu__table__buttons",
|
|
16110
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
16185
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
16111
16186
|
"data-testid": "neeto-editor-bubble-menu-table-option-create-button",
|
|
16112
|
-
icon:
|
|
16187
|
+
icon: Check__default.default,
|
|
16113
16188
|
size: "small",
|
|
16114
16189
|
style: "secondary",
|
|
16115
16190
|
onClick: handleSubmit
|
|
16116
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16191
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
16117
16192
|
"data-testid": "neeto-editor-bubble-menu-table-option-close-button",
|
|
16118
|
-
icon:
|
|
16193
|
+
icon: Close__default.default,
|
|
16119
16194
|
size: "small",
|
|
16120
16195
|
style: "secondary",
|
|
16121
16196
|
onClick: handleClose
|
|
@@ -16124,8 +16199,8 @@ var TableOption$2 = function TableOption(_ref) {
|
|
|
16124
16199
|
});
|
|
16125
16200
|
};
|
|
16126
16201
|
|
|
16127
|
-
function ownKeys$
|
|
16128
|
-
function _objectSpread$
|
|
16202
|
+
function ownKeys$9(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; }
|
|
16203
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16129
16204
|
var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
16130
16205
|
var tooltips = _ref.tooltips,
|
|
16131
16206
|
editor = _ref.editor,
|
|
@@ -16134,7 +16209,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16134
16209
|
setIsAddLinkActive = _ref.setIsAddLinkActive;
|
|
16135
16210
|
return {
|
|
16136
16211
|
font: [{
|
|
16137
|
-
Icon:
|
|
16212
|
+
Icon: TextBold__default.default,
|
|
16138
16213
|
command: function command() {
|
|
16139
16214
|
return editor.chain().focus().toggleBold().run();
|
|
16140
16215
|
},
|
|
@@ -16142,7 +16217,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16142
16217
|
optionName: "bold",
|
|
16143
16218
|
tooltip: tooltips.bold || i18n.t("neetoEditor.menu.bold")
|
|
16144
16219
|
}, {
|
|
16145
|
-
Icon:
|
|
16220
|
+
Icon: TextItalic__default.default,
|
|
16146
16221
|
command: function command() {
|
|
16147
16222
|
return editor.chain().focus().toggleItalic().run();
|
|
16148
16223
|
},
|
|
@@ -16150,7 +16225,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16150
16225
|
optionName: "italic",
|
|
16151
16226
|
tooltip: tooltips.italic || i18n.t("neetoEditor.menu.italic")
|
|
16152
16227
|
}, {
|
|
16153
|
-
Icon:
|
|
16228
|
+
Icon: Underline__default.default,
|
|
16154
16229
|
command: function command() {
|
|
16155
16230
|
return editor.chain().focus().toggleUnderline().run();
|
|
16156
16231
|
},
|
|
@@ -16158,14 +16233,14 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16158
16233
|
optionName: "underline",
|
|
16159
16234
|
tooltip: tooltips.underline || i18n.t("neetoEditor.menu.underline")
|
|
16160
16235
|
}, {
|
|
16161
|
-
Icon:
|
|
16236
|
+
Icon: Link__default.default,
|
|
16162
16237
|
command: function command() {
|
|
16163
16238
|
return setIsAddLinkActive(ramda.not);
|
|
16164
16239
|
},
|
|
16165
16240
|
optionName: "link",
|
|
16166
16241
|
tooltip: "Link"
|
|
16167
16242
|
}, {
|
|
16168
|
-
Icon:
|
|
16243
|
+
Icon: TextCross__default.default,
|
|
16169
16244
|
command: function command() {
|
|
16170
16245
|
return editor.chain().focus().toggleStrike().run();
|
|
16171
16246
|
},
|
|
@@ -16173,7 +16248,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16173
16248
|
optionName: "strike",
|
|
16174
16249
|
tooltip: tooltips.strike || i18n.t("neetoEditor.menu.strike")
|
|
16175
16250
|
}, {
|
|
16176
|
-
Icon:
|
|
16251
|
+
Icon: Highlight__default.default,
|
|
16177
16252
|
command: function command() {
|
|
16178
16253
|
return editor.chain().focus().toggleHighlight().run();
|
|
16179
16254
|
},
|
|
@@ -16182,7 +16257,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16182
16257
|
tooltip: tooltips.highlight || i18n.t("neetoEditor.menu.highlight")
|
|
16183
16258
|
}],
|
|
16184
16259
|
block: [{
|
|
16185
|
-
Icon:
|
|
16260
|
+
Icon: Quote__default.default,
|
|
16186
16261
|
command: function command() {
|
|
16187
16262
|
return editor.chain().focus().toggleBlockquote().run();
|
|
16188
16263
|
},
|
|
@@ -16191,7 +16266,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16191
16266
|
highlight: true,
|
|
16192
16267
|
tooltip: tooltips.blockQuote || i18n.t("neetoEditor.menu.blockQuote")
|
|
16193
16268
|
}, {
|
|
16194
|
-
Icon:
|
|
16269
|
+
Icon: Code__default.default,
|
|
16195
16270
|
command: function command() {
|
|
16196
16271
|
return editor.chain().focus().toggleCode().run();
|
|
16197
16272
|
},
|
|
@@ -16199,7 +16274,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16199
16274
|
optionName: "code",
|
|
16200
16275
|
tooltip: tooltips.code || i18n.t("neetoEditor.menu.code")
|
|
16201
16276
|
}, {
|
|
16202
|
-
Icon:
|
|
16277
|
+
Icon: CodeBlock__default.default,
|
|
16203
16278
|
command: function command() {
|
|
16204
16279
|
return editor.chain().focus().toggleCodeBlock().run();
|
|
16205
16280
|
},
|
|
@@ -16208,7 +16283,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16208
16283
|
tooltip: tooltips.codeBlock || i18n.t("neetoEditor.menu.codeBlock")
|
|
16209
16284
|
}],
|
|
16210
16285
|
list: [{
|
|
16211
|
-
Icon:
|
|
16286
|
+
Icon: ListDot__default.default,
|
|
16212
16287
|
command: function command() {
|
|
16213
16288
|
return editor.chain().focus().toggleBulletList().run();
|
|
16214
16289
|
},
|
|
@@ -16217,7 +16292,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16217
16292
|
highlight: true,
|
|
16218
16293
|
tooltip: tooltips.bulletList || i18n.t("neetoEditor.menu.bulletedList")
|
|
16219
16294
|
}, {
|
|
16220
|
-
Icon:
|
|
16295
|
+
Icon: ListNumber__default.default,
|
|
16221
16296
|
command: function command() {
|
|
16222
16297
|
return editor.chain().focus().toggleOrderedList().run();
|
|
16223
16298
|
},
|
|
@@ -16227,21 +16302,21 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16227
16302
|
tooltip: tooltips.orderedList || i18n.t("neetoEditor.menu.orderedList")
|
|
16228
16303
|
}],
|
|
16229
16304
|
misc: [{
|
|
16230
|
-
Icon:
|
|
16305
|
+
Icon: Attachment__default.default,
|
|
16231
16306
|
command: attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.handleUploadAttachments,
|
|
16232
16307
|
disabled: attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.isDisabled,
|
|
16233
16308
|
active: false,
|
|
16234
16309
|
optionName: "attachments",
|
|
16235
16310
|
tooltip: tooltips.attachments || i18n.t("neetoEditor.menu.attachments")
|
|
16236
16311
|
}, {
|
|
16237
|
-
Icon:
|
|
16312
|
+
Icon: ImageUpload__default.default,
|
|
16238
16313
|
command: function command() {
|
|
16239
16314
|
return setMediaUploader(ramda.assoc("image", true));
|
|
16240
16315
|
},
|
|
16241
16316
|
optionName: "image-upload",
|
|
16242
16317
|
tooltip: tooltips.imageUpload || i18n.t("neetoEditor.menu.imageUpload")
|
|
16243
16318
|
}, {
|
|
16244
|
-
Icon:
|
|
16319
|
+
Icon: Video__default.default,
|
|
16245
16320
|
command: function command() {
|
|
16246
16321
|
return setMediaUploader(ramda.assoc("video", true));
|
|
16247
16322
|
},
|
|
@@ -16249,7 +16324,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16249
16324
|
tooltip: tooltips.videoUpload || i18n.t("neetoEditor.menu.videoUpload")
|
|
16250
16325
|
}],
|
|
16251
16326
|
right: [{
|
|
16252
|
-
Icon:
|
|
16327
|
+
Icon: Undo__default.default,
|
|
16253
16328
|
command: function command() {
|
|
16254
16329
|
return editor.chain().focus().undo().run();
|
|
16255
16330
|
},
|
|
@@ -16258,7 +16333,7 @@ var createMenuOptions$2 = function createMenuOptions(_ref) {
|
|
|
16258
16333
|
optionName: "undo",
|
|
16259
16334
|
tooltip: tooltips.undo || i18n.t("neetoEditor.menu.undo")
|
|
16260
16335
|
}, {
|
|
16261
|
-
Icon:
|
|
16336
|
+
Icon: Redo__default.default,
|
|
16262
16337
|
command: function command() {
|
|
16263
16338
|
return editor.chain().focus().redo().run();
|
|
16264
16339
|
},
|
|
@@ -16292,9 +16367,9 @@ var buildBubbleMenuOptions = function buildBubbleMenuOptions(_ref2) {
|
|
|
16292
16367
|
var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
|
|
16293
16368
|
var editor = _ref3.editor,
|
|
16294
16369
|
options = _ref3.options;
|
|
16295
|
-
var textOptions =
|
|
16370
|
+
var textOptions = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, constants.EDITOR_OPTIONS.H1, {
|
|
16296
16371
|
optionName: "Heading 1",
|
|
16297
|
-
icon:
|
|
16372
|
+
icon: TextH1__default.default,
|
|
16298
16373
|
active: editor.isActive("heading", {
|
|
16299
16374
|
level: 1
|
|
16300
16375
|
}),
|
|
@@ -16305,7 +16380,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
|
|
|
16305
16380
|
}
|
|
16306
16381
|
}), constants.EDITOR_OPTIONS.H2, {
|
|
16307
16382
|
optionName: "Heading 2",
|
|
16308
|
-
icon:
|
|
16383
|
+
icon: TextH2__default.default,
|
|
16309
16384
|
active: editor.isActive("heading", {
|
|
16310
16385
|
level: 2
|
|
16311
16386
|
}),
|
|
@@ -16316,7 +16391,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
|
|
|
16316
16391
|
}
|
|
16317
16392
|
}), constants.EDITOR_OPTIONS.H3, {
|
|
16318
16393
|
optionName: "Heading 3",
|
|
16319
|
-
icon:
|
|
16394
|
+
icon: TextH3__default.default,
|
|
16320
16395
|
active: editor.isActive("heading", {
|
|
16321
16396
|
level: 3
|
|
16322
16397
|
}),
|
|
@@ -16327,7 +16402,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
|
|
|
16327
16402
|
}
|
|
16328
16403
|
}), constants.EDITOR_OPTIONS.PARAGRAPH, {
|
|
16329
16404
|
optionName: "Text",
|
|
16330
|
-
icon:
|
|
16405
|
+
icon: TextP__default.default,
|
|
16331
16406
|
active: editor.isActive("paragraph"),
|
|
16332
16407
|
command: function command() {
|
|
16333
16408
|
return editor.chain().focus().setNode("paragraph").run();
|
|
@@ -16342,7 +16417,7 @@ var getTextMenuDropdownOptions = function getTextMenuDropdownOptions(_ref3) {
|
|
|
16342
16417
|
};
|
|
16343
16418
|
var getNodeIcon = function getNodeIcon(options) {
|
|
16344
16419
|
var _options$find;
|
|
16345
|
-
return ((_options$find = options.find(ramda.prop("active"))) === null || _options$find === void 0 ? void 0 : _options$find.icon) ||
|
|
16420
|
+
return ((_options$find = options.find(ramda.prop("active"))) === null || _options$find === void 0 ? void 0 : _options$find.icon) || TextP__default.default;
|
|
16346
16421
|
};
|
|
16347
16422
|
var renderOptionButton = function renderOptionButton(_ref4) {
|
|
16348
16423
|
var tooltip = _ref4.tooltip,
|
|
@@ -16351,7 +16426,7 @@ var renderOptionButton = function renderOptionButton(_ref4) {
|
|
|
16351
16426
|
active = _ref4.active,
|
|
16352
16427
|
optionName = _ref4.optionName,
|
|
16353
16428
|
highlight = _ref4.highlight;
|
|
16354
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
16429
|
+
return /*#__PURE__*/jsxRuntime.jsx(Button__default.default, _objectSpread$9({
|
|
16355
16430
|
className: "neeto-editor-bubble-menu__item",
|
|
16356
16431
|
"data-testid": "neeto-editor-bubble-menu-".concat(optionName, "-option"),
|
|
16357
16432
|
icon: Icon,
|
|
@@ -16366,8 +16441,8 @@ var renderOptionButton = function renderOptionButton(_ref4) {
|
|
|
16366
16441
|
}, generateFocusProps(highlight)), optionName);
|
|
16367
16442
|
};
|
|
16368
16443
|
|
|
16369
|
-
var Menu$4 =
|
|
16370
|
-
MenuItem$2 =
|
|
16444
|
+
var Menu$4 = Dropdown__default.default.Menu,
|
|
16445
|
+
MenuItem$2 = Dropdown__default.default.MenuItem;
|
|
16371
16446
|
var Mentions = function Mentions(_ref) {
|
|
16372
16447
|
var editor = _ref.editor,
|
|
16373
16448
|
mentions = _ref.mentions,
|
|
@@ -16376,10 +16451,10 @@ var Mentions = function Mentions(_ref) {
|
|
|
16376
16451
|
isSecondaryMenu = _ref$isSecondaryMenu === void 0 ? false : _ref$isSecondaryMenu,
|
|
16377
16452
|
label = _ref.label;
|
|
16378
16453
|
if (ramda.isEmpty(mentions)) return null;
|
|
16379
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
16454
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
16380
16455
|
buttonStyle: "text",
|
|
16381
16456
|
"data-testid": "neeto-editor-mention-option",
|
|
16382
|
-
icon:
|
|
16457
|
+
icon: Email__default.default,
|
|
16383
16458
|
position: isSecondaryMenu ? "left-start" : "bottom-start",
|
|
16384
16459
|
strategy: "fixed",
|
|
16385
16460
|
buttonProps: {
|
|
@@ -16391,7 +16466,7 @@ var Mentions = function Mentions(_ref) {
|
|
|
16391
16466
|
},
|
|
16392
16467
|
customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
|
|
16393
16468
|
label: label,
|
|
16394
|
-
icon:
|
|
16469
|
+
icon: Email__default.default
|
|
16395
16470
|
}),
|
|
16396
16471
|
onClick: function onClick(e) {
|
|
16397
16472
|
return isSecondaryMenu && e.stopPropagation();
|
|
@@ -16409,13 +16484,13 @@ var Mentions = function Mentions(_ref) {
|
|
|
16409
16484
|
label: name
|
|
16410
16485
|
});
|
|
16411
16486
|
},
|
|
16412
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
16487
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default.default, {
|
|
16413
16488
|
size: "small",
|
|
16414
16489
|
user: {
|
|
16415
16490
|
name: name,
|
|
16416
16491
|
imageUrl: imageUrl
|
|
16417
16492
|
}
|
|
16418
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16493
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
16419
16494
|
style: "body2",
|
|
16420
16495
|
children: name
|
|
16421
16496
|
})]
|
|
@@ -16433,11 +16508,11 @@ var TextColorOption = function TextColorOption(_ref) {
|
|
|
16433
16508
|
isSecondaryMenu = _ref$isSecondaryMenu === void 0 ? false : _ref$isSecondaryMenu,
|
|
16434
16509
|
label = _ref.label;
|
|
16435
16510
|
var _useState = React.useState(false),
|
|
16436
|
-
_useState2 =
|
|
16511
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
16437
16512
|
isOpen = _useState2[0],
|
|
16438
16513
|
setIsOpen = _useState2[1];
|
|
16439
16514
|
var _useState3 = React.useState(null),
|
|
16440
|
-
_useState4 =
|
|
16515
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
16441
16516
|
color = _useState4[0],
|
|
16442
16517
|
setColor = _useState4[1];
|
|
16443
16518
|
var dropdownWrapperRef = React.useRef(null);
|
|
@@ -16466,10 +16541,10 @@ var TextColorOption = function TextColorOption(_ref) {
|
|
|
16466
16541
|
setColor(editor.getAttributes("textStyle").color);
|
|
16467
16542
|
setIsOpen(ramda.not);
|
|
16468
16543
|
};
|
|
16469
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
16544
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
16470
16545
|
isOpen: isOpen,
|
|
16471
16546
|
buttonStyle: isOpen || color ? "secondary" : "text",
|
|
16472
|
-
icon:
|
|
16547
|
+
icon: Customize__default.default,
|
|
16473
16548
|
position: isSecondaryMenu ? "left-start" : "bottom-start",
|
|
16474
16549
|
buttonProps: {
|
|
16475
16550
|
tabIndex: -1,
|
|
@@ -16481,7 +16556,7 @@ var TextColorOption = function TextColorOption(_ref) {
|
|
|
16481
16556
|
},
|
|
16482
16557
|
customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
|
|
16483
16558
|
label: label,
|
|
16484
|
-
icon:
|
|
16559
|
+
icon: Customize__default.default
|
|
16485
16560
|
}),
|
|
16486
16561
|
onClick: openColorPicker,
|
|
16487
16562
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
@@ -16497,7 +16572,7 @@ var TextColorOption = function TextColorOption(_ref) {
|
|
|
16497
16572
|
onChange: setColor
|
|
16498
16573
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
16499
16574
|
className: "neeto-editor-text-color-option__options-group",
|
|
16500
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
16575
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
16501
16576
|
autoFocus: true,
|
|
16502
16577
|
className: "neeto-editor-text-color-option__options-group__input",
|
|
16503
16578
|
placeholder: t("neetoEditor.placeholders.pickColor"),
|
|
@@ -16507,20 +16582,20 @@ var TextColorOption = function TextColorOption(_ref) {
|
|
|
16507
16582
|
onClick: function onClick(event) {
|
|
16508
16583
|
return event.stopPropagation();
|
|
16509
16584
|
}
|
|
16510
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16511
|
-
icon:
|
|
16585
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
16586
|
+
icon: Check__default.default,
|
|
16512
16587
|
size: "small",
|
|
16513
16588
|
onClick: handleSave
|
|
16514
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16515
|
-
icon:
|
|
16589
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
16590
|
+
icon: Close__default.default,
|
|
16516
16591
|
size: "small",
|
|
16517
16592
|
style: "text",
|
|
16518
16593
|
onClick: function onClick() {
|
|
16519
16594
|
editor.commands.focus();
|
|
16520
16595
|
setIsOpen(false);
|
|
16521
16596
|
}
|
|
16522
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16523
|
-
icon:
|
|
16597
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
16598
|
+
icon: Refresh__default.default,
|
|
16524
16599
|
size: "small",
|
|
16525
16600
|
style: "text",
|
|
16526
16601
|
tooltipProps: {
|
|
@@ -16550,8 +16625,8 @@ var Options = function Options(_ref) {
|
|
|
16550
16625
|
setIsEmojiPickerActive = _ref.setIsEmojiPickerActive;
|
|
16551
16626
|
var _useTranslation = reactI18next.useTranslation(),
|
|
16552
16627
|
t = _useTranslation.t;
|
|
16553
|
-
var Menu =
|
|
16554
|
-
MenuItem =
|
|
16628
|
+
var Menu = Dropdown__default.default.Menu,
|
|
16629
|
+
MenuItem = Dropdown__default.default.MenuItem;
|
|
16555
16630
|
var dropdownOptions = getTextMenuDropdownOptions({
|
|
16556
16631
|
editor: editor,
|
|
16557
16632
|
options: options
|
|
@@ -16596,7 +16671,7 @@ var Options = function Options(_ref) {
|
|
|
16596
16671
|
});
|
|
16597
16672
|
}
|
|
16598
16673
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
16599
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
16674
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
16600
16675
|
buttonSize: "small",
|
|
16601
16676
|
buttonStyle: "text",
|
|
16602
16677
|
label: Icon,
|
|
@@ -16605,7 +16680,7 @@ var Options = function Options(_ref) {
|
|
|
16605
16680
|
icon: Icon,
|
|
16606
16681
|
iconPosition: "left",
|
|
16607
16682
|
iconSize: 22,
|
|
16608
|
-
label: /*#__PURE__*/jsxRuntime.jsx(
|
|
16683
|
+
label: /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
|
|
16609
16684
|
size: 12
|
|
16610
16685
|
}),
|
|
16611
16686
|
"data-testid": "neeto-editor-fixed-menu-font-size-option",
|
|
@@ -16641,7 +16716,7 @@ var Options = function Options(_ref) {
|
|
|
16641
16716
|
setActive: setIsEmojiPickerActive,
|
|
16642
16717
|
tooltipContent: tooltips.emoji || t("neetoEditor.menu.emoji")
|
|
16643
16718
|
}), listStyleOptions.map(renderOptionButton), isLinkActive && renderOptionButton({
|
|
16644
|
-
Icon:
|
|
16719
|
+
Icon: Link__default.default,
|
|
16645
16720
|
command: function command() {
|
|
16646
16721
|
return setIsLinkOptionActive(true);
|
|
16647
16722
|
},
|
|
@@ -16650,7 +16725,7 @@ var Options = function Options(_ref) {
|
|
|
16650
16725
|
highlight: false,
|
|
16651
16726
|
tooltip: tooltips.link || t("neetoEditor.menu.link")
|
|
16652
16727
|
}), isTableActive && renderOptionButton({
|
|
16653
|
-
Icon:
|
|
16728
|
+
Icon: Column__default.default,
|
|
16654
16729
|
command: function command() {
|
|
16655
16730
|
return setIsTableOptionActive(true);
|
|
16656
16731
|
},
|
|
@@ -16678,15 +16753,15 @@ var Bubble = function Bubble(_ref) {
|
|
|
16678
16753
|
isEmojiPickerActive = _ref.isEmojiPickerActive,
|
|
16679
16754
|
setIsEmojiPickerActive = _ref.setIsEmojiPickerActive;
|
|
16680
16755
|
var _useState = React.useState(false),
|
|
16681
|
-
_useState2 =
|
|
16756
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
16682
16757
|
isInvalidLink = _useState2[0],
|
|
16683
16758
|
setIsInvalidLink = _useState2[1];
|
|
16684
16759
|
var _useState3 = React.useState(false),
|
|
16685
|
-
_useState4 =
|
|
16760
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
16686
16761
|
isLinkOptionActive = _useState4[0],
|
|
16687
16762
|
setIsLinkOptionActive = _useState4[1];
|
|
16688
16763
|
var _useState5 = React.useState(false),
|
|
16689
|
-
_useState6 =
|
|
16764
|
+
_useState6 = _slicedToArray__default.default(_useState5, 2),
|
|
16690
16765
|
isTableOptionActive = _useState6[0],
|
|
16691
16766
|
setIsTableOptionActive = _useState6[1];
|
|
16692
16767
|
var selectedNode = editor && editor.view.state.selection.node;
|
|
@@ -16701,7 +16776,7 @@ var Bubble = function Bubble(_ref) {
|
|
|
16701
16776
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
16702
16777
|
children: /*#__PURE__*/jsxRuntime.jsx(BubbleMenu, {
|
|
16703
16778
|
editor: editor,
|
|
16704
|
-
className:
|
|
16779
|
+
className: classnames__default.default("neeto-editor-bubble-menu", {
|
|
16705
16780
|
"neeto-editor-bubble-menu-animate-shake": isInvalidLink
|
|
16706
16781
|
}),
|
|
16707
16782
|
tippyOptions: {
|
|
@@ -16752,9 +16827,9 @@ var Progress = reactUtils.withT(function (_ref) {
|
|
|
16752
16827
|
className: "ne-media-uploader__media",
|
|
16753
16828
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
16754
16829
|
className: "ne-media-uploader__media__cancel-button-wrapper",
|
|
16755
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
16830
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
16756
16831
|
"data-testid": "neeto-editor-image-upload-cancel-button",
|
|
16757
|
-
icon:
|
|
16832
|
+
icon: Close__default.default,
|
|
16758
16833
|
iconSize: 18,
|
|
16759
16834
|
size: "small",
|
|
16760
16835
|
style: "text",
|
|
@@ -16767,7 +16842,7 @@ var Progress = reactUtils.withT(function (_ref) {
|
|
|
16767
16842
|
fileName: filename
|
|
16768
16843
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
16769
16844
|
className: "ne-media-uploader__media__info",
|
|
16770
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs(
|
|
16845
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default.default, {
|
|
16771
16846
|
style: "nano",
|
|
16772
16847
|
children: [progress === 100 && t("neetoEditor.localUploader.completed"), progress !== 100 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
16773
16848
|
children: [progress, "%"]
|
|
@@ -16780,10 +16855,10 @@ var Progress = reactUtils.withT(function (_ref) {
|
|
|
16780
16855
|
width: "".concat(progress, "%")
|
|
16781
16856
|
}
|
|
16782
16857
|
})
|
|
16783
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16858
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, {
|
|
16784
16859
|
content: filename,
|
|
16785
16860
|
position: "top",
|
|
16786
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
16861
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
16787
16862
|
style: "body3",
|
|
16788
16863
|
children: filename
|
|
16789
16864
|
})
|
|
@@ -16814,9 +16889,9 @@ var LocalUploader = function LocalUploader(_ref) {
|
|
|
16814
16889
|
cancelUpload = _useFileUploader.cancelUpload,
|
|
16815
16890
|
isUploading = _useFileUploader.isUploading;
|
|
16816
16891
|
var handleFilesDrop = /*#__PURE__*/function () {
|
|
16817
|
-
var _ref2 =
|
|
16892
|
+
var _ref2 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee(files) {
|
|
16818
16893
|
var uploadedFiles;
|
|
16819
|
-
return
|
|
16894
|
+
return _regeneratorRuntime__default.default.wrap(function _callee$(_context) {
|
|
16820
16895
|
while (1) switch (_context.prev = _context.next) {
|
|
16821
16896
|
case 0:
|
|
16822
16897
|
addFiles(files);
|
|
@@ -16842,9 +16917,9 @@ var LocalUploader = function LocalUploader(_ref) {
|
|
|
16842
16917
|
});
|
|
16843
16918
|
setIsUploading(isUploading);
|
|
16844
16919
|
var handleAddFile = /*#__PURE__*/function () {
|
|
16845
|
-
var _ref4 =
|
|
16920
|
+
var _ref4 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee2(_ref3) {
|
|
16846
16921
|
var files, uploadedFiles;
|
|
16847
|
-
return
|
|
16922
|
+
return _regeneratorRuntime__default.default.wrap(function _callee2$(_context2) {
|
|
16848
16923
|
while (1) switch (_context2.prev = _context2.next) {
|
|
16849
16924
|
case 0:
|
|
16850
16925
|
files = _ref3.target.files;
|
|
@@ -16885,13 +16960,13 @@ var LocalUploader = function LocalUploader(_ref) {
|
|
|
16885
16960
|
type: "file",
|
|
16886
16961
|
accept: isImage ? FileIcon.ALLOWED_IMAGE_TYPES.join(",") : FileIcon.ALLOWED_VIDEO_TYPES.join(","),
|
|
16887
16962
|
onChange: handleAddFile
|
|
16888
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16963
|
+
}), /*#__PURE__*/jsxRuntime.jsx(ImageUpload__default.default, {
|
|
16889
16964
|
className: "ne-media-uploader__dnd-icon",
|
|
16890
16965
|
size: 24
|
|
16891
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16966
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
16892
16967
|
style: "body2",
|
|
16893
16968
|
children: t("neetoEditor.localUploader.dropFilesHere")
|
|
16894
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
16969
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
16895
16970
|
style: "body3",
|
|
16896
16971
|
children: t("neetoEditor.localUploader.maxFileSize", {
|
|
16897
16972
|
entity: FileIcon.convertToFileSize(uploadConfig.restrictions.maxFileSize)
|
|
@@ -16917,7 +16992,7 @@ var VideoEmbedForm = function VideoEmbedForm(_ref) {
|
|
|
16917
16992
|
};
|
|
16918
16993
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
16919
16994
|
className: "ne-video-embed-form",
|
|
16920
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
16995
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Form__default.default, {
|
|
16921
16996
|
formikProps: {
|
|
16922
16997
|
initialValues: initialValues,
|
|
16923
16998
|
validationSchema: FileIcon.VIDEO_EMBED_FORM_VALIDATION_SCHEMA,
|
|
@@ -16930,7 +17005,7 @@ var VideoEmbedForm = function VideoEmbedForm(_ref) {
|
|
|
16930
17005
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
16931
17006
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
16932
17007
|
className: "ne-video-embed-form__content",
|
|
16933
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
17008
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Input__default$1.default, {
|
|
16934
17009
|
autoFocus: true,
|
|
16935
17010
|
unlimitedChars: true,
|
|
16936
17011
|
"data-testid": "neeto-editor-video-embed-input",
|
|
@@ -16940,7 +17015,7 @@ var VideoEmbedForm = function VideoEmbedForm(_ref) {
|
|
|
16940
17015
|
size: "medium",
|
|
16941
17016
|
type: "text"
|
|
16942
17017
|
})
|
|
16943
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
17018
|
+
}), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default.default, {
|
|
16944
17019
|
cancelButtonProps: {
|
|
16945
17020
|
"data-testid": "neeto-editor-video-embed-cancel",
|
|
16946
17021
|
label: t("neetoEditor.common.cancel"),
|
|
@@ -16971,16 +17046,16 @@ var MediaUploader = function MediaUploader(_ref) {
|
|
|
16971
17046
|
var _useTranslation = reactI18next.useTranslation(),
|
|
16972
17047
|
t = _useTranslation.t;
|
|
16973
17048
|
var _useState = React.useState("local"),
|
|
16974
|
-
_useState2 =
|
|
17049
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
16975
17050
|
activeTab = _useState2[0],
|
|
16976
17051
|
setActiveTab = _useState2[1];
|
|
16977
17052
|
var _useState3 = React.useState(false),
|
|
16978
|
-
_useState4 =
|
|
17053
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
16979
17054
|
isUploading = _useState4[0],
|
|
16980
17055
|
setIsUploading = _useState4[1];
|
|
16981
17056
|
var isOpen = mediaUploader.image || mediaUploader.video;
|
|
16982
17057
|
var _useState5 = React.useState([]),
|
|
16983
|
-
_useState6 =
|
|
17058
|
+
_useState6 = _slicedToArray__default.default(_useState5, 2),
|
|
16984
17059
|
tabs = _useState6[0],
|
|
16985
17060
|
setTabs = _useState6[1];
|
|
16986
17061
|
React.useEffect(function () {
|
|
@@ -17015,8 +17090,8 @@ var MediaUploader = function MediaUploader(_ref) {
|
|
|
17015
17090
|
}).run();
|
|
17016
17091
|
};
|
|
17017
17092
|
var onUploadComplete = /*#__PURE__*/function () {
|
|
17018
|
-
var _ref3 =
|
|
17019
|
-
return
|
|
17093
|
+
var _ref3 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee(file) {
|
|
17094
|
+
return _regeneratorRuntime__default.default.wrap(function _callee$(_context) {
|
|
17020
17095
|
while (1) switch (_context.prev = _context.next) {
|
|
17021
17096
|
case 0:
|
|
17022
17097
|
_context.prev = 0;
|
|
@@ -17033,7 +17108,7 @@ var MediaUploader = function MediaUploader(_ref) {
|
|
|
17033
17108
|
case 7:
|
|
17034
17109
|
_context.prev = 7;
|
|
17035
17110
|
_context.t0 = _context["catch"](0);
|
|
17036
|
-
|
|
17111
|
+
Toastr__default.default.error(_context.t0);
|
|
17037
17112
|
case 10:
|
|
17038
17113
|
case "end":
|
|
17039
17114
|
return _context.stop();
|
|
@@ -17057,7 +17132,7 @@ var MediaUploader = function MediaUploader(_ref) {
|
|
|
17057
17132
|
src: url
|
|
17058
17133
|
}).run();
|
|
17059
17134
|
};
|
|
17060
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
17135
|
+
return /*#__PURE__*/jsxRuntime.jsx(Modal__default.default, {
|
|
17061
17136
|
isOpen: isOpen,
|
|
17062
17137
|
className: "ne-media-uploader-modal",
|
|
17063
17138
|
closeButton: ramda.not(isUploading),
|
|
@@ -17071,11 +17146,11 @@ var MediaUploader = function MediaUploader(_ref) {
|
|
|
17071
17146
|
className: "ne-media-uploader__header-title",
|
|
17072
17147
|
children: [mediaUploader.video && t("neetoEditor.menu.addVideo"), mediaUploader.image && t("neetoEditor.menu.addImage")]
|
|
17073
17148
|
})
|
|
17074
|
-
}), !neetoCist.isNotPresent(tabs) && /*#__PURE__*/jsxRuntime.jsx(
|
|
17149
|
+
}), !neetoCist.isNotPresent(tabs) && /*#__PURE__*/jsxRuntime.jsx(Tab__default.default, {
|
|
17075
17150
|
children: tabs.map(function (_ref4) {
|
|
17076
17151
|
var key = _ref4.key,
|
|
17077
17152
|
title = _ref4.title;
|
|
17078
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
17153
|
+
return /*#__PURE__*/jsxRuntime.jsx(Tab__default.default.Item, {
|
|
17079
17154
|
active: activeTab === key,
|
|
17080
17155
|
"data-testid": "neeto-editor-media-uploader-".concat(key, "-tab"),
|
|
17081
17156
|
onClick: function onClick() {
|
|
@@ -17116,30 +17191,30 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
|
|
|
17116
17191
|
to = _editor$state$selecti.to;
|
|
17117
17192
|
var text = editor.state.doc.textBetween(from, to, "");
|
|
17118
17193
|
var _useState = React.useState(text),
|
|
17119
|
-
_useState2 =
|
|
17194
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
17120
17195
|
linkText = _useState2[0],
|
|
17121
17196
|
setLinkText = _useState2[1];
|
|
17122
17197
|
var _useState3 = React.useState(""),
|
|
17123
|
-
_useState4 =
|
|
17198
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
17124
17199
|
linkUrl = _useState4[0],
|
|
17125
17200
|
setLinkUrl = _useState4[1];
|
|
17126
17201
|
var _useState5 = React.useState(openLinkInNewTab),
|
|
17127
|
-
_useState6 =
|
|
17202
|
+
_useState6 = _slicedToArray__default.default(_useState5, 2),
|
|
17128
17203
|
openInNewTab = _useState6[0],
|
|
17129
17204
|
setOpenInNewTab = _useState6[1];
|
|
17130
17205
|
var _useState7 = React.useState(""),
|
|
17131
|
-
_useState8 =
|
|
17206
|
+
_useState8 = _slicedToArray__default.default(_useState7, 2),
|
|
17132
17207
|
error = _useState8[0],
|
|
17133
17208
|
setError = _useState8[1];
|
|
17134
17209
|
var _useState9 = React.useState(getCursorPos(editor, to)),
|
|
17135
|
-
_useState0 =
|
|
17210
|
+
_useState0 = _slicedToArray__default.default(_useState9, 2),
|
|
17136
17211
|
popoverPosition = _useState0[0],
|
|
17137
17212
|
setPopoverPosition = _useState0[1];
|
|
17138
17213
|
var _useState1 = React.useState({
|
|
17139
17214
|
top: 0,
|
|
17140
17215
|
left: 0
|
|
17141
17216
|
}),
|
|
17142
|
-
_useState10 =
|
|
17217
|
+
_useState10 = _slicedToArray__default.default(_useState1, 2),
|
|
17143
17218
|
arrowPosition = _useState10[0],
|
|
17144
17219
|
setArrowPosition = _useState10[1];
|
|
17145
17220
|
var popoverRef = React.useRef(null);
|
|
@@ -17221,7 +17296,7 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
|
|
|
17221
17296
|
id: "ne-link-add-popover",
|
|
17222
17297
|
ref: popoverRef,
|
|
17223
17298
|
style: popoverStyle,
|
|
17224
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
17299
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
17225
17300
|
required: true,
|
|
17226
17301
|
autoFocus: !isLinkTextPresent,
|
|
17227
17302
|
"data-testid": "neeto-editor-add-link-text-input",
|
|
@@ -17237,7 +17312,7 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
|
|
|
17237
17312
|
return setLinkText(value);
|
|
17238
17313
|
},
|
|
17239
17314
|
onKeyDown: handleKeyDown
|
|
17240
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
17315
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
17241
17316
|
error: error,
|
|
17242
17317
|
required: true,
|
|
17243
17318
|
autoFocus: isLinkTextPresent,
|
|
@@ -17258,7 +17333,7 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
|
|
|
17258
17333
|
return setError("");
|
|
17259
17334
|
},
|
|
17260
17335
|
onKeyDown: handleKeyDown
|
|
17261
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
17336
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Checkbox__default.default, {
|
|
17262
17337
|
checked: openInNewTab,
|
|
17263
17338
|
className: "ne-link-popover__checkbox",
|
|
17264
17339
|
"data-testid": "neeto-editor-add-link-open-in-new-tab-switch",
|
|
@@ -17268,13 +17343,13 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
|
|
|
17268
17343
|
}
|
|
17269
17344
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
17270
17345
|
className: "ne-link-popover__edit-prompt-buttons",
|
|
17271
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
17346
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
17272
17347
|
"data-testid": "neeto-editor-add-link",
|
|
17273
17348
|
disabled: isSubmitDisabled,
|
|
17274
17349
|
label: t("neetoEditor.common.done"),
|
|
17275
17350
|
size: "small",
|
|
17276
17351
|
onClick: handleAddLink
|
|
17277
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
17352
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
17278
17353
|
"data-testid": "neeto-editor-link-popover-cancel",
|
|
17279
17354
|
label: t("neetoEditor.common.cancel"),
|
|
17280
17355
|
size: "small",
|
|
@@ -17287,40 +17362,40 @@ var LinkAddPopOver = function LinkAddPopOver(_ref) {
|
|
|
17287
17362
|
};
|
|
17288
17363
|
|
|
17289
17364
|
var _excluded$3 = ["type"];
|
|
17290
|
-
function ownKeys$
|
|
17291
|
-
function _objectSpread$
|
|
17292
|
-
var Menu$3 =
|
|
17293
|
-
MenuItem$1 =
|
|
17365
|
+
function ownKeys$8(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; }
|
|
17366
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17367
|
+
var Menu$3 = Dropdown__default.default.Menu,
|
|
17368
|
+
MenuItem$1 = Dropdown__default.default.MenuItem;
|
|
17294
17369
|
var MoreMenu = function MoreMenu(_ref) {
|
|
17295
17370
|
var groups = _ref.groups,
|
|
17296
17371
|
editor = _ref.editor;
|
|
17297
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
17372
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
17298
17373
|
buttonProps: {
|
|
17299
17374
|
className: "flex-shrink-0"
|
|
17300
17375
|
},
|
|
17301
17376
|
buttonStyle: "text",
|
|
17302
|
-
icon:
|
|
17377
|
+
icon: MenuHorizontal__default.default,
|
|
17303
17378
|
strategy: "fixed",
|
|
17304
17379
|
children: /*#__PURE__*/jsxRuntime.jsx(Menu$3, {
|
|
17305
17380
|
children: groups.map(function (group) {
|
|
17306
17381
|
return group.map(function (_ref2) {
|
|
17307
17382
|
var type = _ref2.type,
|
|
17308
|
-
props =
|
|
17383
|
+
props = _objectWithoutProperties__default.default(_ref2, _excluded$3);
|
|
17309
17384
|
var Component = MENU_ELEMENTS[type];
|
|
17310
17385
|
if (type === MENU_ELEMENT_TYPES.BUTTON) {
|
|
17311
17386
|
var Icon = props.icon;
|
|
17312
|
-
return /*#__PURE__*/jsxRuntime.jsxs(MenuItem$1.Button, _objectSpread$
|
|
17387
|
+
return /*#__PURE__*/jsxRuntime.jsxs(MenuItem$1.Button, _objectSpread$8(_objectSpread$8({
|
|
17313
17388
|
"data-testid": "neeto-editor-fixed-menu-".concat(props.optionName, "-option"),
|
|
17314
17389
|
isActive: editor.isActive(props.optionName),
|
|
17315
17390
|
tabIndex: "-1",
|
|
17316
17391
|
onClick: props.command
|
|
17317
|
-
}, _objectSpread$
|
|
17392
|
+
}, _objectSpread$8(_objectSpread$8(_objectSpread$8({}, generateFocusProps(props.highlight)), props), {}, {
|
|
17318
17393
|
editor: editor
|
|
17319
17394
|
})), {}, {
|
|
17320
17395
|
children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {}), " ", props.label]
|
|
17321
17396
|
}), props.optionName);
|
|
17322
17397
|
}
|
|
17323
|
-
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$
|
|
17398
|
+
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$8(_objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, props), {}, {
|
|
17324
17399
|
editor: editor
|
|
17325
17400
|
}, generateFocusProps(props.highlight))), {}, {
|
|
17326
17401
|
isSecondaryMenu: true
|
|
@@ -17333,8 +17408,8 @@ var MoreMenu = function MoreMenu(_ref) {
|
|
|
17333
17408
|
|
|
17334
17409
|
var EDITOR_MARKS = [constants.EDITOR_OPTIONS.UNDO, constants.EDITOR_OPTIONS.REDO, "fontSizeOptions", constants.EDITOR_OPTIONS.BOLD, constants.EDITOR_OPTIONS.ITALIC, constants.EDITOR_OPTIONS.UNDERLINE, constants.EDITOR_OPTIONS.LINK, constants.EDITOR_OPTIONS.STRIKETHROUGH, constants.EDITOR_OPTIONS.HIGHLIGHT, constants.EDITOR_OPTIONS.CALLOUT, "bulletList", "orderedList", "todoList", "blockquote", constants.EDITOR_OPTIONS.CODE, "codeBlock", constants.EDITOR_OPTIONS.TABLE, constants.EDITOR_OPTIONS.ATTACHMENTS, constants.EDITOR_OPTIONS.IMAGE_UPLOAD, constants.EDITOR_OPTIONS.VIDEO_UPLOAD, constants.EDITOR_OPTIONS.TEXT_COLOR, constants.EDITOR_OPTIONS.EMOJI, constants.EDITOR_OPTIONS.NEETO_KB_ARTICLE, "mentions"];
|
|
17335
17410
|
|
|
17336
|
-
function ownKeys$
|
|
17337
|
-
function _objectSpread$
|
|
17411
|
+
function ownKeys$7(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; }
|
|
17412
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17338
17413
|
var useEditorState = function useEditorState(_ref) {
|
|
17339
17414
|
var editor = _ref.editor,
|
|
17340
17415
|
neetoKbArticleState = _ref.neetoKbArticleState;
|
|
@@ -17377,7 +17452,7 @@ var useEditorState = function useEditorState(_ref) {
|
|
|
17377
17452
|
var redoOptionState = {
|
|
17378
17453
|
disabled: !editor.can().redo()
|
|
17379
17454
|
};
|
|
17380
|
-
var updatedMarksState = _objectSpread$
|
|
17455
|
+
var updatedMarksState = _objectSpread$7(_objectSpread$7({}, marksState), {}, _defineProperty__default.default(_defineProperty__default.default({}, constants.EDITOR_OPTIONS.UNDO, undoOptionState), constants.EDITOR_OPTIONS.REDO, redoOptionState));
|
|
17381
17456
|
setMarksState(updatedMarksState);
|
|
17382
17457
|
}, [marksState, setMarksState]);
|
|
17383
17458
|
React.useEffect(function () {
|
|
@@ -17427,10 +17502,10 @@ var MenuDynamicVariables = function MenuDynamicVariables(_ref) {
|
|
|
17427
17502
|
};
|
|
17428
17503
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
17429
17504
|
"data-testid": "neeto-editor-fixed-menu-variables",
|
|
17430
|
-
className:
|
|
17505
|
+
className: classnames__default.default("neeto-editor-fixed-menu__variables", {
|
|
17431
17506
|
"neeto-editor-fixed-menu__variables--standalone": standalone
|
|
17432
17507
|
}),
|
|
17433
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
17508
|
+
children: /*#__PURE__*/jsxRuntime.jsx(DynamicVariables__default.default, {
|
|
17434
17509
|
variables: variables,
|
|
17435
17510
|
dropdownProps: {
|
|
17436
17511
|
buttonSize: "small",
|
|
@@ -17447,8 +17522,8 @@ var MenuDynamicVariables = function MenuDynamicVariables(_ref) {
|
|
|
17447
17522
|
};
|
|
17448
17523
|
|
|
17449
17524
|
var _excluded$2 = ["type"];
|
|
17450
|
-
function ownKeys$
|
|
17451
|
-
function _objectSpread$
|
|
17525
|
+
function ownKeys$6(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; }
|
|
17526
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17452
17527
|
var Fixed = function Fixed(_ref) {
|
|
17453
17528
|
var editor = _ref.editor,
|
|
17454
17529
|
options = _ref.options,
|
|
@@ -17471,19 +17546,19 @@ var Fixed = function Fixed(_ref) {
|
|
|
17471
17546
|
setIsNeetoKbArticleActive = _ref.setIsNeetoKbArticleActive,
|
|
17472
17547
|
neetoKbArticleState = _ref.neetoKbArticleState;
|
|
17473
17548
|
var _useState = React.useState(0),
|
|
17474
|
-
_useState2 =
|
|
17549
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
17475
17550
|
focusedButtonIndex = _useState2[0],
|
|
17476
17551
|
setFocusedButtonIndex = _useState2[1];
|
|
17477
17552
|
var _useState3 = React.useState(false),
|
|
17478
|
-
_useState4 =
|
|
17553
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
17479
17554
|
isAddLinkActive = _useState4[0],
|
|
17480
17555
|
setIsAddLinkActive = _useState4[1];
|
|
17481
17556
|
var _useState5 = React.useState([]),
|
|
17482
|
-
_useState6 =
|
|
17557
|
+
_useState6 = _slicedToArray__default.default(_useState5, 2),
|
|
17483
17558
|
menuItems = _useState6[0],
|
|
17484
17559
|
setMenuItems = _useState6[1];
|
|
17485
17560
|
var _useState7 = React.useState([]),
|
|
17486
|
-
_useState8 =
|
|
17561
|
+
_useState8 = _slicedToArray__default.default(_useState7, 2),
|
|
17487
17562
|
moreMenuItems = _useState8[0],
|
|
17488
17563
|
setMoreMenuItems = _useState8[1];
|
|
17489
17564
|
useEditorState({
|
|
@@ -17570,7 +17645,7 @@ var Fixed = function Fixed(_ref) {
|
|
|
17570
17645
|
var isMediaUploaderActive = options.includes(constants.EDITOR_OPTIONS.IMAGE_UPLOAD) || options.includes(constants.EDITOR_OPTIONS.VIDEO_UPLOAD);
|
|
17571
17646
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
17572
17647
|
ref: menuContainerRef,
|
|
17573
|
-
className:
|
|
17648
|
+
className: classnames__default.default("neeto-editor-fixed-menu", _defineProperty__default.default({
|
|
17574
17649
|
"neeto-editor-fixed-menu--independant": isIndependant
|
|
17575
17650
|
}, className, className)),
|
|
17576
17651
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
@@ -17580,10 +17655,10 @@ var Fixed = function Fixed(_ref) {
|
|
|
17580
17655
|
children: [menuItems.map(function (group) {
|
|
17581
17656
|
return group.map(function (_ref2) {
|
|
17582
17657
|
var type = _ref2.type,
|
|
17583
|
-
props =
|
|
17658
|
+
props = _objectWithoutProperties__default.default(_ref2, _excluded$2);
|
|
17584
17659
|
var Component = MENU_ELEMENTS[type];
|
|
17585
17660
|
if (!Component) return null;
|
|
17586
|
-
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$
|
|
17661
|
+
return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, props), {}, {
|
|
17587
17662
|
editor: editor,
|
|
17588
17663
|
options: options
|
|
17589
17664
|
})), props.optionName);
|
|
@@ -17614,8 +17689,8 @@ var Fixed = function Fixed(_ref) {
|
|
|
17614
17689
|
};
|
|
17615
17690
|
|
|
17616
17691
|
var _excluded$1 = ["icon", "onClick", "disabled", "className", "tooltipProps"];
|
|
17617
|
-
function ownKeys$
|
|
17618
|
-
function _objectSpread$
|
|
17692
|
+
function ownKeys$5(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; }
|
|
17693
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17619
17694
|
var Button = function Button(_ref) {
|
|
17620
17695
|
var _ref$icon = _ref.icon,
|
|
17621
17696
|
icon = _ref$icon === void 0 ? null : _ref$icon,
|
|
@@ -17625,18 +17700,18 @@ var Button = function Button(_ref) {
|
|
|
17625
17700
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
17626
17701
|
className = _ref.className,
|
|
17627
17702
|
tooltipProps = _ref.tooltipProps,
|
|
17628
|
-
otherProps =
|
|
17703
|
+
otherProps = _objectWithoutProperties__default.default(_ref, _excluded$1);
|
|
17629
17704
|
var Icon = icon;
|
|
17630
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
17705
|
+
return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default.default, _objectSpread$5(_objectSpread$5({
|
|
17631
17706
|
disabled: !tooltipProps,
|
|
17632
17707
|
onClick: function onClick() {
|
|
17633
17708
|
return _onClick();
|
|
17634
17709
|
}
|
|
17635
17710
|
}, tooltipProps), {}, {
|
|
17636
|
-
children: /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread$
|
|
17637
|
-
className:
|
|
17711
|
+
children: /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread$5(_objectSpread$5({
|
|
17712
|
+
className: classnames__default.default("ne-headless-btn", _defineProperty__default.default({}, className, className)),
|
|
17638
17713
|
type: "button"
|
|
17639
|
-
}, _objectSpread$
|
|
17714
|
+
}, _objectSpread$5({
|
|
17640
17715
|
disabled: disabled,
|
|
17641
17716
|
onClick: _onClick
|
|
17642
17717
|
}, otherProps)), {}, {
|
|
@@ -17649,8 +17724,8 @@ var Button = function Button(_ref) {
|
|
|
17649
17724
|
};
|
|
17650
17725
|
|
|
17651
17726
|
var _excluded = ["icon", "isOpen", "onClose", "children", "className", "onClick", "buttonProps"];
|
|
17652
|
-
function ownKeys$
|
|
17653
|
-
function _objectSpread$
|
|
17727
|
+
function ownKeys$4(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; }
|
|
17728
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17654
17729
|
var hideOnEsc = {
|
|
17655
17730
|
name: "hideOnEsc",
|
|
17656
17731
|
defaultValue: true,
|
|
@@ -17684,12 +17759,12 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
17684
17759
|
onClick = _ref2.onClick,
|
|
17685
17760
|
_ref2$buttonProps = _ref2.buttonProps,
|
|
17686
17761
|
buttonProps = _ref2$buttonProps === void 0 ? {} : _ref2$buttonProps,
|
|
17687
|
-
otherProps =
|
|
17762
|
+
otherProps = _objectWithoutProperties__default.default(_ref2, _excluded);
|
|
17688
17763
|
var _useState = React.useState(false),
|
|
17689
|
-
_useState2 =
|
|
17764
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
17690
17765
|
mounted = _useState2[0],
|
|
17691
17766
|
setMounted = _useState2[1];
|
|
17692
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
17767
|
+
return /*#__PURE__*/jsxRuntime.jsx(Tippy__default.default, _objectSpread$4(_objectSpread$4({
|
|
17693
17768
|
onClose: onClose,
|
|
17694
17769
|
hideOnEsc: true,
|
|
17695
17770
|
interactive: true,
|
|
@@ -17707,7 +17782,7 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
17707
17782
|
theme: "light",
|
|
17708
17783
|
trigger: "click",
|
|
17709
17784
|
visible: isOpen,
|
|
17710
|
-
className:
|
|
17785
|
+
className: classnames__default.default("ne-headless-dropdown", _defineProperty__default.default({}, className, className)),
|
|
17711
17786
|
content: mounted && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
17712
17787
|
className: "ne-headless-dropdown__popup",
|
|
17713
17788
|
children: children
|
|
@@ -17721,7 +17796,7 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
17721
17796
|
}
|
|
17722
17797
|
}, otherProps), {}, {
|
|
17723
17798
|
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
17724
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
17799
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$4({}, _objectSpread$4({
|
|
17725
17800
|
icon: icon,
|
|
17726
17801
|
onClick: onClick
|
|
17727
17802
|
}, buttonProps)))
|
|
@@ -17736,7 +17811,7 @@ var Emoji = function Emoji(_ref) {
|
|
|
17736
17811
|
tooltipContent = _ref.tooltipContent;
|
|
17737
17812
|
return /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
|
|
17738
17813
|
className: "ne-headless__emoji",
|
|
17739
|
-
icon:
|
|
17814
|
+
icon: Smiley__default.default,
|
|
17740
17815
|
isOpen: isActive,
|
|
17741
17816
|
buttonProps: {
|
|
17742
17817
|
tooltipProps: {
|
|
@@ -17780,7 +17855,7 @@ var Option = function Option(_ref) {
|
|
|
17780
17855
|
}
|
|
17781
17856
|
return /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
17782
17857
|
disabled: disabled,
|
|
17783
|
-
className:
|
|
17858
|
+
className: classnames__default.default({
|
|
17784
17859
|
"ne-headless-btn--active": isActive
|
|
17785
17860
|
}),
|
|
17786
17861
|
"data-testid": neetoCist.hyphenate(optionName),
|
|
@@ -17794,9 +17869,9 @@ var Option = function Option(_ref) {
|
|
|
17794
17869
|
});
|
|
17795
17870
|
};
|
|
17796
17871
|
|
|
17797
|
-
function ownKeys$
|
|
17798
|
-
function _objectSpread$
|
|
17799
|
-
var t =
|
|
17872
|
+
function ownKeys$3(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; }
|
|
17873
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17874
|
+
var t = i18n__default.default.t;
|
|
17800
17875
|
var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
17801
17876
|
var editor = _ref.editor,
|
|
17802
17877
|
tooltips = _ref.tooltips,
|
|
@@ -17805,7 +17880,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17805
17880
|
isEmojiPickerActive = _ref.isEmojiPickerActive,
|
|
17806
17881
|
setIsEmojiPickerActive = _ref.setIsEmojiPickerActive;
|
|
17807
17882
|
return [{
|
|
17808
|
-
Icon:
|
|
17883
|
+
Icon: TextBold__default.default,
|
|
17809
17884
|
command: function command() {
|
|
17810
17885
|
return editor.chain().focus().toggleBold().run();
|
|
17811
17886
|
},
|
|
@@ -17813,7 +17888,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17813
17888
|
optionName: "bold",
|
|
17814
17889
|
tooltip: tooltips.bold || t("neetoEditor.menu.bold")
|
|
17815
17890
|
}, {
|
|
17816
|
-
Icon:
|
|
17891
|
+
Icon: TextItalic__default.default,
|
|
17817
17892
|
command: function command() {
|
|
17818
17893
|
return editor.chain().focus().toggleItalic().run();
|
|
17819
17894
|
},
|
|
@@ -17821,7 +17896,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17821
17896
|
optionName: "italic",
|
|
17822
17897
|
tooltip: tooltips.italic || t("neetoEditor.menu.italic")
|
|
17823
17898
|
}, {
|
|
17824
|
-
Icon:
|
|
17899
|
+
Icon: Underline__default.default,
|
|
17825
17900
|
command: function command() {
|
|
17826
17901
|
return editor.chain().focus().toggleUnderline().run();
|
|
17827
17902
|
},
|
|
@@ -17829,7 +17904,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17829
17904
|
optionName: "underline",
|
|
17830
17905
|
tooltip: tooltips.underline || t("neetoEditor.menu.underline")
|
|
17831
17906
|
}, {
|
|
17832
|
-
Icon:
|
|
17907
|
+
Icon: TextCross__default.default,
|
|
17833
17908
|
command: function command() {
|
|
17834
17909
|
return editor.chain().focus().toggleStrike().run();
|
|
17835
17910
|
},
|
|
@@ -17837,7 +17912,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17837
17912
|
optionName: "strike",
|
|
17838
17913
|
tooltip: tooltips.strike || t("neetoEditor.menu.strike")
|
|
17839
17914
|
}, {
|
|
17840
|
-
Icon:
|
|
17915
|
+
Icon: Highlight__default.default,
|
|
17841
17916
|
command: function command() {
|
|
17842
17917
|
return editor.chain().focus().toggleHighlight().run();
|
|
17843
17918
|
},
|
|
@@ -17845,7 +17920,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17845
17920
|
optionName: "highlight",
|
|
17846
17921
|
tooltip: tooltips.highlight || t("neetoEditor.menu.highlight")
|
|
17847
17922
|
}, {
|
|
17848
|
-
Icon:
|
|
17923
|
+
Icon: Quote__default.default,
|
|
17849
17924
|
command: function command() {
|
|
17850
17925
|
return editor.chain().focus().toggleBlockquote().run();
|
|
17851
17926
|
},
|
|
@@ -17853,7 +17928,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17853
17928
|
optionName: "block-quote",
|
|
17854
17929
|
tooltip: tooltips.blockQuote || t("neetoEditor.menu.blockQuote")
|
|
17855
17930
|
}, {
|
|
17856
|
-
Icon:
|
|
17931
|
+
Icon: Code__default.default,
|
|
17857
17932
|
command: function command() {
|
|
17858
17933
|
return editor.chain().focus().toggleCode().run();
|
|
17859
17934
|
},
|
|
@@ -17861,7 +17936,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17861
17936
|
optionName: "code",
|
|
17862
17937
|
tooltip: tooltips.code || t("neetoEditor.menu.code")
|
|
17863
17938
|
}, {
|
|
17864
|
-
Icon:
|
|
17939
|
+
Icon: CodeBlock__default.default,
|
|
17865
17940
|
command: function command() {
|
|
17866
17941
|
return editor.chain().focus().toggleCodeBlock().run();
|
|
17867
17942
|
},
|
|
@@ -17869,7 +17944,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17869
17944
|
optionName: "code-block",
|
|
17870
17945
|
tooltip: tooltips.codeBlock || t("neetoEditor.menu.codeBlock")
|
|
17871
17946
|
}, {
|
|
17872
|
-
Icon:
|
|
17947
|
+
Icon: ListDot__default.default,
|
|
17873
17948
|
command: function command() {
|
|
17874
17949
|
return editor.chain().focus().toggleBulletList().run();
|
|
17875
17950
|
},
|
|
@@ -17877,7 +17952,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17877
17952
|
optionName: "bullet-list",
|
|
17878
17953
|
tooltip: tooltips.bulletList || t("neetoEditor.menu.bulletedList")
|
|
17879
17954
|
}, {
|
|
17880
|
-
Icon:
|
|
17955
|
+
Icon: ListNumber__default.default,
|
|
17881
17956
|
command: function command() {
|
|
17882
17957
|
return editor.chain().focus().toggleOrderedList().run();
|
|
17883
17958
|
},
|
|
@@ -17885,34 +17960,34 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17885
17960
|
optionName: "ordered-list",
|
|
17886
17961
|
tooltip: tooltips.orderedList || t("neetoEditor.menu.orderedList")
|
|
17887
17962
|
}, {
|
|
17888
|
-
Icon:
|
|
17963
|
+
Icon: File__default.default,
|
|
17889
17964
|
command: attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.handleUploadAttachments,
|
|
17890
17965
|
disabled: attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.isDisabled,
|
|
17891
17966
|
optionName: "attachments",
|
|
17892
17967
|
tooltip: tooltips.attachments || t("neetoEditor.menu.attachments")
|
|
17893
17968
|
}, {
|
|
17894
|
-
Icon:
|
|
17969
|
+
Icon: ImageUpload__default.default,
|
|
17895
17970
|
command: function command() {
|
|
17896
17971
|
return setMediaUploader(ramda.assoc("image", true));
|
|
17897
17972
|
},
|
|
17898
17973
|
optionName: "image-upload",
|
|
17899
17974
|
tooltip: tooltips.imageUpload || t("neetoEditor.menu.imageUpload")
|
|
17900
17975
|
}, {
|
|
17901
|
-
Icon:
|
|
17976
|
+
Icon: Video__default.default,
|
|
17902
17977
|
command: function command() {
|
|
17903
17978
|
return setMediaUploader(ramda.assoc("video", true));
|
|
17904
17979
|
},
|
|
17905
17980
|
optionName: "video-upload",
|
|
17906
17981
|
tooltip: tooltips.videoUpload || t("neetoEditor.menu.videoUpload")
|
|
17907
17982
|
}, {
|
|
17908
|
-
Icon:
|
|
17983
|
+
Icon: Smiley__default.default,
|
|
17909
17984
|
command: neetoCist.noop,
|
|
17910
17985
|
optionName: "emoji",
|
|
17911
17986
|
tooltip: tooltips.emoji || t("neetoEditor.menu.emoji"),
|
|
17912
17987
|
isActive: isEmojiPickerActive,
|
|
17913
17988
|
setActive: setIsEmojiPickerActive
|
|
17914
17989
|
}, {
|
|
17915
|
-
Icon:
|
|
17990
|
+
Icon: Column__default.default,
|
|
17916
17991
|
command: function command() {
|
|
17917
17992
|
return editor.chain().focus().insertTable({
|
|
17918
17993
|
rows: 3,
|
|
@@ -17923,7 +17998,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17923
17998
|
optionName: "table",
|
|
17924
17999
|
tooltip: tooltips.table || t("neetoEditor.menu.table")
|
|
17925
18000
|
}, {
|
|
17926
|
-
Icon:
|
|
18001
|
+
Icon: Undo__default.default,
|
|
17927
18002
|
command: function command() {
|
|
17928
18003
|
return editor.chain().focus().undo().run();
|
|
17929
18004
|
},
|
|
@@ -17931,7 +18006,7 @@ var createMenuOptions$1 = function createMenuOptions(_ref) {
|
|
|
17931
18006
|
optionName: "undo",
|
|
17932
18007
|
tooltip: tooltips.undo || t("neetoEditor.menu.undo")
|
|
17933
18008
|
}, {
|
|
17934
|
-
Icon:
|
|
18009
|
+
Icon: Redo__default.default,
|
|
17935
18010
|
command: function command() {
|
|
17936
18011
|
return editor.chain().focus().redo().run();
|
|
17937
18012
|
},
|
|
@@ -17946,7 +18021,7 @@ var buildOptionsFromAddonCommands$1 = function buildOptionsFromAddonCommands(_re
|
|
|
17946
18021
|
var to = editor.state.selection.to;
|
|
17947
18022
|
return commands.map(function (option) {
|
|
17948
18023
|
var _option$active;
|
|
17949
|
-
return _objectSpread$
|
|
18024
|
+
return _objectSpread$3(_objectSpread$3({}, option), {}, {
|
|
17950
18025
|
active: (_option$active = option.active) === null || _option$active === void 0 ? void 0 : _option$active.call(option, {
|
|
17951
18026
|
editor: editor
|
|
17952
18027
|
}),
|
|
@@ -17986,8 +18061,8 @@ var buildMenuOptions$1 = function buildMenuOptions(_ref3) {
|
|
|
17986
18061
|
}).filter(Boolean);
|
|
17987
18062
|
};
|
|
17988
18063
|
|
|
17989
|
-
function ownKeys$
|
|
17990
|
-
function _objectSpread$
|
|
18064
|
+
function ownKeys$2(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; }
|
|
18065
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17991
18066
|
var Headless = function Headless(_ref) {
|
|
17992
18067
|
var editor = _ref.editor,
|
|
17993
18068
|
options = _ref.options,
|
|
@@ -18018,11 +18093,11 @@ var Headless = function Headless(_ref) {
|
|
|
18018
18093
|
editor: editor,
|
|
18019
18094
|
commands: addonCommands
|
|
18020
18095
|
});
|
|
18021
|
-
var allOptions = [].concat(
|
|
18096
|
+
var allOptions = [].concat(_toConsumableArray__default.default(menuOptions), _toConsumableArray__default.default(addonCommandOptions));
|
|
18022
18097
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
18023
|
-
className:
|
|
18098
|
+
className: classnames__default.default("ne-headless", _defineProperty__default.default({}, className, className)),
|
|
18024
18099
|
children: [allOptions.map(function (option) {
|
|
18025
|
-
return /*#__PURE__*/React.createElement(Option, _objectSpread$
|
|
18100
|
+
return /*#__PURE__*/React.createElement(Option, _objectSpread$2({
|
|
18026
18101
|
editor: editor,
|
|
18027
18102
|
key: option.optionName
|
|
18028
18103
|
}, option));
|
|
@@ -18043,32 +18118,32 @@ var FONT_SIZE_OPTIONS = [{
|
|
|
18043
18118
|
label: i18n.t("neetoEditor.menu.heading1"),
|
|
18044
18119
|
value: 1,
|
|
18045
18120
|
key: "h1",
|
|
18046
|
-
icon:
|
|
18121
|
+
icon: TextH1__default.default
|
|
18047
18122
|
}, {
|
|
18048
18123
|
label: i18n.t("neetoEditor.menu.heading2"),
|
|
18049
18124
|
value: 2,
|
|
18050
18125
|
key: "h2",
|
|
18051
|
-
icon:
|
|
18126
|
+
icon: TextH2__default.default
|
|
18052
18127
|
}, {
|
|
18053
18128
|
label: i18n.t("neetoEditor.menu.heading3"),
|
|
18054
18129
|
value: 3,
|
|
18055
18130
|
key: "h3",
|
|
18056
|
-
icon:
|
|
18131
|
+
icon: TextH3__default.default
|
|
18057
18132
|
}, {
|
|
18058
18133
|
label: i18n.t("neetoEditor.menu.heading4"),
|
|
18059
18134
|
value: 4,
|
|
18060
18135
|
key: "h4",
|
|
18061
|
-
icon:
|
|
18136
|
+
icon: TextH4__default.default
|
|
18062
18137
|
}, {
|
|
18063
18138
|
label: i18n.t("neetoEditor.menu.heading5"),
|
|
18064
18139
|
value: 5,
|
|
18065
18140
|
key: "h5",
|
|
18066
|
-
icon:
|
|
18141
|
+
icon: TextH5__default.default
|
|
18067
18142
|
}, {
|
|
18068
18143
|
label: i18n.t("neetoEditor.menu.normalText"),
|
|
18069
18144
|
value: 0,
|
|
18070
18145
|
key: "body2",
|
|
18071
|
-
icon:
|
|
18146
|
+
icon: TextP__default.default
|
|
18072
18147
|
}];
|
|
18073
18148
|
var MENU_COMPONENTS = {
|
|
18074
18149
|
fixed: Fixed,
|
|
@@ -18077,8 +18152,8 @@ var MENU_COMPONENTS = {
|
|
|
18077
18152
|
none: EmptyMenu
|
|
18078
18153
|
};
|
|
18079
18154
|
|
|
18080
|
-
var Menu$2 =
|
|
18081
|
-
MenuItem =
|
|
18155
|
+
var Menu$2 = Dropdown__default.default.Menu,
|
|
18156
|
+
MenuItem = Dropdown__default.default.MenuItem;
|
|
18082
18157
|
var FontSizeOption = function FontSizeOption(_ref) {
|
|
18083
18158
|
var runEditorCommand = _ref.runEditorCommand,
|
|
18084
18159
|
tooltipContent = _ref.tooltipContent,
|
|
@@ -18104,12 +18179,12 @@ var FontSizeOption = function FontSizeOption(_ref) {
|
|
|
18104
18179
|
return editor.chain().focus().setNode("paragraph").run();
|
|
18105
18180
|
})();
|
|
18106
18181
|
};
|
|
18107
|
-
var menuOptions = [].concat(
|
|
18182
|
+
var menuOptions = [].concat(_toConsumableArray__default.default(neetoCist.filterBy({
|
|
18108
18183
|
key: function key(_key) {
|
|
18109
18184
|
return options.includes(_key);
|
|
18110
18185
|
}
|
|
18111
18186
|
}, FONT_SIZE_OPTIONS)), [FONT_SIZE_OPTIONS[FONT_SIZE_OPTIONS.length - 1]]);
|
|
18112
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
18187
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
18113
18188
|
autoWidth: true,
|
|
18114
18189
|
placement: "bottom-start",
|
|
18115
18190
|
strategy: "fixed",
|
|
@@ -18117,7 +18192,7 @@ var FontSizeOption = function FontSizeOption(_ref) {
|
|
|
18117
18192
|
icon: activeOption === null || activeOption === void 0 ? void 0 : activeOption.icon,
|
|
18118
18193
|
iconPosition: "left",
|
|
18119
18194
|
iconSize: 22,
|
|
18120
|
-
label: /*#__PURE__*/jsxRuntime.jsx(
|
|
18195
|
+
label: /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
|
|
18121
18196
|
size: 12
|
|
18122
18197
|
}),
|
|
18123
18198
|
ref: dropdownRef,
|
|
@@ -18161,62 +18236,31 @@ var FontSizeOption = function FontSizeOption(_ref) {
|
|
|
18161
18236
|
};
|
|
18162
18237
|
var FontSizeOption$1 = /*#__PURE__*/React.memo(FontSizeOption);
|
|
18163
18238
|
|
|
18164
|
-
function ownKeys$2(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; }
|
|
18165
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18166
18239
|
var ColorDot = function ColorDot(_ref) {
|
|
18167
18240
|
var _colorVar$match;
|
|
18168
18241
|
var colorVar = _ref.colorVar,
|
|
18169
18242
|
isSelected = _ref.isSelected,
|
|
18170
18243
|
onClick = _ref.onClick,
|
|
18171
18244
|
isTextColor = _ref.isTextColor;
|
|
18172
|
-
var dotClass =
|
|
18173
|
-
"neeto-editor-highlight-dropdown__color-dot--selected": isSelected
|
|
18174
|
-
"neeto-editor-highlight-dropdown__color-dot--background": !isTextColor
|
|
18245
|
+
var dotClass = classnames__default.default("neeto-editor-highlight-dropdown__color-dot", {
|
|
18246
|
+
"neeto-editor-highlight-dropdown__color-dot--selected": isSelected
|
|
18175
18247
|
});
|
|
18176
|
-
var dotStyle =
|
|
18177
|
-
color: "var(".concat(colorVar, ")")
|
|
18178
|
-
} : {
|
|
18248
|
+
var dotStyle = {
|
|
18179
18249
|
backgroundColor: "var(".concat(colorVar, ")")
|
|
18180
|
-
}
|
|
18250
|
+
};
|
|
18181
18251
|
var colorNumber = ((_colorVar$match = colorVar.match(/\d+$/)) === null || _colorVar$match === void 0 ? void 0 : _colorVar$match[0]) || colorVar;
|
|
18182
18252
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
18183
18253
|
onClick: onClick,
|
|
18184
18254
|
className: dotClass,
|
|
18185
18255
|
style: dotStyle,
|
|
18186
|
-
"data-testid": "neeto-editor-highlight-".concat(utils$1.hyphenize(isTextColor ? "text" : "background"), "-color-dot-").concat(colorNumber)
|
|
18187
|
-
children: isTextColor && /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
18188
|
-
className: "neeto-editor-highlight-dropdown__color-dot-text",
|
|
18189
|
-
style: "body2",
|
|
18190
|
-
weight: "semibold",
|
|
18191
|
-
children: "A"
|
|
18192
|
-
})
|
|
18193
|
-
});
|
|
18194
|
-
};
|
|
18195
|
-
|
|
18196
|
-
var ColorDotIcon = function ColorDotIcon(_ref) {
|
|
18197
|
-
var textColor = _ref.textColor,
|
|
18198
|
-
backgroundColor = _ref.backgroundColor;
|
|
18199
|
-
var dotClass = classnames("neeto-editor-highlight-dropdown__color-dot", {});
|
|
18200
|
-
var dotStyle = {
|
|
18201
|
-
color: "var(".concat(textColor, ")"),
|
|
18202
|
-
backgroundColor: "var(".concat(backgroundColor, ")")
|
|
18203
|
-
};
|
|
18204
|
-
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
18205
|
-
className: dotClass,
|
|
18206
|
-
style: dotStyle,
|
|
18207
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
18208
|
-
className: "neeto-editor-highlight-dropdown__color-dot-text",
|
|
18209
|
-
style: "body2",
|
|
18210
|
-
weight: "semibold",
|
|
18211
|
-
children: "A"
|
|
18212
|
-
})
|
|
18256
|
+
"data-testid": "neeto-editor-highlight-".concat(utils$1.hyphenize(isTextColor ? "text" : "background"), "-color-dot-").concat(colorNumber)
|
|
18213
18257
|
});
|
|
18214
18258
|
};
|
|
18215
18259
|
|
|
18216
18260
|
var COLORS = {
|
|
18217
18261
|
recent: ["--neeto-editor-highlight-bg-yellow-light"],
|
|
18218
|
-
text: ["--neeto-editor-highlight-text-1", "--neeto-editor-highlight-text-2", "--neeto-editor-highlight-text-3", "--neeto-editor-highlight-text-4", "--neeto-editor-highlight-text-5", "--neeto-editor-highlight-text-6", "--neeto-editor-highlight-text-7", "--neeto-editor-highlight-text-8", "--neeto-editor-highlight-text-9", "--neeto-editor-highlight-text-10"],
|
|
18219
|
-
background: ["--neeto-editor-highlight-bg-1", "--neeto-editor-highlight-bg-2", "--neeto-editor-highlight-bg-3", "--neeto-editor-highlight-bg-4", "--neeto-editor-highlight-bg-5", "--neeto-editor-highlight-bg-6", "--neeto-editor-highlight-bg-7", "--neeto-editor-highlight-bg-8", "--neeto-editor-highlight-bg-9", "--neeto-editor-highlight-bg-10"]
|
|
18262
|
+
text: ["--neeto-editor-highlight-text-1", "--neeto-editor-highlight-text-2", "--neeto-editor-highlight-text-3", "--neeto-editor-highlight-text-4", "--neeto-editor-highlight-text-5", "--neeto-editor-highlight-text-6", "--neeto-editor-highlight-text-7", "--neeto-editor-highlight-text-8", "--neeto-editor-highlight-text-9", "--neeto-editor-highlight-text-10", "--neeto-editor-highlight-text-11", "--neeto-editor-highlight-text-12", "--neeto-editor-highlight-text-13", "--neeto-editor-highlight-text-14", "--neeto-editor-highlight-text-15", "--neeto-editor-highlight-text-16", "--neeto-editor-highlight-text-17", "--neeto-editor-highlight-text-18", "--neeto-editor-highlight-text-19", "--neeto-editor-highlight-text-20", "--neeto-editor-highlight-text-21", "--neeto-editor-highlight-text-22", "--neeto-editor-highlight-text-23", "--neeto-editor-highlight-text-24", "--neeto-editor-highlight-text-25", "--neeto-editor-highlight-text-26", "--neeto-editor-highlight-text-27", "--neeto-editor-highlight-text-28", "--neeto-editor-highlight-text-29"],
|
|
18263
|
+
background: ["--neeto-editor-highlight-bg-1", "--neeto-editor-highlight-bg-2", "--neeto-editor-highlight-bg-3", "--neeto-editor-highlight-bg-4", "--neeto-editor-highlight-bg-5", "--neeto-editor-highlight-bg-6", "--neeto-editor-highlight-bg-7", "--neeto-editor-highlight-bg-8", "--neeto-editor-highlight-bg-9", "--neeto-editor-highlight-bg-10", "--neeto-editor-highlight-bg-11", "--neeto-editor-highlight-bg-12", "--neeto-editor-highlight-bg-13", "--neeto-editor-highlight-bg-14", "--neeto-editor-highlight-bg-15", "--neeto-editor-highlight-bg-16", "--neeto-editor-highlight-bg-17", "--neeto-editor-highlight-bg-18", "--neeto-editor-highlight-bg-19", "--neeto-editor-highlight-bg-20", "--neeto-editor-highlight-bg-21", "--neeto-editor-highlight-bg-22", "--neeto-editor-highlight-bg-23", "--neeto-editor-highlight-bg-24", "--neeto-editor-highlight-bg-25", "--neeto-editor-highlight-bg-26", "--neeto-editor-highlight-bg-27", "--neeto-editor-highlight-bg-28", "--neeto-editor-highlight-bg-29"]
|
|
18220
18264
|
};
|
|
18221
18265
|
|
|
18222
18266
|
var colorSections = [{
|
|
@@ -18273,20 +18317,19 @@ var HighlightDropdown = function HighlightDropdown(_ref) {
|
|
|
18273
18317
|
});
|
|
18274
18318
|
});
|
|
18275
18319
|
};
|
|
18276
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
18320
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
18277
18321
|
autoWidth: true,
|
|
18278
18322
|
placement: "bottom-start",
|
|
18279
18323
|
strategy: "fixed",
|
|
18280
18324
|
buttonProps: {
|
|
18281
18325
|
icon: function icon() {
|
|
18282
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
18283
|
-
|
|
18284
|
-
textColor: textColor
|
|
18326
|
+
return /*#__PURE__*/jsxRuntime.jsx(Highlight__default.default, {
|
|
18327
|
+
size: 18
|
|
18285
18328
|
});
|
|
18286
18329
|
},
|
|
18287
18330
|
iconPosition: "left",
|
|
18288
|
-
iconSize:
|
|
18289
|
-
label: /*#__PURE__*/jsxRuntime.jsx(
|
|
18331
|
+
iconSize: 16,
|
|
18332
|
+
label: /*#__PURE__*/jsxRuntime.jsx(Down__default.default, {
|
|
18290
18333
|
size: 12
|
|
18291
18334
|
}),
|
|
18292
18335
|
ref: dropdownRef,
|
|
@@ -18303,7 +18346,7 @@ var HighlightDropdown = function HighlightDropdown(_ref) {
|
|
|
18303
18346
|
size: "small",
|
|
18304
18347
|
className: "neeto-editor-fixed-menu__item"
|
|
18305
18348
|
},
|
|
18306
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
18349
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default.Menu, {
|
|
18307
18350
|
className: "neeto-editor-highlight-dropdown",
|
|
18308
18351
|
children: colorSections.map(function (_ref2) {
|
|
18309
18352
|
var title = _ref2.title,
|
|
@@ -18311,10 +18354,10 @@ var HighlightDropdown = function HighlightDropdown(_ref) {
|
|
|
18311
18354
|
isTextColor = _ref2.isTextColor;
|
|
18312
18355
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
18313
18356
|
className: "neeto-editor-highlight-dropdown__section",
|
|
18314
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
18357
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
|
|
18315
18358
|
className: "neeto-editor-highlight-dropdown__section-title",
|
|
18316
18359
|
style: "body2",
|
|
18317
|
-
weight: "
|
|
18360
|
+
weight: "medium",
|
|
18318
18361
|
children: title
|
|
18319
18362
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
18320
18363
|
className: "neeto-editor-highlight-dropdown__color-grid",
|
|
@@ -18327,7 +18370,7 @@ var HighlightDropdown = function HighlightDropdown(_ref) {
|
|
|
18327
18370
|
});
|
|
18328
18371
|
};
|
|
18329
18372
|
|
|
18330
|
-
var Menu$1 =
|
|
18373
|
+
var Menu$1 = Dropdown__default.default.Menu;
|
|
18331
18374
|
var TableOption = function TableOption(_ref) {
|
|
18332
18375
|
var editor = _ref.editor,
|
|
18333
18376
|
tooltipContent = _ref.tooltipContent,
|
|
@@ -18337,15 +18380,15 @@ var TableOption = function TableOption(_ref) {
|
|
|
18337
18380
|
var _useTranslation = reactI18next.useTranslation(),
|
|
18338
18381
|
t = _useTranslation.t;
|
|
18339
18382
|
var _useState = React.useState(false),
|
|
18340
|
-
_useState2 =
|
|
18383
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
18341
18384
|
isOpen = _useState2[0],
|
|
18342
18385
|
setIsOpen = _useState2[1];
|
|
18343
18386
|
var _useState3 = React.useState(3),
|
|
18344
|
-
_useState4 =
|
|
18387
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
18345
18388
|
rows = _useState4[0],
|
|
18346
18389
|
setRows = _useState4[1];
|
|
18347
18390
|
var _useState5 = React.useState(3),
|
|
18348
|
-
_useState6 =
|
|
18391
|
+
_useState6 = _slicedToArray__default.default(_useState5, 2),
|
|
18349
18392
|
columns = _useState6[0],
|
|
18350
18393
|
setColumns = _useState6[1];
|
|
18351
18394
|
var handleClose = function handleClose() {
|
|
@@ -18365,12 +18408,12 @@ var TableOption = function TableOption(_ref) {
|
|
|
18365
18408
|
isSecondaryMenu && e.stopPropagation();
|
|
18366
18409
|
setIsOpen(ramda.not);
|
|
18367
18410
|
};
|
|
18368
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
18411
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
|
|
18369
18412
|
isOpen: isOpen,
|
|
18370
18413
|
buttonStyle: isOpen ? "secondary" : "text",
|
|
18371
18414
|
closeOnSelect: false,
|
|
18372
18415
|
"data-testid": "neeto-editor-fixed-menu-link-option",
|
|
18373
|
-
icon:
|
|
18416
|
+
icon: Column__default.default,
|
|
18374
18417
|
position: isSecondaryMenu ? "left-start" : "bottom",
|
|
18375
18418
|
buttonProps: {
|
|
18376
18419
|
tabIndex: -1,
|
|
@@ -18383,13 +18426,13 @@ var TableOption = function TableOption(_ref) {
|
|
|
18383
18426
|
},
|
|
18384
18427
|
customTarget: isSecondaryMenu && /*#__PURE__*/jsxRuntime.jsx(SecondaryMenuTarget, {
|
|
18385
18428
|
label: label,
|
|
18386
|
-
icon:
|
|
18429
|
+
icon: Column__default.default
|
|
18387
18430
|
}),
|
|
18388
18431
|
onClick: handleDropdownClick,
|
|
18389
18432
|
onClose: handleClose,
|
|
18390
18433
|
children: /*#__PURE__*/jsxRuntime.jsxs(Menu$1, {
|
|
18391
18434
|
className: "neeto-editor-table__item",
|
|
18392
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
18435
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
18393
18436
|
autoFocus: true,
|
|
18394
18437
|
"data-testid": "neeto-editor-fixed-menu-table-rows-input",
|
|
18395
18438
|
label: t("neetoEditor.menu.rows"),
|
|
@@ -18399,7 +18442,7 @@ var TableOption = function TableOption(_ref) {
|
|
|
18399
18442
|
type: "number",
|
|
18400
18443
|
value: rows,
|
|
18401
18444
|
onChange: utils$1.withEventTargetValue(setRows)
|
|
18402
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
18445
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Input__default.default, {
|
|
18403
18446
|
"data-testid": "neeto-editor-fixed-menu-table-columns-input",
|
|
18404
18447
|
label: t("neetoEditor.menu.columns"),
|
|
18405
18448
|
min: "1",
|
|
@@ -18410,7 +18453,7 @@ var TableOption = function TableOption(_ref) {
|
|
|
18410
18453
|
onChange: utils$1.withEventTargetValue(setColumns)
|
|
18411
18454
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
18412
18455
|
className: "neeto-editor-table-menu__button",
|
|
18413
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
18456
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Button__default.default, {
|
|
18414
18457
|
className: "mt-auto",
|
|
18415
18458
|
"data-testid": "neeto-editor-fixed-menu-table-option-create-button",
|
|
18416
18459
|
label: t("neetoEditor.common.create"),
|
|
@@ -18434,7 +18477,7 @@ var MENU_ELEMENT_TYPES = {
|
|
|
18434
18477
|
MENTIONS: "mentions",
|
|
18435
18478
|
HIGHLIGHT: "highlight"
|
|
18436
18479
|
};
|
|
18437
|
-
var SHORTCUTS = (_SHORTCUTS = {},
|
|
18480
|
+
var SHORTCUTS = (_SHORTCUTS = {}, _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_SHORTCUTS, constants.EDITOR_OPTIONS.BOLD, {
|
|
18438
18481
|
mac: "⌘B",
|
|
18439
18482
|
win: "Ctrl+B"
|
|
18440
18483
|
}), constants.EDITOR_OPTIONS.ITALIC, {
|
|
@@ -18464,18 +18507,18 @@ var SHORTCUTS = (_SHORTCUTS = {}, _defineProperty(_defineProperty(_definePropert
|
|
|
18464
18507
|
}), "bulletList", {
|
|
18465
18508
|
mac: "⌘⇧8",
|
|
18466
18509
|
win: "Ctrl+Shift+8"
|
|
18467
|
-
}),
|
|
18510
|
+
}), _defineProperty__default.default(_defineProperty__default.default(_SHORTCUTS, "orderedList", {
|
|
18468
18511
|
mac: "⌘⇧7",
|
|
18469
18512
|
win: "Ctrl+Shift+7"
|
|
18470
18513
|
}), "todoList", {
|
|
18471
18514
|
mac: "⌘⇧9",
|
|
18472
18515
|
win: "Ctrl+Shift+9"
|
|
18473
18516
|
}));
|
|
18474
|
-
var MENU_ELEMENTS =
|
|
18475
|
-
var MENU_ELEMENT_WIDTHS =
|
|
18517
|
+
var MENU_ELEMENTS = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, MENU_ELEMENT_TYPES.BUTTON, MenuButton$1), MENU_ELEMENT_TYPES.CALLOUT, CalloutDropdown), MENU_ELEMENT_TYPES.FONT_SIZE, FontSizeOption$1), MENU_ELEMENT_TYPES.TABLE, TableOption$1), MENU_ELEMENT_TYPES.TEXT_COLOR, TextColorOption), MENU_ELEMENT_TYPES.EMOJI, EmojiOption$1), MENU_ELEMENT_TYPES.MENTIONS, Mentions$1), MENU_ELEMENT_TYPES.HIGHLIGHT, HighlightDropdown);
|
|
18518
|
+
var MENU_ELEMENT_WIDTHS = _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, MENU_ELEMENT_TYPES.BUTTON, 36), MENU_ELEMENT_TYPES.CALLOUT, 23), MENU_ELEMENT_TYPES.FONT_SIZE, 103), MENU_ELEMENT_TYPES.TABLE, 36), MENU_ELEMENT_TYPES.TEXT_COLOR, 36), MENU_ELEMENT_TYPES.EMOJI, 36), MENU_ELEMENT_TYPES.MENTIONS, 36), MENU_ELEMENT_TYPES.HIGHLIGHT, 103);
|
|
18476
18519
|
|
|
18477
18520
|
function ownKeys$1(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; }
|
|
18478
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
|
|
18521
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18479
18522
|
var createMenuOptions = function createMenuOptions(_ref) {
|
|
18480
18523
|
var _tooltips$fontSize, _tooltips$bold, _tooltips$italic, _tooltips$link, _tooltips$strike, _tooltips$highlight, _tooltips$highlight2, _tooltips$bulletList, _tooltips$orderedList, _tooltips$todoList, _tooltips$blockQuote, _tooltips$callout, _tooltips$callout2, _tooltips$table, _tooltips$attachments, _tooltips$neetoKbArti, _tooltips$imageUpload, _tooltips$textColor, _tooltips$emoji, _tooltips$mention, _tooltips$code, _tooltips$codeBlock, _tooltips$videoUpload, _tooltips$underline, _tooltips$undo, _tooltips$redo;
|
|
18481
18524
|
var tooltips = _ref.tooltips,
|
|
@@ -18504,7 +18547,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18504
18547
|
runEditorCommand: runEditorCommand
|
|
18505
18548
|
}, {
|
|
18506
18549
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18507
|
-
icon:
|
|
18550
|
+
icon: TextBold__default.default,
|
|
18508
18551
|
isEnabled: options.includes(constants.EDITOR_OPTIONS.BOLD),
|
|
18509
18552
|
command: runEditorCommand(function (editor) {
|
|
18510
18553
|
return editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleBold().run();
|
|
@@ -18513,7 +18556,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18513
18556
|
label: (_tooltips$bold = tooltips.bold) !== null && _tooltips$bold !== void 0 ? _tooltips$bold : i18n.t("neetoEditor.menu.bold")
|
|
18514
18557
|
}, {
|
|
18515
18558
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18516
|
-
icon:
|
|
18559
|
+
icon: TextItalic__default.default,
|
|
18517
18560
|
isEnabled: options.includes(constants.EDITOR_OPTIONS.ITALIC),
|
|
18518
18561
|
command: runEditorCommand(function (editor) {
|
|
18519
18562
|
return editor.chain().focus().toggleItalic().run();
|
|
@@ -18522,7 +18565,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18522
18565
|
label: (_tooltips$italic = tooltips.italic) !== null && _tooltips$italic !== void 0 ? _tooltips$italic : i18n.t("neetoEditor.menu.italic")
|
|
18523
18566
|
}, {
|
|
18524
18567
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18525
|
-
icon:
|
|
18568
|
+
icon: Link__default.default,
|
|
18526
18569
|
isEnabled: options.includes(constants.EDITOR_OPTIONS.LINK),
|
|
18527
18570
|
command: function command() {
|
|
18528
18571
|
return setIsAddLinkActive(ramda.not);
|
|
@@ -18531,7 +18574,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18531
18574
|
label: (_tooltips$link = tooltips.link) !== null && _tooltips$link !== void 0 ? _tooltips$link : i18n.t("neetoEditor.menu.link")
|
|
18532
18575
|
}, {
|
|
18533
18576
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18534
|
-
icon:
|
|
18577
|
+
icon: TextCross__default.default,
|
|
18535
18578
|
isEnabled: options.includes(constants.EDITOR_OPTIONS.STRIKETHROUGH),
|
|
18536
18579
|
command: runEditorCommand(function (editor) {
|
|
18537
18580
|
return editor.chain().focus().toggleStrike().run();
|
|
@@ -18540,7 +18583,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18540
18583
|
label: (_tooltips$strike = tooltips.strike) !== null && _tooltips$strike !== void 0 ? _tooltips$strike : i18n.t("neetoEditor.menu.strike")
|
|
18541
18584
|
}, {
|
|
18542
18585
|
type: MENU_ELEMENT_TYPES.HIGHLIGHT,
|
|
18543
|
-
icon:
|
|
18586
|
+
icon: Highlight__default.default,
|
|
18544
18587
|
label: (_tooltips$highlight = tooltips.highlight) !== null && _tooltips$highlight !== void 0 ? _tooltips$highlight : i18n.t("neetoEditor.menu.highlight"),
|
|
18545
18588
|
isEnabled: options.includes(constants.EDITOR_OPTIONS.HIGHLIGHT),
|
|
18546
18589
|
optionName: constants.EDITOR_OPTIONS.HIGHLIGHT,
|
|
@@ -18551,7 +18594,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18551
18594
|
// list
|
|
18552
18595
|
[{
|
|
18553
18596
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18554
|
-
icon:
|
|
18597
|
+
icon: ListDot__default.default,
|
|
18555
18598
|
command: runEditorCommand(function (editor) {
|
|
18556
18599
|
return editor.chain().focus().toggleBulletList().run();
|
|
18557
18600
|
}),
|
|
@@ -18561,7 +18604,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18561
18604
|
label: (_tooltips$bulletList = tooltips.bulletList) !== null && _tooltips$bulletList !== void 0 ? _tooltips$bulletList : i18n.t("neetoEditor.menu.bulletedList")
|
|
18562
18605
|
}, {
|
|
18563
18606
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18564
|
-
icon:
|
|
18607
|
+
icon: ListNumber__default.default,
|
|
18565
18608
|
command: runEditorCommand(function (editor) {
|
|
18566
18609
|
return editor.chain().focus().toggleOrderedList().run();
|
|
18567
18610
|
}),
|
|
@@ -18571,7 +18614,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18571
18614
|
label: (_tooltips$orderedList = tooltips.orderedList) !== null && _tooltips$orderedList !== void 0 ? _tooltips$orderedList : i18n.t("neetoEditor.menu.orderedList")
|
|
18572
18615
|
}, {
|
|
18573
18616
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18574
|
-
icon:
|
|
18617
|
+
icon: Checkbox__default$1.default,
|
|
18575
18618
|
command: runEditorCommand(function (editor) {
|
|
18576
18619
|
return editor.chain().focus().toggleTaskList().run();
|
|
18577
18620
|
}),
|
|
@@ -18583,7 +18626,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18583
18626
|
// block
|
|
18584
18627
|
[{
|
|
18585
18628
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18586
|
-
icon:
|
|
18629
|
+
icon: Quote__default.default,
|
|
18587
18630
|
command: runEditorCommand(function (editor) {
|
|
18588
18631
|
return editor.chain().focus().toggleBlockquote().run();
|
|
18589
18632
|
}),
|
|
@@ -18608,7 +18651,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18608
18651
|
optionName: constants.EDITOR_OPTIONS.TABLE
|
|
18609
18652
|
}, {
|
|
18610
18653
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18611
|
-
icon:
|
|
18654
|
+
icon: Attachment__default.default,
|
|
18612
18655
|
command: function command() {
|
|
18613
18656
|
return attachmentProps === null || attachmentProps === void 0 ? void 0 : attachmentProps.handleUploadAttachments();
|
|
18614
18657
|
},
|
|
@@ -18618,7 +18661,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18618
18661
|
label: (_tooltips$attachments = tooltips.attachments) !== null && _tooltips$attachments !== void 0 ? _tooltips$attachments : i18n.t("neetoEditor.menu.attachments")
|
|
18619
18662
|
}, {
|
|
18620
18663
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18621
|
-
icon:
|
|
18664
|
+
icon: File__default.default,
|
|
18622
18665
|
command: function command() {
|
|
18623
18666
|
if (!editor || !setIsNeetoKbArticleActive) return;
|
|
18624
18667
|
var _editor$state$selecti = editor.state.selection,
|
|
@@ -18640,7 +18683,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18640
18683
|
label: (_tooltips$neetoKbArti = tooltips.neetoKbArticle) !== null && _tooltips$neetoKbArti !== void 0 ? _tooltips$neetoKbArti : i18n.t("neetoEditor.menu.linkToNeetoKbArticle")
|
|
18641
18684
|
}, {
|
|
18642
18685
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18643
|
-
icon:
|
|
18686
|
+
icon: ImageUpload__default.default,
|
|
18644
18687
|
command: function command() {
|
|
18645
18688
|
return setMediaUploader(ramda.assoc("image", true));
|
|
18646
18689
|
},
|
|
@@ -18669,7 +18712,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18669
18712
|
mentions: mentions
|
|
18670
18713
|
}, {
|
|
18671
18714
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18672
|
-
icon:
|
|
18715
|
+
icon: Code__default.default,
|
|
18673
18716
|
command: runEditorCommand(function (editor) {
|
|
18674
18717
|
return editor.chain().focus().toggleCode().run();
|
|
18675
18718
|
}),
|
|
@@ -18678,7 +18721,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18678
18721
|
label: (_tooltips$code = tooltips.code) !== null && _tooltips$code !== void 0 ? _tooltips$code : i18n.t("neetoEditor.menu.code")
|
|
18679
18722
|
}, {
|
|
18680
18723
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18681
|
-
icon:
|
|
18724
|
+
icon: CodeBlock__default.default,
|
|
18682
18725
|
command: runEditorCommand(function (editor) {
|
|
18683
18726
|
return editor.chain().focus().toggleCodeBlock().run();
|
|
18684
18727
|
}),
|
|
@@ -18687,7 +18730,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18687
18730
|
label: (_tooltips$codeBlock = tooltips.codeBlock) !== null && _tooltips$codeBlock !== void 0 ? _tooltips$codeBlock : i18n.t("neetoEditor.menu.codeBlock")
|
|
18688
18731
|
}, {
|
|
18689
18732
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18690
|
-
icon:
|
|
18733
|
+
icon: Video__default.default,
|
|
18691
18734
|
command: function command() {
|
|
18692
18735
|
return setMediaUploader(ramda.assoc("video", true));
|
|
18693
18736
|
},
|
|
@@ -18696,7 +18739,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18696
18739
|
label: (_tooltips$videoUpload = tooltips.videoUpload) !== null && _tooltips$videoUpload !== void 0 ? _tooltips$videoUpload : i18n.t("neetoEditor.menu.videoUpload")
|
|
18697
18740
|
}, {
|
|
18698
18741
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
18699
|
-
icon:
|
|
18742
|
+
icon: Underline__default.default,
|
|
18700
18743
|
isEnabled: options.includes(constants.EDITOR_OPTIONS.UNDERLINE),
|
|
18701
18744
|
command: runEditorCommand(function (editor) {
|
|
18702
18745
|
return editor.chain().focus().toggleUnderline().run();
|
|
@@ -18704,10 +18747,10 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18704
18747
|
optionName: constants.EDITOR_OPTIONS.UNDERLINE,
|
|
18705
18748
|
label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : i18n.t("neetoEditor.menu.underline")
|
|
18706
18749
|
}], //addons
|
|
18707
|
-
|
|
18750
|
+
_toConsumableArray__default.default(addonCommandOptions),
|
|
18708
18751
|
// history
|
|
18709
18752
|
[{
|
|
18710
|
-
icon:
|
|
18753
|
+
icon: Undo__default.default,
|
|
18711
18754
|
command: runEditorCommand(function (editor) {
|
|
18712
18755
|
return editor.chain().focus().undo().run();
|
|
18713
18756
|
}),
|
|
@@ -18716,7 +18759,7 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
18716
18759
|
label: (_tooltips$undo = tooltips.undo) !== null && _tooltips$undo !== void 0 ? _tooltips$undo : i18n.t("neetoEditor.menu.undo"),
|
|
18717
18760
|
type: MENU_ELEMENT_TYPES.BUTTON
|
|
18718
18761
|
}, {
|
|
18719
|
-
icon:
|
|
18762
|
+
icon: Redo__default.default,
|
|
18720
18763
|
command: runEditorCommand(function (editor) {
|
|
18721
18764
|
return editor.chain().focus().redo().run();
|
|
18722
18765
|
}),
|
|
@@ -18867,17 +18910,17 @@ var css = ".neeto-editor-fixed-menu{background-color:rgb(var(--neeto-ui-white));
|
|
|
18867
18910
|
injectCss.n(css,{});
|
|
18868
18911
|
|
|
18869
18912
|
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; }
|
|
18870
|
-
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) {
|
|
18913
|
+
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) { _defineProperty__default.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; }
|
|
18871
18914
|
var Menu = function Menu(props) {
|
|
18872
18915
|
var _useState = React.useState(false),
|
|
18873
|
-
_useState2 =
|
|
18916
|
+
_useState2 = _slicedToArray__default.default(_useState, 2),
|
|
18874
18917
|
isEmojiPickerActive = _useState2[0],
|
|
18875
18918
|
setIsEmojiPickerActive = _useState2[1];
|
|
18876
18919
|
var _useState3 = React.useState({
|
|
18877
18920
|
image: false,
|
|
18878
18921
|
video: false
|
|
18879
18922
|
}),
|
|
18880
|
-
_useState4 =
|
|
18923
|
+
_useState4 = _slicedToArray__default.default(_useState3, 2),
|
|
18881
18924
|
mediaUploader = _useState4[0],
|
|
18882
18925
|
setMediaUploader = _useState4[1];
|
|
18883
18926
|
var _props$menuType = props.menuType,
|
|
@@ -18894,7 +18937,7 @@ var Menu = function Menu(props) {
|
|
|
18894
18937
|
var MenuComponent = React.useMemo(function () {
|
|
18895
18938
|
return MENU_COMPONENTS[menuType];
|
|
18896
18939
|
}, [menuType]);
|
|
18897
|
-
var menuOptions = ramda.isEmpty(options) ? [].concat(
|
|
18940
|
+
var menuOptions = ramda.isEmpty(options) ? [].concat(_toConsumableArray__default.default(defaults), _toConsumableArray__default.default(addons)) : options;
|
|
18898
18941
|
React.useEffect(function () {
|
|
18899
18942
|
var handleKeyDown = function handleKeyDown(e) {
|
|
18900
18943
|
if ((e.metaKey || e.ctrlKey) && e.altKey) {
|
|
@@ -18983,4 +19026,4 @@ exports.useEditor = useEditor;
|
|
|
18983
19026
|
exports.useEditorState = useEditorState$1;
|
|
18984
19027
|
exports.validateUrl = validateUrl;
|
|
18985
19028
|
exports.wrappingInputRule = wrappingInputRule;
|
|
18986
|
-
//# sourceMappingURL=chunk-
|
|
19029
|
+
//# sourceMappingURL=chunk-B_6trv-E.cjs.js.map
|