@shipengine/formik-giger 1.0.1 → 1.1.0

package/dist/esm/EditableTextField.d.ts

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

package/dist/esm/EditableTextField.js

@@ -0,0 +1,44 @@
+import { Next } from '@shipengine/giger';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+function fieldToEditableTextField(_ref) {
+  let {
+    disabled,
+    field: {
+      onBlur: fieldOnBlur,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting
+    },
+    onBlur,
+    onChange,
+    ...props
+  } = _ref;
+  const handleChange = e => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    onFormikChange(e);
+  };
+  return {
+    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 EditableTextField(_ref2) {
+  let {
+    ...props
+  } = _ref2;
+  return jsx(Next.EditableTextField, {
+    ...fieldToEditableTextField(props)
+  });
+}
+EditableTextField.displayName = 'FormikEditableTextField';
+
+export { EditableTextField, fieldToEditableTextField };
+//# sourceMappingURL=EditableTextField.js.map

package/dist/esm/EditableTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTextField.js","sources":["../../src/EditableTextField.tsx"],"sourcesContent":["import { FieldProps } from 'formik';\nimport { ChangeEvent, FocusEvent } from 'react';\n\nimport { NextTypes, Next } from '@shipengine/giger';\n\nexport type EditableTextFieldProps<FormValues = unknown> = FieldProps<string | number | undefined, FormValues> &\n    Omit<NextTypes['EditableTextFieldProps'], 'name' | 'value'>;\n\nexport function fieldToEditableTextField<FormValues = unknown>({\n    disabled,\n    field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field },\n    form: { isSubmitting },\n    onBlur,\n    onChange,\n    ...props\n}: EditableTextFieldProps<FormValues>): NextTypes['EditableTextFieldProps'] {\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(e);\n        onFormikChange(e);\n    };\n\n    return {\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 EditableTextField<FormValues = unknown>({ ...props }: EditableTextFieldProps<FormValues>): JSX.Element {\n    return <Next.EditableTextField {...fieldToEditableTextField(props)} />;\n}\n\nEditableTextField.displayName = 'FormikEditableTextField';\n"],"names":["fieldToEditableTextField","_ref","disabled","field","onBlur","fieldOnBlur","onChange","onFormikChange","form","isSubmitting","props","handleChange","e","name","EditableTextField","_ref2","_jsx","Next","displayName"],"mappings":";;;AAQO,SAASA,wBAAwBA,CAAAC,IAAA,EAOoC;EAAA,IAPb;IAC3DC,QAAQ;AACRC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAEC,WAAW;AAAEC,MAAAA,QAAQ,EAAEC,cAAc;MAAE,GAAGJ,KAAAA;KAAO;AAClEK,IAAAA,IAAI,EAAE;AAAEC,MAAAA,YAAAA;KAAc;IACtBL,MAAM;IACNE,QAAQ;IACR,GAAGI,KAAAA;AAC6B,GAAC,GAAAT,IAAA,CAAA;EACjC,MAAMU,YAAY,GAAIC,CAAgC,IAAK;AACvDN,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGM,CAAC,CAAC,CAAA;IACbL,cAAc,CAACK,CAAC,CAAC,CAAA;GACpB,CAAA;EAED,OAAO;IACHV,QAAQ,EAAEA,QAAQ,IAAIO,YAAY;IAClCL,MAAM,EACFA,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GACN,UAAUQ,CAAa,EAAE;MACrBP,WAAW,CAACO,CAAC,KAAA,IAAA,IAADA,CAAC,KAAA,KAAA,CAAA,GAADA,CAAC,GAAIT,KAAK,CAACU,IAAI,CAAC,CAAA;KAC/B;AACLP,IAAAA,QAAQ,EAAEK,YAAY;AACtB,IAAA,GAAGR,KAAK;IACR,GAAGO,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASI,iBAAiBA,CAAAC,KAAA,EAAsF;EAAA,IAA/D;IAAE,GAAGL,KAAAA;AAA0C,GAAC,GAAAK,KAAA,CAAA;AACpG,EAAA,OAAOC,GAAA,CAACC,IAAI,CAACH,iBAAiB,EAAA;IAAA,GAAKd,wBAAwB,CAACU,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAC1E,CAAA;AAEAI,iBAAiB,CAACI,WAAW,GAAG,yBAAyB;;;;"}

package/dist/esm/index.d.ts

@@ -1,6 +1,7 @@
 export { Input, InputProps, fieldToInput } from './Input.js';
 export { Checkbox, CheckboxProps, fieldToCheckbox } from './Checkbox.js';
 export { DatePicker, IDatePickerProps, fieldToDateField } from './DatePicker.js';
+export { EditableTextField, EditableTextFieldProps, fieldToEditableTextField } from './EditableTextField.js';
 export { FocusOnError, IFocusOnErrorProps, useFocusOnError } from './FocusOnError.js';
 export { FormField } from './FormField.js';
 export { Textarea, TextareaProps, fieldToTextarea } from './Textarea.js';

package/dist/esm/index.js

@@ -1,6 +1,7 @@
 export { Input, fieldToInput } from './Input.js';
 export { Checkbox, fieldToCheckbox } from './Checkbox.js';
 export { DatePicker, fieldToDateField } from './DatePicker.js';
+export { EditableTextField, fieldToEditableTextField } from './EditableTextField.js';
 export { FocusOnError, useFocusOnError } from './FocusOnError.js';
 export { FormField } from './FormField.js';
 export { Textarea, fieldToTextarea } from './Textarea.js';

package/dist/esm/index.js.map

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

package/dist/lib/EditableTextField.d.ts

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

package/dist/lib/EditableTextField.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var giger = require('@shipengine/giger');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+function fieldToEditableTextField(_ref) {
+  let {
+    disabled,
+    field: {
+      onBlur: fieldOnBlur,
+      onChange: onFormikChange,
+      ...field
+    },
+    form: {
+      isSubmitting
+    },
+    onBlur,
+    onChange,
+    ...props
+  } = _ref;
+  const handleChange = e => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    onFormikChange(e);
+  };
+  return {
+    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 EditableTextField(_ref2) {
+  let {
+    ...props
+  } = _ref2;
+  return jsxRuntime.jsx(giger.Next.EditableTextField, {
+    ...fieldToEditableTextField(props)
+  });
+}
+EditableTextField.displayName = 'FormikEditableTextField';
+
+exports.EditableTextField = EditableTextField;
+exports.fieldToEditableTextField = fieldToEditableTextField;
+//# sourceMappingURL=EditableTextField.js.map

package/dist/lib/EditableTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTextField.js","sources":["../../src/EditableTextField.tsx"],"sourcesContent":["import { FieldProps } from 'formik';\nimport { ChangeEvent, FocusEvent } from 'react';\n\nimport { NextTypes, Next } from '@shipengine/giger';\n\nexport type EditableTextFieldProps<FormValues = unknown> = FieldProps<string | number | undefined, FormValues> &\n    Omit<NextTypes['EditableTextFieldProps'], 'name' | 'value'>;\n\nexport function fieldToEditableTextField<FormValues = unknown>({\n    disabled,\n    field: { onBlur: fieldOnBlur, onChange: onFormikChange, ...field },\n    form: { isSubmitting },\n    onBlur,\n    onChange,\n    ...props\n}: EditableTextFieldProps<FormValues>): NextTypes['EditableTextFieldProps'] {\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(e);\n        onFormikChange(e);\n    };\n\n    return {\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 EditableTextField<FormValues = unknown>({ ...props }: EditableTextFieldProps<FormValues>): JSX.Element {\n    return <Next.EditableTextField {...fieldToEditableTextField(props)} />;\n}\n\nEditableTextField.displayName = 'FormikEditableTextField';\n"],"names":["fieldToEditableTextField","_ref","disabled","field","onBlur","fieldOnBlur","onChange","onFormikChange","form","isSubmitting","props","handleChange","e","name","EditableTextField","_ref2","_jsx","Next","displayName"],"mappings":";;;;;;;AAQO,SAASA,wBAAwBA,CAAAC,IAAA,EAOoC;EAAA,IAPb;IAC3DC,QAAQ;AACRC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAEC,WAAW;AAAEC,MAAAA,QAAQ,EAAEC,cAAc;MAAE,GAAGJ,KAAAA;KAAO;AAClEK,IAAAA,IAAI,EAAE;AAAEC,MAAAA,YAAAA;KAAc;IACtBL,MAAM;IACNE,QAAQ;IACR,GAAGI,KAAAA;AAC6B,GAAC,GAAAT,IAAA,CAAA;EACjC,MAAMU,YAAY,GAAIC,CAAgC,IAAK;AACvDN,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGM,CAAC,CAAC,CAAA;IACbL,cAAc,CAACK,CAAC,CAAC,CAAA;GACpB,CAAA;EAED,OAAO;IACHV,QAAQ,EAAEA,QAAQ,IAAIO,YAAY;IAClCL,MAAM,EACFA,MAAM,KAANA,IAAAA,IAAAA,MAAM,cAANA,MAAM,GACN,UAAUQ,CAAa,EAAE;MACrBP,WAAW,CAACO,CAAC,KAAA,IAAA,IAADA,CAAC,KAAA,KAAA,CAAA,GAADA,CAAC,GAAIT,KAAK,CAACU,IAAI,CAAC,CAAA;KAC/B;AACLP,IAAAA,QAAQ,EAAEK,YAAY;AACtB,IAAA,GAAGR,KAAK;IACR,GAAGO,KAAAA;GACN,CAAA;AACL,CAAA;AAEO,SAASI,iBAAiBA,CAAAC,KAAA,EAAsF;EAAA,IAA/D;IAAE,GAAGL,KAAAA;AAA0C,GAAC,GAAAK,KAAA,CAAA;AACpG,EAAA,OAAOC,cAAA,CAACC,UAAI,CAACH,iBAAiB,EAAA;IAAA,GAAKd,wBAAwB,CAACU,KAAK,CAAA;AAAC,GAAG,CAAC,CAAA;AAC1E,CAAA;AAEAI,iBAAiB,CAACI,WAAW,GAAG,yBAAyB;;;;;"}

package/dist/lib/index.d.ts

@@ -1,6 +1,7 @@
 export { Input, InputProps, fieldToInput } from './Input.js';
 export { Checkbox, CheckboxProps, fieldToCheckbox } from './Checkbox.js';
 export { DatePicker, IDatePickerProps, fieldToDateField } from './DatePicker.js';
+export { EditableTextField, EditableTextFieldProps, fieldToEditableTextField } from './EditableTextField.js';
 export { FocusOnError, IFocusOnErrorProps, useFocusOnError } from './FocusOnError.js';
 export { FormField } from './FormField.js';
 export { Textarea, TextareaProps, fieldToTextarea } from './Textarea.js';

package/dist/lib/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Input = require('./Input.js');
 var Checkbox = require('./Checkbox.js');
 var DatePicker = require('./DatePicker.js');
+var EditableTextField = require('./EditableTextField.js');
 var FocusOnError = require('./FocusOnError.js');
 var FormField = require('./FormField.js');
 var Textarea = require('./Textarea.js');
@@ -21,6 +22,8 @@ exports.Checkbox = Checkbox.Checkbox;
 exports.fieldToCheckbox = Checkbox.fieldToCheckbox;
 exports.DatePicker = DatePicker.DatePicker;
 exports.fieldToDateField = DatePicker.fieldToDateField;
+exports.EditableTextField = EditableTextField.EditableTextField;
+exports.fieldToEditableTextField = EditableTextField.fieldToEditableTextField;
 exports.FocusOnError = FocusOnError.FocusOnError;
 exports.useFocusOnError = FocusOnError.useFocusOnError;
 exports.FormField = FormField.FormField;

package/dist/lib/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@shipengine/formik-giger",
-    "version": "1.0.1",
+    "version": "1.1.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": "^1.0.1",
+        "@shipengine/giger": "^1.1.0",
         "formik": "^2.4.2",
-        "test-utils": "^2.7.4",
+        "test-utils": "^2.7.6",
         "yup": "0.32.11"
     },
     "dependencies": {
@@ -49,5 +49,5 @@
         "formik": ">=2.2.9",
         "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
     },
-    "gitHead": "671690635d4372a19db7943f6e4225b5ab55e4f6"
+    "gitHead": "0821b1246863ec5596cf49bbc3b868f00ab82e3a"
 }