react-artasys-ui 0.1.22 → 0.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/lib/src/Button/Button.d.ts +12 -12
- package/lib/src/Checkbox/Checkbox.d.ts +7 -7
- package/lib/src/Components/Arrow/Arrow.d.ts +6 -6
- package/lib/src/Dropdown/Dropdown.d.ts +18 -18
- package/lib/src/Dropdown/Item.d.ts +11 -11
- package/lib/src/Dropdown/Items.d.ts +6 -6
- package/lib/src/File/File.d.ts +18 -18
- package/lib/src/FileInput/FileInput.d.ts +14 -14
- package/lib/src/FileInput/index.d.ts +3 -3
- package/lib/src/Form/Element/Element.d.ts +16 -16
- package/lib/src/Form/Form.d.ts +10 -10
- package/lib/src/Input/Input.d.ts +11 -11
- package/lib/src/Loading/Loading.d.ts +6 -6
- package/lib/src/Loading/index.d.ts +3 -3
- package/lib/src/Progress/Progress.d.ts +7 -7
- package/lib/src/Provider/Provider.d.ts +7 -7
- package/lib/src/Provider/index.d.ts +2 -2
- package/lib/src/Select/Optgroup.d.ts +7 -7
- package/lib/src/Select/Option.d.ts +8 -8
- package/lib/src/Spinner/Spinner.d.ts +8 -8
- package/lib/src/TextArea/TextArea.d.ts +9 -9
- package/lib/src/UploadImages/Image.d.ts +16 -16
- package/lib/src/UploadImages/UploadImages.d.ts +9 -9
- package/lib/src/index.d.ts +19 -19
- package/lib/stories/Checkbox.stories.d.ts +6 -6
- package/lib/stories/Dropdown/Dropdown.stories.d.ts +6 -6
- package/lib/stories/Dropdown/Item.stories.d.ts +6 -6
- package/lib/stories/Dropdown/Items.stories.d.ts +6 -6
- package/lib/stories/File.stories.d.ts +6 -6
- package/lib/stories/FileInput.stories.d.ts +9 -9
- package/lib/stories/Form/Element/Element.stories.d.ts +6 -6
- package/lib/stories/Form/Form.stories.d.ts +6 -6
- package/lib/stories/Input.stories.d.ts +6 -6
- package/lib/stories/Loading.stories.d.ts +6 -6
- package/lib/stories/Progress.stories.d.ts +6 -6
- package/lib/stories/Select/Select.stories.d.ts +6 -6
- package/lib/stories/TextArea.stories.d.ts +6 -6
- package/package.json +1 -1
- package/lib/Button/Button.d.ts +0 -12
- package/lib/Button/index.d.ts +0 -3
- package/lib/Checkbox/Checkbox.d.ts +0 -7
- package/lib/Checkbox/index.d.ts +0 -2
- package/lib/Components/Arrow/Arrow.d.ts +0 -6
- package/lib/Components/Arrow/index.d.ts +0 -2
- package/lib/Dropdown/Dropdown.d.ts +0 -18
- package/lib/Dropdown/Item.d.ts +0 -11
- package/lib/Dropdown/Items.d.ts +0 -6
- package/lib/Dropdown/index.d.ts +0 -9
- package/lib/File/File.d.ts +0 -18
- package/lib/File/index.d.ts +0 -3
- package/lib/FileInput/FileInput.d.ts +0 -13
- package/lib/FileInput/index.d.ts +0 -3
- package/lib/Form/Element/Element.d.ts +0 -16
- package/lib/Form/Element/index.d.ts +0 -3
- package/lib/Form/Form.d.ts +0 -10
- package/lib/Form/index.d.ts +0 -5
- package/lib/Form/types.d.ts +0 -11
- package/lib/Form/useForm.d.ts +0 -17
- package/lib/Input/Input.d.ts +0 -11
- package/lib/Input/index.d.ts +0 -2
- package/lib/Loading/Loading.d.ts +0 -6
- package/lib/Loading/index.d.ts +0 -3
- package/lib/Progress/Progress.d.ts +0 -7
- package/lib/Progress/index.d.ts +0 -2
- package/lib/Provider/Provider.d.ts +0 -7
- package/lib/Provider/ProviderContext.d.ts +0 -1
- package/lib/Provider/index.d.ts +0 -2
- package/lib/Select/Optgroup.d.ts +0 -7
- package/lib/Select/Option.d.ts +0 -8
- package/lib/Select/Select.d.ts +0 -18
- package/lib/Select/index.d.ts +0 -11
- package/lib/Spinner/Spinner.d.ts +0 -8
- package/lib/Spinner/index.d.ts +0 -3
- package/lib/TextArea/TextArea.d.ts +0 -10
- package/lib/TextArea/index.d.ts +0 -2
- package/lib/UploadImages/Image.d.ts +0 -16
- package/lib/UploadImages/UploadImages.d.ts +0 -9
- package/lib/UploadImages/index.d.ts +0 -5
- package/lib/index.d.ts +0 -19
- package/lib/ui-types.d.ts +0 -3
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { type ButtonHTMLAttributes, type HTMLAttributes } from "react";
|
|
2
|
-
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
-
wait?: boolean;
|
|
4
|
-
classNameContainer?: string;
|
|
5
|
-
styleContainer?: HTMLAttributes<HTMLDivElement>['style'];
|
|
6
|
-
variant?: 'primary' | 'light' | 'secondary' | 'secondary-light' | 'tertiary';
|
|
7
|
-
size?: 'normal' | 'small' | 'large';
|
|
8
|
-
icon?: 'left' | 'right' | 'only' | 'no';
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
}
|
|
11
|
-
declare const Button: ({ children, className, classNameContainer, styleContainer, wait, variant, size, icon, ...props }: ButtonProps) =>
|
|
12
|
-
export default Button;
|
|
1
|
+
import { type ButtonHTMLAttributes, type HTMLAttributes } from "react";
|
|
2
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
wait?: boolean;
|
|
4
|
+
classNameContainer?: string;
|
|
5
|
+
styleContainer?: HTMLAttributes<HTMLDivElement>['style'];
|
|
6
|
+
variant?: 'primary' | 'light' | 'secondary' | 'secondary-light' | 'tertiary';
|
|
7
|
+
size?: 'normal' | 'small' | 'large';
|
|
8
|
+
icon?: 'left' | 'right' | 'only' | 'no';
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare const Button: ({ children, className, classNameContainer, styleContainer, wait, variant, size, icon, ...props }: ButtonProps) => JSX.Element;
|
|
12
|
+
export default Button;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { IElement } from "../Form/Element";
|
|
2
|
-
import { UIComponent } from "../ui-types";
|
|
3
|
-
export interface ICheckbox extends UIComponent<IElement<HTMLInputElement>> {
|
|
4
|
-
type?: 'checkbox' | 'radio';
|
|
5
|
-
}
|
|
6
|
-
declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckbox & import("react").RefAttributes<HTMLInputElement>>;
|
|
7
|
-
export default Checkbox;
|
|
1
|
+
import { IElement } from "../Form/Element";
|
|
2
|
+
import { UIComponent } from "../ui-types";
|
|
3
|
+
export interface ICheckbox extends UIComponent<IElement<HTMLInputElement>> {
|
|
4
|
+
type?: 'checkbox' | 'radio';
|
|
5
|
+
}
|
|
6
|
+
declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckbox & import("react").RefAttributes<HTMLInputElement>>;
|
|
7
|
+
export default Checkbox;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { AllHTMLAttributes } from "react";
|
|
2
|
-
interface IArrow extends AllHTMLAttributes<HTMLDivElement> {
|
|
3
|
-
direction?: 'up' | 'down' | 'left' | 'right';
|
|
4
|
-
}
|
|
5
|
-
declare const Arrow: ({ className, direction, ...props }: IArrow) =>
|
|
6
|
-
export default Arrow;
|
|
1
|
+
import { AllHTMLAttributes } from "react";
|
|
2
|
+
interface IArrow extends AllHTMLAttributes<HTMLDivElement> {
|
|
3
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
4
|
+
}
|
|
5
|
+
declare const Arrow: ({ className, direction, ...props }: IArrow) => JSX.Element;
|
|
6
|
+
export default Arrow;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { AllHTMLAttributes, FunctionComponentElement } from "react";
|
|
2
|
-
import type { IItem, TChildrenAction } from "./Item";
|
|
3
|
-
import { UIComponent } from "../ui-types";
|
|
4
|
-
export declare const Context: import("react").Context<TChildrenAction>;
|
|
5
|
-
export interface IDropdown extends UIComponent<AllHTMLAttributes<HTMLDivElement>> {
|
|
6
|
-
direction?: 'down' | 'up';
|
|
7
|
-
position?: 'left' | 'right';
|
|
8
|
-
split?: boolean;
|
|
9
|
-
hover?: boolean;
|
|
10
|
-
arrow?: boolean;
|
|
11
|
-
items?: FunctionComponentElement<IItem> | FunctionComponentElement<IItem>[];
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
enableRerenderItems?: boolean;
|
|
14
|
-
onShow?: () => void;
|
|
15
|
-
onHide?: () => void;
|
|
16
|
-
}
|
|
17
|
-
declare const Dropdown: ({ children, className, items, arrow, direction, position, split, disabled, hover, enableRerenderItems, onShow, onHide, ...props }: IDropdown) =>
|
|
18
|
-
export default Dropdown;
|
|
1
|
+
import { AllHTMLAttributes, FunctionComponentElement } from "react";
|
|
2
|
+
import type { IItem, TChildrenAction } from "./Item";
|
|
3
|
+
import { UIComponent } from "../ui-types";
|
|
4
|
+
export declare const Context: import("react").Context<TChildrenAction>;
|
|
5
|
+
export interface IDropdown extends UIComponent<AllHTMLAttributes<HTMLDivElement>> {
|
|
6
|
+
direction?: 'down' | 'up';
|
|
7
|
+
position?: 'left' | 'right';
|
|
8
|
+
split?: boolean;
|
|
9
|
+
hover?: boolean;
|
|
10
|
+
arrow?: boolean;
|
|
11
|
+
items?: FunctionComponentElement<IItem> | FunctionComponentElement<IItem>[];
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
enableRerenderItems?: boolean;
|
|
14
|
+
onShow?: () => void;
|
|
15
|
+
onHide?: () => void;
|
|
16
|
+
}
|
|
17
|
+
declare const Dropdown: ({ children, className, items, arrow, direction, position, split, disabled, hover, enableRerenderItems, onShow, onHide, ...props }: IDropdown) => JSX.Element;
|
|
18
|
+
export default Dropdown;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { AllHTMLAttributes, ReactElement } from "react";
|
|
2
|
-
export type TChildrenAction = {
|
|
3
|
-
close: () => void;
|
|
4
|
-
};
|
|
5
|
-
export interface IItem extends Omit<AllHTMLAttributes<HTMLLIElement>, 'children'> {
|
|
6
|
-
children?: ((action: TChildrenAction) => ReactElement) | string | ReactElement;
|
|
7
|
-
autoClose?: boolean;
|
|
8
|
-
active?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const Item: ({ children, onClick, autoClose, active, className, ...props }: IItem) =>
|
|
11
|
-
export default Item;
|
|
1
|
+
import { AllHTMLAttributes, ReactElement } from "react";
|
|
2
|
+
export type TChildrenAction = {
|
|
3
|
+
close: () => void;
|
|
4
|
+
};
|
|
5
|
+
export interface IItem extends Omit<AllHTMLAttributes<HTMLLIElement>, 'children'> {
|
|
6
|
+
children?: ((action: TChildrenAction) => ReactElement) | string | ReactElement;
|
|
7
|
+
autoClose?: boolean;
|
|
8
|
+
active?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const Item: ({ children, onClick, autoClose, active, className, ...props }: IItem) => JSX.Element;
|
|
11
|
+
export default Item;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { IDropdown } from "./Dropdown";
|
|
2
|
-
export interface IItems extends Pick<IDropdown, 'items' | 'disabled' | 'enableRerenderItems'> {
|
|
3
|
-
isOpen: boolean;
|
|
4
|
-
}
|
|
5
|
-
declare const Items: ({ items, isOpen, enableRerenderItems, disabled }: IItems) =>
|
|
6
|
-
export default Items;
|
|
1
|
+
import type { IDropdown } from "./Dropdown";
|
|
2
|
+
export interface IItems extends Pick<IDropdown, 'items' | 'disabled' | 'enableRerenderItems'> {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare const Items: ({ items, isOpen, enableRerenderItems, disabled }: IItems) => JSX.Element | null;
|
|
6
|
+
export default Items;
|
package/lib/src/File/File.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { AllHTMLAttributes } from "react";
|
|
2
|
-
import { UIComponent } from "../ui-types";
|
|
3
|
-
export type TFileMime = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/gif';
|
|
4
|
-
export type TFileData = {
|
|
5
|
-
name: string;
|
|
6
|
-
type: TFileMime;
|
|
7
|
-
size: number;
|
|
8
|
-
mime: TFileMime;
|
|
9
|
-
data: string;
|
|
10
|
-
base64?: string | null | ArrayBuffer;
|
|
11
|
-
};
|
|
12
|
-
export interface TFile<T = any> extends UIComponent<Omit<AllHTMLAttributes<T>, 'onChange' | 'accept'>> {
|
|
13
|
-
onChange?: (data: TFileData) => void;
|
|
14
|
-
multiple?: boolean;
|
|
15
|
-
accept?: TFileMime[];
|
|
16
|
-
}
|
|
17
|
-
declare const File: ({ onChange, children, multiple, accept, ...props }: TFile) =>
|
|
18
|
-
export default File;
|
|
1
|
+
import { AllHTMLAttributes } from "react";
|
|
2
|
+
import { UIComponent } from "../ui-types";
|
|
3
|
+
export type TFileMime = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/gif';
|
|
4
|
+
export type TFileData = {
|
|
5
|
+
name: string;
|
|
6
|
+
type: TFileMime;
|
|
7
|
+
size: number;
|
|
8
|
+
mime: TFileMime;
|
|
9
|
+
data: string;
|
|
10
|
+
base64?: string | null | ArrayBuffer;
|
|
11
|
+
};
|
|
12
|
+
export interface TFile<T = any> extends UIComponent<Omit<AllHTMLAttributes<T>, 'onChange' | 'accept'>> {
|
|
13
|
+
onChange?: (data: TFileData) => void;
|
|
14
|
+
multiple?: boolean;
|
|
15
|
+
accept?: TFileMime[];
|
|
16
|
+
}
|
|
17
|
+
declare const File: ({ onChange, children, multiple, accept, ...props }: TFile) => JSX.Element;
|
|
18
|
+
export default File;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { IElement } from '../Form/Element';
|
|
3
|
-
import { UIComponent } from '../ui-types';
|
|
4
|
-
export interface IFileInput extends UIComponent<IElement<HTMLInputElement>> {
|
|
5
|
-
onChangeFiles?: (files: FileList | null) => void;
|
|
6
|
-
accept?: string;
|
|
7
|
-
multiple?: boolean;
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
wait?: boolean;
|
|
10
|
-
className?: string;
|
|
11
|
-
icon?: boolean;
|
|
12
|
-
}
|
|
13
|
-
declare const FileInput: ({ onChange, onChangeFiles, accept, multiple, wait, children, className, icon, ...props }: IFileInput) =>
|
|
14
|
-
export default FileInput;
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { IElement } from '../Form/Element';
|
|
3
|
+
import { UIComponent } from '../ui-types';
|
|
4
|
+
export interface IFileInput extends UIComponent<IElement<HTMLInputElement>> {
|
|
5
|
+
onChangeFiles?: (files: FileList | null) => void;
|
|
6
|
+
accept?: string;
|
|
7
|
+
multiple?: boolean;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
wait?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
icon?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const FileInput: ({ onChange, onChangeFiles, accept, multiple, wait, children, className, icon, ...props }: IFileInput) => JSX.Element;
|
|
14
|
+
export default FileInput;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import FileInput, { IFileInput } from "./FileInput";
|
|
2
|
-
export type { IFileInput };
|
|
3
|
-
export default FileInput;
|
|
1
|
+
import FileInput, { IFileInput } from "./FileInput";
|
|
2
|
+
export type { IFileInput };
|
|
3
|
+
export default FileInput;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { AllHTMLAttributes, ReactElement } from "react";
|
|
2
|
-
export interface IElement<T = any> extends Omit<AllHTMLAttributes<T>, 'children'> {
|
|
3
|
-
children?: ((props: AllHTMLAttributes<T>) => ReactElement) | AllHTMLAttributes<T>["children"];
|
|
4
|
-
error?: string;
|
|
5
|
-
formValue?: string | number;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
styleContainer?: React.HTMLAttributes<T>["style"];
|
|
9
|
-
classNameContainer?: string;
|
|
10
|
-
beforeElement?: React.ReactElement;
|
|
11
|
-
afterElement?: React.ReactElement;
|
|
12
|
-
hiddenContainer?: boolean;
|
|
13
|
-
wait?: boolean;
|
|
14
|
-
}
|
|
15
|
-
declare const Element: ({ children, beforeElement, afterElement, error, placeholder, styleContainer, classNameContainer, hiddenContainer, formValue, wait, ...props }: IElement) =>
|
|
16
|
-
export default Element;
|
|
1
|
+
import { AllHTMLAttributes, ReactElement } from "react";
|
|
2
|
+
export interface IElement<T = any> extends Omit<AllHTMLAttributes<T>, 'children'> {
|
|
3
|
+
children?: ((props: AllHTMLAttributes<T>) => ReactElement) | AllHTMLAttributes<T>["children"];
|
|
4
|
+
error?: string;
|
|
5
|
+
formValue?: string | number;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
styleContainer?: React.HTMLAttributes<T>["style"];
|
|
9
|
+
classNameContainer?: string;
|
|
10
|
+
beforeElement?: React.ReactElement;
|
|
11
|
+
afterElement?: React.ReactElement;
|
|
12
|
+
hiddenContainer?: boolean;
|
|
13
|
+
wait?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const Element: ({ children, beforeElement, afterElement, error, placeholder, styleContainer, classNameContainer, hiddenContainer, formValue, wait, ...props }: IElement) => JSX.Element;
|
|
16
|
+
export default Element;
|
package/lib/src/Form/Form.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { FormHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { UIComponent } from '../ui-types';
|
|
3
|
-
export interface IForm extends UIComponent<FormHTMLAttributes<HTMLFormElement>> {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
wait?: boolean;
|
|
6
|
-
progress?: number;
|
|
7
|
-
progressRadius?: boolean;
|
|
8
|
-
}
|
|
9
|
-
declare const Form: ({ children, wait, progress, progressRadius, className, onSubmit, ...props }: IForm) =>
|
|
10
|
-
export default Form;
|
|
1
|
+
import { FormHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { UIComponent } from '../ui-types';
|
|
3
|
+
export interface IForm extends UIComponent<FormHTMLAttributes<HTMLFormElement>> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
wait?: boolean;
|
|
6
|
+
progress?: number;
|
|
7
|
+
progressRadius?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const Form: ({ children, wait, progress, progressRadius, className, onSubmit, ...props }: IForm) => JSX.Element;
|
|
10
|
+
export default Form;
|
package/lib/src/Input/Input.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { type HTMLInputTypeAttribute } from "react";
|
|
2
|
-
import { IElement } from "../Form/Element";
|
|
3
|
-
import { UIComponent } from "../ui-types";
|
|
4
|
-
export interface IInput extends UIComponent<IElement<HTMLInputElement>> {
|
|
5
|
-
onChangeText?: (text: string) => void;
|
|
6
|
-
type?: HTMLInputTypeAttribute;
|
|
7
|
-
wait?: boolean;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
declare const Input: import("react").ForwardRefExoticComponent<IInput & import("react").RefAttributes<HTMLInputElement>>;
|
|
11
|
-
export default Input;
|
|
1
|
+
import { type HTMLInputTypeAttribute } from "react";
|
|
2
|
+
import { IElement } from "../Form/Element";
|
|
3
|
+
import { UIComponent } from "../ui-types";
|
|
4
|
+
export interface IInput extends UIComponent<IElement<HTMLInputElement>> {
|
|
5
|
+
onChangeText?: (text: string) => void;
|
|
6
|
+
type?: HTMLInputTypeAttribute;
|
|
7
|
+
wait?: boolean;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
declare const Input: import("react").ForwardRefExoticComponent<IInput & import("react").RefAttributes<HTMLInputElement>>;
|
|
11
|
+
export default Input;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { AllHTMLAttributes } from 'react';
|
|
2
|
-
export interface LoadingProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'color'> {
|
|
3
|
-
color?: 'primary' | 'light' | 'secondary' | 'secondary-light' | 'tertiary';
|
|
4
|
-
}
|
|
5
|
-
declare const Loading: ({ color, ...props }: LoadingProps) =>
|
|
6
|
-
export default Loading;
|
|
1
|
+
import { AllHTMLAttributes } from 'react';
|
|
2
|
+
export interface LoadingProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'color'> {
|
|
3
|
+
color?: 'primary' | 'light' | 'secondary' | 'secondary-light' | 'tertiary';
|
|
4
|
+
}
|
|
5
|
+
declare const Loading: ({ color, ...props }: LoadingProps) => JSX.Element;
|
|
6
|
+
export default Loading;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Loading, { type LoadingProps } from "./Loading";
|
|
2
|
-
export type { LoadingProps };
|
|
3
|
-
export default Loading;
|
|
1
|
+
import Loading, { type LoadingProps } from "./Loading";
|
|
2
|
+
export type { LoadingProps };
|
|
3
|
+
export default Loading;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export interface IProgress {
|
|
2
|
-
value?: number | string;
|
|
3
|
-
size?: 'small' | 'middle' | 'large';
|
|
4
|
-
radius?: boolean;
|
|
5
|
-
}
|
|
6
|
-
declare const Progress: ({ value, size, radius }: IProgress) =>
|
|
7
|
-
export default Progress;
|
|
1
|
+
export interface IProgress {
|
|
2
|
+
value?: number | string;
|
|
3
|
+
size?: 'small' | 'middle' | 'large';
|
|
4
|
+
radius?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const Progress: ({ value, size, radius }: IProgress) => JSX.Element;
|
|
7
|
+
export default Progress;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { type ReactNode } from "react";
|
|
2
|
-
import type { UIComponent } from "../ui-types";
|
|
3
|
-
interface ProviderProps extends UIComponent {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
declare const Provider: ({ children }: ProviderProps) =>
|
|
7
|
-
export default Provider;
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import type { UIComponent } from "../ui-types";
|
|
3
|
+
interface ProviderProps extends UIComponent {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare const Provider: ({ children }: ProviderProps) => JSX.Element;
|
|
7
|
+
export default Provider;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import Provider from "./Provider";
|
|
2
|
-
export default Provider;
|
|
1
|
+
import Provider from "./Provider";
|
|
2
|
+
export default Provider;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { TOptionElement } from "./Select";
|
|
2
|
-
export interface IOptgroup {
|
|
3
|
-
children?: TOptionElement;
|
|
4
|
-
label?: string | React.ReactElement;
|
|
5
|
-
}
|
|
6
|
-
declare const Optgroup: ({ children, label }: IOptgroup) =>
|
|
7
|
-
export default Optgroup;
|
|
1
|
+
import type { TOptionElement } from "./Select";
|
|
2
|
+
export interface IOptgroup {
|
|
3
|
+
children?: TOptionElement;
|
|
4
|
+
label?: string | React.ReactElement;
|
|
5
|
+
}
|
|
6
|
+
declare const Optgroup: ({ children, label }: IOptgroup) => JSX.Element;
|
|
7
|
+
export default Optgroup;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { LiHTMLAttributes } from "react";
|
|
2
|
-
export interface IOption extends LiHTMLAttributes<HTMLLIElement> {
|
|
3
|
-
value?: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
children?: string | React.ReactElement;
|
|
6
|
-
}
|
|
7
|
-
declare const Option: ({ children, value, disabled, hidden, onClick, ...props }: IOption) =>
|
|
8
|
-
export default Option;
|
|
1
|
+
import { LiHTMLAttributes } from "react";
|
|
2
|
+
export interface IOption extends LiHTMLAttributes<HTMLLIElement> {
|
|
3
|
+
value?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
children?: string | React.ReactElement;
|
|
6
|
+
}
|
|
7
|
+
declare const Option: ({ children, value, disabled, hidden, onClick, ...props }: IOption) => JSX.Element | null;
|
|
8
|
+
export default Option;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { AllHTMLAttributes } from "react";
|
|
2
|
-
import type { UIComponent } from "../ui-types";
|
|
3
|
-
export interface SpinnerProps extends UIComponent<Omit<AllHTMLAttributes<HTMLDivElement>, 'size'>> {
|
|
4
|
-
size?: 'small' | 'middle' | 'large';
|
|
5
|
-
contrast?: boolean;
|
|
6
|
-
}
|
|
7
|
-
declare const Spinner: ({ size, contrast, ...props }: SpinnerProps) =>
|
|
8
|
-
export default Spinner;
|
|
1
|
+
import { AllHTMLAttributes } from "react";
|
|
2
|
+
import type { UIComponent } from "../ui-types";
|
|
3
|
+
export interface SpinnerProps extends UIComponent<Omit<AllHTMLAttributes<HTMLDivElement>, 'size'>> {
|
|
4
|
+
size?: 'small' | 'middle' | 'large';
|
|
5
|
+
contrast?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const Spinner: ({ size, contrast, ...props }: SpinnerProps) => JSX.Element;
|
|
8
|
+
export default Spinner;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IElement } from "../Form/Element";
|
|
3
|
-
import { UIComponent } from "../ui-types";
|
|
4
|
-
export interface ITextArea extends UIComponent<IElement<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
|
+
import React from "react";
|
|
2
|
+
import { IElement } from "../Form/Element";
|
|
3
|
+
import { UIComponent } from "../ui-types";
|
|
4
|
+
export interface ITextArea extends UIComponent<IElement<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,16 +1,16 @@
|
|
|
1
|
-
import type { TFileData } from "../File";
|
|
2
|
-
export type TImageData = TFileData & {
|
|
3
|
-
id?: string | number;
|
|
4
|
-
setWait: (status: boolean) => void;
|
|
5
|
-
setId: (id: string | number) => void;
|
|
6
|
-
};
|
|
7
|
-
export interface IImage extends TFileData {
|
|
8
|
-
onChange?: (data: TImageData) => void;
|
|
9
|
-
onId?: (id: string | number) => void;
|
|
10
|
-
onRemove?: () => void;
|
|
11
|
-
onClick?: (data: TImageData) => void;
|
|
12
|
-
id?: string | number;
|
|
13
|
-
src?: string;
|
|
14
|
-
}
|
|
15
|
-
declare const Image: ({ onChange, onClick, onId, onRemove, ...props }: IImage) =>
|
|
16
|
-
export default Image;
|
|
1
|
+
import type { TFileData } from "../File";
|
|
2
|
+
export type TImageData = TFileData & {
|
|
3
|
+
id?: string | number;
|
|
4
|
+
setWait: (status: boolean) => void;
|
|
5
|
+
setId: (id: string | number) => void;
|
|
6
|
+
};
|
|
7
|
+
export interface IImage extends TFileData {
|
|
8
|
+
onChange?: (data: TImageData) => void;
|
|
9
|
+
onId?: (id: string | number) => void;
|
|
10
|
+
onRemove?: () => void;
|
|
11
|
+
onClick?: (data: TImageData) => void;
|
|
12
|
+
id?: string | number;
|
|
13
|
+
src?: string;
|
|
14
|
+
}
|
|
15
|
+
declare const Image: ({ onChange, onClick, onId, onRemove, ...props }: IImage) => JSX.Element;
|
|
16
|
+
export default Image;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { TImageData, IImage } from "./Image";
|
|
2
|
-
export interface IUploadImages {
|
|
3
|
-
onChange?: (data: TImageData) => void;
|
|
4
|
-
onChangeArray?: (data: IImage[]) => void;
|
|
5
|
-
onClick?: (data: TImageData) => void;
|
|
6
|
-
imagesArray?: TImageData[];
|
|
7
|
-
}
|
|
8
|
-
declare const UploadImages: ({ imagesArray, onChange, onChangeArray, onClick }: IUploadImages) =>
|
|
9
|
-
export default UploadImages;
|
|
1
|
+
import { TImageData, IImage } from "./Image";
|
|
2
|
+
export interface IUploadImages {
|
|
3
|
+
onChange?: (data: TImageData) => void;
|
|
4
|
+
onChangeArray?: (data: IImage[]) => void;
|
|
5
|
+
onClick?: (data: TImageData) => void;
|
|
6
|
+
imagesArray?: TImageData[];
|
|
7
|
+
}
|
|
8
|
+
declare const UploadImages: ({ imagesArray, onChange, onChangeArray, onClick }: IUploadImages) => JSX.Element;
|
|
9
|
+
export default UploadImages;
|
package/lib/src/index.d.ts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import Form, { useForm, FormElement } from "./Form";
|
|
2
|
-
import Element, { IElement } from "./Form/Element";
|
|
3
|
-
import Input from "./Input";
|
|
4
|
-
import TextArea from "./TextArea";
|
|
5
|
-
import Spinner from "./Spinner";
|
|
6
|
-
import Loading from "./Loading";
|
|
7
|
-
import FileInput, { IFileInput } from "./FileInput";
|
|
8
|
-
import File, { TFileData, TFileMime } from "./File";
|
|
9
|
-
import Button, { ButtonProps } from "./Button";
|
|
10
|
-
import UploadImages, { IUploadImages, TImageData, IImage } from "./UploadImages";
|
|
11
|
-
import Checkbox from "./Checkbox";
|
|
12
|
-
import Progress from "./Progress";
|
|
13
|
-
import Select, { SelectOption, SelectOptgroup } from "./Select";
|
|
14
|
-
import Dropdown, { DropdownItem } from "./Dropdown";
|
|
15
|
-
import './brands/brands.css';
|
|
16
|
-
declare const UI: {};
|
|
17
|
-
export { Form, FormElement, Element, useForm, Input, TextArea, Spinner, Loading, File, Button, UploadImages, Checkbox, Progress, Select, SelectOption, SelectOptgroup, Dropdown, DropdownItem, FileInput, };
|
|
18
|
-
export type { TFileData, TFileMime, IUploadImages, IImage, TImageData, IElement, ButtonProps, IFileInput, };
|
|
19
|
-
export default UI;
|
|
1
|
+
import Form, { useForm, FormElement } from "./Form";
|
|
2
|
+
import Element, { IElement } from "./Form/Element";
|
|
3
|
+
import Input from "./Input";
|
|
4
|
+
import TextArea from "./TextArea";
|
|
5
|
+
import Spinner from "./Spinner";
|
|
6
|
+
import Loading from "./Loading";
|
|
7
|
+
import FileInput, { IFileInput } from "./FileInput";
|
|
8
|
+
import File, { TFileData, TFileMime } from "./File";
|
|
9
|
+
import Button, { ButtonProps } from "./Button";
|
|
10
|
+
import UploadImages, { IUploadImages, TImageData, IImage } from "./UploadImages";
|
|
11
|
+
import Checkbox from "./Checkbox";
|
|
12
|
+
import Progress from "./Progress";
|
|
13
|
+
import Select, { SelectOption, SelectOptgroup } from "./Select";
|
|
14
|
+
import Dropdown, { DropdownItem } from "./Dropdown";
|
|
15
|
+
import './brands/brands.css';
|
|
16
|
+
declare const UI: {};
|
|
17
|
+
export { Form, FormElement, Element, useForm, Input, TextArea, Spinner, Loading, File, Button, UploadImages, Checkbox, Progress, Select, SelectOption, SelectOptgroup, Dropdown, DropdownItem, FileInput, };
|
|
18
|
+
export type { TFileData, TFileMime, IUploadImages, IImage, TImageData, IElement, ButtonProps, IFileInput, };
|
|
19
|
+
export default UI;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { ICheckbox } from '../src/Checkbox/Checkbox';
|
|
3
|
-
declare const _default: Meta;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ICheckbox>;
|
|
6
|
-
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ICheckbox>;
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ICheckbox } from '../src/Checkbox/Checkbox';
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ICheckbox>;
|
|
6
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ICheckbox>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { IDropdown } from '../../src/Dropdown/Dropdown';
|
|
3
|
-
declare const _default: Meta;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IDropdown>;
|
|
6
|
-
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IDropdown>;
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { IDropdown } from '../../src/Dropdown/Dropdown';
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IDropdown>;
|
|
6
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IDropdown>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { IItem } from '../../src/Dropdown/Item';
|
|
3
|
-
declare const _default: Meta;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItem>;
|
|
6
|
-
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItem>;
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { IItem } from '../../src/Dropdown/Item';
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItem>;
|
|
6
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItem>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { IItems } from '../../src/Dropdown/Items';
|
|
3
|
-
declare const _default: Meta;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItems>;
|
|
6
|
-
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItems>;
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { IItems } from '../../src/Dropdown/Items';
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItems>;
|
|
6
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IItems>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { TFile } from '../src/File/File';
|
|
3
|
-
declare const _default: Meta;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TFile<any>>;
|
|
6
|
-
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TFile<any>>;
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { TFile } from '../src/File/File';
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TFile<any>>;
|
|
6
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TFile<any>>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Meta } from "@storybook/react";
|
|
2
|
-
import FileInput, { IFileInput } from "../src/FileInput/FileInput";
|
|
3
|
-
declare const _default: Meta<typeof FileInput>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
6
|
-
export declare const MultipleFiles: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
7
|
-
export declare const AcceptImages: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
8
|
-
export declare const WithLoading: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
9
|
-
export declare const CustomChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
2
|
+
import FileInput, { IFileInput } from "../src/FileInput/FileInput";
|
|
3
|
+
declare const _default: Meta<typeof FileInput>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
6
|
+
export declare const MultipleFiles: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
7
|
+
export declare const AcceptImages: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
8
|
+
export declare const WithLoading: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
9
|
+
export declare const CustomChildren: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IFileInput>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { IElement } from '../../../src/Form/Element/Element';
|
|
3
|
-
declare const _default: Meta;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IElement<any>>;
|
|
6
|
-
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IElement<any>>;
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { IElement } from '../../../src/Form/Element/Element';
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IElement<any>>;
|
|
6
|
+
export declare const Secondary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IElement<any>>;
|