@a-type/ui 2.0.6 → 2.0.7
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/cjs/components/dialog/Dialog.js +9 -9
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/forms/FormikForm.d.ts +15 -1
- package/dist/cjs/components/forms/FormikForm.js +17 -3
- package/dist/cjs/components/forms/FormikForm.js.map +1 -1
- package/dist/cjs/components/forms/FormikForm.stories.d.ts +12 -1
- package/dist/cjs/components/forms/TextField.d.ts +4 -2
- package/dist/cjs/components/forms/TextField.js +4 -4
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/css/main.css +2 -2
- package/dist/esm/components/dialog/Dialog.js +9 -9
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/forms/FormikForm.d.ts +15 -1
- package/dist/esm/components/forms/FormikForm.js +14 -2
- package/dist/esm/components/forms/FormikForm.js.map +1 -1
- package/dist/esm/components/forms/FormikForm.stories.d.ts +12 -1
- package/dist/esm/components/forms/TextField.d.ts +4 -2
- package/dist/esm/components/forms/TextField.js +4 -4
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/package.json +1 -1
- package/src/components/dialog/Dialog.tsx +13 -13
- package/src/components/forms/FormikForm.tsx +45 -31
- package/src/components/forms/TextField.tsx +6 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
import { FormikConfig, FormikValues } from 'formik';
|
|
2
|
+
import { CheckboxField } from './CheckboxField.js';
|
|
3
|
+
import { NumberStepperField } from './NumberStepperField.js';
|
|
4
|
+
import { SubmitButton } from './SubmitButton.js';
|
|
5
|
+
import { TextAreaField } from './TextField.js';
|
|
2
6
|
export interface FormikFormProps<T extends FormikValues = FormikValues> extends FormikConfig<T> {
|
|
3
7
|
className?: string;
|
|
4
8
|
}
|
|
5
|
-
export
|
|
9
|
+
export { FieldArray } from 'formik';
|
|
10
|
+
export declare function FormikFormRoot<Values extends FormikValues>({ className, children, onSubmit, ...props }: FormikFormProps<Values>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const FormikForm: typeof FormikFormRoot & {
|
|
12
|
+
TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps & {
|
|
13
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
14
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
TextAreaField: typeof TextAreaField;
|
|
16
|
+
NumberStepperField: typeof NumberStepperField;
|
|
17
|
+
SubmitButton: typeof SubmitButton;
|
|
18
|
+
CheckboxField: typeof CheckboxField;
|
|
19
|
+
};
|
|
@@ -12,9 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
import { Formik } from 'formik';
|
|
15
|
-
import { Form } from './Form.js';
|
|
16
15
|
import { useCallback } from 'react';
|
|
17
|
-
|
|
16
|
+
import { CheckboxField } from './CheckboxField.js';
|
|
17
|
+
import { Form } from './Form.js';
|
|
18
|
+
import { NumberStepperField } from './NumberStepperField.js';
|
|
19
|
+
import { SubmitButton } from './SubmitButton.js';
|
|
20
|
+
import { TextAreaField, TextField } from './TextField.js';
|
|
21
|
+
export { FieldArray } from 'formik';
|
|
22
|
+
export function FormikFormRoot(_a) {
|
|
18
23
|
var { className, children, onSubmit } = _a, props = __rest(_a, ["className", "children", "onSubmit"]);
|
|
19
24
|
const wrappedOnSubmit = useCallback(async (values, bag) => {
|
|
20
25
|
try {
|
|
@@ -30,4 +35,11 @@ export function FormikForm(_a) {
|
|
|
30
35
|
}
|
|
31
36
|
return (_jsx(Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: _jsx(Form, { className: className, children: children }) })));
|
|
32
37
|
}
|
|
38
|
+
export const FormikForm = Object.assign(FormikFormRoot, {
|
|
39
|
+
TextField,
|
|
40
|
+
TextAreaField,
|
|
41
|
+
NumberStepperField,
|
|
42
|
+
SubmitButton,
|
|
43
|
+
CheckboxField,
|
|
44
|
+
});
|
|
33
45
|
//# sourceMappingURL=FormikForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAA6C,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAA6C,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAO1D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,UAAU,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,WAAW,CAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI,CAAC;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACpC,CAAC;gBAAS,CAAC;YACV,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,YAAY;IACZ,aAAa;CACb,CAAC,CAAC"}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react';
|
|
2
2
|
import { FormikForm } from './FormikForm.js';
|
|
3
|
+
import { CheckboxField } from './CheckboxField.js';
|
|
4
|
+
import { SubmitButton } from './SubmitButton.js';
|
|
5
|
+
import { NumberStepperField } from './NumberStepperField.js';
|
|
3
6
|
declare const meta: {
|
|
4
7
|
title: string;
|
|
5
|
-
component: typeof FormikForm
|
|
8
|
+
component: typeof import("./FormikForm.js").FormikFormRoot & {
|
|
9
|
+
TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps & {
|
|
10
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
11
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
TextAreaField: typeof import("./TextField.js").TextAreaField;
|
|
13
|
+
NumberStepperField: typeof NumberStepperField;
|
|
14
|
+
SubmitButton: typeof SubmitButton;
|
|
15
|
+
CheckboxField: typeof CheckboxField;
|
|
16
|
+
};
|
|
6
17
|
argTypes: {};
|
|
7
18
|
parameters: {
|
|
8
19
|
controls: {
|
|
@@ -12,8 +12,9 @@ export type TextFieldProps = {
|
|
|
12
12
|
autoFocus?: InputHTMLAttributes<HTMLInputElement>['autoFocus'];
|
|
13
13
|
autoFocusDelay?: number;
|
|
14
14
|
inputRef?: Ref<HTMLInputElement>;
|
|
15
|
+
inputClassName?: string;
|
|
15
16
|
} & ComponentProps<typeof Input>;
|
|
16
|
-
export declare const TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, ...rest }: TextFieldProps & {
|
|
17
|
+
export declare const TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: TextFieldProps & {
|
|
17
18
|
ref?: React.Ref<HTMLDivElement>;
|
|
18
19
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
export type TextAreaFieldProps = {
|
|
@@ -25,7 +26,8 @@ export type TextAreaFieldProps = {
|
|
|
25
26
|
className?: string;
|
|
26
27
|
inputRef?: Ref<HTMLTextAreaElement>;
|
|
27
28
|
submitOnEnter?: boolean;
|
|
29
|
+
textAreaClassName?: string;
|
|
28
30
|
} & TextAreaProps;
|
|
29
|
-
export declare function TextAreaField({ name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId, ...rest }: TextAreaFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare function TextAreaField({ name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId, textAreaClassName, ...rest }: TextAreaFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
30
32
|
export declare const FieldRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
31
33
|
export declare const FieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
|
|
@@ -21,7 +21,7 @@ import { Input } from '../input/Input.js';
|
|
|
21
21
|
import { TextArea } from '../textArea/TextArea.js';
|
|
22
22
|
const emptyRef = (() => { });
|
|
23
23
|
export const TextField = function TextField(_a) {
|
|
24
|
-
var { ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId } = _a, rest = __rest(_a, ["ref", "name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id"]);
|
|
24
|
+
var { ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName } = _a, rest = __rest(_a, ["ref", "name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id", "inputClassName"]);
|
|
25
25
|
const [props] = useField({
|
|
26
26
|
name,
|
|
27
27
|
onChange,
|
|
@@ -38,10 +38,10 @@ export const TextField = function TextField(_a) {
|
|
|
38
38
|
}, autoFocusDelay);
|
|
39
39
|
}
|
|
40
40
|
}, [autoFocusDelay]);
|
|
41
|
-
return (_jsxs(FieldRoot, { className: className, ref: ref, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(Input, Object.assign({}, props, rest, { id: id, autoFocus: autoFocus, ref: useMergedRef(innerInputRef, inputRef || emptyRef) }))] }));
|
|
41
|
+
return (_jsxs(FieldRoot, { className: className, ref: ref, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(Input, Object.assign({}, props, rest, { id: id, autoFocus: autoFocus, className: inputClassName, ref: useMergedRef(innerInputRef, inputRef || emptyRef) }))] }));
|
|
42
42
|
};
|
|
43
43
|
export function TextAreaField(_a) {
|
|
44
|
-
var { name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter", "id"]);
|
|
44
|
+
var { name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId, textAreaClassName } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter", "id", "textAreaClassName"]);
|
|
45
45
|
const [props] = useField(name);
|
|
46
46
|
const { submitForm } = useFormikContext();
|
|
47
47
|
const onKeyDownInner = useCallback((e) => {
|
|
@@ -52,7 +52,7 @@ export function TextAreaField(_a) {
|
|
|
52
52
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
53
53
|
}, [submitOnEnter, onKeyDown, submitForm]);
|
|
54
54
|
const id = useIdOrGenerated(providedId);
|
|
55
|
-
return (_jsxs(FieldRoot, { className: className, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest, { id: id, onKeyDown: onKeyDownInner }))] }));
|
|
55
|
+
return (_jsxs(FieldRoot, { className: className, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest, { className: textAreaClassName, id: id, onKeyDown: onKeyDownInner }))] }));
|
|
56
56
|
}
|
|
57
57
|
export const FieldRoot = withClassName('div', 'flex flex-col items-stretch gap-1 self-stretch');
|
|
58
58
|
export const FieldLabel = withClassName('label', 'inline-flex flex-col gap-1 text-sm font-bold text-dark-blend mb-1');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAKN,WAAW,EACX,SAAS,EACT,MAAM,GACN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAiB,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -129,9 +129,9 @@ export const Content = function Content({
|
|
|
129
129
|
{...props}
|
|
130
130
|
className={classNames(
|
|
131
131
|
{
|
|
132
|
-
'md:max-w-800px': width === 'lg',
|
|
133
|
-
'max-w-600px': width === 'md',
|
|
134
|
-
'max-w-300px': width === 'sm',
|
|
132
|
+
'layer-variants:md:max-w-800px': width === 'lg',
|
|
133
|
+
'layer-variants:max-w-600px': width === 'md',
|
|
134
|
+
'layer-variants:max-w-300px': width === 'sm',
|
|
135
135
|
},
|
|
136
136
|
!disableSheet && sheetClassNames,
|
|
137
137
|
!disableSheet &&
|
|
@@ -187,11 +187,11 @@ export const DialogSwipeHandle = function DialogSwipeHandle({
|
|
|
187
187
|
ref={finalRef}
|
|
188
188
|
{...props}
|
|
189
189
|
className={classNames(
|
|
190
|
-
'absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-lg cursor-grab sm:hidden touch-none',
|
|
190
|
+
'layer-components:(absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-lg cursor-grab sm:hidden touch-none)',
|
|
191
191
|
className,
|
|
192
192
|
)}
|
|
193
193
|
>
|
|
194
|
-
<div className="w-full h-[4px] bg-gray rounded-lg" />
|
|
194
|
+
<div className="layer-components:(w-full h-[4px] bg-gray rounded-lg)" />
|
|
195
195
|
</div>
|
|
196
196
|
);
|
|
197
197
|
};
|
|
@@ -208,12 +208,12 @@ const DialogCloseContext = createContext<() => void>(() => {});
|
|
|
208
208
|
|
|
209
209
|
const StyledTitle = withClassName(
|
|
210
210
|
DialogPrimitive.Title,
|
|
211
|
-
'font-title color-black text-3xl mb-4 mt-0',
|
|
211
|
+
'layer-components:(font-title color-black text-3xl mb-4 mt-0)',
|
|
212
212
|
);
|
|
213
213
|
|
|
214
214
|
const StyledDescription = withClassName(
|
|
215
215
|
DialogPrimitive.Description,
|
|
216
|
-
'mt-3 mb-6 color-gray-dark text-md leading-6',
|
|
216
|
+
'layer-components:(mt-3 mb-6 color-gray-dark text-md leading-6)',
|
|
217
217
|
);
|
|
218
218
|
|
|
219
219
|
// Exports
|
|
@@ -266,9 +266,9 @@ export type { DialogProps } from '@radix-ui/react-dialog';
|
|
|
266
266
|
|
|
267
267
|
export const DialogActions = withClassName(
|
|
268
268
|
'div',
|
|
269
|
-
'flex justify-end sticky w-full gap-3 items-center bg-
|
|
270
|
-
'bottom--6',
|
|
271
|
-
'sm:(bottom-0)',
|
|
269
|
+
'layer-components:(flex justify-end sticky w-full gap-3 items-center bg-inherit py-4 translate-y-6 flex-wrap)',
|
|
270
|
+
'layer-components:bottom--6',
|
|
271
|
+
'layer-components:sm:(bottom-0)',
|
|
272
272
|
);
|
|
273
273
|
|
|
274
274
|
export const DialogSelectTrigger = function DialogSelectTrigger({
|
|
@@ -292,13 +292,13 @@ export const DialogSelectTrigger = function DialogSelectTrigger({
|
|
|
292
292
|
|
|
293
293
|
export const DialogSelectList = withClassName(
|
|
294
294
|
RadioGroupPrimitive.Root,
|
|
295
|
-
'flex flex-col gap-2 overflow-y-auto p-2',
|
|
295
|
+
'layer-components:(flex flex-col gap-2 overflow-y-auto p-2)',
|
|
296
296
|
);
|
|
297
297
|
|
|
298
298
|
export const DialogSelectItemRoot = withClassName(
|
|
299
299
|
RadioGroupPrimitive.Item,
|
|
300
|
-
'flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all',
|
|
301
|
-
'[&[data-state=checked]]:(bg-primary-wash text-primary-dark)',
|
|
300
|
+
'layer-components:(flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all)',
|
|
301
|
+
'layer-components:[&[data-state=checked]]:(bg-primary-wash text-primary-dark)',
|
|
302
302
|
);
|
|
303
303
|
|
|
304
304
|
export const DialogSelectItem = function DialogSelectItem({
|
|
@@ -1,41 +1,55 @@
|
|
|
1
1
|
import { Formik, FormikConfig, FormikHelpers, FormikValues } from 'formik';
|
|
2
|
-
import { Form } from './Form.js';
|
|
3
2
|
import { useCallback } from 'react';
|
|
3
|
+
import { CheckboxField } from './CheckboxField.js';
|
|
4
|
+
import { Form } from './Form.js';
|
|
5
|
+
import { NumberStepperField } from './NumberStepperField.js';
|
|
6
|
+
import { SubmitButton } from './SubmitButton.js';
|
|
7
|
+
import { TextAreaField, TextField } from './TextField.js';
|
|
4
8
|
|
|
5
9
|
export interface FormikFormProps<T extends FormikValues = FormikValues>
|
|
6
|
-
|
|
7
|
-
|
|
10
|
+
extends FormikConfig<T> {
|
|
11
|
+
className?: string;
|
|
8
12
|
}
|
|
9
13
|
|
|
10
|
-
export
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
export { FieldArray } from 'formik';
|
|
15
|
+
|
|
16
|
+
export function FormikFormRoot<Values extends FormikValues>({
|
|
17
|
+
className,
|
|
18
|
+
children,
|
|
19
|
+
onSubmit,
|
|
20
|
+
...props
|
|
15
21
|
}: FormikFormProps<Values>) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
const wrappedOnSubmit = useCallback(
|
|
23
|
+
async (values: Values, bag: FormikHelpers<Values>) => {
|
|
24
|
+
try {
|
|
25
|
+
bag.setSubmitting(true);
|
|
26
|
+
return await onSubmit(values, bag);
|
|
27
|
+
} finally {
|
|
28
|
+
bag.setSubmitting(false);
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
[onSubmit],
|
|
32
|
+
);
|
|
27
33
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
if (typeof children === 'function') {
|
|
35
|
+
return (
|
|
36
|
+
<Formik<Values> onSubmit={wrappedOnSubmit} {...props}>
|
|
37
|
+
{(formik) => <Form className={className}>{children(formik)}</Form>}
|
|
38
|
+
</Formik>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
35
41
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
42
|
+
return (
|
|
43
|
+
<Formik<Values> onSubmit={wrappedOnSubmit} {...props}>
|
|
44
|
+
<Form className={className}>{children}</Form>
|
|
45
|
+
</Formik>
|
|
46
|
+
);
|
|
41
47
|
}
|
|
48
|
+
|
|
49
|
+
export const FormikForm = Object.assign(FormikFormRoot, {
|
|
50
|
+
TextField,
|
|
51
|
+
TextAreaField,
|
|
52
|
+
NumberStepperField,
|
|
53
|
+
SubmitButton,
|
|
54
|
+
CheckboxField,
|
|
55
|
+
});
|
|
@@ -27,6 +27,7 @@ export type TextFieldProps = {
|
|
|
27
27
|
autoFocus?: InputHTMLAttributes<HTMLInputElement>['autoFocus'];
|
|
28
28
|
autoFocusDelay?: number;
|
|
29
29
|
inputRef?: Ref<HTMLInputElement>;
|
|
30
|
+
inputClassName?: string;
|
|
30
31
|
} & ComponentProps<typeof Input>;
|
|
31
32
|
|
|
32
33
|
const emptyRef = (() => {}) as any;
|
|
@@ -43,6 +44,7 @@ export const TextField = function TextField({
|
|
|
43
44
|
onFocus,
|
|
44
45
|
onBlur,
|
|
45
46
|
id: providedId,
|
|
47
|
+
inputClassName,
|
|
46
48
|
...rest
|
|
47
49
|
}: TextFieldProps & {
|
|
48
50
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -72,6 +74,7 @@ export const TextField = function TextField({
|
|
|
72
74
|
{...rest}
|
|
73
75
|
id={id}
|
|
74
76
|
autoFocus={autoFocus}
|
|
77
|
+
className={inputClassName}
|
|
75
78
|
ref={useMergedRef(innerInputRef, inputRef || emptyRef)}
|
|
76
79
|
/>
|
|
77
80
|
</FieldRoot>
|
|
@@ -87,6 +90,7 @@ export type TextAreaFieldProps = {
|
|
|
87
90
|
className?: string;
|
|
88
91
|
inputRef?: Ref<HTMLTextAreaElement>;
|
|
89
92
|
submitOnEnter?: boolean;
|
|
93
|
+
textAreaClassName?: string;
|
|
90
94
|
} & TextAreaProps;
|
|
91
95
|
|
|
92
96
|
export function TextAreaField({
|
|
@@ -97,6 +101,7 @@ export function TextAreaField({
|
|
|
97
101
|
onKeyDown,
|
|
98
102
|
submitOnEnter,
|
|
99
103
|
id: providedId,
|
|
104
|
+
textAreaClassName,
|
|
100
105
|
...rest
|
|
101
106
|
}: TextAreaFieldProps) {
|
|
102
107
|
const [props] = useField(name);
|
|
@@ -120,6 +125,7 @@ export function TextAreaField({
|
|
|
120
125
|
ref={inputRef}
|
|
121
126
|
{...props}
|
|
122
127
|
{...rest}
|
|
128
|
+
className={textAreaClassName}
|
|
123
129
|
id={id}
|
|
124
130
|
onKeyDown={onKeyDownInner}
|
|
125
131
|
/>
|