@bigbinary/neeto-editor 1.40.0 → 1.40.1

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.
Files changed (44) hide show
  1. package/dist/Attachments.js +17 -5
  2. package/dist/Attachments.js.map +1 -1
  3. package/dist/Editor.js +629 -508
  4. package/dist/Editor.js.map +1 -1
  5. package/dist/EditorContent.js +50 -41
  6. package/dist/EditorContent.js.map +1 -1
  7. package/dist/FormikEditor.js +91 -30
  8. package/dist/FormikEditor.js.map +1 -1
  9. package/dist/Menu.js +45 -5
  10. package/dist/Menu.js.map +1 -1
  11. package/dist/{chunk-b39dfdd8.js → chunk-27a003fe.js} +831 -708
  12. package/dist/{chunk-b39dfdd8.js.map → chunk-27a003fe.js.map} +1 -1
  13. package/dist/{chunk-6dabc0b1.js → chunk-54bb591c.js} +66 -43
  14. package/dist/{chunk-6dabc0b1.js.map → chunk-54bb591c.js.map} +1 -1
  15. package/dist/{chunk-52091cdb.js → chunk-91e5e60f.js} +186 -152
  16. package/dist/chunk-91e5e60f.js.map +1 -0
  17. package/dist/{chunk-c1e6a992.js → chunk-eafe8fe4.js} +24 -18
  18. package/dist/{chunk-c1e6a992.js.map → chunk-eafe8fe4.js.map} +1 -1
  19. package/dist/cjs/Attachments.cjs.js +17 -5
  20. package/dist/cjs/Attachments.cjs.js.map +1 -1
  21. package/dist/cjs/Editor.cjs.js +705 -548
  22. package/dist/cjs/Editor.cjs.js.map +1 -1
  23. package/dist/cjs/EditorContent.cjs.js +61 -50
  24. package/dist/cjs/EditorContent.cjs.js.map +1 -1
  25. package/dist/cjs/FormikEditor.cjs.js +94 -33
  26. package/dist/cjs/FormikEditor.cjs.js.map +1 -1
  27. package/dist/cjs/Menu.cjs.js +45 -5
  28. package/dist/cjs/Menu.cjs.js.map +1 -1
  29. package/dist/cjs/{chunk-d12e89fd.cjs.js → chunk-242eea5e.cjs.js} +1033 -874
  30. package/dist/cjs/{chunk-d12e89fd.cjs.js.map → chunk-242eea5e.cjs.js.map} +1 -1
  31. package/dist/cjs/{chunk-d0720eac.cjs.js → chunk-391e4970.cjs.js} +214 -170
  32. package/dist/cjs/chunk-391e4970.cjs.js.map +1 -0
  33. package/dist/cjs/{chunk-3777ae13.cjs.js → chunk-969db227.cjs.js} +88 -60
  34. package/dist/cjs/{chunk-3777ae13.cjs.js.map → chunk-969db227.cjs.js.map} +1 -1
  35. package/dist/cjs/{chunk-76a5f21a.cjs.js → chunk-ae47a2a1.cjs.js} +41 -31
  36. package/dist/cjs/{chunk-76a5f21a.cjs.js.map → chunk-ae47a2a1.cjs.js.map} +1 -1
  37. package/dist/cjs/index.cjs.js +65 -7
  38. package/dist/cjs/index.cjs.js.map +1 -1
  39. package/dist/editor-stats.html +1 -1
  40. package/dist/index.js +65 -7
  41. package/dist/index.js.map +1 -1
  42. package/package.json +4 -3
  43. package/dist/chunk-52091cdb.js.map +0 -1
  44. package/dist/cjs/chunk-d0720eac.cjs.js.map +0 -1
package/dist/cjs/EditorContent.cjs.js CHANGED
@@ -1,10 +1,9 @@
1
1
  'use strict';
2
2
 
3
- var _extends = require('@babel/runtime/helpers/extends');
4
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
4
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
6
5
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
- var React$1 = require('react');
6
+ var React = require('react');
8
7
  var classnames = require('classnames');
9
8
  var DOMPurify = require('dompurify');
10
9
  var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
@@ -13,10 +12,12 @@ var client = require('react-dom/client');
13
12
  var injectCss = require('./chunk-da9ee471.cjs.js');
14
13
  var utils = require('./chunk-54dedc79.cjs.js');
15
14
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
16
- var neetoIcons = require('@bigbinary/neeto-icons');
17
- var neetoui = require('@bigbinary/neetoui');
15
+ var Close = require('@bigbinary/neeto-icons/Close');
16
+ var Button = require('@bigbinary/neetoui/Button');
17
+ var Spinner = require('@bigbinary/neetoui/Spinner');
18
18
  var ReactDOM = require('react-dom');
19
19
  var reactI18next = require('react-i18next');
20
+ var jsxRuntime = require('react/jsx-runtime');
20
21
  require('./chunk-1b36f0ca.cjs.js');
21
22
  require('./chunk-b4e271bc.cjs.js');
22
23
  require('@bigbinary/neeto-cist');
@@ -25,13 +26,15 @@ require('@babel/runtime/helpers/toConsumableArray');
25
26
 
26
27
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
27
28
 
28
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
29
29
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
30
30
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
31
31
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
32
32
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
33
33
  var DOMPurify__default = /*#__PURE__*/_interopDefaultLegacy(DOMPurify);
34
34
  var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
35
+ var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
36
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
37
+ var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
35
38
 
