react-artasys-ui 0.1.21 → 0.1.23

package/lib/Button/Button.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { TSpinner } from "../Spinner";
-interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    wait?: boolean;
-    classNameContainer?: string;
-    styleContainer?: React.HTMLAttributes<HTMLDivElement>['style'];
-    spinnerColor?: TSpinner['color'];
-}
-declare const Button: ({ children, className, classNameContainer, styleContainer, spinnerColor, wait, ...props }: IButton) => JSX.Element;
-export default Button;

package/lib/Button/index.d.ts

@@ -1,2 +0,0 @@
-import Button from "./Button";
-export default Button;

package/lib/Checkbox/Checkbox.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IElement } from "../Form/Element";
-interface ICheckbox extends IElement<HTMLInputElement> {
-    type?: 'checkbox' | 'radio';
-}
-declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckbox & import("react").RefAttributes<HTMLInputElement>>;
-export default Checkbox;

package/lib/Checkbox/index.d.ts

@@ -1,2 +0,0 @@
-import Checkbox from "./Checkbox";
-export default Checkbox;

package/lib/Components/Arrow/Arrow.d.ts

@@ -1,6 +0,0 @@
-import { AllHTMLAttributes } from "react";
-interface IArrow extends AllHTMLAttributes<HTMLDivElement> {
-    direction?: 'up' | 'down' | 'left' | 'right';
-}
-declare const Arrow: ({ className, direction, ...props }: IArrow) => JSX.Element;
-export default Arrow;

package/lib/Components/Arrow/index.d.ts

@@ -1,2 +0,0 @@
-import Arrow from "./Arrow";
-export default Arrow;

package/lib/Dropdown/Dropdown.d.ts

@@ -1,17 +0,0 @@
-import { AllHTMLAttributes, FunctionComponentElement } from "react";
-import type { IItem, TChildrenAction } from "./Item";
-export declare const Context: import("react").Context<TChildrenAction>;
-export interface IDropdown extends AllHTMLAttributes<HTMLDivElement> {
-    direction?: 'down' | 'up';
-    position?: 'left' | 'right';
-    split?: boolean;
-    hover?: boolean;
-    arrow?: boolean;
-    items?: FunctionComponentElement<IItem> | FunctionComponentElement<IItem>[];
-    disabled?: boolean;
-    enableRerenderItems?: boolean;
-    onShow?: () => void;
-    onHide?: () => void;
-}
-declare const Dropdown: ({ children, className, items, arrow, direction, position, split, disabled, hover, enableRerenderItems, onShow, onHide, ...props }: IDropdown) => JSX.Element;
-export default Dropdown;

package/lib/Dropdown/Item.d.ts

@@ -1,11 +0,0 @@
-import { AllHTMLAttributes, ReactElement } from "react";
-export type TChildrenAction = {
-    close: () => void;
-};
-export interface IItem extends Omit<AllHTMLAttributes<HTMLLIElement>, 'children'> {
-    children?: ((action: TChildrenAction) => ReactElement) | string | ReactElement;
-    autoClose?: boolean;
-    active?: boolean;
-}
-declare const Item: ({ children, onClick, autoClose, active, className, ...props }: IItem) => JSX.Element;
-export default Item;

package/lib/Dropdown/Items.d.ts

@@ -1,6 +0,0 @@
-import type { IDropdown } from "./Dropdown";
-interface IItems extends Pick<IDropdown, 'items' | 'disabled' | 'enableRerenderItems'> {
-    isOpen: boolean;
-}
-declare const Items: ({ items, isOpen, enableRerenderItems, disabled }: IItems) => JSX.Element | null;
-export default Items;

package/lib/Dropdown/index.d.ts

@@ -1,9 +0,0 @@
-import { RefAttributes, ForwardRefExoticComponent, FC } from "react";
-import { IDropdown } from "./Dropdown";
-import Item, { IItem } from "./Item";
-interface StaticComponent extends ForwardRefExoticComponent<IDropdown & RefAttributes<HTMLInputElement>> {
-    Item: FC<IItem>;
-}
-declare const Dropdown: StaticComponent;
-export { Item as DropdownItem };
-export default Dropdown;

package/lib/File/File.d.ts

