@bigbinary/neeto-editor 1.40.0 → 1.40.2

package/dist/EditorContent.js

@@ -1,4 +1,3 @@
-import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -11,10 +10,12 @@ import { createRoot } from 'react-dom/client';
 import { n } from './chunk-15c449f1.js';
 import { s as substituteVariables, h as highlightCode, E as EDITOR_CONTENT_CLASSNAME, S as SANITIZE_OPTIONS } from './chunk-e712f06d.js';
 import { useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Close } from '@bigbinary/neeto-icons';
-import { Spinner, Button } from '@bigbinary/neetoui';
+import Close from '@bigbinary/neeto-icons/Close';
+import Button from '@bigbinary/neetoui/Button';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import './chunk-65f73e5a.js';
 import './chunk-ade4c9e3.js';
 import '@bigbinary/neeto-cist';
@@ -49,35 +50,41 @@ var ImagePreview = function ImagePreview(_ref) {
       });
     };
   }, []);
-  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
-    className: "ne-image-preview-wrapper"
-  }, isLoading && /*#__PURE__*/React.createElement(Spinner, {
-    className: "ne-image-preview-wrapper__spinner"
-  }), !isLoading && /*#__PURE__*/React.createElement("div", {
-    className: "close-button"
-  }, /*#__PURE__*/React.createElement(Button, {
-    icon: Close,
-    style: "secondary",
-    onClick: function onClick() {
-      return setImagePreviewDetails(null);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: classnames("ne-image-preview", {
-      "image-loaded": !isLoading
-    })
-  }, /*#__PURE__*/React.createElement("img", {
-    alt: t("neetoEditor.editorContent.imagePreviewAltText"),
-    ref: imagePreviewRef,
-    src: imagePreviewDetails.src,
-    onLoad: function onLoad() {
-      return setIsLoading(false);
-    }
-  }), imagePreviewDetails && /*#__PURE__*/React.createElement("p", {
-    className: "ne-image-preview__caption"
-  }, imagePreviewDetails.caption))), document.body);
+  return /*#__PURE__*/createPortal( /*#__PURE__*/jsxs("div", {
+    className: "ne-image-preview-wrapper",
+    children: [isLoading && /*#__PURE__*/jsx(Spinner, {
+      className: "ne-image-preview-wrapper__spinner"
+    }), !isLoading && /*#__PURE__*/jsx("div", {
+      className: "close-button",
+      children: /*#__PURE__*/jsx(Button, {
+        icon: Close,
+        style: "secondary",
+        onClick: function onClick() {
+          return setImagePreviewDetails(null);
+        }
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames("ne-image-preview", {
+        "image-loaded": !isLoading
+      }),
+      children: [/*#__PURE__*/jsx("img", {
+        alt: t("neetoEditor.editorContent.imagePreviewAltText"),
+        ref: imagePreviewRef,
+        src: imagePreviewDetails.src,
+        onLoad: function onLoad() {
+          return setIsLoading(false);
+        }
+      }), imagePreviewDetails && /*#__PURE__*/jsx("p", {
+        className: "ne-image-preview__caption",
+        children: imagePreviewDetails.caption
+      })]
+    })]
+  }), document.body);
 };
 
 var _excluded = ["content", "variables", "className"];
+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; }
+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(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; }
 var EditorContent = function EditorContent(_ref) {
   var _ref$content = _ref.content,
     content = _ref$content === void 0 ? "" : _ref$content,
@@ -99,7 +106,7 @@ var EditorContent = function EditorContent(_ref) {
       var button = document.createElement("div");
       button.className = "neeto-editor-codeblock-options";
       var root = createRoot(button);
-      root.render( /*#__PURE__*/React.createElement(CopyToClipboardButton, {
+      root.render( /*#__PURE__*/jsx(CopyToClipboardButton, {
         size: "small",
         style: "text",
         value: preTag.textContent
@@ -128,17 +135,19 @@ var EditorContent = function EditorContent(_ref) {
     injectCopyButtonToCodeBlocks();
     bindImageClickListener();
   }, [content]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
-    "data-cy": "neeto-editor-content",
-    ref: editorContentRef,
-    className: classnames(EDITOR_CONTENT_CLASSNAME, _defineProperty({}, className, className)),
-    dangerouslySetInnerHTML: {
-      __html: sanitize(htmlContent, SANITIZE_OPTIONS)
-    }
-  }, otherProps)), imagePreviewDetails && /*#__PURE__*/React.createElement(ImagePreview, {
-    imagePreviewDetails: imagePreviewDetails,
-    setImagePreviewDetails: setImagePreviewDetails
-  }));
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", _objectSpread({
+      "data-cy": "neeto-editor-content",
+      ref: editorContentRef,
+      className: classnames(EDITOR_CONTENT_CLASSNAME, _defineProperty({}, className, className)),
+      dangerouslySetInnerHTML: {
+        __html: sanitize(htmlContent, SANITIZE_OPTIONS)
+      }
+    }, otherProps)), imagePreviewDetails && /*#__PURE__*/jsx(ImagePreview, {
+      imagePreviewDetails: imagePreviewDetails,
+      setImagePreviewDetails: setImagePreviewDetails
+    })]
+  });
 };
 var index = /*#__PURE__*/memo(EditorContent);
 

