period-ui 0.3.1 → 0.3.2
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/components/molecules/form/form-select/form-select.d.ts.map +1 -1
- package/dist/components/molecules/form/form-select/form-select.js +5 -1
- package/dist/components/molecules/form/form-select/form-select.js.map +1 -1
- package/dist/components/molecules/form/form-story-stubs.d.ts +11 -1
- package/dist/components/molecules/form/form-story-stubs.d.ts.map +1 -1
- package/dist/components/molecules/form/form-story-stubs.js +77 -0
- package/dist/components/molecules/form/form-story-stubs.js.map +1 -1
- package/dist/components/molecules/form/form-text-field/form-text-field.d.ts.map +1 -1
- package/dist/components/molecules/form/form-text-field/form-text-field.js +1 -1
- package/dist/components/molecules/form/form-text-field/form-text-field.js.map +1 -1
- package/dist/components/molecules/text-field/text-field.d.ts +2 -0
- package/dist/components/molecules/text-field/text-field.d.ts.map +1 -1
- package/dist/components/molecules/text-field/text-field.js +2 -2
- package/dist/components/molecules/text-field/text-field.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAC5C,WAAW,GAAG;IACZ,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,eAAe,2CAkEjB"}
|
|
@@ -35,6 +35,10 @@ function FormSelect({ formControlClassName, syncTypingToField = false, ...props
|
|
|
35
35
|
await formProps?.setFieldTouched(formName ?? '', true, true);
|
|
36
36
|
onBlur?.();
|
|
37
37
|
}
|
|
38
|
-
|
|
38
|
+
const rawFormError = props.formProps?.errors[props.formName];
|
|
39
|
+
const formError = rawFormError?.value || rawFormError?.label;
|
|
40
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText ||
|
|
41
|
+
formError ||
|
|
42
|
+
props.formProps?.errors[props.formName], inputWidth: props.isMultiSelect ? containers_1.FormInputWidth.FOUR_COLUMN : props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.Select, { ...props, isErrorVisible: isErrorVisible, onOptionChange: handleChange, onChangeText: handleValueChange, onBlur: handleOnBlur })) }));
|
|
39
43
|
}
|
|
40
44
|
//# sourceMappingURL=form-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAUA,
|
|
1
|
+
{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-select/form-select.tsx"],"names":[],"mappings":";;AAUA,gCAsEC;;AA/ED,uDAA6D;AAC7D,uDAAuF;AAQvF,SAAgB,UAAU,CAAC,EACzB,oBAAoB,EACpB,iBAAiB,GAAG,KAAK,EACzB,GAAG,KAAK,EACQ;IAChB,KAAK,UAAU,iBAAiB,CAAC,SAAiB;QAChD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;QAEpD,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC;QAE1B,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IACpF,CAAC;IAED,KAAK,UAAU,YAAY,CAAC,cAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAE9E,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,eAAe,GAAmB,OAAO;iBAC5C,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBACzD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAEnE,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC;YACpC,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC;YAEtE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5F,CAAC;QAED,cAAc,EAAE,CAAC,cAAc,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAiB,CAAC;IAC9E,MAAM,SAAS,GAAG,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,KAAK,CAAC;IAE7D,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS;YACf,SAAS;YACR,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAElE,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,2BAAc,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAC/E,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,mBAAM,OACD,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,YAAY,EAC5B,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EAAE,YAAY,GACpB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -1,11 +1,21 @@
|
|
|
1
|
-
import { FormikValues } from 'formik';
|
|
1
|
+
import { FormikErrors, FormikTouched, FormikValues } from 'formik';
|
|
2
|
+
import { ObjectSchema } from 'yup';
|
|
2
3
|
import { FormHelpers, FormRenderProps } from './form-types';
|
|
3
4
|
export type TestFormValues = {
|
|
4
5
|
test: string;
|
|
5
6
|
};
|
|
7
|
+
type StoryFormConfig<FormValuesType extends FormikValues> = {
|
|
8
|
+
initialValues: FormValuesType;
|
|
9
|
+
validationSchema?: ObjectSchema<any>;
|
|
10
|
+
initialTouched?: FormikTouched<FormValuesType>;
|
|
11
|
+
initialErrors?: FormikErrors<FormValuesType>;
|
|
12
|
+
onSubmit?: (values: FormValuesType) => void;
|
|
13
|
+
};
|
|
14
|
+
export declare function useReactiveFormikProps<FormValuesType extends FormikValues>(config: StoryFormConfig<FormValuesType>): FormRenderProps<FormValuesType>;
|
|
6
15
|
export type FormConfig<FormValuesType> = {
|
|
7
16
|
initialValues: FormValuesType;
|
|
8
17
|
onSubmit: (values: FormValuesType, helpers?: FormHelpers<FormValuesType>) => void;
|
|
9
18
|
};
|
|
10
19
|
export declare function createMockFormikProps<T extends FormikValues>(config: FormConfig<T>): FormRenderProps<T>;
|
|
20
|
+
export {};
|
|
11
21
|
//# sourceMappingURL=form-story-stubs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-story-stubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-story-stubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,YAAY,EAEZ,aAAa,EACb,YAAY,EACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAmB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,CAAC,cAAc,SAAS,YAAY,IAAI;IAC1D,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C,CAAC;AAyDF,wBAAgB,sBAAsB,CAAC,cAAc,SAAS,YAAY,EACxE,MAAM,EAAE,eAAe,CAAC,cAAc,CAAC,GACtC,eAAe,CAAC,cAAc,CAAC,CA8DjC;AAED,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;IACvC,aAAa,EAAE,cAAc,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,EAC1D,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GACpB,eAAe,CAAC,CAAC,CAAC,CAuFpB"}
|
|
@@ -1,6 +1,83 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useReactiveFormikProps = useReactiveFormikProps;
|
|
3
4
|
exports.createMockFormikProps = createMockFormikProps;
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const yup_1 = require("yup");
|
|
7
|
+
function buildErrorsFromValidationError(validationError) {
|
|
8
|
+
const errors = {};
|
|
9
|
+
const errorsToProcess = validationError.inner.length > 0
|
|
10
|
+
? validationError.inner
|
|
11
|
+
: [validationError];
|
|
12
|
+
for (const singleError of errorsToProcess) {
|
|
13
|
+
if (!singleError.path)
|
|
14
|
+
continue;
|
|
15
|
+
const pathParts = singleError.path.split('.');
|
|
16
|
+
if (pathParts.length === 1) {
|
|
17
|
+
errors[pathParts[0]] = singleError.message;
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
const [fieldName, subfieldName] = pathParts;
|
|
21
|
+
if (!errors[fieldName] || typeof errors[fieldName] === 'string') {
|
|
22
|
+
errors[fieldName] = {};
|
|
23
|
+
}
|
|
24
|
+
errors[fieldName][subfieldName] = singleError.message;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
return errors;
|
|
28
|
+
}
|
|
29
|
+
function useReactiveFormikProps(config) {
|
|
30
|
+
const [values, setValuesState] = (0, react_1.useState)(config.initialValues);
|
|
31
|
+
const [errors, setErrors] = (0, react_1.useState)(config.initialErrors ?? {});
|
|
32
|
+
const [touched, setTouchedState] = (0, react_1.useState)(config.initialTouched ?? {});
|
|
33
|
+
const latestValuesRef = (0, react_1.useRef)(values);
|
|
34
|
+
latestValuesRef.current = values;
|
|
35
|
+
async function runValidation(currentValues) {
|
|
36
|
+
if (!config.validationSchema)
|
|
37
|
+
return;
|
|
38
|
+
try {
|
|
39
|
+
await config.validationSchema.validate(currentValues, { abortEarly: false });
|
|
40
|
+
setErrors({});
|
|
41
|
+
}
|
|
42
|
+
catch (error) {
|
|
43
|
+
if (error instanceof yup_1.ValidationError) {
|
|
44
|
+
setErrors(buildErrorsFromValidationError(error));
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
const base = createMockFormikProps({
|
|
49
|
+
initialValues: config.initialValues,
|
|
50
|
+
onSubmit: config.onSubmit ?? (() => { }),
|
|
51
|
+
});
|
|
52
|
+
return {
|
|
53
|
+
...base,
|
|
54
|
+
values,
|
|
55
|
+
errors,
|
|
56
|
+
touched,
|
|
57
|
+
isValid: Object.keys(errors).length === 0,
|
|
58
|
+
setFieldValue: async (field, value, shouldValidate) => {
|
|
59
|
+
const nextValues = { ...latestValuesRef.current, [field]: value };
|
|
60
|
+
setValuesState(nextValues);
|
|
61
|
+
latestValuesRef.current = nextValues;
|
|
62
|
+
if (shouldValidate !== false) {
|
|
63
|
+
await runValidation(nextValues);
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
setFieldTouched: async (field, isTouched = true, shouldValidate) => {
|
|
67
|
+
setTouchedState((previousTouched) => ({
|
|
68
|
+
...previousTouched,
|
|
69
|
+
[field]: isTouched,
|
|
70
|
+
}));
|
|
71
|
+
if (shouldValidate !== false) {
|
|
72
|
+
await runValidation(latestValuesRef.current);
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
handleSubmit: (event) => {
|
|
76
|
+
event?.preventDefault?.();
|
|
77
|
+
config.onSubmit?.(latestValuesRef.current);
|
|
78
|
+
},
|
|
79
|
+
};
|
|
80
|
+
}
|
|
4
81
|
function createMockFormikProps(config) {
|
|
5
82
|
const { initialValues, onSubmit } = config;
|
|
6
83
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-story-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"form-story-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAC/C,cAAc,GAAG;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"form-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAC/C,cAAc,GAAG;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAmCnF"}
|
|
@@ -15,6 +15,6 @@ function FormTextField({ formControlClassName, ...props }) {
|
|
|
15
15
|
await formProps?.setFieldTouched(formName ?? '', true, true);
|
|
16
16
|
onBlur?.();
|
|
17
17
|
}
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props?.formProps?.errors[props.formName], inputWidth: props.width ?? props.inputWidth, className: formControlClassName, children: () => ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...props, value: props.value ?? props.formProps?.values[props.formName], onBlur: handleOnBlur, onChange: handleChange })) }));
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...props, errorText: props.errorText || props?.formProps?.errors[props.formName], inputWidth: props.width ?? props.inputWidth, className: formControlClassName, children: ({ isErrorVisible }) => ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...props, isErrorVisible: isErrorVisible, value: props.value ?? props.formProps?.values[props.formName], onBlur: handleOnBlur, onChange: handleChange })) }));
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=form-text-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-text-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":";;AASA,
|
|
1
|
+
{"version":3,"file":"form-text-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-text-field/form-text-field.tsx"],"names":[],"mappings":";;AASA,sCAmCC;;AA3CD,uDAAmE;AACnE,uDAAuF;AAOvF,SAAgB,aAAa,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAsB;IAClF,KAAK,UAAU,YAAY,CAAC,KAAoC;QAC9D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAEhD,MAAM,SAAS,EAAE,aAAa,CAAC,QAAS,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACpE,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,KAAK,UAAU,YAAY;QACzB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAE9C,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7D,MAAM,EAAE,EAAE,CAAC;IACb,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,KAAK,EACT,SAAS,EACP,KAAK,CAAC,SAAS,IAAK,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAwB,EAEtF,UAAU,EAAG,KAAK,CAAC,KAAwB,IAAI,KAAK,CAAC,UAAU,EAC/D,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,uBAAC,sBAAS,OACJ,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,QAAS,CAAC,EAC9D,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -2,6 +2,7 @@ import { ComponentProps, FocusEvent, ReactNode } from 'react';
|
|
|
2
2
|
type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'className' | 'onBlur'> & {
|
|
3
3
|
isRequired?: boolean;
|
|
4
4
|
isDisabled?: boolean;
|
|
5
|
+
isErrorVisible?: boolean;
|
|
5
6
|
mask?: string;
|
|
6
7
|
leadingElement?: ReactNode;
|
|
7
8
|
trailingElement?: ReactNode;
|
|
@@ -12,6 +13,7 @@ type Props = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref' | 'cl
|
|
|
12
13
|
export declare const TextField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "disabled" | "required" | "className" | "onBlur"> & {
|
|
13
14
|
isRequired?: boolean;
|
|
14
15
|
isDisabled?: boolean;
|
|
16
|
+
isErrorVisible?: boolean;
|
|
15
17
|
mask?: string;
|
|
16
18
|
leadingElement?: ReactNode;
|
|
17
19
|
trailingElement?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxF,KAAK,KAAK,GAAG,IAAI,CACf,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CACzD,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,SAAS;
|
|
1
|
+
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxF,KAAK,KAAK,GAAG,IAAI,CACf,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,CACzD,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,SAAS;iBAbP,OAAO;iBACP,OAAO;qBACH,OAAO;WACjB,MAAM;qBACI,SAAS;sBACR,SAAS;gBACf,MAAM;qBACD,MAAM;aAGd,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI;oDA0CvD,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
7
|
const text_field_input_1 = require("./components/text-field-input");
|
|
8
|
-
exports.TextField = (0, react_1.forwardRef)(function TextField({ isRequired, isDisabled, mask, leadingElement, trailingElement, className, inputClassName, ...rest }, ref) {
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center w-full', 'border border-gray-04 rounded-lg bg-white', 'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', 'focus-within:ring-1 focus-within:ring-blue-01', className), children: [leadingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pl-4 text-gray-01", children: leadingElement }), (0, jsx_runtime_1.jsx)(text_field_input_1.TextFieldInput, { ref: ref, mask: mask, isRequired: isRequired, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)(leadingElement ? 'px-2' : 'px-4', inputClassName), ...rest }), trailingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pr-4 text-gray-01", children: trailingElement })] }));
|
|
8
|
+
exports.TextField = (0, react_1.forwardRef)(function TextField({ isRequired, isDisabled, isErrorVisible, mask, leadingElement, trailingElement, className, inputClassName, ...rest }, ref) {
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center w-full', 'border border-gray-04 rounded-lg bg-white', 'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', 'focus-within:ring-1 focus-within:ring-blue-01', isErrorVisible && 'border-red-01 focus-within:ring-red-01', className), children: [leadingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pl-4 text-gray-01", children: leadingElement }), (0, jsx_runtime_1.jsx)(text_field_input_1.TextFieldInput, { ref: ref, mask: mask, isRequired: isRequired, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)(leadingElement ? 'px-2' : 'px-4', inputClassName), ...rest }), trailingElement && (0, jsx_runtime_1.jsx)("div", { className: "flex-shrink-0 pr-4 text-gray-01", children: trailingElement })] }));
|
|
10
10
|
});
|
|
11
11
|
//# sourceMappingURL=text-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,kEAAyD;AACzD,oEAA+D;
|
|
1
|
+
{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/text-field/text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,kEAAyD;AACzD,oEAA+D;AAmBlD,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EACE,UAAU,EACV,UAAU,EACV,cAAc,EACd,IAAI,EACJ,cAAc,EACd,eAAe,EACf,SAAS,EACT,cAAc,EACd,GAAG,IAAI,EACD,EACR,GAAmC;IAEnC,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0BAA0B,EAC1B,2CAA2C,EAC3C,oFAAoF,EACpF,+CAA+C,EAC/C,cAAc,IAAI,wCAAwC,EAC1D,SAAS,CACV,aAEA,cAAc,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,cAAc,GAAO,EAE1F,uBAAC,iCAAc,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,KACjE,IAAI,GACR,EAED,eAAe,IAAI,gCAAK,SAAS,EAAC,iCAAiC,YAAE,eAAe,GAAO,IACxF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|