36
39
  var css = "@charset \"UTF-8\";@import url(\"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/github.min.css\");.neeto-editor-content{-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre-wrap;word-break:break-word}.neeto-editor-content h1,.neeto-editor-content h2,.neeto-editor-content h3,.neeto-editor-content h4,.neeto-editor-content h5,.neeto-editor-content h6{color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-semibold)}.neeto-editor-content h1 strong,.neeto-editor-content h2 strong,.neeto-editor-content h3 strong,.neeto-editor-content h4 strong,.neeto-editor-content h5 strong,.neeto-editor-content h6 strong{font-weight:var(--neeto-ui-font-semibold)!important}.neeto-editor-content h1{font-size:var(--neeto-ui-text-h1);margin:2rem 0 .25rem}.neeto-editor-content h2{font-size:var(--neeto-ui-text-h2);margin:1.5rem 0 .25rem}.neeto-editor-content h3{font-size:var(--neeto-ui-text-h3);margin:1rem 0 .25rem}.neeto-editor-content h4{font-size:var(--neeto-ui-text-h4);margin:.75rem 0 .25rem}.neeto-editor-content h5{font-size:var(--neeto-ui-text-h5);margin:.75rem 0 .25rem}.neeto-editor-content h6{font-size:var(--neeto-ui-text-h6);margin:.75rem 0 .25rem}@media only screen and (max-width:720px){.neeto-editor-content h1{font-size:22px}.neeto-editor-content h2{font-size:20px}.neeto-editor-content h3{font-size:18px}.neeto-editor-content h4{font-size:16px}.neeto-editor-content h5{font-size:14px}.neeto-editor-content h6{font-size:12px}}.neeto-editor-content p{color:rgb(var(--neeto-ui-black));font-size:var(--neeto-ui-text-body1);font-weight:var(--neeto-ui-font-normal);line-height:var(--neeto-ui-leading-normal)}.neeto-editor-content p:empty:after{content:\" \"}.neeto-editor-content p:last-child{margin-bottom:0}.neeto-editor-content p strong{font-weight:var(--neeto-ui-font-semibold)!important}.neeto-editor-content div{color:rgb(var(--neeto-ui-black));font-size:var(--neeto-ui-text-body1);font-weight:var(--neeto-ui-font-normal);line-height:var(--neeto-ui-leading-normal)}.neeto-editor-content code{background-color:rgb(var(--neeto-ui-gray-100));border-radius:var(--neeto-ui-rounded-sm);font-family:SFMono-Regular,Menlo,Consolas,PT Mono,Liberation Mono,Courier,monospace;font-size:14px;padding:.2em .4em}.neeto-editor-content h1 code,.neeto-editor-content h2 code,.neeto-editor-content h3 code,.neeto-editor-content h4 code,.neeto-editor-content h5 code,.neeto-editor-content h6 code,.neeto-editor-content p code{font-size:inherit}.neeto-editor-content pre{background-color:#f7f6f3;border-radius:var(--neeto-ui-rounded-sm);font-size:14px;line-height:1.5;margin-bottom:16px;margin-top:16px;overflow-x:auto;padding:32px 12px 12px;position:relative}.neeto-editor-content pre .neeto-editor-codeblock-options{align-items:center;display:flex;gap:4px;position:absolute;right:4px;top:4px}.neeto-editor-content pre .neeto-editor-codeblock-options__menu{display:flex;flex-direction:column;gap:4px}.neeto-editor-content pre .neeto-editor-codeblock-options__input{margin:4px}.neeto-editor-content pre>code{background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;padding:0;white-space:pre-wrap}.neeto-editor-content blockquote{border-left-color:#e5e7eb;border-left-width:4px;color:rgb(var(--neeto-ui-black));font-weight:var(--neeto-ui-font-medium);margin:8px 0;padding-left:12px;quotes:\"“\" \"”\" \"‘\" \"’\"}.neeto-editor-content blockquote>p:after,.neeto-editor-content blockquote>p:before{content:\"\"!important}.neeto-editor-content ol,.neeto-editor-content ul{list-style:revert;margin-bottom:1em;padding-left:28px}.neeto-editor-content ol li:before,.neeto-editor-content ul li:before{background-color:rgb(var(--neeto-ui-black))}.neeto-editor-content a[href]{color:rgb(var(--neeto-ui-accent-800));font-weight:500}.neeto-editor-content .neeto-editor__video-wrapper{display:flex;margin:16px 0}.neeto-editor-content .neeto-editor__video-wrapper .neeto-editor__video-iframe{border:2px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-lg);display:inline-block;padding:4px}.neeto-editor-content .neeto-editor__video-wrapper .neeto-editor__video-iframe iframe{height:100%;width:100%}.neeto-editor-content .neeto-editor__video--left{justify-content:flex-start}.neeto-editor-content .neeto-editor__video--right{justify-content:flex-end}.neeto-editor-content .neeto-editor__video--center{justify-content:center}.neeto-editor-content mark{border-radius:var(--neeto-ui-rounded-sm);padding:0}.neeto-editor-content [data-type=mention],.neeto-editor-content [data-type=special-mention]{color:rgb(var(--neeto-ui-accent-800))}.neeto-editor-content table{border:1px solid rgba(var(--neeto-ui-gray-300));border-collapse:separate;border-radius:var(--neeto-ui-rounded-sm);border-spacing:0;min-width:300px;overflow:hidden;table-layout:fixed}.neeto-editor-content table td,.neeto-editor-content table th{border-left:1px solid rgba(var(--neeto-ui-gray-300));border-top:1px solid rgba(var(--neeto-ui-gray-300));padding:8px 12px;position:relative}.neeto-editor-content table td:first-child,.neeto-editor-content table th:first-child{border-left:none}.neeto-editor-content table th{background:rgb(var(--neeto-ui-gray-100));border-top:none}.neeto-editor-content table td{background:rgb(var(--neeto-ui-white))}.neeto-editor-content--hidden{display:none}.neeto-editor__image-wrapper{color:inherit!important;display:flex;font-weight:400!important;margin:16px 0;padding-left:3px;text-decoration:none}.neeto-editor__image-wrapper figure{display:inline-block;max-width:100%;overflow:hidden;position:relative}.neeto-editor__image-wrapper .neeto-editor__image{display:inline-block}.neeto-editor__image-wrapper .neeto-editor__image img,.neeto-editor__image-wrapper .neeto-editor__image video{border:2px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-lg);display:inline-block;height:auto;min-height:52px;padding:4px;width:100%}.neeto-editor__image-wrapper .neeto-editor__image img{cursor:zoom-in}.neeto-editor__image-wrapper .neeto-editor__image-placeholder{align-items:center;border:1px solid;border-radius:8px;display:flex;height:200px;justify-content:center;width:400px}.neeto-editor__image-wrapper figcaption div{color:rgb(var(--neeto-ui-gray-600));font-size:14px;font-weight:var(--neeto-ui-font-normal);line-height:1.4;text-align:center}.neeto-editor__image-wrapper figcaption div a{display:inline-block;margin:0;text-align:center}.neeto-editor__image-wrapper figcaption.is-empty div:before{color:rgb(var(--neeto-ui-gray-500));content:\"Add a caption\";inset:0;position:absolute}.neeto-editor-content figcaption{color:#6b7280;font-size:14px;font-weight:400;line-height:1.4;text-align:center}.neeto-editor__image--left{justify-content:flex-start}.neeto-editor__image--center{justify-content:center}.neeto-editor__image--right{justify-content:flex-end}.selected-text{background-color:rgb(var(--neeto-ui-gray-300));padding:2px 0}.ne-image-preview-wrapper{align-items:center;background:rgba(var(--neeto-ui-gray-800),.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.ne-image-preview-wrapper .ne-image-preview{background:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;gap:10px;max-width:60vw;opacity:0;transition:opacity .1s ease-in-out}.ne-image-preview-wrapper .ne-image-preview.image-loaded{border-radius:10px;opacity:1;padding:10px}.ne-image-preview-wrapper .ne-image-preview__caption{color:rgb(var(--neeto-ui-gray-800));line-height:1.5}.ne-image-preview-wrapper .close-button{position:absolute;right:5px;top:5px}.ne-image-preview-wrapper .image-preview{max-height:70%;max-width:70%}.ne-image-preview-wrapper__spinner{position:absolute}.ne-image-preview-wrapper__spinner i{background-color:rgb(var(--neeto-ui-gray-300))}";
