@weareconceptstudio/form 0.0.5 → 0.0.6

package/dist/checkbox/Checkbox.d.ts

@@ -0,0 +1,6 @@
+export default Checkbox;
+declare function Checkbox(props: any): React.JSX.Element;
+declare namespace Checkbox {
+    let displayName: string;
+}
+import React from 'react';

package/dist/checkbox/Checkbox.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import BaseCheckbox from './BaseCheckbox';
+import classNames from 'classnames';
+import { useInput } from '../form/hooks/useInput';
+const Checkbox = (props) => {
+    const { type = 'checkbox', prefixCls = 'checkbox', children, value, ...restProps } = props;
+    const { field } = useInput({
+        type,
+        name: props.name,
+    });
+    const checkboxProps = {
+        ...field,
+        // checked: field.value.includes(value),
+        ...restProps,
+    };
+    const classString = classNames(`${prefixCls}-wrapper`, {
+        [`${prefixCls}-wrapper-checked`]: checkboxProps.checked,
+        [`${prefixCls}-wrapper-disabled`]: checkboxProps.disabled,
+    });
+    return (React.createElement("label", { className: classString },
+        React.createElement(BaseCheckbox, { ...checkboxProps }),
+        children !== undefined && React.createElement("span", { className: `${prefixCls}-content` }, children)));
+};
+if (process.env.NODE_ENV !== 'production') {
+    Checkbox.displayName = 'Checkbox';
+}
+export default Checkbox;

package/dist/checkbox/Group.d.ts

@@ -0,0 +1,3 @@
+export default CheckboxGroup;
+declare function CheckboxGroup(props: any): React.JSX.Element;
+import React from 'react';

package/dist/checkbox/Group.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import classNames from 'classnames';
+import Checkbox from './Checkbox';
+import { CheckboxGroupContextProvider } from './context';
+const CheckboxGroup = (props) => {
+    const { name, className, children, options, ...restProps } = props;
+    let childrenNode = options.length
+        ? options.map((option) => (React.createElement(Checkbox, { key: option.value.toString(), value: option.value, onChange: option.onChange, name: 'checkbox_group' }, option.label)))
+        : children;
+    const classString = classNames('checkbox-group', {
+        [className]: className,
+    });
+    return (React.createElement("div", { className: classString },
+        React.createElement(CheckboxGroupContextProvider, null, childrenNode)));
+};
+export default CheckboxGroup;

package/dist/checkbox/context.d.ts

@@ -0,0 +1,6 @@
+export const CheckboxGroupContextProvider: React.Provider<any>;
+export default CheckboxGroupContext;
+export const CheckboxOptionTypeContext: React.Context<any>;
+export const CheckboxOptionTypeContextProvider: React.Provider<any>;
+import React from 'react';
+declare const CheckboxGroupContext: React.Context<any>;

package/dist/checkbox/context.js

@@ -0,0 +1,6 @@
+import React, { createContext } from 'react';
+const CheckboxGroupContext = createContext(null);
+export const CheckboxGroupContextProvider = CheckboxGroupContext.Provider;
+export default CheckboxGroupContext;
+export const CheckboxOptionTypeContext = createContext(null);
+export const CheckboxOptionTypeContextProvider = CheckboxOptionTypeContext.Provider;

package/dist/checkbox/index.d.ts

@@ -1,3 +1,2 @@
 export default Checkbox;
-declare const Checkbox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+import Checkbox from './Checkbox';

package/dist/checkbox/index.js

@@ -1,21 +1,4 @@
-import React, { forwardRef } from 'react';
-import BaseCheckbox from './BaseCheckbox';
-import classNames from 'classnames';
-const Checkbox = forwardRef((props, forwardRef) => {
-    const { type = 'checkbox', prefixCls = 'checkbox', children, ...restProps } = props;
-    const checkboxProps = {
-        ref: forwardRef,
-        ...restProps,
-    };
-    const classString = classNames(`${prefixCls}-wrapper`, {
-        [`${prefixCls}-wrapper-checked`]: checkboxProps.checked,
-        [`${prefixCls}-wrapper-disabled`]: checkboxProps.disabled,
-    });
-    return (React.createElement("label", { className: classString },
-        React.createElement(BaseCheckbox, { ...checkboxProps }),
-        children !== undefined && React.createElement("span", { className: `${prefixCls}-content` }, children)));
-});
-if (process.env.NODE_ENV !== 'production') {
-    Checkbox.displayName = 'Checkbox';
-}
+import Checkbox from './Checkbox';
+import CheckboxGroup from './Group';
+Checkbox.Group = CheckboxGroup;
 export default Checkbox;

