@bigbinary/neeto-molecules 1.0.114 → 1.0.115

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.0.114",
+  "version": "1.0.115",
   "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>",
@@ -54,7 +54,7 @@
     "@bigbinary/neeto-icons": "^1.12.3",
     "@bigbinary/neeto-molecules": "^1.0.5",
     "@bigbinary/neeto-time-zones": "^0.5.0",
-    "@bigbinary/neetoui": "^5.1.5",
+    "@bigbinary/neetoui": "^5.2.2",
     "@faker-js/faker": "7.6.0",
     "@honeybadger-io/react": "2.0.1",
     "@rails/activestorage": "^7.0.5",

package/src/translations/en.json

@@ -533,6 +533,12 @@
         "KB": "KB",
         "Course": "Course"
       }
+    },
+    "sendToFields": {
+      "uploadCsvTooltip": "Accepts only CSV files with an 'email' column",
+      "errors": {
+        "invalidCsv": "Invalid csv, email column not found"
+      }
     }
   }
 }

package/types/NavigationHeader.d.ts

@@ -52,12 +52,18 @@ type LeftBlockPropTypes = {
  * const Page = () => (
  *   <NavigationHeader
  *     leftActionBlock={<NavigationHeader.LeftActionBlock {...leftBlockProps} />}
- *     rightActionBlock={<NavigationHeader.RightActionBlock {...rightBlockProps} />}
- *     navigationLinks={<NavigationHeader.NavigationLinks {...navigationLinkProps} />}
+ *     rightActionBlock={
+ *       <NavigationHeader.RightActionBlock {...rightBlockProps} />
+ *     }
+ *     navigationLinks={
+ *       <NavigationHeader.NavigationLinks {...navigationLinkProps} />
+ *     }
  *   />
  * );
  * @endexample
- * To specify the content to be rendered in the left side of the NavigationHeader.
+ * To specify the content to be rendered in the left side of the
+ *
+ * NavigationHeader.
  *
  * @example 
  *
@@ -66,19 +72,25 @@ type LeftBlockPropTypes = {
  * 
  * const Page = () => (
  *   <NavigationHeader
- *     leftActionBlock={<NavigationHeader.LeftActionBlock
- *       homeButtonProps={{ tooltip: { position: "right" } }}
- *       homeUrl={homeUrl}
- *       renameProps={{
- *         disabled: false,
- *         dropdownItems: [{ label: "Clone", onClick: noop }],
- *         placeholder: "Enter a name",
- *         value: "Feedback form",
- *         onRename: () => noop,
- *       }}
- *     />}
- *     rightActionBlock={<NavigationHeader.RightActionBlock {...rightBlockProps} />}
- *     navigationLinks={<NavigationHeader.NavigationLinks {...navigationLinkProps} />}
+ *     leftActionBlock={
+ *       <NavigationHeader.LeftActionBlock
+ *         homeButtonProps={{ tooltip: { position: "right" } }}
+ *         homeUrl={homeUrl}
+ *         renameProps={{
+ *           disabled: false,
+ *           dropdownItems: [{ label: "Clone", onClick: noop }],
+ *           placeholder: "Enter a name",
+ *           value: "Feedback form",
+ *           onRename: () => noop,
+ *         }}
+ *       />
+ *     }
+ *     rightActionBlock={
+ *       <NavigationHeader.RightActionBlock {...rightBlockProps} />
+ *     }
+ *     navigationLinks={
+ *       <NavigationHeader.NavigationLinks {...navigationLinkProps} />
+ *     }
  *   />
  * );
  * @endexample
@@ -91,19 +103,25 @@ type LeftBlockPropTypes = {
  * 
  * const Page = () => (
  *   <NavigationHeader
- *     navigationLinks={<NavigationHeader.NavigationLinks
- *       headerLinks={[
- *         { key: "build", to: "/build", label: "Build" },
- *         { key: "design", to: "/design", label: "Design" },
- *         { key: "configure", to: "/configure", label: "Configure" },
- *       ]}
- *     />}
- *     rightActionBlock={<NavigationHeader.RightActionBlock {...rightBlockProps} />}
+ *     navigationLinks={
+ *       <NavigationHeader.NavigationLinks
+ *         headerLinks={[
+ *           { key: "build", to: "/build", label: "Build" },
+ *           { key: "design", to: "/design", label: "Design" },
+ *           { key: "configure", to: "/configure", label: "Configure" },
+ *         ]}
+ *       />
+ *     }
+ *     rightActionBlock={
+ *       <NavigationHeader.RightActionBlock {...rightBlockProps} />
+ *     }
  *     leftActionBlock={<NavigationHeader.LeftActionBlock {...leftBlockProps} />}
  *   />
  * );
  * @endexample
- * To specify the content to be rendered in the right side of the NavigationHeader
+ * To specify the content to be rendered in the right side of the
+ *
+ * NavigationHeader
  *
  * @example 
  *
@@ -112,22 +130,26 @@ type LeftBlockPropTypes = {
  * 
  * const Page = () => (
  *   <NavigationHeader
- *     rightActionBlock={<NavigationHeader.RightActionBlock
- *       isPublishButtonVisible={false}
- *       draftPreviewUrl="/preview/draft"
- *       isDraftBlockHidden={false}
- *       isResetDraftButtonVisible={true}
- *       isResetting={false}
- *       onResetClick={noop}
- *       isPublishDisabled={true}
- *       isPublishing={false}
- *       handlePublish={noop}
- *       isPublishPreviewDisabled={true}
- *       publishedPreviewUrl="/preview/published"
- *       setIsResetAlertOpen={noop}
- *       handleReset={noop}
- *     />}
- *     navigationLinks={<NavigationHeader.NavigationLinks {...navigationLinkProps} />}
+ *     rightActionBlock={
+ *       <NavigationHeader.RightActionBlock
+ *         isPublishButtonVisible={false}
+ *         draftPreviewUrl="/preview/draft"
+ *         isDraftBlockHidden={false}
+ *         isResetDraftButtonVisible={true}
+ *         isResetting={false}
+ *         onResetClick={noop}
+ *         isPublishDisabled={true}
+ *         isPublishing={false}
+ *         handlePublish={noop}
+ *         isPublishPreviewDisabled={true}
+ *         publishedPreviewUrl="/preview/published"
+ *         setIsResetAlertOpen={noop}
+ *         handleReset={noop}
+ *       />
+ *     }
+ *     navigationLinks={
+ *       <NavigationHeader.NavigationLinks {...navigationLinkProps} />
+ *     }
  *     leftActionBlock={<NavigationHeader.LeftActionBlock {...leftBlockProps} />}
  *   />
  * );

package/types/SendToFields.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+import { InputProps } from "neetoui";
+/**
+ *
+ * This email input component comes with the capability to include recipients in
+ *
+ * the Blind Carbon Copy (BCC) and Carbon Copy (CC) fields. The 'showCopyEmail'
+ *
+ * formik key is used to toggle the visibility of the Cc/Bcc input fields and is
+ *
+ * automatically added if omitted when clicking the Cc/Bcc
+ *
+ * button.Additionally,default name attributes, 'sendTo,' 'sendToCc,' and
+ *
+ * 'sendToBcc,' are provided for the email inputs, which can be customized to suit
+ *
+ * your needs.
+ *
+ * @example 
+ *
+ * import React from "react";
+ * import SendToFields from "@bigbinary/neeto-molecules/SendToFields";
+ * 
+ * const SendToFieldsComponent = () => (
+ *   <Form
+ *     formikProps={{
+ *       enableReinitialize: true,
+ *       initialValues: {
+ *         sendTo: [],
+ *         sendToCc: [],
+ *         sendToBcc: [],
+ *         showCopyEmail: false,
+ *       },
+ *     }}
+ *   >
+ *     <SendToFields
+ *       showUploadCsvButton
+ *       showCcBccButton
+ *       emailInputProps={{
+ *         id: "sendTo",
+ *         name: "sendTo",
+ *       }}
+ *       ccInputProps={{
+ *         label: "CC",
+ *         name: "sendToCc",
+ *       }}
+ *       bccInputProps={{
+ *         label: "BCC",
+ *         name: "sendToBcc",
+ *       }}
+ *     />
+ *   </Form>
+ * );
+ * @endexample
+*/
+const SendToFields: React.FC<{
+  inputProps?: InputProps;
+  ccInputProps?: InputProps;
+  bccInputPropse?: InputProps;
+  showUploadCsvButton: boolean;
+  showCcBccButton: boolean;
+}>;
+export default SendToFields;