37
40
  injectCss.n(css,{});
@@ -39,19 +42,19 @@ injectCss.n(css,{});
39
42
  var ImagePreview = function ImagePreview(_ref) {
40
43
  var imagePreviewDetails = _ref.imagePreviewDetails,
41
44
  setImagePreviewDetails = _ref.setImagePreviewDetails;
42
- var _useState = React$1.useState(true),
45
+ var _useState = React.useState(true),
43
46
  _useState2 = _slicedToArray__default["default"](_useState, 2),
44
47
  isLoading = _useState2[0],
45
48
  setIsLoading = _useState2[1];
46
49
  var _useTranslation = reactI18next.useTranslation(),
47
50
  t = _useTranslation.t;
48
- var imagePreviewRef = React$1.useRef(null);
51
+ var imagePreviewRef = React.useRef(null);
49
52
  reactUtils.useOnClickOutside(imagePreviewRef, function () {
50
53
  return setImagePreviewDetails(null);
51
54
  }, {
52
55
  enabled: true
53
56
  });
54
- React$1.useEffect(function () {
57
+ React.useEffect(function () {
55
58
  document.addEventListener("keydown", function (e) {
56
59
  return e.key === "Escape" && setImagePreviewDetails(null);
57
60
  });
@@ -61,35 +64,41 @@ var ImagePreview = function ImagePreview(_ref) {
61
64
  });
62
65
  };
63
66
  }, []);
64
- return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", {
65
- className: "ne-image-preview-wrapper"
66
- }, isLoading && /*#__PURE__*/React.createElement(neetoui.Spinner, {
67
- className: "ne-image-preview-wrapper__spinner"
68
- }), !isLoading && /*#__PURE__*/React.createElement("div", {
69
- className: "close-button"
70
- }, /*#__PURE__*/React.createElement(neetoui.Button, {
71
- icon: neetoIcons.Close,
72
- style: "secondary",
73
- onClick: function onClick() {
74
- return setImagePreviewDetails(null);
75
- }
76
- })), /*#__PURE__*/React.createElement("div", {
77
- className: classnames__default["default"]("ne-image-preview", {
78
- "image-loaded": !isLoading
79
- })
80
- }, /*#__PURE__*/React.createElement("img", {
81
- alt: t("neetoEditor.editorContent.imagePreviewAltText"),
82
- ref: imagePreviewRef,
83
- src: imagePreviewDetails.src,
84
- onLoad: function onLoad() {
85
- return setIsLoading(false);
86
- }
87
- }), imagePreviewDetails && /*#__PURE__*/React.createElement("p", {
88
- className: "ne-image-preview__caption"
89
- }, imagePreviewDetails.caption))), document.body);
67
+ return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/jsxRuntime.jsxs("div", {
68
+ className: "ne-image-preview-wrapper",
69
+ children: [isLoading && /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {
70
+ className: "ne-image-preview-wrapper__spinner"
71
+ }), !isLoading && /*#__PURE__*/jsxRuntime.jsx("div", {
72
+ className: "close-button",
73
+ children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
74
+ icon: Close__default["default"],
75
+ style: "secondary",
76
+ onClick: function onClick() {
77
+ return setImagePreviewDetails(null);
78
+ }
79
+ })
80
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
81
+ className: classnames__default["default"]("ne-image-preview", {
82
+ "image-loaded": !isLoading
83
+ }),
84
+ children: [/*#__PURE__*/jsxRuntime.jsx("img", {
85
+ alt: t("neetoEditor.editorContent.imagePreviewAltText"),
86
+ ref: imagePreviewRef,
87
+ src: imagePreviewDetails.src,
88
+ onLoad: function onLoad() {
89
+ return setIsLoading(false);
90
+ }
91
+ }), imagePreviewDetails && /*#__PURE__*/jsxRuntime.jsx("p", {
92
+ className: "ne-image-preview__caption",
93
+ children: imagePreviewDetails.caption
94
+ })]
95
+ })]
96
+ }), document.body);
90
97
  };
91
98
 
92
99
  var _excluded = ["content", "variables", "className"];
100
+ 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; }
101
+ 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; }
93
102
  var EditorContent = function EditorContent(_ref) {
94
103
  var _ref$content = _ref.content,
95
104
  content = _ref$content === void 0 ? "" : _ref$content,
@@ -97,11 +106,11 @@ var EditorContent = function EditorContent(_ref) {
97
106
  variables = _ref$variables === void 0 ? [] : _ref$variables,
98
107
  className = _ref.className,
99
108
  otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
100
- var _useState = React$1.useState(null),
109
+ var _useState = React.useState(null),
101
110
  _useState2 = _slicedToArray__default["default"](_useState, 2),
102
111
  imagePreviewDetails = _useState2[0],
103
112
  setImagePreviewDetails = _useState2[1];
104
- var editorContentRef = React$1.useRef(null);
113
+ var editorContentRef = React.useRef(null);
105
114
  var htmlContent = utils.substituteVariables(utils.highlightCode(content), variables);
106
115
  var sanitize = DOMPurify__default["default"].sanitize;
107
116
  var injectCopyButtonToCodeBlocks = function injectCopyButtonToCodeBlocks() {
@@ -111,7 +120,7 @@ var EditorContent = function EditorContent(_ref) {
111
120
  var button = document.createElement("div");
112
121
  button.className = "neeto-editor-codeblock-options";
113
122
  var root = client.createRoot(button);
114
- root.render( /*#__PURE__*/React.createElement(CopyToClipboardButton__default["default"], {
123
+ root.render( /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
115
124
  size: "small",
116
125
  style: "text",
117
126
  value: preTag.textContent
@@ -136,23 +145,25 @@ var EditorContent = function EditorContent(_ref) {
136
145
  });
137
146
  });
138
147
  };
139
- React$1.useEffect(function () {
148
+ React.useEffect(function () {
140
149
  injectCopyButtonToCodeBlocks();
141
150
  bindImageClickListener();
142
151
  }, [content]);
143
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends__default["default"]({
144
- "data-cy": "neeto-editor-content",
145
- ref: editorContentRef,
146
- className: classnames__default["default"](utils.EDITOR_CONTENT_CLASSNAME, _defineProperty__default["default"]({}, className, className)),
147
- dangerouslySetInnerHTML: {
148
- __html: sanitize(htmlContent, utils.SANITIZE_OPTIONS)
149
- }
150
- }, otherProps)), imagePreviewDetails && /*#__PURE__*/React.createElement(ImagePreview, {
151
- imagePreviewDetails: imagePreviewDetails,
152
- setImagePreviewDetails: setImagePreviewDetails
153
- }));
152
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
153
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread({
154
+ "data-cy": "neeto-editor-content",
155
+ ref: editorContentRef,
156
+ className: classnames__default["default"](utils.EDITOR_CONTENT_CLASSNAME, _defineProperty__default["default"]({}, className, className)),
157
+ dangerouslySetInnerHTML: {
158
+ __html: sanitize(htmlContent, utils.SANITIZE_OPTIONS)
159
+ }
160
+ }, otherProps)), imagePreviewDetails && /*#__PURE__*/jsxRuntime.jsx(ImagePreview, {
161
+ imagePreviewDetails: imagePreviewDetails,
162
+ setImagePreviewDetails: setImagePreviewDetails
163
+ })]
164
+ });
154
165
  };
