Skip to content

Commit 205f45c

Browse files
CodeStixCodeStix
committed
Prettier config
1 parent 768f242 commit 205f45c

File tree

10 files changed

+50
-20
lines changed

10 files changed

+50
-20
lines changed

‎.prettierrc‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"tabWidth": 4,
3+
"useTabs": false,
4+
"printWidth": 120
5+
}

‎articles/Array-fields.md‎

Lines changed: 15 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,8 @@ function NotesList() {
2323
onSubmit={(ev) => {
2424
ev.preventDefault();
2525
console.log("submit", form.values);
26-
}}>
26+
}}
27+
>
2728
<ArrayForm
2829
parent={form}
2930
name="notes"
@@ -68,7 +69,8 @@ function ShoppingListForm() {
6869
onSubmit={(ev) => {
6970
ev.preventDefault();
7071
console.log("submit", form.values);
71-
}}>
72+
}}
73+
>
7274
<h2>Title</h2>
7375
<FormInput form={form} type="text" name="title" />
7476

@@ -136,7 +138,8 @@ function ShoppingListForm() {
136138
onSubmit={(ev) => {
137139
ev.preventDefault();
138140
console.log("submit", form.values);
139-
}}>
141+
}}
142+
>
140143
<h2>Title</h2>
141144
<FormInput form={form} type="text" name="title" />
142145
<h2>Items</h2>
@@ -161,7 +164,11 @@ function ShoppingListItemsForm(props: { parent: FormState<ShoppingList> }) {
161164
);
162165
}
163166

164-
function ShoppingListItemForm(props: { parent: FormState<ShoppingListItem[]>; index: number; remove: (i: number) => void }) {
167+
function ShoppingListItemForm(props: {
168+
parent: FormState<ShoppingListItem[]>;
169+
index: number;
170+
remove: (i: number) => void;
171+
}) {
165172
const form = useChildForm(props.parent, props.index);
166173
return (
167174
<div>
@@ -192,7 +199,8 @@ function AnswerForm() {
192199
onSubmit={(ev) => {
193200
ev.preventDefault();
194201
console.log("submit", form.values);
195-
}}>
202+
}}
203+
>
196204
<ChildForm
197205
parent={form}
198206
name="answers"
@@ -229,7 +237,8 @@ function SettingsForm() {
229237
onSubmit={(ev) => {
230238
ev.preventDefault();
231239
console.log("submit", form.values);
232-
}}>
240+
}}
241+
>
233242
<ChildForm // First child form is array
234243
parent={form}
235244
name="settings"

‎articles/Auto-disable-submit-button.md‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,19 @@ function FormExample() {
88
{
99
name: "John",
1010
},
11-
(values) => ({ name: values.name.length < 3 ? "Name must be longer" : undefined }) // Example validator
11+
(values) => ({
12+
// Example validator
13+
name: values.name.length < 3 ? "Name must be longer" : undefined,
14+
})
1215
);
1316
return (
1417
<form
1518
onSubmit={(ev) => {
1619
ev.preventDefault();
1720
console.log("save", form.values);
1821
form.setDefaultValues(form.values);
19-
}}>
22+
}}
23+
>
2024
<FormInput form={form} name="name" />
2125
{/* Listen for any change on the form */}
2226
<AnyListener form={form} render={(form) => <button disabled={!form.dirty || form.error}>Save</button>} />

‎articles/Custom-input.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,8 @@ function ExampleForm() {
4343
if (form.error) return;
4444
form.setState({ isSubmitting: true });
4545
console.log("submit", form.values);
46-
}}>
46+
}}
47+
>
4748
<CustomInput form={form} name="firstName" />
4849
<CustomInput form={form} name="lastName" />
4950
<button>Submit</button>