@@ -1,17 +0,0 @@
-import { AllHTMLAttributes } from "react";
-export type TFileMime = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/gif';
-export type TFileData = {
-    name: string;
-    type: TFileMime;
-    size: number;
-    mime: TFileMime;
-    data: string;
-    base64?: string | null | ArrayBuffer;
-};
-interface TFile<T = any> extends Omit<AllHTMLAttributes<T>, 'onChange' | 'accept'> {
-    onChange?: (data: TFileData) => void;
-    multiple?: boolean;
-    accept?: TFileMime[];
-}
-declare const File: ({ onChange, children, multiple, accept, ...props }: TFile) => JSX.Element;
-export default File;

package/lib/File/index.d.ts

@@ -1,3 +0,0 @@
-import File, { TFileData, TFileMime } from "./File";
-export type { TFileData, TFileMime };
-export default File;

package/lib/Form/Element/Element.d.ts

@@ -1,15 +0,0 @@
-import { AllHTMLAttributes, ReactElement } from "react";
-export interface IElement<T = any> extends Omit<AllHTMLAttributes<T>, 'children'> {
-    children?: ((props: AllHTMLAttributes<T>) => ReactElement) | AllHTMLAttributes<T>["children"];
-    error?: string;
-    formValue?: string | number;
-    disabled?: boolean;
-    placeholder?: string;
-    styleContainer?: React.HTMLAttributes<T>["style"];
-    classNameContainer?: string;
-    beforeElement?: React.ReactElement;
-    afterElement?: React.ReactElement;
-    hiddenContainer?: boolean;
-}
-declare const Element: ({ children, beforeElement, afterElement, error, placeholder, styleContainer, classNameContainer, hiddenContainer, formValue, ...props }: IElement) => JSX.Element;
-export default Element;

package/lib/Form/Element/index.d.ts

@@ -1,3 +0,0 @@
-import Element, { IElement } from "./Element";
-export type { IElement };
-export default Element;

package/lib/Form/Form.d.ts

@@ -1,11 +0,0 @@
-import { FormHTMLAttributes, ReactNode } from 'react';
-import { TSpinner } from '../Spinner';
-interface IForm extends FormHTMLAttributes<HTMLFormElement> {
-    children: ReactNode;
-    wait?: boolean;
-    progress?: number;
-    progressRadius?: boolean;
-    spinnerColor?: TSpinner['color'];
-}
-declare const Form: ({ children, wait, progress, progressRadius, className, spinnerColor, onSubmit, ...props }: IForm) => JSX.Element;
-export default Form;

package/lib/Form/index.d.ts

@@ -1,5 +0,0 @@
-import Form from "./Form";
-import useForm from "./useForm";
-import Element from "./Element";
-export { useForm, Element as FormElement };
-export default Form;

package/lib/Form/types.d.ts

@@ -1,11 +0,0 @@
-import type { FieldValues, UseFormRegisterReturn, FieldPath } from "react-hook-form";
-export type TUseFormRegisterReturn<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = UseFormRegisterReturn<TFieldName> & {
-    error?: string;
-    formValue: TFieldValues;
-};
-export type TError<TFieldValues extends FieldValues> = {
-    errors?: {
-        [key in keyof TFieldValues]: string[];
-    };
-    message: string;
-};

package/lib/Form/useForm.d.ts

@@ -1,17 +0,0 @@
-import { FunctionComponent } from "react";
-import type { TError } from "./types";
-import { UseFormReturn, FieldValues } from "react-hook-form";
-type TuseErrors<TFieldValues extends FieldValues = FieldValues> = UseFormReturn<TFieldValues> & {
-    GlobalError: FunctionComponent;
-    setErrors: (e: TError<TFieldValues>) => void;
-};
-declare const useForm: <TFieldValues extends FieldValues = FieldValues>() => TuseErrors<TFieldValues>;
-export declare const validate: {
-    email: {
-        pattern: {
-            value: RegExp;
-            message: string;
-        };
-    };
-};
-export default useForm;

package/lib/Input/Input.d.ts

@@ -1,8 +0,0 @@
-import { type HTMLInputTypeAttribute } from "react";
-import { IElement } from "../Form/Element";
-interface IInput extends IElement<HTMLInputElement> {
-    onChangeText?: (text: string) => void;
-    type?: HTMLInputTypeAttribute;
-}
-declare const Input: import("react").ForwardRefExoticComponent<IInput & import("react").RefAttributes<HTMLInputElement>>;
-export default Input;

package/lib/Input/index.d.ts

@@ -1,2 +0,0 @@
-import Input from "./Input";
-export default Input;

package/lib/Progress/Progress.d.ts

@@ -1,7 +0,0 @@
-interface IProgress {
-    value?: number | string;
-    size?: 'small' | 'middle' | 'large';
-    radius?: boolean;
-}
-declare const Progress: ({ value, size, radius }: IProgress) => JSX.Element;
-export default Progress;