155
- var index = /*#__PURE__*/React$1.memo(EditorContent);
166
+ var index = /*#__PURE__*/React.memo(EditorContent);
156
167
 
157
168
  module.exports = index;
158
169
  //# sourceMappingURL=EditorContent.cjs.js.map
package/dist/cjs/EditorContent.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EditorContent.cjs.js","sources":["../../src/components/EditorContent/ImagePreview.jsx","../../src/components/EditorContent/index.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { useOnClickOutside } from \"neetocommons/react-utils\";\nimport { Close } from \"neetoicons\";\nimport { Button, Spinner } from \"neetoui\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ImagePreview = ({ imagePreviewDetails, setImagePreviewDetails }) => {\n const [isLoading, setIsLoading] = useState(true);\n\n const { t } = useTranslation();\n\n const imagePreviewRef = useRef(null);\n\n useOnClickOutside(imagePreviewRef, () => setImagePreviewDetails(null), {\n enabled: true,\n });\n\n useEffect(() => {\n document.addEventListener(\n \"keydown\",\n e => e.key === \"Escape\" && setImagePreviewDetails(null)\n );\n\n return () =>\n document.removeEventListener(\n \"keydown\",\n e => e.key === \"Escape\" && setImagePreviewDetails(null)\n );\n }, []);\n\n return createPortal(\n <div className=\"ne-image-preview-wrapper\">\n {isLoading && <Spinner className=\"ne-image-preview-wrapper__spinner\" />}\n {!isLoading && (\n <div className=\"close-button\">\n <Button\n icon={Close}\n style=\"secondary\"\n onClick={() => setImagePreviewDetails(null)}\n />\n </div>\n )}\n <div\n className={classnames(\"ne-image-preview\", {\n \"image-loaded\": !isLoading,\n })}\n >\n <img\n alt={t(\"neetoEditor.editorContent.imagePreviewAltText\")}\n ref={imagePreviewRef}\n src={imagePreviewDetails.src}\n onLoad={() => setIsLoading(false)}\n />\n {imagePreviewDetails && (\n <p className=\"ne-image-preview__caption\">\n {imagePreviewDetails.caption}\n </p>\n )}\n </div>\n </div>,\n document.body\n );\n};\n\nexport default ImagePreview;\n","import { memo, useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport DOMPurify from \"dompurify\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { isNil } from \"ramda\";\nimport { createRoot } from \"react-dom/client\";\n\nimport \"src/styles/editor/editor-content.scss\";\n\nimport { EDITOR_CONTENT_CLASSNAME, SANITIZE_OPTIONS } from \"./constants\";\nimport ImagePreview from \"./ImagePreview\";\nimport { highlightCode, substituteVariables } from \"./utils\";\n\nconst EditorContent = ({\n content = \"\",\n variables = [],\n className,\n ...otherProps\n}) => {\n const [imagePreviewDetails, setImagePreviewDetails] = useState(null);\n const editorContentRef = useRef(null);\n\n const htmlContent = substituteVariables(highlightCode(content), variables);\n const sanitize = DOMPurify.sanitize;\n\n const injectCopyButtonToCodeBlocks = () => {\n const preTags = editorContentRef.current?.querySelectorAll(\n `.${EDITOR_CONTENT_CLASSNAME} pre`\n );\n\n preTags.forEach(preTag => {\n const button = document.createElement(\"div\");\n button.className = \"neeto-editor-codeblock-options\";\n const root = createRoot(button);\n root.render(\n <CopyToClipboardButton\n size=\"small\"\n style=\"text\"\n value={preTag.textContent}\n />\n );\n preTag.appendChild(button);\n });\n };\n\n const bindImageClickListener = () => {\n const figureTags = editorContentRef.current?.querySelectorAll(\n `.${EDITOR_CONTENT_CLASSNAME} figure`\n );\n\n figureTags.forEach(figureTag => {\n const image = figureTag.querySelector(\"img\");\n const link = figureTag.querySelector(\"a\");\n if (isNil(image) || isNil(link)) return;\n\n figureTag.addEventListener(\"click\", event => {\n event.preventDefault();\n const caption = figureTag.querySelector(\"figcaption\").innerText;\n setImagePreviewDetails({ src: image.src, caption });\n });\n });\n };\n\n useEffect(() => {\n injectCopyButtonToCodeBlocks();\n bindImageClickListener();\n }, [content]);\n\n return (\n <>\n <div\n data-cy=\"neeto-editor-content\"\n ref={editorContentRef}\n className={classnames(EDITOR_CONTENT_CLASSNAME, {\n [className]: className,\n })}\n dangerouslySetInnerHTML={{\n __html: sanitize(htmlContent, SANITIZE_OPTIONS),\n }}\n {...otherProps}\n />\n {imagePreviewDetails && (\n <ImagePreview {...{ imagePreviewDetails, setImagePreviewDetails }} />\n )}\n </>\n );\n};\n\nexport default memo(EditorContent);\n"],"names":["ImagePreview","_ref","imagePreviewDetails","setImagePreviewDetails","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useTranslation","useTranslation","t","imagePreviewRef","useRef","useOnClickOutside","enabled","useEffect","document","addEventListener","e","key","removeEventListener","createPortal","React","createElement","className","Spinner","Button","icon","Close","style","onClick","classnames","alt","ref","src","onLoad","caption","body","EditorContent","_ref$content","content","_ref$variables","variables","otherProps","_objectWithoutProperties","_excluded","editorContentRef","htmlContent","substituteVariables","highlightCode","sanitize","DOMPurify","injectCopyButtonToCodeBlocks","_editorContentRef$cur","preTags","current","querySelectorAll","concat","EDITOR_CONTENT_CLASSNAME","forEach","preTag","button","root","createRoot","render","CopyToClipboardButton","size","value","textContent","appendChild","bindImageClickListener","_editorContentRef$cur2","figureTags","figureTag","image","querySelector","link","isNil","event","preventDefault","innerText","Fragment","_extends","_defineProperty","dangerouslySetInnerHTML","__html","SANITIZE_OPTIONS","memo"],"mappings":"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"}
1
+ {"version":3,"file":"EditorContent.cjs.js","sources":["../../src/components/EditorContent/ImagePreview.jsx","../../src/components/EditorContent/index.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { useOnClickOutside } from \"neetocommons/react-utils\";\nimport { Close } from \"neetoicons\";\nimport { Button, Spinner } from \"neetoui\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ImagePreview = ({ imagePreviewDetails, setImagePreviewDetails }) => {\n const [isLoading, setIsLoading] = useState(true);\n\n const { t } = useTranslation();\n\n const imagePreviewRef = useRef(null);\n\n useOnClickOutside(imagePreviewRef, () => setImagePreviewDetails(null), {\n enabled: true,\n });\n\n useEffect(() => {\n document.addEventListener(\n \"keydown\",\n e => e.key === \"Escape\" && setImagePreviewDetails(null)\n );\n\n return () =>\n document.removeEventListener(\n \"keydown\",\n e => e.key === \"Escape\" && setImagePreviewDetails(null)\n );\n }, []);\n\n return createPortal(\n <div className=\"ne-image-preview-wrapper\">\n {isLoading && <Spinner className=\"ne-image-preview-wrapper__spinner\" />}\n {!isLoading && (\n <div className=\"close-button\">\n <Button\n icon={Close}\n style=\"secondary\"\n onClick={() => setImagePreviewDetails(null)}\n />\n </div>\n )}\n <div\n className={classnames(\"ne-image-preview\", {\n \"image-loaded\": !isLoading,\n })}\n >\n <img\n alt={t(\"neetoEditor.editorContent.imagePreviewAltText\")}\n ref={imagePreviewRef}\n src={imagePreviewDetails.src}\n onLoad={() => setIsLoading(false)}\n />\n {imagePreviewDetails && (\n <p className=\"ne-image-preview__caption\">\n {imagePreviewDetails.caption}\n </p>\n )}\n </div>\n </div>,\n document.body\n );\n};\n\nexport default ImagePreview;\n","import { memo, useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport DOMPurify from \"dompurify\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\nimport { isNil } from \"ramda\";\nimport { createRoot } from \"react-dom/client\";\n\nimport \"src/styles/editor/editor-content.scss\";\n\nimport { EDITOR_CONTENT_CLASSNAME, SANITIZE_OPTIONS } from \"./constants\";\nimport ImagePreview from \"./ImagePreview\";\nimport { highlightCode, substituteVariables } from \"./utils\";\n\nconst EditorContent = ({\n content = \"\",\n variables = [],\n className,\n ...otherProps\n}) => {\n const [imagePreviewDetails, setImagePreviewDetails] = useState(null);\n const editorContentRef = useRef(null);\n\n const htmlContent = substituteVariables(highlightCode(content), variables);\n const sanitize = DOMPurify.sanitize;\n\n const injectCopyButtonToCodeBlocks = () => {\n const preTags = editorContentRef.current?.querySelectorAll(\n `.${EDITOR_CONTENT_CLASSNAME} pre`\n );\n\n preTags.forEach(preTag => {\n const button = document.createElement(\"div\");\n button.className = \"neeto-editor-codeblock-options\";\n const root = createRoot(button);\n root.render(\n <CopyToClipboardButton\n size=\"small\"\n style=\"text\"\n value={preTag.textContent}\n />\n );\n preTag.appendChild(button);\n });\n };\n\n const bindImageClickListener = () => {\n const figureTags = editorContentRef.current?.querySelectorAll(\n `.${EDITOR_CONTENT_CLASSNAME} figure`\n );\n\n figureTags.forEach(figureTag => {\n const image = figureTag.querySelector(\"img\");\n const link = figureTag.querySelector(\"a\");\n if (isNil(image) || isNil(link)) return;\n\n figureTag.addEventListener(\"click\", event => {\n event.preventDefault();\n const caption = figureTag.querySelector(\"figcaption\").innerText;\n setImagePreviewDetails({ src: image.src, caption });\n });\n });\n };\n\n useEffect(() => {\n injectCopyButtonToCodeBlocks();\n bindImageClickListener();\n }, [content]);\n\n return (\n <>\n <div\n data-cy=\"neeto-editor-content\"\n ref={editorContentRef}\n className={classnames(EDITOR_CONTENT_CLASSNAME, {\n [className]: className,\n })}\n dangerouslySetInnerHTML={{\n __html: sanitize(htmlContent, SANITIZE_OPTIONS),\n }}\n {...otherProps}\n />\n {imagePreviewDetails && (\n <ImagePreview {...{ imagePreviewDetails, setImagePreviewDetails }} />\n )}\n </>\n );\n};\n\nexport default memo(EditorContent);\n"],"names":["ImagePreview","_ref","imagePreviewDetails","setImagePreviewDetails","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useTranslation","useTranslation","t","imagePreviewRef","useRef","useOnClickOutside","enabled","useEffect","document","addEventListener","e","key","removeEventListener","createPortal","_jsxs","className","children","_jsx","Spinner","Button","icon","Close","style","onClick","classnames","alt","ref","src","onLoad","caption","body","EditorContent","_ref$content","content","_ref$variables","variables","otherProps","_objectWithoutProperties","_excluded","editorContentRef","htmlContent","substituteVariables","highlightCode","sanitize","DOMPurify","injectCopyButtonToCodeBlocks","_editorContentRef$cur","preTags","current","querySelectorAll","concat","EDITOR_CONTENT_CLASSNAME","forEach","preTag","button","createElement","root","createRoot","render","CopyToClipboardButton","size","value","textContent","appendChild","bindImageClickListener","_editorContentRef$cur2","figureTags","figureTag","image","querySelector","link","isNil","event","preventDefault","innerText","_Fragment","_objectSpread","_defineProperty","dangerouslySetInnerHTML","__html","SANITIZE_OPTIONS","memo"],"mappings":"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"}
package/dist/cjs/FormikEditor.cjs.js CHANGED
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var _extends = require('@babel/runtime/helpers/extends');
3
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
4
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
- var React$1 = require('react');
5
+ var React = require('react');
6
6
  var formik = require('formik');
