@shipengine/formik-giger 0.2.0 → 0.4.0

package/dist/esm/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import { FieldProps } from 'formik';
+import { ICheckboxProps } from '@shipengine/giger';
+
+interface CheckboxProps extends FieldProps, Omit<ICheckboxProps, 'name' | 'form' | 'touched' | 'checked' | 'defaultChecked' | 'type'> {
+    type?: string;
+}
+declare function fieldToCheckbox({ disabled, field: { onBlur: fieldOnBlur, value, onChange: onFormikChange, ...field }, form: { isSubmitting, errors, touched }, onBlur, onChange, ...props }: CheckboxProps): ICheckboxProps;
+declare function Checkbox(props: CheckboxProps): JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
+
+export { Checkbox, CheckboxProps, fieldToCheckbox };

package/dist/esm/Checkbox.js

@@ -0,0 +1,57 @@
+import { getIn } from 'formik';
+import { Checkbox as Checkbox$1 } from '@shipengine/giger';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+function fieldToCheckbox(_ref) {
+  let {
+    disabled,
+    field: {
+      onBlur: fieldOnBlur,
+      value,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting,
+      errors,
+      touched
+    },
+    onBlur,
+    onChange,
+    ...props
+  } = _ref;
+  /**
+   * Checkbox can be used as a single item and as a part of multiple choices
+   * (sharing the "name" attribute) In that case the field value will be an array
+   * as multiple inputs have the same name.
+   * For all other scenarios "value" will be the input value (string, boolean, number ...)
+   */
+  const checkboxIsPartOfMultiple = Array.isArray(value);
+  const indeterminate = !checkboxIsPartOfMultiple && value == null;
+  const handleChange = e => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    onFormikChange(e);
+  };
+  return {
+    isInvalid: getIn(touched, field.name) && !!getIn(errors, field.name),
+    disabled: disabled || isSubmitting,
+    checked: checkboxIsPartOfMultiple ? value.includes(props.value) : Boolean(value),
+    value,
+    indeterminate,
+    onBlur: onBlur !== null && onBlur !== void 0 ? onBlur : function (e) {
+      fieldOnBlur(e !== null && e !== void 0 ? e : field.name);
+    },
+    onChange: handleChange,
+    ...field,
+    ...props
+  };
+}
+function Checkbox(props) {
+  return jsx(Checkbox$1, {
+    ...fieldToCheckbox(props)
+  });
+}
+Checkbox.displayName = 'FormikCheckbox';
+
+export { Checkbox, fieldToCheckbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\nimport { ChangeEvent, FocusEvent } from 'react';\n\nimport { Checkbox as GigerCheckbox, ICheckboxProps as GigerCheckboxProps } from '@shipengine/giger';\n\nexport interface CheckboxProps\n    extends FieldProps,\n        Omit<\n            GigerCheckboxProps,\n            | 'name'\n            | 'form'\n            | 'touched'\n            | 'checked'\n            | 'defaultChecked'\n            // Excluded for conflict with Field type\n            | 'type'\n        > {\n    type?: string;\n}\n\nexport function fieldToCheckbox({\n    disabled,\n    field: { onBlur: fieldOnBlur, value, onChange: onFormikChange, ...field },\n    form: { isSubmitting, errors, touched },\n    onBlur,\n    onChange,\n    ...props\n}: CheckboxProps): GigerCheckboxProps {\n    /**\n     * Checkbox can be used as a single item and as a part of multiple choices\n     * (sharing the \"name\" attribute) In that case the field value will be an array\n     * as multiple inputs have the same name.\n     * For all other scenarios \"value\" will be the input value (string, boolean, number ...)\n     */\n    const checkboxIsPartOfMultiple = Array.isArray(value);\n\n    const indeterminate = !checkboxIsPartOfMultiple && value == null;\n\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        checked: checkboxIsPartOfMultiple ? value.includes(props.value) : Boolean(value),\n        value,\n        indeterminate,\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 Checkbox(props: CheckboxProps): JSX.Element {\n    return <GigerCheckbox {...fieldToCheckbox(props)} />;\n}\n\nCheckbox.displayName = 'FormikCheckbox';\n"],"names":["fieldToCheckbox","_ref","disabled","field","onBlur","fieldOnBlur","value","onChange","onFormikChange","form","isSubmitting","errors","touched","props","checkboxIsPartOfMultiple","Array","isArray","indeterminate","handleChange","e","isInvalid","getIn","name","checked","includes","Boolean","Checkbox","_jsx","GigerCheckbox","displayName"],"mappings":";;;;AAoBO,SAASA,eAAeA,CAAAC,IAAA,EAOO;EAAA,IAPN;IAC5BC,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;AACQ,GAAC,GAAAZ,IAAA,CAAA;AACZ;AACJ;AACA;AACA;AACA;AACA;AACI,EAAA,MAAMa,wBAAwB,GAAGC,KAAK,CAACC,OAAO,CAACV,KAAK,CAAC,CAAA;AAErD,EAAA,MAAMW,aAAa,GAAG,CAACH,wBAAwB,IAAIR,KAAK,IAAI,IAAI,CAAA;EAEhE,MAAMY,YAAY,GAAIC,CAAgC,IAAK;AACvDZ,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGY,CAAC,CAAC,CAAA;IACbX,cAAc,CAACW,CAAC,CAAC,CAAA;GACpB,CAAA;EAED,OAAO;AACHC,IAAAA,SAAS,EAAEC,KAAK,CAACT,OAAO,EAAET,KAAK,CAACmB,IAAI,CAAC,IAAI,CAAC,CAACD,KAAK,CAACV,MAAM,EAAER,KAAK,CAACmB,IAAI,CAAC;IACpEpB,QAAQ,EAAEA,QAAQ,IAAIQ,YAAY;AAClCa,IAAAA,OAAO,EAAET,wBAAwB,GAAGR,KAAK,CAACkB,QAAQ,CAACX,KAAK,CAACP,KAAK,CAAC,GAAGmB,OAAO,CAACnB,KAAK,CAAC;IAChFA,KAAK;IACLW,aAAa;IACbb,MAAM,EACFA,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GACN,UAAUe,CAAa,EAAE;MACrBd,WAAW,CAACc,CAAC,KAAA,IAAA,IAADA,CAAC,KAAA,KAAA,CAAA,GAADA,CAAC,GAAIhB,KAAK,CAACmB,IAAI,CAAC,CAAA;KAC/B;AACLf,IAAAA,QAAQ,EAAEW,YAAY;AACtB,IAAA,GAAGf,KAAK;IACR,GAAGU,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASa,QAAQA,CAACb,KAAoB,EAAe;EACxD,OAAOc,GAAA,CAACC,UAAa,EAAA;IAAA,GAAK5B,eAAe,CAACa,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AACxD,CAAA;AAEAa,QAAQ,CAACG,WAAW,GAAG,gBAAgB;;;;"}

package/dist/esm/DatePicker.d.ts

@@ -0,0 +1,11 @@
+import { FieldProps } from 'formik';
+import { IDatePickerProps as IDatePickerProps$1, WithCommonProps } from '@shipengine/giger';
+
+type IDatePickerProps<FormValues = unknown> = FieldProps<Date | null, FormValues> & Omit<IDatePickerProps$1, 'name'> & WithCommonProps<unknown>;
+declare function fieldToDateField<FormValues = unknown>({ disabled, field: { name, onChange: onFormikChange, ...field }, form: { isSubmitting, errors, touched, setFieldTouched }, onClickConfirm, ...props }: IDatePickerProps<FormValues>): IDatePickerProps$1;
+declare function DatePicker<FormValues = unknown>({ ...props }: IDatePickerProps<FormValues>): JSX.Element;
+declare namespace DatePicker {
+    var displayName: string;
+}
+
+export { DatePicker, IDatePickerProps, fieldToDateField };

package/dist/esm/DatePicker.js

@@ -0,0 +1,51 @@
+import { getIn } from 'formik';
+import { DatePicker as DatePicker$1 } from '@shipengine/giger';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+function fieldToDateField(_ref) {
+  let {
+    disabled,
+    field: {
+      name,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting,
+      errors,
+      touched,
+      setFieldTouched
+    },
+    onClickConfirm,
+    ...props
+  } = _ref;
+  const handleClickConfirm = date => {
+    setFieldTouched(name);
+    onFormikChange({
+      target: {
+        name,
+        value: date
+      }
+    });
+    onClickConfirm === null || onClickConfirm === void 0 ? void 0 : onClickConfirm(date);
+  };
+  return {
+    disabled: disabled || isSubmitting,
+    isInvalid: getIn(touched, name) && getIn(errors, name),
+    onClickConfirm: handleClickConfirm,
+    ...field,
+    ...props
+  };
+}
+function DatePicker(_ref2) {
+  let {
+    ...props
+  } = _ref2;
+  return jsx(DatePicker$1, {
+    ...fieldToDateField(props)
+  });
+}
+DatePicker.displayName = 'FormikDatePicker';
+
+export { DatePicker, fieldToDateField };
+//# sourceMappingURL=DatePicker.js.map

package/dist/esm/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../src/DatePicker.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\n\nimport {\n    WithCommonProps,\n    DatePicker as GigerDatePicker,\n    IDatePickerProps as GigerDatePickerProps,\n} from '@shipengine/giger';\n\nexport type IDatePickerProps<FormValues = unknown> = FieldProps<Date | null, FormValues> &\n    Omit<GigerDatePickerProps, 'name'> &\n    WithCommonProps<unknown>;\n\nexport function fieldToDateField<FormValues = unknown>({\n    disabled,\n    field: { name, onChange: onFormikChange, ...field },\n    form: { isSubmitting, errors, touched, setFieldTouched },\n    onClickConfirm,\n    ...props\n}: IDatePickerProps<FormValues>): GigerDatePickerProps {\n    const handleClickConfirm = (date: Date | [Date, Date]) => {\n        setFieldTouched(name);\n        onFormikChange({ target: { name, value: date } });\n        onClickConfirm?.(date);\n    };\n\n    return {\n        disabled: disabled || isSubmitting,\n        isInvalid: getIn(touched, name) && getIn(errors, name),\n        onClickConfirm: handleClickConfirm,\n        ...field,\n        ...props,\n    };\n}\n\nexport function DatePicker<FormValues = unknown>({ ...props }: IDatePickerProps<FormValues>): JSX.Element {\n    return <GigerDatePicker {...fieldToDateField(props)} />;\n}\n\nDatePicker.displayName = 'FormikDatePicker';\n"],"names":["fieldToDateField","_ref","disabled","field","name","onChange","onFormikChange","form","isSubmitting","errors","touched","setFieldTouched","onClickConfirm","props","handleClickConfirm","date","target","value","isInvalid","getIn","DatePicker","_ref2","_jsx","GigerDatePicker","displayName"],"mappings":";;;;AAYO,SAASA,gBAAgBA,CAAAC,IAAA,EAMuB;EAAA,IANA;IACnDC,QAAQ;AACRC,IAAAA,KAAK,EAAE;MAAEC,IAAI;AAAEC,MAAAA,QAAQ,EAAEC,cAAc;MAAE,GAAGH,KAAAA;KAAO;AACnDI,IAAAA,IAAI,EAAE;MAAEC,YAAY;MAAEC,MAAM;MAAEC,OAAO;AAAEC,MAAAA,eAAAA;KAAiB;IACxDC,cAAc;IACd,GAAGC,KAAAA;AACuB,GAAC,GAAAZ,IAAA,CAAA;EAC3B,MAAMa,kBAAkB,GAAIC,IAAyB,IAAK;IACtDJ,eAAe,CAACP,IAAI,CAAC,CAAA;AACrBE,IAAAA,cAAc,CAAC;AAAEU,MAAAA,MAAM,EAAE;QAAEZ,IAAI;AAAEa,QAAAA,KAAK,EAAEF,IAAAA;AAAK,OAAA;AAAE,KAAC,CAAC,CAAA;AACjDH,IAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAGG,IAAI,CAAC,CAAA;GACzB,CAAA;EAED,OAAO;IACHb,QAAQ,EAAEA,QAAQ,IAAIM,YAAY;AAClCU,IAAAA,SAAS,EAAEC,KAAK,CAACT,OAAO,EAAEN,IAAI,CAAC,IAAIe,KAAK,CAACV,MAAM,EAAEL,IAAI,CAAC;AACtDQ,IAAAA,cAAc,EAAEE,kBAAkB;AAClC,IAAA,GAAGX,KAAK;IACR,GAAGU,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASO,UAAUA,CAAAC,KAAA,EAAgF;EAAA,IAAzD;IAAE,GAAGR,KAAAA;AAAoC,GAAC,GAAAQ,KAAA,CAAA;EACvF,OAAOC,GAAA,CAACC,YAAe,EAAA;IAAA,GAAKvB,gBAAgB,CAACa,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAC3D,CAAA;AAEAO,UAAU,CAACI,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/FocusOnError.d.ts

@@ -0,0 +1,21 @@
+interface IFocusOnErrorProps {
+    initialValidation?: boolean;
+    focusDelay?: number;
+}
+/**
+ * Use FocusOnError when Formik is in the same component and you don't have
+ * access to useFormikContext, otherwise useFocusOnError can be used.
+ */
+declare function FocusOnError({ initialValidation, focusDelay }: IFocusOnErrorProps): JSX.Element;
+/**
+ * Focus the first element with error in the form after triggering Formik onSubmit.
+ * If used with initialValidation `true`, it will focus after form initialization.
+ * * Important * The order is based on the errors object, and the errors key order is based on
+ * the order used in the validation schema.
+ *
+ * @param initialValidation boolean true if the focus is desired on form initialization
+ * @param focusDelay number milliseconds to delay the focus on the input
+ */
+declare function useFocusOnError(initialValidation?: boolean, focusDelay?: number): void;
+
+export { FocusOnError, IFocusOnErrorProps, useFocusOnError };

package/dist/esm/FocusOnError.js

@@ -0,0 +1,70 @@
+import flatten from 'flat';
+import { Fragment, useRef, useEffect } from 'react';
+import { useFormikContext } from 'formik';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+/**
+ * Use FocusOnError when Formik is in the same component and you don't have
+ * access to useFormikContext, otherwise useFocusOnError can be used.
+ */
+function FocusOnError(_ref) {
+  let {
+    initialValidation = false,
+    focusDelay = 0
+  } = _ref;
+  useFocusOnError(initialValidation, focusDelay);
+  return jsx(Fragment, {});
+}
+
+/**
+ * Focus the first element with error in the form after triggering Formik onSubmit.
+ * If used with initialValidation `true`, it will focus after form initialization.
+ * * Important * The order is based on the errors object, and the errors key order is based on
+ * the order used in the validation schema.
+ *
+ * @param initialValidation boolean true if the focus is desired on form initialization
+ * @param focusDelay number milliseconds to delay the focus on the input
+ */
+function useFocusOnError() {
+  let initialValidation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let focusDelay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const {
+    errors,
+    isSubmitting,
+    isValidating,
+    validateForm
+  } = useFormikContext();
+  const validateOnInit = useRef(initialValidation);
+  useEffect(() => {
+    if (validateOnInit.current) {
+      runImperativeValidation();
+      validateOnInit.current = false;
+      return;
+    }
+    if (isSubmitting && !isValidating) {
+      focusFirstElementWithError(errors);
+    }
+    function focusFirstElementWithError(errorsObject) {
+      if (!Object.keys(errorsObject).length) return;
+      const flattenedErrorsObj = flatten(errorsObject);
+      const names = Object.keys(flattenedErrorsObj);
+      const firstErrorElementName = names === null || names === void 0 ? void 0 : names[0];
+      if (firstErrorElementName) {
+        const element = window.document.querySelector(`form [name="${firstErrorElementName}"]`);
+        element === null || element === void 0 ? void 0 : element.scrollIntoView({
+          behavior: 'smooth'
+        });
+        setTimeout(() => {
+          element === null || element === void 0 ? void 0 : element.focus();
+        }, focusDelay);
+      }
+    }
+    async function runImperativeValidation() {
+      const validationErrors = await validateForm();
+      focusFirstElementWithError(validationErrors);
+    }
+  }, [errors, focusDelay, isSubmitting, isValidating, validateForm]);
+}
+
+export { FocusOnError, useFocusOnError };
+//# sourceMappingURL=FocusOnError.js.map

package/dist/esm/FocusOnError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusOnError.js","sources":["../../src/FocusOnError.tsx"],"sourcesContent":["import flatten from 'flat';\nimport { Fragment, useEffect, useRef } from 'react';\nimport { FormikErrors, useFormikContext } from 'formik';\n\nexport interface IFocusOnErrorProps {\n    initialValidation?: boolean;\n    focusDelay?: number;\n}\n\n/**\n * Use FocusOnError when Formik is in the same component and you don't have\n * access to useFormikContext, otherwise useFocusOnError can be used.\n */\nexport function FocusOnError({ initialValidation = false, focusDelay = 0 }: IFocusOnErrorProps): JSX.Element {\n    useFocusOnError(initialValidation, focusDelay);\n\n    return <Fragment />;\n}\n\n/**\n * Focus the first element with error in the form after triggering Formik onSubmit.\n * If used with initialValidation `true`, it will focus after form initialization.\n * * Important * The order is based on the errors object, and the errors key order is based on\n * the order used in the validation schema.\n *\n * @param initialValidation boolean true if the focus is desired on form initialization\n * @param focusDelay number milliseconds to delay the focus on the input\n */\nexport function useFocusOnError(initialValidation = false, focusDelay = 0): void {\n    const { errors, isSubmitting, isValidating, validateForm } = useFormikContext();\n    const validateOnInit = useRef(initialValidation);\n\n    useEffect(() => {\n        if (validateOnInit.current) {\n            runImperativeValidation();\n            validateOnInit.current = false;\n            return;\n        }\n\n        if (isSubmitting && !isValidating) {\n            focusFirstElementWithError(errors);\n        }\n\n        function focusFirstElementWithError(errorsObject: FormikErrors<unknown>) {\n            if (!Object.keys(errorsObject).length) return;\n\n            const flattenedErrorsObj: Record<string, unknown> = flatten(errorsObject);\n            const names = Object.keys(flattenedErrorsObj);\n            const firstErrorElementName = names?.[0];\n\n            if (firstErrorElementName) {\n                const element = window.document.querySelector<HTMLElement>(`form [name=\"${firstErrorElementName}\"]`);\n                element?.scrollIntoView({ behavior: 'smooth' });\n\n                setTimeout(() => {\n                    element?.focus();\n                }, focusDelay);\n            }\n        }\n\n        async function runImperativeValidation() {\n            const validationErrors = await validateForm();\n            focusFirstElementWithError(validationErrors);\n        }\n    }, [errors, focusDelay, isSubmitting, isValidating, validateForm]);\n}\n"],"names":["FocusOnError","_ref","initialValidation","focusDelay","useFocusOnError","_jsx","Fragment","arguments","length","undefined","errors","isSubmitting","isValidating","validateForm","useFormikContext","validateOnInit","useRef","useEffect","current","runImperativeValidation","focusFirstElementWithError","errorsObject","Object","keys","flattenedErrorsObj","flatten","names","firstErrorElementName","element","window","document","querySelector","scrollIntoView","behavior","setTimeout","focus","validationErrors"],"mappings":";;;;;AASA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAAAC,IAAA,EAAiF;EAAA,IAAhF;AAAEC,IAAAA,iBAAiB,GAAG,KAAK;AAAEC,IAAAA,UAAU,GAAG,CAAA;AAAsB,GAAC,GAAAF,IAAA,CAAA;AAC1FG,EAAAA,eAAe,CAACF,iBAAiB,EAAEC,UAAU,CAAC,CAAA;AAE9C,EAAA,OAAOE,GAAA,CAACC,QAAQ,EAAA,EAAE,CAAC,CAAA;AACvB,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASF,eAAeA,GAAkD;AAAA,EAAA,IAAjDF,iBAAiB,GAAAK,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;AAAA,EAAA,IAAEJ,UAAU,GAAAI,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;EACrE,MAAM;IAAEG,MAAM;IAAEC,YAAY;IAAEC,YAAY;AAAEC,IAAAA,YAAAA;GAAc,GAAGC,gBAAgB,EAAE,CAAA;AAC/E,EAAA,MAAMC,cAAc,GAAGC,MAAM,CAACd,iBAAiB,CAAC,CAAA;AAEhDe,EAAAA,SAAS,CAAC,MAAM;IACZ,IAAIF,cAAc,CAACG,OAAO,EAAE;AACxBC,MAAAA,uBAAuB,EAAE,CAAA;MACzBJ,cAAc,CAACG,OAAO,GAAG,KAAK,CAAA;AAC9B,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIP,YAAY,IAAI,CAACC,YAAY,EAAE;MAC/BQ,0BAA0B,CAACV,MAAM,CAAC,CAAA;AACtC,KAAA;IAEA,SAASU,0BAA0BA,CAACC,YAAmC,EAAE;MACrE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,YAAY,CAAC,CAACb,MAAM,EAAE,OAAA;AAEvC,MAAA,MAAMgB,kBAA2C,GAAGC,OAAO,CAACJ,YAAY,CAAC,CAAA;AACzE,MAAA,MAAMK,KAAK,GAAGJ,MAAM,CAACC,IAAI,CAACC,kBAAkB,CAAC,CAAA;MAC7C,MAAMG,qBAAqB,GAAGD,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAG,CAAC,CAAC,CAAA;AAExC,MAAA,IAAIC,qBAAqB,EAAE;QACvB,MAAMC,OAAO,GAAGC,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAe,CAAA,YAAA,EAAcJ,qBAAsB,CAAA,EAAA,CAAG,CAAC,CAAA;AACpGC,QAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEI,cAAc,CAAC;AAAEC,UAAAA,QAAQ,EAAE,QAAA;AAAS,SAAC,CAAC,CAAA;AAE/CC,QAAAA,UAAU,CAAC,MAAM;AACbN,UAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEO,KAAK,EAAE,CAAA;SACnB,EAAEhC,UAAU,CAAC,CAAA;AAClB,OAAA;AACJ,KAAA;IAEA,eAAegB,uBAAuBA,GAAG;AACrC,MAAA,MAAMiB,gBAAgB,GAAG,MAAMvB,YAAY,EAAE,CAAA;MAC7CO,0BAA0B,CAACgB,gBAAgB,CAAC,CAAA;AAChD,KAAA;AACJ,GAAC,EAAE,CAAC1B,MAAM,EAAEP,UAAU,EAAEQ,YAAY,EAAEC,YAAY,EAAEC,YAAY,CAAC,CAAC,CAAA;AACtE;;;;"}

package/dist/esm/FormField.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { WithChildrenCommonProps, FieldMessageType } from '@shipengine/giger';
+
+interface IFormFieldMessage {
+    type: FieldMessageType;
+    content: ReactNode;
+}
+type FormFieldProps = WithChildrenCommonProps<{
+    name: string;
+    message?: IFormFieldMessage;
+}>;
+declare function FormField({ name, children, message, ...rest }: FormFieldProps): JSX.Element;
+declare namespace FormField {
+    var displayName: string;
+}
+
+export { FormField };

package/dist/esm/FormField.js

@@ -0,0 +1,43 @@
+import { useField } from 'formik';
+import { cloneElement, useMemo } from 'react';
+import { FormField as FormField$1, FieldMessageType } from '@shipengine/giger';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+const useFieldMessage = (fieldName, defaultMessage) => {
+  const [, meta] = useField(fieldName);
+  const formFieldMessage = useMemo(() => {
+    if (meta.error && meta.touched) {
+      return {
+        type: FieldMessageType.ERROR,
+        content: meta.error
+      };
+    } else if ((defaultMessage === null || defaultMessage === void 0 ? void 0 : defaultMessage.type) === FieldMessageType.HINT || (defaultMessage === null || defaultMessage === void 0 ? void 0 : defaultMessage.type) === FieldMessageType.INFO || (defaultMessage === null || defaultMessage === void 0 ? void 0 : defaultMessage.type) === FieldMessageType.SUCCESS) {
+      return {
+        type: defaultMessage.type,
+        content: defaultMessage.content
+      };
+    }
+    return undefined;
+  }, [defaultMessage === null || defaultMessage === void 0 ? void 0 : defaultMessage.content, defaultMessage === null || defaultMessage === void 0 ? void 0 : defaultMessage.type, meta.error, meta.touched]);
+  return formFieldMessage;
+};
+function FormField(_ref) {
+  let {
+    name,
+    children,
+    message,
+    ...rest
+  } = _ref;
+  const formFieldMessage = useFieldMessage(name, message);
+  return jsx(FormField$1, {
+    message: formFieldMessage,
+    ...rest,
+    children: /*#__PURE__*/cloneElement(children, {
+      name
+    })
+  });
+}
+FormField.displayName = 'FormikFormField';
+
+export { FormField };
+//# sourceMappingURL=FormField.js.map

package/dist/esm/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sources":["../../src/FormField.tsx"],"sourcesContent":["import { useField } from 'formik';\nimport { useMemo, cloneElement, ReactNode, ReactElement } from 'react';\n\nimport { FieldMessageType, FormField as GigerFormField, WithChildrenCommonProps } from '@shipengine/giger';\n\ninterface IFormFieldMessage {\n    type: FieldMessageType;\n    content: ReactNode;\n}\n\ntype UseFieldMessageReturn =\n    | {\n          type: FieldMessageType;\n          content: string;\n      }\n    | undefined;\n\nconst useFieldMessage = (fieldName: string, defaultMessage?: IFormFieldMessage): UseFieldMessageReturn => {\n    const [, meta] = useField(fieldName);\n\n    const formFieldMessage = useMemo(() => {\n        if (meta.error && meta.touched) {\n            return {\n                type: FieldMessageType.ERROR,\n                content: meta.error,\n            };\n        } else if (\n            defaultMessage?.type === FieldMessageType.HINT ||\n            defaultMessage?.type === FieldMessageType.INFO ||\n            defaultMessage?.type === FieldMessageType.SUCCESS\n        ) {\n            return {\n                type: defaultMessage.type,\n                content: defaultMessage.content,\n            };\n        }\n\n        return undefined;\n    }, [defaultMessage?.content, defaultMessage?.type, meta.error, meta.touched]) as UseFieldMessageReturn;\n\n    return formFieldMessage;\n};\n\ntype FormFieldProps = WithChildrenCommonProps<{\n    name: string;\n    message?: IFormFieldMessage;\n}>;\n\nexport function FormField({ name, children, message, ...rest }: FormFieldProps): JSX.Element {\n    const formFieldMessage = useFieldMessage(name, message);\n\n    return (\n        <GigerFormField message={formFieldMessage} {...rest}>\n            {cloneElement(children as ReactElement, { name })}\n        </GigerFormField>\n    );\n}\n\nFormField.displayName = 'FormikFormField';\n"],"names":["useFieldMessage","fieldName","defaultMessage","meta","useField","formFieldMessage","useMemo","error","touched","type","FieldMessageType","ERROR","content","HINT","INFO","SUCCESS","undefined","FormField","_ref","name","children","message","rest","_jsx","GigerFormField","cloneElement","displayName"],"mappings":";;;;;AAiBA,MAAMA,eAAe,GAAGA,CAACC,SAAiB,EAAEC,cAAkC,KAA4B;AACtG,EAAA,MAAM,GAAGC,IAAI,CAAC,GAAGC,QAAQ,CAACH,SAAS,CAAC,CAAA;AAEpC,EAAA,MAAMI,gBAAgB,GAAGC,OAAO,CAAC,MAAM;AACnC,IAAA,IAAIH,IAAI,CAACI,KAAK,IAAIJ,IAAI,CAACK,OAAO,EAAE;MAC5B,OAAO;QACHC,IAAI,EAAEC,gBAAgB,CAACC,KAAK;QAC5BC,OAAO,EAAET,IAAI,CAACI,KAAAA;OACjB,CAAA;AACL,KAAC,MAAM,IACH,CAAAL,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEO,IAAI,MAAKC,gBAAgB,CAACG,IAAI,IAC9C,CAAAX,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEO,IAAI,MAAKC,gBAAgB,CAACI,IAAI,IAC9C,CAAAZ,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEO,IAAI,MAAKC,gBAAgB,CAACK,OAAO,EACnD;MACE,OAAO;QACHN,IAAI,EAAEP,cAAc,CAACO,IAAI;QACzBG,OAAO,EAAEV,cAAc,CAACU,OAAAA;OAC3B,CAAA;AACL,KAAA;AAEA,IAAA,OAAOI,SAAS,CAAA;GACnB,EAAE,CAACd,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAc,CAAEU,OAAO,EAAEV,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAEO,IAAI,EAAEN,IAAI,CAACI,KAAK,EAAEJ,IAAI,CAACK,OAAO,CAAC,CAA0B,CAAA;AAEtG,EAAA,OAAOH,gBAAgB,CAAA;AAC3B,CAAC,CAAA;AAOM,SAASY,SAASA,CAAAC,IAAA,EAAoE;EAAA,IAAnE;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAJ,IAAA,CAAA;AAC1E,EAAA,MAAMb,gBAAgB,GAAGL,eAAe,CAACmB,IAAI,EAAEE,OAAO,CAAC,CAAA;EAEvD,OACIE,GAAA,CAACC,WAAc,EAAA;AAACH,IAAAA,OAAO,EAAEhB,gBAAiB;AAAA,IAAA,GAAKiB,IAAI;AAAAF,IAAAA,QAAA,eAC9CK,YAAY,CAACL,QAAQ,EAAkB;AAAED,MAAAA,IAAAA;KAAM,CAAA;AAAC,GACrC,CAAC,CAAA;AAEzB,CAAA;AAEAF,SAAS,CAACS,WAAW,GAAG,iBAAiB;;;;"}

package/dist/esm/Input.d.ts

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

package/dist/esm/Input.js

@@ -0,0 +1,48 @@
+import { getIn } from 'formik';
+import { Input as Input$1 } from '@shipengine/giger';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+function fieldToInput(_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: getIn(touched, field.name) && !!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 Input(_ref2) {
+  let {
+    ...props
+  } = _ref2;
+  return jsx(Input$1, {
+    ...fieldToInput(props)
+  });
+}
+Input.displayName = 'FormikInput';
+
+export { Input, fieldToInput };
+//# sourceMappingURL=Input.js.map

package/dist/esm/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/Input.tsx"],"sourcesContent":["import { FieldProps, getIn } from 'formik';\nimport { ChangeEvent, FocusEvent } from 'react';\n\nimport { Input as GigerInput, IInputProps as IGigerInputProps } from '@shipengine/giger';\n\nexport type InputProps<FormValues = unknown> = FieldProps<string | number | undefined, FormValues> &\n    Omit<IGigerInputProps, 'name' | 'value'>;\n\nexport function fieldToInput<FormValues = unknown>({\n    disabled,\n    field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field },\n    form: { isSubmitting, touched, errors },\n    onBlur,\n    onChange,\n    ...props\n}: InputProps<FormValues>): IGigerInputProps {\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        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 Input<FormValues = unknown>({ ...props }: InputProps<FormValues>): JSX.Element {\n    return <GigerInput {...fieldToInput(props)} />;\n}\n\nInput.displayName = 'FormikInput';\n"],"names":["fieldToInput","_ref","disabled","field","onBlur","fieldOnBlur","onChange","onFormikChange","form","isSubmitting","touched","errors","props","handleChange","e","isInvalid","getIn","name","Input","_ref2","_jsx","GigerInput","displayName"],"mappings":";;;;AAQO,SAASA,YAAYA,CAAAC,IAAA,EAOiB;EAAA,IAPM;IAC/CC,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;AACiB,GAAC,GAAAX,IAAA,CAAA;EACrB,MAAMY,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,KAAK,CAACN,OAAO,EAAEP,KAAK,CAACc,IAAI,CAAC,IAAI,CAAC,CAACD,KAAK,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,KAAKA,CAAAC,KAAA,EAA0E;EAAA,IAAnD;IAAE,GAAGP,KAAAA;AAA8B,GAAC,GAAAO,KAAA,CAAA;EAC5E,OAAOC,GAAA,CAACC,OAAU,EAAA;IAAA,GAAKrB,YAAY,CAACY,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAClD,CAAA;AAEAM,KAAK,CAACI,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/Radio.d.ts

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

package/dist/esm/Radio.js

@@ -0,0 +1,49 @@
+import { getIn } from 'formik';
+import { Radio as Radio$1 } from '@shipengine/giger';
+import { jsx } from '@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: getIn(touched, field.name) && !!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 jsx(Radio$1, {
+    ...fieldToRadio(props)
+  });
+}
+Radio.displayName = 'FormikRadio';
+
+export { Radio, fieldToRadio };
+//# sourceMappingURL=Radio.js.map

