react-artasys-ui 0.1.30 → 0.1.32
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/LICENSE +20 -20
- package/README.md +6 -6
- package/{lib/src → dist}/Button/Button.d.ts +2 -2
- package/dist/Button/index.d.ts +3 -0
- package/dist/Checkbox/Checkbox.d.ts +8 -0
- package/dist/Checkbox/index.d.ts +2 -0
- package/{lib/src → dist}/Components/Arrow/Arrow.d.ts +2 -2
- package/dist/Components/Arrow/index.d.ts +2 -0
- package/{lib/src → dist}/Dropdown/Dropdown.d.ts +6 -6
- package/{lib/src → dist}/Dropdown/Item.d.ts +2 -2
- package/{lib/src → dist}/Dropdown/Items.d.ts +2 -2
- package/{lib/src → dist}/Dropdown/index.d.ts +3 -3
- package/{lib/src → dist}/File/File.d.ts +3 -3
- package/dist/File/index.d.ts +3 -0
- package/{lib/src → dist}/FileInput/FileInput.d.ts +3 -3
- package/dist/FileInput/index.d.ts +3 -0
- package/{lib/src → dist}/Form/Element/Element.d.ts +3 -3
- package/dist/Form/Element/index.d.ts +3 -0
- package/{lib/src → dist}/Form/Form.d.ts +1 -1
- package/dist/Form/index.d.ts +5 -0
- package/{lib/src → dist}/Form/types.d.ts +1 -1
- package/{lib/src → dist}/Form/useForm.d.ts +3 -3
- package/dist/Input/Input.d.ts +12 -0
- package/dist/Input/index.d.ts +2 -0
- package/{lib/src → dist}/Loading/Loading.d.ts +1 -1
- package/dist/Loading/index.d.ts +3 -0
- package/{lib/src → dist}/Progress/Progress.d.ts +1 -1
- package/dist/Progress/index.d.ts +2 -0
- package/{lib/src → dist}/Provider/Provider.d.ts +3 -3
- package/dist/Provider/ProviderContext.d.ts +1 -0
- package/dist/Provider/index.d.ts +2 -0
- package/{lib/src → dist}/Select/Optgroup.d.ts +2 -2
- package/{lib/src → dist}/Select/Option.d.ts +2 -2
- package/{lib/src → dist}/Select/Select.d.ts +7 -7
- package/{lib/src → dist}/Select/index.d.ts +4 -4
- package/{lib/src → dist}/Spinner/Spinner.d.ts +3 -3
- package/dist/Spinner/index.d.ts +3 -0
- package/dist/TextArea/TextArea.d.ts +9 -0
- package/dist/TextArea/index.d.ts +2 -0
- package/{lib/src → dist}/UploadImages/Image.d.ts +2 -2
- package/{lib/src → dist}/UploadImages/UploadImages.d.ts +2 -2
- package/dist/UploadImages/index.d.ts +4 -0
- package/dist/helpers.d.ts +3 -0
- package/dist/index.cjs.js +10 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.es.js +1703 -0
- package/dist/styles.css +2 -80
- package/package.json +89 -78
- package/dist/index.js +0 -3
- package/dist/index.js.LICENSE.txt +0 -9
- package/dist/index.js.map +0 -1
- package/dist/styles.css.map +0 -1
- package/lib/src/Button/index.d.ts +0 -3
- package/lib/src/Checkbox/Checkbox.d.ts +0 -8
- package/lib/src/Checkbox/index.d.ts +0 -2
- package/lib/src/Components/Arrow/index.d.ts +0 -2
- package/lib/src/File/index.d.ts +0 -3
- package/lib/src/FileInput/index.d.ts +0 -3
- package/lib/src/Form/Element/index.d.ts +0 -3
- package/lib/src/Form/index.d.ts +0 -5
- package/lib/src/Input/Input.d.ts +0 -12
- package/lib/src/Input/index.d.ts +0 -2
- package/lib/src/Loading/index.d.ts +0 -3
- package/lib/src/Progress/index.d.ts +0 -2
- package/lib/src/Provider/ProviderContext.d.ts +0 -1
- package/lib/src/Provider/index.d.ts +0 -2
- package/lib/src/Spinner/index.d.ts +0 -3
- package/lib/src/TextArea/TextArea.d.ts +0 -9
- package/lib/src/TextArea/index.d.ts +0 -2
- package/lib/src/UploadImages/index.d.ts +0 -5
- package/lib/src/index.d.ts +0 -20
- package/lib/stories/Button.stories.d.ts +0 -6
- package/lib/stories/Checkbox.stories.d.ts +0 -6
- package/lib/stories/Dropdown/Dropdown.stories.d.ts +0 -6
- package/lib/stories/Dropdown/Item.stories.d.ts +0 -6
- package/lib/stories/Dropdown/Items.stories.d.ts +0 -6
- package/lib/stories/File.stories.d.ts +0 -6
- package/lib/stories/FileInput.stories.d.ts +0 -9
- package/lib/stories/Form/Element/Element.stories.d.ts +0 -6
- package/lib/stories/Form/Form.stories.d.ts +0 -6
- package/lib/stories/Input.stories.d.ts +0 -6
- package/lib/stories/Loading.stories.d.ts +0 -6
- package/lib/stories/Progress.stories.d.ts +0 -6
- package/lib/stories/Select/Select.stories.d.ts +0 -6
- package/lib/stories/Spinner.stories.d.ts +0 -6
- package/lib/stories/TextArea.stories.d.ts +0 -6
- /package/{lib/src → dist}/ui-types.d.ts +0 -0
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2023 Sergey Serov
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Sergey Serov
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
21
|
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
## React Arta System UI
|
|
2
|
-
|
|
3
|
-
### To use it, import global styles in App.tsx
|
|
4
|
-
|
|
5
|
-
```
|
|
6
|
-
import 'react-artasys-ui/dist/styles.css';
|
|
1
|
+
## React Arta System UI
|
|
2
|
+
|
|
3
|
+
### To use it, import global styles in App.tsx
|
|
4
|
+
|
|
5
|
+
```
|
|
6
|
+
import 'react-artasys-ui/dist/styles.css';
|
|
7
7
|
```
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
|
|
2
2
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
wait?: boolean;
|
|
4
4
|
classNameContainer?: string;
|
|
@@ -8,5 +8,5 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
8
8
|
icon?: 'left' | 'right' | 'only' | 'no';
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
}
|
|
11
|
-
declare const Button: ({ children, className, classNameContainer, styleContainer, wait, variant, size, icon, ...props }: ButtonProps) => import("react
|
|
11
|
+
declare const Button: ({ children, className, classNameContainer, styleContainer, wait, variant, size, icon, ...props }: ButtonProps) => import("react").JSX.Element;
|
|
12
12
|
export default Button;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ElementProps } from '../Form/Element';
|
|
2
|
+
import { UIComponent } from '../ui-types';
|
|
3
|
+
export interface ICheckbox extends UIComponent<ElementProps<HTMLInputElement>> {
|
|
4
|
+
type?: 'checkbox' | 'radio';
|
|
5
|
+
onChecked?: (status: boolean, value?: unknown) => void;
|
|
6
|
+
}
|
|
7
|
+
declare const Checkbox: import('react').ForwardRefExoticComponent<ICheckbox & import('react').RefAttributes<HTMLInputElement>>;
|
|
8
|
+
export default Checkbox;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { AllHTMLAttributes } from
|
|
1
|
+
import { AllHTMLAttributes } from 'react';
|
|
2
2
|
interface IArrow extends AllHTMLAttributes<HTMLDivElement> {
|
|
3
3
|
direction?: 'up' | 'down' | 'left' | 'right';
|
|
4
4
|
}
|
|
5
|
-
declare const Arrow: ({ className, direction, ...props }: IArrow) => import("react
|
|
5
|
+
declare const Arrow: ({ className, direction, ...props }: IArrow) => import("react").JSX.Element;
|
|
6
6
|
export default Arrow;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { AllHTMLAttributes, FunctionComponentElement } from
|
|
2
|
-
import
|
|
3
|
-
import { UIComponent } from
|
|
4
|
-
export declare const Context: import(
|
|
5
|
-
export interface
|
|
1
|
+
import { AllHTMLAttributes, FunctionComponentElement } from 'react';
|
|
2
|
+
import { IItem, TChildrenAction } from './Item';
|
|
3
|
+
import { UIComponent } from '../ui-types';
|
|
4
|
+
export declare const Context: import('react').Context<TChildrenAction>;
|
|
5
|
+
export interface DropdownProps extends UIComponent<AllHTMLAttributes<HTMLDivElement>> {
|
|
6
6
|
direction?: 'down' | 'up';
|
|
7
7
|
position?: 'left' | 'right';
|
|
8
8
|
split?: boolean;
|
|
@@ -14,5 +14,5 @@ export interface IDropdown extends UIComponent<AllHTMLAttributes<HTMLDivElement>
|
|
|
14
14
|
onShow?: () => void;
|
|
15
15
|
onHide?: () => void;
|
|
16
16
|
}
|
|
17
|
-
declare const Dropdown: ({ children, className, items, arrow, direction, position, split, disabled, hover, enableRerenderItems, onShow, onHide, ...props }:
|
|
17
|
+
declare const Dropdown: ({ children, className, items, arrow, direction, position, split, disabled, hover, enableRerenderItems, onShow, onHide, ...props }: DropdownProps) => import("react").JSX.Element;
|
|
18
18
|
export default Dropdown;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AllHTMLAttributes, ReactElement } from
|
|
1
|
+
import { AllHTMLAttributes, ReactElement } from 'react';
|
|
2
2
|
export type TChildrenAction = {
|
|
3
3
|
close: () => void;
|
|
4
4
|
};
|
|
@@ -7,5 +7,5 @@ export interface IItem extends Omit<AllHTMLAttributes<HTMLLIElement>, 'children'
|
|
|
7
7
|
autoClose?: boolean;
|
|
8
8
|
active?: boolean;
|
|
9
9
|
}
|
|
10
|
-
declare const Item: ({ children, onClick, autoClose, active, className, ...props }: IItem) => import("react
|
|
10
|
+
declare const Item: ({ children, onClick, autoClose, active, className, ...props }: IItem) => import("react").JSX.Element;
|
|
11
11
|
export default Item;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { IDropdown } from './Dropdown';
|
|
2
2
|
export interface IItems extends Pick<IDropdown, 'items' | 'disabled' | 'enableRerenderItems'> {
|
|
3
3
|
isOpen: boolean;
|
|
4
4
|
}
|
|
5
|
-
declare const Items: ({ items, isOpen, enableRerenderItems, disabled }: IItems) => import("react
|
|
5
|
+
declare const Items: ({ items, isOpen, enableRerenderItems, disabled }: IItems) => import("react").JSX.Element | null;
|
|
6
6
|
export default Items;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { RefAttributes, ForwardRefExoticComponent, FC } from
|
|
2
|
-
import { IDropdown } from
|
|
3
|
-
import Item,
|
|
1
|
+
import { RefAttributes, ForwardRefExoticComponent, FC } from 'react';
|
|
2
|
+
import { IDropdown } from './Dropdown';
|
|
3
|
+
import { default as Item, IItem } from './Item';
|
|
4
4
|
interface StaticComponent extends ForwardRefExoticComponent<IDropdown & RefAttributes<HTMLInputElement>> {
|
|
5
5
|
Item: FC<IItem>;
|
|
6
6
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AllHTMLAttributes } from
|
|
2
|
-
import { UIComponent } from
|
|
1
|
+
import { AllHTMLAttributes } from 'react';
|
|
2
|
+
import { UIComponent } from '../ui-types';
|
|
3
3
|
export type TFileMime = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/gif';
|
|
4
4
|
export type TFileData = {
|
|
5
5
|
name: string;
|
|
@@ -14,5 +14,5 @@ export interface TFile<T = any> extends UIComponent<Omit<AllHTMLAttributes<T>, '
|
|
|
14
14
|
multiple?: boolean;
|
|
15
15
|
accept?: TFileMime[];
|
|
16
16
|
}
|
|
17
|
-
declare const File: ({ onChange, children, multiple, accept, ...props }: TFile) => import("react
|
|
17
|
+
declare const File: ({ onChange, children, multiple, accept, ...props }: TFile) => import("react").JSX.Element;
|
|
18
18
|
export default File;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ElementProps } from '../Form/Element';
|
|
3
3
|
import { UIComponent } from '../ui-types';
|
|
4
|
-
export interface IFileInput extends UIComponent<
|
|
4
|
+
export interface IFileInput extends UIComponent<ElementProps<HTMLInputElement>> {
|
|
5
5
|
onChangeFiles?: (files: FileList | null) => void;
|
|
6
6
|
accept?: string;
|
|
7
7
|
multiple?: boolean;
|
|
@@ -10,5 +10,5 @@ export interface IFileInput extends UIComponent<IElement<HTMLInputElement>> {
|
|
|
10
10
|
className?: string;
|
|
11
11
|
icon?: boolean;
|
|
12
12
|
}
|
|
13
|
-
declare const FileInput: ({ onChange, onChangeFiles, accept, multiple, wait, children, className, icon, ...props }: IFileInput) => import("react
|
|
13
|
+
declare const FileInput: ({ onChange, onChangeFiles, accept, multiple, wait, children, className, icon, ...props }: IFileInput) => import("react").JSX.Element;
|
|
14
14
|
export default FileInput;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AllHTMLAttributes, ReactElement } from
|
|
2
|
-
export interface
|
|
1
|
+
import { AllHTMLAttributes, ReactElement } from 'react';
|
|
2
|
+
export interface ElementProps<T = any> extends Omit<AllHTMLAttributes<T>, 'children'> {
|
|
3
3
|
children?: ((props: AllHTMLAttributes<T>) => ReactElement) | AllHTMLAttributes<T>["children"];
|
|
4
4
|
error?: string;
|
|
5
5
|
formvalue?: string | number;
|
|
@@ -12,5 +12,5 @@ export interface IElement<T = any> extends Omit<AllHTMLAttributes<T>, 'children'
|
|
|
12
12
|
hiddenContainer?: boolean;
|
|
13
13
|
wait?: boolean;
|
|
14
14
|
}
|
|
15
|
-
declare const Element: ({ children, beforeElement, afterElement, error, placeholder, styleContainer, classNameContainer, hiddenContainer, formvalue, wait, ...props }:
|
|
15
|
+
declare const Element: ({ children, beforeElement, afterElement, error, placeholder, styleContainer, classNameContainer, hiddenContainer, formvalue, wait, ...props }: ElementProps) => import("react").JSX.Element;
|
|
16
16
|
export default Element;
|
|
@@ -6,5 +6,5 @@ export interface IForm extends UIComponent<FormHTMLAttributes<HTMLFormElement>>
|
|
|
6
6
|
progress?: number;
|
|
7
7
|
progressRadius?: boolean;
|
|
8
8
|
}
|
|
9
|
-
declare const Form: ({ children, wait, progress, progressRadius, className, onSubmit, ...props }: IForm) => import("react
|
|
9
|
+
declare const Form: ({ children, wait, progress, progressRadius, className, onSubmit, ...props }: IForm) => import("react").JSX.Element;
|
|
10
10
|
export default Form;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FieldValues, UseFormRegisterReturn, FieldPath } from 'react-hook-form';
|
|
2
2
|
export type TUseFormRegisterReturn<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseFormRegisterReturn<TFieldName> & {
|
|
3
3
|
error?: string;
|
|
4
4
|
formvalue: TFieldValues;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FunctionComponent } from
|
|
2
|
-
import
|
|
3
|
-
import { UseFormReturn, FieldValues } from
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import { TError } from './types';
|
|
3
|
+
import { UseFormReturn, FieldValues } from 'react-hook-form';
|
|
4
4
|
type TuseErrors<TFieldValues extends FieldValues = FieldValues> = UseFormReturn<TFieldValues> & {
|
|
5
5
|
GlobalError: FunctionComponent;
|
|
6
6
|
setErrors: (e: TError<TFieldValues>) => void;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { HTMLInputTypeAttribute } from 'react';
|
|
2
|
+
import { ElementProps } from '../Form/Element';
|
|
3
|
+
import { UIComponent } from '../ui-types';
|
|
4
|
+
export interface InputProps extends UIComponent<ElementProps<HTMLInputElement>> {
|
|
5
|
+
onChangeText?: (text: string) => void;
|
|
6
|
+
type?: HTMLInputTypeAttribute;
|
|
7
|
+
wait?: boolean;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
12
|
+
export default Input;
|
|
@@ -2,5 +2,5 @@ import { AllHTMLAttributes } from 'react';
|
|
|
2
2
|
export interface LoadingProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'color'> {
|
|
3
3
|
color?: 'primary' | 'light' | 'secondary' | 'secondary-light' | 'tertiary';
|
|
4
4
|
}
|
|
5
|
-
declare const Loading: ({ color, ...props }: LoadingProps) => import("react
|
|
5
|
+
declare const Loading: ({ color, ...props }: LoadingProps) => import("react").JSX.Element;
|
|
6
6
|
export default Loading;
|
|
@@ -3,5 +3,5 @@ export interface IProgress {
|
|
|
3
3
|
size?: 'small' | 'middle' | 'large';
|
|
4
4
|
radius?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const Progress: ({ value, size, radius }: IProgress) => import("react
|
|
6
|
+
declare const Progress: ({ value, size, radius }: IProgress) => import("react").JSX.Element;
|
|
7
7
|
export default Progress;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { UIComponent } from '../ui-types';
|
|
3
3
|
interface ProviderProps extends UIComponent {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
}
|
|
6
|
-
declare const Provider: ({ children }: ProviderProps) => import("react
|
|
6
|
+
declare const Provider: ({ children }: ProviderProps) => import("react").JSX.Element;
|
|
7
7
|
export default Provider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ProviderContext: import('react').Context<{}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { TOptionElement } from './Select';
|
|
2
2
|
export interface IOptgroup {
|
|
3
3
|
children?: TOptionElement;
|
|
4
4
|
label?: string | React.ReactElement;
|
|
5
5
|
}
|
|
6
|
-
declare const Optgroup: ({ children, label }: IOptgroup) => import("react
|
|
6
|
+
declare const Optgroup: ({ children, label }: IOptgroup) => import("react").JSX.Element;
|
|
7
7
|
export default Optgroup;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { LiHTMLAttributes } from
|
|
1
|
+
import { LiHTMLAttributes } from 'react';
|
|
2
2
|
export interface IOption extends LiHTMLAttributes<HTMLLIElement> {
|
|
3
3
|
value?: string;
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
children?: string | React.ReactElement;
|
|
6
6
|
}
|
|
7
|
-
declare const Option: ({ children, value, disabled, hidden, onClick, ...props }: IOption) => import("react
|
|
7
|
+
declare const Option: ({ children, value, disabled, hidden, onClick, ...props }: IOption) => import("react").JSX.Element | null;
|
|
8
8
|
export default Option;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { FunctionComponentElement, ReactNode } from
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
export declare const Context: import(
|
|
1
|
+
import { FunctionComponentElement, ReactNode } from 'react';
|
|
2
|
+
import { ElementProps } from '../Form/Element';
|
|
3
|
+
import { IOptgroup } from './Optgroup';
|
|
4
|
+
import { IOption } from './Option';
|
|
5
|
+
export declare const Context: import('react').Context<{
|
|
6
6
|
selected: string;
|
|
7
7
|
emptyValue: React.MutableRefObject<boolean>;
|
|
8
8
|
setSelect: (value: string) => void;
|
|
@@ -10,9 +10,9 @@ export declare const Context: import("react").Context<{
|
|
|
10
10
|
setTitle: (title: IOption["children"]) => void;
|
|
11
11
|
}>;
|
|
12
12
|
export type TOptionElement = FunctionComponentElement<IOption> | FunctionComponentElement<IOption>[] | ReactNode;
|
|
13
|
-
export interface ISelect extends Omit<
|
|
13
|
+
export interface ISelect extends Omit<ElementProps, 'children'> {
|
|
14
14
|
children?: TOptionElement | FunctionComponentElement<IOptgroup> | FunctionComponentElement<IOptgroup>[];
|
|
15
15
|
onChangeSelect?: (value: string) => void;
|
|
16
16
|
}
|
|
17
|
-
declare const Select: import(
|
|
17
|
+
declare const Select: import('react').ForwardRefExoticComponent<ISelect & import('react').RefAttributes<HTMLInputElement>>;
|
|
18
18
|
export default Select;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ForwardRefExoticComponent, FC, RefAttributes } from
|
|
2
|
-
import { ISelect } from
|
|
3
|
-
import Option,
|
|
4
|
-
import Optgroup,
|
|
1
|
+
import { ForwardRefExoticComponent, FC, RefAttributes } from 'react';
|
|
2
|
+
import { ISelect } from './Select';
|
|
3
|
+
import { default as Option, IOption } from './Option';
|
|
4
|
+
import { default as Optgroup, IOptgroup } from './Optgroup';
|
|
5
5
|
interface StaticComponent extends ForwardRefExoticComponent<ISelect & RefAttributes<HTMLInputElement>> {
|
|
6
6
|
Option: FC<IOption>;
|
|
7
7
|
Optgroup: FC<IOptgroup>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { AllHTMLAttributes } from
|
|
2
|
-
import
|
|
1
|
+
import { AllHTMLAttributes } from 'react';
|
|
2
|
+
import { UIComponent } from '../ui-types';
|
|
3
3
|
export interface SpinnerProps extends UIComponent<Omit<AllHTMLAttributes<HTMLDivElement>, 'size'>> {
|
|
4
4
|
size?: 'small' | 'middle' | 'large';
|
|
5
5
|
contrast?: boolean;
|
|
6
6
|
}
|
|
7
|
-
declare const Spinner: ({ size, contrast, ...props }: SpinnerProps) => import("react
|
|
7
|
+
declare const Spinner: ({ size, contrast, ...props }: SpinnerProps) => import("react").JSX.Element;
|
|
8
8
|
export default Spinner;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ElementProps } from '../Form/Element';
|
|
3
|
+
import { UIComponent } from '../ui-types';
|
|
4
|
+
export interface ITextArea extends UIComponent<ElementProps<HTMLTextAreaElement>> {
|
|
5
|
+
onChangeText?: (text: string) => void;
|
|
6
|
+
wait?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const TextArea: React.ForwardRefExoticComponent<ITextArea & React.RefAttributes<HTMLTextAreaElement>>;
|
|
9
|
+
export default TextArea;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { TFileData } from '../File';
|
|
2
2
|
export type TImageData = TFileData & {
|
|
3
3
|
id?: string | number;
|
|
4
4
|
setWait: (status: boolean) => void;
|
|
@@ -12,5 +12,5 @@ export interface IImage extends TFileData {
|
|
|
12
12
|
id?: string | number;
|
|
13
13
|
src?: string;
|
|
14
14
|
}
|
|
15
|
-
declare const Image: ({ onChange, onClick, onId, onRemove, ...props }: IImage) => import("react
|
|
15
|
+
declare const Image: ({ onChange, onClick, onId, onRemove, ...props }: IImage) => import("react").JSX.Element;
|
|
16
16
|
export default Image;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { TImageData, IImage } from
|
|
1
|
+
import { TImageData, IImage } from './Image';
|
|
2
2
|
export interface IUploadImages {
|
|
3
3
|
onChange?: (data: TImageData) => void;
|
|
4
4
|
onChangeArray?: (data: IImage[]) => void;
|
|
5
5
|
onClick?: (data: TImageData) => void;
|
|
6
6
|
imagesArray?: TImageData[];
|
|
7
7
|
}
|
|
8
|
-
declare const UploadImages: ({ imagesArray, onChange, onChangeArray, onClick }: IUploadImages) => import("react
|
|
8
|
+
declare const UploadImages: ({ imagesArray, onChange, onChangeArray, onClick }: IUploadImages) => import("react").JSX.Element;
|
|
9
9
|
export default UploadImages;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { DependencyList, EffectCallback } from 'react';
|
|
2
|
+
export declare const Style: (styleOrArray: string | string[], styles: Record<string, unknown>, prefix?: string) => string;
|
|
3
|
+
export declare const useLayoutEffect: (effect: EffectCallback, deps?: DependencyList) => void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react/jsx-runtime"),l=require("react");l=s(l,1);var u={container:`style-module__container__62IoS`,"wait-indicator":`style-module__wait-indicator__gf4Cz`,wait:`style-module__wait__gRt9X`},d={spinner:`style-module__spinner__bqxDY`,"button-spinner-border":`style-module__button-spinner-border__Zu60W`,"ui-spinner-contrast":`style-module__ui-spinner-contrast__uV5ba`,small:`style-module__small__A2XhO`,middle:`style-module__middle__5esgZ`,large:`style-module__large__5MX0S`},f=({size:e,contrast:t,...n})=>{let r=[`ui-spinner`];return r.push(d.spinner),e&&r.push(d[e],`ui-spinner-`+e),t&&r.push(d[`ui-spinner-contrast`]),n.className&&r.push(n.className),(0,c.jsx)(`div`,{...n,className:r.join(` `)})},p={container:`style-module__container__Tcehc`,radius:`style-module__radius__9sZ2F`,small:`style-module__small__GbGdW`,middle:`style-module__middle__Xb1-y`,large:`style-module__large__eTEPS`},m=({value:e=0,size:t,radius:n=!1})=>{e=Math.ceil(Number(e)*10)/10,e>100&&(e=100),e<0&&(e=0);let r=n?360/100*e+`deg`:e+`%`,i=[`ui-progress`];return i.push(p.container),t&&i.push(p[t]),n&&i.push(p.radius),(0,c.jsx)(`div`,{className:i.join(` `),"data-progress":e,style:{"--progress":r}})},h=({children:e,wait:t,progress:n,progressRadius:r=!0,className:i,onSubmit:a,...o})=>{let s=e=>{e.preventDefault(),typeof a==`function`&&a(e)},l=[];return l.push(u.container),t&&l.push(u.wait),i&&l.push(i),(0,c.jsxs)(`form`,{...o,onSubmit:s,className:l.join(` `),children:[e,(0,c.jsx)(`div`,{className:u[`wait-indicator`],children:typeof n==`number`?(0,c.jsx)(m,{radius:r,value:n}):(0,c.jsx)(f,{})})]})},g=e=>e.type===`checkbox`,_=e=>e instanceof Date,v=e=>e==null,y=e=>typeof e==`object`,b=e=>!v(e)&&!Array.isArray(e)&&y(e)&&!_(e),x=e=>b(e)&&e.target?g(e.target)?e.target.checked:e.target.value:e,S=(e,t)=>t.split(`.`).some((t,n,r)=>!isNaN(Number(t))&&e.has(r.slice(0,n).join(`.`))),C=e=>{let t=e.constructor&&e.constructor.prototype;return b(t)&&t.hasOwnProperty(`isPrototypeOf`)},w=typeof window<`u`&&window.HTMLElement!==void 0&&typeof document<`u`;function T(e){if(e instanceof Date)return new Date(e);let t=typeof FileList<`u`&&e instanceof FileList;if(w&&(e instanceof Blob||t))return e;let n=Array.isArray(e);if(!n&&!(b(e)&&C(e)))return e;let r=n?[]:Object.create(Object.getPrototypeOf(e));for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=T(e[t]));return r}var E={BLUR:`blur`,FOCUS_OUT:`focusout`,CHANGE:`change`,SUBMIT:`submit`,TRIGGER:`trigger`,VALID:`valid`},D={onBlur:`onBlur`,onChange:`onChange`,onSubmit:`onSubmit`,onTouched:`onTouched`,all:`all`},O={max:`max`,min:`min`,maxLength:`maxLength`,minLength:`minLength`,pattern:`pattern`,required:`required`,validate:`validate`},k=`root`,A=[`__proto__`,`constructor`,`prototype`],j=/^\w*$/,ee=e=>j.test(e),M=e=>e===void 0,N=/[.[\]'"]/,te=e=>e.split(N).filter(Boolean),P=(e,t,n)=>{if(!t||!b(e))return n;let r=ee(t)?[t]:te(t);if(r.some(e=>A.includes(e)))return n;let i=r.reduce((e,t)=>v(e)?void 0:e[t],e);return M(i)||i===e?M(e[t])?n:e[t]:i},F=e=>typeof e==`boolean`,I=e=>typeof e==`function`,L=(e,t,n)=>{let r=-1,i=ee(t)?[t]:te(t),a=i.length,o=a-1;for(;++r<a;){let t=i[r],a=n;if(r!==o){let n=e[t];a=b(n)||Array.isArray(n)?n:isNaN(+i[r+1])?{}:[]}if(A.includes(t))return;e[t]=a,e=e[t]}},ne=l.default.createContext(null);ne.displayName=`HookFormControlContext`;var re=(e,t,n,r=!0)=>{let i={};for(let a in e)Object.defineProperty(i,a,{get:()=>{let i=a;return t._proxyFormState[i]!==D.all&&(t._proxyFormState[i]=!r||D.all),n&&(n[i]=!0),e[i]}});return i},ie=w?l.default.useLayoutEffect:l.default.useEffect,R=e=>typeof e==`string`,ae=(e,t,n,r,i)=>R(e)?(r&&t.watch.add(e),P(n,e,i)):Array.isArray(e)?e.map(e=>(r&&t.watch.add(e),P(n,e))):(r&&(t.watchAll=!0),n),oe=e=>v(e)||!y(e),se=(e,t)=>t.length===0&&!Array.isArray(e)&&!C(e);function z(e,t,n=new WeakMap){if(e===t)return!0;if(oe(e)||oe(t))return Object.is(e,t);if(_(e)&&_(t))return Object.is(e.getTime(),t.getTime());let r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;if(se(e,r)||se(t,i))return Object.is(e,t);if(!r.length&&Array.isArray(e)!==Array.isArray(t))return!1;let a=n.get(e);if(a&&a.has(t))return!0;if(a)a.add(t);else{let r=new WeakSet;r.add(t),n.set(e,r)}for(let i of r){let r=e[i];if(!(i in t))return!1;if(i!==`ref`){let e=t[i];if(_(r)&&_(e)||(b(r)||Array.isArray(r))&&(b(e)||Array.isArray(e))?!z(r,e,n):!Object.is(r,e))return!1}}return!0}var ce=l.default.createContext(null);ce.displayName=`HookFormContext`;var le=(e,t,n,r,i)=>t?{...n[e],types:{...n[e]&&n[e].types?n[e].types:{},[r]:i||!0}}:{},ue=e=>Array.isArray(e)?e.filter(Boolean):[],de=e=>Array.isArray(e)?e:[e],fe=()=>{let e=[];return{get observers(){return e},next:t=>{for(let n of e)n.next&&n.next(t)},subscribe:t=>(e.push(t),{unsubscribe:()=>{e=e.filter(e=>e!==t)}}),unsubscribe:()=>{e=[]}}};function pe(e,t){let n={};for(let r in e)if(e.hasOwnProperty(r)){let i=e[r],a=t[r];if(i&&b(i)&&a){let e=pe(i,a);b(e)&&(n[r]=e)}else e[r]&&(n[r]=a)}return n}var B=e=>b(e)&&!Object.keys(e).length,me=e=>e.type===`file`,he=e=>{if(!w)return!1;let t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},ge=e=>e.type===`select-multiple`,_e=e=>e.type===`radio`,ve=e=>_e(e)||g(e),ye=e=>he(e)&&e.isConnected;function be(e,t){let n=t.slice(0,-1).length,r=0;for(;r<n;){if(v(e)){e=void 0;break}e=e[t[r]],r++}return e}function xe(e){for(let t in e)if(e.hasOwnProperty(t)&&!M(e[t]))return!1;return!0}function V(e,t){if(R(t)&&Object.prototype.hasOwnProperty.call(e,t))return delete e[t],e;let n=Array.isArray(t)?t:ee(t)?[t]:te(t),r=n.length===1?e:be(e,n),i=n.length-1,a=n[i];return r&&delete r[a],i!==0&&(b(r)&&B(r)||Array.isArray(r)&&xe(r))&&V(e,n.slice(0,-1)),e}var Se=e=>{for(let t in e)if(I(e[t]))return!0;return!1};function H(e){return Array.isArray(e)||b(e)&&!Se(e)}function Ce(e,t={}){for(let n in e){let r=e[n];H(r)?(t[n]=Array.isArray(r)?[]:{},Ce(r,t[n])):M(r)||(t[n]=!0)}return t}function U(e){if(e!==!1){if(e===!0)return!0;if(Array.isArray(e)){let t=e.map(e=>U(e));return t.some(e=>e!==void 0)?t:void 0}if(b(e)){let t={};for(let n in e){let r=U(e[n]);M(r)||(t[n]=r)}return Object.keys(t).length?t:void 0}}}function W(e,t,n){n||=Ce(t);for(let r in e){let i=e[r];if(H(i))M(t)||oe(n[r])?n[r]=Ce(i,Array.isArray(i)?[]:{}):W(i,v(t)?{}:t[r],n[r]);else{let e=t[r];n[r]=!z(i,e)}}return U(n)||{}}var we={value:!1,isValid:!1},Te={value:!0,isValid:!0},Ee=e=>{if(Array.isArray(e)){if(e.length>1){let t=e.filter(e=>e&&e.checked&&!e.disabled).map(e=>e.value);return{value:t,isValid:!!t.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!M(e[0].attributes.value)?M(e[0].value)||e[0].value===``?Te:{value:e[0].value,isValid:!0}:Te:we}return we},De=(e,{valueAsNumber:t,valueAsDate:n,setValueAs:r})=>M(e)?e:t?e===``?NaN:e&&+e:n&&R(e)?new Date(e):r?r(e):e,Oe={isValid:!1,value:null},ke=e=>Array.isArray(e)?e.reduce((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e,Oe):Oe;function Ae(e){let t=e.ref;return me(t)?t.files:_e(t)?ke(e.refs).value:ge(t)?[...t.selectedOptions].map(({value:e})=>e):g(t)?Ee(e.refs).value:De(M(t.value)?e.ref.value:t.value,e)}var je=(e,t,n,r)=>{let i={};for(let n of e){let e=P(t,n);e&&L(i,n,e._f)}return{criteriaMode:n,names:[...e],fields:i,shouldUseNativeValidation:r}},G=e=>e instanceof RegExp,Me=e=>M(e)?e:G(e)?e.source:b(e)?G(e.value)?e.value.source:e.value:e,Ne=e=>({isOnSubmit:!e||e===D.onSubmit,isOnBlur:e===D.onBlur,isOnChange:e===D.onChange,isOnAll:e===D.all,isOnTouch:e===D.onTouched}),Pe=`AsyncFunction`,Fe=e=>{if(!e||!e.validate)return!1;if(I(e.validate))return e.validate.constructor.name===Pe;if(b(e.validate)){for(let t in e.validate)if(e.validate[t].constructor.name===Pe)return!0}return!1},Ie=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),Le=(e,t,n)=>{if(n)return!1;if(t.watchAll||t.watch.has(e))return!0;for(let n of t.watch)if(e.startsWith(n)&&e.charAt(n.length)===`.`)return!0;return!1},Re=(e,t,n,r)=>{for(let i of n||Object.keys(e)){let n=P(e,i);if(n){let{_f:e,...a}=n;if(e){if(e.refs&&e.refs[0]&&t(e.refs[0],i)&&!r||e.ref&&t(e.ref,e.name)&&!r)return!0;if(Re(a,t))break}else if(b(a)&&Re(a,t))break}}};function ze(e,t,n){let r=P(e,n);if(r||ee(n))return{error:r,name:n};let i=n.split(`.`);for(;i.length;){let r=i.join(`.`),a=P(t,r),o=P(e,r);if(a&&!Array.isArray(a)&&n!==r)return{name:n};if(o&&o.type)return{name:r,error:o};if(o&&o.root&&o.root.type)return{name:`${r}.root`,error:o.root};i.pop()}return{name:n}}var Be=(e,t,n,r)=>{n(e);let{name:i,...a}=e,o=Object.keys(a);return!o.length||r&&o.length>=Object.keys(t).length||o.find(e=>t[e]===(!r||D.all))},Ve=(e,t,n)=>!e||!t||e===t||de(e).some(e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))),He=(e,t,n,r,i)=>i.isOnAll?!1:!n&&i.isOnTouch?!(t||e):(n?r.isOnBlur:i.isOnBlur)?!e:(n?r.isOnChange:i.isOnChange)?e:!0,Ue=(e,t)=>!ue(P(e,t)).length&&V(e,t),We=(e,t,n)=>{let r=P(e,n),i=Array.isArray(r)?r:[];return L(i,k,t[n]),L(e,n,i),e};function Ge(e,t,n=`validate`){if(R(e)||Array.isArray(e)&&e.every(R)||F(e)&&!e)return{type:n,message:R(e)?e:``,ref:t}}var K=e=>b(e)&&!G(e)?e:{value:e,message:``},Ke=async(e,t,n,r,i,a)=>{let{ref:o,refs:s,required:c,maxLength:l,minLength:u,min:d,max:f,pattern:p,validate:m,name:h,valueAsNumber:_,mount:y}=e._f,x=P(n,h);if(!y||t.has(h))return{};let S=s?s[0]:o,C=e=>{if(i&&S.reportValidity){let t=F(e)?``:e||``;s?s.forEach(e=>e.setCustomValidity(t)):S.setCustomValidity(t),S.reportValidity()}},w={},T=_e(o),E=g(o),D=T||E,k=(_||me(o))&&M(o.value)&&M(x)||he(o)&&o.value===``||x===``||Array.isArray(x)&&!x.length,A=le.bind(null,h,r,w),j=(e,t,n,r=O.maxLength,i=O.minLength)=>{let a=e?t:n;w[h]={type:e?r:i,message:a,ref:o,...A(e?r:i,a)}};if(a?!Array.isArray(x)||!x.length:c&&(!D&&(k||v(x))||F(x)&&!x||E&&!Ee(s).isValid||T&&!ke(s).isValid)){let{value:e,message:t}=R(c)?{value:!!c,message:c}:K(c);if(e&&(w[h]={type:O.required,message:t,ref:S,...A(O.required,t)},!r))return C(t),w}if(!k&&(!v(d)||!v(f))){let e,t,n=K(f),i=K(d);if(!v(x)&&!isNaN(x)){let r=o.valueAsNumber||x&&+x;v(n.value)||(e=r>n.value),v(i.value)||(t=r<i.value)}else{let r=o.valueAsDate||new Date(x),a=e=>new Date(new Date().toDateString()+` `+e),s=o.type==`time`,c=o.type==`week`;R(n.value)&&x&&(e=s?a(x)>a(n.value):c?x>n.value:r>new Date(n.value)),R(i.value)&&x&&(t=s?a(x)<a(i.value):c?x<i.value:r<new Date(i.value))}if((e||t)&&(j(!!e,n.message,i.message,O.max,O.min),!r))return C(w[h].message),w}if((l||u)&&!k&&(R(x)||a&&Array.isArray(x))){let e=K(l),t=K(u),n=!v(e.value)&&x.length>+e.value,i=!v(t.value)&&x.length<+t.value;if((n||i)&&(j(n,e.message,t.message),!r))return C(w[h].message),w}if(p&&!k&&R(x)){let{value:e,message:t}=K(p);if(G(e)&&!x.match(e)&&(w[h]={type:O.pattern,message:t,ref:o,...A(O.pattern,t)},!r))return C(t),w}if(m){if(I(m)){let e=Ge(await m(x,n),S);if(e&&(w[h]={...e,...A(O.validate,e.message)},!r))return C(e.message),w}else if(b(m)){let e={};for(let t in m){if(!B(e)&&!r)break;let i=Ge(await m[t](x,n),S,t);i&&(e={...i,...A(t,i.message)},C(i.message),r&&(w[h]=e))}if(!B(e)&&(w[h]={ref:S,...e},!r))return w}}return C(!0),w},qe={mode:D.onSubmit,reValidateMode:D.onChange,shouldFocusError:!0},Je=`form`,Ye={submitCount:0,isDirty:!1,isReady:!1,isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{}};function Xe(e={}){let t={...qe,...e},n={...T(Ye),isLoading:I(t.defaultValues),errors:t.errors||{},disabled:t.disabled||!1},r={},i=(b(t.defaultValues)||b(t.values))&&T(t.defaultValues||t.values)||{},a=t.shouldUnregister?{}:T(i),o={action:!1,mount:!1,watch:!1,keepIsValid:!1},s={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set,registerName:new Set},c,l=0,u=0,d=Ne(t.mode),f=Ne(t.reValidateMode),p={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},m={...p},h={...m},y={array:fe(),state:fe()},C=t.criteriaMode===D.all,A=e=>t=>{clearTimeout(l),l=setTimeout(e,t)},j=async e=>{if(!o.keepIsValid&&!t.disabled&&(m.isValid||h.isValid||e)){let e;t.resolver?(e=B((await be()).errors),N()):e=await H({fields:r,onlyCheckValid:!0,eventType:E.VALID}),e!==n.isValid&&y.state.next({isValid:e})}},N=(e,r)=>{!t.disabled&&(m.isValidating||m.validatingFields||h.isValidating||h.validatingFields)&&((e||Array.from(s.mount)).forEach(e=>{e&&(r?L(n.validatingFields,e,r):V(n.validatingFields,e))}),y.state.next({validatingFields:n.validatingFields,isValidating:!B(n.validatingFields)}))},ne=()=>{n.dirtyFields=W(i,a)},re=(e,i=[],s,c,l=!0,u=!0)=>{if(c&&s&&!t.disabled){if(o.action=!0,u&&Array.isArray(P(r,e))){let t=s(P(r,e),c.argA,c.argB);l&&L(r,e,t)}if(u&&Array.isArray(P(n.errors,e))){let t=s(P(n.errors,e),c.argA,c.argB);l&&L(n.errors,e,t),Ue(n.errors,e)}if((m.touchedFields||h.touchedFields)&&u&&Array.isArray(P(n.touchedFields,e))){let t=s(P(n.touchedFields,e),c.argA,c.argB);l&&L(n.touchedFields,e,t)}(m.dirtyFields||h.dirtyFields)&&ne(),y.state.next({name:e,isDirty:U(e,i),dirtyFields:n.dirtyFields,errors:n.errors,isValid:n.isValid})}else L(a,e,i)},ie=(e,t)=>{L(n.errors,e,t),n.errors={...n.errors},y.state.next({errors:n.errors})},oe=e=>{n.errors=e,y.state.next({errors:n.errors,isValid:!1})},se=e=>{let t=ee(e)?[e]:te(e),n=a,r=i;for(let e=0;e<t.length-1;e++){let i=t[e];if(n=v(n)?n:n[i],r=v(r)?r:r[i],n===null&&r!==null)return!0}return!1},ce=(t,c,l,u)=>{let d=P(r,t);if(d){if(se(t))return;let r=M(P(a,t)),f=P(a,t,M(l)?P(i,t):l);M(f)||u&&u.defaultChecked||c?L(a,t,c?f:Ae(d._f)):Ee(t,f),o.mount&&!o.action&&(j(),r&&n.isDirty&&(m.isDirty||h.isDirty)&&(U()||(n.isDirty=!1,y.state.next({...n}))),e.shouldUnregister&&r&&!M(P(a,t))&&Le(t,s)&&(o.watch=!0))}},le=(e,r,o,s,c)=>{let l=!1,u=!1,d={name:e};if(!t.disabled){if(!o||s){let t=z(P(i,e),r);(m.isDirty||h.isDirty)&&(u=n.isDirty,n.isDirty=d.isDirty=!t||U(),l=u!==d.isDirty),u=!!P(n.dirtyFields,e),t===n.isDirty?t?V(n.dirtyFields,e):L(n.dirtyFields,e,!0):n.dirtyFields=W(i,a),d.dirtyFields=n.dirtyFields,l||=(m.dirtyFields||h.dirtyFields)&&u!==!t}if(o){let t=P(n.touchedFields,e);t||(L(n.touchedFields,e,o),d.touchedFields=n.touchedFields,l||=(m.touchedFields||h.touchedFields)&&t!==o)}l&&c&&y.state.next(d)}return l?d:{}},_e=(e,r,i,a)=>{let o=P(n.errors,e),s=(m.isValid||h.isValid)&&F(r)&&n.isValid!==r;if(t.delayError&&i?(c=A(()=>ie(e,i)),c(t.delayError)):(clearTimeout(l),c=null,i?L(n.errors,e,i):V(n.errors,e),n.errors={...n.errors}),(i?!z(o,i):o)||!B(a)||s){let t={...a,...s&&F(r)?{isValid:r}:{},errors:n.errors,name:e};n={...n,...t},y.state.next(t)}},be=async e=>(N(e,!0),await t.resolver(a,t.context,je(e||s.mount,r,t.criteriaMode,t.shouldUseNativeValidation))),xe=async e=>{let{errors:t}=await be(e);if(N(e),e){for(let r of e){let e=P(t,r);e?s.array.has(r)&&b(e)&&!Object.keys(e).some(e=>!Number.isNaN(Number(e)))?We(n.errors,{[r]:e},r):L(n.errors,r,e):V(n.errors,r)}n.errors={...n.errors}}else n.errors=t;return t},Se=async({name:t,eventType:r})=>{if(e.validate){let i=await e.validate({formValues:a,formState:n,name:t,eventType:r});if(b(i))for(let e in i){let t=i[e];t&&J(`${Je}.${e}`,{message:R(t.message)?t.message:``,type:t.type||O.validate})}else R(i)||!i?J(Je,{message:i||``,type:O.validate}):q(Je);return i}return!0},H=async({fields:r,onlyCheckValid:i,name:o,eventType:c,context:l={valid:!0,runRootValidation:!1}})=>{if(e.validate&&(l.runRootValidation=!0,!await Se({name:o,eventType:c})&&(l.valid=!1,i)))return l.valid;for(let o in r){let u=r[o];if(u){let{_f:r,...d}=u;if(r){let o=s.array.has(r.name),c=u._f&&Fe(u._f),d=m.validatingFields||m.isValidating||h.validatingFields||h.isValidating;c&&d&&N([r.name],!0);let f=await Ke(u,s.disabled,a,C,t.shouldUseNativeValidation&&!i,o);if(c&&d&&N([r.name]),f[r.name]&&(l.valid=!1,i)||(!i&&(P(f,r.name)?o?We(n.errors,f,r.name):L(n.errors,r.name,f[r.name]):V(n.errors,r.name)),e.shouldUseNativeValidation&&f[r.name]))break}!B(d)&&await H({context:l,onlyCheckValid:i,fields:d,name:o,eventType:c})}}return l.valid},Ce=()=>{for(let e of s.unMount){let t=P(r,e);t&&(t._f.refs?t._f.refs.every(e=>!ye(e)):!ye(t._f.ref))&&tt(e)}s.unMount=new Set},U=(e,n)=>!t.disabled&&(e&&n&&L(a,e,n),!z(o.mount?a:i,i)),we=(e,t,n)=>ae(e,s,{...o.mount?a:M(t)?i:R(e)?{[e]:t}:t},n,t),Te=e=>ue(P(o.mount?a:i,e,t.shouldUnregister?P(i,e,[]):[])),Ee=(e,t,n={},i=!1,o=!1)=>{let s=P(r,e),c=t;if(s){let n=s._f;n&&(!n.disabled&&L(a,e,De(t,n)),c=he(n.ref)&&v(t)?``:t,ge(n.ref)?[...n.ref.options].forEach(e=>e.selected=c.includes(e.value)):n.refs?g(n.ref)?n.refs.forEach(e=>{(!e.defaultChecked||!e.disabled)&&(Array.isArray(c)?e.checked=!!c.find(t=>t===e.value):e.checked=c===e.value||!!c)}):n.refs.forEach(e=>e.checked=e.value===c):me(n.ref)?n.ref.value=``:(n.ref.value=c,!n.ref.type&&!o&&y.state.next({name:e,values:i?a:T(a)})))}(n.shouldDirty||n.shouldTouch)&&le(e,c,n.shouldTouch,n.shouldDirty,!o),n.shouldValidate&&Xe(e)},Oe=(e,t,n,i=!1,a=!1)=>{for(let o in t){if(!t.hasOwnProperty(o))return;let c=t[o],l=e+`.`+o,u=P(r,l);(s.array.has(e)||b(c)||u&&!u._f)&&!_(c)?Oe(l,c,n,i,a):Ee(l,c,n,i,a)}},ke=(e,t,i,c,l=!1)=>{let u=P(r,e),d=s.array.has(e),f=c?t:T(t),p=z(P(a,e),f);if(p||L(a,e,f),d)y.array.next({name:e,values:c?a:T(a)}),(m.isDirty||m.dirtyFields||h.isDirty||h.dirtyFields)&&i.shouldDirty&&(ne(),l||y.state.next({name:e,dirtyFields:n.dirtyFields,isDirty:U(e,f)}));else{let t=Array.isArray(f)&&!f.length||B(f);!u||u._f||v(f)||t?Ee(e,f,i,c,l):Oe(e,f,i,c,l)}if(!p&&!l){let t=Le(e,s),r=c?a:T(a);y.state.next({...t&&n,name:o.mount||t?e:void 0,values:r})}},G=(e,t,n={})=>ke(e,t,n,!1),Pe=(e,t={})=>{let r=I(e)?e(a):e;if(!z(a,r)){a={...a,...r};for(let e of s.mount)ke(e,P(r,e),t,!0,!0);y.state.next({...n,name:void 0,type:void 0,...u?{values:a}:{}}),t.shouldValidate&&j()}},Ge=async i=>{o.mount=!0;let l=i.target,p=l.name,g=!0,v=P(r,p),b=e=>{g=Number.isNaN(e)||_(e)&&isNaN(e.getTime())||z(e,P(a,p,e))};if(v){let o,_,S=l.type?Ae(v._f):x(i),w=i.type===E.BLUR||i.type===E.FOCUS_OUT,D=!Ie(v._f)&&!e.validate&&!t.resolver&&!P(n.errors,p)&&!v._f.deps,O=D||He(w,P(n.touchedFields,p),n.isSubmitted,f,d),k=Le(p,s,w);L(a,p,S),w?(!l||!l.readOnly)&&(v._f.onBlur&&v._f.onBlur(i),c&&c(0)):v._f.onChange&&v._f.onChange(i);let A=le(p,S,w),ee=!B(A)||k;if(!w&&y.state.next({name:p,type:i.type,...u?{values:T(a)}:{}}),O)return(!D||!n.isValid)&&(m.isValid||h.isValid)&&(t.mode===`onBlur`?w&&j():w||j()),ee&&y.state.next({name:p,...k?{}:A});if(!t.resolver&&e.validate&&await Se({name:p,eventType:i.type}),!w&&k&&y.state.next({...n}),t.resolver){let{errors:e}=await be([p]);if(N([p]),b(S),!g){!B(A)&&y.state.next(A);return}let t=ze(n.errors,r,p),i=ze(e,r,t.name||p);o=i.error,p=i.name,_=B(e)}else N([p],!0),o=(await Ke(v,s.disabled,a,C,t.shouldUseNativeValidation))[p],N([p]),b(S),g&&(o?_=!1:(m.isValid||h.isValid)&&(_=await H({fields:r,onlyCheckValid:!0,name:p,eventType:i.type})));g&&(v._f.deps&&(!Array.isArray(v._f.deps)||v._f.deps.length>0)&&Xe(v._f.deps),_e(p,_,o,A))}},K=(e,t)=>{if(P(n.errors,t)&&e.focus)return e.focus(),1},Xe=async(e,i={})=>{let a,o,c=de(e);if(t.resolver){let t=await xe(M(e)?e:c);a=B(t),o=e?!c.some(e=>P(t,e)):a}else e?(o=(await Promise.all(c.map(async e=>{let t=P(r,e);return await H({fields:t&&t._f?{[e]:t}:t,eventType:E.TRIGGER})}))).every(Boolean),!(!o&&!n.isValid)&&j()):o=a=await H({fields:r,name:e,eventType:E.TRIGGER});return y.state.next({...!R(e)||(m.isValid||h.isValid)&&a!==n.isValid?{}:{name:e},...t.resolver||!e?{isValid:a}:{},errors:n.errors}),i.shouldFocus&&!o&&Re(r,K,e?c:s.mount),o},Ze=(e,t)=>{let r={...o.mount?a:i};return t&&(r=pe(t.dirtyFields?n.dirtyFields:n.touchedFields,r)),M(e)?r:R(e)?P(r,e):e.map(e=>P(r,e))},Qe=(e,t)=>({invalid:!!P((t||n).errors,e),isDirty:!!P((t||n).dirtyFields,e),error:P((t||n).errors,e),isValidating:!!P(n.validatingFields,e),isTouched:!!P((t||n).touchedFields,e)}),q=e=>{let t=e?de(e):void 0;t?.forEach(e=>V(n.errors,e)),t?t.forEach(e=>{y.state.next({name:e,errors:n.errors})}):y.state.next({errors:{}})},J=(e,t,i)=>{let a=(P(r,e,{_f:{}})._f||{}).ref,{ref:o,message:s,type:c,...l}=P(n.errors,e)||{};L(n.errors,e,{...l,...t,ref:a}),y.state.next({name:e,errors:n.errors,isValid:!1}),i&&i.shouldFocus&&a&&a.focus&&a.focus()},$e=(e,t)=>{if(I(e)){u++;let{unsubscribe:n}=y.state.subscribe({next:n=>`values`in n&&e(n.values||we(void 0,t),n)}),r=!1;return{unsubscribe:()=>{r||(r=!0,u--,n())}}}return we(e,t,!0)},Y=e=>{let t=!!e.formState?.values;t&&u++;let{unsubscribe:r}=y.state.subscribe({next:t=>{if(Ve(e.name,t.name,e.exact)&&Be(t,e.formState||m,lt,e.reRenderRoot)){let r={...a};e.callback({values:r,...n,...t,defaultValues:i})}}});if(!t)return r;let o=!1;return()=>{o||(o=!0,u--,r())}},et=e=>(o.mount=!0,h={...h,...e.formState},Y({...e,formState:{...p,...e.formState}})),tt=(e,o={})=>{for(let c of e?de(e):s.mount)s.mount.delete(c),s.array.delete(c),o.keepValue||(V(r,c),V(a,c)),!o.keepError&&V(n.errors,c),!o.keepDirty&&V(n.dirtyFields,c),!o.keepTouched&&V(n.touchedFields,c),!o.keepIsValidating&&V(n.validatingFields,c),!t.shouldUnregister&&!o.keepDefaultValue&&V(i,c);y.state.next({values:T(a)}),y.state.next({...n,...o.keepDirty?{isDirty:U()}:{}}),!o.keepIsValid&&j()},nt=({disabled:e,name:t})=>{if(F(e)&&o.mount||e||s.disabled.has(t)){let n=s.disabled.has(t)!==!!e;e?s.disabled.add(t):s.disabled.delete(t),n&&o.mount&&!o.action&&j()}},rt=(e,n={})=>{let a=P(r,e),c=F(n.disabled)||F(t.disabled),l=!s.registerName.has(e)&&a&&a._f&&!a._f.mount;return L(r,e,{...a||{},_f:{...a&&a._f?a._f:{ref:{name:e}},name:e,mount:!0,...n}}),s.mount.add(e),a&&!l?nt({disabled:F(n.disabled)?n.disabled:t.disabled,name:e}):ce(e,!0,n.value),{...c?{disabled:n.disabled||t.disabled}:{},...t.progressive?{required:!!n.required,min:Me(n.min),max:Me(n.max),minLength:Me(n.minLength),maxLength:Me(n.maxLength),pattern:Me(n.pattern)}:{},name:e,onChange:Ge,onBlur:Ge,ref:c=>{if(c){s.registerName.add(e),rt(e,n),s.registerName.delete(e),a=P(r,e);let t=M(c.value)&&c.querySelectorAll&&c.querySelectorAll(`input,select,textarea`)[0]||c,o=ve(t),l=a._f.refs||[];if(o?l.find(e=>e===t):t===a._f.ref)return;L(r,e,{_f:{...a._f,...o?{refs:[...l.filter(ye),t,...Array.isArray(P(i,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),ce(e,!1,void 0,t)}else a=P(r,e,{}),a._f&&(a._f.mount=!1),(t.shouldUnregister||n.shouldUnregister)&&!(S(s.array,e)&&o.action)&&s.unMount.add(e)}}},it=()=>t.shouldFocusError&&!t.shouldUseNativeValidation&&Re(r,K,s.mount),at=e=>{F(e)&&(y.state.next({disabled:e}),Re(r,(t,n)=>{let i=P(r,n);i&&(t.disabled=i._f.disabled||e,Array.isArray(i._f.refs)&&i._f.refs.forEach(t=>{t.disabled=i._f.disabled||e}))},0,!1))},X=(e,i)=>async o=>{let c;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let l=T(a);if(y.state.next({isSubmitting:!0}),t.resolver){let{errors:e,values:t}=await be();N(),n.errors=e,l=T(t)}else await H({fields:r,eventType:E.SUBMIT});if(s.disabled.size)for(let e of s.disabled)V(l,e);if(V(n.errors,k),B(n.errors)){y.state.next({errors:{}});try{await e(l,o)}catch(e){c=e}}else i&&await i({...n.errors},o),it(),setTimeout(it);if(y.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:B(n.errors)&&!c,submitCount:n.submitCount+1,errors:n.errors}),c)throw c},ot=(e,t={})=>{P(r,e)&&(M(t.defaultValue)?G(e,T(P(i,e))):(G(e,t.defaultValue),L(i,e,T(t.defaultValue))),t.keepTouched||V(n.touchedFields,e),t.keepDirty||(V(n.dirtyFields,e),n.isDirty=t.defaultValue?U(e,T(P(i,e))):U()),t.keepError||(V(n.errors,e),m.isValid&&j()),y.state.next({...n}))},Z=(e,c={})=>{let l=e?T(e):i,u=T(l),d=B(e),f=u;if(c.keepDefaultValues||(i=l),!c.keepValues){if(c.keepDirtyValues){let e=new Set([...s.mount,...Object.keys(W(i,a))]);for(let t of Array.from(e)){let e=P(n.dirtyFields,t),r=P(a,t),i=P(f,t);e&&!M(r)?L(f,t,r):!e&&!M(i)&&G(t,i)}}else{if(w&&M(e))for(let e of s.mount){let t=P(r,e);if(t&&t._f){let e=Array.isArray(t._f.refs)?t._f.refs[0]:t._f.ref;if(he(e)){let t=e.closest(`form`);if(t){t.reset();break}}}}if(c.keepFieldsRef)for(let e of s.mount)G(e,P(f,e));else r={}}if(t.shouldUnregister){if(a=c.keepDefaultValues?T(i):{},c.keepFieldsRef)for(let e of s.mount)L(a,e,P(f,e))}else a=T(f);y.array.next({values:{...f}}),y.state.next({values:{...f}})}s={mount:c.keepDirtyValues?s.mount:new Set,unMount:new Set,array:new Set,registerName:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:``},o.mount=!m.isValid||!!c.keepIsValid||!!c.keepDirtyValues||!t.shouldUnregister&&!B(f),o.watch=!!t.shouldUnregister,o.keepIsValid=!!c.keepIsValid,o.action=!1,c.keepErrors||(n.errors={}),y.state.next({submitCount:c.keepSubmitCount?n.submitCount:0,isDirty:d?!1:c.keepDirty?n.isDirty:c.keepValues?U():!!(c.keepDefaultValues&&!z(e,i)),isSubmitted:c.keepIsSubmitted?n.isSubmitted:!1,dirtyFields:d?{}:c.keepDirtyValues?c.keepDefaultValues&&a?W(i,a):n.dirtyFields:c.keepDefaultValues&&e?W(i,e):c.keepDirty?n.dirtyFields:{},touchedFields:c.keepTouched?n.touchedFields:{},errors:c.keepErrors?n.errors:{},isSubmitSuccessful:c.keepIsSubmitSuccessful?n.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:i})},st=(e,n)=>Z(I(e)?e(a):e,{...t.resetOptions,...n}),ct=(e,t={})=>{let n=P(r,e),i=n&&n._f;if(i){let e=i.refs?i.refs[0]:i.ref;e.focus&&setTimeout(()=>{e.focus(),t.shouldSelect&&I(e.select)&&e.select()})}},lt=e=>{n={...n,...e}},ut={control:{register:rt,unregister:tt,getFieldState:Qe,handleSubmit:X,setError:J,_subscribe:Y,_runSchema:be,_updateIsValidating:N,_focusError:it,_getWatch:we,_getDirty:U,_setValid:j,_setFieldArray:re,_setDisabledField:nt,_setErrors:oe,_getFieldArray:Te,_reset:Z,_resetDefaultValues:()=>I(t.defaultValues)&&t.defaultValues().then(e=>{st(e,t.resetOptions),y.state.next({isLoading:!1})}),_removeUnmounted:Ce,_disableForm:at,_subjects:y,_proxyFormState:m,get _fields(){return r},get _formValues(){return a},get _state(){return o},set _state(e){o=e},get _defaultValues(){return i},get _names(){return s},set _names(e){s=e},get _formState(){return n},get _options(){return t},set _options(e){t={...t,...e},d=Ne(t.mode),f=Ne(t.reValidateMode)}},subscribe:et,trigger:Xe,register:rt,handleSubmit:X,watch:$e,setValue:G,setValues:Pe,getValues:Ze,reset:st,resetField:ot,resetDefaultValues:(e,t={})=>{if(i=T(e),!t.keepDirty){let e=W(i,a);n.dirtyFields=e,n.isDirty=!B(e)}t.keepIsValid||j(),y.state.next({...n,defaultValues:i})},clearErrors:q,unregister:tt,setError:J,setFocus:ct,getFieldState:Qe};return{...ut,formControl:ut}}function Ze(e={}){let t=l.default.useRef(void 0),n=l.default.useRef(void 0),r=l.default.useRef(e.formControl),[i,a]=l.default.useState(()=>({...T(Ye),isLoading:I(e.defaultValues),errors:e.errors||{},disabled:e.disabled||!1,defaultValues:I(e.defaultValues)?void 0:e.defaultValues}));if(!t.current||e.formControl&&r.current!==e.formControl)if(r.current=e.formControl,e.formControl)t.current={...e.formControl,formState:i},e.defaultValues&&!I(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{let{formControl:n,...r}=Xe(e);t.current={...r,formState:i}}let o=t.current.control;return o._options=e,ie(()=>{let e=o._subscribe({formState:o._proxyFormState,callback:()=>a({...o._formState,defaultValues:o._defaultValues}),reRenderRoot:!0});return a(e=>({...e,isReady:!0})),o._formState.isReady=!0,e},[o]),l.default.useEffect(()=>o._disableForm(e.disabled),[o,e.disabled]),l.default.useEffect(()=>{e.mode&&(o._options.mode=e.mode),e.reValidateMode&&(o._options.reValidateMode=e.reValidateMode)},[o,e.mode,e.reValidateMode]),l.default.useEffect(()=>{e.errors&&(o._setErrors(e.errors),o._focusError())},[o,e.errors]),l.default.useEffect(()=>{e.shouldUnregister&&o._subjects.state.next({values:o._getWatch()})},[o,e.shouldUnregister]),l.default.useEffect(()=>{if(o._proxyFormState.isDirty){let e=o._getDirty();e!==i.isDirty&&o._subjects.state.next({isDirty:e})}},[o,i.isDirty]),l.default.useEffect(()=>{e.values&&!z(e.values,n.current)?(o._reset(e.values,{keepFieldsRef:!0,...o._options.resetOptions}),o._options.resetOptions?.keepIsValid||o._setValid(),n.current=e.values,a(e=>({...e}))):o._resetDefaultValues()},[o,e.values]),l.default.useEffect(()=>{o._state.mount||(o._setValid(),o._state.mount=!0),o._state.watch&&(o._state.watch=!1,o._subjects.state.next({...o._formState})),o._removeUnmounted()}),t.current.formState=l.default.useMemo(()=>re(i,o),[o,i]),t.current}var Qe=()=>{let[e,t]=(0,l.useState)(),n=Ze({reValidateMode:`onChange`}),r=(e,r)=>{let i=n.register(e,r),a=r=>(t(null),n.clearErrors(e),i.onChange(r)),o=n?.formState.errors,s=n.watch(e);return{...i,onChange:a,formvalue:s,error:o?.[e]?.message?.toString()}},i=e=>{e.errors?Object.keys(e.errors).forEach(t=>n.setError(t,{message:e.errors?.[t]?.[0]})):t(e)},a=()=>(0,c.jsx)(c.Fragment,{children:e&&!e.errors&&(0,c.jsx)(`div`,{className:u[`global-error`],children:e.message})});return{...n,register:r,GlobalError:a,setErrors:i}},q={container:`style-module__container__JyG0-`,"loading-container":`style-module__loading-container__sphNQ`,hidden:`style-module__hidden__jvJWI`,disabled:`style-module__disabled__p40Jo`,error:`style-module__error__pSghy`,placeholder:`style-module__placeholder__c-V0V`,element:`style-module__element__Ex50N`},J={loading:`style-module__loading__r9fwC`,dot:`style-module__dot__mMqu2`,bounce:`style-module__bounce__ikJLW`,light:`style-module__light__Kubs1`,secondary:`style-module__secondary__EkNcU`,"secondary-light":`style-module__secondary-light__cJeWY`},$e=({color:e=`primary`,...t})=>{let n=[`ui-loading`];return n.push(J.loading),e&&n.push(J[e],`ui-loading-`+e),(0,c.jsxs)(`div`,{...t,className:n.join(` `),children:[(0,c.jsx)(`div`,{className:J.dot}),(0,c.jsx)(`div`,{className:J.dot}),(0,c.jsx)(`div`,{className:J.dot}),(0,c.jsx)(`div`,{className:J.dot})]})},Y=({children:e,beforeElement:t,afterElement:n,error:r,placeholder:i,styleContainer:a,classNameContainer:o,hiddenContainer:s,formvalue:u,wait:d,...f})=>{let[p,m]=(0,l.useState)(``);return(0,l.useEffect)(()=>{m(r??``)},[r]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`label`,{className:(0,l.useMemo)(()=>{let e=[`ui-form-element-container`];return e.push(q.container),p&&e.push(q.error),f.disabled&&e.push(q.disabled),s&&e.push(q.hidden),o&&e.push(o),e.join(` `)},[p,f.disabled,s,o]),style:a,children:(0,c.jsxs)(`div`,{className:`ui-form-element `+q.element,children:[t?(0,l.cloneElement)(t,{key:`ui-before-element`}):null,typeof e==`function`?e(f):null,i&&d?``:(0,c.jsx)(`span`,{className:`ui-form-element-placeholder `+q.placeholder,children:i}),d&&(0,c.jsx)($e,{}),n?(0,l.cloneElement)(n,{key:`ui-after-element`}):null]})}),p&&(0,c.jsx)(`div`,{className:`ui-form-error `+q.error,children:p})]})},et=h,tt=(0,l.forwardRef)(({onChange:e,onInput:t,onChangeText:n,wait:r,disabled:i,formvalue:a,children:o,...s},u)=>{let[d,f]=(0,l.useState)(``),p=t=>{typeof e==`function`&&e(t),typeof n==`function`&&n(t.target.value)},m=e=>{i||r||(typeof t==`function`&&t(e),f(e.target.value))};return(0,l.useEffect)(()=>{let e=s.value??a;f(e?String(e):``)},[s.value,a]),(0,c.jsx)(Y,{...s,wait:r,children:e=>(0,c.jsx)(`input`,{...e,placeholder:``,onChange:p,disabled:i||r,value:r?``:d,onInput:m,ref:u})})}),nt=(0,l.forwardRef)(({onChange:e,onInput:t,onChangeText:n,formvalue:r,wait:i,...a},o)=>{let s=(0,l.useRef)(null),[u,d]=(0,l.useState)(a.value??r??``),f=t=>{typeof e==`function`&&e(t),typeof n==`function`&&n(t.target.value)},p=e=>{typeof t==`function`&&t(e),d(e.target.value)};(0,l.useEffect)(()=>{let e=s.current;if(!e)return;let t=e.offsetHeight;e.style.height=`auto`;let n=e.scrollHeight,r=Math.max(n,50);e.style.height=`${Math.max(r,t)}px`},[u]),(0,l.useEffect)(()=>{d(a.value??r??``)},[a.value,r]),(0,l.useImperativeHandle)(o,()=>s.current);let m=i?``:u;return(0,c.jsx)(Y,{...a,wait:i,children:e=>(0,c.jsx)(`textarea`,{...e,disabled:i,placeholder:e.placeholder??``,value:m,onChange:f,onInput:p,ref:s})})}),rt={"file-btn":`style-module__file-btn__WajPw`,icon:`style-module__icon__f1VPN`},it=({onChange:e,onChangeFiles:t,accept:n,multiple:r,wait:i,children:a,className:o,icon:s,...u})=>{let d=(0,l.useRef)(null),f=`
|
|
2
|
+
${rt[`file-btn`]}
|
|
3
|
+
${s&&!i?rt.icon:``}
|
|
4
|
+
`.trim(),p=(0,l.useCallback)(n=>{let r=n.target.files;typeof e==`function`&&e(n),typeof t==`function`&&t(r)},[e,t]);return(0,c.jsx)(Y,{...u,wait:i,children:e=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`input`,{type:`file`,ref:d,onChange:p,accept:n,multiple:r,style:{display:`none`},...e}),(0,c.jsx)(`div`,{className:`ui-file-uploader ${f} ${o||``}`,children:!i&&(a||`Выбрать файл`)})]})})},at=({onChange:e,children:t,multiple:n,accept:r,...i})=>{let a=(0,l.useRef)(null),o=t=>{let n=t.target;if(n.files)for(let t of n.files){let n=new FileReader;n.onload=n=>{let r=n.target?.result?.toString().split(`;base64,`),i=r?.[0].replace(`data:`,``)??``,o=r?.[1]??``;typeof e==`function`&&(a.current.value=``,e({name:t.name,type:t.type,size:t.size,mime:i,data:o,base64:n.target?.result}))},n.readAsDataURL(t)}},s=e=>{i.disabled||(a.current.click(),e.preventDefault())},u=()=>{let e=document.createElement(`input`);return e.setAttribute(`type`,`file`),e.onchange=o,r&&r.length>0&&e.setAttribute(`accept`,r.join(`,`)),n&&e.setAttribute(`multiple`,`multiple`),e};return(0,l.useEffect)(()=>(a.current=u(),()=>{a.current?.remove()}),[]),(0,c.jsx)(`div`,{...i,onClick:s,children:t})},X={container:`style-module__container__Y4Az4`,"wait-indicator":`style-module__wait-indicator__qOZNZ`,active:`style-module__active__SLZO0`,btn:`style-module__btn__w2P2j`,"icon-left":`style-module__icon-left__yptLL`,"icon-right":`style-module__icon-right__WiI7N`,"icon-only":`style-module__icon-only__EfIlC`,"btn-light":`style-module__btn-light__sxtcL`,"btn-secondary":`style-module__btn-secondary__t7dC7`,"btn-secondary-light":`style-module__btn-secondary-light__wBuc1`,"btn-tertiary":`style-module__btn-tertiary__2CjQz`,"normal-btn":`style-module__normal-btn__qHevU`,"small-btn":`style-module__small-btn__Axtvq`,"large-btn":`style-module__large-btn__X3--3`},ot=({children:e,className:t,classNameContainer:n,styleContainer:r,wait:i=!1,variant:a,size:o=`normal`,icon:s,...l})=>{let u=`
|
|
5
|
+
${X.btn}
|
|
6
|
+
${a&&X[`btn-${a}`]}
|
|
7
|
+
${o&&X[`${o}-btn`]}
|
|
8
|
+
${s&&!i?X[`icon-${s}`]:``}
|
|
9
|
+
${t||``}
|
|
10
|
+
`.replace(/\s+/g,` `).trim(),d=[`ui-button-container`];return d.push(X.container),n&&d.push(n),(0,c.jsxs)(`div`,{className:d.join(` `),style:r,children:[(0,c.jsx)(`button`,{...l,className:u,children:!i&&e}),i&&(0,c.jsx)(`div`,{className:`ui-button-spinner `+X[`wait-indicator`]+(i?` `+X.active:``),children:(0,c.jsx)($e,{color:a})})]})},Z={container:`style-module__container__Qt7Ix`,image:`style-module__image__1qdut`,new:`style-module__new__fOnXf`,close:`style-module__close__9k-p1`,wait:`style-module__wait__qnGnj`},st=({onChange:e,onClick:t,onId:n,onRemove:r,...i})=>{let{base64:a,src:o}=i,[s,u]=(0,l.useState)(!0),d=(0,l.useRef)(!1),p=(0,l.useRef)(),m=e=>{p.current=e,typeof n==`function`&&n(e)};return(0,l.useEffect)(()=>{typeof e!=`function`||o||e({...i,setWait:u,setId:m,id:p.current})},[]),(0,c.jsxs)(`span`,{className:Z.image,onClick:()=>{typeof t==`function`&&t({...i,setWait:u,setId:m,id:p.current})},children:[(0,c.jsx)(`span`,{className:Z.close,onClick:e=>{if(!e.target)return;let t=e.target;d.current&&(d.current=!1,t.blur(),typeof r==`function`&&r()),d.current=!0},onBlur:()=>{d.current=!1},tabIndex:1}),(0,c.jsx)(`img`,{src:o??a?.toString(),onLoad:()=>{u(!1)}}),s&&(0,c.jsx)(`span`,{className:Z.wait,children:(0,c.jsx)(f,{})})]})},ct=({imagesArray:e,onChange:t,onChangeArray:n,onClick:r})=>{let[i,a]=(0,l.useState)([]),o=e=>{a(t=>[...t,{...e}])},s=e=>t=>{a(n=>n.map(n=>(e===n&&(n.id=t),n)))},u=e=>()=>a(t=>t.filter(t=>t!==e));return(0,l.useEffect)(()=>{typeof n==`function`&&n(i)},[i]),(0,l.useEffect)(()=>{e&&a(e)},[e]),(0,c.jsxs)(`div`,{className:Z.container,children:[i.map((e,n)=>(0,c.jsx)(st,{...e,onChange:t,onClick:r,onRemove:u(e),onId:s(e)},e.name+n)),(0,c.jsx)(at,{onChange:o,accept:[`image/png`],className:Z.new,multiple:!0})]})},lt={container:`style-module__container__tUkU0`,text:`style-module__text__5dksK`,indicator:`style-module__indicator__BdmZs`},ut=(0,l.forwardRef)(({type:e=`checkbox`,hiddenContainer:t=!0,placeholder:n,onChecked:r,onChange:i,...a},o)=>{let s=e=>{typeof i==`function`&&i(e),typeof r==`function`&&r(e.target.checked,a.value)};return(0,c.jsx)(Y,{...a,hiddenContainer:t,children:t=>(0,c.jsxs)(`div`,{className:`ui-checkbox-container `+lt.container,children:[(0,c.jsx)(`input`,{...t,className:`ui-checkbox`+(t.className?` `+t.className:``),type:e,onChange:s,ref:o}),(0,c.jsx)(`span`,{className:`ui-checkbox-indicator `+lt.indicator}),(0,c.jsx)(`span`,{className:`ui-checkbox-text `+lt.text,children:n})]})})}),dt={container:`style-module__container__nvLZo`,down:`style-module__down__0mCw1`,up:`style-module__up__4e9Cz`,left:`style-module__left__tsvvk`,right:`style-module__right__-YgfC`},ft=({className:e,direction:t=`down`,...n})=>{let r=[`ui-component-arrow`];return r.push(dt.container),t&&r.push(dt[t]),e&&r.push(e),(0,c.jsx)(`div`,{...n,className:r.join(` `)})},Q={"container-element":`style-module__container-element__bbCnL`,container:`style-module__container__P3B9C`,select:`style-module__select__BYzzT`,arrow:`style-module__arrow__pfRrX`,opened:`style-module__opened__1ytU8`,"select-list":`style-module__select-list__c--KX`,left:`style-module__left__pbJ6F`,right:`style-module__right__WUUwr`,hidden:`style-module__hidden__u48qc`,optgpoup:`style-module__optgpoup__VDA2I`,label:`style-module__label__GP062`,option:`style-module__option__byy-y`,title:`style-module__title__x7nug`,active:`style-module__active__ORdtQ`,disabled:`style-module__disabled__xA0bc`},pt=`ui-`,mt=(e,t,n)=>{let r=pt+(n?n+`-`:``);return Array.isArray(e)?e.map(()=>mt(e,t,r)).join(` `):`${t[e]} ${r}${e}`},ht=(0,l.createContext)({selected:``,emptyValue:{current:{}},setSelect:e=>{},setSelected:e=>{},setTitle:e=>{}}),gt=(0,l.forwardRef)(({children:e,onChangeSelect:t,value:n,formvalue:r,...i},a)=>{let o=(0,l.useRef)(null),s=(0,l.useRef)(null),u=(0,l.useRef)(!1),[d,f]=(0,l.useState)(!1),[p,m]=(0,l.useState)(``),[h,g]=(0,l.useState)(),_=()=>{i.disabled||f(!0)},v=()=>{f(!1)},y=()=>{d?v():_()},b=e=>{(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(s.current,e);let t=new Event(`input`,{bubbles:!0});s.current.dispatchEvent(t)},x=e=>{typeof t==`function`&&t(e),n===void 0&&m(e),v()},S=e=>{i.disabled||(typeof i.onInput==`function`&&i.onInput(e),typeof i.onChange==`function`&&i.onChange(e),m(e.target.value))};(0,l.useEffect)(()=>{p&&b(p)},[p]),(0,l.useEffect)(()=>{m(String(n??r))},[n,r]),(0,l.useEffect)(()=>{let e=o.current,t=e.classList;d?(t.remove(Q.hidden),requestAnimationFrame(()=>{t.add(Q.opened),e?.focus()})):(t.contains(Q.opened)&&(e.ontransitionend=()=>{t.add(Q.hidden),e.ontransitionend=null}),t.remove(Q.opened))},[d]),(0,l.useImperativeHandle)(a,()=>s.current,[]);let C=(0,l.useMemo)(()=>{let e=[mt(`container`,Q,`select`)];return e.push(Q.hidden),e},[]);return(0,c.jsx)(Y,{...i,classNameContainer:mt(`container-element`,Q,`select`),children:t=>(0,c.jsxs)(ht.Provider,{value:{selected:p,emptyValue:u,setSelect:x,setSelected:m,setTitle:g},children:[(0,c.jsx)(`input`,{...t,type:`hidden`,value:p,onInput:S,ref:s}),(0,c.jsxs)(`div`,{className:C.join(` `),ref:o,tabIndex:1,onBlur:v,children:[(0,c.jsxs)(`div`,{className:Q.select,onClick:y,children:[(0,c.jsx)(`span`,{className:mt(`title`,Q,`select`),children:h}),(0,c.jsx)(ft,{className:mt(`arrow`,Q,`select`)})]}),(0,c.jsx)(`ul`,{className:mt(`select-list`,Q,`select`),children:e})]})]})})}),_t=({children:e,value:t,disabled:n,hidden:r,onClick:i,...a})=>{let o=(0,l.useContext)(ht),s=e=>{t===void 0||n||(o.setSelect(t),typeof i==`function`&&i(e))};if((0,l.useEffect)(()=>{e&&(t===o.selected||!o.emptyValue.current)&&(o.setTitle(e),!o.emptyValue.current&&t&&o.setSelected(t),o.emptyValue.current=!0)},[o.selected,o.emptyValue.current]),r)return null;let u=(0,l.useMemo)(()=>{let e=[mt(`ui-select-option`,Q,`select`)];return e.push(Q.option),o.selected===t&&e.push(Q.active,`active`),n&&e.push(Q.disabled,`disabled`),e},[o.selected,n]);return(0,c.jsx)(`li`,{...a,onClick:s,className:u.join(` `),children:e})},vt=({children:e,label:t})=>(0,c.jsx)(`li`,{children:(0,c.jsxs)(`ul`,{className:Q.optgpoup,children:[t&&(0,c.jsx)(`li`,{className:Q.label,children:t}),e]})}),yt={...(0,l.forwardRef)(({...e},t)=>(0,c.jsx)(gt,{...e,ref:t})),Option:_t,Optgroup:vt},$={container:`style-module__container__3-2SP`,hide:`style-module__hide__4ywHX`,down:`style-module__down__STzsX`,"dropdown-list":`style-module__dropdown-list__O27el`,up:`style-module__up__PYaUD`,left:`style-module__left__9XBs6`,right:`style-module__right__Tvd1-`,opened:`style-module__opened__GjGrB`,arrow:`style-module__arrow__SCvqs`,item:`style-module__item__v8SnZ`},bt=({items:e,isOpen:t,enableRerenderItems:n,disabled:r})=>{let i=(0,l.useRef)(null),a=(0,l.useMemo)(()=>n?t?e:null:e,[n,e,t]);return(0,l.useEffect)(()=>{i.current&&(window.innerWidth,i.current.getBoundingClientRect().left)},[t]),r?null:(0,c.jsx)(`ul`,{className:`${$[`dropdown-list`]} ui-dropdown-list`,children:a,ref:i})},xt=(0,l.createContext)({close:()=>{}}),St=({children:e,className:t,items:n,arrow:r=!0,direction:i=`down`,position:a=`right`,split:o=!1,disabled:s,hover:u=!1,enableRerenderItems:d=!0,onShow:f,onHide:p,...m})=>{let h=(0,l.useRef)(null),g=(0,l.useRef)(null),[_,v]=(0,l.useState)(!1),y=()=>{v(!1)},b=()=>{v(!0)},x=()=>{v(e=>s?!1:!e)},S=()=>{x()},C=()=>{g.current||(!o||u)&&x()},w=e=>{e.currentTarget.contains(e.relatedTarget)||y()},T=()=>{!u||_||g.current||(g.current=setTimeout(b,50))},E=()=>{g.current&&=(clearTimeout(g.current),null)};(0,l.useEffect)(()=>{let e=h.current,t=e?.classList;_?(t?.add($.opened),e?.focus(),typeof f==`function`&&f()):(t?.remove($.opened),typeof p==`function`&&p())},[_]);let D=(0,l.useMemo)(()=>{let e=[`ui-dropdown`];return e.push($.container),t&&e.push(t),i&&e.push($[i]),a&&e.push($[a]),e.join(` `)},[t,i,a]);return(0,c.jsx)(xt.Provider,{value:{close:y},children:(0,c.jsxs)(`div`,{...m,className:D,ref:h,onMouseEnter:T,onMouseLeave:E,tabIndex:1,onBlur:w,children:[a===`left`&&!s&&(0,c.jsx)(ft,{className:$.arrow,onClick:S}),(0,c.jsx)(`div`,{onClick:C,className:`ui-dropdown-block`+(_?` `+$.hide:``),children:e}),a===`right`&&!s&&r&&(0,c.jsx)(ft,{className:$.arrow,onClick:S}),(0,c.jsx)(bt,{isOpen:_,disabled:s,enableRerenderItems:d,items:n})]})})},Ct=({children:e,onClick:t,autoClose:n=!0,active:r,className:i,...a})=>{let o=(0,l.useContext)(xt),s=e=>{typeof t==`function`&&t(e),n&&o.close()},u=[`ui-dropdown-item`];return u.push($.item),r&&u.push($.active,`active`),i&&u.push(i),(0,c.jsx)(`li`,{...a,onClick:s,className:u.join(` `),children:typeof e==`function`?e(o):e})},wt={...(0,l.forwardRef)(({...e},t)=>(0,c.jsx)(St,{...e})),Item:Ct},Tt=(0,l.createContext)({}),Et=({children:e})=>(0,c.jsx)(Tt.Provider,{value:{},children:e});exports.Button=ot,exports.Checkbox=ut,exports.Dropdown=wt,exports.DropdownItem=Ct,exports.Element=Y,exports.FormElement=Y,exports.File=at,exports.FileInput=it,exports.Form=et,exports.Input=tt,exports.Loading=$e,exports.Progress=m,exports.Provider=Et,exports.Select=yt,exports.SelectOptgroup=vt,exports.SelectOption=_t,exports.Spinner=f,exports.TextArea=nt,exports.UploadImages=ct,exports.useForm=Qe;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as Form, useForm, FormElement } from './Form';
|
|
2
|
+
import { default as Element, ElementProps } from './Form/Element';
|
|
3
|
+
import { default as Input } from './Input';
|
|
4
|
+
import { default as TextArea } from './TextArea';
|
|
5
|
+
import { default as Spinner } from './Spinner';
|
|
6
|
+
import { default as Loading } from './Loading';
|
|
7
|
+
import { default as FileInput, IFileInput } from './FileInput';
|
|
8
|
+
import { default as File, TFileData, TFileMime } from './File';
|
|
9
|
+
import { default as Button, ButtonProps } from './Button';
|
|
10
|
+
import { default as UploadImages, IUploadImages, TImageData, IImage } from './UploadImages';
|
|
11
|
+
import { default as Checkbox } from './Checkbox';
|
|
12
|
+
import { default as Progress } from './Progress';
|
|
13
|
+
import { default as Select, SelectOption, SelectOptgroup } from './Select';
|
|
14
|
+
import { default as Dropdown, DropdownItem } from './Dropdown';
|
|
15
|
+
import { default as Provider } from './Provider';
|
|
16
|
+
export { Provider, Form, FormElement, Element, useForm, Input, TextArea, Spinner, Loading, File, Button, UploadImages, Checkbox, Progress, Select, SelectOption, SelectOptgroup, Dropdown, DropdownItem, FileInput, };
|
|
17
|
+
export type { TFileData, TFileMime, IUploadImages, IImage, TImageData, ElementProps, ButtonProps, IFileInput, };
|