pure-react-ui 1.5.1 → 1.5.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/README.md +217 -0
- package/lib/components/Form/Checkbox.d.ts +11 -0
- package/lib/components/Form/Checkbox.d.ts.map +1 -0
- package/lib/components/Form/Checkbox.js +25 -0
- package/lib/components/Form/Checkbox.js.map +1 -0
- package/lib/components/Form/Form.css +733 -0
- package/lib/components/Form/Form.d.ts +13 -0
- package/lib/components/Form/Form.d.ts.map +1 -0
- package/lib/components/Form/Form.js +26 -0
- package/lib/components/Form/Form.js.map +1 -0
- package/lib/components/Form/FormContext.d.ts +25 -0
- package/lib/components/Form/FormContext.d.ts.map +1 -0
- package/lib/components/Form/FormContext.js +66 -0
- package/lib/components/Form/FormContext.js.map +1 -0
- package/lib/components/Form/FormGroup.d.ts +12 -0
- package/lib/components/Form/FormGroup.d.ts.map +1 -0
- package/lib/components/Form/FormGroup.js +21 -0
- package/lib/components/Form/FormGroup.js.map +1 -0
- package/lib/components/Form/FormItem.d.ts +19 -0
- package/lib/components/Form/FormItem.d.ts.map +1 -0
- package/lib/components/Form/FormItem.js +81 -0
- package/lib/components/Form/FormItem.js.map +1 -0
- package/lib/components/Form/FormRow.d.ts +9 -0
- package/lib/components/Form/FormRow.d.ts.map +1 -0
- package/lib/components/Form/FormRow.js +17 -0
- package/lib/components/Form/FormRow.js.map +1 -0
- package/lib/components/Form/Input.d.ts +13 -0
- package/lib/components/Form/Input.d.ts.map +1 -0
- package/lib/components/Form/Input.js +28 -0
- package/lib/components/Form/Input.js.map +1 -0
- package/lib/components/Form/Radio.d.ts +11 -0
- package/lib/components/Form/Radio.d.ts.map +1 -0
- package/lib/components/Form/Radio.js +25 -0
- package/lib/components/Form/Radio.js.map +1 -0
- package/lib/components/Form/Select.d.ts +18 -0
- package/lib/components/Form/Select.d.ts.map +1 -0
- package/lib/components/Form/Select.js +25 -0
- package/lib/components/Form/Select.js.map +1 -0
- package/lib/components/Form/Switch.d.ts +11 -0
- package/lib/components/Form/Switch.d.ts.map +1 -0
- package/lib/components/Form/Switch.js +25 -0
- package/lib/components/Form/Switch.js.map +1 -0
- package/lib/components/Form/Textarea.d.ts +13 -0
- package/lib/components/Form/Textarea.d.ts.map +1 -0
- package/lib/components/Form/Textarea.js +29 -0
- package/lib/components/Form/Textarea.js.map +1 -0
- package/lib/components/Form/index.d.ts +23 -0
- package/lib/components/Form/index.d.ts.map +1 -0
- package/lib/components/Form/index.js +12 -0
- package/lib/components/Form/index.js.map +1 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAgB,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC5F,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,gFAyCf,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { FormProvider } from './FormContext';
|
|
3
|
+
import './Form.css';
|
|
4
|
+
export const Form = forwardRef(({ layout = 'vertical', size = 'medium', form, onFinish, onFinishFailed, className = '', children, ...props }, ref) => {
|
|
5
|
+
const baseClass = 'pure-form';
|
|
6
|
+
const layoutClass = `pure-form--${layout}`;
|
|
7
|
+
const sizeClass = `pure-form--${size}`;
|
|
8
|
+
const combinedClassName = [
|
|
9
|
+
baseClass,
|
|
10
|
+
layoutClass,
|
|
11
|
+
sizeClass,
|
|
12
|
+
className
|
|
13
|
+
].filter(Boolean).join(' ');
|
|
14
|
+
const handleSubmit = (e) => {
|
|
15
|
+
e.preventDefault();
|
|
16
|
+
if (form) {
|
|
17
|
+
const values = form.getFieldsValue();
|
|
18
|
+
console.log('Form Values:', values);
|
|
19
|
+
onFinish?.(values);
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
return (React.createElement(FormProvider, { ref: ref, form: form, onSubmit: onFinish, onFinishFailed: onFinishFailed },
|
|
23
|
+
React.createElement("form", { className: combinedClassName, onSubmit: handleSubmit, ...props }, children)));
|
|
24
|
+
});
|
|
25
|
+
Form.displayName = 'Form';
|
|
26
|
+
//# sourceMappingURL=Form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAU,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC3D,OAAO,YAAY,CAAC;AAWpB,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,EACvD,MAAM,GAAG,UAAU,EACnB,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,WAAW,CAAC;IAC9B,MAAM,WAAW,GAAG,cAAc,MAAM,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,cAAc,IAAI,EAAE,CAAC;IAEvC,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,WAAW;QACX,SAAS;QACT,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,YAAY,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YACrC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;YACpC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc;QACpF,8BACE,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,KAClB,KAAK,IAER,QAAQ,CACJ,CACM,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface FormInstance {
|
|
3
|
+
getFieldsValue: () => Record<string, any>;
|
|
4
|
+
getFieldValue: (name: string) => any;
|
|
5
|
+
setFieldsValue: (values: Record<string, any>) => void;
|
|
6
|
+
setFieldValue: (name: string, value: any) => void;
|
|
7
|
+
resetFields: () => void;
|
|
8
|
+
validateFields: () => Promise<Record<string, any>>;
|
|
9
|
+
submit: () => void;
|
|
10
|
+
}
|
|
11
|
+
interface FormContextValue {
|
|
12
|
+
form: FormInstance;
|
|
13
|
+
registerField: (name: string, getValue: () => any, setValue: (value: any) => void) => void;
|
|
14
|
+
unregisterField: (name: string) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const useFormContext: () => FormContextValue;
|
|
17
|
+
export interface FormProviderProps {
|
|
18
|
+
form?: FormInstance;
|
|
19
|
+
onSubmit?: (values: Record<string, any>) => void;
|
|
20
|
+
onFinishFailed?: (errors: Record<string, string>) => void;
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare const FormProvider: React.ForwardRefExoticComponent<FormProviderProps & React.RefAttributes<FormInstance>>;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=FormContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAID,eAAO,MAAM,cAAc,wBAM1B,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,wFAqEvB,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React, { createContext, useContext, useRef, useImperativeHandle, forwardRef } from 'react';
|
|
2
|
+
const FormContext = createContext(null);
|
|
3
|
+
export const useFormContext = () => {
|
|
4
|
+
const context = useContext(FormContext);
|
|
5
|
+
if (!context) {
|
|
6
|
+
throw new Error('FormItem must be used within Form');
|
|
7
|
+
}
|
|
8
|
+
return context;
|
|
9
|
+
};
|
|
10
|
+
export const FormProvider = forwardRef(({ form: externalForm, onSubmit, onFinishFailed, children }, ref) => {
|
|
11
|
+
const fieldsRef = useRef(new Map());
|
|
12
|
+
const formRef = useRef(null);
|
|
13
|
+
const formInstance = externalForm || {
|
|
14
|
+
getFieldsValue: () => {
|
|
15
|
+
const values = {};
|
|
16
|
+
fieldsRef.current.forEach((field, name) => {
|
|
17
|
+
values[name] = field.getValue();
|
|
18
|
+
});
|
|
19
|
+
return values;
|
|
20
|
+
},
|
|
21
|
+
getFieldValue: (name) => {
|
|
22
|
+
const field = fieldsRef.current.get(name);
|
|
23
|
+
return field ? field.getValue() : undefined;
|
|
24
|
+
},
|
|
25
|
+
setFieldsValue: (values) => {
|
|
26
|
+
Object.entries(values).forEach(([name, value]) => {
|
|
27
|
+
const field = fieldsRef.current.get(name);
|
|
28
|
+
if (field) {
|
|
29
|
+
field.setValue(value);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
},
|
|
33
|
+
setFieldValue: (name, value) => {
|
|
34
|
+
const field = fieldsRef.current.get(name);
|
|
35
|
+
if (field) {
|
|
36
|
+
field.setValue(value);
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
resetFields: () => {
|
|
40
|
+
fieldsRef.current.forEach((field) => {
|
|
41
|
+
field.setValue(undefined);
|
|
42
|
+
});
|
|
43
|
+
},
|
|
44
|
+
validateFields: async () => {
|
|
45
|
+
const errors = {};
|
|
46
|
+
// Validation logic can be added here
|
|
47
|
+
return errors;
|
|
48
|
+
},
|
|
49
|
+
submit: () => {
|
|
50
|
+
const values = formInstance.getFieldsValue();
|
|
51
|
+
console.log('Form Values:', values);
|
|
52
|
+
onSubmit?.(values);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
formRef.current = formInstance;
|
|
56
|
+
useImperativeHandle(ref, () => formInstance, []);
|
|
57
|
+
const registerField = (name, getValue, setValue) => {
|
|
58
|
+
fieldsRef.current.set(name, { getValue, setValue });
|
|
59
|
+
};
|
|
60
|
+
const unregisterField = (name) => {
|
|
61
|
+
fieldsRef.current.delete(name);
|
|
62
|
+
};
|
|
63
|
+
return (React.createElement(FormContext.Provider, { value: { form: formInstance, registerField, unregisterField } }, children));
|
|
64
|
+
});
|
|
65
|
+
FormProvider.displayName = 'FormProvider';
|
|
66
|
+
//# sourceMappingURL=FormContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../../src/components/Form/FormContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface FormGroupProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helpText?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const FormGroup: React.FC<FormGroupProps>;
|
|
12
|
+
//# sourceMappingURL=FormGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsC9C,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export const FormGroup = ({ label, error, helpText, required = false, className = '', children }) => {
|
|
4
|
+
const baseClass = 'pure-form-group';
|
|
5
|
+
const errorClass = error ? 'pure-form-group--error' : '';
|
|
6
|
+
const requiredClass = required ? 'pure-form-group--required' : '';
|
|
7
|
+
const combinedClassName = [
|
|
8
|
+
baseClass,
|
|
9
|
+
errorClass,
|
|
10
|
+
requiredClass,
|
|
11
|
+
className
|
|
12
|
+
].filter(Boolean).join(' ');
|
|
13
|
+
return (React.createElement("div", { className: combinedClassName },
|
|
14
|
+
label && (React.createElement("label", { className: "pure-form-group-label" },
|
|
15
|
+
label,
|
|
16
|
+
required && React.createElement("span", { className: "pure-form-group-required" }, "*"))),
|
|
17
|
+
React.createElement("div", { className: "pure-form-group-content" }, children),
|
|
18
|
+
error && (React.createElement("span", { className: "pure-form-group-error" }, error)),
|
|
19
|
+
helpText && !error && (React.createElement("span", { className: "pure-form-group-help" }, helpText))));
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=FormGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAWpB,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,iBAAiB,CAAC;IACpC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,CAAC;IAElE,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,UAAU;QACV,aAAa;QACb,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAE,iBAAiB;QAC9B,KAAK,IAAI,CACR,+BAAO,SAAS,EAAC,uBAAuB;YACrC,KAAK;YACL,QAAQ,IAAI,8BAAM,SAAS,EAAC,0BAA0B,QAAS,CAC1D,CACT;QACD,6BAAK,SAAS,EAAC,yBAAyB,IACrC,QAAQ,CACL;QACL,KAAK,IAAI,CACR,8BAAM,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAQ,CACvD;QACA,QAAQ,IAAI,CAAC,KAAK,IAAI,CACrB,8BAAM,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAQ,CACzD,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface FormItemProps {
|
|
4
|
+
name?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
rules?: Array<{
|
|
7
|
+
required?: boolean;
|
|
8
|
+
message?: string;
|
|
9
|
+
validator?: (value: any) => boolean | string;
|
|
10
|
+
min?: number;
|
|
11
|
+
max?: number;
|
|
12
|
+
pattern?: RegExp;
|
|
13
|
+
}>;
|
|
14
|
+
initialValue?: any;
|
|
15
|
+
className?: string;
|
|
16
|
+
children: React.ReactElement;
|
|
17
|
+
}
|
|
18
|
+
export declare const FormItem: React.FC<FormItemProps>;
|
|
19
|
+
//# sourceMappingURL=FormItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,GAAG,MAAM,CAAC;QAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmG5C,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import { useFormContext } from './FormContext';
|
|
3
|
+
import './Form.css';
|
|
4
|
+
export const FormItem = ({ name, label, rules = [], initialValue, className = '', children }) => {
|
|
5
|
+
const { registerField, unregisterField, form } = useFormContext();
|
|
6
|
+
const valueRef = useRef(initialValue);
|
|
7
|
+
const errorRef = useRef('');
|
|
8
|
+
const [error, setError] = React.useState('');
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (!name)
|
|
11
|
+
return;
|
|
12
|
+
const getValue = () => valueRef.current;
|
|
13
|
+
const setValue = (value) => {
|
|
14
|
+
valueRef.current = value;
|
|
15
|
+
// Clear error when value changes
|
|
16
|
+
if (errorRef.current) {
|
|
17
|
+
errorRef.current = '';
|
|
18
|
+
setError('');
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
registerField(name, getValue, setValue);
|
|
22
|
+
return () => {
|
|
23
|
+
unregisterField(name);
|
|
24
|
+
};
|
|
25
|
+
}, [name, registerField, unregisterField]);
|
|
26
|
+
const validate = (value) => {
|
|
27
|
+
for (const rule of rules) {
|
|
28
|
+
if (rule.required && (value === undefined || value === null || value === '')) {
|
|
29
|
+
return rule.message || `${label || name} is required`;
|
|
30
|
+
}
|
|
31
|
+
if (rule.validator) {
|
|
32
|
+
const result = rule.validator(value);
|
|
33
|
+
if (result !== true) {
|
|
34
|
+
return typeof result === 'string' ? result : rule.message || 'Validation failed';
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
if (rule.min !== undefined && typeof value === 'string' && value.length < rule.min) {
|
|
38
|
+
return rule.message || `Minimum length is ${rule.min}`;
|
|
39
|
+
}
|
|
40
|
+
if (rule.max !== undefined && typeof value === 'string' && value.length > rule.max) {
|
|
41
|
+
return rule.message || `Maximum length is ${rule.max}`;
|
|
42
|
+
}
|
|
43
|
+
if (rule.pattern && typeof value === 'string' && !rule.pattern.test(value)) {
|
|
44
|
+
return rule.message || 'Invalid format';
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
return '';
|
|
48
|
+
};
|
|
49
|
+
const handleChange = (value) => {
|
|
50
|
+
valueRef.current = value;
|
|
51
|
+
const errorMsg = validate(value);
|
|
52
|
+
errorRef.current = errorMsg;
|
|
53
|
+
setError(errorMsg);
|
|
54
|
+
};
|
|
55
|
+
const getValueFromEvent = (e) => {
|
|
56
|
+
if (e?.target) {
|
|
57
|
+
if (e.target.type === 'checkbox') {
|
|
58
|
+
return e.target.checked;
|
|
59
|
+
}
|
|
60
|
+
if (e.target.type === 'radio') {
|
|
61
|
+
return e.target.value;
|
|
62
|
+
}
|
|
63
|
+
return e.target.value;
|
|
64
|
+
}
|
|
65
|
+
return e;
|
|
66
|
+
};
|
|
67
|
+
const child = React.cloneElement(children, {
|
|
68
|
+
value: valueRef.current !== undefined ? valueRef.current : children.props.value,
|
|
69
|
+
checked: typeof valueRef.current === 'boolean' ? valueRef.current : children.props.checked,
|
|
70
|
+
onChange: (e) => {
|
|
71
|
+
const newValue = getValueFromEvent(e);
|
|
72
|
+
handleChange(newValue);
|
|
73
|
+
children.props.onChange?.(e);
|
|
74
|
+
},
|
|
75
|
+
error: error || children.props.error,
|
|
76
|
+
label: label || children.props.label,
|
|
77
|
+
...children.props
|
|
78
|
+
});
|
|
79
|
+
return (React.createElement("div", { className: `pure-form-item ${className}` }, child));
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=FormItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormItem.js","sourceRoot":"","sources":["../../../src/components/Form/FormItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface FormRowProps {
|
|
4
|
+
gap?: 'small' | 'medium' | 'large' | number;
|
|
5
|
+
className?: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const FormRow: React.FC<FormRowProps>;
|
|
9
|
+
//# sourceMappingURL=FormRow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwB1C,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export const FormRow = ({ gap = 'medium', className = '', children }) => {
|
|
4
|
+
const baseClass = 'pure-form-row';
|
|
5
|
+
const gapClass = typeof gap === 'string' ? `pure-form-row--gap-${gap}` : '';
|
|
6
|
+
const combinedClassName = [
|
|
7
|
+
baseClass,
|
|
8
|
+
gapClass,
|
|
9
|
+
className
|
|
10
|
+
].filter(Boolean).join(' ');
|
|
11
|
+
const style = {};
|
|
12
|
+
if (typeof gap === 'number') {
|
|
13
|
+
style.gap = `${gap}px`;
|
|
14
|
+
}
|
|
15
|
+
return (React.createElement("div", { className: combinedClassName, style: style }, children));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=FormRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormRow.js","sourceRoot":"","sources":["../../../src/components/Form/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAQpB,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,GAAG,GAAG,QAAQ,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,eAAe,CAAC;IAClC,MAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,sBAAsB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5E,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,QAAQ;QACR,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,IAC5C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helpText?: string;
|
|
7
|
+
leftIcon?: React.ReactNode;
|
|
8
|
+
rightIcon?: React.ReactNode;
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
size?: 'small' | 'medium' | 'large';
|
|
11
|
+
}
|
|
12
|
+
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
13
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,KAAK,qFA6DhB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export const Input = forwardRef(({ label, error, helpText, leftIcon, rightIcon, fullWidth = false, size = 'medium', className = '', id, ...props }, ref) => {
|
|
4
|
+
const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;
|
|
5
|
+
const baseClass = 'pure-input';
|
|
6
|
+
const sizeClass = `pure-input--${size}`;
|
|
7
|
+
const errorClass = error ? 'pure-input--error' : '';
|
|
8
|
+
const fullWidthClass = fullWidth ? 'pure-input--full-width' : '';
|
|
9
|
+
const hasIconClass = (leftIcon || rightIcon) ? 'pure-input--has-icon' : '';
|
|
10
|
+
const combinedInputClassName = [
|
|
11
|
+
baseClass,
|
|
12
|
+
sizeClass,
|
|
13
|
+
errorClass,
|
|
14
|
+
fullWidthClass,
|
|
15
|
+
hasIconClass,
|
|
16
|
+
className
|
|
17
|
+
].filter(Boolean).join(' ');
|
|
18
|
+
return (React.createElement("div", { className: `pure-input-wrapper ${fullWidth ? 'pure-input-wrapper--full-width' : ''}` },
|
|
19
|
+
label && (React.createElement("label", { htmlFor: inputId, className: "pure-input-label" }, label)),
|
|
20
|
+
React.createElement("div", { className: "pure-input-container" },
|
|
21
|
+
leftIcon && (React.createElement("span", { className: "pure-input-icon pure-input-icon--left" }, leftIcon)),
|
|
22
|
+
React.createElement("input", { ref: ref, id: inputId, className: combinedInputClassName, ...props }),
|
|
23
|
+
rightIcon && (React.createElement("span", { className: "pure-input-icon pure-input-icon--right" }, rightIcon))),
|
|
24
|
+
error && (React.createElement("span", { className: "pure-input-error" }, error)),
|
|
25
|
+
helpText && !error && (React.createElement("span", { className: "pure-input-help" }, helpText))));
|
|
26
|
+
});
|
|
27
|
+
Input.displayName = 'Input';
|
|
28
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAYpB,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,EAC7D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,OAAO,GAAG,EAAE,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,SAAS,GAAG,YAAY,CAAC;IAC/B,MAAM,SAAS,GAAG,eAAe,IAAI,EAAE,CAAC;IACxC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3E,MAAM,sBAAsB,GAAG;QAC7B,SAAS;QACT,SAAS;QACT,UAAU;QACV,cAAc;QACd,YAAY;QACZ,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,EAAE;QACtF,KAAK,IAAI,CACR,+BAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,IAClD,KAAK,CACA,CACT;QACD,6BAAK,SAAS,EAAC,sBAAsB;YAClC,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAC,uCAAuC,IACpD,QAAQ,CACJ,CACR;YACD,+BACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,sBAAsB,KAC7B,KAAK,GACT;YACD,SAAS,IAAI,CACZ,8BAAM,SAAS,EAAC,wCAAwC,IACrD,SAAS,CACL,CACR,CACG;QACL,KAAK,IAAI,CACR,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ,CAClD;QACA,QAAQ,IAAI,CAAC,KAAK,IAAI,CACrB,8BAAM,SAAS,EAAC,iBAAiB,IAAE,QAAQ,CAAQ,CACpD,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helpText?: string;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
size?: 'small' | 'medium' | 'large';
|
|
9
|
+
}
|
|
10
|
+
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
11
|
+
//# sourceMappingURL=Radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,KAAK,qFA6ChB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export const Radio = forwardRef(({ label, error, helpText, fullWidth = false, size = 'medium', className = '', id, ...props }, ref) => {
|
|
4
|
+
const radioId = id || `radio-${Math.random().toString(36).substr(2, 9)}`;
|
|
5
|
+
const baseClass = 'pure-radio';
|
|
6
|
+
const sizeClass = `pure-radio--${size}`;
|
|
7
|
+
const errorClass = error ? 'pure-radio--error' : '';
|
|
8
|
+
const fullWidthClass = fullWidth ? 'pure-radio--full-width' : '';
|
|
9
|
+
const combinedClassName = [
|
|
10
|
+
baseClass,
|
|
11
|
+
sizeClass,
|
|
12
|
+
errorClass,
|
|
13
|
+
fullWidthClass,
|
|
14
|
+
className
|
|
15
|
+
].filter(Boolean).join(' ');
|
|
16
|
+
return (React.createElement("div", { className: `pure-radio-wrapper ${fullWidth ? 'pure-radio-wrapper--full-width' : ''}` },
|
|
17
|
+
React.createElement("label", { htmlFor: radioId, className: "pure-radio-label" },
|
|
18
|
+
React.createElement("input", { ref: ref, type: "radio", id: radioId, className: combinedClassName, ...props }),
|
|
19
|
+
React.createElement("span", { className: "pure-radio-custom" }),
|
|
20
|
+
label && React.createElement("span", { className: "pure-radio-text" }, label)),
|
|
21
|
+
error && (React.createElement("span", { className: "pure-radio-error" }, error)),
|
|
22
|
+
helpText && !error && (React.createElement("span", { className: "pure-radio-help" }, helpText))));
|
|
23
|
+
});
|
|
24
|
+
Radio.displayName = 'Radio';
|
|
25
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Form/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAUpB,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,CAAC,EAC7D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,OAAO,GAAG,EAAE,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,SAAS,GAAG,YAAY,CAAC;IAC/B,MAAM,SAAS,GAAG,eAAe,IAAI,EAAE,CAAC;IACxC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjE,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,SAAS;QACT,UAAU;QACV,cAAc;QACd,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,EAAE;QACvF,+BAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB;YACnD,+BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,iBAAiB,KACxB,KAAK,GACT;YACF,8BAAM,SAAS,EAAC,mBAAmB,GAAG;YACrC,KAAK,IAAI,8BAAM,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAQ,CACpD;QACP,KAAK,IAAI,CACR,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ,CAClD;QACA,QAAQ,IAAI,CAAC,KAAK,IAAI,CACrB,8BAAM,SAAS,EAAC,iBAAiB,IAAE,QAAQ,CAAQ,CACpD,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface SelectOption {
|
|
4
|
+
value: string | number;
|
|
5
|
+
label: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'children' | 'size'> {
|
|
9
|
+
label?: string;
|
|
10
|
+
error?: string;
|
|
11
|
+
helpText?: string;
|
|
12
|
+
options: SelectOption[];
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
fullWidth?: boolean;
|
|
15
|
+
size?: 'small' | 'medium' | 'large';
|
|
16
|
+
}
|
|
17
|
+
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
|
|
18
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,uFA8DjB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export const Select = forwardRef(({ label, error, helpText, options, placeholder, fullWidth = false, size = 'medium', className = '', id, ...props }, ref) => {
|
|
4
|
+
const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;
|
|
5
|
+
const baseClass = 'pure-select';
|
|
6
|
+
const sizeClass = `pure-select--${size}`;
|
|
7
|
+
const errorClass = error ? 'pure-select--error' : '';
|
|
8
|
+
const fullWidthClass = fullWidth ? 'pure-select--full-width' : '';
|
|
9
|
+
const combinedClassName = [
|
|
10
|
+
baseClass,
|
|
11
|
+
sizeClass,
|
|
12
|
+
errorClass,
|
|
13
|
+
fullWidthClass,
|
|
14
|
+
className
|
|
15
|
+
].filter(Boolean).join(' ');
|
|
16
|
+
return (React.createElement("div", { className: `pure-select-wrapper ${fullWidth ? 'pure-select-wrapper--full-width' : ''}` },
|
|
17
|
+
label && (React.createElement("label", { htmlFor: selectId, className: "pure-select-label" }, label)),
|
|
18
|
+
React.createElement("select", { ref: ref, id: selectId, className: combinedClassName, ...props },
|
|
19
|
+
placeholder && (React.createElement("option", { value: "", disabled: true }, placeholder)),
|
|
20
|
+
options.map((option) => (React.createElement("option", { key: option.value, value: option.value, disabled: option.disabled }, option.label)))),
|
|
21
|
+
error && (React.createElement("span", { className: "pure-select-error" }, error)),
|
|
22
|
+
helpText && !error && (React.createElement("span", { className: "pure-select-help" }, helpText))));
|
|
23
|
+
});
|
|
24
|
+
Select.displayName = 'Select';
|
|
25
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAkBpB,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,CAAC,EAChE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,QAAQ,GAAG,EAAE,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,SAAS,GAAG,gBAAgB,IAAI,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;IAElE,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,SAAS;QACT,UAAU;QACV,cAAc;QACd,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAE,uBAAuB,SAAS,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE;QACxF,KAAK,IAAI,CACR,+BAAO,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,mBAAmB,IACpD,KAAK,CACA,CACT;QACD,gCACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,iBAAiB,KACxB,KAAK;YAER,WAAW,IAAI,CACd,gCAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,UACtB,WAAW,CACL,CACV;YACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,gCACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAExB,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK;QACR,KAAK,IAAI,CACR,8BAAM,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAQ,CACnD;QACA,QAAQ,IAAI,CAAC,KAAK,IAAI,CACrB,8BAAM,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAQ,CACrD,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helpText?: string;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
size?: 'small' | 'medium' | 'large';
|
|
9
|
+
}
|
|
10
|
+
export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
11
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,sFA8CjB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export const Switch = forwardRef(({ label, error, helpText, fullWidth = false, size = 'medium', className = '', id, ...props }, ref) => {
|
|
4
|
+
const switchId = id || `switch-${Math.random().toString(36).substr(2, 9)}`;
|
|
5
|
+
const baseClass = 'pure-switch';
|
|
6
|
+
const sizeClass = `pure-switch--${size}`;
|
|
7
|
+
const errorClass = error ? 'pure-switch--error' : '';
|
|
8
|
+
const fullWidthClass = fullWidth ? 'pure-switch--full-width' : '';
|
|
9
|
+
const combinedClassName = [
|
|
10
|
+
baseClass,
|
|
11
|
+
sizeClass,
|
|
12
|
+
errorClass,
|
|
13
|
+
fullWidthClass,
|
|
14
|
+
className
|
|
15
|
+
].filter(Boolean).join(' ');
|
|
16
|
+
return (React.createElement("div", { className: `pure-switch-wrapper ${fullWidth ? 'pure-switch-wrapper--full-width' : ''}` },
|
|
17
|
+
React.createElement("label", { htmlFor: switchId, className: "pure-switch-label" },
|
|
18
|
+
label && React.createElement("span", { className: "pure-switch-text" }, label),
|
|
19
|
+
React.createElement("input", { ref: ref, type: "checkbox", id: switchId, className: combinedClassName, role: "switch", ...props }),
|
|
20
|
+
React.createElement("span", { className: "pure-switch-slider" })),
|
|
21
|
+
error && (React.createElement("span", { className: "pure-switch-error" }, error)),
|
|
22
|
+
helpText && !error && (React.createElement("span", { className: "pure-switch-help" }, helpText))));
|
|
23
|
+
});
|
|
24
|
+
Switch.displayName = 'Switch';
|
|
25
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Form/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAUpB,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAgC,CAAC,EAC/D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,QAAQ,GAAG,EAAE,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,SAAS,GAAG,gBAAgB,IAAI,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;IAElE,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,SAAS;QACT,UAAU;QACV,cAAc;QACd,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAE,uBAAuB,SAAS,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,EAAE;QACzF,+BAAO,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,mBAAmB;YACpD,KAAK,IAAI,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ;YAC3D,+BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAC,QAAQ,KACT,KAAK,GACT;YACF,8BAAM,SAAS,EAAC,oBAAoB,GAAG,CACjC;QACP,KAAK,IAAI,CACR,8BAAM,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAQ,CACnD;QACA,QAAQ,IAAI,CAAC,KAAK,IAAI,CACrB,8BAAM,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAQ,CACrD,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helpText?: string;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
size?: 'small' | 'medium' | 'large';
|
|
9
|
+
rows?: number;
|
|
10
|
+
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
|
11
|
+
}
|
|
12
|
+
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
13
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;CACtD;AAED,eAAO,MAAM,QAAQ,2FAyDnB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export const Textarea = forwardRef(({ label, error, helpText, fullWidth = false, size = 'medium', rows = 4, resize = 'vertical', className = '', id, style, ...props }, ref) => {
|
|
4
|
+
const textareaId = id || `textarea-${Math.random().toString(36).substr(2, 9)}`;
|
|
5
|
+
const baseClass = 'pure-textarea';
|
|
6
|
+
const sizeClass = `pure-textarea--${size}`;
|
|
7
|
+
const errorClass = error ? 'pure-textarea--error' : '';
|
|
8
|
+
const fullWidthClass = fullWidth ? 'pure-textarea--full-width' : '';
|
|
9
|
+
const resizeClass = `pure-textarea--resize-${resize}`;
|
|
10
|
+
const combinedClassName = [
|
|
11
|
+
baseClass,
|
|
12
|
+
sizeClass,
|
|
13
|
+
errorClass,
|
|
14
|
+
fullWidthClass,
|
|
15
|
+
resizeClass,
|
|
16
|
+
className
|
|
17
|
+
].filter(Boolean).join(' ');
|
|
18
|
+
const combinedStyle = {
|
|
19
|
+
resize,
|
|
20
|
+
...style
|
|
21
|
+
};
|
|
22
|
+
return (React.createElement("div", { className: `pure-textarea-wrapper ${fullWidth ? 'pure-textarea-wrapper--full-width' : ''}` },
|
|
23
|
+
label && (React.createElement("label", { htmlFor: textareaId, className: "pure-textarea-label" }, label)),
|
|
24
|
+
React.createElement("textarea", { ref: ref, id: textareaId, className: combinedClassName, rows: rows, style: combinedStyle, ...props }),
|
|
25
|
+
error && (React.createElement("span", { className: "pure-textarea-error" }, error)),
|
|
26
|
+
helpText && !error && (React.createElement("span", { className: "pure-textarea-help" }, helpText))));
|
|
27
|
+
});
|
|
28
|
+
Textarea.displayName = 'Textarea';
|
|
29
|
+
//# sourceMappingURL=Textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Form/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,CAAC;AAYpB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAqC,CAAC,EACtE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,CAAC,EACR,MAAM,GAAG,UAAU,EACnB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,EAAE,IAAI,YAAY,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/E,MAAM,SAAS,GAAG,eAAe,CAAC;IAClC,MAAM,SAAS,GAAG,kBAAkB,IAAI,EAAE,CAAC;IAC3C,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,MAAM,WAAW,GAAG,yBAAyB,MAAM,EAAE,CAAC;IAEtD,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,SAAS;QACT,UAAU;QACV,cAAc;QACd,WAAW;QACX,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAwB;QACzC,MAAM;QACN,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,yBAAyB,SAAS,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5F,KAAK,IAAI,CACR,+BAAO,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,qBAAqB,IACxD,KAAK,CACA,CACT;QACD,kCACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,KAChB,KAAK,GACT;QACD,KAAK,IAAI,CACR,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAQ,CACrD;QACA,QAAQ,IAAI,CAAC,KAAK,IAAI,CACrB,8BAAM,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAQ,CACvD,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|