@vchasno/ui-kit 0.1.6 → 0.2.0

package/dist/SelectCreatable/types/components/Alert/Alert.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './Alert.global.css';
+type AlertType = 'error' | 'warning' | 'success' | 'info';
+type IconType = 'info' | 'cross' | 'error' | 'warning' | 'success';
+export interface AlertProps {
+    type?: AlertType;
+    icon?: IconType | React.ReactNode;
+    leftBorder?: boolean;
+    className?: string;
+    onClose?: VoidFunction;
+    close?: boolean;
+    wide?: boolean;
+    children: React.ReactNode;
+}
+declare const Alert: React.FC<AlertProps>;
+export default Alert;

package/dist/SelectCreatable/types/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Alert';
+export type { AlertProps } from './Alert';

package/dist/SelectCreatable/types/components/Button/Button.d.ts

@@ -0,0 +1,12 @@
+import React, { ButtonHTMLAttributes } from "react";
+import type { LoadingFeedback, Sizable } from "../types";
+import "./Button.global.css";
+type ButtonTheme = "primary" | "secondary" | "transparent" | "light" | "danger";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Partial<Sizable>, Partial<LoadingFeedback> {
+    className?: string;
+    theme?: ButtonTheme;
+    outline?: boolean;
+    wide?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/SelectCreatable/types/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export type { ButtonProps } from './Button';

package/dist/SelectCreatable/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React, { InputHTMLAttributes } from 'react';
+import type { LoadingFeedback } from '../types';
+import './Checkbox.global.css';
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback> {
+    className?: string;
+    label?: string;
+    disabled?: boolean;
+    partial?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/SelectCreatable/types/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/dist/SelectCreatable/types/components/Datepicker/DatePicker.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ReactDatePickerProps } from 'react-datepicker';
+import { MaskedInputProps } from 'react-text-mask';
+import type { ErrorFeedback, LoadingFeedback, WithHint } from '../types';
+import './DatePicker.global.css';
+export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback> {
+    label?: string;
+    className?: string;
+    showMask?: boolean;
+    mask?: MaskedInputProps['mask'];
+    onChange: ReactDatePickerProps['onChange'];
+}
+/** Компонент вводу дати/часу */
+declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

package/dist/SelectCreatable/types/components/Datepicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';

package/dist/SelectCreatable/types/components/FlexBox/FlexBox.d.ts

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes } from 'react';
+import './FlexBox.css';
+export interface FlexBoxProps extends HTMLAttributes<HTMLElement> {
+    className?: string;
+    tagName?: keyof HTMLElementTagNameMap;
+    direction?: React.CSSProperties['flexDirection'];
+    gap?: number;
+    grow?: React.CSSProperties['flexGrow'];
+    shrink?: React.CSSProperties['flexShrink'];
+    wrap?: React.CSSProperties['flexWrap'];
+    align?: React.CSSProperties['alignItems'];
+    justify?: React.CSSProperties['justifyContent'];
+}
+declare const FlexBox: React.ForwardRefExoticComponent<FlexBoxProps & React.RefAttributes<HTMLElement>>;
+export default FlexBox;

package/dist/SelectCreatable/types/components/FlexBox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FlexBox';
+export type { FlexBoxProps } from './FlexBox';

package/dist/SelectCreatable/types/components/Input/Input.d.ts

@@ -0,0 +1,15 @@
+import React, { InputHTMLAttributes } from 'react';
+import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import './Input.global.css';
+export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+    className?: string;
+    disabled?: boolean;
+    required?: boolean;
+    wide?: boolean;
+    startElement?: string | React.ReactElement;
+    endElement?: string | React.ReactElement;
+    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
+    children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];
+}
+export declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/SelectCreatable/types/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Input';
+export type { InputProps } from './Input';

package/dist/SelectCreatable/types/components/InputMeta/InputMeta.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ErrorFeedback, WithHint } from '../types';
+import './InputMeta.global.css';
+export interface InputMetaProps extends Partial<WithHint & ErrorFeedback> {
+    className?: string;
+}
+declare const InputMeta: React.FC<InputMetaProps>;
+export default InputMeta;

