@bigbinary/neeto-molecules 1.1.18 → 1.1.20

package/README.md

@@ -60,6 +60,7 @@ https://neeto-molecules.neeto.com/
 - [MoreDropdown](./docs/components.md#MoreDropdown)
 - [Builder](./docs/components.md#Builder)
 - [Metadata](./docs/components.md#metadata)
+- [DocumentEditor](./docs/components.md#DocumentEditor)
 
 ## Installation Instructions
 

package/dist/DocumentEditor.js

@@ -0,0 +1,274 @@
+import React, { useRef, useState } from 'react';
+import { noop } from '@bigbinary/neeto-commons-frontend/pure';
+import { FormikEditor } from '@bigbinary/neeto-editor';
+import { Typography } from '@bigbinary/neetoui';
+import { Textarea } from '@bigbinary/neetoui/formik';
+import { useTranslation } from 'react-i18next';
+import { useFormikContext } from 'formik';
+import { useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+var EDITOR_ADDONS = ["highlight", "emoji", "video-upload", "code-block", "block-quote", "image-upload", "image-upload-unsplash", "divider", "video-embed", "undo", "redo", "attachments", "table"];
+var DEFAULT_EDITOR_PROPS = {
+  isCharacterCountActive: true,
+  isMenuIndependent: true,
+  addons: []
+};
+
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ".neeto-molecules-new-document__wrapper{flex-grow:1;height:100%;overflow-y:auto;width:100%}.neeto-molecules-new-document__wrapper .neeto-molecules-new-document__container{margin:0 auto;max-width:768px!important}.neeto-molecules-new-document__wrapper .neeto-molecules-new-document__title{margin:24px 0 0;width:100%}.neeto-molecules-new-document__wrapper .neeto-molecules-new-document__title .neeto-ui-input{padding:0!important}.neeto-molecules-new-document__wrapper .neeto-molecules-new-document__title .neeto-ui-input textarea{color:rgb(var(--neeto-ui-black));font-size:42px;font-weight:700;line-height:48px;resize:none}.neeto-molecules-new-document__wrapper .neeto-molecules-new-document__title .neeto-ui-input textarea::-moz-placeholder{color:rgb(var(--neeto-ui-gray-300))}.neeto-molecules-new-document__wrapper .neeto-molecules-new-document__title .neeto-ui-input textarea::placeholder{color:rgb(var(--neeto-ui-gray-300))}.neeto-molecules-new-document__wrapper .neeto-molecules-editor-content__error{margin:12px auto}.neeto-molecules-new-document__wrapper .ProseMirror{max-height:none;overflow-y:hidden}.neeto-molecules-new-document__wrapper .neeto-editor-fixed-menu{background-color:rgb(var(--neeto-ui-gray-100));border:thin solid rgb(var(--neeto-ui-gray-200));border-left:none;border-right:none}.neeto-molecules-new-document__wrapper .neeto-editor-fixed-menu__wrapper{margin:0 auto;max-width:768px;padding:4px 8px}.neeto-molecules-new-document__wrapper .editor-content__wrapper{border:none!important;padding:12px 16px 0!important;width:100%!important}.neeto-molecules-new-document__wrapper .editor-content-attachments{border:none;margin:12px auto 0;max-width:768px!important;padding-left:16px;padding-right:16px}.neeto-molecules-new-document__wrapper .editor-content-attachments--no-attachments{display:none!important}.neeto-molecules-new-document__wrapper .neeto-editor-character-count{margin:0 auto;max-width:768px!important;padding-left:16px;padding-right:16px}.neeto-molecules-new-document__wrapper .ne-attachments__wrapper{width:100%}.editor-content__wrapper.neeto-editor{padding:0 16px}.editor-content__wrapper.neeto-editor h1{margin:2rem 0 .25rem}.editor-content__wrapper.neeto-editor h2{margin:1.5rem 0 .25rem}.editor-content__wrapper.neeto-editor h3{margin:1rem 0 .25rem}.editor-content__wrapper.neeto-editor p{font-size:1rem;line-height:1.5}.editor-content__wrapper.neeto-editor ol,.editor-content__wrapper.neeto-editor ul{margin-bottom:1rem;padding-left:24px}.editor-content__wrapper.neeto-editor ol li,.editor-content__wrapper.neeto-editor ul li{margin-bottom:.5rem}.editor-content__wrapper.neeto-editor ol li p,.editor-content__wrapper.neeto-editor ul li p{margin-bottom:0}.editor-content__wrapper.neeto-editor ol li:last-child,.editor-content__wrapper.neeto-editor ul li:last-child{margin-bottom:.5rem}.editor-content__wrapper.neeto-editor .neeto-editor-table{margin:8px 0 0}.editor-content__wrapper.neeto-editor .neeto-editor-table table{border-radius:0}.editor-content__wrapper.neeto-editor .neeto-editor-table p{margin-bottom:0}.editor-content__wrapper.neeto-editor .neeto-editor-table .neeto-editor-table__add-column,.editor-content__wrapper.neeto-editor .neeto-editor-table .neeto-editor-table__add-row{visibility:hidden}.editor-content__wrapper.neeto-editor .neeto-editor-table:hover .neeto-editor-table__add-column,.editor-content__wrapper.neeto-editor .neeto-editor-table:hover .neeto-editor-table__add-row{visibility:visible}ins{background-color:#c1f4cb!important;text-decoration:none!important}del{background-color:#faa!important}.neeto-molecules__menubar .neeto-molecules-menubar__subtitle,.neeto-molecules__menubar .neeto-molecules-menubar__title{margin-left:8px}";
+n(css,{});
+
+var useEditor = function useEditor(_ref) {
+  var onContentChange = _ref.onContentChange,
+    editorContentFieldName = _ref.editorContentFieldName,
+    setAttachments = _ref.setAttachments,
+    onAttachmentChange = _ref.onAttachmentChange,
+    onTitleChange = _ref.onTitleChange,
+    titleFieldName = _ref.titleFieldName,
+    editorRef = _ref.editorRef;
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    errors = _useFormikContext.errors;
+  var handleContentChange = function handleContentChange(content) {
+    setFieldValue(editorContentFieldName, content);
+    onContentChange(content);
+  };
+  var handleAttachmentChange = function handleAttachmentChange(attachments) {
+    setAttachments(attachments);
+    setFieldValue("attachments", attachments);
+    onAttachmentChange(attachments);
+  };
+  var handleTitleChange = function handleTitleChange(event) {
+    var title = event.target.value;
+    setFieldValue(titleFieldName, title);
+    onTitleChange(title);
+  };
+  var titleHotkeyRef = useHotKeys("return", function () {
+    var _editorRef$current, _editorRef$current$ed, _editorRef$current$ed2;
+    return (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : (_editorRef$current$ed = _editorRef$current.editor) === null || _editorRef$current$ed === void 0 ? void 0 : (_editorRef$current$ed2 = _editorRef$current$ed.commands) === null || _editorRef$current$ed2 === void 0 ? void 0 : _editorRef$current$ed2.focus();
+  }, {
+    mode: "scoped"
+  });
+  return {
+    handleContentChange: handleContentChange,
+    handleAttachmentChange: handleAttachmentChange,
+    handleTitleChange: handleTitleChange,
+    titleHotkeyRef: titleHotkeyRef,
+    errors: errors
+  };
+};
+
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getUniqueAttachments = function getUniqueAttachments(attachments) {
+  var uniqueAttachments = attachments === null || attachments === void 0 ? void 0 : attachments.reduce(function (uniqueAttachments, attachment) {
+    return _objectSpread$1(_objectSpread$1({}, uniqueAttachments), {}, _defineProperty({}, attachment.signedId, attachment));
+  }, {});
+  return Object.values(uniqueAttachments || {});
+};
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Editor = function Editor(_ref) {
+  var initialAttachments = _ref.attachments,
+    onContentChange = _ref.onContentChange,
+    onAttachmentChange = _ref.onAttachmentChange,
+    onTitleChange = _ref.onTitleChange,
+    _ref$getTitleRef = _ref.getTitleRef,
+    getTitleRef = _ref$getTitleRef === void 0 ? noop : _ref$getTitleRef,
+    _ref$getEditorRef = _ref.getEditorRef,
+    getEditorRef = _ref$getEditorRef === void 0 ? noop : _ref$getEditorRef,
+    _ref$editorContentFie = _ref.editorContentFieldName,
+    editorContentFieldName = _ref$editorContentFie === void 0 ? "htmlContent" : _ref$editorContentFie,
+    _ref$titleFieldName = _ref.titleFieldName,
+    titleFieldName = _ref$titleFieldName === void 0 ? "title" : _ref$titleFieldName,
+    _ref$editorProps = _ref.editorProps,
+    editorProps = _ref$editorProps === void 0 ? DEFAULT_EDITOR_PROPS : _ref$editorProps,
+    _ref$titleProps = _ref.titleProps,
+    titleProps = _ref$titleProps === void 0 ? {} : _ref$titleProps;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var titleRef = useRef();
+  var editorRef = useRef();
+  var _useState = useState(function () {
+      return getUniqueAttachments(initialAttachments);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    attachments = _useState2[0],
+    setAttachments = _useState2[1];
+  var _useEditor = useEditor({
+      onContentChange: onContentChange,
+      editorContentFieldName: editorContentFieldName,
+      setAttachments: setAttachments,
+      onAttachmentChange: onAttachmentChange,
+      onTitleChange: onTitleChange,
+      titleFieldName: titleFieldName,
+      editorRef: editorRef
+    }),
+    handleContentChange = _useEditor.handleContentChange,
+    handleAttachmentChange = _useEditor.handleAttachmentChange,
+    handleTitleChange = _useEditor.handleTitleChange,
+    titleHotkeyRef = _useEditor.titleHotkeyRef,
+    errors = _useEditor.errors;
+  var setTitleRef = function setTitleRef(node) {
+    titleHotkeyRef.current = node;
+    getTitleRef(node);
+    titleRef.current = node;
+  };
+  var setEditorRef = function setEditorRef(node) {
+    getEditorRef(node);
+    editorRef.current = node;
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-new-document__wrapper flex",
+    "data-testid": "document-editor-container"
+  }, /*#__PURE__*/React.createElement(FormikEditor, _extends({
+    attachmentsClassName: "editor-content-attachments",
+    className: "h-full w-full",
+    contentClassName: "editor-content__wrapper neeto-molecules-new-document__container",
+    "data-cy": "article-content-text-area",
+    error: undefined,
+    menuClassName: "w-full sticky top-0 z-20",
+    name: editorContentFieldName,
+    ref: setEditorRef
+  }, _objectSpread({
+    attachments: attachments
+  }, editorProps), {
+    addons: EDITOR_ADDONS.concat(editorProps.addons),
+    onChange: handleContentChange,
+    onChangeAttachments: handleAttachmentChange
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-new-document__container px-4"
+  }, /*#__PURE__*/React.createElement(Textarea, _extends({
+    nakedTextarea: true,
+    className: "neeto-molecules-new-document__title",
+    "data-cy": "article-title-text-field",
+    name: titleFieldName,
+    ref: setTitleRef,
+    rows: 1,
+    placeholder: titleProps.placeholder || t("neetoMolecules.documentEditor.title"),
+    onChange: handleTitleChange,
+    onKeyDown: function onKeyDown(e) {
+      return e.key === "Enter" && !e.shiftKey && e.preventDefault();
+    }
+  }, titleProps)), errors[editorContentFieldName] && /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-input__error neeto-molecules-editor-content__error",
+    "data-cy": "articles-content-input-error",
+    style: "body3"
+  }, errors[editorContentFieldName]))));
+};
+
+export { Editor as default };
+//# sourceMappingURL=DocumentEditor.js.map

package/dist/DocumentEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentEditor.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../node_modules/@babel/runtime/helpers/esm/defineProperty.js","../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","../node_modules/@babel/runtime/helpers/esm/slicedToArray.js","../src/components/DocumentEditor/constants.js","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/DocumentEditor/hooks/useEditor.js","../src/components/DocumentEditor/utils.js","../src/components/DocumentEditor/index.jsx"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}","import _typeof from \"./typeof.js\";\nexport default function _toPrimitive(input, hint) {\n  if (_typeof(input) !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (_typeof(res) !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}","export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"];\n  if (null != _i) {\n    var _s,\n      _e,\n      _x,\n      _r,\n      _arr = [],\n      _n = !0,\n      _d = !1;\n    try {\n      if (_x = (_i = _i.call(arr)).next, 0 === i) {\n        if (Object(_i) !== _i) return;\n        _n = !1;\n      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);\n    } catch (err) {\n      _d = !0, _e = err;\n    } finally {\n      try {\n        if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return;\n      } finally {\n        if (_d) throw _e;\n      }\n    }\n    return _arr;\n  }\n}","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n  return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export const EDITOR_ADDONS = [\n  \"highlight\",\n  \"emoji\",\n  \"video-upload\",\n  \"code-block\",\n  \"block-quote\",\n  \"image-upload\",\n  \"image-upload-unsplash\",\n  \"divider\",\n  \"video-embed\",\n  \"undo\",\n  \"redo\",\n  \"attachments\",\n  \"table\",\n];\n\nexport const DEFAULT_EDITOR_PROPS = {\n  isCharacterCountActive: true,\n  isMenuIndependent: true,\n  addons: [],\n};\n","var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","import { useFormikContext } from \"formik\";\nimport { useHotKeys } from \"neetocommons/react-utils\";\n\nconst useEditor = ({\n  onContentChange,\n  editorContentFieldName,\n  setAttachments,\n  onAttachmentChange,\n  onTitleChange,\n  titleFieldName,\n  editorRef,\n}) => {\n  const { setFieldValue, errors } = useFormikContext();\n\n  const handleContentChange = content => {\n    setFieldValue(editorContentFieldName, content);\n    onContentChange(content);\n  };\n\n  const handleAttachmentChange = attachments => {\n    setAttachments(attachments);\n    setFieldValue(\"attachments\", attachments);\n    onAttachmentChange(attachments);\n  };\n\n  const handleTitleChange = event => {\n    const title = event.target.value;\n    setFieldValue(titleFieldName, title);\n    onTitleChange(title);\n  };\n\n  const titleHotkeyRef = useHotKeys(\n    \"return\",\n    () => editorRef.current?.editor?.commands?.focus(),\n    { mode: \"scoped\" }\n  );\n\n  return {\n    handleContentChange,\n    handleAttachmentChange,\n    handleTitleChange,\n    titleHotkeyRef,\n    errors,\n  };\n};\n\nexport default useEditor;\n","export const getUniqueAttachments = attachments => {\n  const uniqueAttachments = attachments?.reduce(\n    (uniqueAttachments, attachment) => ({\n      ...uniqueAttachments,\n      [attachment.signedId]: attachment,\n    }),\n    {}\n  );\n\n  return Object.values(uniqueAttachments || {});\n};\n","import React, { useRef, useState } from \"react\";\n\nimport { noop } from \"neetocommons/pure\";\nimport { FormikEditor } from \"neetoeditor\";\nimport { Typography } from \"neetoui\";\nimport { Textarea } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { DEFAULT_EDITOR_PROPS, EDITOR_ADDONS } from \"./constants\";\nimport \"./editor.scss\";\nimport useEditor from \"./hooks/useEditor\";\nimport { getUniqueAttachments } from \"./utils\";\n\nconst Editor = ({\n  attachments: initialAttachments,\n  onContentChange,\n  onAttachmentChange,\n  onTitleChange,\n  getTitleRef = noop,\n  getEditorRef = noop,\n  editorContentFieldName = \"htmlContent\",\n  titleFieldName = \"title\",\n  editorProps = DEFAULT_EDITOR_PROPS,\n  titleProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const titleRef = useRef();\n  const editorRef = useRef();\n\n  const [attachments, setAttachments] = useState(() =>\n    getUniqueAttachments(initialAttachments)\n  );\n\n  const {\n    handleContentChange,\n    handleAttachmentChange,\n    handleTitleChange,\n    titleHotkeyRef,\n    errors,\n  } = useEditor({\n    onContentChange,\n    editorContentFieldName,\n    setAttachments,\n    onAttachmentChange,\n    onTitleChange,\n    titleFieldName,\n    editorRef,\n  });\n\n  const setTitleRef = node => {\n    titleHotkeyRef.current = node;\n    getTitleRef(node);\n    titleRef.current = node;\n  };\n\n  const setEditorRef = node => {\n    getEditorRef(node);\n    editorRef.current = node;\n  };\n\n  return (\n    <div\n      className=\"neeto-molecules-new-document__wrapper flex\"\n      data-testid=\"document-editor-container\"\n    >\n      <FormikEditor\n        attachmentsClassName=\"editor-content-attachments\"\n        className=\"h-full w-full\"\n        contentClassName=\"editor-content__wrapper neeto-molecules-new-document__container\"\n        data-cy=\"article-content-text-area\"\n        error={undefined}\n        menuClassName=\"w-full sticky top-0 z-20\"\n        name={editorContentFieldName}\n        ref={setEditorRef}\n        {...{ attachments, ...editorProps }}\n        addons={EDITOR_ADDONS.concat(editorProps.addons)}\n        onChange={handleContentChange}\n        onChangeAttachments={handleAttachmentChange}\n      >\n        <div className=\"neeto-molecules-new-document__container px-4\">\n          <Textarea\n            nakedTextarea\n            className=\"neeto-molecules-new-document__title\"\n            data-cy=\"article-title-text-field\"\n            name={titleFieldName}\n            ref={setTitleRef}\n            rows={1}\n            placeholder={\n              titleProps.placeholder || t(\"neetoMolecules.documentEditor.title\")\n            }\n            onChange={handleTitleChange}\n            onKeyDown={e =>\n              e.key === \"Enter\" && !e.shiftKey && e.preventDefault()\n            }\n            {...titleProps}\n          />\n          {errors[editorContentFieldName] && (\n            <Typography\n              className=\"neeto-ui-input__error neeto-molecules-editor-content__error\"\n              data-cy=\"articles-content-input-error\"\n              style=\"body3\"\n            >\n              {errors[editorContentFieldName]}\n            </Typography>\n          )}\n        </div>\n      </FormikEditor>\n    </div>\n  );\n};\n\nEditor.propTypes = {\n  /**\n   * List of initial attachments.\n   */\n  attachments: PropTypes.arrayOf(\n    PropTypes.shape({\n      contentType: PropTypes.string,\n      filename: PropTypes.string,\n      signedId: PropTypes.string,\n      url: PropTypes.string,\n    })\n  ),\n  /**\n   * Callback that will be triggered when the editor content changes.\n   * This function is not throttled.\n   */\n  onContentChange: PropTypes.func,\n  /**\n   * Callback that will be triggered when the attachments changes.\n   */\n  onAttachmentChange: PropTypes.func,\n  /**\n   * Callback that will be triggered when the article title changes.\n   */\n  onTitleChange: PropTypes.func,\n  /**\n   * This function will be called with the title node reference.\n   */\n  getTitleRef: PropTypes.func,\n  /**\n   * This function will be called with editor reference.\n   */\n  getEditorRef: PropTypes.func,\n  /**\n   * Formik field name of the editor. The default value is `htmlContent`.\n   */\n  editorContentFieldName: PropTypes.string,\n  /**\n   * Formik field name of the title. The default value is `title`.\n   */\n  titleFieldName: PropTypes.string,\n  /**\n   * These props will be passed down to the editor component.\n   */\n  editorProps: PropTypes.object,\n  /**\n   * These props will be passed down to the title text area component.\n   */\n  titleProps: PropTypes.object,\n};\n\nexport default Editor;\n"],"names":["toPrimitive","toPropertyKey","arrayLikeToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","EDITOR_ADDONS","DEFAULT_EDITOR_PROPS","isCharacterCountActive","isMenuIndependent","addons","useEditor","_ref","onContentChange","editorContentFieldName","setAttachments","onAttachmentChange","onTitleChange","titleFieldName","editorRef","_useFormikContext","useFormikContext","setFieldValue","errors","handleContentChange","content","handleAttachmentChange","attachments","handleTitleChange","event","title","target","value","titleHotkeyRef","useHotKeys","_editorRef$current","_editorRef$current$ed","_editorRef$current$ed2","current","editor","commands","focus","mode","getUniqueAttachments","uniqueAttachments","reduce","attachment","_objectSpread","_defineProperty","signedId","Object","values","Editor","initialAttachments","_ref$getTitleRef","getTitleRef","noop","_ref$getEditorRef","getEditorRef","_ref$editorContentFie","_ref$titleFieldName","_ref$editorProps","editorProps","_ref$titleProps","titleProps","_useTranslation","useTranslation","t","titleRef","useRef","_useState","useState","_useState2","_slicedToArray","_useEditor","setTitleRef","node","setEditorRef","React","createElement","className","FormikEditor","_extends","attachmentsClassName","contentClassName","error","undefined","menuClassName","name","ref","concat","onChange","onChangeAttachments","Textarea","nakedTextarea","rows","placeholder","onKeyDown","e","key","shiftKey","preventDefault","Typography","style"],"mappings":"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"}

package/dist/EmailForm.js

@@ -1,15 +1,15 @@
 import React, { useRef, useState, useContext } from 'react';
 import classnames from 'classnames';
 import { useFormikContext, Field } from 'formik';
+import { isNotEmpty, noop, isPresent } from '@bigbinary/neeto-commons-frontend/pure';
 import { isEditorEmpty, FormikEditor, EditorContent } from '@bigbinary/neeto-editor';
 import { Toastr, Button, Input as Input$1, Typography } from '@bigbinary/neetoui';
-import { Select, Input, MultiEmailInput, ActionBlock, Form } from '@bigbinary/neetoui/formik';
+import { Select, Input, MultiEmailInput, Radio, ActionBlock, Form } from '@bigbinary/neetoui/formik';
 import { useTranslation, Trans } from 'react-i18next';
 import { t } from 'i18next';
 import { prop } from 'ramda';
 import * as yup from 'yup';
 import { string } from 'yup';
-import { isNotEmpty, noop, isPresent } from '@bigbinary/neeto-commons-frontend/pure';
 import { Info, Upload } from '@bigbinary/neeto-icons';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Papa from 'papaparse';
@@ -59,6 +59,7 @@ function _defineProperty(obj, key, value) {
 
 var INITIAL_FORM_VALUES = {
   sendTo: [],
+  sendToId: "",
   sendToCc: [],
   sendToBcc: [],
   replyTo: "",
@@ -79,6 +80,11 @@ var SEND_TO_FIELD_VALIDATION = yup.object({
     return emails === null || emails === void 0 ? void 0 : emails.every(prop("valid"));
   }).nullable()
 });
+var SEND_TO_ID_FIELD_VALIDATION = yup.object({
+  sendToId: yup.string().required(t("neetoMolecules.emailForm.errors.required", {
+    entity: t("neetoMolecules.emailForm.labels.sendTo")
+  }))
+});
 var REPLY_TO_FIELD_VALIDATION = yup.object({
   replyTo: yup.string().nullable().email(t("neetoMolecules.emailForm.errors.invalidEmailAddress")).required(t("neetoMolecules.emailForm.errors.required", {
     entity: t("neetoMolecules.emailForm.fields.replyToEmailAddress")
@@ -89,6 +95,7 @@ var EDITOR_ADDONS = ["highlight", "emoji", "code-block", "block-quote", "image-u
 /* eslint-disable @bigbinary/neeto/use-zustand-for-global-state-management */
 var EmailFormContext = /*#__PURE__*/React.createContext({
   showSendToField: false,
+  showSendToAsRadio: false,
   showReplyToField: false
 });
 
@@ -861,6 +868,8 @@ var EmailForm = function EmailForm(_ref) {
     isLoading = _ref.isLoading,
     _ref$replyToOptions = _ref.replyToOptions,
     replyToOptions = _ref$replyToOptions === void 0 ? [] : _ref$replyToOptions,
+    _ref$sendToOptions = _ref.sendToOptions,
+    sendToOptions = _ref$sendToOptions === void 0 ? [] : _ref$sendToOptions,
     _ref$isUpdating = _ref.isUpdating,
     isUpdating = _ref$isUpdating === void 0 ? false : _ref$isUpdating,
     _ref$showFields = _ref.showFields,
@@ -871,10 +880,12 @@ var EmailForm = function EmailForm(_ref) {
     t = _useTranslation.t;
   var _useContext = useContext(EmailFormContext),
     showSendToField = _useContext.showSendToField,
+    showSendToAsRadio = _useContext.showSendToAsRadio,
     showReplyToField = _useContext.showReplyToField;
   var _useFormikContext = useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue,
     dirty = _useFormikContext.dirty;
+  var showSendToRadioField = showSendToField && showSendToAsRadio && isNotEmpty(sendToOptions);
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "email-form",
     className: classnames("flex flex-1 flex-col items-start gap-2", _defineProperty({}, className, className))
@@ -897,7 +908,22 @@ var EmailForm = function EmailForm(_ref) {
         return setFieldValue("subject", text);
       }
     }));
-  }), showSendToField && /*#__PURE__*/React.createElement(SendToField, null), showReplyToField && /*#__PURE__*/React.createElement(ReplyToField, {
+  }), showSendToRadioField ? /*#__PURE__*/React.createElement(Radio, {
+    "data-testid": "send-to-id",
+    label: t("neetoMolecules.emailForm.labels.sendTo"),
+    labelProps: {
+      required: true
+    },
+    name: "sendToId"
+  }, sendToOptions.map(function (_ref3) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return /*#__PURE__*/React.createElement(Radio.Item, {
+      label: label,
+      value: value,
+      key: value
+    });
+  })) : /*#__PURE__*/React.createElement(SendToField, null), showReplyToField && /*#__PURE__*/React.createElement(ReplyToField, {
     replyToOptions: replyToOptions
   }), /*#__PURE__*/React.createElement("div", {
     className: "w-full"
@@ -940,9 +966,12 @@ var EmailForm = function EmailForm(_ref) {
 var getValidationSchema = function getValidationSchema(_ref) {
   var showSendToField = _ref.showSendToField,
     showReplyToField = _ref.showReplyToField,
+    showSendToAsRadio = _ref.showSendToAsRadio,
     customValidations = _ref.customValidations;
   var schema = EMAIL_FORM_VALIDATION_SCHEMA.clone();
-  if (showSendToField) schema = schema.concat(SEND_TO_FIELD_VALIDATION);
+  if (showSendToField) {
+    schema = schema.concat(showSendToAsRadio ? SEND_TO_ID_FIELD_VALIDATION : SEND_TO_FIELD_VALIDATION);
+  }
   if (showReplyToField) schema = schema.concat(REPLY_TO_FIELD_VALIDATION);
   return schema.shape(customValidations);
 };
@@ -961,12 +990,15 @@ var EmailFormProvider = function EmailFormProvider(_ref) {
     _ref$showSendToField = _ref.showSendToField,
     showSendToField = _ref$showSendToField === void 0 ? false : _ref$showSendToField,
     _ref$showReplyToField = _ref.showReplyToField,
-    showReplyToField = _ref$showReplyToField === void 0 ? false : _ref$showReplyToField;
+    showReplyToField = _ref$showReplyToField === void 0 ? false : _ref$showReplyToField,
+    _ref$showSendToAsRadi = _ref.showSendToAsRadio,
+    showSendToAsRadio = _ref$showSendToAsRadi === void 0 ? false : _ref$showSendToAsRadi;
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "email-form-provider"
   }, /*#__PURE__*/React.createElement(EmailFormContext.Provider, {
     value: {
       showSendToField: showSendToField,
+      showSendToAsRadio: showSendToAsRadio,
       showReplyToField: showReplyToField
     }
   }, /*#__PURE__*/React.createElement(Form, {
@@ -975,6 +1007,7 @@ var EmailFormProvider = function EmailFormProvider(_ref) {
       validationSchema: getValidationSchema({
         showSendToField: showSendToField,
         showReplyToField: showReplyToField,
+        showSendToAsRadio: showSendToAsRadio,
         customValidations: customValidations
       }),
       initialValues: _objectSpread(_objectSpread({}, initialValues), {}, {