@shipengine/formik-giger 0.4.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
# `@
|
|
1
|
+
# `@shipengine/formik-giger`
|
|
2
2
|
|
|
3
|
-
Bindings for using [Formik](https://github.com/formium/formik) with [Giger](https://github.com/
|
|
3
|
+
Bindings for using [Formik](https://github.com/formium/formik) with [Giger](https://github.com/shipengine/giger).
|
|
4
4
|
|
|
5
5
|
## Usage
|
|
6
6
|
|
|
7
|
-
Check [stories](https://github.com/
|
|
7
|
+
Check [stories](https://github.com/shipengine/giger/tree/master/packages/integrations/formik/src/stories) for examples on how to integrate this package in your application.
|
|
8
8
|
|
|
9
9
|
### FormField
|
|
10
10
|
|
|
11
|
-
With Design team we think about a "global" solution for the spaces (margin / paddings) at the `Input` component ([Giger](
|
|
11
|
+
With Design team we think about a "global" solution for the spaces (margin / paddings) at the `Input` component ([Giger](http://ui-components.packitos.com:6006/?path=/story/forms-input--canvas)) so thats why `FormField` component exists, this component accepts any children (Input, Select, etc) and a [message interface](https://github.com/shipengine/giger/blob/master/src/components/Form/FormField/FormField.tsx#L10) so we can forget to declare the Input + FieldMessage paddings across our codebase.
|
|
12
12
|
|
|
13
13
|
This component (FormField - Phavior) it's easy to use:
|
|
14
14
|
|
|
15
15
|
```js
|
|
16
16
|
import { Field } from 'formik';
|
|
17
|
-
import { FormField, Input } from '@
|
|
17
|
+
import { FormField, Input } from '@shipengine/formik-giger';
|
|
18
18
|
|
|
19
19
|
<FormField name="username">
|
|
20
20
|
<Field component={Input} label="username" />
|
|
@@ -27,7 +27,7 @@ Plus: this will render the error message when there is an error, but you can als
|
|
|
27
27
|
```js
|
|
28
28
|
import { Field } from 'formik';
|
|
29
29
|
import { FieldMessageType } from '@shipengine/giger';
|
|
30
|
-
import { FormField, Input } from '@
|
|
30
|
+
import { FormField, Input } from '@shipengine/formik-giger';
|
|
31
31
|
|
|
32
32
|
<FormField
|
|
33
33
|
name="username"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shipengine/formik-giger",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"description": "A package providing formik bindings for Giger",
|
|
5
5
|
"homepage": "https://github.com/shipengine/giger",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -33,9 +33,9 @@
|
|
|
33
33
|
"postpublish": "packlink-scripts metrics"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@shipengine/giger": "^0.4.
|
|
36
|
+
"@shipengine/giger": "^0.4.1",
|
|
37
37
|
"formik": "^2.4.2",
|
|
38
|
-
"test-utils": "^2.7.
|
|
38
|
+
"test-utils": "^2.7.3",
|
|
39
39
|
"yup": "0.32.11"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"formik": ">=2.2.9",
|
|
50
50
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "7a7d2b7bfaf97a5f182d3bba233d25edd12f79f3"
|
|
53
53
|
}
|