@devbonnysid/ui-kit-default 1.0.0

package/dist/components/Input/FormInput.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { RegisterOptions } from 'react-hook-form/dist/types/validator';
+import { InputProps } from './Input';
+type Props = Omit<InputProps, 'value'> & {
+    name: string;
+    rules?: RegisterOptions;
+    clearErrorOnDisable?: boolean;
+    onChangeValue?: (value: string) => void;
+};
+export declare const FormInput: FC<Props>;
+export {};

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

@@ -0,0 +1,29 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { CaptionProps, DescriptionProps } from '..';
+import { FormatterOptions, UseValueFormatterProps } from './hooks';
+import { InputType } from './types';
+type HTMLInputProps = ComponentPropsWithRef<'input'>;
+export declare enum InputSizes {
+    LARGE = "large",
+    MEDIUM = "medium"
+}
+type OwnProps = UseValueFormatterProps & Partial<CaptionProps> & FormatterOptions & Partial<DescriptionProps> & {
+    value?: string;
+    onChangeValue: (value: string) => void;
+    type?: InputType;
+    size?: InputSizes;
+    isWithNumberControls?: boolean;
+    isCanBeHidden?: boolean;
+    isClearable?: boolean;
+    isTrimOnBlur?: boolean;
+    isLoading?: boolean;
+    isAllowSpaces?: boolean;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    controllerClassname?: string;
+    max?: number;
+    min?: number;
+};
+export type InputProps = Omit<HTMLInputProps, keyof OwnProps> & OwnProps;
+export declare const Input: FC<InputProps>;
+export {};

package/dist/components/Input/components/HiddenControl/HiddenControl.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    isHidden?: boolean;
+    hide: () => void;
+    reveal: () => void;
+    disabled?: boolean;
+    isPlaceholder?: boolean;
+};
+export declare const HiddenControl: FC<Props>;
+export {};

package/dist/components/Input/components/HiddenControl/index.d.ts

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

package/dist/components/Input/components/InputIcon/InputIcon.d.ts

@@ -0,0 +1,10 @@
+import { FC, MouseEvent } from 'react';
+import { IconTypes } from '../../../Icon';
+type Props = {
+    type: IconTypes;
+    onClick?: (e: MouseEvent<SVGSVGElement>) => void;
+    disabled?: boolean;
+    isPlaceholder?: boolean;
+};
+export declare const InputIcon: FC<Props>;
+export {};

package/dist/components/Input/components/InputIcon/index.d.ts

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

package/dist/components/Input/components/NumberControls/NumberControls.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type Props = {
+    increment: () => void;
+    decrement: () => void;
+};
+export declare const NumberControls: FC<Props>;
+export {};

package/dist/components/Input/components/NumberControls/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * from './HiddenControl';
+export * from './InputIcon';
+export * from './NumberControls';

package/dist/components/Input/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useCurrentType';
+export * from './useIncrement';
+export * from './useValueFormatter';

package/dist/components/Input/hooks/useCurrentType.d.ts

@@ -0,0 +1,6 @@
+import { InputType } from '../types';
+export type UseCurrentTypeProps = {
+    type: InputType;
+    isHidden?: boolean;
+};
+export declare const useCurrentType: ({ type, isHidden }: UseCurrentTypeProps) => InputType;

package/dist/components/Input/hooks/useIncrement.d.ts

@@ -0,0 +1,12 @@
+export type UseIncrementProps = {
+    value?: string;
+    onChangeValue: (value: string) => void;
+    isAllowNegative?: boolean;
+    decimals?: number;
+    max?: number;
+    min?: number;
+};
+export declare const useIncrement: ({ onChangeValue, value, isAllowNegative, decimals, min, max, }: UseIncrementProps) => {
+    increment: () => void;
+    decrement: () => void;
+};

package/dist/components/Input/hooks/useValueFormatter.d.ts

