@shipengine/formik-giger 0.2.0 → 0.4.0

package/dist/lib/Radio.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formik = require('formik');
+var giger = require('@shipengine/giger');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function fieldToRadio(_ref) {
+  let {
+    disabled,
+    field: {
+      onBlur: fieldOnBlur,
+      value: selectedValue,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting,
+      errors,
+      touched
+    },
+    onBlur,
+    onChange,
+    value,
+    ...props
+  } = _ref;
+  const handleChange = e => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    onFormikChange(e);
+  };
+  return {
+    isInvalid: formik.getIn(touched, field.name) && !!formik.getIn(errors, field.name),
+    disabled: disabled || isSubmitting,
+    value,
+    onBlur: onBlur !== null && onBlur !== void 0 ? onBlur : function (e) {
+      fieldOnBlur(e !== null && e !== void 0 ? e : field.name);
+    },
+    onChange: handleChange,
+    checked: selectedValue === value,
+    ...field,
+    ...props
+  };
+}
+function Radio(props) {
+  return jsxRuntime.jsx(giger.Radio, {
+    ...fieldToRadio(props)
+  });
+}
+Radio.displayName = 'FormikRadio';
+
+exports.Radio = Radio;
+exports.fieldToRadio = fieldToRadio;
+//# sourceMappingURL=Radio.js.map

package/dist/lib/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../src/Radio.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\nimport { ChangeEvent, FocusEvent } from 'react';\n\nimport { Radio as GigerRadio, RadioProps as GigerRadioProps } from '@shipengine/giger';\n\nexport type RadioProps = FieldProps & Omit<GigerRadioProps, 'name' | 'checked'>;\n\nexport function fieldToRadio({\n    disabled,\n    field: { onBlur: fieldOnBlur, value: selectedValue, onChange: onFormikChange, ...field },\n    form: { isSubmitting, errors, touched },\n    onBlur,\n    onChange,\n    value,\n    ...props\n}: RadioProps): GigerRadioProps {\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(e);\n        onFormikChange(e);\n    };\n\n    return {\n        isInvalid: getIn(touched, field.name) && !!getIn(errors, field.name),\n        disabled: disabled || isSubmitting,\n        value,\n        onBlur:\n            onBlur ??\n            function (e: FocusEvent) {\n                fieldOnBlur(e ?? field.name);\n            },\n        onChange: handleChange,\n        checked: selectedValue === value,\n        ...field,\n        ...props,\n    };\n}\n\nexport function Radio(props: RadioProps): JSX.Element {\n    return <GigerRadio {...fieldToRadio(props)} />;\n}\n\nRadio.displayName = 'FormikRadio';\n"],"names":["fieldToRadio","_ref","disabled","field","onBlur","fieldOnBlur","value","selectedValue","onChange","onFormikChange","form","isSubmitting","errors","touched","props","handleChange","e","isInvalid","getIn","name","checked","Radio","_jsx","GigerRadio","displayName"],"mappings":";;;;;;;;AAOO,SAASA,YAAYA,CAAAC,IAAA,EAQI;EAAA,IARH;IACzBC,QAAQ;AACRC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAEC,WAAW;AAAEC,MAAAA,KAAK,EAAEC,aAAa;AAAEC,MAAAA,QAAQ,EAAEC,cAAc;MAAE,GAAGN,KAAAA;KAAO;AACxFO,IAAAA,IAAI,EAAE;MAAEC,YAAY;MAAEC,MAAM;AAAEC,MAAAA,OAAAA;KAAS;IACvCT,MAAM;IACNI,QAAQ;IACRF,KAAK;IACL,GAAGQ,KAAAA;AACK,GAAC,GAAAb,IAAA,CAAA;EACT,MAAMc,YAAY,GAAIC,CAAgC,IAAK;AACvDR,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGQ,CAAC,CAAC,CAAA;IACbP,cAAc,CAACO,CAAC,CAAC,CAAA;GACpB,CAAA;EAED,OAAO;AACHC,IAAAA,SAAS,EAAEC,YAAK,CAACL,OAAO,EAAEV,KAAK,CAACgB,IAAI,CAAC,IAAI,CAAC,CAACD,YAAK,CAACN,MAAM,EAAET,KAAK,CAACgB,IAAI,CAAC;IACpEjB,QAAQ,EAAEA,QAAQ,IAAIS,YAAY;IAClCL,KAAK;IACLF,MAAM,EACFA,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GACN,UAAUY,CAAa,EAAE;MACrBX,WAAW,CAACW,CAAC,KAAA,IAAA,IAADA,CAAC,KAAA,KAAA,CAAA,GAADA,CAAC,GAAIb,KAAK,CAACgB,IAAI,CAAC,CAAA;KAC/B;AACLX,IAAAA,QAAQ,EAAEO,YAAY;IACtBK,OAAO,EAAEb,aAAa,KAAKD,KAAK;AAChC,IAAA,GAAGH,KAAK;IACR,GAAGW,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASO,KAAKA,CAACP,KAAiB,EAAe;EAClD,OAAOQ,cAAA,CAACC,WAAU,EAAA;IAAA,GAAKvB,YAAY,CAACc,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAClD,CAAA;AAEAO,KAAK,CAACG,WAAW,GAAG,aAAa;;;;;"}