‎articles/Getting-started.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,8 @@ function MyForm() {
5353
if (form.error) return;
5454
// form.values contains the modified values, form.defaultValues contains the initial values
5555
console.log("submit", form.values);
56-
}}>
56+
}}
57+
>
5758
<button>Submit!</button>
5859
</form>
5960
);
@@ -99,7 +100,8 @@ function MyForm() {
99100
form.setState({ isSubmitting: false });
100101
// Set new default values if needed
101102
form.setDefaultValues(form.values);
102-
}}>
103+
}}
104+
>
103105
{/* Make sure to pass the form prop! */}
104106
<FormInput form={form} name="email" type="text" />
105107
<FormInput form={form} name="password" type="password" />

‎articles/Live-json-component.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,8 @@ function ExampleForm() {
2020
onSubmit={async (ev) => {
2121
ev.preventDefault();
2222
console.log("submit", form.values);
23-
}}>
23+
}}
24+
>
2425
<FormInput form={form} name="name" />
2526
<FormInput type="number" form={form} name="age" />
2627
{/* Use your component, pass the form */}

‎articles/Object-fields.md‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,8 @@ function PersonForm() {
2323
onSubmit={(ev) => {
2424
ev.preventDefault();
2525
console.log("submit", form.values);
26-
}}>
26+
}}
27+
>
2728
{/* Input on root form */}
2829
<FormInput form={form} type="text" name="name" />
2930
<ChildForm
@@ -56,7 +57,8 @@ function PersonForm() {
5657
onSubmit={(ev) => {
5758
ev.preventDefault();
5859
console.log("submit", form.values);
59-
}}>
60+
}}
61+
>
6062
{/* Use root form */}
6163
<FormInput form={form} type="text" name="name" />
6264
{/* Use child form */}
@@ -92,7 +94,8 @@ function PersonForm() {
9294
onSubmit={(ev) => {
9395
ev.preventDefault();
9496
console.log("submit", form.values);
95-
}}>
97+
}}
98+
>
9699
<FormInput form={form} type="text" name="name" />
97100
{/* Pass form */}
98101
<PersonInfoForm parent={form} />
@@ -143,7 +146,8 @@ function PersonForm() {
143146
onSubmit={(ev) => {
144147
ev.preventDefault();
145148
console.log("submit", form.values);
146-
}}>
149+
}}
150+
>
147151
<FormInput form={form} type="text" name="name" />
148152
<FormInput form={personInfoForm} type="text" name="email" />
149153
<FormInput form={personMoreInfoForm} type="number" name="age" />

‎articles/Toggling-a-field.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,8 @@ function ToggleForm() {
1818
onSubmit={(ev) => {
1919
ev.preventDefault();
2020
console.log("submit", form.values);
21-
}}>
21+
}}
22+
>
2223
{/* Use the setNullOnUncheck prop. The value prop contains the value that is set when the box gets checked again, you can omit it to use the default value */}
2324
<FormInput form={form} name="name" type="checkbox" setNullOnUncheck value="" />
2425
{/* Use the hideWhenNull prop to hide the input when its field is null */}
@@ -42,7 +43,8 @@ function ToggleForm() {
4243
onSubmit={(ev) => {
4344
ev.preventDefault();
4445
console.log("submit", form.values);
45-
}}>
46+
}}
47+
>
4648
<FormInput form={form} name="name" type="text" />
4749

4850
{/* Use the setNullOnUncheck prop. The value prop contains the value that is set when the box gets checked again, you can omit it to use the default value */}

‎articles/Validation.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,8 @@ function FormExample() {
3737
onSubmit={(ev) => {
3838
ev.preventDefault();
3939
console.log("submit", form.values);
40-
}}>
40+
}}
41+
>
4142
<FormInput form={form} name="email" type="email" />
4243
<FormError form={form} name="email" />
4344
<FormInput form={form} name="password" type="password" />

‎articles/yup.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,8 @@ function FormExample() {
3939
onSubmit={(ev) => {
4040
ev.preventDefault();
4141
console.log("submit", form.values);
42-
}}>
42+
}}
43+
>
4344
<FormInput form={form} name="email" type="email" />
4445
<FormError form={form} name="email" />
4546
<FormInput form={form} name="password" type="password" />

0 commit comments

Comments
 (0)