package/dist/form/BaseForm.d.ts

@@ -17,7 +17,7 @@ interface BaseFormProps<T extends FieldValues> {
     className?: string;
 }
 declare const BaseForm: {
-    <T extends FieldValues>({ initialValues: defaultValues, values, children, onSubmit: onFinish, mode, reValidateMode, errors, resetOptions, criteriaMode, shouldFocusError, delayError, shouldUseNativeValidation, shouldUnregister, className, }: BaseFormProps<T>): React.JSX.Element;
+    <T extends FieldValues>({ initialValues: defaultValues, values, children, onSubmit, mode, reValidateMode, errors, resetOptions, criteriaMode, shouldFocusError, delayError, shouldUseNativeValidation, shouldUnregister, className, }: BaseFormProps<T>): React.JSX.Element;
     displayName: string;
 };
 export default BaseForm;

package/dist/form/BaseForm.js

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 import { Text } from '@weareconceptstudio/core';
 import classNames from 'classnames';
-const BaseForm = ({ initialValues: defaultValues, values, children, onSubmit: onFinish, mode = 'onChange', reValidateMode = 'onChange', errors, resetOptions, criteriaMode, shouldFocusError, delayError = 0, shouldUseNativeValidation, shouldUnregister, className, }) => {
+const BaseForm = ({ initialValues: defaultValues, values, children, onSubmit, mode = 'onChange', reValidateMode = 'onChange', errors, resetOptions, criteriaMode = 'firstError', shouldFocusError, delayError = 0, shouldUseNativeValidation, shouldUnregister, className, }) => {
     const methods = useForm({
         mode,
         errors,
@@ -17,8 +17,8 @@ const BaseForm = ({ initialValues: defaultValues, values, children, onSubmit: on
         shouldUnregister,
         shouldUseNativeValidation,
     });
-    const onSubmit = useCallback((values) => {
-        return onFinish(values).catch(({ data, status, ...err }) => {
+    const handleSubmit = useCallback(async (values) => {
+        return await onSubmit(values)?.catch(({ data, status }) => {
             if (status === 422) {
                 for (const key in data.errors) {
                     if (data.errors.hasOwnProperty(key)) {
@@ -37,12 +37,12 @@ const BaseForm = ({ initialValues: defaultValues, values, children, onSubmit: on
                 });
             }
         });
-    }, [methods, onFinish]);
+    }, [methods, onSubmit]);
     return (React.createElement(FormProvider, { ...methods },
         methods.formState.errors.root?.serverError && (React.createElement("div", { className: "global-error-wrap" },
             React.createElement(Text, { className: 'backend-error', text: methods.formState.errors.root?.serverError.message }),
             React.createElement(Text, { className: 'frontend-error', text: 'globalError' }))),
-        React.createElement("form", { onSubmit: methods.handleSubmit(onSubmit), className: classNames({
+        React.createElement("form", { onSubmit: methods.handleSubmit(handleSubmit), className: classNames({
                 [className]: !!className,
             }) }, children)));
 };

package/dist/form/hooks/rules.d.ts

@@ -1,3 +1,11 @@
-export function validationPatterns(type: any, pattern: any): any;
+export function validationPatterns({ type, pattern, message, translate }: {
+    type: any;
+    pattern: any;
+    message: any;
+    translate: any;
+}): {
+    value: any;
+    message: any;
+};
 export function useRules(props: any): any[];
 export function mapValidationRules(errorKey: any, rules: any): any;

package/dist/form/hooks/rules.js

@@ -1,13 +1,13 @@
 import React, { useMemo } from 'react';
 import { useTranslation } from '@weareconceptstudio/core';
-export const validationPatterns = (type, pattern) => {
+export const validationPatterns = ({ type, pattern, message, translate }) => {
     switch (type) {
         case 'email':
-            return /^[^\s@]+@[^\s@]+\.[^\s@]+$/g;
+            return { value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/g, message: message || translate('validateMessages.email') };
         case 'number':
-            return /[0-9]/g;
+            return { value: /[0-9]/g, message };
         default:
-            return pattern;
+            return { value: pattern, message };
     }
 };
 export const useRules = (props) => {
@@ -16,9 +16,14 @@ export const useRules = (props) => {
         if (props.required) {
             r.unshift({ required: true, message: props.requiredMessage });
         }
+        // TODO: Whitespace
+        // validator: (value) => {
+        //     return !!value.trim();
+        // },
         return r;
     }, [props]);
 };
+// TODO: rule messages from translations
 export const mapValidationRules = (errorKey, rules) => {
     const { translate } = useTranslation();
     return rules?.reduce((acc, rule) => {
@@ -26,7 +31,7 @@ export const mapValidationRules = (errorKey, rules) => {
             acc.required = rule.message || translate('validateMessages.required', { errorKey: translate(errorKey) });
         }
         if (rule.pattern || rule.type) {
-            acc.pattern = { value: validationPatterns(rule.type, rule.pattern), message: rule.message || 'Invalid format' };
+            acc.pattern = validationPatterns({ ...rule, translate });
         }
         if (rule.minLength) {
             acc.minLength = { value: rule.minLength, message: rule.message || `Minimum length is ${rule.minLength}` };
@@ -36,7 +41,7 @@ export const mapValidationRules = (errorKey, rules) => {
         }
         if (rule.validator) {
             acc.validate = async (value) => {
-                return (await rule.validator(value)) || rule.message || 'Validation failed';
+                return (await rule.validator(value)) || rule.message;
             };
         }
         return acc;

package/dist/index.d.ts

@@ -1,12 +1,12 @@
-export * from "./FormConfig";
-export { default as Form } from "./form";
-export { default as FormBuilder } from "./form/Builder";
-export { default as ErrorMessage } from "./error-message";
-export { default as Input } from "./input";
-export { default as Checkbox } from "./checkbox";
-export { default as ColorPicker } from "./color-picker";
-export { default as DatePicker } from "./date-picker";
-export { default as Radio } from "./radio";
-export { default as Select } from "./select";
-export { default as Upload } from "./upload";
-export { default as PhoneNumber } from "./phone-number";
+export * from './FormConfig';
+export { default as Form } from './form';
+export { default as FormBuilder } from './form/Builder';
+export { default as ErrorMessage } from './error-message';
+export { default as Input } from './input';
+export { default as Checkbox } from './checkbox';
+export { default as ColorPicker } from './color-picker';
+export { default as DatePicker } from './date-picker';
+export { default as Radio } from './radio';
+export { default as Select } from './select';
+export { default as Upload } from './upload';
+export { default as PhoneNumber } from './phone-number';

package/dist/phone-number/index.d.ts

@@ -1,7 +1,8 @@
 export default PhoneNumber;
-declare function PhoneNumber({ name, className, autoComplete }: {
+declare function PhoneNumber({ name, className, autoComplete, options }: {
     name: any;
     className: any;
     autoComplete?: string;
+    options?: {};
 }): React.JSX.Element;
 import React from 'react';

package/dist/phone-number/index.js

@@ -2,12 +2,11 @@ import React from 'react';
 import classNames from 'classnames';
 import Input from 'react-phone-number-input/react-hook-form-input';
 import useFormInstance from '../form/hooks/useFormInstance';
-const PhoneNumber = ({ name, className, autoComplete = 'new-password' }) => {
+const PhoneNumber = ({ name, className, autoComplete = 'new-password', options = {} }) => {
     const { control } = useFormInstance();
-    //! ClassName
     const classString = classNames('phone-number-input', {
         [className]: className,
     });
-    return (React.createElement(Input, { name: name, country: 'AM', international: true, maxLength: 14, control: control, withCountryCallingCode: true, className: classString, autoComplete: autoComplete }));
+    return (React.createElement(Input, { name: name, country: 'AM', international: true, maxLength: 14, control: control, withCountryCallingCode: true, className: classString, autoComplete: autoComplete, ...options }));
 };
 export default PhoneNumber;

package/dist/radio/BaseRadio.d.ts

@@ -1,3 +1,10 @@
-export default Radio;
-declare const Radio: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default BaseRadio;
+declare function BaseRadio({ prefixCls, children, ...props }: {
+    [x: string]: any;
+    prefixCls?: string;
+    children: any;
+}): React.JSX.Element;
+declare namespace BaseRadio {
+    let displayName: string;
+}
 import React from 'react';

package/dist/radio/BaseRadio.js

@@ -1,19 +1,17 @@
-import React, { forwardRef, useContext } from 'react';
+import React, { useContext } from 'react';
 import RadioGroupContext from './context';
 import classNames from 'classnames';
 import BaseCheckbox from '../checkbox/BaseCheckbox';
-const Radio = forwardRef(({ prefixCls = 'radio', children, ...props }, forwardRef) => {
+const BaseRadio = ({ prefixCls = 'radio', children, ...props }) => {
     const groupContext = useContext(RadioGroupContext);
     const onChange = (e) => {
         props.onChange?.(e);
         groupContext?.onChange?.(e);
     };
     const radioProps = {
-        ref: forwardRef,
         ...props,
     };
     if (groupContext) {
-        radioProps.ref = groupContext.forwardRef;
         radioProps.checked = props.value === groupContext.value;
         radioProps.onChange = onChange;
     }
@@ -24,8 +22,8 @@ const Radio = forwardRef(({ prefixCls = 'radio', children, ...props }, forwardRe
     return (React.createElement("label", { className: wrapperClassString },
         React.createElement(BaseCheckbox, { type: 'radio', prefixCls: prefixCls, ...radioProps }),
         children !== undefined && React.createElement("span", { className: `${prefixCls}-content` }, children)));
-});
+};
 if (process.env.NODE_ENV !== 'production') {
-    Radio.displayName = 'Radio';
+    BaseRadio.displayName = 'BaseRadio';
 }
-export default Radio;
+export default BaseRadio;

package/dist/radio/Group.d.ts

@@ -1,3 +1,3 @@
 export default RadioGroup;
-declare const RadioGroup: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+declare function RadioGroup(props: any): React.JSX.Element;
 import React from 'react';

package/dist/radio/Group.js

@@ -1,40 +1,24 @@
-import React, { forwardRef } from 'react';
-import { useMergedState } from '@weareconceptstudio/core';
+import React from 'react';
+import classNames from 'classnames';
+import { useInput } from '../form/hooks/useInput';
 import { RadioGroupContextProvider } from './context';
-import Radio from './BaseRadio';
-const RadioGroup = forwardRef((props, forwardRef) => {
-    const [value, setValue] = useMergedState(props.defaultValue, {
-        value: props.value,
-    });
-    const onRadioChange = (ev) => {
-        const lastValue = value;
-        const val = ev.target.value;
-        if (!('value' in props)) {
-            setValue(val);
-        }
-        const { onChange } = props;
-        if (onChange && val !== lastValue) {
-            onChange(ev);
-        }
-    };
-    const { children, options } = props;
+import BaseRadio from './BaseRadio';
+const RadioGroup = (props) => {
+    const { field } = useInput(props);
+    const { className, children, options } = props;
     let childrenToRender = children;
     if (options && options.length > 0) {
         childrenToRender = options.map((option) => {
             if (typeof option === 'string' || typeof option === 'number') {
-                return (React.createElement(Radio, { key: option.toString(), value: option }, option));
+                return (React.createElement(BaseRadio, { key: option.toString(), value: option }, option));
             }
-            return (React.createElement(Radio, { key: `radio-group-value-options-${option.value}`, value: option.value }, option.label));
+            return (React.createElement(BaseRadio, { key: `radio-group-value-options-${option.value}`, value: option.value }, option.label));
         });
     }
-    return (React.createElement("div", { className: 'radio-group' },
-        React.createElement(RadioGroupContextProvider, { value: {
-                onChange: onRadioChange,
-                forwardRef: forwardRef,
-                value,
-            } }, childrenToRender)));
-});
-if (process.env.NODE_ENV !== 'production') {
-    RadioGroup.displayName = 'RadioGroup';
-}
+    const classString = classNames('radio-group', {
+        [className]: className,
+    });
+    return (React.createElement("div", { className: classString },
+        React.createElement(RadioGroupContextProvider, { value: field }, childrenToRender)));
+};
 export default RadioGroup;

package/dist/radio/index.d.ts

@@ -1,2 +1,7 @@
 export default Radio;
-declare const Radio: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+declare function Radio({ prefixCls, children, ...props }: {
+    [x: string]: any;
+    prefixCls?: string;
+    children: any;
+}): import("react").JSX.Element;
+declare namespace Radio { }

package/dist/select/index.js

@@ -14,7 +14,7 @@ const Select = (props) => {
         const [val, setVal] = useState(value);
         selectProps = {
             onChange: (e) => {
-                onChange && onChange(e.value);
+                onChange?.(e.value);
                 setVal(e.value);
             },
             value: val,

package/dist/translations/en.d.ts

@@ -4,6 +4,7 @@ declare const _default: {
     validateMessages: {
         default: string;
         required: string;
+        email: string;
         enum: string;
         whitespace: string;
         date: {
@@ -11,21 +12,6 @@ declare const _default: {
             parse: string;
             invalid: string;
         };
-        types: {
-            string: string;
-            method: string;
-            array: string;
-            object: string;
-            number: string;
-            date: string;
-            boolean: string;
-            integer: string;
-            float: string;
-            regexp: string;
-            email: string;
-            url: string;
-            hex: string;
-        };
         string: {
             len: string;
             min: string;

package/dist/translations/en.js

@@ -1,10 +1,10 @@
-const typeTemplate = '{errorKey} is not a valid {type}';
 export default {
     serverError: 'Ups! there is something wrong with the website administration.',
     globalError: 'Please double-check the required fields and confirm again.',
     validateMessages: {
         default: 'Validation error on field {errorKey}',
         required: 'Please enter your {errorKey}',
+        email: 'Please enter a valid email address',
         enum: '{errorKey} must be one of [{enum}]',
         whitespace: '{errorKey} cannot be empty',
         date: {
@@ -12,21 +12,6 @@ export default {
             parse: '{errorKey} could not be parsed as date',
             invalid: '{errorKey} is invalid date',
         },
-        types: {
-            string: typeTemplate,
-            method: typeTemplate,
-            array: typeTemplate,
-            object: typeTemplate,
-            number: typeTemplate,
-            date: typeTemplate,
-            boolean: typeTemplate,
-            integer: typeTemplate,
-            float: typeTemplate,
-            regexp: typeTemplate,
-            email: typeTemplate,
-            url: typeTemplate,
-            hex: typeTemplate,
-        },
         string: {
             len: '{errorKey} must be exactly {len} characters',
             min: '{errorKey} must be at least {min} characters',

package/dist/translations/hy.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    serverError: string;
+    globalError: string;
+    validateMessages: {
+        default: string;
+        required: string;
+        email: string;
+        enum: string;
+        whitespace: string;
+        date: {
+            format: string;
+            parse: string;
+            invalid: string;
+        };
+        string: {
+            len: string;
+            min: string;
+            max: string;
+            range: string;
+        };
+        number: {
+            len: string;
+            min: string;
+            max: string;
+            range: string;
+        };
+        array: {
+            len: string;
+            min: string;
+            max: string;
+            range: string;
+        };
+        pattern: {
+            mismatch: string;
+        };
+    };
+};
+export default _default;

package/dist/translations/hy.js

@@ -0,0 +1,37 @@
+export default {
+    serverError: 'Ողջույն! Կայքի ադմինիստրացիայում խնդիր կա:',
+    globalError: 'Խնդրում ենք կրկին ստուգել պահանջվող դաշտերը և հաստատել:',
+    validateMessages: {
+        default: 'Դաշտի {errorKey}-ի համար վավերացման սխալ',
+        required: 'Խնդրում ենք մուտքագրել ձեր {errorKey}-ը',
+        email: 'Խնդրում ենք մուտքագրել վավեր էլ. հասցե:',
+        enum: '{errorKey}-ը պետք է լինի [{enum}] արժեքներից մեկը',
+        whitespace: '{errorKey}-ը չի կարող դատարկ լինել',
+        date: {
+            format: '{errorKey}-ի ֆորմատը անվավեր է',
+            parse: '{errorKey}-ը չի կարող անցնել որպես ամսաթիվ',
+            invalid: '{errorKey}-ը անվավեր ամսաթիվ է',
+        },
+        string: {
+            len: '{errorKey}-ը պետք է լինի ճիշտ {len} նիշ',
+            min: '{errorKey}-ը պետք է լինի առնվազն {min} նիշ',
+            max: '{errorKey}-ը չի կարող լինել {max} նիշից երկար',
+            range: '{errorKey}-ը պետք է լինի {min} և {max} նիշերի միջև',
+        },
+        number: {
+            len: '{errorKey}-ը պետք է հավասար լինի {len}-ին',
+            min: '{errorKey}-ը չի կարող լինել {min}-ից պակաս',
+            max: '{errorKey}-ը չի կարող լինել {max}-ից ավելին',
+            range: '{errorKey}-ը պետք է լինի {min} և {max} միջև',
+        },
+        array: {
+            len: '{errorKey}-ը պետք է լինի ճիշտ {len} երկարություն',
+            min: '{errorKey}-ը չի կարող լինել {min}-ից պակաս երկարությամբ',
+            max: '{errorKey}-ը չի կարող լինել {max}-ից ավել երկարությամբ',
+            range: '{errorKey}-ը պետք է լինի {min} և {max} երկարության միջև',
+        },
+        pattern: {
+            mismatch: '{errorKey}-ը չի համապատասխանում {pattern} օրինաչափությանը',
+        },
+    },
+};

package/dist/translations/index.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
         validateMessages: {
             default: string;
             required: string;
+            email: string;
             enum: string;
             whitespace: string;
             date: {
@@ -12,20 +13,79 @@ declare const _default: {
                 parse: string;
                 invalid: string;
             };
-            types: {
-                string: string;
-                method: string;
-                array: string;
-                object: string;
-                number: string;
-                date: string;
-                boolean: string;
-                integer: string;
-                float: string;
-                regexp: string;
-                email: string;
-                url: string;
-                hex: string;
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    hy: {
+        serverError: string;
+        globalError: string;
+        validateMessages: {
+            default: string;
+            required: string;
+            email: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ru: {
+        serverError: string;
+        globalError: string;
+        validateMessages: {
+            default: string;
+            required: string;
+            email: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
             };
             string: {
                 len: string;

package/dist/translations/index.js

@@ -1,2 +1,4 @@
 import en from './en';
-export default { en };
+import hy from './hy';
+import ru from './ru';
+export default { en, hy, ru };

package/dist/translations/ru.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    serverError: string;
+    globalError: string;
+    validateMessages: {
+        default: string;
+        required: string;
+        email: string;
+        enum: string;
+        whitespace: string;
+        date: {
+            format: string;
+            parse: string;
+            invalid: string;
+        };
+        string: {
+            len: string;
+            min: string;
+            max: string;
+            range: string;
+        };
+        number: {
+            len: string;
+            min: string;
+            max: string;
+            range: string;
+        };
+        array: {
+            len: string;
+            min: string;
+            max: string;
+            range: string;
+        };
+        pattern: {
+            mismatch: string;
+        };
+    };
+};
+export default _default;

package/dist/translations/ru.js

@@ -0,0 +1,37 @@
+export default {
+    serverError: 'Упс! Возникла проблема с администрированием сайта.',
+    globalError: 'Пожалуйста, проверьте обязательные поля и подтвердите еще раз.',
+    validateMessages: {
+        default: 'Ошибка валидации для поля {errorKey}',
+        required: 'Пожалуйста, введите ваш {errorKey}',
+        email: 'Пожалуйста, введите действительный адрес электронной почты.',
+        enum: '{errorKey} должен быть одним из [{enum}]',
+        whitespace: '{errorKey} не может быть пустым',
+        date: {
+            format: '{errorKey} имеет недопустимый формат даты',
+            parse: '{errorKey} не удалось преобразовать в дату',
+            invalid: '{errorKey} является недопустимой датой',
+        },
+        string: {
+            len: '{errorKey} должен содержать ровно {len} символов',
+            min: '{errorKey} должен содержать как минимум {min} символов',
+            max: '{errorKey} не может содержать больше {max} символов',
+            range: '{errorKey} должен содержать от {min} до {max} символов',
+        },
+        number: {
+            len: '{errorKey} должен быть равен {len}',
+            min: '{errorKey} не может быть меньше {min}',
+            max: '{errorKey} не может быть больше {max}',
+            range: '{errorKey} должен быть между {min} и {max}',
+        },
+        array: {
+            len: '{errorKey} должен содержать ровно {len} элементов',
+            min: '{errorKey} не может содержать менее {min} элементов',
+            max: '{errorKey} не может содержать более {max} элементов',
+            range: '{errorKey} должен содержать от {min} до {max} элементов',
+        },
+        pattern: {
+            mismatch: '{errorKey} не соответствует шаблону {pattern}',
+        },
+    },
+};

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+export interface FormField {
+    fieldType: 'input' | 'password' | 'textarea' | 'number' | 'checkbox' | 'radio' | 'phone' | 'select' | 'upload' | 'date' | 'color';
+    labelProps: any;
+    fieldProps: any;
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@weareconceptstudio/form",
-	"version": "0.0.5",
+	"version": "0.0.6",
 	"description": "Concept Studio Form",
 	"author": "Concept Studio",
 	"license": "ISC",