package/dist/lib/RadioGroup.d.ts

@@ -0,0 +1,11 @@
+import { FieldProps } from 'formik';
+import { IRadioGroupProps } from '@shipengine/giger';
+
+type RadioGroupProps = FieldProps & Omit<IRadioGroupProps, 'name' | 'value'>;
+declare function fieldToRadioGroup({ disabled, field: { onBlur: fieldOnBlur, value, onChange: onFormikChange, ...field }, form: { isSubmitting, errors, touched }, onBlur, onChange, ...props }: RadioGroupProps): IRadioGroupProps;
+declare function RadioGroup(props: RadioGroupProps): JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+
+export { RadioGroup, RadioGroupProps, fieldToRadioGroup };

package/dist/lib/RadioGroup.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formik = require('formik');
+var giger = require('@shipengine/giger');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function fieldToRadioGroup(_ref) {
+  let {
+    disabled,
+    field: {
+      onBlur: fieldOnBlur,
+      value,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting,
+      errors,
+      touched
+    },
+    onBlur,
+    onChange,
+    ...props
+  } = _ref;
+  const handleChange = e => {
+    onChange && onChange(e);
+    onFormikChange(e);
+  };
+  return {
+    isInvalid: formik.getIn(touched, field.name) && !!formik.getIn(errors, field.name),
+    disabled: disabled || isSubmitting,
+    value,
+    onBlur: onBlur !== null && onBlur !== void 0 ? onBlur : function (e) {
+      fieldOnBlur(e !== null && e !== void 0 ? e : field.name);
+    },
+    onChange: handleChange,
+    ...field,
+    ...props
+  };
+}
+function RadioGroup(props) {
+  return jsxRuntime.jsx(giger.RadioGroup, {
+    ...fieldToRadioGroup(props)
+  });
+}
+RadioGroup.displayName = 'FormikRadioGroup';
+
+exports.RadioGroup = RadioGroup;
+exports.fieldToRadioGroup = fieldToRadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/dist/lib/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../src/RadioGroup.tsx"],"sourcesContent":["import { ChangeEvent, FocusEvent } from 'react';\nimport { FieldProps, getIn } from 'formik';\n\nimport { RadioGroup as GigerRadioGroup, IRadioGroupProps as GigerRadioGroupProps } from '@shipengine/giger';\n\nexport type RadioGroupProps = FieldProps & Omit<GigerRadioGroupProps, 'name' | 'value'>;\n\nexport function fieldToRadioGroup({\n    disabled,\n    field: { onBlur: fieldOnBlur, value, onChange: onFormikChange, ...field },\n    form: { isSubmitting, errors, touched },\n    onBlur,\n    onChange,\n    ...props\n}: RadioGroupProps): GigerRadioGroupProps {\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        onChange && onChange(e);\n        onFormikChange(e);\n    };\n\n    return {\n        isInvalid: getIn(touched, field.name) && !!getIn(errors, field.name),\n        disabled: disabled || isSubmitting,\n        value,\n        onBlur:\n            onBlur ??\n            function (e: FocusEvent) {\n                fieldOnBlur(e ?? field.name);\n            },\n        onChange: handleChange,\n        ...field,\n        ...props,\n    };\n}\n\nexport function RadioGroup(props: RadioGroupProps): JSX.Element {\n    return <GigerRadioGroup {...fieldToRadioGroup(props)} />;\n}\n\nRadioGroup.displayName = 'FormikRadioGroup';\n"],"names":["fieldToRadioGroup","_ref","disabled","field","onBlur","fieldOnBlur","value","onChange","onFormikChange","form","isSubmitting","errors","touched","props","handleChange","e","isInvalid","getIn","name","RadioGroup","_jsx","GigerRadioGroup","displayName"],"mappings":";;;;;;;;AAOO,SAASA,iBAAiBA,CAAAC,IAAA,EAOS;EAAA,IAPR;IAC9BC,QAAQ;AACRC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAEC,WAAW;MAAEC,KAAK;AAAEC,MAAAA,QAAQ,EAAEC,cAAc;MAAE,GAAGL,KAAAA;KAAO;AACzEM,IAAAA,IAAI,EAAE;MAAEC,YAAY;MAAEC,MAAM;AAAEC,MAAAA,OAAAA;KAAS;IACvCR,MAAM;IACNG,QAAQ;IACR,GAAGM,KAAAA;AACU,GAAC,GAAAZ,IAAA,CAAA;EACd,MAAMa,YAAY,GAAIC,CAAgC,IAAK;AACvDR,IAAAA,QAAQ,IAAIA,QAAQ,CAACQ,CAAC,CAAC,CAAA;IACvBP,cAAc,CAACO,CAAC,CAAC,CAAA;GACpB,CAAA;EAED,OAAO;AACHC,IAAAA,SAAS,EAAEC,YAAK,CAACL,OAAO,EAAET,KAAK,CAACe,IAAI,CAAC,IAAI,CAAC,CAACD,YAAK,CAACN,MAAM,EAAER,KAAK,CAACe,IAAI,CAAC;IACpEhB,QAAQ,EAAEA,QAAQ,IAAIQ,YAAY;IAClCJ,KAAK;IACLF,MAAM,EACFA,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GACN,UAAUW,CAAa,EAAE;MACrBV,WAAW,CAACU,CAAC,KAAA,IAAA,IAADA,CAAC,KAAA,KAAA,CAAA,GAADA,CAAC,GAAIZ,KAAK,CAACe,IAAI,CAAC,CAAA;KAC/B;AACLX,IAAAA,QAAQ,EAAEO,YAAY;AACtB,IAAA,GAAGX,KAAK;IACR,GAAGU,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASM,UAAUA,CAACN,KAAsB,EAAe;EAC5D,OAAOO,cAAA,CAACC,gBAAe,EAAA;IAAA,GAAKrB,iBAAiB,CAACa,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAC5D,CAAA;AAEAM,UAAU,CAACG,WAAW,GAAG,kBAAkB;;;;;"}