package/dist/SelectCreatable/types/components/InputMeta/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './InputMeta';
+export type { InputMetaProps } from './InputMeta';

package/dist/SelectCreatable/types/components/LabelText/LabelText.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './LabelText.global.css';
+export interface LabelTextProps {
+    className?: string;
+    children?: string;
+}
+declare const LabelText: React.FC<LabelTextProps>;
+export default LabelText;

package/dist/SelectCreatable/types/components/LabelText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LabelText';

package/dist/SelectCreatable/types/components/MaskInput/MaskInput.d.ts

@@ -0,0 +1,10 @@
+import React, { InputHTMLAttributes } from 'react';
+import { MaskedInputProps } from 'react-text-mask';
+import { InputProps } from '../Input';
+import './MaskInput.global.css';
+export interface MaskInputProps extends MaskedInputProps, Omit<InputProps, 'children'> {
+    inputClassName?: string;
+    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
+}
+declare const MaskInput: React.FC<MaskInputProps>;
+export default MaskInput;

package/dist/SelectCreatable/types/components/MaskInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MaskInput';
+export type { MaskInputProps } from './MaskInput';

package/dist/SelectCreatable/types/components/Pagination/Pagination.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './Pagination.global.css';
+export interface PaginationProps {
+    className?: string;
+    initPage?: number;
+    total?: number;
+    hideOnSinglePage?: boolean;
+    onChange?: (page: number) => void;
+    current?: number;
+    scrollOnChange?: boolean;
+}
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/dist/SelectCreatable/types/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Pagination';
+export type { PaginationProps } from './Pagination';

package/dist/SelectCreatable/types/components/Pagination/utils.d.ts

@@ -0,0 +1 @@
+export declare const composePaginationSteps: (total: number, current: number) => Array<number[] | number>;

package/dist/SelectCreatable/types/components/Paragraph/Paragraph.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLAttributes } from 'react';
+import { EllipsisText } from '../types';
+import './Paragraph.global.css';
+export interface ParagraphProps extends EllipsisText, HTMLAttributes<HTMLParagraphElement> {
+    className?: string;
+    children: React.ReactNode;
+}
+declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
+export default Paragraph;

package/dist/SelectCreatable/types/components/Paragraph/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Paragraph';
+export type { ParagraphProps } from './Paragraph';

package/dist/SelectCreatable/types/components/Select/Select.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Props as ReactSelectProps } from 'react-select';
+import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import './Select.global.css';
+export interface SelectProps extends ReactSelectProps, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+    wide?: boolean;
+    dataQa?: string;
+}
+declare const Select: React.FC<SelectProps>;
+export default Select;

package/dist/SelectCreatable/types/components/Select/SelectCreatable.d.ts

@@ -0,0 +1,13 @@
+import React, { InputHTMLAttributes } from 'react';
+import { CreatableProps } from 'react-select/creatable';
+import type { GroupBase } from 'react-select/dist/declarations/src/types';
+import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import { Option } from './types';
+import './Select.global.css';
+export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+    wide?: boolean;
+    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
+    dataQa?: string;
+}
+declare const SelectCreatable: React.FC<SelectCreatableProps>;
+export default SelectCreatable;

