feat: Improved submit output

Author: kevinwang5658

next-releasenotes.md

@@ -1,7 +1,7 @@
 {
-  "name": "@codify-cli/ink-form",
+  "name": "@codifycli/ink-form",
   "type": "module",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "description": "Complex user-friendly form component for Codify",
   "main": "lib/index.js",
   "exports": "./lib/index.js",
@@ -18,7 +18,7 @@
     "commandline",
     "cmd"
   ],
-  "repository": "https://github.com/kevinwang5658/codify-ink-form",
+  "repository": "https://github.com/codifyCLI/codify-ink-form",
   "author": "Lukas Bach <lbach@outlook.de> modified by Kevin Wang",
   "devDependencies": {
     "@types/node": "20.14.8",
@@ -55,7 +55,8 @@
     "ink-text-input": "^6.0.0"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "restricted",
+    "registry": "https://npm.pkg.github.com"
   },
   "publish": {
     "preScripts": "build,build:docs,lint",

package.json

@@ -14,7 +14,6 @@ import { FullScreen, useStdoutDimensions } from './FullScreen.js';
 export const Form: React.FC<FormProps> = props => {
   const isControlled = props.value !== undefined;
   const [currentTab, setCurrentTab] = useState(0);
-  const [isSubmitted, setIsSubmitted] = useState(false);
   const [sections, setSections] = useState(props.form.sections);
   const form = { ...props.form, sections }
   const [value, setValue] = useState<Array<Record<string, unknown>>>(props.value ?? Array.from({ length: sections.length }, () => ({})));
@@ -64,6 +63,15 @@ export const Form: React.FC<FormProps> = props => {
     props.onChange?.(value);
   };
 
+  const onSubmitForm = () => {
+    const formattedValue = value.map((v, index) => ({
+      section: sections[index],
+      value: v
+    }))
+
+    props.onSubmit?.(formattedValue)
+  }
+
   useInput(
     (input, key) => {
       if (key.upArrow) {
@@ -168,10 +176,7 @@ export const Form: React.FC<FormProps> = props => {
                   <Button label="Remove" id={'removeButton'} isEnabled={sections.length > 1} onClicked={() => removeCurrentSection()}/>
                 </Box>
                 <Box flexDirection="row-reverse">
-                  <SubmitButton canSubmit={canSubmitForm} onSubmit={() => {
-                    props.onSubmit?.(value)
-                    setIsSubmitted(true);
-                  }}/>
+                  <SubmitButton canSubmit={canSubmitForm} onSubmit={onSubmitForm}/>
                 </Box>
               </Box>
             </Box>

src/Form.tsx

@@ -33,6 +33,8 @@ export function Test() {
           process.stdout.write('\x1b[?1000l');
           setIsSubmitted(true)
 
+          console.log(value)
+
           setTimeout(() => {
             stdout.write('Hihi\n');
           }, 1000)