package/dist/lib/Select.d.ts

@@ -0,0 +1,13 @@
+import { FieldProps } from 'formik';
+import { ISelectOption, ISelect } from '@shipengine/giger';
+
+type SelectProps<FormValues = unknown> = FieldProps<ISelectOption | null, FormValues> & Omit<ISelect, 'name' | 'value'> & {
+    options?: ISelectOption[];
+};
+declare function fieldToSelect<FormValues = unknown>({ disabled, field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field }, form: { isSubmitting, touched, errors }, onClickAway, onChange, ...props }: SelectProps<FormValues>): ISelect;
+declare function Select<FormValues = unknown>({ options, children, ...props }: SelectProps<FormValues>): JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
+
+export { Select, SelectProps, fieldToSelect };

package/dist/lib/Select.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formik = require('formik');
+var giger = require('@shipengine/giger');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function fieldToSelect(_ref) {
+  let {
+    disabled,
+    field: {
+      onBlur: fieldOnBlur,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting,
+      touched,
+      errors
+    },
+    onClickAway,
+    onChange,
+    ...props
+  } = _ref;
+  const handleChange = (fieldName, value) => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(fieldName, value);
+    onFormikChange({
+      target: {
+        name: field.name,
+        value
+      }
+    });
+  };
+  const handleClickAway = () => {
+    onClickAway === null || onClickAway === void 0 ? void 0 : onClickAway();
+    fieldOnBlur({
+      target: {
+        name: field.name
+      }
+    });
+  };
+  return {
+    isInvalid: formik.getIn(touched, field.name) && !!formik.getIn(errors, field.name),
+    disabled: disabled || isSubmitting,
+    onClickAway: handleClickAway,
+    onChange: handleChange,
+    ...field,
+    ...props
+  };
+}
+function Select(_ref2) {
+  let {
+    options,
+    children,
+    ...props
+  } = _ref2;
+  const formikProps = fieldToSelect(props);
+  const renderedOptions = options ? options.map(option => jsxRuntime.jsx(giger.Option, {
+    value: option,
+    selected: option === formikProps.value,
+    children: option.label
+  }, option.label)) : children;
+  return jsxRuntime.jsx(giger.Select, {
+    ...formikProps,
+    children: renderedOptions
+  });
+}
+Select.displayName = 'FormikSelect';
+
+exports.Select = Select;
+exports.fieldToSelect = fieldToSelect;
+//# sourceMappingURL=Select.js.map

