react-artasys-ui 0.1.22 → 0.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/package.json +1 -1
  2. package/dist/index.js +0 -3
  3. package/dist/index.js.LICENSE.txt +0 -9
  4. package/dist/index.js.map +0 -1
  5. package/lib/Button/Button.d.ts +0 -12
  6. package/lib/Button/index.d.ts +0 -3
  7. package/lib/Checkbox/Checkbox.d.ts +0 -7
  8. package/lib/Checkbox/index.d.ts +0 -2
  9. package/lib/Components/Arrow/Arrow.d.ts +0 -6
  10. package/lib/Components/Arrow/index.d.ts +0 -2
  11. package/lib/Dropdown/Dropdown.d.ts +0 -18
  12. package/lib/Dropdown/Item.d.ts +0 -11
  13. package/lib/Dropdown/Items.d.ts +0 -6
  14. package/lib/Dropdown/index.d.ts +0 -9
  15. package/lib/File/File.d.ts +0 -18
  16. package/lib/File/index.d.ts +0 -3
  17. package/lib/FileInput/FileInput.d.ts +0 -13
  18. package/lib/FileInput/index.d.ts +0 -3
  19. package/lib/Form/Element/Element.d.ts +0 -16
  20. package/lib/Form/Element/index.d.ts +0 -3
  21. package/lib/Form/Form.d.ts +0 -10
  22. package/lib/Form/index.d.ts +0 -5
  23. package/lib/Form/types.d.ts +0 -11
  24. package/lib/Form/useForm.d.ts +0 -17
  25. package/lib/Input/Input.d.ts +0 -11
  26. package/lib/Input/index.d.ts +0 -2
  27. package/lib/Loading/Loading.d.ts +0 -6
  28. package/lib/Loading/index.d.ts +0 -3
  29. package/lib/Progress/Progress.d.ts +0 -7
  30. package/lib/Progress/index.d.ts +0 -2
  31. package/lib/Provider/Provider.d.ts +0 -7
  32. package/lib/Provider/ProviderContext.d.ts +0 -1
  33. package/lib/Provider/index.d.ts +0 -2
  34. package/lib/Select/Optgroup.d.ts +0 -7
  35. package/lib/Select/Option.d.ts +0 -8
  36. package/lib/Select/Select.d.ts +0 -18
  37. package/lib/Select/index.d.ts +0 -11
  38. package/lib/Spinner/Spinner.d.ts +0 -8
  39. package/lib/Spinner/index.d.ts +0 -3
  40. package/lib/TextArea/TextArea.d.ts +0 -10
  41. package/lib/TextArea/index.d.ts +0 -2
  42. package/lib/UploadImages/Image.d.ts +0 -16
  43. package/lib/UploadImages/UploadImages.d.ts +0 -9
  44. package/lib/UploadImages/index.d.ts +0 -5
  45. package/lib/index.d.ts +0 -19
  46. package/lib/src/Button/Button.d.ts +0 -12
  47. package/lib/src/Button/index.d.ts +0 -3
  48. package/lib/src/Checkbox/Checkbox.d.ts +0 -7
  49. package/lib/src/Checkbox/index.d.ts +0 -2
  50. package/lib/src/Components/Arrow/Arrow.d.ts +0 -6
  51. package/lib/src/Components/Arrow/index.d.ts +0 -2
  52. package/lib/src/Dropdown/Dropdown.d.ts +0 -18
  53. package/lib/src/Dropdown/Item.d.ts +0 -11
  54. package/lib/src/Dropdown/Items.d.ts +0 -6
  55. package/lib/src/Dropdown/index.d.ts +0 -9
  56. package/lib/src/File/File.d.ts +0 -18
  57. package/lib/src/File/index.d.ts +0 -3
  58. package/lib/src/FileInput/FileInput.d.ts +0 -14
  59. package/lib/src/FileInput/index.d.ts +0 -3
  60. package/lib/src/Form/Element/Element.d.ts +0 -16
  61. package/lib/src/Form/Element/index.d.ts +0 -3
  62. package/lib/src/Form/Form.d.ts +0 -10
  63. package/lib/src/Form/index.d.ts +0 -5
  64. package/lib/src/Form/types.d.ts +0 -11
  65. package/lib/src/Form/useForm.d.ts +0 -17
  66. package/lib/src/Input/Input.d.ts +0 -11
  67. package/lib/src/Input/index.d.ts +0 -2
  68. package/lib/src/Loading/Loading.d.ts +0 -6
  69. package/lib/src/Loading/index.d.ts +0 -3
  70. package/lib/src/Progress/Progress.d.ts +0 -7
  71. package/lib/src/Progress/index.d.ts +0 -2
  72. package/lib/src/Provider/Provider.d.ts +0 -7
  73. package/lib/src/Provider/ProviderContext.d.ts +0 -1
  74. package/lib/src/Provider/index.d.ts +0 -2
  75. package/lib/src/Select/Optgroup.d.ts +0 -7
  76. package/lib/src/Select/Option.d.ts +0 -8
  77. package/lib/src/Select/Select.d.ts +0 -18
  78. package/lib/src/Select/index.d.ts +0 -11
  79. package/lib/src/Spinner/Spinner.d.ts +0 -8
  80. package/lib/src/Spinner/index.d.ts +0 -3
  81. package/lib/src/TextArea/TextArea.d.ts +0 -9
  82. package/lib/src/TextArea/index.d.ts +0 -2
  83. package/lib/src/UploadImages/Image.d.ts +0 -16
  84. package/lib/src/UploadImages/UploadImages.d.ts +0 -9
  85. package/lib/src/UploadImages/index.d.ts +0 -5
  86. package/lib/src/index.d.ts +0 -19
  87. package/lib/src/ui-types.d.ts +0 -3
  88. package/lib/stories/Button.stories.d.ts +0 -6
  89. package/lib/stories/Checkbox.stories.d.ts +0 -6
  90. package/lib/stories/Dropdown/Dropdown.stories.d.ts +0 -6
  91. package/lib/stories/Dropdown/Item.stories.d.ts +0 -6
  92. package/lib/stories/Dropdown/Items.stories.d.ts +0 -6
  93. package/lib/stories/File.stories.d.ts +0 -6
  94. package/lib/stories/FileInput.stories.d.ts +0 -9
  95. package/lib/stories/Form/Element/Element.stories.d.ts +0 -6
  96. package/lib/stories/Form/Form.stories.d.ts +0 -6
  97. package/lib/stories/Input.stories.d.ts +0 -6
  98. package/lib/stories/Loading.stories.d.ts +0 -6
  99. package/lib/stories/Progress.stories.d.ts +0 -6
  100. package/lib/stories/Select/Select.stories.d.ts +0 -6
  101. package/lib/stories/Spinner.stories.d.ts +0 -6
  102. package/lib/stories/TextArea.stories.d.ts +0 -6
  103. package/lib/ui-types.d.ts +0 -3