package/lib/Progress/index.d.ts

@@ -1,2 +0,0 @@
-import Progress from "./Progress";
-export default Progress;

package/lib/Select/Optgroup.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { TOptionElement } from "./Select";
-export interface IOptgroup {
-    children?: TOptionElement;
-    label?: string | React.ReactElement;
-}
-declare const Optgroup: ({ children, label }: IOptgroup) => JSX.Element;
-export default Optgroup;

package/lib/Select/Option.d.ts

@@ -1,8 +0,0 @@
-import { LiHTMLAttributes } from "react";
-export interface IOption extends LiHTMLAttributes<HTMLLIElement> {
-    value?: string;
-    disabled?: boolean;
-    children?: string | React.ReactElement;
-}
-declare const Option: ({ children, value, disabled, hidden, onClick, ...props }: IOption) => JSX.Element | null;
-export default Option;

package/lib/Select/Select.d.ts

@@ -1,18 +0,0 @@
-import { FunctionComponentElement, ReactNode } from "react";
-import { IElement } from "../Form/Element";
-import type { IOptgroup } from "./Optgroup";
-import type { IOption } from "./Option";
-export declare const Context: import("react").Context<{
-    selected: string;
-    emptyValue: import("react").MutableRefObject<boolean>;
-    setSelect: (value: string) => void;
-    setSelected: (value: string) => void;
-    setTitle: (title: IOption['children']) => void;
-}>;
-export type TOptionElement = FunctionComponentElement<IOption> | FunctionComponentElement<IOption>[] | ReactNode;
-export interface ISelect extends Omit<IElement, 'children'> {
-    children?: TOptionElement | FunctionComponentElement<IOptgroup> | FunctionComponentElement<IOptgroup>[];
-    onChangeSelect?: (value: string) => void;
-}
-declare const Select: import("react").ForwardRefExoticComponent<ISelect & import("react").RefAttributes<HTMLInputElement>>;
-export default Select;

package/lib/Select/index.d.ts

@@ -1,11 +0,0 @@
-import { ForwardRefExoticComponent, FC, RefAttributes } from "react";
-import { ISelect } from "./Select";
-import Option, { IOption } from "./Option";
-import Optgroup, { IOptgroup } from "./Optgroup";
-interface StaticComponent extends ForwardRefExoticComponent<ISelect & RefAttributes<HTMLInputElement>> {
-    Option: FC<IOption>;
-    Optgroup: FC<IOptgroup>;
-}
-declare const Select: StaticComponent;
-export { Option as SelectOption, Optgroup as SelectOptgroup };
-export default Select;

package/lib/Spinner/Spinner.d.ts

@@ -1,7 +0,0 @@
-import { AllHTMLAttributes } from "react";
-export type TSpinner = Omit<AllHTMLAttributes<HTMLDivElement>, 'size' | 'color'> & {
-    size?: 'small' | 'middle' | 'large';
-    color?: 'contrast' | 'orange';
-};
-declare const Spinner: ({ size, color, ...props }: TSpinner) => JSX.Element;
-export default Spinner;

package/lib/Spinner/index.d.ts

@@ -1,3 +0,0 @@
-import Spinner, { TSpinner } from "./Spinner";
-export type { TSpinner };
-export default Spinner;

package/lib/TextArea/TextArea.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IElement } from "../Form/Element";
-interface ITextArea extends IElement<HTMLTextAreaElement> {
-    onChangeText?: (text: string) => void;
-}
-declare const TextArea: import("react").ForwardRefExoticComponent<ITextArea & import("react").RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;

package/lib/TextArea/index.d.ts

@@ -1,2 +0,0 @@
-import TextArea from "./TextArea";
-export default TextArea;

package/lib/UploadImages/Image.d.ts

@@ -1,16 +0,0 @@
-import type { TFileData } from "../File";
-export type TImageData = TFileData & {
-    id?: string | number;
-    setWait: (status: boolean) => void;
-    setId: (id: string | number) => void;
-};
-export interface IImage extends TFileData {
-    onChange?: (data: TImageData) => void;
-    onId?: (id: string | number) => void;
-    onRemove?: () => void;
-    onClick?: (data: TImageData) => void;
-    id?: string | number;
-    src?: string;
-}
-declare const Image: ({ onChange, onClick, onId, onRemove, ...props }: IImage) => JSX.Element;
-export default Image;

