chore(release): set package.json to 1.12.0 [skip ci]

# [1.12.0](v1.11.6...v1.12.0) (2024-01-01)

### Features

* added typescript, rollup ([42482b7](42482b7))

CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.12.0](https://github.com/UrijHoruzij/ui-forest-web/compare/v1.11.6...v1.12.0) (2024-01-01)
+
+
+### Features
+
+* added typescript, rollup ([42482b7](https://github.com/UrijHoruzij/ui-forest-web/commit/42482b7534ab7e9e3cfd10a7a05d78678f35acf5))
+
 ## [1.11.6](https://github.com/UrijHoruzij/ui-forest-web/compare/v1.11.5...v1.11.6) (2023-02-09)
 
 

dist/cjs/types/components/Avatar/Avatar.types.d.ts

@@ -0,0 +1,24 @@
+import { FC, CSSProperties, ReactNode, MouseEventHandler, Component } from 'react';
+export interface AvatarProps {
+    component?: Component | ReactNode;
+    fullname?: string;
+    avatar?: string;
+    size: 'small' | 'medium' | 'large';
+    className?: string;
+    style?: CSSProperties;
+    imageClassName?: string;
+    imageStyle?: CSSProperties;
+    isOnline?: boolean;
+}
+export interface AvatarComposition {
+    Group: FC<GroupProps>;
+}
+export interface GroupProps {
+    users: AvatarProps[];
+    add: boolean;
+    onAdd: MouseEventHandler<HTMLDivElement>;
+}
+export interface AddButtonProps {
+    users: AvatarProps[];
+    onAdd: MouseEventHandler<HTMLDivElement>;
+}

dist/cjs/types/components/Avatar/avatar.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AvatarProps } from './Avatar.types';
+declare const AvatarComponent: FC<AvatarProps>;
+export default AvatarComponent;

dist/cjs/types/components/Avatar/group.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { GroupProps } from './Avatar.types';
+declare const Group: FC<GroupProps>;
+export default Group;

dist/cjs/types/components/Avatar/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AvatarProps, AvatarComposition } from './Avatar.types';
+declare const Avatar: FC<AvatarProps> & AvatarComposition;
+export default Avatar;

dist/cjs/types/components/Avatar/sizes.d.ts

@@ -0,0 +1,4 @@
+export declare const changeSizeContainer: (size: any) => any;
+export declare const changeSize: (size: any) => any;
+export declare const changeSizeSymbol: (size: any) => any;
+export declare const changeSizeOnline: (size: any) => any;

dist/cjs/types/components/Button/Button.types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, CSSProperties } from "react";
+export interface ButtonProps {
+    as?: string;
+    children?: ReactNode;
+    className?: string;
+    danger?: boolean;
+    disabled?: boolean;
+    href?: string;
+    loading?: boolean;
+    size: 'small' | 'medium' | 'large';
+    styles?: CSSProperties;
+    type: 'button' | 'reset' | 'submit';
+    variant: 'primary' | 'secondary' | 'text';
+}

dist/cjs/types/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ButtonProps } from './Button.types';
+declare const Button: FC<ButtonProps>;
+export default Button;

dist/cjs/types/components/Form/Form.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode, CSSProperties, FormEvent } from "react";
+export interface FormProps {
+    children: ReactNode;
+    onSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    className?: string;
+    style?: CSSProperties;
+}

dist/cjs/types/components/Form/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { FormProps } from './Form.types';
+export declare const Form: FC<FormProps>;
+export default Form;

dist/cjs/types/components/Form/useForm.d.ts

@@ -0,0 +1,7 @@
+declare const useForm: (state: any, validate: any, callback: any) => {
+    handleChange: (e: any) => void;
+    handleSubmit: (e: any) => void;
+    values: any;
+    errors: {};
+};
+export default useForm;

dist/cjs/types/components/Grid/Grid.types.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode, FC } from 'react';
+export interface GridProps {
+    children?: ReactNode;
+}
+export interface GridComposition {
+    Container: FC<ContainerProps>;
+    Column: FC<ColumnProps>;
+    Row: FC<RowProps>;
+}
+export interface ContainerProps {
+    children?: ReactNode;
+}
+export interface RowProps {
+    children?: ReactNode;
+}
+export interface ColumnProps {
+    children?: ReactNode;
+    className?: string;
+    col?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    xxl?: number;
+}

dist/cjs/types/components/Grid/column.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ColumnProps } from './Grid.types';
+declare const Column: FC<ColumnProps>;
+export default Column;

dist/cjs/types/components/Grid/container.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ContainerProps } from './Grid.types';
+declare const Container: FC<ContainerProps>;
+export default Container;