@@ -1,12 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
12
- export default Button;
@@ -1,3 +0,0 @@
1
- import Button, { type ButtonProps } from "./Button";
2
- export type { ButtonProps };
3
- export default Button;
@@ -1,7 +0,0 @@
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,2 +0,0 @@
1
- import Checkbox from "./Checkbox";
2
- export default Checkbox;
@@ -1,6 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
6
- export default Arrow;
@@ -1,2 +0,0 @@
1
- import Arrow from "./Arrow";
2
- export default Arrow;
@@ -1,18 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
18
- export default Dropdown;
@@ -1,11 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
11
- export default Item;
@@ -1,6 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element | null;
6
- export default Items;
@@ -1,9 +0,0 @@
1
- import { RefAttributes, ForwardRefExoticComponent, FC } from "react";
2
- import { IDropdown } from "./Dropdown";
3
- import Item, { IItem } from "./Item";
4
- interface StaticComponent extends ForwardRefExoticComponent<IDropdown & RefAttributes<HTMLInputElement>> {
5
- Item: FC<IItem>;
6
- }
7
- declare const Dropdown: StaticComponent;
8
- export { Item as DropdownItem };
9
- export default Dropdown;
@@ -1,18 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
18
- export default File;
@@ -1,3 +0,0 @@
1
- import File, { TFileData, TFileMime } from "./File";
2
- export type { TFileData, TFileMime };
3
- export default File;
@@ -1,13 +0,0 @@
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
- }
12
- declare const FileInput: ({ onChange, onChangeFiles, accept, multiple, wait, children, className, ...props }: IFileInput) => import("react/jsx-runtime").JSX.Element;
13
- export default FileInput;
@@ -1,3 +0,0 @@
1
- import FileInput, { IFileInput } from "./FileInput";
2
- export type { IFileInput };
3
- export default FileInput;
@@ -1,16 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
16
- export default Element;
@@ -1,3 +0,0 @@
1
- import Element, { IElement } from "./Element";
2
- export type { IElement };
3
- export default Element;
@@ -1,10 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
10
- export default Form;
@@ -1,5 +0,0 @@
1
- import Form from "./Form";
2
- import useForm from "./useForm";
3
- import Element from "./Element";
4
- export { useForm, Element as FormElement };
5
- export default Form;
@@ -1,11 +0,0 @@
1
- import type { FieldValues, UseFormRegisterReturn, FieldPath } from "react-hook-form";
2
- export type TUseFormRegisterReturn<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseFormRegisterReturn<TFieldName> & {
3
- error?: string;
4
- formValue: TFieldValues;
5
- };
6
- export type TError<TFieldValues extends FieldValues> = {
7
- errors?: {
8
- [key in keyof TFieldValues]: string[];
9
- };
10
- message: string;
11
- };
@@ -1,17 +0,0 @@
1
- import { FunctionComponent } from "react";
2
- import type { TError } from "./types";
3
- import { UseFormReturn, FieldValues } from "react-hook-form";
4
- type TuseErrors<TFieldValues extends FieldValues = FieldValues> = UseFormReturn<TFieldValues> & {
5
- GlobalError: FunctionComponent;
6
- setErrors: (e: TError<TFieldValues>) => void;
7
- };
8
- declare const useForm: <TFieldValues extends FieldValues = FieldValues>() => TuseErrors<TFieldValues>;
9
- export declare const validate: {
10
- email: {
11
- pattern: {
12
- value: RegExp;
13
- message: string;
14
- };
15
- };
16
- };
17
- export default useForm;
@@ -1,11 +0,0 @@
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,2 +0,0 @@
1
- import Input from "./Input";
2
- export default Input;
@@ -1,6 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
6
- export default Loading;
@@ -1,3 +0,0 @@
1
- import Loading, { type LoadingProps } from "./Loading";
2
- export type { LoadingProps };
3
- export default Loading;
@@ -1,7 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
7
- export default Progress;
@@ -1,2 +0,0 @@
1
- import Progress from "./Progress";
2
- export default Progress;
@@ -1,7 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
7
- export default Provider;
@@ -1 +0,0 @@
1
- export declare const ProviderContext: import("react").Context<{}>;
@@ -1,2 +0,0 @@
1
- import Provider from "./Provider";
2
- export default Provider;
@@ -1,7 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
7
- export default Optgroup;
@@ -1,8 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element | null;
8
- export default Option;
@@ -1,18 +0,0 @@
1
- import { FunctionComponentElement, ReactNode } from "react";
2
- import { IElement } from "../Form/Element";
3
- import type { IOptgroup } from "./Optgroup";
4
- import type { IOption } from "./Option";
5
- export declare const Context: import("react").Context<{
6
- selected: string;
7
- emptyValue: React.MutableRefObject<boolean>;
8
- setSelect: (value: string) => void;
9
- setSelected: (value: string) => void;
10
- setTitle: (title: IOption["children"]) => void;
11
- }>;
12
- export type TOptionElement = FunctionComponentElement<IOption> | FunctionComponentElement<IOption>[] | ReactNode;
13
- export interface ISelect extends Omit<IElement, 'children'> {
14
- children?: TOptionElement | FunctionComponentElement<IOptgroup> | FunctionComponentElement<IOptgroup>[];
15
- onChangeSelect?: (value: string) => void;
16
- }
17
- declare const Select: import("react").ForwardRefExoticComponent<ISelect & import("react").RefAttributes<HTMLInputElement>>;
18
- export default Select;
@@ -1,11 +0,0 @@
1
- import { ForwardRefExoticComponent, FC, RefAttributes } from "react";
2
- import { ISelect } from "./Select";
3
- import Option, { IOption } from "./Option";
4
- import Optgroup, { IOptgroup } from "./Optgroup";
5
- interface StaticComponent extends ForwardRefExoticComponent<ISelect & RefAttributes<HTMLInputElement>> {
6
- Option: FC<IOption>;
7
- Optgroup: FC<IOptgroup>;
8
- }
9
- declare const Select: StaticComponent;
10
- export { Option as SelectOption, Optgroup as SelectOptgroup };
11
- export default Select;
@@ -1,8 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
8
- export default Spinner;
@@ -1,3 +0,0 @@
1
- import Spinner, { type SpinnerProps } from "./Spinner";
2
- export type { SpinnerProps };
3
- export default Spinner;
@@ -1,10 +0,0 @@
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
- children?: React.ReactNode;
8
- }
9
- declare const TextArea: React.ForwardRefExoticComponent<ITextArea & React.RefAttributes<HTMLTextAreaElement>>;
10
- export default TextArea;
@@ -1,2 +0,0 @@
1
- import TextArea from "./TextArea";
2
- export default TextArea;
@@ -1,16 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
16
- export default Image;
@@ -1,9 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
9
- export default UploadImages;
@@ -1,5 +0,0 @@
1
- import UploadImages, { IUploadImages } from "./UploadImages";
2
- import type { IImage } from "./Image";
3
- import { TImageData } from "./Image";
4
- export type { IUploadImages, TImageData, IImage };
5
- export default UploadImages;
package/lib/index.d.ts DELETED
@@ -1,19 +0,0 @@
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,12 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
12
- export default Button;
@@ -1,3 +0,0 @@
1
- import Button, { type ButtonProps } from "./Button";
2
- export type { ButtonProps };
3
- export default Button;
@@ -1,7 +0,0 @@
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,2 +0,0 @@
1
- import Checkbox from "./Checkbox";
2
- export default Checkbox;
@@ -1,6 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
6
- export default Arrow;
@@ -1,2 +0,0 @@
1
- import Arrow from "./Arrow";
2
- export default Arrow;
@@ -1,18 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
18
- export default Dropdown;
@@ -1,11 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
11
- export default Item;
@@ -1,6 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element | null;
6
- export default Items;
@@ -1,9 +0,0 @@
1
- import { RefAttributes, ForwardRefExoticComponent, FC } from "react";
2
- import { IDropdown } from "./Dropdown";
3
- import Item, { IItem } from "./Item";
4
- interface StaticComponent extends ForwardRefExoticComponent<IDropdown & RefAttributes<HTMLInputElement>> {
5
- Item: FC<IItem>;
6
- }
7
- declare const Dropdown: StaticComponent;
8
- export { Item as DropdownItem };
9
- export default Dropdown;
@@ -1,18 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
18
- export default File;
@@ -1,3 +0,0 @@
1
- import File, { TFileData, TFileMime } from "./File";
2
- export type { TFileData, TFileMime };
3
- export default File;
@@ -1,14 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
14
- export default FileInput;
@@ -1,3 +0,0 @@
1
- import FileInput, { IFileInput } from "./FileInput";
2
- export type { IFileInput };
3
- export default FileInput;
@@ -1,16 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
16
- export default Element;
@@ -1,3 +0,0 @@
1
- import Element, { IElement } from "./Element";
2
- export type { IElement };
3
- export default Element;
@@ -1,10 +0,0 @@
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) => import("react/jsx-runtime").JSX.Element;
10
- export default Form;
@@ -1,5 +0,0 @@
1
- import Form from "./Form";
2
- import useForm from "./useForm";
3
- import Element from "./Element";
4
- export { useForm, Element as FormElement };
5
- export default Form;
@@ -1,11 +0,0 @@
1
- import type { FieldValues, UseFormRegisterReturn, FieldPath } from "react-hook-form";
2
- export type TUseFormRegisterReturn<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseFormRegisterReturn<TFieldName> & {
3
- error?: string;
4
- formValue: TFieldValues;
5
- };
6
- export type TError<TFieldValues extends FieldValues> = {
7
- errors?: {
8
- [key in keyof TFieldValues]: string[];
9
- };
10
- message: string;
11
- };
@@ -1,17 +0,0 @@
1
- import { FunctionComponent } from "react";
2
- import type { TError } from "./types";
3
- import { UseFormReturn, FieldValues } from "react-hook-form";
4
- type TuseErrors<TFieldValues extends FieldValues = FieldValues> = UseFormReturn<TFieldValues> & {
5
- GlobalError: FunctionComponent;
6
- setErrors: (e: TError<TFieldValues>) => void;
7
- };
8
- declare const useForm: <TFieldValues extends FieldValues = FieldValues>() => TuseErrors<TFieldValues>;
9
- export declare const validate: {
10
- email: {
11
- pattern: {
12
- value: RegExp;
13
- message: string;
14
- };
15
- };
16
- };
17
- export default useForm;