package/dist/lib/Select.js.map

@@ -0,0 +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, Option } from '@shipengine/giger';\n\nexport type SelectProps<FormValues = unknown> = FieldProps<ISelectOption | null, FormValues> &\n    Omit<IGigerSelect, 'name' | 'value'> & {\n        options?: ISelectOption[];\n    };\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    };\n}\n\nexport function Select<FormValues = unknown>({ options, children, ...props }: SelectProps<FormValues>): JSX.Element {\n    const formikProps = fieldToSelect(props);\n\n    const renderedOptions = options\n        ? options.map((option) => (\n              <Option key={option.label} value={option} selected={option === formikProps.value}>\n                  {option.label}\n              </Option>\n          ))\n        : children;\n\n    return <GigerSelect {...formikProps}>{renderedOptions}</GigerSelect>;\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","options","children","formikProps","renderedOptions","map","option","_jsx","Option","selected","label","GigerSelect","displayName"],"mappings":";;;;;;;;AASO,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,EAA8F;EAAA,IAAvE;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGZ,KAAAA;AAA+B,GAAC,GAAAU,KAAA,CAAA;AACjG,EAAA,MAAMG,WAAW,GAAG1B,aAAa,CAACa,KAAK,CAAC,CAAA;AAExC,EAAA,MAAMc,eAAe,GAAGH,OAAO,GACzBA,OAAO,CAACI,GAAG,CAAEC,MAAM,IACfC,cAAA,CAACC,YAAM,EAAA;AAAoBf,IAAAA,KAAK,EAAEa,MAAO;AAACG,IAAAA,QAAQ,EAAEH,MAAM,KAAKH,WAAW,CAACV,KAAM;IAAAS,QAAA,EAC5EI,MAAM,CAACI,KAAAA;AAAK,GAAA,EADJJ,MAAM,CAACI,KAEZ,CACX,CAAC,GACFR,QAAQ,CAAA;EAEd,OAAOK,cAAA,CAACI,YAAW,EAAA;AAAA,IAAA,GAAKR,WAAW;AAAAD,IAAAA,QAAA,EAAGE,eAAAA;AAAe,GAAc,CAAC,CAAA;AACxE,CAAA;AAEAL,MAAM,CAACa,WAAW,GAAG,cAAc;;;;;"}

package/dist/lib/SelectAutocomplete.d.ts

@@ -0,0 +1,11 @@
+import { ISelectAutocompleteOption, ISelectAutocomplete } from '@shipengine/giger';
+import { FieldProps } from 'formik';
+
+type SelectAutocompleteProps<FormValues = unknown> = FieldProps<ISelectAutocompleteOption | null, FormValues> & Omit<ISelectAutocomplete, 'name' | 'value'>;
+declare function fieldToSelectAutocomplete<FormValues = unknown>({ disabled, field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field }, form: { isSubmitting, touched, errors }, onBlur, onChange, ...props }: SelectAutocompleteProps<FormValues>): ISelectAutocomplete;
+declare function SelectAutocomplete<FormValues = unknown>({ ...props }: SelectAutocompleteProps<FormValues>): JSX.Element;
+declare namespace SelectAutocomplete {
+    var displayName: string;
+}
+
+export { SelectAutocomplete, SelectAutocompleteProps, fieldToSelectAutocomplete };