dist/cjs/types/components/Grid/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { GridProps, GridComposition } from './Grid.types';
+declare const Grid: FC<GridProps> & GridComposition;
+export default Grid;

dist/cjs/types/components/Grid/row.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RowProps } from './Grid.types';
+declare const Row: FC<RowProps>;
+export default Row;

dist/cjs/types/components/Image/Image.types.d.ts

@@ -0,0 +1,5 @@
+export interface ImageProps {
+    width: number;
+    height: number;
+    image: string;
+}

dist/cjs/types/components/Image/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ImageProps } from './Image.types';
+declare const Image: FC<ImageProps>;
+export default Image;

dist/cjs/types/components/Input/Input.types.d.ts

@@ -0,0 +1,21 @@
+import { FC, CSSProperties, ChangeEventHandler, KeyboardEvent } from 'react';
+export interface InputProps {
+    id?: string;
+    value: any;
+    placeholder?: string;
+    type: 'email' | 'password' | 'tel' | 'text' | 'url';
+    name?: string;
+    help?: string;
+    className?: string;
+    size: 'small' | 'medium' | 'large';
+    status: 'error' | 'success' | 'default';
+    style?: CSSProperties;
+    onChange?: ChangeEventHandler;
+    visibleTitle?: boolean;
+    disabled?: boolean;
+    onPressEnter?: KeyboardEvent;
+}
+export interface InputComposition {
+    Textarea: FC<InputProps>;
+    Password: FC<InputProps>;
+}

dist/cjs/types/components/Input/container.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const InputContainer: FC;
+export default InputContainer;

dist/cjs/types/components/Input/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { InputComposition, InputProps } from './Input.types';
+declare const Input: FC<InputProps> & InputComposition;
+export default Input;

dist/cjs/types/components/Input/password.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { InputProps } from './Input.types';
+declare const Password: FC<InputProps>;
+export default Password;

dist/cjs/types/components/Input/textarea.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { InputProps } from './Input.types';
+declare const Textarea: FC<InputProps>;
+export default Textarea;

dist/cjs/types/components/Notification/Notification.types.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface NotificationProps {
+    className?: string;
+    style?: CSSProperties;
+    type: 'SUCCESS' | 'ERROR' | 'WARNING' | 'INFO';
+}
+export interface NotificationProviderProps {
+    children?: ReactNode;
+}

dist/cjs/types/components/Notification/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const NotificationContext: import("react").Context<any>;
+export default NotificationContext;

dist/cjs/types/components/Notification/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NotificationProviderProps } from './Notification.types';
+declare const NotificationProvider: FC<NotificationProviderProps>;
+export default NotificationProvider;

dist/cjs/types/components/Notification/notification.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NotificationProps } from './Notification.types';
+declare const Notification: FC<NotificationProps>;
+export default Notification;

dist/cjs/types/components/Notification/useNotification.d.ts

@@ -0,0 +1,2 @@
+declare const useNotification: () => (props: any) => void;
+export default useNotification;

dist/cjs/types/components/Pagination/Pagination.types.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from "react";
+export interface PaginationProps {
+    className?: string;
+    style?: CSSProperties;
+    arrowShow?: boolean;
+    onPageChange: Function;
+    totalCount: number;
+    siblingCount: number;
+    currentPage: number;
+    pageSize: number;
+}

dist/cjs/types/components/Pagination/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { PaginationProps } from "./Pagination.types";
+declare const Pagination: FC<PaginationProps>;
+export default Pagination;

dist/cjs/types/components/Pagination/usePagination.d.ts

@@ -0,0 +1,9 @@
+export declare const DOTS = "...";
+interface usePaginationProps {
+    totalCount: number;
+    pageSize: number;
+    siblingCount: number;
+    currentPage: number;
+}
+export declare const usePagination: (props: usePaginationProps) => any[] | undefined;
+export {};

dist/cjs/types/components/SliderBeforeAfter/SliderBeforeAfter.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface SliderBeforeAfterProps {
+    size: number;
+    aspectRatio: string;
+    urlFirstImage?: string;
+    urlSecondImage?: string;
+    alt?: string;
+    componentAfter?: ReactNode;
+    componentBefore?: ReactNode;
+}

dist/cjs/types/components/SliderBeforeAfter/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SliderBeforeAfterProps } from './SliderBeforeAfter.types';
+declare const SliderBeforeAfter: FC<SliderBeforeAfterProps>;
+export default SliderBeforeAfter;

dist/cjs/types/components/Tags/Tags.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface TagsProps {
+    children?: ReactNode;
+}
+export interface TagProps {
+    className?: string;
+    children?: ReactNode;
+    activ?: boolean;
+    onClick?: Function;
+}

