@vchasno/ui-kit 0.2.13 → 0.2.15
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.
- package/CHANGELOG.md +13 -0
- package/dist/Datepicker/index.cjs.js +13548 -8319
- package/dist/Datepicker/index.cjs.js.map +1 -1
- package/dist/Datepicker/index.js +13552 -8323
- package/dist/Datepicker/index.js.map +1 -1
- package/dist/Datepicker/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
- package/dist/Datepicker/types/components/BlackTooltip/index.d.ts +2 -0
- package/dist/Datepicker/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
- package/dist/Datepicker/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
- package/dist/Datepicker/types/components/ProjectsPopover/index.d.ts +2 -0
- package/dist/Datepicker/types/components/ProjectsPopover/mappers.d.ts +6 -0
- package/dist/Datepicker/types/components/ProjectsPopover/types.d.ts +7 -0
- package/dist/Datepicker/types/components/ProjectsPopover/utils.d.ts +10 -0
- package/dist/Datepicker/types/components/Select/Select.d.ts +1 -1
- package/dist/Datepicker/types/components/index.d.ts +2 -0
- package/dist/ProjectsPopover/index.cjs.js +12650 -0
- package/dist/ProjectsPopover/index.cjs.js.map +1 -0
- package/dist/ProjectsPopover/index.d.ts +27 -0
- package/dist/ProjectsPopover/index.js +12630 -0
- package/dist/ProjectsPopover/index.js.map +1 -0
- package/dist/ProjectsPopover/types/components/Alert/Alert.d.ts +16 -0
- package/dist/ProjectsPopover/types/components/Alert/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
- package/dist/ProjectsPopover/types/components/BlackTooltip/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/BubbleBox/BubbleBox.d.ts +17 -0
- package/dist/ProjectsPopover/types/components/BubbleBox/index.d.ts +3 -0
- package/dist/ProjectsPopover/types/components/BubbleBox/utils.d.ts +1 -0
- package/dist/ProjectsPopover/types/components/Button/Button.d.ts +12 -0
- package/dist/ProjectsPopover/types/components/Button/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Checkbox/Checkbox.d.ts +11 -0
- package/dist/ProjectsPopover/types/components/Checkbox/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Datepicker/DatePicker.d.ts +15 -0
- package/dist/ProjectsPopover/types/components/Datepicker/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/FlexBox/FlexBox.d.ts +15 -0
- package/dist/ProjectsPopover/types/components/FlexBox/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Input/Input.d.ts +15 -0
- package/dist/ProjectsPopover/types/components/Input/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/InputMeta/InputMeta.d.ts +8 -0
- package/dist/ProjectsPopover/types/components/InputMeta/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/LabelText/LabelText.d.ts +8 -0
- package/dist/ProjectsPopover/types/components/LabelText/index.d.ts +1 -0
- package/dist/ProjectsPopover/types/components/MaskInput/MaskInput.d.ts +10 -0
- package/dist/ProjectsPopover/types/components/MaskInput/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Pagination/Pagination.d.ts +16 -0
- package/dist/ProjectsPopover/types/components/Pagination/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Pagination/utils.d.ts +1 -0
- package/dist/ProjectsPopover/types/components/Paragraph/Paragraph.d.ts +9 -0
- package/dist/ProjectsPopover/types/components/Paragraph/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
- package/dist/ProjectsPopover/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
- package/dist/ProjectsPopover/types/components/ProjectsPopover/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/ProjectsPopover/mappers.d.ts +6 -0
- package/dist/ProjectsPopover/types/components/ProjectsPopover/types.d.ts +7 -0
- package/dist/ProjectsPopover/types/components/ProjectsPopover/utils.d.ts +10 -0
- package/dist/ProjectsPopover/types/components/PulseDot/PulseDot.d.ts +22 -0
- package/dist/ProjectsPopover/types/components/PulseDot/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Select/Select.d.ts +39 -0
- package/dist/ProjectsPopover/types/components/Select/SelectCreatable.d.ts +14 -0
- package/dist/ProjectsPopover/types/components/Select/customComponents.d.ts +9 -0
- package/dist/ProjectsPopover/types/components/Select/defaultProps.d.ts +6 -0
- package/dist/ProjectsPopover/types/components/Select/index.d.ts +5 -0
- package/dist/ProjectsPopover/types/components/Select/types.d.ts +4 -0
- package/dist/ProjectsPopover/types/components/Spinner/Spinner.d.ts +18 -0
- package/dist/ProjectsPopover/types/components/Spinner/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/SplashLogo/SplashLogo.d.ts +12 -0
- package/dist/ProjectsPopover/types/components/SplashLogo/dataUrls.d.ts +6 -0
- package/dist/ProjectsPopover/types/components/SplashLogo/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/SvgBorder/SvgBorder.d.ts +18 -0
- package/dist/ProjectsPopover/types/components/SvgBorder/index.d.ts +3 -0
- package/dist/ProjectsPopover/types/components/SvgBorder/utils.d.ts +1 -0
- package/dist/ProjectsPopover/types/components/Switch/Switch.d.ts +14 -0
- package/dist/ProjectsPopover/types/components/Switch/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Tabs/Tabs.d.ts +19 -0
- package/dist/ProjectsPopover/types/components/Tabs/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Text/Text.d.ts +14 -0
- package/dist/ProjectsPopover/types/components/Text/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/TextAreaInput/TextAreaInput.d.ts +10 -0
- package/dist/ProjectsPopover/types/components/TextAreaInput/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/TextInput/TextInput.d.ts +9 -0
- package/dist/ProjectsPopover/types/components/TextInput/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/Title/Title.d.ts +9 -0
- package/dist/ProjectsPopover/types/components/Title/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/components/index.d.ts +42 -0
- package/dist/ProjectsPopover/types/components/types.d.ts +24 -0
- package/dist/ProjectsPopover/types/hooks/useClientRect.d.ts +5 -0
- package/dist/ProjectsPopover/types/index.d.ts +2 -0
- package/dist/ProjectsPopover/types/utils/react.d.ts +6 -0
- package/dist/Select/index.cjs.js +195 -92
- package/dist/Select/index.cjs.js.map +1 -1
- package/dist/Select/index.d.ts +1 -1
- package/dist/Select/index.js +195 -92
- package/dist/Select/index.js.map +1 -1
- package/dist/Select/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
- package/dist/Select/types/components/BlackTooltip/index.d.ts +2 -0
- package/dist/Select/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
- package/dist/Select/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
- package/dist/Select/types/components/ProjectsPopover/index.d.ts +2 -0
- package/dist/Select/types/components/ProjectsPopover/mappers.d.ts +6 -0
- package/dist/Select/types/components/ProjectsPopover/types.d.ts +7 -0
- package/dist/Select/types/components/ProjectsPopover/utils.d.ts +10 -0
- package/dist/Select/types/components/Select/Select.d.ts +1 -1
- package/dist/Select/types/components/index.d.ts +2 -0
- package/dist/SelectCreatable/index.cjs.js +195 -92
- package/dist/SelectCreatable/index.cjs.js.map +1 -1
- package/dist/SelectCreatable/index.js +195 -92
- package/dist/SelectCreatable/index.js.map +1 -1
- package/dist/SelectCreatable/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
- package/dist/SelectCreatable/types/components/BlackTooltip/index.d.ts +2 -0
- package/dist/SelectCreatable/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
- package/dist/SelectCreatable/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
- package/dist/SelectCreatable/types/components/ProjectsPopover/index.d.ts +2 -0
- package/dist/SelectCreatable/types/components/ProjectsPopover/mappers.d.ts +6 -0
- package/dist/SelectCreatable/types/components/ProjectsPopover/types.d.ts +7 -0
- package/dist/SelectCreatable/types/components/ProjectsPopover/utils.d.ts +10 -0
- package/dist/SelectCreatable/types/components/Select/Select.d.ts +1 -1
- package/dist/SelectCreatable/types/components/index.d.ts +2 -0
- package/dist/index.d.ts +9 -1
- package/dist/index.js +12451 -365
- package/dist/index.js.map +1 -1
- package/dist/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
- package/dist/types/components/BlackTooltip/index.d.ts +2 -0
- package/dist/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
- package/dist/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
- package/dist/types/components/ProjectsPopover/index.d.ts +2 -0
- package/dist/types/components/ProjectsPopover/mappers.d.ts +6 -0
- package/dist/types/components/ProjectsPopover/types.d.ts +7 -0
- package/dist/types/components/ProjectsPopover/utils.d.ts +10 -0
- package/dist/types/components/Select/Select.d.ts +1 -1
- package/dist/types/components/index.d.ts +2 -0
- package/package.json +45 -37
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Tabs.global.css';
|
|
3
|
+
export interface Tab<T> {
|
|
4
|
+
key: T;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
label: string | React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface TabsProps<T> {
|
|
11
|
+
items: Tab<T>[];
|
|
12
|
+
activeTab?: T;
|
|
13
|
+
defaultActiveKey?: T;
|
|
14
|
+
onChange?: (key: T) => void;
|
|
15
|
+
className?: string;
|
|
16
|
+
isPending?: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare const Tabs: <T extends string>({ onChange, items, defaultActiveKey, activeTab, className, isPending, }: TabsProps<T>) => React.JSX.Element;
|
|
19
|
+
export default Tabs;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { EllipsisText, TextType } from '../types';
|
|
3
|
+
import './Text.global.css';
|
|
4
|
+
export interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText {
|
|
5
|
+
type?: TextType;
|
|
6
|
+
code?: boolean;
|
|
7
|
+
underline?: boolean;
|
|
8
|
+
del?: boolean;
|
|
9
|
+
strong?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
14
|
+
export default Text;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
+
import { TextareaAutosizeProps } from 'react-textarea-autosize';
|
|
3
|
+
import { InputProps } from '../Input';
|
|
4
|
+
import './TextAreaInput.global.css';
|
|
5
|
+
export interface TextAreaInputProps extends TextareaAutosizeProps, Omit<InputProps, 'children'> {
|
|
6
|
+
textareaClassName?: string;
|
|
7
|
+
labelProps?: InputHTMLAttributes<HTMLLabelElement>;
|
|
8
|
+
}
|
|
9
|
+
declare const TextAreaInput: React.ForwardRefExoticComponent<TextAreaInputProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
10
|
+
export default TextAreaInput;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
+
import type { InputProps } from '../Input';
|
|
3
|
+
import './TextInput.global.css';
|
|
4
|
+
export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'> {
|
|
5
|
+
inputClassName?: string;
|
|
6
|
+
labelProps?: InputHTMLAttributes<HTMLLabelElement>;
|
|
7
|
+
}
|
|
8
|
+
export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
+
export default TextInput;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import type { EllipsisText } from '../types';
|
|
3
|
+
import './Title.global.css';
|
|
4
|
+
export interface TitleProps extends EllipsisText, HTMLAttributes<HTMLHeadingElement> {
|
|
5
|
+
level?: 1 | 2 | 3 | 4 | 5;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
9
|
+
export default Title;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export { default as FlexBox } from './FlexBox';
|
|
2
|
+
export type { FlexBoxProps } from './FlexBox';
|
|
3
|
+
export { default as Button } from './Button';
|
|
4
|
+
export type { ButtonProps } from './Button';
|
|
5
|
+
export { default as Input } from './Input';
|
|
6
|
+
export type { InputProps } from './Input';
|
|
7
|
+
export { default as InputMeta } from './InputMeta';
|
|
8
|
+
export type { InputMetaProps } from './InputMeta';
|
|
9
|
+
export { default as MaskInput } from './MaskInput';
|
|
10
|
+
export type { MaskInputProps } from './MaskInput';
|
|
11
|
+
export { default as Pagination } from './Pagination';
|
|
12
|
+
export type { PaginationProps } from './Pagination';
|
|
13
|
+
export { default as TextInput } from './TextInput';
|
|
14
|
+
export type { TextInputProps } from './TextInput';
|
|
15
|
+
export { default as Text } from './Text';
|
|
16
|
+
export type { TextProps } from './Text';
|
|
17
|
+
export { default as Title } from './Title';
|
|
18
|
+
export type { TitleProps } from './Title';
|
|
19
|
+
export { default as Paragraph } from './Paragraph';
|
|
20
|
+
export type { ParagraphProps } from './Paragraph';
|
|
21
|
+
export { default as TextAreaInput } from './TextAreaInput';
|
|
22
|
+
export type { TextAreaInputProps } from './TextAreaInput';
|
|
23
|
+
export { default as Alert } from './Alert';
|
|
24
|
+
export type { AlertProps } from './Alert';
|
|
25
|
+
export { default as Spinner } from './Spinner';
|
|
26
|
+
export type { SpinnerProps } from './Spinner';
|
|
27
|
+
export { default as Switch } from './Switch';
|
|
28
|
+
export type { SwitchProps } from './Switch';
|
|
29
|
+
export { default as Tabs } from './Tabs';
|
|
30
|
+
export type { TabsProps } from './Tabs';
|
|
31
|
+
export { default as Checkbox } from './Checkbox';
|
|
32
|
+
export type { CheckboxProps } from './Checkbox';
|
|
33
|
+
export { default as PulseDot } from './PulseDot';
|
|
34
|
+
export type { PulseDotProps } from './PulseDot';
|
|
35
|
+
export { default as BubbleBox, composeBubblePath } from './BubbleBox';
|
|
36
|
+
export type { BubbleBoxProps } from './BubbleBox';
|
|
37
|
+
export { default as SvgBorder, composeRoundedBorderPath } from './SvgBorder';
|
|
38
|
+
export type { SvgBorderProps } from './SvgBorder';
|
|
39
|
+
export { default as SplashLogo } from './SplashLogo';
|
|
40
|
+
export type { SplashLogoProps } from './SplashLogo';
|
|
41
|
+
export { default as BlackTooltip } from './BlackTooltip';
|
|
42
|
+
export type { BlackTooltipProps } from './BlackTooltip';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export interface Sizable {
|
|
2
|
+
size: 'sm' | 'md' | 'lg';
|
|
3
|
+
}
|
|
4
|
+
export type TextType = 'secondary' | 'success' | 'warning' | 'danger' | 'default' | 'link' | 'likeLink';
|
|
5
|
+
export interface LoadingFeedback {
|
|
6
|
+
/** індикатор процесу */
|
|
7
|
+
loading: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface ErrorFeedback {
|
|
10
|
+
/** для виведення тексту помилки */
|
|
11
|
+
error: string;
|
|
12
|
+
}
|
|
13
|
+
export interface WithLabel {
|
|
14
|
+
/** Лейбл для інпуту */
|
|
15
|
+
label: string;
|
|
16
|
+
}
|
|
17
|
+
export interface WithHint {
|
|
18
|
+
/** для виведення тексту підсказки */
|
|
19
|
+
hint: string;
|
|
20
|
+
}
|
|
21
|
+
export interface EllipsisText {
|
|
22
|
+
/** для скорочення тексту і виведення 3 точок */
|
|
23
|
+
ellipsis?: boolean;
|
|
24
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Merges multiple refs into a single ref callback.
|
|
4
|
+
* @see <https://www.jameskerr.blog/posts/react-useref-and-forward-ref/>
|
|
5
|
+
*/
|
|
6
|
+
export declare function mergeRefs<T = HTMLDivElement>(...refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | undefined | null>): React.RefCallback<T>;
|