package/lib/UploadImages/UploadImages.d.ts

@@ -1,9 +0,0 @@
-import { TImageData, IImage } from "./Image";
-export interface IUploadImages {
-    onChange?: (data: TImageData) => void;
-    onChangeArray?: (data: IImage[]) => void;
-    onClick?: (data: TImageData) => void;
-    imagesArray?: TImageData[];
-}
-declare const UploadImages: ({ imagesArray, onChange, onChangeArray, onClick }: IUploadImages) => JSX.Element;
-export default UploadImages;

package/lib/UploadImages/index.d.ts

@@ -1,5 +0,0 @@
-import UploadImages, { IUploadImages } from "./UploadImages";
-import type { IImage } from "./Image";
-import { TImageData } from "./Image";
-export type { IUploadImages, TImageData, IImage };
-export default UploadImages;

package/lib/index.d.ts

@@ -1,16 +0,0 @@
-import Form, { useForm, FormElement } from "./Form";
-import Element, { IElement } from "./Form/Element";
-import Input from "./Input";
-import TextArea from "./TextArea";
-import Spinner from "./Spinner";
-import File, { TFileData, TFileMime } from "./File";
-import Button from "./Button";
-import UploadImages, { IUploadImages, TImageData, IImage } from "./UploadImages";
-import Checkbox from "./Checkbox";
-import Progress from "./Progress";
-import Select, { SelectOption, SelectOptgroup } from "./Select";
-import Dropdown, { DropdownItem } from "./Dropdown";
-declare const UI: {};
-export { Form, FormElement, Element, useForm, Input, TextArea, Spinner, File, Button, UploadImages, Checkbox, Progress, Select, SelectOption, SelectOptgroup, Dropdown, DropdownItem };
-export type { TFileData, TFileMime, IUploadImages, IImage, TImageData, IElement };
-export default UI;

package/src/Button/Button.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-import styles from "./style.module.css";
-import Spinner,{
-	TSpinner
-} from "../Spinner";
-
-interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-	wait?: boolean;
-	classNameContainer?: string;
-	styleContainer?: React.HTMLAttributes<HTMLDivElement>['style'];
-	spinnerColor?: TSpinner['color'];
-}
-
-const Button = ({children, className, classNameContainer, styleContainer, spinnerColor = 'contrast', wait = false, ...props}: IButton) => {
-
-	const classes = ['ui-button-container'];
-
-	classes.push(styles['container']);
-	if (classNameContainer) classes.push(classNameContainer);
-
-	return(<div className={classes.join(' ')} style={styleContainer}>
-		<button {...props} className={'ui-button' + (className ? ' ' + className : '')}>{children}</button>
-		<div className={'ui-button-spinner ' + styles['wait-indicator'] + (wait ? ' ' + styles['active'] : '')}>
-			<Spinner size="small" color={spinnerColor}/>
-		</div>
-	</div>)
-};
-
-export default Button;

package/src/Button/index.tsx

@@ -1,3 +0,0 @@
-import Button from "./Button";
-
-export default Button;

package/src/Button/style.module.css

@@ -1,45 +0,0 @@
-/* Button */
-
-.container {
-	position: relative;
-	border: 1px solid #5EBED6;
-	background-color: #BED4DB;
-}
-
-.container button {
-	display: block;
-	width: 100%;
-    height: 100%;
-	border: 0;
-    padding: 5px 8px;
-    font-size: 1.1em;
-	color: #1D1D1B;
-	cursor: pointer;
-	border-radius: 0.1em;
-	transition: background-color 0.3s;
-}
-
-.container button:hover {
-	background-color: #ADCED8;
-	color: #1D1D1B;
-}
-
-.container > .wait-indicator {
-	position: absolute;
-	display: flex;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	justify-content: center;
-	align-items: center;
-	background-color: inherit;
-	z-index: -1;
-	opacity: 0;
-	transition: opacity 0.3s;
-}
-
-.container > .wait-indicator.active {
-	opacity: 1;
-	z-index: 1;
-}

package/src/Checkbox/Checkbox.tsx

