@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.
Files changed (130) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Datepicker/index.cjs.js +13548 -8319
  3. package/dist/Datepicker/index.cjs.js.map +1 -1
  4. package/dist/Datepicker/index.js +13552 -8323
  5. package/dist/Datepicker/index.js.map +1 -1
  6. package/dist/Datepicker/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
  7. package/dist/Datepicker/types/components/BlackTooltip/index.d.ts +2 -0
  8. package/dist/Datepicker/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
  9. package/dist/Datepicker/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
  10. package/dist/Datepicker/types/components/ProjectsPopover/index.d.ts +2 -0
  11. package/dist/Datepicker/types/components/ProjectsPopover/mappers.d.ts +6 -0
  12. package/dist/Datepicker/types/components/ProjectsPopover/types.d.ts +7 -0
  13. package/dist/Datepicker/types/components/ProjectsPopover/utils.d.ts +10 -0
  14. package/dist/Datepicker/types/components/Select/Select.d.ts +1 -1
  15. package/dist/Datepicker/types/components/index.d.ts +2 -0
  16. package/dist/ProjectsPopover/index.cjs.js +12650 -0
  17. package/dist/ProjectsPopover/index.cjs.js.map +1 -0
  18. package/dist/ProjectsPopover/index.d.ts +27 -0
  19. package/dist/ProjectsPopover/index.js +12630 -0
  20. package/dist/ProjectsPopover/index.js.map +1 -0
  21. package/dist/ProjectsPopover/types/components/Alert/Alert.d.ts +16 -0
  22. package/dist/ProjectsPopover/types/components/Alert/index.d.ts +2 -0
  23. package/dist/ProjectsPopover/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
  24. package/dist/ProjectsPopover/types/components/BlackTooltip/index.d.ts +2 -0
  25. package/dist/ProjectsPopover/types/components/BubbleBox/BubbleBox.d.ts +17 -0
  26. package/dist/ProjectsPopover/types/components/BubbleBox/index.d.ts +3 -0
  27. package/dist/ProjectsPopover/types/components/BubbleBox/utils.d.ts +1 -0
  28. package/dist/ProjectsPopover/types/components/Button/Button.d.ts +12 -0
  29. package/dist/ProjectsPopover/types/components/Button/index.d.ts +2 -0
  30. package/dist/ProjectsPopover/types/components/Checkbox/Checkbox.d.ts +11 -0
  31. package/dist/ProjectsPopover/types/components/Checkbox/index.d.ts +2 -0
  32. package/dist/ProjectsPopover/types/components/Datepicker/DatePicker.d.ts +15 -0
  33. package/dist/ProjectsPopover/types/components/Datepicker/index.d.ts +2 -0
  34. package/dist/ProjectsPopover/types/components/FlexBox/FlexBox.d.ts +15 -0
  35. package/dist/ProjectsPopover/types/components/FlexBox/index.d.ts +2 -0
  36. package/dist/ProjectsPopover/types/components/Input/Input.d.ts +15 -0
  37. package/dist/ProjectsPopover/types/components/Input/index.d.ts +2 -0
  38. package/dist/ProjectsPopover/types/components/InputMeta/InputMeta.d.ts +8 -0
  39. package/dist/ProjectsPopover/types/components/InputMeta/index.d.ts +2 -0
  40. package/dist/ProjectsPopover/types/components/LabelText/LabelText.d.ts +8 -0
  41. package/dist/ProjectsPopover/types/components/LabelText/index.d.ts +1 -0
  42. package/dist/ProjectsPopover/types/components/MaskInput/MaskInput.d.ts +10 -0
  43. package/dist/ProjectsPopover/types/components/MaskInput/index.d.ts +2 -0
  44. package/dist/ProjectsPopover/types/components/Pagination/Pagination.d.ts +16 -0
  45. package/dist/ProjectsPopover/types/components/Pagination/index.d.ts +2 -0
  46. package/dist/ProjectsPopover/types/components/Pagination/utils.d.ts +1 -0
  47. package/dist/ProjectsPopover/types/components/Paragraph/Paragraph.d.ts +9 -0
  48. package/dist/ProjectsPopover/types/components/Paragraph/index.d.ts +2 -0
  49. package/dist/ProjectsPopover/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
  50. package/dist/ProjectsPopover/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
  51. package/dist/ProjectsPopover/types/components/ProjectsPopover/index.d.ts +2 -0
  52. package/dist/ProjectsPopover/types/components/ProjectsPopover/mappers.d.ts +6 -0
  53. package/dist/ProjectsPopover/types/components/ProjectsPopover/types.d.ts +7 -0
  54. package/dist/ProjectsPopover/types/components/ProjectsPopover/utils.d.ts +10 -0
  55. package/dist/ProjectsPopover/types/components/PulseDot/PulseDot.d.ts +22 -0
  56. package/dist/ProjectsPopover/types/components/PulseDot/index.d.ts +2 -0
  57. package/dist/ProjectsPopover/types/components/Select/Select.d.ts +39 -0
  58. package/dist/ProjectsPopover/types/components/Select/SelectCreatable.d.ts +14 -0
  59. package/dist/ProjectsPopover/types/components/Select/customComponents.d.ts +9 -0
  60. package/dist/ProjectsPopover/types/components/Select/defaultProps.d.ts +6 -0
  61. package/dist/ProjectsPopover/types/components/Select/index.d.ts +5 -0
  62. package/dist/ProjectsPopover/types/components/Select/types.d.ts +4 -0
  63. package/dist/ProjectsPopover/types/components/Spinner/Spinner.d.ts +18 -0
  64. package/dist/ProjectsPopover/types/components/Spinner/index.d.ts +2 -0
  65. package/dist/ProjectsPopover/types/components/SplashLogo/SplashLogo.d.ts +12 -0
  66. package/dist/ProjectsPopover/types/components/SplashLogo/dataUrls.d.ts +6 -0
  67. package/dist/ProjectsPopover/types/components/SplashLogo/index.d.ts +2 -0
  68. package/dist/ProjectsPopover/types/components/SvgBorder/SvgBorder.d.ts +18 -0
  69. package/dist/ProjectsPopover/types/components/SvgBorder/index.d.ts +3 -0
  70. package/dist/ProjectsPopover/types/components/SvgBorder/utils.d.ts +1 -0
  71. package/dist/ProjectsPopover/types/components/Switch/Switch.d.ts +14 -0
  72. package/dist/ProjectsPopover/types/components/Switch/index.d.ts +2 -0
  73. package/dist/ProjectsPopover/types/components/Tabs/Tabs.d.ts +19 -0
  74. package/dist/ProjectsPopover/types/components/Tabs/index.d.ts +2 -0
  75. package/dist/ProjectsPopover/types/components/Text/Text.d.ts +14 -0
  76. package/dist/ProjectsPopover/types/components/Text/index.d.ts +2 -0
  77. package/dist/ProjectsPopover/types/components/TextAreaInput/TextAreaInput.d.ts +10 -0
  78. package/dist/ProjectsPopover/types/components/TextAreaInput/index.d.ts +2 -0
  79. package/dist/ProjectsPopover/types/components/TextInput/TextInput.d.ts +9 -0
  80. package/dist/ProjectsPopover/types/components/TextInput/index.d.ts +2 -0
  81. package/dist/ProjectsPopover/types/components/Title/Title.d.ts +9 -0
  82. package/dist/ProjectsPopover/types/components/Title/index.d.ts +2 -0
  83. package/dist/ProjectsPopover/types/components/index.d.ts +42 -0
  84. package/dist/ProjectsPopover/types/components/types.d.ts +24 -0
  85. package/dist/ProjectsPopover/types/hooks/useClientRect.d.ts +5 -0
  86. package/dist/ProjectsPopover/types/index.d.ts +2 -0
  87. package/dist/ProjectsPopover/types/utils/react.d.ts +6 -0
  88. package/dist/Select/index.cjs.js +195 -92
  89. package/dist/Select/index.cjs.js.map +1 -1
  90. package/dist/Select/index.d.ts +1 -1
  91. package/dist/Select/index.js +195 -92
  92. package/dist/Select/index.js.map +1 -1
  93. package/dist/Select/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
  94. package/dist/Select/types/components/BlackTooltip/index.d.ts +2 -0
  95. package/dist/Select/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
  96. package/dist/Select/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
  97. package/dist/Select/types/components/ProjectsPopover/index.d.ts +2 -0
  98. package/dist/Select/types/components/ProjectsPopover/mappers.d.ts +6 -0
  99. package/dist/Select/types/components/ProjectsPopover/types.d.ts +7 -0
  100. package/dist/Select/types/components/ProjectsPopover/utils.d.ts +10 -0
  101. package/dist/Select/types/components/Select/Select.d.ts +1 -1
  102. package/dist/Select/types/components/index.d.ts +2 -0
  103. package/dist/SelectCreatable/index.cjs.js +195 -92
  104. package/dist/SelectCreatable/index.cjs.js.map +1 -1
  105. package/dist/SelectCreatable/index.js +195 -92
  106. package/dist/SelectCreatable/index.js.map +1 -1
  107. package/dist/SelectCreatable/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
  108. package/dist/SelectCreatable/types/components/BlackTooltip/index.d.ts +2 -0
  109. package/dist/SelectCreatable/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
  110. package/dist/SelectCreatable/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
  111. package/dist/SelectCreatable/types/components/ProjectsPopover/index.d.ts +2 -0
  112. package/dist/SelectCreatable/types/components/ProjectsPopover/mappers.d.ts +6 -0
  113. package/dist/SelectCreatable/types/components/ProjectsPopover/types.d.ts +7 -0
  114. package/dist/SelectCreatable/types/components/ProjectsPopover/utils.d.ts +10 -0
  115. package/dist/SelectCreatable/types/components/Select/Select.d.ts +1 -1
  116. package/dist/SelectCreatable/types/components/index.d.ts +2 -0
  117. package/dist/index.d.ts +9 -1
  118. package/dist/index.js +12451 -365
  119. package/dist/index.js.map +1 -1
  120. package/dist/types/components/BlackTooltip/BlackTooltip.d.ts +5 -0
  121. package/dist/types/components/BlackTooltip/index.d.ts +2 -0
  122. package/dist/types/components/ProjectsPopover/ProductLink.d.ts +12 -0
  123. package/dist/types/components/ProjectsPopover/ProjectsPopover.d.ts +13 -0
  124. package/dist/types/components/ProjectsPopover/index.d.ts +2 -0
  125. package/dist/types/components/ProjectsPopover/mappers.d.ts +6 -0
  126. package/dist/types/components/ProjectsPopover/types.d.ts +7 -0
  127. package/dist/types/components/ProjectsPopover/utils.d.ts +10 -0
  128. package/dist/types/components/Select/Select.d.ts +1 -1
  129. package/dist/types/components/index.d.ts +2 -0
  130. 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,2 @@
1
+ export { default } from './Tabs';
2
+ export type { Tab, TabsProps } from './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,2 @@
1
+ export { default } from './Text';
2
+ export type { TextProps } from './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,2 @@
1
+ export { default } from './TextAreaInput';
2
+ export type { TextAreaInputProps } from './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,2 @@
1
+ export { default } from './TextInput';
2
+ export type { TextInputProps } from './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,2 @@
1
+ export { default } from './Title';
2
+ export type { TitleProps } from './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,5 @@
1
+ import React from 'react';
2
+ export declare const useClientRect: () => {
3
+ rect: DOMRect | null;
4
+ ref: React.RefObject<HTMLDivElement>;
5
+ };
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ export * from './hooks/useClientRect';
@@ -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>;