@shipengine/formik-giger 1.6.2 → 1.7.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/esm/Select.d.ts +2 -4
- package/dist/esm/Select.js +2 -13
- package/dist/esm/Select.js.map +1 -1
- package/dist/lib/Select.d.ts +2 -4
- package/dist/lib/Select.js +1 -12
- package/dist/lib/Select.js.map +1 -1
- package/package.json +4 -4
package/dist/esm/Select.d.ts
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { FieldProps } from 'formik';
|
|
2
2
|
import { ISelectOption, ISelect } from '@shipengine/giger';
|
|
3
3
|
|
|
4
|
-
type SelectProps<FormValues = unknown> = FieldProps<ISelectOption | null, FormValues> & Omit<ISelect, 'name' | 'value'
|
|
5
|
-
options?: ISelectOption[];
|
|
6
|
-
};
|
|
4
|
+
type SelectProps<FormValues = unknown> = FieldProps<ISelectOption | null, FormValues> & Omit<ISelect, 'name' | 'value'>;
|
|
7
5
|
declare function fieldToSelect<FormValues = unknown>({ disabled, field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field }, form: { isSubmitting, touched, errors }, onClickAway, onChange, ...props }: SelectProps<FormValues>): ISelect;
|
|
8
|
-
declare function Select<FormValues = unknown>({
|
|
6
|
+
declare function Select<FormValues = unknown>({ ...props }: SelectProps<FormValues>): JSX.Element;
|
|
9
7
|
declare namespace Select {
|
|
10
8
|
var displayName: string;
|
|
11
9
|
}
|
package/dist/esm/Select.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getIn } from 'formik';
|
|
2
|
-
import {
|
|
2
|
+
import { Select as Select$1 } from '@shipengine/giger';
|
|
3
3
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
4
4
|
|
|
5
5
|
function fieldToSelect(_ref) {
|
|
@@ -47,22 +47,11 @@ function fieldToSelect(_ref) {
|
|
|
47
47
|
}
|
|
48
48
|
function Select(_ref2) {
|
|
49
49
|
let {
|
|
50
|
-
options,
|
|
51
|
-
children,
|
|
52
50
|
...props
|
|
53
51
|
} = _ref2;
|
|
54
52
|
const formikProps = fieldToSelect(props);
|
|
55
|
-
const renderedOptions = options ? options.map(option => {
|
|
56
|
-
var _formikProps$value;
|
|
57
|
-
return jsx(Option, {
|
|
58
|
-
value: option,
|
|
59
|
-
selected: (option === null || option === void 0 ? void 0 : option.value) === ((_formikProps$value = formikProps.value) === null || _formikProps$value === void 0 ? void 0 : _formikProps$value.value),
|
|
60
|
-
children: option.label
|
|
61
|
-
}, option.label);
|
|
62
|
-
}) : children;
|
|
63
53
|
return jsx(Select$1, {
|
|
64
|
-
...formikProps
|
|
65
|
-
children: renderedOptions
|
|
54
|
+
...formikProps
|
|
66
55
|
});
|
|
67
56
|
}
|
|
68
57
|
Select.displayName = 'FormikSelect';
|
package/dist/esm/Select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../src/Select.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\n\nimport { ISelectOption, Select as GigerSelect, ISelect as IGigerSelect
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../src/Select.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\n\nimport { ISelectOption, Select as GigerSelect, ISelect as IGigerSelect } from '@shipengine/giger';\n\nexport type SelectProps<FormValues = unknown> = FieldProps<ISelectOption | null, FormValues> &\n Omit<IGigerSelect, 'name' | 'value'>;\n\nexport function fieldToSelect<FormValues = unknown>({\n disabled,\n field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field },\n form: { isSubmitting, touched, errors },\n onClickAway,\n onChange,\n ...props\n}: SelectProps<FormValues>): IGigerSelect {\n const handleChange = (fieldName: string, value: ISelectOption | null) => {\n onChange?.(fieldName, value);\n onFormikChange({ target: { name: field.name, value } });\n };\n\n const handleClickAway = () => {\n onClickAway?.();\n fieldOnBlur({ target: { name: field.name } });\n };\n\n return {\n isInvalid: getIn(touched, field.name) && !!getIn(errors, field.name),\n disabled: disabled || isSubmitting,\n onClickAway: handleClickAway,\n onChange: handleChange,\n ...field,\n ...props,\n } as IGigerSelect;\n}\n\nexport function Select<FormValues = unknown>({ ...props }: SelectProps<FormValues>): JSX.Element {\n const formikProps = fieldToSelect(props);\n return <GigerSelect {...formikProps} />;\n}\n\nSelect.displayName = 'FormikSelect';\n"],"names":["fieldToSelect","_ref","disabled","field","onBlur","fieldOnBlur","onChange","onFormikChange","form","isSubmitting","touched","errors","onClickAway","props","handleChange","fieldName","value","target","name","handleClickAway","isInvalid","getIn","Select","_ref2","formikProps","_jsx","GigerSelect","displayName"],"mappings":";;;;AAOO,SAASA,aAAaA,CAAAC,IAAA,EAOa;EAAA,IAPU;IAChDC,QAAQ;AACRC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAEC,WAAW;AAAEC,MAAAA,QAAQ,EAAEC,cAAc;MAAE,GAAGJ,KAAAA;KAAO;AAClEK,IAAAA,IAAI,EAAE;MAAEC,YAAY;MAAEC,OAAO;AAAEC,MAAAA,MAAAA;KAAQ;IACvCC,WAAW;IACXN,QAAQ;IACR,GAAGO,KAAAA;AACkB,GAAC,GAAAZ,IAAA,CAAA;AACtB,EAAA,MAAMa,YAAY,GAAGA,CAACC,SAAiB,EAAEC,KAA2B,KAAK;IACrEV,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAGS,SAAS,EAAEC,KAAK,CAAC,CAAA;AAC5BT,IAAAA,cAAc,CAAC;AAAEU,MAAAA,MAAM,EAAE;QAAEC,IAAI,EAAEf,KAAK,CAACe,IAAI;AAAEF,QAAAA,KAAAA;AAAM,OAAA;AAAE,KAAC,CAAC,CAAA;GAC1D,CAAA;EAED,MAAMG,eAAe,GAAGA,MAAM;AAC1BP,IAAAA,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,EAAI,CAAA;AACfP,IAAAA,WAAW,CAAC;AAAEY,MAAAA,MAAM,EAAE;QAAEC,IAAI,EAAEf,KAAK,CAACe,IAAAA;AAAK,OAAA;AAAE,KAAC,CAAC,CAAA;GAChD,CAAA;EAED,OAAO;AACHE,IAAAA,SAAS,EAAEC,KAAK,CAACX,OAAO,EAAEP,KAAK,CAACe,IAAI,CAAC,IAAI,CAAC,CAACG,KAAK,CAACV,MAAM,EAAER,KAAK,CAACe,IAAI,CAAC;IACpEhB,QAAQ,EAAEA,QAAQ,IAAIO,YAAY;AAClCG,IAAAA,WAAW,EAAEO,eAAe;AAC5Bb,IAAAA,QAAQ,EAAEQ,YAAY;AACtB,IAAA,GAAGX,KAAK;IACR,GAAGU,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASS,MAAMA,CAAAC,KAAA,EAA2E;EAAA,IAApD;IAAE,GAAGV,KAAAA;AAA+B,GAAC,GAAAU,KAAA,CAAA;AAC9E,EAAA,MAAMC,WAAW,GAAGxB,aAAa,CAACa,KAAK,CAAC,CAAA;EACxC,OAAOY,GAAA,CAACC,QAAW,EAAA;IAAA,GAAKF,WAAAA;AAAW,GAAG,CAAC,CAAA;AAC3C,CAAA;AAEAF,MAAM,CAACK,WAAW,GAAG,cAAc;;;;"}
|
package/dist/lib/Select.d.ts
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { FieldProps } from 'formik';
|
|
2
2
|
import { ISelectOption, ISelect } from '@shipengine/giger';
|
|
3
3
|
|
|
4
|
-
type SelectProps<FormValues = unknown> = FieldProps<ISelectOption | null, FormValues> & Omit<ISelect, 'name' | 'value'
|
|
5
|
-
options?: ISelectOption[];
|
|
6
|
-
};
|
|
4
|
+
type SelectProps<FormValues = unknown> = FieldProps<ISelectOption | null, FormValues> & Omit<ISelect, 'name' | 'value'>;
|
|
7
5
|
declare function fieldToSelect<FormValues = unknown>({ disabled, field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field }, form: { isSubmitting, touched, errors }, onClickAway, onChange, ...props }: SelectProps<FormValues>): ISelect;
|
|
8
|
-
declare function Select<FormValues = unknown>({
|
|
6
|
+
declare function Select<FormValues = unknown>({ ...props }: SelectProps<FormValues>): JSX.Element;
|
|
9
7
|
declare namespace Select {
|
|
10
8
|
var displayName: string;
|
|
11
9
|
}
|
package/dist/lib/Select.js
CHANGED
|
@@ -51,22 +51,11 @@ function fieldToSelect(_ref) {
|
|
|
51
51
|
}
|
|
52
52
|
function Select(_ref2) {
|
|
53
53
|
let {
|
|
54
|
-
options,
|
|
55
|
-
children,
|
|
56
54
|
...props
|
|
57
55
|
} = _ref2;
|
|
58
56
|
const formikProps = fieldToSelect(props);
|
|
59
|
-
const renderedOptions = options ? options.map(option => {
|
|
60
|
-
var _formikProps$value;
|
|
61
|
-
return jsxRuntime.jsx(giger.Option, {
|
|
62
|
-
value: option,
|
|
63
|
-
selected: (option === null || option === void 0 ? void 0 : option.value) === ((_formikProps$value = formikProps.value) === null || _formikProps$value === void 0 ? void 0 : _formikProps$value.value),
|
|
64
|
-
children: option.label
|
|
65
|
-
}, option.label);
|
|
66
|
-
}) : children;
|
|
67
57
|
return jsxRuntime.jsx(giger.Select, {
|
|
68
|
-
...formikProps
|
|
69
|
-
children: renderedOptions
|
|
58
|
+
...formikProps
|
|
70
59
|
});
|
|
71
60
|
}
|
|
72
61
|
Select.displayName = 'FormikSelect';
|
package/dist/lib/Select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../src/Select.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\n\nimport { ISelectOption, Select as GigerSelect, ISelect as IGigerSelect
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../src/Select.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\n\nimport { ISelectOption, Select as GigerSelect, ISelect as IGigerSelect } from '@shipengine/giger';\n\nexport type SelectProps<FormValues = unknown> = FieldProps<ISelectOption | null, FormValues> &\n Omit<IGigerSelect, 'name' | 'value'>;\n\nexport function fieldToSelect<FormValues = unknown>({\n disabled,\n field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field },\n form: { isSubmitting, touched, errors },\n onClickAway,\n onChange,\n ...props\n}: SelectProps<FormValues>): IGigerSelect {\n const handleChange = (fieldName: string, value: ISelectOption | null) => {\n onChange?.(fieldName, value);\n onFormikChange({ target: { name: field.name, value } });\n };\n\n const handleClickAway = () => {\n onClickAway?.();\n fieldOnBlur({ target: { name: field.name } });\n };\n\n return {\n isInvalid: getIn(touched, field.name) && !!getIn(errors, field.name),\n disabled: disabled || isSubmitting,\n onClickAway: handleClickAway,\n onChange: handleChange,\n ...field,\n ...props,\n } as IGigerSelect;\n}\n\nexport function Select<FormValues = unknown>({ ...props }: SelectProps<FormValues>): JSX.Element {\n const formikProps = fieldToSelect(props);\n return <GigerSelect {...formikProps} />;\n}\n\nSelect.displayName = 'FormikSelect';\n"],"names":["fieldToSelect","_ref","disabled","field","onBlur","fieldOnBlur","onChange","onFormikChange","form","isSubmitting","touched","errors","onClickAway","props","handleChange","fieldName","value","target","name","handleClickAway","isInvalid","getIn","Select","_ref2","formikProps","_jsx","GigerSelect","displayName"],"mappings":";;;;;;;;AAOO,SAASA,aAAaA,CAAAC,IAAA,EAOa;EAAA,IAPU;IAChDC,QAAQ;AACRC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAEC,WAAW;AAAEC,MAAAA,QAAQ,EAAEC,cAAc;MAAE,GAAGJ,KAAAA;KAAO;AAClEK,IAAAA,IAAI,EAAE;MAAEC,YAAY;MAAEC,OAAO;AAAEC,MAAAA,MAAAA;KAAQ;IACvCC,WAAW;IACXN,QAAQ;IACR,GAAGO,KAAAA;AACkB,GAAC,GAAAZ,IAAA,CAAA;AACtB,EAAA,MAAMa,YAAY,GAAGA,CAACC,SAAiB,EAAEC,KAA2B,KAAK;IACrEV,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAGS,SAAS,EAAEC,KAAK,CAAC,CAAA;AAC5BT,IAAAA,cAAc,CAAC;AAAEU,MAAAA,MAAM,EAAE;QAAEC,IAAI,EAAEf,KAAK,CAACe,IAAI;AAAEF,QAAAA,KAAAA;AAAM,OAAA;AAAE,KAAC,CAAC,CAAA;GAC1D,CAAA;EAED,MAAMG,eAAe,GAAGA,MAAM;AAC1BP,IAAAA,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,EAAI,CAAA;AACfP,IAAAA,WAAW,CAAC;AAAEY,MAAAA,MAAM,EAAE;QAAEC,IAAI,EAAEf,KAAK,CAACe,IAAAA;AAAK,OAAA;AAAE,KAAC,CAAC,CAAA;GAChD,CAAA;EAED,OAAO;AACHE,IAAAA,SAAS,EAAEC,YAAK,CAACX,OAAO,EAAEP,KAAK,CAACe,IAAI,CAAC,IAAI,CAAC,CAACG,YAAK,CAACV,MAAM,EAAER,KAAK,CAACe,IAAI,CAAC;IACpEhB,QAAQ,EAAEA,QAAQ,IAAIO,YAAY;AAClCG,IAAAA,WAAW,EAAEO,eAAe;AAC5Bb,IAAAA,QAAQ,EAAEQ,YAAY;AACtB,IAAA,GAAGX,KAAK;IACR,GAAGU,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASS,MAAMA,CAAAC,KAAA,EAA2E;EAAA,IAApD;IAAE,GAAGV,KAAAA;AAA+B,GAAC,GAAAU,KAAA,CAAA;AAC9E,EAAA,MAAMC,WAAW,GAAGxB,aAAa,CAACa,KAAK,CAAC,CAAA;EACxC,OAAOY,cAAA,CAACC,YAAW,EAAA;IAAA,GAAKF,WAAAA;AAAW,GAAG,CAAC,CAAA;AAC3C,CAAA;AAEAF,MAAM,CAACK,WAAW,GAAG,cAAc;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shipengine/formik-giger",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"description": "A package providing formik bindings for Giger",
|
|
5
5
|
"homepage": "https://github.com/shipengine/giger",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"test:ci": "node --expose-gc ../../../node_modules/jest/bin/jest --ci --runInBand --coverage --logHeapUsage"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@shipengine/giger": "^1.
|
|
32
|
+
"@shipengine/giger": "^1.16.0",
|
|
33
33
|
"formik": "^2.4.6",
|
|
34
|
-
"test-utils": "^2.8.
|
|
34
|
+
"test-utils": "^2.8.13",
|
|
35
35
|
"yup": "0.32.11"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"formik": ">=2.2.9",
|
|
46
46
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "c08738525990874c7239f5678423aea48e2320e4"
|
|
49
49
|
}
|