@bigbinary/neeto-molecules 1.3.6 → 1.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "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>",
@@ -159,6 +159,7 @@
     "react-syntax-highlighter": "^15.5.0",
     "react-toastify": "^9.0.8",
     "remark-gfm": "4.0.0",
+    "rfs": "^10.0.0",
     "rollup": "^2.76.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-cleaner": "^1.0.0",

package/types/EmailForm.d.ts

@@ -28,7 +28,7 @@ type FieldOptions = {
  *   return (
  *     <EmailFormProvider>
  *       {({ values }) => (
- *         <div className="flex gap-2 p-6">
+ *         <div className="flex flex-col gap-2 p-6 md:flex-row">
  *           <EmailForm
  *             showReplyToField
  *             showSendToField

package/types/PhoneNumber.d.ts

@@ -28,7 +28,9 @@ export
  *
  * picker. The default country code will be detected automatically based on the
  *
- * location of the user's ip address. We are leveraging neetoIpLookupWeb for the same.
+ * location of the user's ip address. We are leveraging neetoIpLookupWeb for the
+ *
+ * same.
  *
  * ![PhoneNumberInput](https://user-images.githubusercontent.com/35297280/231367938-93aa94b0-2a8c-44b3-b1c7-8c60843e40c4.png|height=200|width=300)
  *

package/types/SuffixedInput.d.ts

@@ -1,32 +1,29 @@
 import React from "react";
 /**
  *
- * This component can be used to display an input where the value is customizable by the user,
+ * This component can be used to display an input where the value is customizable
  *
- * but not the suffix. eg: Emails, blog urls etc.
+ * by the user, but not the suffix. eg: Emails, blog urls etc.
  *
  * @example 
  *
  * import SuffixedInput from "@bigbinary/neeto-molecules/SuffixedInput";
  * 
  * const MailboxConfiguration = () => {
- *   return (<Form
- *     formikProps={{
- *       initialValues: { email: "" },
- *       onSubmit: noop,
- *       onreset: noop,
- *     }}
- *   >
- *     {({ values: { email } }) => (
- *       <div className="w-full p-6">
- *         <SuffixedInput
- *           {...{ ...args }}
- *           value={email}
- *           name="email"
- *         />
- *       </div>
- *     )}
- *   </Form>
+ *   return (
+ *     <Form
+ *       formikProps={{
+ *         initialValues: { email: "" },
+ *         onSubmit: noop,
+ *         onreset: noop,
+ *       }}
+ *     >
+ *       {({ values: { email } }) => (
+ *         <div className="w-full p-6">
+ *           <SuffixedInput {...{ ...args }} value={email} name="email" />
+ *         </div>
+ *       )}
+ *     </Form>
  *   );
  * };
  * @endexample
@@ -41,6 +38,6 @@ const SuffixedInput: React.FC<{
   suffix: string;
   isCopyToClipboardEnabled?: boolean;
   name?: string;
-  dataCy?: string;
+  inputProps?: object;
 }>;
 export default SuffixedInput;