package/dist/lib/SelectAutocomplete.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var giger = require('@shipengine/giger');
+var formik = require('formik');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function fieldToSelectAutocomplete(_ref) {
+  let {
+    disabled,
+    field: {
+      onBlur: fieldOnBlur,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting,
+      touched,
+      errors
+    },
+    onBlur,
+    onChange,
+    ...props
+  } = _ref;
+  const handleChange = (fieldName, value) => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(fieldName, value);
+    onFormikChange({
+      target: {
+        name: field.name,
+        value
+      }
+    });
+  };
+  return {
+    isInvalid: formik.getIn(touched, field.name) && !!formik.getIn(errors, field.name),
+    disabled: disabled || isSubmitting,
+    onBlur: onBlur !== null && onBlur !== void 0 ? onBlur : function () {
+      fieldOnBlur({
+        target: {
+          name: field.name
+        }
+      });
+    },
+    onChange: handleChange,
+    ...field,
+    ...props
+  };
+}
+function SelectAutocomplete(_ref2) {
+  let {
+    ...props
+  } = _ref2;
+  return jsxRuntime.jsx(giger.SelectAutocomplete, {
+    ...fieldToSelectAutocomplete(props)
+  });
+}
+SelectAutocomplete.displayName = 'FormikSelectAutocomplete';
+
+exports.SelectAutocomplete = SelectAutocomplete;
+exports.fieldToSelectAutocomplete = fieldToSelectAutocomplete;
+//# sourceMappingURL=SelectAutocomplete.js.map