package/dist/SelectCreatable/types/components/Select/customComponents.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
+declare const _default: {
+    DropdownIndicator: (props: DropdownIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
+    LoadingIndicator: () => React.JSX.Element;
+    IndicatorSeparator: () => null;
+    ClearIndicator: (props: ClearIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
+};
+export default _default;

package/dist/SelectCreatable/types/components/Select/defaultProps.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: {
+    noOptionsMessageDefault: () => React.ReactNode;
+    loadingMessageDefault: () => React.ReactNode;
+};
+export default _default;

package/dist/SelectCreatable/types/components/Select/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './Select';
+export type { SelectProps } from './Select';
+export { default as SelectCreatable } from './SelectCreatable';
+export type { SelectCreatableProps } from './SelectCreatable';
+export type { Option } from './types';

package/dist/SelectCreatable/types/components/Select/types.d.ts

@@ -0,0 +1,4 @@
+export interface Option {
+    readonly label: string;
+    readonly value: string;
+}

package/dist/SelectCreatable/types/components/Spinner/Spinner.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from 'react';
+import './Spinner.global.css';
+export interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * CSS color #fff - default
+     */
+    color?: string;
+    /**
+     * CSS width values like  10em | 10px | 50%
+     */
+    width?: React.CSSProperties['width'];
+    /**
+     * CSS height values like  10em | 10px | 50%
+     */
+    height?: React.CSSProperties['height'];
+}
+declare const Spinner: React.FC<SpinnerProps>;
+export default Spinner;

package/dist/SelectCreatable/types/components/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Spinner';
+export type { SpinnerProps } from './Spinner';

package/dist/SelectCreatable/types/components/Switcher/Switcher.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './Switcher.global.css';
+export interface SwitcherProps {
+    className?: string;
+    color?: string;
+    size?: string | number;
+    checked?: boolean;
+    onChecked?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    lazy?: boolean;
+}
+declare const Switcher: React.ForwardRefExoticComponent<SwitcherProps & React.RefAttributes<HTMLInputElement>>;
+export default Switcher;

package/dist/SelectCreatable/types/components/Switcher/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Switcher';
+export type { SwitcherProps } from './Switcher';

package/dist/SelectCreatable/types/components/Tabs/Tabs.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './Tabs.global.css';
+export interface Tab<T> {
+    key: T;
+    children: React.ReactNode;
+    label: string | React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export interface TabsProps<T> {
+    items: Tab<T>[];
+    activeTab?: T;
+    defaultActiveKey?: T;
+    onChange?: (key: T) => void;
+    className?: string;
+    isPending?: boolean;
+}
+declare const Tabs: <T extends string>({ onChange, items, defaultActiveKey, activeTab, className, isPending, }: TabsProps<T>) => React.JSX.Element;
+export default Tabs;

package/dist/SelectCreatable/types/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tabs';
+export type { Tab, TabsProps } from './Tabs';

package/dist/SelectCreatable/types/components/Text/Text.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from 'react';
+import { EllipsisText, TextType } from '../types';
+import './Text.global.css';
+export interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText {
+    type?: TextType;
+    code?: boolean;
+    underline?: boolean;
+    del?: boolean;
+    strong?: boolean;
+    className?: string;
+    required?: boolean;
+}
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+export default Text;

package/dist/SelectCreatable/types/components/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Text';
+export type { TextProps } from './Text';

package/dist/SelectCreatable/types/components/TextAreaInput/TextAreaInput.d.ts

@@ -0,0 +1,10 @@
+import React, { InputHTMLAttributes } from 'react';
+import { TextareaAutosizeProps } from 'react-textarea-autosize';
+import { InputProps } from '../Input';
+import './TextAreaInput.global.css';
+export interface TextAreaInputProps extends TextareaAutosizeProps, Omit<InputProps, 'children'> {
+    textareaClassName?: string;
+    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
+}
+declare const TextAreaInput: React.ForwardRefExoticComponent<TextAreaInputProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextAreaInput;

package/dist/SelectCreatable/types/components/TextAreaInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TextAreaInput';
+export type { TextAreaInputProps } from './TextAreaInput';

package/dist/SelectCreatable/types/components/TextInput/TextInput.d.ts

@@ -0,0 +1,9 @@
+import React, { InputHTMLAttributes } from 'react';
+import type { InputProps } from '../Input';
+import './TextInput.global.css';
+export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'> {
+    inputClassName?: string;
+    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
+}
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default TextInput;

package/dist/SelectCreatable/types/components/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TextInput';
+export type { TextInputProps } from './TextInput';

package/dist/SelectCreatable/types/components/Title/Title.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLAttributes } from 'react';
+import type { EllipsisText } from '../types';
+import './Title.global.css';
+export interface TitleProps extends EllipsisText, HTMLAttributes<HTMLHeadingElement> {
+    level?: 1 | 2 | 3 | 4 | 5;
+    className?: string;
+}
+export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export default Title;

package/dist/SelectCreatable/types/components/Title/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Title';
+export type { TitleProps } from './Title';

package/dist/SelectCreatable/types/components/index.d.ts