package/dist/esm/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,KAAK,CAACL,OAAO,EAAEV,KAAK,CAACgB,IAAI,CAAC,IAAI,CAAC,CAACD,KAAK,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,GAAA,CAACC,OAAU,EAAA;IAAA,GAAKvB,YAAY,CAACc,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAClD,CAAA;AAEAO,KAAK,CAACG,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/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/esm/RadioGroup.js

@@ -0,0 +1,47 @@
+import { getIn } from 'formik';
+import { RadioGroup as RadioGroup$1 } from '@shipengine/giger';
+import { jsx } from '@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: getIn(touched, field.name) && !!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 jsx(RadioGroup$1, {
+    ...fieldToRadioGroup(props)
+  });
+}
+RadioGroup.displayName = 'FormikRadioGroup';
+
+export { RadioGroup, fieldToRadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/esm/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,KAAK,CAACL,OAAO,EAAET,KAAK,CAACe,IAAI,CAAC,IAAI,CAAC,CAACD,KAAK,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,GAAA,CAACC,YAAe,EAAA;IAAA,GAAKrB,iBAAiB,CAACa,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAC5D,CAAA;AAEAM,UAAU,CAACG,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/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/esm/Select.js

@@ -0,0 +1,68 @@
+import { getIn } from 'formik';
+import { Option, Select as Select$1 } from '@shipengine/giger';
+import { jsx } from '@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: getIn(touched, field.name) && !!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 => jsx(Option, {
+    value: option,
+    selected: option === formikProps.value,
+    children: option.label
+  }, option.label)) : children;
+  return jsx(Select$1, {
+    ...formikProps,
+    children: renderedOptions
+  });
+}
+Select.displayName = 'FormikSelect';
+
+export { Select, fieldToSelect };
+//# sourceMappingURL=Select.js.map

package/dist/esm/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,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,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,GAAA,CAACC,MAAM,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,GAAA,CAACI,QAAW,EAAA;AAAA,IAAA,GAAKR,WAAW;AAAAD,IAAAA,QAAA,EAAGE,eAAAA;AAAe,GAAc,CAAC,CAAA;AACxE,CAAA;AAEAL,MAAM,CAACa,WAAW,GAAG,cAAc;;;;"}