package/dist/lib/SelectAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAutocomplete.js","sources":["../../src/SelectAutocomplete.tsx"],"sourcesContent":["import {\n    ISelectAutocompleteOption,\n    SelectAutocomplete as GigerSelectAutocomplete,\n    ISelectAutocomplete as IGigerSelectAutocomplete,\n} from '@shipengine/giger';\n\nimport { FieldProps, getIn } from 'formik';\n\nexport type SelectAutocompleteProps<FormValues = unknown> = FieldProps<ISelectAutocompleteOption | null, FormValues> &\n    Omit<IGigerSelectAutocomplete, 'name' | 'value'>;\n\nexport function fieldToSelectAutocomplete<FormValues = unknown>({\n    disabled,\n    field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field },\n    form: { isSubmitting, touched, errors },\n    onBlur,\n    onChange,\n    ...props\n}: SelectAutocompleteProps<FormValues>): IGigerSelectAutocomplete {\n    const handleChange = (fieldName: string, value: ISelectAutocompleteOption | null) => {\n        onChange?.(fieldName, value);\n        onFormikChange({ target: { name: field.name, value } });\n    };\n\n    return {\n        isInvalid: getIn(touched, field.name) && !!getIn(errors, field.name),\n        disabled: disabled || isSubmitting,\n        onBlur:\n            onBlur ??\n            function () {\n                fieldOnBlur({ target: { name: field.name } });\n            },\n        onChange: handleChange,\n        ...field,\n        ...props,\n    };\n}\n\nexport function SelectAutocomplete<FormValues = unknown>({\n    ...props\n}: SelectAutocompleteProps<FormValues>): JSX.Element {\n    return <GigerSelectAutocomplete {...fieldToSelectAutocomplete(props)} />;\n}\n\nSelectAutocomplete.displayName = 'FormikSelectAutocomplete';\n"],"names":["fieldToSelectAutocomplete","_ref","disabled","field","onBlur","fieldOnBlur","onChange","onFormikChange","form","isSubmitting","touched","errors","props","handleChange","fieldName","value","target","name","isInvalid","getIn","SelectAutocomplete","_ref2","_jsx","GigerSelectAutocomplete","displayName"],"mappings":";;;;;;;;AAWO,SAASA,yBAAyBA,CAAAC,IAAA,EAOyB;EAAA,IAPF;IAC5DC,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;IACvCP,MAAM;IACNE,QAAQ;IACR,GAAGM,KAAAA;AAC8B,GAAC,GAAAX,IAAA,CAAA;AAClC,EAAA,MAAMY,YAAY,GAAGA,CAACC,SAAiB,EAAEC,KAAuC,KAAK;IACjFT,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAGQ,SAAS,EAAEC,KAAK,CAAC,CAAA;AAC5BR,IAAAA,cAAc,CAAC;AAAES,MAAAA,MAAM,EAAE;QAAEC,IAAI,EAAEd,KAAK,CAACc,IAAI;AAAEF,QAAAA,KAAAA;AAAM,OAAA;AAAE,KAAC,CAAC,CAAA;GAC1D,CAAA;EAED,OAAO;AACHG,IAAAA,SAAS,EAAEC,YAAK,CAACT,OAAO,EAAEP,KAAK,CAACc,IAAI,CAAC,IAAI,CAAC,CAACE,YAAK,CAACR,MAAM,EAAER,KAAK,CAACc,IAAI,CAAC;IACpEf,QAAQ,EAAEA,QAAQ,IAAIO,YAAY;AAClCL,IAAAA,MAAM,EACFA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,MAAM,GACN,YAAY;AACRC,MAAAA,WAAW,CAAC;AAAEW,QAAAA,MAAM,EAAE;UAAEC,IAAI,EAAEd,KAAK,CAACc,IAAAA;AAAK,SAAA;AAAE,OAAC,CAAC,CAAA;KAChD;AACLX,IAAAA,QAAQ,EAAEO,YAAY;AACtB,IAAA,GAAGV,KAAK;IACR,GAAGS,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASQ,kBAAkBA,CAAAC,KAAA,EAEmB;EAAA,IAFI;IACrD,GAAGT,KAAAA;AAC8B,GAAC,GAAAS,KAAA,CAAA;EAClC,OAAOC,cAAA,CAACC,wBAAuB,EAAA;IAAA,GAAKvB,yBAAyB,CAACY,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAC5E,CAAA;AAEAQ,kBAAkB,CAACI,WAAW,GAAG,0BAA0B;;;;;"}

package/dist/lib/Textarea.d.ts

@@ -0,0 +1,11 @@
+import { FieldProps } from 'formik';
+import { ITextareaProps } from '@shipengine/giger';
+
+type TextareaProps<FormValues = unknown> = FieldProps<string | number | undefined, FormValues> & Omit<ITextareaProps, 'name' | 'value'>;
+declare function fieldToTextarea<FormValues = unknown>({ disabled, field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field }, form: { isSubmitting, touched, errors }, onBlur, onChange, ...props }: TextareaProps<FormValues>): ITextareaProps;
+declare function Textarea<FormValues = unknown>({ ...props }: TextareaProps<FormValues>): JSX.Element;
+declare namespace Textarea {
+    var displayName: string;
+}
+
+export { Textarea, TextareaProps, fieldToTextarea };