7
7
  var neetoCist = require('@bigbinary/neeto-cist');
8
8
  var Editor = require('./Editor.cjs.js');
9
- require('@babel/runtime/helpers/defineProperty');
9
+ var jsxRuntime = require('react/jsx-runtime');
10
10
  require('@babel/runtime/helpers/toConsumableArray');
11
11
  require('@babel/runtime/helpers/slicedToArray');
12
- require('./chunk-d12e89fd.cjs.js');
12
+ require('./chunk-242eea5e.cjs.js');
13
13
  require('ramda');
14
14
  require('./chunk-da9ee471.cjs.js');
15
15
  require('i18next');
@@ -20,10 +20,35 @@ require('tippy.js');
20
20
  require('react-dom');
21
21
  require('classnames');
22
22
  require('tippy.js/dist/svg-arrow.css');
23
- require('@bigbinary/neeto-icons');
24
- require('@bigbinary/neetoui');
23
+ require('@bigbinary/neeto-icons/Link');
24
+ require('@bigbinary/neeto-icons/Column');
25
+ require('@bigbinary/neetoui/Dropdown');
25
26
  require('react-i18next');
27
+ require('@bigbinary/neeto-icons/Close');
28
+ require('@bigbinary/neetoui/Button');
26
29
  require('@bigbinary/neeto-commons-frontend/utils');