dist/cjs/types/components/Tags/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TagsProps } from './Tags.types';
+declare const Tags: FC<TagsProps>;
+export default Tags;

dist/cjs/types/components/Tags/tag.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TagProps } from './Tags.types';
+declare const Tag: FC<TagProps>;
+export default Tag;

dist/cjs/types/components/Typography/Typography.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, CSSProperties } from 'react';
+export interface TypographyProps {
+    type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'caption' | 'text';
+    color: 'accent' | 'text' | 'secondary';
+    children?: ReactNode;
+    fontStyle?: 'normal' | 'italic' | 'oblique';
+    transform?: 'capitalize' | 'lowercase' | 'uppercase';
+    decoration?: 'underline' | 'overline' | 'line-through';
+    className?: string;
+    style?: CSSProperties;
+}

dist/cjs/types/components/Typography/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TypographyProps } from './Typography.types';
+declare const Typography: FC<TypographyProps>;
+export default Typography;

dist/cjs/types/components/ZoomImage/ZoomImage.types.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from "react";
+export interface ZoomImageProps {
+    className?: string;
+    style?: CSSProperties;
+    src: string;
+    alt: string;
+}

dist/cjs/types/components/ZoomImage/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ZoomImageProps } from './ZoomImage.types';
+declare const ZoomImage: FC<ZoomImageProps>;
+export default ZoomImage;

dist/cjs/types/components/ZoomImage/useEventListener.d.ts

@@ -0,0 +1,2 @@
+declare const useEventListener: (eventName: any, handler: any, element?: any) => void;
+export default useEventListener;

dist/cjs/types/components/index.d.ts

@@ -0,0 +1,13 @@
+export { default as Button } from './Button';
+export { default as Pagination } from './Pagination';
+export { default as Form } from './Form';
+export { default as ZoomImage } from './ZoomImage';
+export { default as SliderBeforeAfter } from './SliderBeforeAfter';
+export { default as Typography } from './Typography';
+export { default as Notification } from './Notification/notification';
+export { default as NotificationProvider } from './Notification';
+export { default as Grid } from './Grid';
+export { default as Image } from './Image';
+export { default as useEventListener } from './ZoomImage/useEventListener';
+export { default as useForm } from './Form/useForm';
+export { default as useNotification } from './Notification/useNotification';

dist/cjs/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

dist/esm/types/components/Avatar/Avatar.types.d.ts

@@ -0,0 +1,24 @@
+import { FC, CSSProperties, ReactNode, MouseEventHandler, Component } from 'react';
+export interface AvatarProps {
+    component?: Component | ReactNode;
+    fullname?: string;
+    avatar?: string;
+    size: 'small' | 'medium' | 'large';
+    className?: string;
+    style?: CSSProperties;
+    imageClassName?: string;
+    imageStyle?: CSSProperties;
+    isOnline?: boolean;
+}
+export interface AvatarComposition {
+    Group: FC<GroupProps>;
+}
+export interface GroupProps {
+    users: AvatarProps[];
+    add: boolean;
+    onAdd: MouseEventHandler<HTMLDivElement>;
+}
+export interface AddButtonProps {
+    users: AvatarProps[];
+    onAdd: MouseEventHandler<HTMLDivElement>;
+}

dist/esm/types/components/Avatar/avatar.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AvatarProps } from './Avatar.types';
+declare const AvatarComponent: FC<AvatarProps>;
+export default AvatarComponent;

dist/esm/types/components/Avatar/group.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { GroupProps } from './Avatar.types';
+declare const Group: FC<GroupProps>;
+export default Group;

dist/esm/types/components/Avatar/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AvatarProps, AvatarComposition } from './Avatar.types';
+declare const Avatar: FC<AvatarProps> & AvatarComposition;
+export default Avatar;

dist/esm/types/components/Avatar/sizes.d.ts

@@ -0,0 +1,4 @@
+export declare const changeSizeContainer: (size: any) => any;
+export declare const changeSize: (size: any) => any;
+export declare const changeSizeSymbol: (size: any) => any;
+export declare const changeSizeOnline: (size: any) => any;

dist/esm/types/components/Button/Button.types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, CSSProperties } from "react";
+export interface ButtonProps {
+    as?: string;
+    children?: ReactNode;
+    className?: string;
+    danger?: boolean;
+    disabled?: boolean;
+    href?: string;
+    loading?: boolean;
+    size: 'small' | 'medium' | 'large';
+    styles?: CSSProperties;
+    type: 'button' | 'reset' | 'submit';
+    variant: 'primary' | 'secondary' | 'text';
+}

dist/esm/types/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ButtonProps } from './Button.types';
+declare const Button: FC<ButtonProps>;
+export default Button;