@bigbinary/neeto-molecules 1.1.6 → 1.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.1.6",
+  "version": "1.1.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>",

package/types/AutoSaveInput.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+/**
+ *
+ * An input field that automatically saves the value as the user tabs away from it.
+ *
+ * @example 
+ *
+ * import AutoSaveInput from "@bigbinary/neeto-molecules/AutoSaveInput";
+ * 
+ * const TaskInput = () => {
+ *   const [taskName, setTaskName] = useState("Sample task");
+ *   const [isEditorOpen, setIsEditorOpen] = useState(false);
+ * 
+ *   return (
+ *     <div className="flex-grow">
+ *       {isEditorOpen ? (
+ *         <AutoSaveInput
+ *           handleCancel={() => setIsEditorOpen(false)}
+ *           value={taskName}
+ *           handleSubmit={value => {
+ *             setTaskName(value);
+ *             setIsEditorOpen(false);
+ *           }}
+ *         />
+ *       ) : (
+ *         <Typography
+ *           className="flex-grow cursor-pointer"
+ *           style="h2"
+ *           weight="semibold"
+ *           onClick={() => setIsEditorOpen(true)}
+ *         >
+ *           {taskName}
+ *         </Typography>
+ *       )}
+ *     </div>
+ *   );
+ * };
+ * @endexample
+*/
+const AutoSaveInput: React.FC<{
+  className?: string;
+  value?: string;
+  nullable?: boolean;
+  isSaving?: boolean;
+  handleSubmit: (value: string) => void;
+  handleCancel: (value: string) => void;
+}>;
+export default AutoSaveInput;