30
+ require('@bigbinary/neeto-icons/Check');
31
+ require('@bigbinary/neetoui/Label');
32
+ require('@bigbinary/neeto-icons/Quote');
33
+ require('@bigbinary/neeto-icons/Attachment');
34
+ require('@bigbinary/neeto-icons/CodeBlock');
35
+ require('@bigbinary/neeto-icons/Code');
36
+ require('@bigbinary/neeto-icons/Highlight');
37
+ require('@bigbinary/neeto-icons/TextBold');
38
+ require('@bigbinary/neeto-icons/TextCross');
39
+ require('@bigbinary/neeto-icons/TextItalic');
40
+ require('@bigbinary/neeto-icons/Underline');
41
+ require('@bigbinary/neeto-icons/ListDot');
42
+ require('@bigbinary/neeto-icons/ListNumber');
43
+ require('@bigbinary/neeto-icons/ImageUpload');
44
+ require('@bigbinary/neeto-icons/Video');
45
+ require('@bigbinary/neeto-icons/MediaVideo');
46
+ require('@bigbinary/neeto-icons/Undo');
47
+ require('@bigbinary/neeto-icons/Redo');
48
+ require('@bigbinary/neeto-icons/Email');
49
+ require('@bigbinary/neetoui/Avatar');
50
+ require('@bigbinary/neetoui/Typography');
51
+ require('@bigbinary/neeto-icons/Smiley');
27
52
  require('@babel/runtime/helpers/asyncToGenerator');
28
53
  require('@babel/runtime/helpers/classCallCheck');
29
54
  require('@babel/runtime/helpers/createClass');
@@ -34,26 +59,61 @@ require('@babel/runtime/regenerator');
34
59
  require('emoji-mart');
35
60
  require('axios');
36
61
  require('@bigbinary/neeto-commons-frontend/react-utils');
62
+ require('@bigbinary/neeto-icons/Customize');
63
+ require('@bigbinary/neeto-icons/Refresh');
64
+ require('@bigbinary/neetoui/Input');
37
65
  require('react-colorful');
38
66
  require('@bigbinary/neeto-molecules/DynamicVariables');
39
- require('./chunk-76a5f21a.cjs.js');
67
+ require('@bigbinary/neetoui/Modal');
68
+ require('@bigbinary/neetoui/Tab');
69
+ require('./chunk-ae47a2a1.cjs.js');
40
70
  require('zustand/shallow');
71
+ require('@bigbinary/neetoui/Toastr');
41
72
  require('zustand');
42
73
  require('./chunk-1b36f0ca.cjs.js');
74
+ require('@bigbinary/neeto-icons/LeftAlign');
75
+ require('@bigbinary/neeto-icons/CenterAlign');
76
+ require('@bigbinary/neeto-icons/RightAlign');
77
+ require('@bigbinary/neeto-icons/Delete');
43
78
  require('@bigbinary/neeto-commons-frontend/initializers');
79
+ require('@bigbinary/neetoui/Tooltip');
80
+ require('@bigbinary/neetoui/Spinner');
81
+ require('@bigbinary/neetoui/Checkbox');
82
+ require('@bigbinary/neeto-icons/MenuHorizontal');
44
83
  require('@tippyjs/react');
84
+ require('@bigbinary/neeto-icons/File');
85
+ require('@bigbinary/neeto-icons/Down');
45
86
  require('@bigbinary/neeto-molecules/CopyToClipboardButton');
46
87
  require('./chunk-b4e271bc.cjs.js');
47
88
  require('./chunk-8dbdfa81.cjs.js');
48
- require('@bigbinary/neetoui/formik');
49
- require('./chunk-d0720eac.cjs.js');
89
+ require('@bigbinary/neeto-icons/Paragraph');
90
+ require('@bigbinary/neeto-icons/TextH1');
91
+ require('@bigbinary/neeto-icons/TextH2');
92
+ require('@bigbinary/neeto-icons/Blockquote');
93
+ require('@bigbinary/neeto-icons/Minus');
94
+ require('@bigbinary/neeto-icons/Text');
95
+ require('@bigbinary/neeto-icons/Notes');
96
+ require('@bigbinary/neeto-icons/DeleteRow');
97
+ require('@bigbinary/neeto-icons/DeleteColumn');
98
+ require('@bigbinary/neeto-icons/DeleteTable');
99
+ require('@bigbinary/neeto-icons/InsertRow');
100
+ require('@bigbinary/neeto-icons/InsertColumn');
101
+ require('@bigbinary/neeto-icons/MergeSplit');
102
+ require('@bigbinary/neeto-icons/ToggleHeaderRow');
103
+ require('@bigbinary/neetoui/formik/Form');
104
+ require('@bigbinary/neetoui/formik/Input');
105
+ require('./chunk-391e4970.cjs.js');
106
+ require('@bigbinary/neeto-icons/MenuVertical');
107
+ require('@bigbinary/neetoui/Alert');
50
108
 
51
109
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
52
110
 
53
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
111
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
54
112
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
55
113
 
56
114
  var _excluded = ["name", "onChange", "shouldUpdate", "attachments", "mentions", "variables"];
