@bigbinary/neeto-molecules 1.1.18 → 1.1.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.1.18",
+  "version": "1.1.20",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -65,7 +65,7 @@
     "@bigbinary/eslint-plugin-neeto": "^1.1.14",
     "@bigbinary/neeto-audit-frontend": "2.0.1",
     "@bigbinary/neeto-commons-frontend": "2.0.134",
-    "@bigbinary/neeto-editor": "1.27.0-beta.1",
+    "@bigbinary/neeto-editor": "1.28.25",
     "@bigbinary/neeto-filters-frontend": "^2.11.15",
     "@bigbinary/neeto-icons": "^1.14.0",
     "@bigbinary/neeto-molecules": "^1.0.5",
@@ -107,6 +107,7 @@
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-js-logger": "1.0.17",
     "babel-plugin-macros": "3.1.0",
+    "babel-plugin-preval": "^5.1.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "babel-preset-react": "6.24.1",
     "babel-preset-typescript": "^7.0.0-alpha.19",

package/src/translations/en.json

@@ -561,6 +561,9 @@
         "Course": "Course"
       }
     },
+    "documentEditor": {
+      "title": "Document title"
+    },
     "sendToFields": {
       "uploadCsvTooltip": "Accepts only CSV files with an 'email' column",
       "errors": {

package/types/DocumentEditor.d.ts

@@ -0,0 +1,58 @@
+import { FormikEditorProps, attachment } from "@bigbinary/neeto-editor";
+import { TextareaProps } from "@bigbinary/neetoui";
+/**
+ *
+ * NeetoEditor with a better writing experience.
+ *
+ * @example 
+ *
+ * import React from "react";
+ * import DocumentEditor from "@bigbinary/neeto-molecules/DocumentEditor";
+ * 
+ * const Component = () => (
+ *   <Container isHeaderFixed>
+ *     <FormikFormWrapper
+ *       className="flex h-full w-full flex-grow"
+ *       formikProps={{
+ *         enableReinitialize: true,
+ *         initialValues: initialFormValues,
+ *         onSubmit: handleSubmit,
+ *         validationSchema,
+ *       }}
+ *     >
+ *       <DocumentEditor
+ *         attachments={attachments}
+ *         onAttachmentChange={handleAttachmentChange}
+ *         onContentChange={handleContentChange}
+ *         onTitleChange={handleTitleChange}
+ *         getTitleRef={setTitleRef}
+ *         getEditorRef={setEditorRef}
+ *         editorProps={{
+ *           editorSecrets,
+ *           uploadEndpoint,
+ *           openImageInNewTab: false,
+ *           key: "document-editor",
+ *         }}
+ *         titleProps={{
+ *           autoFocus: true,
+ *           placeholder: "Document title",
+ *         }}
+ *       />
+ *     </FormikFormWrapper>
+ *   </Container>
+ * );
+ * @endexample
+*/
+const DocumentEditor: React.FC<{
+  attachments: attachment[];
+  onContentChange: (content: string) => void;
+  onAttachmentChange: (attachments: attachment[]) => void;
+  onTitleChange: (title: string) => void;
+  getTitleRef: (ref: HTMLTextAreaElement | null) => void;
+  getEditorRef: (ref: any) => void;
+  editorContentFieldName: string;
+  titleFieldName: string;
+  editorProps: FormikEditorProps;
+  titleProps: TextareaProps;
+}>;
+export default DocumentEditor;

package/types/EmailForm.d.ts

@@ -34,6 +34,7 @@ type FieldOptions = {
  *             showSendToField
  *             messageVariables={messageVariables}
  *             replyToOptions={replyToOptions}
+ *             sendToOptions={sendToOptions}
  *             subjectVariables={subjectVariables}
  *           />
  *           <EmailPreview
@@ -56,6 +57,7 @@ const EmailForm: React.FC<{
   handleCancel: () => void;
   isLoading?: boolean;
   replyToOptions?: FieldOptions[];
+  sendToOptions?: FieldOptions[];
   isUpdating?: boolean;
   showFields?: boolean;
   className?: string;

package/types/EmailFormProvider.d.ts

@@ -34,6 +34,7 @@ type ValidationMap = {
 declare const EmailFormProvider: <T extends {}>(props: {
   showSendToField?: boolean;
   showReplyToField?: boolean;
+  showSendToAsRadio?: boolean;
   onSubmit: FormikConfig<T>['onSubmit'];
   initialValues: T;
   children: ReactNode;