@shipengine/formik-giger 1.6.2 → 1.7.0
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/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
|
}
|