@vchasno/ui-kit 0.3.0 → 0.3.2

package/dist/Menu/types/components/Switch/Switch.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from 'react';
+import './Switch.global.css';
+import { LoadingFeedback } from '../types';
+export interface SwitchProps extends HTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback> {
+    className?: string;
+    label?: string;
+    value?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChecked?: (checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/Menu/types/components/Switch/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,42 @@
+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 Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+export { default as PulseDot } from './PulseDot';
+export type { PulseDotProps } from './PulseDot';
+export { default as BubbleBox, composeBubblePath } from './BubbleBox';
+export type { BubbleBoxProps } from './BubbleBox';
+export { default as SvgBorder, composeRoundedBorderPath } from './SvgBorder';
+export type { SvgBorderProps } from './SvgBorder';
+export { default as SplashLogo } from './SplashLogo';
+export type { SplashLogoProps } from './SplashLogo';
+export { default as BlackTooltip } from './BlackTooltip';
+export type { BlackTooltipProps } from './BlackTooltip';

package/dist/Menu/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/Menu/types/hooks/useClientRect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useClientRect: () => {
+    rect: DOMRect | null;
+    ref: React.RefObject<HTMLDivElement>;
+};

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

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

package/dist/Menu/types/utils/react.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * Merges multiple refs into a single ref callback.
+ * @see <https://www.jameskerr.blog/posts/react-useref-and-forward-ref/>
+ */
+export declare function mergeRefs<T = HTMLDivElement>(...refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | undefined | null>): React.RefCallback<T>;