package/dist/lib/Textarea.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formik = require('formik');
+var giger = require('@shipengine/giger');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function fieldToTextarea(_ref) {
+  let {
+    disabled,
+    field: {
+      onBlur: fieldOnBlur,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting,
+      touched,
+      errors
+    },
+    onBlur,
+    onChange,
+    ...props
+  } = _ref;
+  const handleChange = e => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    onFormikChange(e);
+  };
+  return {
+    isInvalid: formik.getIn(touched, field.name) && !!formik.getIn(errors, field.name),
+    disabled: disabled || isSubmitting,
+    onBlur: onBlur !== null && onBlur !== void 0 ? onBlur : function (e) {
+      fieldOnBlur(e !== null && e !== void 0 ? e : field.name);
+    },
+    onChange: handleChange,
+    ...field,
+    ...props
+  };
+}
+function Textarea(_ref2) {
+  let {
+    ...props
+  } = _ref2;
+  return jsxRuntime.jsx(giger.Textarea, {
+    ...fieldToTextarea(props)
+  });
+}
+Textarea.displayName = 'FormikTextarea';
+
+exports.Textarea = Textarea;
+exports.fieldToTextarea = fieldToTextarea;
+//# sourceMappingURL=Textarea.js.map

package/dist/lib/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../src/Textarea.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\nimport { ChangeEvent, FocusEvent } from 'react';\n\nimport { Textarea as GigerTextarea, ITextareaProps as IGigerTextareaProps } from '@shipengine/giger';\n\nexport type TextareaProps<FormValues = unknown> = FieldProps<string | number | undefined, FormValues> &\n    Omit<IGigerTextareaProps, 'name' | 'value'>;\n\nexport function fieldToTextarea<FormValues = unknown>({\n    disabled,\n    field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field },\n    form: { isSubmitting, touched, errors },\n    onBlur,\n    onChange,\n    ...props\n}: TextareaProps<FormValues>): IGigerTextareaProps {\n    const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(e);\n        onFormikChange(e);\n    };\n\n    return {\n        isInvalid: getIn(touched, field.name) && !!getIn(errors, field.name),\n        disabled: disabled || isSubmitting,\n        onBlur:\n            onBlur ??\n            function (e: FocusEvent) {\n                fieldOnBlur(e ?? field.name);\n            },\n        onChange: handleChange,\n        ...field,\n        ...props,\n    };\n}\n\nexport function Textarea<FormValues = unknown>({ ...props }: TextareaProps<FormValues>): JSX.Element {\n    return <GigerTextarea {...fieldToTextarea(props)} />;\n}\n\nTextarea.displayName = 'FormikTextarea';\n"],"names":["fieldToTextarea","_ref","disabled","field","onBlur","fieldOnBlur","onChange","onFormikChange","form","isSubmitting","touched","errors","props","handleChange","e","isInvalid","getIn","name","Textarea","_ref2","_jsx","GigerTextarea","displayName"],"mappings":";;;;;;;;AAQO,SAASA,eAAeA,CAAAC,IAAA,EAOoB;EAAA,IAPG;IAClDC,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;IACvCP,MAAM;IACNE,QAAQ;IACR,GAAGM,KAAAA;AACoB,GAAC,GAAAX,IAAA,CAAA;EACxB,MAAMY,YAAY,GAAIC,CAAmC,IAAK;AAC1DR,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGQ,CAAC,CAAC,CAAA;IACbP,cAAc,CAACO,CAAC,CAAC,CAAA;GACpB,CAAA;EAED,OAAO;AACHC,IAAAA,SAAS,EAAEC,YAAK,CAACN,OAAO,EAAEP,KAAK,CAACc,IAAI,CAAC,IAAI,CAAC,CAACD,YAAK,CAACL,MAAM,EAAER,KAAK,CAACc,IAAI,CAAC;IACpEf,QAAQ,EAAEA,QAAQ,IAAIO,YAAY;IAClCL,MAAM,EACFA,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GACN,UAAUU,CAAa,EAAE;MACrBT,WAAW,CAACS,CAAC,KAAA,IAAA,IAADA,CAAC,KAAA,KAAA,CAAA,GAADA,CAAC,GAAIX,KAAK,CAACc,IAAI,CAAC,CAAA;KAC/B;AACLX,IAAAA,QAAQ,EAAEO,YAAY;AACtB,IAAA,GAAGV,KAAK;IACR,GAAGS,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASM,QAAQA,CAAAC,KAAA,EAA6E;EAAA,IAAtD;IAAE,GAAGP,KAAAA;AAAiC,GAAC,GAAAO,KAAA,CAAA;EAClF,OAAOC,cAAA,CAACC,cAAa,EAAA;IAAA,GAAKrB,eAAe,CAACY,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AACxD,CAAA;AAEAM,QAAQ,CAACI,WAAW,GAAG,gBAAgB;;;;;"}