@@ -0,0 +1,21 @@
+import { UseMaskOptions } from '../../../hooks';
+import { InputType } from '../types';
+export type UseValueFormatterProps = UseMaskOptions & {
+    type?: InputType;
+};
+export type FormatterOptions = {
+    isAllowNegative?: boolean;
+    decimals?: number;
+    maxLength?: number;
+    isWithThousandSeparator?: boolean;
+    decimalSeparator?: string;
+};
+export type FormatterFunctionProps = FormatterOptions & {
+    value: string;
+};
+export type FormatterFunction = (props: FormatterFunctionProps) => string;
+export type CleanerFunction = (value: string) => string;
+export declare const useValueFormatter: ({ type, replacementPlaceholder, replacement, mask, }: UseValueFormatterProps) => {
+    format: FormatterFunction;
+    clean: CleanerFunction;
+};

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

@@ -0,0 +1,3 @@
+export * from './Input';
+export * from './FormInput';
+export * from './types';

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

@@ -0,0 +1,3 @@
+import { ComponentPropsWithRef } from 'react';
+export type DefaultInputProps = ComponentPropsWithRef<'input'>;
+export type InputType = Extract<DefaultInputProps['type'], 'email' | 'number' | 'tel' | 'search' | 'password' | 'text'>;

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IconSize, IconTypes } from '..';
+type Props = {
+    size?: IconSize | number;
+    type?: Extract<IconTypes, 'spinner' | 'spinner-progress' | 'spinner-filled'>;
+    className?: string;
+};
+export declare const Loader: FC<Props>;
+export {};

package/dist/components/Loader/index.d.ts

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

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+export type ModalSharedProps = {
+    onClose: () => void;
+};
+export type ModalProps = ModalSharedProps & {
+    header?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+};
+export declare const Modal: FC<ModalProps>;

package/dist/components/Modal/index.d.ts

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

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps, CSSProperties, FC, PropsWithChildren } from 'react';
+import { UseFloatingProps } from '../../hooks';
+export type PopoverSharedProps = Omit<UseFloatingProps, 'popoverRef' | 'computeOnResize' | 'computeOnScroll'> & {
+    onClose: () => void;
+};
+export type PopoverProps = ComponentProps<'div'> & PopoverSharedProps & PropsWithChildren<{
+    activeIndex?: number;
+    width?: number | string;
+    className?: string;
+    onClose: () => void;
+    maxMenuHeight?: CSSProperties['maxHeight'];
+    portalId?: string;
+    mouseLeaveDelay?: number;
+    scrollGraceDelay?: number;
+    closeOnScroll?: boolean;
+    closeOnMouseLeave?: boolean;
+    closeOnResize?: boolean;
+    closeOnBlur?: boolean;
+    closeOnClickOutside?: boolean;
+}>;
+export declare const Popover: FC<PopoverProps>;

package/dist/components/Popover/index.d.ts

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

package/dist/components/Portal/Portal.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type Props = {
+    id?: string;
+    children: React.ReactNode;
+};
+export declare const Portal: React.FC<Props>;
+export {};

package/dist/components/Portal/index.d.ts

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

package/dist/components/Select/FormSelect.d.ts

