@bigbinary/neeto-editor 1.46.0 → 1.47.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Editor.js +5 -1
- package/dist/Editor.js.map +1 -1
- package/dist/FormikEditor.js +8 -4
- package/dist/FormikEditor.js.map +1 -1
- package/dist/Menu.js +8 -1
- package/dist/Menu.js.map +1 -1
- package/dist/{chunk-B6_bJoYE.js → chunk-BWTtXW7N.js} +124 -53
- package/dist/{chunk-B6_bJoYE.js.map → chunk-BWTtXW7N.js.map} +1 -1
- package/dist/cjs/Editor.cjs.js +5 -1
- package/dist/cjs/Editor.cjs.js.map +1 -1
- package/dist/cjs/FormikEditor.cjs.js +8 -4
- package/dist/cjs/FormikEditor.cjs.js.map +1 -1
- package/dist/cjs/Menu.cjs.js +8 -1
- package/dist/cjs/Menu.cjs.js.map +1 -1
- package/dist/cjs/{chunk-0fKNRx3i.cjs.js → chunk-DutgnIWp.cjs.js} +124 -53
- package/dist/cjs/{chunk-0fKNRx3i.cjs.js.map → chunk-DutgnIWp.cjs.js.map} +1 -1
- package/dist/cjs/index.cjs.js +6 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/editor-stats.html +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/translations/en.json +2 -2
package/dist/FormikEditor.js
CHANGED
|
@@ -8,9 +8,15 @@ import Editor from './Editor.js';
|
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
import '@babel/runtime/helpers/toConsumableArray';
|
|
10
10
|
import '@babel/runtime/helpers/slicedToArray';
|
|
11
|
-
import './chunk-
|
|
11
|
+
import './chunk-BWTtXW7N.js';
|
|
12
12
|
import './chunk-DmrvuTKK.js';
|
|
13
13
|
import 'i18next';
|
|
14
|
+
import '@bigbinary/neeto-icons/TextH1';
|
|
15
|
+
import '@bigbinary/neeto-icons/TextH2';
|
|
16
|
+
import '@bigbinary/neeto-icons/TextH3';
|
|
17
|
+
import '@bigbinary/neeto-icons/TextH4';
|
|
18
|
+
import '@bigbinary/neeto-icons/TextH5';
|
|
19
|
+
import '@bigbinary/neeto-icons/TextP';
|
|
14
20
|
import './chunk-BQZagJsZ.js';
|
|
15
21
|
import './chunk-FWwP48qR.js';
|
|
16
22
|
import './chunk-CftSm0ZU.js';
|
|
@@ -78,17 +84,15 @@ import '@bigbinary/neeto-commons-frontend/initializers';
|
|
|
78
84
|
import '@bigbinary/neetoui/Tooltip';
|
|
79
85
|
import '@bigbinary/neetoui/Spinner';
|
|
80
86
|
import '@bigbinary/neetoui/Checkbox';
|
|
87
|
+
import '@bigbinary/neeto-icons/Down';
|
|
81
88
|
import '@bigbinary/neeto-icons/MenuHorizontal';
|
|
82
89
|
import '@tippyjs/react';
|
|
83
90
|
import '@bigbinary/neeto-icons/File';
|
|
84
91
|
import 'react-dom/server';
|
|
85
92
|
import './chunk-BCoBS5ED.js';
|
|
86
93
|
import 'yjs';
|
|
87
|
-
import '@bigbinary/neeto-icons/Down';
|
|
88
94
|
import '@bigbinary/neeto-molecules/CopyToClipboardButton';
|
|
89
95
|
import '@bigbinary/neeto-icons/Paragraph';
|
|
90
|
-
import '@bigbinary/neeto-icons/TextH1';
|
|
91
|
-
import '@bigbinary/neeto-icons/TextH2';
|
|
92
96
|
import '@bigbinary/neeto-icons/Blockquote';
|
|
93
97
|
import '@bigbinary/neeto-icons/Minus';
|
|
94
98
|
import '@bigbinary/neeto-icons/Text';
|
package/dist/FormikEditor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikEditor.js","sources":["../src/components/Editor/FormikEditor.jsx"],"sourcesContent":["import { forwardRef, memo } from \"react\";\n\nimport { FastField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { path } from \"ramda\";\n\nimport Editor from \".\";\n\nconst FormikEditor = (\n {\n name,\n onChange = noop,\n shouldUpdate,\n attachments = [],\n mentions = [],\n variables = [],\n ...otherProps\n },\n ref\n) => {\n // Similar to the `shouldComponentUpdate` logic of FastField component.\n // https://github.com/jaredpalmer/formik/blob/main/packages/formik/src/FastField.tsx#L75-L93\n // Additionally calls the shouldUpdate function passed from the host application and compares to\n // the rest of the values.\n const internalShouldUpdate = (prevProps, nextProps) => {\n const prevFormikProps = prevProps.formik;\n const nextFormikProps = nextProps.formik;\n\n const pathParts = name.split(\".\");\n const prevError = path(pathParts, prevFormikProps.errors);\n const nextError = path(pathParts, nextFormikProps.errors);\n const prevTouched = path(pathParts, prevFormikProps.touched);\n const nextTouched = path(pathParts, nextFormikProps.touched);\n\n return (\n prevError !== nextError ||\n prevTouched !== nextTouched ||\n Object.keys(nextProps).length !== Object.keys(prevProps).length ||\n prevFormikProps.isSubmitting !== nextFormikProps.isSubmitting ||\n Boolean(shouldUpdate?.(prevProps, nextProps))\n );\n };\n\n return (\n <FastField\n {...{ attachments, mentions, name, variables }}\n shouldUpdate={internalShouldUpdate}\n >\n {({ field, form, meta }) => (\n <Editor\n {...{ attachments, mentions, name, ref, variables }}\n error={meta.touched ? meta.error : \"\"}\n initialValue={field.value}\n onBlur={() => {\n form.setFieldTouched(name, true);\n }}\n onChange={value => {\n form.setFieldValue(name, value);\n onChange?.(value);\n }}\n {...otherProps}\n />\n )}\n </FastField>\n );\n};\n\nFormikEditor.displayName = \"FormikNeetoEditor\";\n\nexport default memo(forwardRef(FormikEditor));\n"],"names":["FormikEditor","_ref","ref","name","_ref$onChange","onChange","noop","shouldUpdate","_ref$attachments","attachments","_ref$mentions","mentions","_ref$variables","variables","otherProps","_objectWithoutProperties","_excluded","internalShouldUpdate","prevProps","nextProps","prevFormikProps","formik","nextFormikProps","pathParts","split","prevError","path","errors","nextError","prevTouched","touched","nextTouched","Object","keys","length","isSubmitting","Boolean","_jsx","FastField","children","_ref2","field","form","meta","Editor","_objectSpread","error","initialValue","value","onBlur","setFieldTouched","setFieldValue","displayName","memo","forwardRef"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormikEditor.js","sources":["../src/components/Editor/FormikEditor.jsx"],"sourcesContent":["import { forwardRef, memo } from \"react\";\n\nimport { FastField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { path } from \"ramda\";\n\nimport Editor from \".\";\n\nconst FormikEditor = (\n {\n name,\n onChange = noop,\n shouldUpdate,\n attachments = [],\n mentions = [],\n variables = [],\n ...otherProps\n },\n ref\n) => {\n // Similar to the `shouldComponentUpdate` logic of FastField component.\n // https://github.com/jaredpalmer/formik/blob/main/packages/formik/src/FastField.tsx#L75-L93\n // Additionally calls the shouldUpdate function passed from the host application and compares to\n // the rest of the values.\n const internalShouldUpdate = (prevProps, nextProps) => {\n const prevFormikProps = prevProps.formik;\n const nextFormikProps = nextProps.formik;\n\n const pathParts = name.split(\".\");\n const prevError = path(pathParts, prevFormikProps.errors);\n const nextError = path(pathParts, nextFormikProps.errors);\n const prevTouched = path(pathParts, prevFormikProps.touched);\n const nextTouched = path(pathParts, nextFormikProps.touched);\n\n return (\n prevError !== nextError ||\n prevTouched !== nextTouched ||\n Object.keys(nextProps).length !== Object.keys(prevProps).length ||\n prevFormikProps.isSubmitting !== nextFormikProps.isSubmitting ||\n Boolean(shouldUpdate?.(prevProps, nextProps))\n );\n };\n\n return (\n <FastField\n {...{ attachments, mentions, name, variables }}\n shouldUpdate={internalShouldUpdate}\n >\n {({ field, form, meta }) => (\n <Editor\n {...{ attachments, mentions, name, ref, variables }}\n error={meta.touched ? meta.error : \"\"}\n initialValue={field.value}\n onBlur={() => {\n form.setFieldTouched(name, true);\n }}\n onChange={value => {\n form.setFieldValue(name, value);\n onChange?.(value);\n }}\n {...otherProps}\n />\n )}\n </FastField>\n );\n};\n\nFormikEditor.displayName = \"FormikNeetoEditor\";\n\nexport default memo(forwardRef(FormikEditor));\n"],"names":["FormikEditor","_ref","ref","name","_ref$onChange","onChange","noop","shouldUpdate","_ref$attachments","attachments","_ref$mentions","mentions","_ref$variables","variables","otherProps","_objectWithoutProperties","_excluded","internalShouldUpdate","prevProps","nextProps","prevFormikProps","formik","nextFormikProps","pathParts","split","prevError","path","errors","nextError","prevTouched","touched","nextTouched","Object","keys","length","isSubmitting","Boolean","_jsx","FastField","children","_ref2","field","form","meta","Editor","_objectSpread","error","initialValue","value","onBlur","setFieldTouched","setFieldValue","displayName","memo","forwardRef"],"mappings":"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"}
|
package/dist/Menu.js
CHANGED
|
@@ -3,11 +3,17 @@ import '@babel/runtime/helpers/toConsumableArray';
|
|
|
3
3
|
import '@babel/runtime/helpers/slicedToArray';
|
|
4
4
|
import 'react';
|
|
5
5
|
import 'ramda';
|
|
6
|
-
export { M as default } from './chunk-
|
|
6
|
+
export { M as default } from './chunk-BWTtXW7N.js';
|
|
7
7
|
import './chunk-CftSm0ZU.js';
|
|
8
8
|
import 'react/jsx-runtime';
|
|
9
9
|
import './chunk-DmrvuTKK.js';
|
|
10
10
|
import 'i18next';
|
|
11
|
+
import '@bigbinary/neeto-icons/TextH1';
|
|
12
|
+
import '@bigbinary/neeto-icons/TextH2';
|
|
13
|
+
import '@bigbinary/neeto-icons/TextH3';
|
|
14
|
+
import '@bigbinary/neeto-icons/TextH4';
|
|
15
|
+
import '@bigbinary/neeto-icons/TextH5';
|
|
16
|
+
import '@bigbinary/neeto-icons/TextP';
|
|
11
17
|
import './chunk-BQZagJsZ.js';
|
|
12
18
|
import '@bigbinary/neeto-cist';
|
|
13
19
|
import './chunk-FWwP48qR.js';
|
|
@@ -75,6 +81,7 @@ import '@bigbinary/neeto-commons-frontend/initializers';
|
|
|
75
81
|
import '@bigbinary/neetoui/Tooltip';
|
|
76
82
|
import '@bigbinary/neetoui/Spinner';
|
|
77
83
|
import '@bigbinary/neetoui/Checkbox';
|
|
84
|
+
import '@bigbinary/neeto-icons/Down';
|
|
78
85
|
import '@bigbinary/neeto-icons/MenuHorizontal';
|
|
79
86
|
import '@tippyjs/react';
|
|
80
87
|
import '@bigbinary/neeto-icons/File';
|
package/dist/Menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -5,6 +5,12 @@ import React__default, { forwardRef, createContext, useState, useEffect, useDebu
|
|
|
5
5
|
import { isEmpty, fromPairs, prop, not, assoc, last } from 'ramda';
|
|
6
6
|
import { n } from './chunk-DmrvuTKK.js';
|
|
7
7
|
import i18n, { t as t$1 } from 'i18next';
|
|
8
|
+
import TextH1 from '@bigbinary/neeto-icons/TextH1';
|
|
9
|
+
import TextH2 from '@bigbinary/neeto-icons/TextH2';
|
|
10
|
+
import TextH3 from '@bigbinary/neeto-icons/TextH3';
|
|
11
|
+
import TextH4 from '@bigbinary/neeto-icons/TextH4';
|
|
12
|
+
import TextH5 from '@bigbinary/neeto-icons/TextH5';
|
|
13
|
+
import TextP from '@bigbinary/neeto-icons/TextP';
|
|
8
14
|
import { T as TextSelection, N as NodeSelection, S as Selection, b as Slice, d as dropPoint, D as DOMSerializer, F as Fragment, c as DOMParser, A as AllSelection, M as Mark$1, P as Plugin, R as ReplaceError, e as MarkType, l as liftTarget$2, r as replaceStep$1, f as ReplaceStep$2, g as canJoin$2, j as joinPoint$1, h as canSplit$2, k as ReplaceAroundStep$2, m as findWrapping$2, n as NodeRange, o as PluginKey, p as Schema, E as EditorState, v as validateAndFormatUrl } from './chunk-BQZagJsZ.js';
|
|
9
15
|
import tippy, { roundArrow } from 'tippy.js';
|
|
10
16
|
import ReactDOM, { flushSync, createPortal } from 'react-dom';
|
|
@@ -67,6 +73,7 @@ import { a as getAugmentedNamespace } from './chunk-E-ZsRS8r.js';
|
|
|
67
73
|
import Checkbox from '@bigbinary/neetoui/Checkbox';
|
|
68
74
|
import { shallow } from 'zustand/shallow';
|
|
69
75
|
import { create } from 'zustand';
|
|
76
|
+
import Down from '@bigbinary/neeto-icons/Down';
|
|
70
77
|
import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
|
|
71
78
|
import Tippy from '@tippyjs/react';
|
|
72
79
|
import File$1 from '@bigbinary/neeto-icons/File';
|
|
@@ -15831,7 +15838,7 @@ var MenuButton = function MenuButton(_ref) {
|
|
|
15831
15838
|
style: isActive ? "secondary" : "text",
|
|
15832
15839
|
tabIndex: "-1",
|
|
15833
15840
|
tooltipProps: {
|
|
15834
|
-
content: label,
|
|
15841
|
+
content: renderTooltipContent(label, optionName),
|
|
15835
15842
|
position: "bottom"
|
|
15836
15843
|
},
|
|
15837
15844
|
onClick: command
|
|
@@ -15860,9 +15867,6 @@ var EmojiOption = function EmojiOption(_ref) {
|
|
|
15860
15867
|
return /*#__PURE__*/jsx(Dropdown$1, {
|
|
15861
15868
|
buttonStyle: "text",
|
|
15862
15869
|
closeOnSelect: false,
|
|
15863
|
-
dropdownProps: {
|
|
15864
|
-
classNames: "neeto-editor-fixed-menu__emoji-dropdown"
|
|
15865
|
-
},
|
|
15866
15870
|
icon: Smiley,
|
|
15867
15871
|
isOpen: isActive,
|
|
15868
15872
|
position: isSecondaryMenu ? "left-start" : "bottom-start",
|
|
@@ -15880,6 +15884,12 @@ var EmojiOption = function EmojiOption(_ref) {
|
|
|
15880
15884
|
label: label,
|
|
15881
15885
|
icon: Smiley
|
|
15882
15886
|
}),
|
|
15887
|
+
dropdownProps: {
|
|
15888
|
+
classNames: "neeto-editor-fixed-menu__emoji-dropdown",
|
|
15889
|
+
onClick: function onClick(e) {
|
|
15890
|
+
return isSecondaryMenu && e.stopPropagation();
|
|
15891
|
+
}
|
|
15892
|
+
},
|
|
15883
15893
|
onClose: function onClose() {
|
|
15884
15894
|
return setActive(false);
|
|
15885
15895
|
},
|
|
@@ -18835,27 +18845,33 @@ var Headless = function Headless(_ref) {
|
|
|
18835
18845
|
var FONT_SIZE_OPTIONS = [{
|
|
18836
18846
|
label: t$1("neetoEditor.menu.heading1"),
|
|
18837
18847
|
value: 1,
|
|
18838
|
-
key: "h1"
|
|
18848
|
+
key: "h1",
|
|
18849
|
+
icon: TextH1
|
|
18839
18850
|
}, {
|
|
18840
18851
|
label: t$1("neetoEditor.menu.heading2"),
|
|
18841
18852
|
value: 2,
|
|
18842
|
-
key: "h2"
|
|
18853
|
+
key: "h2",
|
|
18854
|
+
icon: TextH2
|
|
18843
18855
|
}, {
|
|
18844
18856
|
label: t$1("neetoEditor.menu.heading3"),
|
|
18845
18857
|
value: 3,
|
|
18846
|
-
key: "h3"
|
|
18858
|
+
key: "h3",
|
|
18859
|
+
icon: TextH3
|
|
18847
18860
|
}, {
|
|
18848
18861
|
label: t$1("neetoEditor.menu.heading4"),
|
|
18849
18862
|
value: 4,
|
|
18850
|
-
key: "h4"
|
|
18863
|
+
key: "h4",
|
|
18864
|
+
icon: TextH4
|
|
18851
18865
|
}, {
|
|
18852
18866
|
label: t$1("neetoEditor.menu.heading5"),
|
|
18853
18867
|
value: 5,
|
|
18854
|
-
key: "h5"
|
|
18868
|
+
key: "h5",
|
|
18869
|
+
icon: TextH5
|
|
18855
18870
|
}, {
|
|
18856
18871
|
label: t$1("neetoEditor.menu.normalText"),
|
|
18857
18872
|
value: 0,
|
|
18858
|
-
key: "body2"
|
|
18873
|
+
key: "body2",
|
|
18874
|
+
icon: TextP
|
|
18859
18875
|
}];
|
|
18860
18876
|
var MENU_COMPONENTS = {
|
|
18861
18877
|
fixed: Fixed,
|
|
@@ -18898,10 +18914,15 @@ var FontSizeOption = function FontSizeOption(_ref) {
|
|
|
18898
18914
|
}, FONT_SIZE_OPTIONS)), [FONT_SIZE_OPTIONS.at(-1)]);
|
|
18899
18915
|
return /*#__PURE__*/jsx(Dropdown$1, {
|
|
18900
18916
|
autoWidth: true,
|
|
18901
|
-
label: activeOption === null || activeOption === void 0 ? void 0 : activeOption.label,
|
|
18902
18917
|
placement: "bottom-start",
|
|
18903
18918
|
strategy: "fixed",
|
|
18904
18919
|
buttonProps: {
|
|
18920
|
+
icon: activeOption === null || activeOption === void 0 ? void 0 : activeOption.icon,
|
|
18921
|
+
iconPosition: "left",
|
|
18922
|
+
iconSize: 22,
|
|
18923
|
+
label: /*#__PURE__*/jsx(Down, {
|
|
18924
|
+
size: 12
|
|
18925
|
+
}),
|
|
18905
18926
|
ref: dropdownRef,
|
|
18906
18927
|
"data-cy": "neeto-editor-fixed-menu-font-size-option",
|
|
18907
18928
|
onKeyDown: function onKeyDown(event) {
|
|
@@ -18917,18 +18938,24 @@ var FontSizeOption = function FontSizeOption(_ref) {
|
|
|
18917
18938
|
className: "neeto-editor-fixed-menu__item neeto-editor-font-size__wrapper"
|
|
18918
18939
|
},
|
|
18919
18940
|
children: /*#__PURE__*/jsx(Menu$2, {
|
|
18941
|
+
className: "neeto-ui-flex neeto-ui-gap-1 neeto-editor-menu-font-size-options",
|
|
18920
18942
|
children: menuOptions.map(function (_ref2) {
|
|
18921
18943
|
var label = _ref2.label,
|
|
18944
|
+
Icon = _ref2.icon,
|
|
18922
18945
|
value = _ref2.value,
|
|
18923
18946
|
key = _ref2.key;
|
|
18924
18947
|
return /*#__PURE__*/jsx(MenuItem.Button, {
|
|
18948
|
+
className: "neeto-editor-menu-font-size-options__item-btn",
|
|
18925
18949
|
"data-cy": "neeto-editor-fixed-menu-font-size-option-".concat(key),
|
|
18950
|
+
tooltipProps: {
|
|
18951
|
+
content: label,
|
|
18952
|
+
position: "bottom"
|
|
18953
|
+
},
|
|
18926
18954
|
onClick: function onClick() {
|
|
18927
18955
|
return handleClick(value);
|
|
18928
18956
|
},
|
|
18929
|
-
children: /*#__PURE__*/jsx(
|
|
18930
|
-
|
|
18931
|
-
children: label
|
|
18957
|
+
children: /*#__PURE__*/jsx(Icon, {
|
|
18958
|
+
size: 22
|
|
18932
18959
|
})
|
|
18933
18960
|
}, value);
|
|
18934
18961
|
})
|
|
@@ -19033,6 +19060,7 @@ var TableOption = function TableOption(_ref) {
|
|
|
19033
19060
|
};
|
|
19034
19061
|
var TableOption$1 = /*#__PURE__*/memo(TableOption);
|
|
19035
19062
|
|
|
19063
|
+
var _SHORTCUTS;
|
|
19036
19064
|
var MENU_ELEMENT_TYPES = {
|
|
19037
19065
|
BUTTON: "button",
|
|
19038
19066
|
FONT_SIZE: "fontSize",
|
|
@@ -19041,13 +19069,47 @@ var MENU_ELEMENT_TYPES = {
|
|
|
19041
19069
|
EMOJI: "emoji",
|
|
19042
19070
|
MENTIONS: "mentions"
|
|
19043
19071
|
};
|
|
19072
|
+
var SHORTCUTS = (_SHORTCUTS = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_SHORTCUTS, EDITOR_OPTIONS.BOLD, {
|
|
19073
|
+
mac: "⌘B",
|
|
19074
|
+
win: "Ctrl+B"
|
|
19075
|
+
}), EDITOR_OPTIONS.ITALIC, {
|
|
19076
|
+
mac: "⌘I",
|
|
19077
|
+
win: "Ctrl+I"
|
|
19078
|
+
}), EDITOR_OPTIONS.UNDERLINE, {
|
|
19079
|
+
mac: "⌘U",
|
|
19080
|
+
win: "Ctrl+U"
|
|
19081
|
+
}), EDITOR_OPTIONS.STRIKETHROUGH, {
|
|
19082
|
+
mac: "⌘⇧S or ⌘⇧X",
|
|
19083
|
+
win: "Ctrl+Shift+S or Ctrl+Shift+X"
|
|
19084
|
+
}), EDITOR_OPTIONS.CODE, {
|
|
19085
|
+
mac: "⌘E",
|
|
19086
|
+
win: "Ctrl+E"
|
|
19087
|
+
}), EDITOR_OPTIONS.UNDO, {
|
|
19088
|
+
mac: "⌘Z",
|
|
19089
|
+
win: "Ctrl+Z"
|
|
19090
|
+
}), EDITOR_OPTIONS.REDO, {
|
|
19091
|
+
mac: "⌘⇧Z",
|
|
19092
|
+
win: "Ctrl+Shift+Z"
|
|
19093
|
+
}), EDITOR_OPTIONS.LINK, {
|
|
19094
|
+
mac: "⌘K",
|
|
19095
|
+
win: "Ctrl+K"
|
|
19096
|
+
}), EDITOR_OPTIONS.HIGHLIGHT, {
|
|
19097
|
+
mac: "⌘⇧H",
|
|
19098
|
+
win: "Ctrl+Shift+H"
|
|
19099
|
+
}), "bulletList", {
|
|
19100
|
+
mac: "⌘⇧8",
|
|
19101
|
+
win: "Ctrl+Shift+8"
|
|
19102
|
+
}), _defineProperty(_SHORTCUTS, "orderedList", {
|
|
19103
|
+
mac: "⌘⇧7",
|
|
19104
|
+
win: "Ctrl+Shift+7"
|
|
19105
|
+
}));
|
|
19044
19106
|
var MENU_ELEMENTS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MENU_ELEMENT_TYPES.BUTTON, MenuButton$1), 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);
|
|
19045
19107
|
var MENU_ELEMENT_WIDTHS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MENU_ELEMENT_TYPES.BUTTON, 36), 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);
|
|
19046
19108
|
|
|
19047
19109
|
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; }
|
|
19048
19110
|
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(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; }
|
|
19049
19111
|
var createMenuOptions = function createMenuOptions(_ref) {
|
|
19050
|
-
var _tooltips$undo, _tooltips$redo, _tooltips$fontSize, _tooltips$bold, _tooltips$italic, _tooltips$
|
|
19112
|
+
var _tooltips$undo, _tooltips$redo, _tooltips$fontSize, _tooltips$bold, _tooltips$italic, _tooltips$link, _tooltips$strike, _tooltips$highlight, _tooltips$bulletList, _tooltips$orderedList, _tooltips$blockQuote, _tooltips$table, _tooltips$attachments, _tooltips$imageUpload, _tooltips$videoEmbed, _tooltips$textColor, _tooltips$emoji, _tooltips$mention, _tooltips$code, _tooltips$codeBlock, _tooltips$videoUpload, _tooltips$underline;
|
|
19051
19113
|
var tooltips = _ref.tooltips,
|
|
19052
19114
|
setMediaUploader = _ref.setMediaUploader,
|
|
19053
19115
|
attachmentProps = _ref.attachmentProps,
|
|
@@ -19109,15 +19171,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
19109
19171
|
}),
|
|
19110
19172
|
optionName: EDITOR_OPTIONS.ITALIC,
|
|
19111
19173
|
label: (_tooltips$italic = tooltips.italic) !== null && _tooltips$italic !== void 0 ? _tooltips$italic : t$1("neetoEditor.menu.italic")
|
|
19112
|
-
}, {
|
|
19113
|
-
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19114
|
-
icon: Underline,
|
|
19115
|
-
isEnabled: options.includes(EDITOR_OPTIONS.UNDERLINE),
|
|
19116
|
-
command: runEditorCommand(function (editor) {
|
|
19117
|
-
return editor.chain().focus().toggleUnderline().run();
|
|
19118
|
-
}),
|
|
19119
|
-
optionName: EDITOR_OPTIONS.UNDERLINE,
|
|
19120
|
-
label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : t$1("neetoEditor.menu.underline")
|
|
19121
19174
|
}, {
|
|
19122
19175
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19123
19176
|
icon: Link,
|
|
@@ -19179,24 +19232,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
19179
19232
|
optionName: "blockquote",
|
|
19180
19233
|
highlight: true,
|
|
19181
19234
|
label: (_tooltips$blockQuote = tooltips.blockQuote) !== null && _tooltips$blockQuote !== void 0 ? _tooltips$blockQuote : t$1("neetoEditor.menu.blockQuote")
|
|
19182
|
-
}, {
|
|
19183
|
-
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19184
|
-
icon: Code,
|
|
19185
|
-
command: runEditorCommand(function (editor) {
|
|
19186
|
-
return editor.chain().focus().toggleCode().run();
|
|
19187
|
-
}),
|
|
19188
|
-
isEnabled: options.includes(EDITOR_OPTIONS.CODE),
|
|
19189
|
-
optionName: EDITOR_OPTIONS.CODE,
|
|
19190
|
-
label: (_tooltips$code = tooltips.code) !== null && _tooltips$code !== void 0 ? _tooltips$code : t$1("neetoEditor.menu.code")
|
|
19191
|
-
}, {
|
|
19192
|
-
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19193
|
-
icon: CodeBlock,
|
|
19194
|
-
command: runEditorCommand(function (editor) {
|
|
19195
|
-
return editor.chain().focus().toggleCodeBlock().run();
|
|
19196
|
-
}),
|
|
19197
|
-
isEnabled: options.includes(EDITOR_OPTIONS.CODE_BLOCK),
|
|
19198
|
-
optionName: "codeBlock",
|
|
19199
|
-
label: (_tooltips$codeBlock = tooltips.codeBlock) !== null && _tooltips$codeBlock !== void 0 ? _tooltips$codeBlock : t$1("neetoEditor.menu.codeBlock")
|
|
19200
19235
|
}],
|
|
19201
19236
|
// misc
|
|
19202
19237
|
[{
|
|
@@ -19223,15 +19258,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
19223
19258
|
isEnabled: options.includes(EDITOR_OPTIONS.IMAGE_UPLOAD),
|
|
19224
19259
|
optionName: EDITOR_OPTIONS.IMAGE_UPLOAD,
|
|
19225
19260
|
label: (_tooltips$imageUpload = tooltips.imageUpload) !== null && _tooltips$imageUpload !== void 0 ? _tooltips$imageUpload : t$1("neetoEditor.menu.imageUpload")
|
|
19226
|
-
}, {
|
|
19227
|
-
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19228
|
-
icon: Video,
|
|
19229
|
-
command: function command() {
|
|
19230
|
-
return setMediaUploader(assoc("video", true));
|
|
19231
|
-
},
|
|
19232
|
-
isEnabled: options.includes(EDITOR_OPTIONS.VIDEO_UPLOAD),
|
|
19233
|
-
optionName: EDITOR_OPTIONS.VIDEO_UPLOAD,
|
|
19234
|
-
label: (_tooltips$videoUpload = tooltips.videoUpload) !== null && _tooltips$videoUpload !== void 0 ? _tooltips$videoUpload : t$1("neetoEditor.menu.videoUpload")
|
|
19235
19261
|
}, {
|
|
19236
19262
|
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19237
19263
|
icon: MediaVideo,
|
|
@@ -19261,6 +19287,42 @@ var createMenuOptions = function createMenuOptions(_ref) {
|
|
|
19261
19287
|
isEnabled: isNotEmpty(mentions),
|
|
19262
19288
|
optionName: "mentions",
|
|
19263
19289
|
mentions: mentions
|
|
19290
|
+
}, {
|
|
19291
|
+
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19292
|
+
icon: Code,
|
|
19293
|
+
command: runEditorCommand(function (editor) {
|
|
19294
|
+
return editor.chain().focus().toggleCode().run();
|
|
19295
|
+
}),
|
|
19296
|
+
isEnabled: options.includes(EDITOR_OPTIONS.CODE),
|
|
19297
|
+
optionName: EDITOR_OPTIONS.CODE,
|
|
19298
|
+
label: (_tooltips$code = tooltips.code) !== null && _tooltips$code !== void 0 ? _tooltips$code : t$1("neetoEditor.menu.code")
|
|
19299
|
+
}, {
|
|
19300
|
+
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19301
|
+
icon: CodeBlock,
|
|
19302
|
+
command: runEditorCommand(function (editor) {
|
|
19303
|
+
return editor.chain().focus().toggleCodeBlock().run();
|
|
19304
|
+
}),
|
|
19305
|
+
isEnabled: options.includes(EDITOR_OPTIONS.CODE_BLOCK),
|
|
19306
|
+
optionName: "codeBlock",
|
|
19307
|
+
label: (_tooltips$codeBlock = tooltips.codeBlock) !== null && _tooltips$codeBlock !== void 0 ? _tooltips$codeBlock : t$1("neetoEditor.menu.codeBlock")
|
|
19308
|
+
}, {
|
|
19309
|
+
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19310
|
+
icon: Video,
|
|
19311
|
+
command: function command() {
|
|
19312
|
+
return setMediaUploader(assoc("video", true));
|
|
19313
|
+
},
|
|
19314
|
+
isEnabled: options.includes(EDITOR_OPTIONS.VIDEO_UPLOAD),
|
|
19315
|
+
optionName: EDITOR_OPTIONS.VIDEO_UPLOAD,
|
|
19316
|
+
label: (_tooltips$videoUpload = tooltips.videoUpload) !== null && _tooltips$videoUpload !== void 0 ? _tooltips$videoUpload : t$1("neetoEditor.menu.videoUpload")
|
|
19317
|
+
}, {
|
|
19318
|
+
type: MENU_ELEMENT_TYPES.BUTTON,
|
|
19319
|
+
icon: Underline,
|
|
19320
|
+
isEnabled: options.includes(EDITOR_OPTIONS.UNDERLINE),
|
|
19321
|
+
command: runEditorCommand(function (editor) {
|
|
19322
|
+
return editor.chain().focus().toggleUnderline().run();
|
|
19323
|
+
}),
|
|
19324
|
+
optionName: EDITOR_OPTIONS.UNDERLINE,
|
|
19325
|
+
label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : t$1("neetoEditor.menu.underline")
|
|
19264
19326
|
}], //addons
|
|
19265
19327
|
_toConsumableArray(addonCommandOptions)];
|
|
19266
19328
|
};
|
|
@@ -19389,8 +19451,17 @@ var getLinkPopoverPosition = function getLinkPopoverPosition(editor, popoverRef)
|
|
|
19389
19451
|
popoverPosition: popoverPosition
|
|
19390
19452
|
};
|
|
19391
19453
|
};
|
|
19454
|
+
function renderTooltipContent(label, optionName) {
|
|
19455
|
+
var shortcut = SHORTCUTS[optionName];
|
|
19456
|
+
if (!shortcut) return label;
|
|
19457
|
+
var isMac = function isMac() {
|
|
19458
|
+
return typeof window !== "undefined" && /Mac|iPod|iPhone|iPad/.test(window.navigator.userAgent);
|
|
19459
|
+
};
|
|
19460
|
+
var key = isMac() ? shortcut.mac : shortcut.win;
|
|
19461
|
+
return "".concat(label, " (").concat(key, ")");
|
|
19462
|
+
}
|
|
19392
19463
|
|
|
19393
|
-
var css = ".neeto-editor-fixed-menu{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-gray-400));border-bottom:none;border-radius:var(--neeto-ui-rounded) var(--neeto-ui-rounded) 0 0;display:flex;position:relative}.neeto-editor-fixed-menu--independant{border-bottom:thin solid rgb(var(--neeto-ui-gray-400));border-radius:0;border-radius:initial}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper{border-bottom:0!important}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.8px}.neeto-editor-fixed-menu__item{border-radius:0}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item{--neeto-ui-btn-border-radius:0;--neeto-ui-btn-icon-size:22px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;--neeto-ui-btn-focus-box-shadow:none;align-items:center;height:36px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:0;width:36px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-black))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.5px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-accent-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-accent-800))}.neeto-editor-fixed-menu__wrapper{align-items:center;border-bottom:thin solid rgb(var(--neeto-ui-gray-400));display:flex;flex-grow:1;justify-content:flex-start;padding:0 2px;width:100%}.neeto-editor-fixed-menu__wrapper__button-group{display:flex}.neeto-editor-fixed-menu__variables{bottom:-42px;position:absolute;right:8px;z-index:10}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item{background-color:rgb(var(--neeto-ui-gray-700));border-radius:var(--neeto-ui-rounded-sm);padding:4px}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item.active,.neeto-editor-fixed-menu__variables .neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-600))}.neeto-editor-fixed-menu__right-options{display:flex}.neeto-editor-fixed-menu__emoji-dropdown{max-height:none!important}.neeto-editor-fixed-menu__separator{display:flex;height:28px;width:32px}.neeto-editor-fixed-menu__separator span{width:100%}.neeto-editor-fixed-menu__separator span:first-child{border-right:1px solid rgb(var(--neeto-ui-gray-200))}.neeto-editor-text-color-option__options-group{align-items:center;display:flex;gap:8px;margin:8px 4px}.neeto-editor-text-color-option__options-group__input{max-width:120px}.neeto-editor-text-color-option__options-group__reset-button{align-self:center}.react-colorful{width:100%!important}.neeto-editor-menu__item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;justify-content:center;padding:8px;transition:var(--neeto-ui-transition)}.neeto-editor-menu__item p{color:rgb(var(--neeto-ui-gray-600));font-size:var(--neeto-ui-text-xs);line-height:1;white-space:nowrap}.neeto-editor-menu__item.active,.neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-editor-menu__item:focus,.neeto-editor-menu__item:focus-visible{outline:rgb(var(--neeto-ui-gray-300)) auto 1px}.neeto-editor-menu__item input[type=color]{height:0;visibility:hidden;width:0}.neeto-editor-menu__item:disabled{background-color:rgb(var(--neeto-ui-gray-100));opacity:.5}.neeto-editor-link__item{align-items:flex-start;justify-content:flex-start}.neeto-editor-link__item,.neeto-editor-table__item{display:flex!important;flex-direction:row;gap:8px;padding:8px!important}.neeto-editor-table__item{min-width:210px}.neeto-editor-table__item input{max-width:60px!important}.neeto-editor-table__options-menu{display:flex;flex-direction:column;gap:8px;max-height:150px!important;overflow:scroll;padding:8px!important}.neeto-editor-font-size__wrapper{font-weight:var(--neeto-ui-font-normal)!important;padding-left:4px!important;padding-right:4px!important}.neeto-editor-bubble-menu{align-items:center;background:rgb(var(--neeto-ui-gray-800));border-radius:var(--neeto-ui-rounded);display:flex;flex-direction:row;gap:1px;justify-content:flex-start;padding:0 4px;position:relative}.neeto-editor-bubble-menu button.neeto-ui-btn--style-text{color:rgb(var(--neeto-ui-gray-200));min-width:-moz-fit-content;min-width:fit-content}.neeto-editor-bubble-menu button.neeto-ui-btn--style-text.active,.neeto-editor-bubble-menu button.neeto-ui-btn--style-text:active,.neeto-editor-bubble-menu button.neeto-ui-btn--style-text:hover{background-color:rgb(var(--neeto-ui-gray-600))!important;color:rgb(var(--neeto-ui-gray-200))!important}.neeto-editor-bubble-menu button.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-gray-400));min-width:-moz-fit-content;min-width:fit-content}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup{background-color:rgb(var(--neeto-ui-gray-700))}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn{background-color:inherit!important;color:rgb(var(--neeto-ui-gray-200))!important}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn.active,.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn:active,.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn:hover{background-color:rgb(var(--neeto-ui-gray-600))!important}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px;width:256px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input{background-color:transparent;color:rgb(var(--neeto-ui-gray-200));line-height:20px;outline:none;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only{min-height:0;opacity:.8;padding:0}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only:hover{opacity:1}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table{align-items:center;display:flex;gap:6px;justify-content:space-between;max-width:256px;padding:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input{background-color:rgba(var(--neeto-ui-gray-400),.2);height:24px;line-height:20px;outline:none;padding:3px 5px;width:60px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__menu-item{display:flex;flex-direction:column;gap:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__input-label{color:#fff}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__buttons{align-self:flex-end;display:flex;gap:4px;justify-content:space-between}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__options{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow:scroll}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown-target{align-items:center;display:flex;font-size:var(--neeto-ui-text-xs);gap:4px;line-height:var(--neeto-ui-leading-normal);white-space:nowrap}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown{align-items:flex-start;display:flex;flex-direction:column}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item{font-size:var(--neeto-ui-text-xs);padding:8px 12px;text-align:left;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:first-child{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:last-child{border-bottom-left-radius:var(--neeto-ui-rounded);border-bottom-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu-animate-shake{animation:shake 1s linear infinite alternate both}.neeto-editor-table-menu__button{align-items:flex-end;display:flex}.neeto-editor__image-menu .neeto-ui-dropdown__popup{display:flex;min-width:0;min-width:auto}.neeto-editor__image-menu .neeto-ui-dropdown__popup .neeto-ui-btn .neeto-ui-btn__icon{height:18px!important;width:18px!important}.neeto-editor__image-menu-btn{border-radius:100%;position:absolute!important;right:6px;top:6px;z-index:1}";
|
|
19464
|
+
var css = ".neeto-editor-fixed-menu{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-gray-400));border-bottom:none;border-radius:var(--neeto-ui-rounded) var(--neeto-ui-rounded) 0 0;display:flex;position:relative}.neeto-editor-fixed-menu--independant{border-bottom:thin solid rgb(var(--neeto-ui-gray-400));border-radius:0;border-radius:initial}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper{border-bottom:0!important}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.8px}.neeto-editor-fixed-menu__item{border-radius:0}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item{--neeto-ui-btn-border-radius:0;--neeto-ui-btn-icon-size:22px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;--neeto-ui-btn-focus-box-shadow:none;align-items:center;height:36px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:0;width:36px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-black))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.5px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-accent-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-accent-800))}.neeto-editor-fixed-menu__wrapper{align-items:center;border-bottom:thin solid rgb(var(--neeto-ui-gray-400));display:flex;flex-grow:1;justify-content:flex-start;padding:0 2px;width:100%}.neeto-editor-fixed-menu__wrapper__button-group{display:flex}.neeto-editor-fixed-menu__variables{bottom:-42px;position:absolute;right:8px;z-index:10}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item{background-color:rgb(var(--neeto-ui-gray-700));border-radius:var(--neeto-ui-rounded-sm);padding:4px}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item.active,.neeto-editor-fixed-menu__variables .neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-600))}.neeto-editor-fixed-menu__right-options{display:flex}.neeto-editor-fixed-menu__emoji-dropdown{max-height:none!important}.neeto-editor-fixed-menu__separator{display:flex;height:28px;width:32px}.neeto-editor-fixed-menu__separator span{width:100%}.neeto-editor-fixed-menu__separator span:first-child{border-right:1px solid rgb(var(--neeto-ui-gray-200))}.neeto-editor-text-color-option__options-group{align-items:center;display:flex;gap:8px;margin:8px 4px}.neeto-editor-text-color-option__options-group__input{max-width:120px}.neeto-editor-text-color-option__options-group__reset-button{align-self:center}.react-colorful{width:100%!important}.neeto-editor-menu__item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;justify-content:center;padding:8px;transition:var(--neeto-ui-transition)}.neeto-editor-menu__item p{color:rgb(var(--neeto-ui-gray-600));font-size:var(--neeto-ui-text-xs);line-height:1;white-space:nowrap}.neeto-editor-menu__item.active,.neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-editor-menu__item:focus,.neeto-editor-menu__item:focus-visible{outline:rgb(var(--neeto-ui-gray-300)) auto 1px}.neeto-editor-menu__item input[type=color]{height:0;visibility:hidden;width:0}.neeto-editor-menu__item:disabled{background-color:rgb(var(--neeto-ui-gray-100));opacity:.5}.neeto-editor-link__item{align-items:flex-start;justify-content:flex-start}.neeto-editor-link__item,.neeto-editor-table__item{display:flex!important;flex-direction:row;gap:8px;padding:8px!important}.neeto-editor-table__item{min-width:210px}.neeto-editor-table__item input{max-width:60px!important}.neeto-editor-table__options-menu{display:flex;flex-direction:column;gap:8px;max-height:150px!important;overflow:scroll;padding:8px!important}.neeto-editor-font-size__wrapper{font-size:16px;font-weight:var(--neeto-ui-font-normal)!important;padding-left:4px!important;padding-right:4px!important}.neeto-editor-bubble-menu{align-items:center;background:rgb(var(--neeto-ui-gray-800));border-radius:var(--neeto-ui-rounded);display:flex;flex-direction:row;gap:1px;justify-content:flex-start;padding:0 4px;position:relative}.neeto-editor-bubble-menu button.neeto-ui-btn--style-text{color:rgb(var(--neeto-ui-gray-200));min-width:-moz-fit-content;min-width:fit-content}.neeto-editor-bubble-menu button.neeto-ui-btn--style-text.active,.neeto-editor-bubble-menu button.neeto-ui-btn--style-text:active,.neeto-editor-bubble-menu button.neeto-ui-btn--style-text:hover{background-color:rgb(var(--neeto-ui-gray-600))!important;color:rgb(var(--neeto-ui-gray-200))!important}.neeto-editor-bubble-menu button.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-gray-400));min-width:-moz-fit-content;min-width:fit-content}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup{background-color:rgb(var(--neeto-ui-gray-700))}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn{background-color:inherit!important;color:rgb(var(--neeto-ui-gray-200))!important}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn.active,.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn:active,.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn:hover{background-color:rgb(var(--neeto-ui-gray-600))!important}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px;width:256px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input{background-color:transparent;color:rgb(var(--neeto-ui-gray-200));line-height:20px;outline:none;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only{min-height:0;opacity:.8;padding:0}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only:hover{opacity:1}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table{align-items:center;display:flex;gap:6px;justify-content:space-between;max-width:256px;padding:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input{background-color:rgba(var(--neeto-ui-gray-400),.2);height:24px;line-height:20px;outline:none;padding:3px 5px;width:60px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__menu-item{display:flex;flex-direction:column;gap:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__input-label{color:#fff}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__buttons{align-self:flex-end;display:flex;gap:4px;justify-content:space-between}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__options{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow:scroll}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown-target{align-items:center;display:flex;font-size:var(--neeto-ui-text-xs);gap:4px;line-height:var(--neeto-ui-leading-normal);white-space:nowrap}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown{align-items:flex-start;display:flex;flex-direction:column}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item{font-size:var(--neeto-ui-text-xs);padding:8px 12px;text-align:left;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:first-child{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:last-child{border-bottom-left-radius:var(--neeto-ui-rounded);border-bottom-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu-animate-shake{animation:shake 1s linear infinite alternate both}.neeto-editor-table-menu__button{align-items:flex-end;display:flex}.neeto-editor__image-menu .neeto-ui-dropdown__popup{display:flex;min-width:0;min-width:auto}.neeto-editor__image-menu .neeto-ui-dropdown__popup .neeto-ui-btn .neeto-ui-btn__icon{height:18px!important;width:18px!important}.neeto-editor__image-menu-btn{border-radius:100%;position:absolute!important;right:6px;top:6px;z-index:1}.neeto-editor-menu-font-size-options{padding:8px!important}.neeto-editor-menu-font-size-options .neeto-ui-dropdown__popup-menu-item{background-color:transparent!important}.neeto-editor-menu-font-size-options .neeto-editor-menu-font-size-options__item-btn{border-radius:var(--neeto-ui-btn-border-radius)!important;justify-content:center;min-height:34px;min-width:34px;overflow:hidden;padding-left:0!important;padding-right:0!important;text-align:center}.neeto-editor-menu-font-size-options .neeto-editor-menu-font-size-options__item-btn--selected{background-color:rgb(var(--neeto-ui-accent-100))!important;color:rgb(var(--neeto-ui-accent-800))!important}";
|
|
19394
19465
|
n(css,{});
|
|
19395
19466
|
|
|
19396
19467
|
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; }
|
|
@@ -19458,4 +19529,4 @@ var Menu = function Menu(props) {
|
|
|
19458
19529
|
};
|
|
19459
19530
|
|
|
19460
19531
|
export { combineTransactionSteps as A, getChangedRanges as B, findChildrenInRange as C, DecorationSet as D, Extension as E, getMarksBetween as F, getAttributes as G, highlightFocussedNode as H, InputRule as I, resetFocussedNode as J, findParentNodeClosestToPos as K, BubbleMenu as L, Menu as M, Node as N, getLinkPopoverPosition as O, PasteRule as P, getMarkType as Q, ReactNodeViewRenderer as R, getMarkRange as S, useEditor as T, useEditorState$1 as U, EditorContent as V, MediaUploader as W, EmbedOption as X, EditorView as Y, Mark as a, markInputRule as b, markPasteRule as c, Decoration as d, isAtStartOfNode as e, isAtEndOfNode as f, getMarkAttributes as g, getNodeType$1 as h, isNodeActive as i, getNodeAtPosition as j, keydownHandler as k, callOrReturn as l, mergeAttributes as m, getExtensionField as n, isNodeSelection as o, nodeInputRule as p, findChildren as q, NodeViewWrapper as r, NodeViewContent as s, textblockTypeInputRule as t, escapeForRegEx as u, validateUrl as v, wrappingInputRule as w, ReactRenderer as x, EmojiPickerMenu as y, emojiPickerApi as z };
|
|
19461
|
-
//# sourceMappingURL=chunk-
|
|
19532
|
+
//# sourceMappingURL=chunk-BWTtXW7N.js.map
|