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.
Files changed (55) hide show
  1. package/README.md +217 -0
  2. package/lib/components/Form/Checkbox.d.ts +11 -0
  3. package/lib/components/Form/Checkbox.d.ts.map +1 -0
  4. package/lib/components/Form/Checkbox.js +25 -0
  5. package/lib/components/Form/Checkbox.js.map +1 -0
  6. package/lib/components/Form/Form.css +733 -0
  7. package/lib/components/Form/Form.d.ts +13 -0
  8. package/lib/components/Form/Form.d.ts.map +1 -0
  9. package/lib/components/Form/Form.js +26 -0
  10. package/lib/components/Form/Form.js.map +1 -0
  11. package/lib/components/Form/FormContext.d.ts +25 -0
  12. package/lib/components/Form/FormContext.d.ts.map +1 -0
  13. package/lib/components/Form/FormContext.js +66 -0
  14. package/lib/components/Form/FormContext.js.map +1 -0
  15. package/lib/components/Form/FormGroup.d.ts +12 -0
  16. package/lib/components/Form/FormGroup.d.ts.map +1 -0
  17. package/lib/components/Form/FormGroup.js +21 -0
  18. package/lib/components/Form/FormGroup.js.map +1 -0
  19. package/lib/components/Form/FormItem.d.ts +19 -0
  20. package/lib/components/Form/FormItem.d.ts.map +1 -0
  21. package/lib/components/Form/FormItem.js +81 -0
  22. package/lib/components/Form/FormItem.js.map +1 -0
  23. package/lib/components/Form/FormRow.d.ts +9 -0
  24. package/lib/components/Form/FormRow.d.ts.map +1 -0
  25. package/lib/components/Form/FormRow.js +17 -0
  26. package/lib/components/Form/FormRow.js.map +1 -0
  27. package/lib/components/Form/Input.d.ts +13 -0
  28. package/lib/components/Form/Input.d.ts.map +1 -0
  29. package/lib/components/Form/Input.js +28 -0
  30. package/lib/components/Form/Input.js.map +1 -0
  31. package/lib/components/Form/Radio.d.ts +11 -0
  32. package/lib/components/Form/Radio.d.ts.map +1 -0
  33. package/lib/components/Form/Radio.js +25 -0
  34. package/lib/components/Form/Radio.js.map +1 -0
  35. package/lib/components/Form/Select.d.ts +18 -0
  36. package/lib/components/Form/Select.d.ts.map +1 -0
  37. package/lib/components/Form/Select.js +25 -0
  38. package/lib/components/Form/Select.js.map +1 -0
  39. package/lib/components/Form/Switch.d.ts +11 -0
  40. package/lib/components/Form/Switch.d.ts.map +1 -0
  41. package/lib/components/Form/Switch.js +25 -0
  42. package/lib/components/Form/Switch.js.map +1 -0
  43. package/lib/components/Form/Textarea.d.ts +13 -0
  44. package/lib/components/Form/Textarea.d.ts.map +1 -0
  45. package/lib/components/Form/Textarea.js +29 -0
  46. package/lib/components/Form/Textarea.js.map +1 -0
  47. package/lib/components/Form/index.d.ts +23 -0
  48. package/lib/components/Form/index.d.ts.map +1 -0
  49. package/lib/components/Form/index.js +12 -0
  50. package/lib/components/Form/index.js.map +1 -0
  51. package/lib/index.d.ts +2 -0
  52. package/lib/index.d.ts.map +1 -1
  53. package/lib/index.js +1 -0
  54. package/lib/index.js.map +1 -1
  55. 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"}