@vchasno/ui-kit 0.1.6 → 0.2.0

package/dist/Select/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/Select/types/components/Alert/index.d.ts

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

package/dist/Select/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/Select/types/components/Button/index.d.ts

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

package/dist/Select/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/Select/types/components/Checkbox/index.d.ts

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

package/dist/Select/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/Select/types/components/Datepicker/index.d.ts

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

package/dist/Select/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/Select/types/components/FlexBox/index.d.ts

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

package/dist/Select/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/Select/types/components/Input/index.d.ts

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

package/dist/Select/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/Select/types/components/InputMeta/index.d.ts

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

package/dist/Select/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/Select/types/components/LabelText/index.d.ts

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

package/dist/Select/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/Select/types/components/MaskInput/index.d.ts

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

package/dist/Select/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/Select/types/components/Pagination/index.d.ts

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

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

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

package/dist/Select/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/Select/types/components/Paragraph/index.d.ts

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

package/dist/Select/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/Select/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/Select/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/Select/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/Select/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/Select/types/components/Select/types.d.ts

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

package/dist/Select/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/Select/types/components/Spinner/index.d.ts

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

package/dist/Select/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/Select/types/components/Switcher/index.d.ts

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

package/dist/Select/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/Select/types/components/Tabs/index.d.ts

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

package/dist/Select/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/Select/types/components/Text/index.d.ts

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

package/dist/Select/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/Select/types/components/TextAreaInput/index.d.ts

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

package/dist/Select/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/Select/types/components/TextInput/index.d.ts

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

package/dist/Select/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/Select/types/components/Title/index.d.ts

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

package/dist/Select/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/Select/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/Select/types/index.d.ts

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

package/dist/SelectCreatable/index.d.ts

@@ -0,0 +1,34 @@
+import React, { InputHTMLAttributes } from 'react';
+import { CreatableProps } from 'react-select/creatable';
+import { GroupBase } from 'react-select/dist/declarations/src/types';
+
+interface LoadingFeedback {
+    /** індикатор процесу */
+    loading: boolean;
+}
+interface ErrorFeedback {
+    /** для виведення тексту помилки */
+    error: string;
+}
+interface WithLabel {
+    /** Лейбл для інпуту */
+    label: string;
+}
+interface WithHint {
+    /** для виведення тексту підсказки */
+    hint: string;
+}
+
+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>;
+
+export { type SelectCreatableProps, SelectCreatable as default };