test-stpr-ui-kit 0.0.1 → 0.1.1

package/dist/test-stpr-ui-kit.es.d.ts

@@ -1,13 +1,354 @@
+import { default as CheckIcon } from '../../images/check.svg?react';
+import { default as ChevronDownIcon } from '../../images/chevron-down.svg?react';
+import { default as CloseIcon } from '../../images/close.svg?react';
+import { Context } from 'react';
+import { default as CopyIcon } from '../../images/copy.svg?react';
+import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
+import { default as InfoIcon } from '../../images/info.svg?react';
+import { MouseEventHandler } from 'react';
+import { MutableRefObject } from 'react';
+import { default as PlusIcon } from '../../images/plus.svg?react';
+import { default as PlusSquareIcon } from '../../images/plus-square.svg?react';
+import { ReactNode } from 'react';
+import { default as SelectChevronDownIcon } from '../../images/select-chevron-down.svg?react';
+import { default as TrashIcon } from '../../images/trash.svg?react';
+import { default as UploadIcon } from '../../images/upload.svg?react';
+
+export declare const Accordion: default_2.FC<AccordionProps>;
+
+export declare interface AccordionProps extends default_2.PropsWithChildren {
+    name?: string;
+    onOpen?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    isHiddenExpandIcon?: boolean;
+    noBorder?: boolean;
+    noPadding?: boolean;
+    classNameRoot?: string;
+    classNameHeader?: string;
+    classNameTitle?: string;
+    classNameIcon?: string;
+    classNameChildrenWrapper?: string;
+}
+
+export declare const BaseTooltip: default_2.FC<BaseTooltipProps>;
+
+export declare interface BaseTooltipProps {
+    position?: ETooltipPosition;
+    text?: string | ReactNode;
+    noPadding?: boolean;
+    classNameRoot?: string;
+}
+
+export declare const Button: default_2.FC<ButtonProps>;
+
+export declare interface ButtonProps extends default_2.PropsWithChildren {
+    color?: TButtonColor;
+    variant?: TButtonVariant;
+    style?: CSSProperties;
+    onClick?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    type?: TButtonType;
+    form?: string;
+    isFullWidth?: boolean;
+    isOnlyIcon?: boolean;
+    iconName?: EIconName;
+    classNameRoot?: string;
+}
+
+export declare const Checkbox: default_2.FC<CheckboxProps>;
+
+export declare interface CheckboxProps {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange: (event: default_2.ChangeEvent<HTMLInputElement>, data: {
+        name: string;
+        value?: string;
+        checked?: boolean;
+    }) => void;
+    name: string;
+    label?: string;
+    error?: string;
+    value?: string;
+    required?: boolean;
+    tooltipPosition?: ETooltipPosition;
+    infoTooltipText?: string;
+    onMouseEnter?: (event: default_2.MouseEvent<HTMLDivElement>) => void;
+    classNameRoot?: string;
+    classNameError?: string;
+}
+
+export { CheckIcon }
+
+export { ChevronDownIcon }
+
+export { CloseIcon }
+
+export { CopyIcon }
+
+export declare const Dropdown: default_2.FC<DropdownProps>;
+
+export declare interface DropdownProps {
+    labelText?: string;
+    listName?: string;
+    classNameRoot?: string;
+    dropdownList: TDropdownListItem[];
+    dropdownPosition?: ETooltipPosition;
+}
+
+export declare enum EIconName {
+    ChevronDown = "chevronDown",
+    Info = "info",
+    Plus = "plus",
+    SelectChevronDown = "selectChevronDown",
+    Upload = "upload",
+    Trash = "trash",
+    Check = "check",
+    Copy = "copy",
+    Close = "close",
+    PlusSquare = "plusSquare"
+}
+
+export declare enum ETooltipPosition {
+    Top = "top",
+    TopLeft = "top-left",
+    TopRight = "top-right",
+    Bottom = "bottom",
+    BottomLeft = "bottom-left",
+    BottomRight = "bottom-right",
+    Left = "left",
+    LeftTop = "left-top",
+    LeftBottom = "left-bottom",
+    Right = "right",
+    RightTop = "right-top",
+    RightBottom = "right-bottom"
+}
+
+export declare const Form: default_2.FC<FormProps>;
+
+export declare interface FormProps extends default_2.PropsWithChildren {
+    withSeparator?: boolean;
+    classNameRoot?: string;
+    addMargin?: boolean;
+    fullWidth?: boolean;
+    onSubmit?: () => void;
+    id?: string;
+    name?: string;
+    noValidate?: boolean;
+    autoComplete?: default_2.AutoFillBase;
+}
+
+export declare const Icon: default_2.FC<IconProps>;
+
+export declare interface IconProps extends default_2.SVGProps<SVGSVGElement> {
+    name: EIconName;
+    rotate?: number;
+}
+
+export declare interface IMediaContext {
+    device: {
+        isDesktop: boolean;
+        isTablet: boolean;
+        isMobile: boolean;
+    };
+}
+
+export { InfoIcon }
+
+export declare const InfoTooltip: default_2.FC<TooltipProps>;
+
+export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps {
+    name: string;
+    onChange: (event: default_2.ChangeEvent<HTMLInputElement>, data: {
+        name: string;
+        value?: string;
+        checked?: boolean;
+    }) => void;
+    value?: string;
+    error?: string;
+    isClearable?: boolean;
+    pattern?: RegExp | string;
+    onMouseEnter?: () => void;
+    label?: string;
+    infoTooltipText?: string;
+    tooltipPosition?: ETooltipPosition;
+    disabled?: boolean;
+    required?: boolean;
+    isVisibleDefaultTitle?: boolean;
+    placeholder?: string;
+    classNameError?: string;
+    classNameLabel?: string;
+    classNameRoot?: string;
+}
 
 export declare const Label: default_2.FC<LabelProps>;
 
 export declare interface LabelProps {
     required?: boolean;
     label?: string;
-    isVisibleTooltip?: boolean;
-    tooltip?: JSX.Element;
+    infoTooltipText?: string;
+    tooltipPosition?: ETooltipPosition;
     classNameRoot?: string;
 }
 