@@ -0,0 +1,32 @@
+export { default as FlexBox } from './FlexBox';
+export type { FlexBoxProps } from './FlexBox';
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';
+export { default as Input } from './Input';
+export type { InputProps } from './Input';
+export { default as InputMeta } from './InputMeta';
+export type { InputMetaProps } from './InputMeta';
+export { default as MaskInput } from './MaskInput';
+export type { MaskInputProps } from './MaskInput';
+export { default as Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';
+export { default as TextInput } from './TextInput';
+export type { TextInputProps } from './TextInput';
+export { default as Text } from './Text';
+export type { TextProps } from './Text';
+export { default as Title } from './Title';
+export type { TitleProps } from './Title';
+export { default as Paragraph } from './Paragraph';
+export type { ParagraphProps } from './Paragraph';
+export { default as TextAreaInput } from './TextAreaInput';
+export type { TextAreaInputProps } from './TextAreaInput';
+export { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';
+export { default as Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';
+export { default as Switcher } from './Switcher';
+export type { SwitcherProps } from './Switcher';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/dist/SelectCreatable/types/components/types.d.ts

@@ -0,0 +1,24 @@
+export interface Sizable {
+    size: 'sm' | 'md' | 'lg';
+}
+export type TextType = 'secondary' | 'success' | 'warning' | 'danger' | 'default' | 'link' | 'likeLink';
+export interface LoadingFeedback {
+    /** індикатор процесу */
+    loading: boolean;
+}
+export interface ErrorFeedback {
+    /** для виведення тексту помилки */
+    error: string;
+}
+export interface WithLabel {
+    /** Лейбл для інпуту */
+    label: string;
+}
+export interface WithHint {
+    /** для виведення тексту підсказки */
+    hint: string;
+}
+export interface EllipsisText {
+    /** для скорочення тексту і виведення 3 точок */
+    ellipsis?: boolean;
+}

package/dist/SelectCreatable/types/index.d.ts

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

package/dist/index.d.ts

@@ -1,10 +1,6 @@
 import React, { HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
 import { MaskedInputProps } from 'react-text-mask';
-import { Props } from 'react-select';
-import { CreatableProps } from 'react-select/creatable';
-import { GroupBase } from 'react-select/dist/declarations/src/types';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
-import { ReactDatePickerProps } from 'react-datepicker';
 
 interface FlexBoxProps extends HTMLAttributes<HTMLElement> {
     className?: string;
@@ -87,24 +83,6 @@ interface PaginationProps {
 }
 declare const Pagination: React.FC<PaginationProps>;
 
-interface SelectProps extends Props, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
-    wide?: boolean;
-    dataQa?: string;
-}
-declare const Select: React.FC<SelectProps>;
-
-interface Option {
-    readonly label: string;
-    readonly value: string;
-}
-
-interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
-    wide?: boolean;
-    labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-    dataQa?: string;
-}
-declare const SelectCreatable: React.FC<SelectCreatableProps>;
-
 interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'> {
     inputClassName?: string;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
@@ -154,13 +132,6 @@ interface AlertProps {
 }
 declare const Alert: React.FC<AlertProps>;
 
-interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback> {
-    label?: string;
-    className?: string;
-}
-/** Компонент вводу дати/часу */
-declare const DatePicker: React.FC<DatePickerProps>;
-
 interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * CSS color #fff - default
@@ -214,4 +185,4 @@ interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, Partial<L
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Alert, type AlertProps, Button, type ButtonProps, Checkbox, type CheckboxProps, DatePicker, type DatePickerProps, FlexBox, type FlexBoxProps, Input, InputMeta, type InputMetaProps, type InputProps, MaskInput, type MaskInputProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Select, SelectCreatable, type SelectCreatableProps, type Option as SelectOption, type SelectProps, Spinner, type SpinnerProps, Switcher, type SwitcherProps, Tabs, type TabsProps, Text, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, type TextProps, Title, type TitleProps };
+export { Alert, type AlertProps, Button, type ButtonProps, Checkbox, type CheckboxProps, FlexBox, type FlexBoxProps, Input, InputMeta, type InputMetaProps, type InputProps, MaskInput, type MaskInputProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Spinner, type SpinnerProps, Switcher, type SwitcherProps, Tabs, type TabsProps, Text, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, type TextProps, Title, type TitleProps };