115
+ 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; }
116
+ 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; }
57
117
  var FormikEditor = function FormikEditor(_ref, ref) {
58
118
  var name = _ref.name,
59
119
  _ref$onChange = _ref.onChange,
@@ -66,36 +126,37 @@ var FormikEditor = function FormikEditor(_ref, ref) {
66
126
  _ref$variables = _ref.variables,
67
127
  variables = _ref$variables === void 0 ? [] : _ref$variables,
68
128
  otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
69
- return /*#__PURE__*/React.createElement(formik.FastField, {
129
+ return /*#__PURE__*/jsxRuntime.jsx(formik.FastField, {
70
130
  attachments: attachments,
71
131
  mentions: mentions,
72
132
  name: name,
73
133
  shouldUpdate: shouldUpdate,
74
- variables: variables
75
- }, function (_ref2) {
76
- var field = _ref2.field,
77
- form = _ref2.form,
78
- meta = _ref2.meta;
79
- return /*#__PURE__*/React.createElement(Editor, _extends__default["default"]({
80
- attachments: attachments,
81
- mentions: mentions,
82
- name: name,
83
- ref: ref,
84
- variables: variables,
85
- error: meta.touched ? meta.error : "",
86
- initialValue: field.value,
87
- onBlur: function onBlur() {
88
- return form.setFieldTouched(name, true);
89
- },
90
- onChange: function onChange(value) {
91
- form.setFieldValue(name, value);
92
- _onChange === null || _onChange === void 0 || _onChange(value);
93
- }
94
- }, otherProps));
134
+ variables: variables,
135
+ children: function children(_ref2) {
136
+ var field = _ref2.field,
137
+ form = _ref2.form,
138
+ meta = _ref2.meta;
139
+ return /*#__PURE__*/jsxRuntime.jsx(Editor, _objectSpread({
140
+ attachments: attachments,
141
+ mentions: mentions,
142
+ name: name,
143
+ ref: ref,
144
+ variables: variables,
145
+ error: meta.touched ? meta.error : "",
146
+ initialValue: field.value,
147
+ onBlur: function onBlur() {
148
+ return form.setFieldTouched(name, true);
149
+ },
150
+ onChange: function onChange(value) {
151
+ form.setFieldValue(name, value);
152
+ _onChange === null || _onChange === void 0 || _onChange(value);
153
+ }
154
+ }, otherProps));
155
+ }
95
156
  });
96
157
  };
97
158
  FormikEditor.displayName = "FormikNeetoEditor";
98
- var FormikEditor$1 = /*#__PURE__*/React$1.memo( /*#__PURE__*/React$1.forwardRef(FormikEditor));
159
+ var FormikEditor$1 = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(FormikEditor));
99
160
 
100
161
  module.exports = FormikEditor$1;
101
162
  //# sourceMappingURL=FormikEditor.cjs.js.map
package/dist/cjs/FormikEditor.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormikEditor.cjs.js","sources":["../../src/components/Editor/FormikEditor.jsx"],"sourcesContent":["import { forwardRef, memo } from \"react\";\n\nimport { FastField } from \"formik\";\nimport { noop } from \"neetocist\";\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 <FastField {...{ attachments, mentions, name, shouldUpdate, variables }}>\n {({ field, form, meta }) => (\n <Editor\n {...{ attachments, mentions, name, ref, variables }}\n error={meta.touched ? meta.error : \"\"}\n initialValue={field.value}\n onBlur={() => form.setFieldTouched(name, true)}\n onChange={value => {\n form.setFieldValue(name, value);\n onChange?.(value);\n }}\n {...otherProps}\n />\n )}\n </FastField>\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","React","createElement","FastField","_ref2","field","form","meta","Editor","_extends","error","touched","initialValue","value","onBlur","setFieldTouched","setFieldValue","displayName","memo","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAUhBC,GAAG,EAAA;AAAA,EAAA,IARDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,aAAA,GAAAH,IAAA,CACJI,QAAQ;AAARA,IAAAA,SAAQ,GAAAD,aAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,aAAA;IACfG,YAAY,GAAAN,IAAA,CAAZM,YAAY;IAAAC,gBAAA,GAAAP,IAAA,CACZQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,aAAA,GAAAT,IAAA,CAChBU,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,cAAA,GAAAX,IAAA,CACbY,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AACXE,IAAAA,UAAU,GAAAC,4CAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAAA,EAAA,oBAIfC,KAAA,CAAAC,aAAA,CAACC,gBAAS,EAAA;AAAOV,IAAAA,WAAW,EAAXA,WAAW;AAAEE,IAAAA,QAAQ,EAARA,QAAQ;AAAER,IAAAA,IAAI,EAAJA,IAAI;AAAEI,IAAAA,YAAY,EAAZA,YAAY;AAAEM,IAAAA,SAAS,EAATA,SAAAA;AAAS,GAAA,EAClE,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AAAA,IAAA,oBACnBN,KAAA,CAAAC,aAAA,CAACM,MAAM,EAAAC,4BAAA,CAAA;AACChB,MAAAA,WAAW,EAAXA,WAAW;AAAEE,MAAAA,QAAQ,EAARA,QAAQ;AAAER,MAAAA,IAAI,EAAJA,IAAI;AAAED,MAAAA,GAAG,EAAHA,GAAG;AAAEW,MAAAA,SAAS,EAATA,SAAS;MACjDa,KAAK,EAAEH,IAAI,CAACI,OAAO,GAAGJ,IAAI,CAACG,KAAK,GAAG,EAAG;MACtCE,YAAY,EAAEP,KAAK,CAACQ,KAAM;MAC1BC,MAAM,EAAE,SAAAA,MAAA,GAAA;AAAA,QAAA,OAAMR,IAAI,CAACS,eAAe,CAAC5B,IAAI,EAAE,IAAI,CAAC,CAAA;OAAC;AAC/CE,MAAAA,QAAQ,EAAE,SAAAA,QAAAwB,CAAAA,KAAK,EAAI;AACjBP,QAAAA,IAAI,CAACU,aAAa,CAAC7B,IAAI,EAAE0B,KAAK,CAAC,CAAA;AAC/BxB,QAAAA,SAAQ,aAARA,SAAQ,KAAA,KAAA,CAAA,IAARA,SAAQ,CAAGwB,KAAK,CAAC,CAAA;AACnB,OAAA;KACIf,EAAAA,UAAU,CACf,CAAC,CAAA;AAAA,GAEK,CAAC,CAAA;AAAA,CACb,CAAA;AAEDd,YAAY,CAACiC,WAAW,GAAG,mBAAmB,CAAA;AAE9C,qBAAA,aAAeC,YAAI,eAACC,kBAAU,CAACnC,YAAY,CAAC,CAAC;;;;"}
1
+ {"version":3,"file":"FormikEditor.cjs.js","sources":["../../src/components/Editor/FormikEditor.jsx"],"sourcesContent":["import { forwardRef, memo } from \"react\";\n\nimport { FastField } from \"formik\";\nimport { noop } from \"neetocist\";\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 <FastField {...{ attachments, mentions, name, shouldUpdate, variables }}>\n {({ field, form, meta }) => (\n <Editor\n {...{ attachments, mentions, name, ref, variables }}\n error={meta.touched ? meta.error : \"\"}\n initialValue={field.value}\n onBlur={() => form.setFieldTouched(name, true)}\n onChange={value => {\n form.setFieldValue(name, value);\n onChange?.(value);\n }}\n {...otherProps}\n />\n )}\n </FastField>\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","_jsx","FastField","children","_ref2","field","form","meta","Editor","_objectSpread","error","touched","initialValue","value","onBlur","setFieldTouched","setFieldValue","displayName","memo","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAUhBC,GAAG,EAAA;AAAA,EAAA,IARDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,aAAA,GAAAH,IAAA,CACJI,QAAQ;AAARA,IAAAA,SAAQ,GAAAD,aAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,aAAA;IACfG,YAAY,GAAAN,IAAA,CAAZM,YAAY;IAAAC,gBAAA,GAAAP,IAAA,CACZQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,aAAA,GAAAT,IAAA,CAChBU,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,cAAA,GAAAX,IAAA,CACbY,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AACXE,IAAAA,UAAU,GAAAC,4CAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;EAAA,oBAIfC,cAAA,CAACC,gBAAS,EAAA;AAAOT,IAAAA,WAAW,EAAXA,WAAW;AAAEE,IAAAA,QAAQ,EAARA,QAAQ;AAAER,IAAAA,IAAI,EAAJA,IAAI;AAAEI,IAAAA,YAAY,EAAZA,YAAY;AAAEM,IAAAA,SAAS,EAATA,SAAS;IAAAM,QAAA,EAClE,SAAAA,QAAAA,CAAAC,KAAA,EAAA;AAAA,MAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;QAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AAAA,MAAA,oBACnBN,cAAA,CAACO,MAAM,EAAAC,aAAA,CAAA;AACChB,QAAAA,WAAW,EAAXA,WAAW;AAAEE,QAAAA,QAAQ,EAARA,QAAQ;AAAER,QAAAA,IAAI,EAAJA,IAAI;AAAED,QAAAA,GAAG,EAAHA,GAAG;AAAEW,QAAAA,SAAS,EAATA,SAAS;QACjDa,KAAK,EAAEH,IAAI,CAACI,OAAO,GAAGJ,IAAI,CAACG,KAAK,GAAG,EAAG;QACtCE,YAAY,EAAEP,KAAK,CAACQ,KAAM;QAC1BC,MAAM,EAAE,SAAAA,MAAA,GAAA;AAAA,UAAA,OAAMR,IAAI,CAACS,eAAe,CAAC5B,IAAI,EAAE,IAAI,CAAC,CAAA;SAAC;AAC/CE,QAAAA,QAAQ,EAAE,SAAAA,QAAAwB,CAAAA,KAAK,EAAI;AACjBP,UAAAA,IAAI,CAACU,aAAa,CAAC7B,IAAI,EAAE0B,KAAK,CAAC,CAAA;AAC/BxB,UAAAA,SAAQ,aAARA,SAAQ,KAAA,KAAA,CAAA,IAARA,SAAQ,CAAGwB,KAAK,CAAC,CAAA;AACnB,SAAA;OACIf,EAAAA,UAAU,CACf,CAAC,CAAA;AAAA,KAAA;AACH,GACQ,CAAC,CAAA;AAAA,CACb,CAAA;AAEDd,YAAY,CAACiC,WAAW,GAAG,mBAAmB,CAAA;AAE9C,qBAAA,aAAeC,UAAI,eAACC,gBAAU,CAACnC,YAAY,CAAC,CAAC;;;;"}
package/dist/cjs/Menu.cjs.js CHANGED
@@ -1,13 +1,13 @@
1
1
  'use strict';
2
2
 
3
- require('@babel/runtime/helpers/extends');
4
3
  require('@babel/runtime/helpers/defineProperty');
5
4
  require('@babel/runtime/helpers/toConsumableArray');
6
5
  require('@babel/runtime/helpers/slicedToArray');
7
6
  require('react');
8
7
  require('ramda');
9
- var Menu = require('./chunk-d12e89fd.cjs.js');
8
+ var Menu = require('./chunk-242eea5e.cjs.js');
10
9
  require('./chunk-d8087848.cjs.js');
10
+ require('react/jsx-runtime');
11
11
  require('./chunk-da9ee471.cjs.js');
12
12
  require('i18next');
13
13
  require('tippy.js');
@@ -16,10 +16,35 @@ require('classnames');
16
16
  require('./chunk-d5fbc51f.cjs.js');
17
17
  require('@bigbinary/neeto-cist');
18
18
  require('tippy.js/dist/svg-arrow.css');
19
- require('@bigbinary/neeto-icons');
20
- require('@bigbinary/neetoui');
19
+ require('@bigbinary/neeto-icons/Link');
20
+ require('@bigbinary/neeto-icons/Column');
21
+ require('@bigbinary/neetoui/Dropdown');
21
22
  require('react-i18next');
23
+ require('@bigbinary/neeto-icons/Close');
24
+ require('@bigbinary/neetoui/Button');
22
25
  require('@bigbinary/neeto-commons-frontend/utils');
26
+ require('@bigbinary/neeto-icons/Check');
27
+ require('@bigbinary/neetoui/Label');
28
+ require('@bigbinary/neeto-icons/Quote');
29
+ require('@bigbinary/neeto-icons/Attachment');
30
+ require('@bigbinary/neeto-icons/CodeBlock');
31
+ require('@bigbinary/neeto-icons/Code');
32
+ require('@bigbinary/neeto-icons/Highlight');
33
+ require('@bigbinary/neeto-icons/TextBold');
34
+ require('@bigbinary/neeto-icons/TextCross');
35
+ require('@bigbinary/neeto-icons/TextItalic');
36
+ require('@bigbinary/neeto-icons/Underline');
37
+ require('@bigbinary/neeto-icons/ListDot');
38
+ require('@bigbinary/neeto-icons/ListNumber');
39
+ require('@bigbinary/neeto-icons/ImageUpload');
40
+ require('@bigbinary/neeto-icons/Video');
41
+ require('@bigbinary/neeto-icons/MediaVideo');
42
+ require('@bigbinary/neeto-icons/Undo');
43
+ require('@bigbinary/neeto-icons/Redo');
44
+ require('@bigbinary/neeto-icons/Email');
45
+ require('@bigbinary/neetoui/Avatar');
46
+ require('@bigbinary/neetoui/Typography');
47
+ require('@bigbinary/neeto-icons/Smiley');
23
48
  require('@babel/runtime/helpers/asyncToGenerator');
24
49
  require('@babel/runtime/helpers/classCallCheck');
25
50
  require('@babel/runtime/helpers/createClass');
@@ -30,15 +55,30 @@ require('@babel/runtime/regenerator');
30
55
  require('emoji-mart');
31
56
  require('axios');
32
57
  require('@bigbinary/neeto-commons-frontend/react-utils');
58
+ require('@bigbinary/neeto-icons/Customize');
59
+ require('@bigbinary/neeto-icons/Refresh');
60
+ require('@bigbinary/neetoui/Input');
33
61
  require('react-colorful');
34
62
  require('@babel/runtime/helpers/objectWithoutProperties');
35
63
  require('@bigbinary/neeto-molecules/DynamicVariables');
36
- require('./chunk-76a5f21a.cjs.js');
64
+ require('@bigbinary/neetoui/Modal');
65
+ require('@bigbinary/neetoui/Tab');
66
+ require('./chunk-ae47a2a1.cjs.js');
37
67
  require('zustand/shallow');
68
+ require('@bigbinary/neetoui/Toastr');
38
69
  require('zustand');
39
70
  require('./chunk-1b36f0ca.cjs.js');
71
+ require('@bigbinary/neeto-icons/LeftAlign');
72
+ require('@bigbinary/neeto-icons/CenterAlign');
73
+ require('@bigbinary/neeto-icons/RightAlign');
74
+ require('@bigbinary/neeto-icons/Delete');
40
75
  require('@bigbinary/neeto-commons-frontend/initializers');
76
+ require('@bigbinary/neetoui/Tooltip');
77
+ require('@bigbinary/neetoui/Spinner');
78
+ require('@bigbinary/neetoui/Checkbox');
79
+ require('@bigbinary/neeto-icons/MenuHorizontal');
41
80
  require('@tippyjs/react');
81
+ require('@bigbinary/neeto-icons/File');
42
82
  require('yup');
43
83
 
44
84
 
package/dist/cjs/Menu.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Menu.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}