@@ -0,0 +1,8 @@
+import { RegisterOptions } from 'react-hook-form/dist/types/validator';
+import { SelectProps } from './Select';
+export type FormSelectProps<T> = SelectProps<T> & {
+    name: string;
+    clearErrorOnDisable?: boolean;
+    rules?: RegisterOptions;
+};
+export declare const FormSelect: <T>({ name, rules, isError, errorText, value, clearErrorOnDisable, onChange, disabled, ...rest }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { CaptionProps, DescriptionProps, IconTypes } from '..';
+import { SelectListSharedProps } from './components';
+import { SelectOption } from './types';
+export declare enum SelectSizes {
+    LARGE = "large",
+    MEDIUM = "medium"
+}
+export type SingleSelectProps<T> = {
+    isMulti?: false;
+    value?: SelectOption<T>;
+    onChange?: (value?: SelectOption<T>) => void;
+};
+export type MultiSelectProps<T> = {
+    isMulti: true;
+    value?: SelectOption<T>[];
+    onChange?: (value?: SelectOption<T>[]) => void;
+};
+export type SelectProps<T = string> = Partial<CaptionProps> & Partial<DescriptionProps> & SelectListSharedProps<T> & (SingleSelectProps<T> | MultiSelectProps<T>) & {
+    size?: SelectSizes;
+    options?: SelectOption<T>[];
+    icon?: IconTypes;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    isCloseOnSelect?: boolean;
+    isClearable?: boolean;
+};
+export declare const Select: <T>({ size, caption, hint, icon, isError, errorText, value, description, className, placeholder, isLoading, onChange, searchPlaceholder, options, isWithSelectAll, isWithSearch, isCloseOnSelect, isClearable, isMulti, disabled, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/components/SelectList/SelectList.d.ts

@@ -0,0 +1,17 @@
+import { PopoverSharedProps } from '../../..';
+import { SelectOption } from '../../types';
+export type SelectListSharedProps<T> = {
+    searchPlaceholder?: string;
+    isWithSelectAll?: boolean;
+    isWithSearch?: boolean;
+    options?: SelectOption<T>[];
+};
+export type SelectListProps<T> = SelectListSharedProps<T> & PopoverSharedProps & {
+    onClickOption: (option: SelectOption<T>) => void;
+    disabled?: boolean;
+    onSelectAll?: (value?: SelectOption<T>[]) => void;
+    isMulti?: boolean;
+    value?: SelectOption<T> | SelectOption<T>[];
+    onChange?: (value?: SelectOption<T> | SelectOption<T>[]) => void;
+};
+export declare const SelectList: <T>({ value, options, disabled, searchPlaceholder, isMulti, onClickOption, isWithSelectAll, isWithSearch, onSelectAll, onClose, gap, placementSide, placementAlignment, referenceRef, }: SelectListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/components/SelectList/index.d.ts

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

package/dist/components/Select/components/SelectOptionItem/SelectOptionItem.d.ts

@@ -0,0 +1,16 @@
+import { SelectOption } from '../../types';
+export declare enum SelectOptionVariant {
+    VALUE = "value",
+    MULTI = "multi",
+    SINGLE = "single"
+}
+export type SelectOptionItemProps<T> = {
+    className?: string;
+    labelClassName?: string;
+    option: SelectOption<T>;
+    variant?: SelectOptionVariant;
+    isSelected?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export declare const SelectOptionItem: import('react').MemoExoticComponent<(<T>({ className, labelClassName, option, variant, disabled, isSelected, onClick, }: SelectOptionItemProps<T>) => import("react/jsx-runtime").JSX.Element)>;

package/dist/components/Select/components/SelectOptionItem/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './SelectList';
+export * from './SelectOptionItem';

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

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './FormSelect';
+export * from './Select';
+export * from './types';

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type SelectOption<D = string, M = {}> = {
+    value: D;
+    label?: ReactNode;
+    meta?: M;
+    disabled?: boolean;
+    description?: string;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+};

package/dist/components/TextShorter/TextShorter.d.ts

@@ -0,0 +1,7 @@
+import { default as React, PropsWithChildren } from 'react';
+export type TextShorterProps = PropsWithChildren<{
+    className?: string;
+    tooltip?: boolean;
+    tooltipId?: string;
+}>;
+export declare const TextShorter: React.FC<TextShorterProps>;

package/dist/components/TextShorter/index.d.ts

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

package/dist/components/Textarea/FormTextarea.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { RegisterOptions } from 'react-hook-form/dist/types/validator';
+import { TextareaProps } from './Textarea';
+type Props = Omit<TextareaProps, 'value'> & {
+    name: string;
+    rules?: RegisterOptions;
+    clearErrorOnDisable?: boolean;
+    onChangeValue?: (value: string) => void;
+};
+export declare const FormTextarea: FC<Props>;
+export {};

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+import { CaptionProps, DescriptionProps } from '..';
+import { UseMaskOptions } from '../../hooks';
+type TextareaAdditionalProps = Partial<CaptionProps> & UseMaskOptions & Partial<DescriptionProps> & {
+    value?: string;
+    isAllowSpaces?: boolean;
+    isTrimOnBlur?: boolean;
+    isResizeableVertical?: boolean;
+    isResizeableHorizontal?: boolean;
+    onChangeValue?: (value: string) => void;
+};
+export type TextareaProps = Omit<ComponentPropsWithoutRef<'textarea'>, keyof TextareaAdditionalProps> & TextareaAdditionalProps;
+export declare const Textarea: FC<TextareaProps>;
+export {};

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormTextarea';
+export * from './Textarea';

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { PopoverProps } from '..';
+export type TooltipProps = Pick<PopoverProps, 'gap' | 'placementAlignment' | 'placementSide'> & {
+    id?: string;
+    text: ReactNode;
+    children: ReactNode;
+    disabled?: boolean;
+    className?: string;
+};
+export declare const Tooltip: FC<TooltipProps>;

package/dist/components/Tooltip/index.d.ts

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

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+export * from './Button';
+export * from './Caption';
+export * from './Checkbox';
+export * from './Description';
+export * from './Form';
+export * from './Icon';
+export * from './Input';
+export * from './Loader';
+export * from './Popover';
+export * from './Portal';
+export * from './Select';
+export * from './Textarea';
+export * from './TextShorter';
+export * from './Tooltip';

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useFloating';
+export * from './useHidden';
+export * from './useMask';
+export * from './useOpenState';
+export * from './useUIKitTranslation';

package/dist/hooks/useFloating.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+import { ComputeCoordsFromPlacementProps } from '../utils';
+export type UseFloatingProps = Omit<ComputeCoordsFromPlacementProps, 'popover' | 'reference'> & {
+    computeOnResize?: boolean;
+    computeOnScroll?: boolean;
+    popoverRef: RefObject<HTMLElement | null>;
+    referenceRef: RefObject<HTMLElement | null>;
+};
+export declare const useFloating: ({ computeOnScroll, computeOnResize, gap, placementAlignment, placementSide, popoverRef, referenceRef, isPortal, }: UseFloatingProps) => {
+    computed: {
+        x: number;
+        y: number;
+        side: import('../utils').PlacementSide;
+        align: import('../utils').PlacementAlignment;
+    } | undefined;
+    recalc: () => void;
+};

package/dist/hooks/useHidden.d.ts

@@ -0,0 +1,5 @@
+export declare const useHidden: (initialValue?: boolean) => {
+    isHidden: boolean;
+    hide: () => void;
+    reveal: () => void;
+};

package/dist/hooks/useMask.d.ts

@@ -0,0 +1,13 @@
+type ReplacementMap = Record<string, RegExp>;
+type ReplacementArray = RegExp[];
+export type UseMaskOptions = {
+    mask?: string;
+    replacement?: string | ReplacementMap | ReplacementArray;
+    replacementPlaceholder?: string;
+};
+export declare const DEFAULT_MASK_PLACEHOLDER = "_";
+export declare const useMask: ({ mask, replacement, replacementPlaceholder, }: UseMaskOptions) => {
+    apply: (value: string) => string;
+    clean: (value: string) => string;
+};
+export {};

package/dist/hooks/useOpenState.d.ts

@@ -0,0 +1,7 @@
+export declare const useOpenState: (initial?: boolean) => {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};

package/dist/hooks/useUIKitTranslation.d.ts

@@ -0,0 +1 @@
+export declare const useUIKitTranslation: () => import('react-i18next').UseTranslationResponse<"ui-kit", undefined>;

package/dist/i18n/index.d.ts

@@ -0,0 +1,21 @@
+import { i18n as I18nInstance } from 'i18next';
+export declare const UI_KIT_NS = "ui-kit";
+export declare const uiKitResources: {
+    readonly en: {
+        readonly "ui-kit": {
+            noOptions: string;
+            resetAll: string;
+            search: string;
+            selectAll: string;
+        };
+    };
+    readonly ru: {
+        readonly "ui-kit": {
+            noOptions: string;
+            resetAll: string;
+            search: string;
+            selectAll: string;
+        };
+    };
+};
+export declare const initUiKitI18n: (i18n: I18nInstance) => void;