@@ -1,22 +0,0 @@
-import { forwardRef } from "react";
-import Element,{
-	IElement
-} from "../Form/Element";
-import styles from "./style.module.css";
-
-interface ICheckbox extends IElement<HTMLInputElement> {
-	type?: 'checkbox' | 'radio';
-}
-
-const Checkbox = forwardRef<HTMLInputElement, ICheckbox>(({type = 'checkbox', hiddenContainer = true, placeholder, ...props}, ref) => {
-
-	return(<Element {...props} hiddenContainer={hiddenContainer}>
-		{(props) => <div className={'ui-checkbox-container ' + styles['container']}>
-				<input {...props} className={'ui-checkbox' + (props.className ? ' ' + props.className : '')} type={type} ref={ref}/>
-				<span className={'ui-checkbox-indicator ' + styles['indicator']}/>
-				<span className={'ui-checkbox-text ' + styles['text']}>{placeholder}</span>
-			</div>}
-	</Element>);
-});
-
-export default Checkbox;

package/src/Checkbox/index.tsx

@@ -1,2 +0,0 @@
-import Checkbox from "./Checkbox";
-export default Checkbox;

package/src/Checkbox/style.module.css

@@ -1,74 +0,0 @@
-/* Checkbox */
-
-.container {
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-start;
-	align-items: center;
-	height: 100%;
-	cursor: pointer;
-	user-select: none;
-	gap: 10px;
-}
-
-.container > input {
-	display: none;
-}
-
-.text {
-	color: #1D1D1B;
-	font-size: 1.1em;
-}
-
-.indicator {
-	display: flex;
-	position: relative;
-	justify-content: center;
-	align-items: center;
-	border: 1px solid #5EBED6;
-	background-color: #BED4DB;
-	width: 20px;
-	height: 20px;
-	aspect-ratio: 1/1;
-}
-
-.container > input[type="radio"] ~ .indicator {
-	border-radius: 50%;
-}
-
-.container:hover > .indicator {
-	background-color: #5EBED65F;
-}
-
-.indicator::before {
-	content: "";
-	position: absolute;
-	top: 0;
-	width: 35%;
-    height: 70%;
-    border: solid #1D1D1B;
-    border-width: 0 2px 2px 0;
-    transform: rotate( 45deg);
-	scale: 0;
-	opacity: 0;
-	transition: scale 0.1s, opacity 0.1s;
-}
-
-.container > input[type="radio"] ~ .indicator::before {
-	border-width: 0;
-	border-radius: inherit;
-	top: unset;
-	transform: unset;
-	width: 70%;
-	height: 70%;
-	background-color: #1D1D1B;
-}
-
-.container > input:checked ~ .indicator {
-	background-color: #5EBED65F;
-}
-
-.container > input:checked ~ .indicator::before {
-	scale: 1;
-	opacity: 1;
-}

package/src/Components/Arrow/Arrow.tsx

@@ -1,18 +0,0 @@
-import { AllHTMLAttributes } from "react";
-import styles from "./style.module.css";
-
-interface IArrow extends AllHTMLAttributes<HTMLDivElement> {
-	direction?: 'up' | 'down' | 'left' | 'right';
-};
-
-const Arrow = ({className, direction = 'down', ...props}: IArrow) => {
-
-	const classes = ['ui-component-arrow'];
-	classes.push(styles['container']);
-	if (direction) classes.push(styles[direction]);
-	if (className) classes.push(className);
-
-	return(<div {...props} className={classes.join(' ')}/>);
-};
-
-export default Arrow;

package/src/Components/Arrow/index.tsx

@@ -1,3 +0,0 @@
-import Arrow from "./Arrow";
-
-export default Arrow;

package/src/Components/Arrow/style.module.css

@@ -1,40 +0,0 @@
-/* Arrow Component */
-
-.container {
-	--ui-arrow-size: 10px;
-	--ui-arrow-color: #5EBED6;
-	--ui-arrow-max: var(--ui-arrow-size) solid var(--ui-arrow-color);
-	--ui-arrow-min: calc(var(--ui-arrow-size) / 2) solid transparent;
-}
-
-.container::after {
-	content: "";
-	display: block;
-	width: 0;
-	height: 0;
-	transition: rotate 0.1s;
-}
-
-.container.down::after {
-	border-left: var(--ui-arrow-min);
-	border-right: var(--ui-arrow-min);
-	border-top: var(--ui-arrow-max);
-}
-
-.container.up::after {
-	border-left: var(--ui-arrow-min);
-	border-right: var(--ui-arrow-min);
-	border-bottom: var(--ui-arrow-max);
-}
-
-.container.left::after {
-	border-top: var(--ui-arrow-min);
-	border-right: var(--ui-arrow-max);
-	border-bottom: var(--ui-arrow-min);
-}
-
-.container.right::after {
-	border-top: var(--ui-arrow-min);
-	border-left: var(--ui-arrow-max);
-	border-bottom: var(--ui-arrow-min);
-}