package/dist/lib/index.d.ts

@@ -0,0 +1,10 @@
+export { Input, InputProps, fieldToInput } from './Input.js';
+export { Checkbox, CheckboxProps, fieldToCheckbox } from './Checkbox.js';
+export { DatePicker, IDatePickerProps, fieldToDateField } from './DatePicker.js';
+export { FocusOnError, IFocusOnErrorProps, useFocusOnError } from './FocusOnError.js';
+export { FormField } from './FormField.js';
+export { Textarea, TextareaProps, fieldToTextarea } from './Textarea.js';
+export { SelectAutocomplete, SelectAutocompleteProps, fieldToSelectAutocomplete } from './SelectAutocomplete.js';
+export { Select, SelectProps, fieldToSelect } from './Select.js';
+export { RadioGroup, RadioGroupProps, fieldToRadioGroup } from './RadioGroup.js';
+export { Radio, RadioProps, fieldToRadio } from './Radio.js';

package/dist/lib/index.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Input = require('./Input.js');
+var Checkbox = require('./Checkbox.js');
+var DatePicker = require('./DatePicker.js');
+var FocusOnError = require('./FocusOnError.js');
+var FormField = require('./FormField.js');
+var Textarea = require('./Textarea.js');
+var SelectAutocomplete = require('./SelectAutocomplete.js');
+var Select = require('./Select.js');
+var RadioGroup = require('./RadioGroup.js');
+var Radio = require('./Radio.js');
+
+
+
+exports.Input = Input.Input;
+exports.fieldToInput = Input.fieldToInput;
+exports.Checkbox = Checkbox.Checkbox;
+exports.fieldToCheckbox = Checkbox.fieldToCheckbox;
+exports.DatePicker = DatePicker.DatePicker;
+exports.fieldToDateField = DatePicker.fieldToDateField;
+exports.FocusOnError = FocusOnError.FocusOnError;
+exports.useFocusOnError = FocusOnError.useFocusOnError;
+exports.FormField = FormField.FormField;
+exports.Textarea = Textarea.Textarea;
+exports.fieldToTextarea = Textarea.fieldToTextarea;
+exports.SelectAutocomplete = SelectAutocomplete.SelectAutocomplete;
+exports.fieldToSelectAutocomplete = SelectAutocomplete.fieldToSelectAutocomplete;
+exports.Select = Select.Select;
+exports.fieldToSelect = Select.fieldToSelect;
+exports.RadioGroup = RadioGroup.RadioGroup;
+exports.fieldToRadioGroup = RadioGroup.fieldToRadioGroup;
+exports.Radio = Radio.Radio;
+exports.fieldToRadio = Radio.fieldToRadio;
+//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@shipengine/formik-giger",
-    "version": "0.2.0",
+    "version": "0.4.0",
     "description": "A package providing formik bindings for Giger",
     "homepage": "https://github.com/shipengine/giger",
     "sideEffects": false,
@@ -33,9 +33,9 @@
         "postpublish": "packlink-scripts metrics"
     },
     "devDependencies": {
-        "@shipengine/giger": "^0.2.0",
+        "@shipengine/giger": "^0.4.0",
         "formik": "^2.4.2",
-        "test-utils": "^2.7.0",
+        "test-utils": "^2.7.2",
         "yup": "0.32.11"
     },
     "dependencies": {
@@ -49,5 +49,5 @@
         "formik": ">=2.2.9",
         "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
     },
-    "gitHead": "11d8ba1d2a7c2c827319a33a0963175692abd5d2"
+    "gitHead": "c49871cb1702dcde14d2e68086460daf556f7477"
 }