+export declare const MediaContext: Context<IMediaContext>;
+
+export declare const MediaContextProvider: default_2.FC<MediaContextProviderProps>;
+
+export declare interface MediaContextProviderProps extends default_2.PropsWithChildren {
+    breakpoints: TBreakpoints;
+}
+
+export { PlusIcon }
+
+export { PlusSquareIcon }
+
+export declare const Select: default_2.FC<SelectProps>;
+
+export { SelectChevronDownIcon }
+
+export declare type SelectOption = {
+    value: string | null;
+    label: string;
+};
+
+export declare interface SelectProps {
+    options: SelectOption[];
+    placeholder?: string;
+    value?: string;
+    name: string;
+    onChange: (event: default_2.ChangeEvent<HTMLSelectElement> | default_2.MouseEvent<HTMLDivElement, MouseEvent>, data: {
+        value: string | null;
+        name: string;
+    }) => void;
+    onMouseEnter?: () => void;
+    error?: string;
+    label?: string;
+    infoTooltipText?: string;
+    tooltipPosition?: ETooltipPosition;
+    disabled?: boolean;
+    required?: boolean;
+    maxHeightList?: number;
+    isVisibleDefaultTitle?: boolean;
+    classNameRoot?: string;
+    classNameError?: string;
+    classNameLabel?: string;
+}
+
+export declare type SVGComponent = default_2.FC<default_2.SVGProps<SVGSVGElement>>;
+
+export declare const Table: default_2.FC<TableProps>;
+
+export declare interface TableProps {
+    isNotTableOnNotDesktop?: boolean;
+    data: TTableRowsData;
+    columns: TTableColumnsData;
+    classNameRoot?: string;
+}
+
+export declare const Tabs: default_2.FC<TabsProps>;
+
+export declare interface TabsProps {
+    panes: TPaneItem[];
+    isSeparated?: boolean;
+    classNameRoot?: string;
+}
+
+export declare type TBreakpoints = {
+    desktop: {
+        minWidth: number;
+    };
+    tablet: {
+        minWidth: number;
+        maxWidth: number;
+    };
+    mobile: {
+        maxWidth: number;
+    };
+};
+
+export declare type TButtonColor = "blue" | "white";
+
+export declare type TButtonType = "submit" | "reset" | "button";
+
+export declare type TButtonVariant = "primary" | "secondary" | "link";
+
+export declare type TDropdownListItem = {
+    name: string;
+    onClick?: () => void;
+    description?: string;
+    textCenter?: boolean;
+};
+
+declare const Text_2: default_2.FC<TextProps>;
+export { Text_2 as Text }
+
+export declare interface TextProps {
+    children?: string | ReactNode;
+    color?: string;
+    title?: string;
+    classNameRoot?: string;
+    style?: default_2.CSSProperties;
+    onClick?: MouseEventHandler<HTMLElement>;
+    isLink?: boolean;
+    isCursorPointer?: boolean;
+    isCursorPointerByOnClick?: boolean;
+    type?: "h1" | "p1" | "p2";
+}
+
+export declare const Tooltip: default_2.FC<TooltipProps>;
+
+export declare interface TooltipProps extends BaseTooltipProps {
+    hover?: boolean;
+    toggleClick?: boolean;
+    trigger?: default_2.ReactNode;
+    triggerAction?: () => void;
+    classNameTriggerTooltip?: string;
+    classNameRootBaseTooltip?: string;
+}
+
+export declare type TPaneItem = {
+    name: string;
+    key?: string;
+    active?: boolean;
+    onClick?: (event: default_2.MouseEvent<HTMLDivElement>) => void;
+    infoTooltipText?: string;
+};
+
+export { TrashIcon }
+
+export declare type TTableColumnsData = TTableColumnsDataItem[];
+
+export declare type TTableColumnsDataItem = {
+    key: keyof TTableRowsDataItem;
+    title: string;
+    isBeCopiedValue?: boolean;
+    isColorContentsCurlyBrackets?: boolean;
+    isVisible?: boolean;
+};
+
+export declare type TTableRowsData = TTableRowsDataItem[];
+
+export declare type TTableRowsDataItem = {
+    name: string;
+    description?: string;
+};
+
+export { UploadIcon }
+
+export declare const useContentHeight: (open: boolean) => {
+    contentRef: MutableRefObject<HTMLDivElement | null>;
+    height: string;
+};
+
+export declare const useMediaContext: (breakpoints: TBreakpoints) => {
+    device: {
+        isDesktop: boolean;
+        isTablet: boolean;
+        isMobile: boolean;
+    };
+};
+
 export { }