package/dist/EditorContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContent.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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"}
+{"version":3,"file":"EditorContent.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/FormikEditor.js

@@ -1,13 +1,13 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { memo, forwardRef } from 'react';
 import { FastField } from 'formik';
 import { noop } from '@bigbinary/neeto-cist';
 import Editor from './Editor.js';
-import '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/slicedToArray';
-import './chunk-b39dfdd8.js';
+import './chunk-1ac4a222.js';
 import 'ramda';
 import './chunk-15c449f1.js';
 import 'i18next';
@@ -18,10 +18,35 @@ import 'tippy.js';
 import 'react-dom';
 import 'classnames';
 import 'tippy.js/dist/svg-arrow.css';
-import '@bigbinary/neeto-icons';
-import '@bigbinary/neetoui';
+import '@bigbinary/neeto-icons/Link';
+import '@bigbinary/neeto-icons/Column';
+import '@bigbinary/neetoui/Dropdown';
 import 'react-i18next';
+import '@bigbinary/neeto-icons/Close';
+import '@bigbinary/neetoui/Button';
 import '@bigbinary/neeto-commons-frontend/utils';
+import '@bigbinary/neeto-icons/Check';
+import '@bigbinary/neetoui/Label';
+import '@bigbinary/neeto-icons/Quote';
+import '@bigbinary/neeto-icons/Attachment';
+import '@bigbinary/neeto-icons/CodeBlock';
+import '@bigbinary/neeto-icons/Code';
+import '@bigbinary/neeto-icons/Highlight';
+import '@bigbinary/neeto-icons/TextBold';
+import '@bigbinary/neeto-icons/TextCross';
+import '@bigbinary/neeto-icons/TextItalic';
+import '@bigbinary/neeto-icons/Underline';
+import '@bigbinary/neeto-icons/ListDot';
+import '@bigbinary/neeto-icons/ListNumber';
+import '@bigbinary/neeto-icons/ImageUpload';
+import '@bigbinary/neeto-icons/Video';
+import '@bigbinary/neeto-icons/MediaVideo';
+import '@bigbinary/neeto-icons/Undo';
+import '@bigbinary/neeto-icons/Redo';
+import '@bigbinary/neeto-icons/Email';
+import '@bigbinary/neetoui/Avatar';
+import '@bigbinary/neetoui/Typography';
+import '@bigbinary/neeto-icons/Smiley';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
@@ -32,21 +57,56 @@ import '@babel/runtime/regenerator';
 import 'emoji-mart';
 import 'axios';
 import '@bigbinary/neeto-commons-frontend/react-utils';
+import '@bigbinary/neeto-icons/Customize';
+import '@bigbinary/neeto-icons/Refresh';
+import '@bigbinary/neetoui/Input';
 import 'react-colorful';
 import '@bigbinary/neeto-molecules/DynamicVariables';
-import './chunk-c1e6a992.js';
+import '@bigbinary/neetoui/Modal';
+import '@bigbinary/neetoui/Tab';
+import './chunk-eafe8fe4.js';
 import 'zustand/shallow';
+import '@bigbinary/neetoui/Toastr';
 import 'zustand';
 import './chunk-65f73e5a.js';
+import '@bigbinary/neeto-icons/LeftAlign';
+import '@bigbinary/neeto-icons/CenterAlign';
+import '@bigbinary/neeto-icons/RightAlign';
+import '@bigbinary/neeto-icons/Delete';
 import '@bigbinary/neeto-commons-frontend/initializers';
+import '@bigbinary/neetoui/Tooltip';
+import '@bigbinary/neetoui/Spinner';
+import '@bigbinary/neetoui/Checkbox';
+import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@tippyjs/react';
+import '@bigbinary/neeto-icons/File';
+import '@bigbinary/neeto-icons/Down';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import './chunk-ade4c9e3.js';
 import './chunk-5bc5e361.js';
-import '@bigbinary/neetoui/formik';
-import './chunk-52091cdb.js';
+import '@bigbinary/neeto-icons/Paragraph';
+import '@bigbinary/neeto-icons/TextH1';
+import '@bigbinary/neeto-icons/TextH2';
+import '@bigbinary/neeto-icons/Blockquote';
+import '@bigbinary/neeto-icons/Minus';
+import '@bigbinary/neeto-icons/Text';
+import '@bigbinary/neeto-icons/Notes';
+import '@bigbinary/neeto-icons/DeleteRow';
+import '@bigbinary/neeto-icons/DeleteColumn';
+import '@bigbinary/neeto-icons/DeleteTable';
+import '@bigbinary/neeto-icons/InsertRow';
+import '@bigbinary/neeto-icons/InsertColumn';
+import '@bigbinary/neeto-icons/MergeSplit';
+import '@bigbinary/neeto-icons/ToggleHeaderRow';
+import '@bigbinary/neetoui/formik/Form';
+import '@bigbinary/neetoui/formik/Input';
+import './chunk-91e5e60f.js';
+import '@bigbinary/neeto-icons/MenuVertical';
+import '@bigbinary/neetoui/Alert';
 
 var _excluded = ["name", "onChange", "shouldUpdate", "attachments", "mentions", "variables"];
+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; }
+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(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; }
 var FormikEditor = function FormikEditor(_ref, ref) {
   var name = _ref.name,
     _ref$onChange = _ref.onChange,
@@ -59,32 +119,33 @@ var FormikEditor = function FormikEditor(_ref, ref) {
     _ref$variables = _ref.variables,
     variables = _ref$variables === void 0 ? [] : _ref$variables,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(FastField, {
+  return /*#__PURE__*/jsx(FastField, {
     attachments: attachments,
     mentions: mentions,
     name: name,
     shouldUpdate: shouldUpdate,
-    variables: variables
-  }, function (_ref2) {
-    var field = _ref2.field,
-      form = _ref2.form,
-      meta = _ref2.meta;
-    return /*#__PURE__*/React.createElement(Editor, _extends({
-      attachments: attachments,
-      mentions: mentions,
-      name: name,
-      ref: ref,
-      variables: variables,
-      error: meta.touched ? meta.error : "",
-      initialValue: field.value,
-      onBlur: function onBlur() {
-        return form.setFieldTouched(name, true);
-      },
-      onChange: function onChange(value) {
-        form.setFieldValue(name, value);
-        _onChange === null || _onChange === void 0 || _onChange(value);
-      }
-    }, otherProps));
+    variables: variables,
+    children: function children(_ref2) {
+      var field = _ref2.field,
+        form = _ref2.form,
+        meta = _ref2.meta;
+      return /*#__PURE__*/jsx(Editor, _objectSpread({
+        attachments: attachments,
+        mentions: mentions,
+        name: name,
+        ref: ref,
+        variables: variables,
+        error: meta.touched ? meta.error : "",
+        initialValue: field.value,
+        onBlur: function onBlur() {
+          return form.setFieldTouched(name, true);
+        },
+        onChange: function onChange(value) {
+          form.setFieldValue(name, value);
+          _onChange === null || _onChange === void 0 || _onChange(value);
+        }
+      }, otherProps));
+    }
   });
 };
 FormikEditor.displayName = "FormikNeetoEditor";

package/dist/FormikEditor.js.map

@@ -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\";\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,IAAI,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,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAAA,EAAA,oBAIfC,KAAA,CAAAC,aAAA,CAACC,SAAS,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,QAAA,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,IAAI,eAACC,UAAU,CAACnC,YAAY,CAAC,CAAC;;;;"}
+{"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\";\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,IAAI,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,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;EAAA,oBAIfC,GAAA,CAACC,SAAS,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,GAAA,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,IAAI,eAACC,UAAU,CAACnC,YAAY,CAAC,CAAC;;;;"}

package/dist/Menu.js

@@ -1,11 +1,11 @@
-import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import 'ramda';
-export { M as default } from './chunk-b39dfdd8.js';
+export { M as default } from './chunk-1ac4a222.js';
 import './chunk-d17f73d0.js';
+import 'react/jsx-runtime';
 import './chunk-15c449f1.js';
 import 'i18next';
 import 'tippy.js';
@@ -14,10 +14,35 @@ import 'classnames';
 import './chunk-edd8b9fe.js';
 import '@bigbinary/neeto-cist';
 import 'tippy.js/dist/svg-arrow.css';
-import '@bigbinary/neeto-icons';
-import '@bigbinary/neetoui';
+import '@bigbinary/neeto-icons/Link';
+import '@bigbinary/neeto-icons/Column';
+import '@bigbinary/neetoui/Dropdown';
 import 'react-i18next';
+import '@bigbinary/neeto-icons/Close';
+import '@bigbinary/neetoui/Button';
 import '@bigbinary/neeto-commons-frontend/utils';
+import '@bigbinary/neeto-icons/Check';
+import '@bigbinary/neetoui/Label';
+import '@bigbinary/neeto-icons/Quote';
+import '@bigbinary/neeto-icons/Attachment';
+import '@bigbinary/neeto-icons/CodeBlock';
+import '@bigbinary/neeto-icons/Code';
+import '@bigbinary/neeto-icons/Highlight';
+import '@bigbinary/neeto-icons/TextBold';
+import '@bigbinary/neeto-icons/TextCross';
+import '@bigbinary/neeto-icons/TextItalic';
+import '@bigbinary/neeto-icons/Underline';
+import '@bigbinary/neeto-icons/ListDot';
+import '@bigbinary/neeto-icons/ListNumber';
+import '@bigbinary/neeto-icons/ImageUpload';
+import '@bigbinary/neeto-icons/Video';
+import '@bigbinary/neeto-icons/MediaVideo';
+import '@bigbinary/neeto-icons/Undo';
+import '@bigbinary/neeto-icons/Redo';
+import '@bigbinary/neeto-icons/Email';
+import '@bigbinary/neetoui/Avatar';
+import '@bigbinary/neetoui/Typography';
+import '@bigbinary/neeto-icons/Smiley';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
@@ -28,14 +53,29 @@ import '@babel/runtime/regenerator';
 import 'emoji-mart';
 import 'axios';
 import '@bigbinary/neeto-commons-frontend/react-utils';
+import '@bigbinary/neeto-icons/Customize';
+import '@bigbinary/neeto-icons/Refresh';
+import '@bigbinary/neetoui/Input';
 import 'react-colorful';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-molecules/DynamicVariables';
-import './chunk-c1e6a992.js';
+import '@bigbinary/neetoui/Modal';
+import '@bigbinary/neetoui/Tab';
+import './chunk-eafe8fe4.js';
 import 'zustand/shallow';
+import '@bigbinary/neetoui/Toastr';
 import 'zustand';
 import './chunk-65f73e5a.js';
+import '@bigbinary/neeto-icons/LeftAlign';
+import '@bigbinary/neeto-icons/CenterAlign';
+import '@bigbinary/neeto-icons/RightAlign';
+import '@bigbinary/neeto-icons/Delete';
 import '@bigbinary/neeto-commons-frontend/initializers';
+import '@bigbinary/neetoui/Tooltip';
+import '@bigbinary/neetoui/Spinner';
+import '@bigbinary/neetoui/Checkbox';
+import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@tippyjs/react';
+import '@bigbinary/neeto-icons/File';
 import 'yup';
 //# sourceMappingURL=Menu.js.map

package/dist/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}