test-stpr-ui-kit 0.2.0 → 0.2.2

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

@@ -1,11 +1,17 @@
+import { Accept } from 'react-dropzone';
 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 DotsIcon } from '../../images/dots.svg?react';
+import { DropEvent } from 'react-dropzone';
+import { FileRejection } from 'react-dropzone';
+import { ForwardedRef } from 'react';
+import { default as HistoryClockIcon } from '../../images/history-clock.svg?react';
 import { default as InfoIcon } from '../../images/info.svg?react';
+import { default as MinusIcon } from '../../images/minus.svg?react';
 import { MouseEventHandler } from 'react';
 import { MutableRefObject } from 'react';
 import { default as PlusIcon } from '../../images/plus.svg?react';
@@ -53,10 +59,12 @@ export declare interface ButtonProps extends default_2.PropsWithChildren {
     type?: TButtonType;
     form?: string;
     isFullWidth?: boolean;
+    noPadding?: boolean;
     isOnlyIcon?: boolean;
     iconName?: EIconName;
     classNameRoot?: string;
     classNameIconContainerRoot?: string;
+    iconRotate?: number;
 }
 
 export declare const Checkbox: default_2.FC<CheckboxProps>;
@@ -87,8 +95,32 @@ export { ChevronDownIcon }
 
 export { CloseIcon }
 
+export declare const ContextMenu: default_2.FC<ContextMenuProps>;
+
+export declare interface ContextMenuProps {
+    list: TContextMenuItem[];
+    classNameRoot?: string;
+    parentId?: string;
+}
+
 export { CopyIcon }
 
+export declare const DefaultDropzone: default_2.FC<DefaultDropzoneProps>;
+
+export declare interface DefaultDropzoneProps {
+    onDropFiles: <T extends File>(acceptedFiles: T[], name: string, fileRejections?: FileRejection[], event?: DropEvent) => void;
+    maxSize?: number;
+    accept?: Accept;
+    disabled?: boolean;
+    multiple?: boolean;
+    maxFiles?: number;
+    files?: File[];
+    children?: default_2.ReactNode;
+    name: string;
+}
+
+export { DotsIcon }
+
 export declare const Dropdown: default_2.FC<DropdownProps>;
 
 export declare interface DropdownProps {
@@ -112,7 +144,18 @@ export declare enum EIconName {
     PlusSquare = "plusSquare",
     WarningColor = "warningColor",
     Dots = "dots",
-    HistoryClock = "historyClock"
+    HistoryClock = "historyClock",
+    Minus = "minus"
+}
+
+export declare const EllipsisTextWithTooltip: default_2.FC<EllipsisTextWithTooltipProps>;
+
+export declare interface EllipsisTextWithTooltipProps extends Omit<TextProps, "children" | "isEllipsis" | "ref"> {
+    text: string;
+    classNameRoot?: string;
+    classNameTooltipRoot?: string;
+    defaultTooltipPosition?: ETooltipPosition;
+    classNameBaseTooltipContentRoot?: string;
 }
 
 export declare enum ETooltipPosition {
@@ -144,6 +187,8 @@ export declare interface FormProps extends default_2.PropsWithChildren {
     autoComplete?: default_2.AutoFillBase;
 }
 
+export { HistoryClockIcon }
+
 export declare const Icon: default_2.FC<IconProps>;
 
 export declare interface IconProps extends default_2.SVGProps<SVGSVGElement> {
@@ -163,7 +208,17 @@ export { InfoIcon }
 
 export declare const InfoTooltip: default_2.FC<TooltipProps>;
 
-export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
+export declare const Input: default_2.ForwardRefExoticComponent<Omit<InputProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare const InputFiles: default_2.FC<InputFilesProps>;
+
+export declare interface InputFilesProps extends Omit<DefaultDropzoneProps, "children"> {
+    classNameRoot?: string;
+    tooltipPosition?: ETooltipPosition;
+    infoTooltipText?: string;
+    error?: string;
+    placeholder?: string;
+}
 
 export declare interface InputProps {
     name: string;
@@ -187,6 +242,7 @@ export declare interface InputProps {
     classNameError?: string;
     classNameLabel?: string;
     classNameRoot?: string;
+    ref?: ForwardedRef<HTMLInputElement>;
 }
 
 export declare const Label: default_2.FC<LabelProps>;
@@ -199,7 +255,16 @@ export declare interface LabelProps {
     classNameRoot?: string;
 }
 
-export declare const MediaContext: Context<IMediaContext>;
+export declare const Layer: default_2.FC<LayerProps>;
+
+export declare interface LayerProps {
+    children: default_2.ReactNode;
+    zIndex: number;
+    isHiddenModal?: boolean;
+    classNameRoot?: string;
+}
+
+export declare const MediaContext: default_2.Context<IMediaContext>;
 
 export declare const MediaContextProvider: default_2.FC<MediaContextProviderProps>;
 
@@ -207,26 +272,43 @@ export declare interface MediaContextProviderProps extends default_2.PropsWithCh
     breakpoints: TBreakpoints;
 }
 
+export { MinusIcon }
+
+export declare const Modal: default_2.FC<ModalProps>;
+
+export declare interface ModalProps extends default_2.PropsWithChildren {
+    zIndex: number;
+    isHiddenModal?: boolean;
+    isVisibleCloseButton?: boolean;
+    classNameRoot?: string;
+    classNameLayerRoot?: string;
+    modalName: string;
+    style?: CSSProperties;
+    subHeader?: ReactNode;
+    align?: "center" | "top";
+    onClose: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+}
+
 export { PlusIcon }
 
 export { PlusSquareIcon }
 
+export declare const Portal: default_2.FC<PortalProps>;
+
+export declare interface PortalProps extends default_2.PropsWithChildren {
+    node: Element | DocumentFragment;
+}
+
 export declare const Select: default_2.FC<SelectProps>;
 
 export { SelectChevronDownIcon }
 
-export declare type SelectOption = {
-    value: string | null;
-    label: string;
-    key?: string;
-};
-
 export declare interface SelectProps {
-    options: SelectOption[];
+    options: TSelectOption[];
     placeholder?: string;
     value?: string;
     name: string;
-    onChange: (event: default_2.ChangeEvent<HTMLSelectElement> | default_2.MouseEvent<HTMLDivElement, MouseEvent>, data: {
+    onChange: (event: default_2.MouseEvent<HTMLDivElement, MouseEvent>, data: {
         value: string | null;
         name: string;
     }) => void;
@@ -283,6 +365,13 @@ export declare type TButtonType = "submit" | "reset" | "button";
 
 export declare type TButtonVariant = "primary" | "secondary" | "link";
 
+export declare type TContextMenuItem = {
+    key?: string;
+    label?: string;
+    iconName?: EIconName;
+    onClick?: (id?: string) => void;
+};
+
 export declare type TDropdownListItem = {
     name: string;
     onClick?: () => void;
@@ -290,7 +379,7 @@ export declare type TDropdownListItem = {
     textCenter?: boolean;
 };
 
-declare const Text_2: default_2.FC<TextProps>;
+declare const Text_2: default_2.ForwardRefExoticComponent<Omit<TextProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
 export { Text_2 as Text }
 
 export declare interface TextProps {
@@ -304,6 +393,7 @@ export declare interface TextProps {
     isCursorPointer?: boolean;
     isCursorPointerByOnClick?: boolean;
     type?: "h1" | "h3" | "p1" | "p2" | "description" | "link";
+    ref?: ForwardedRef<HTMLDivElement>;
 }
 
 export declare const TextWithLabel: default_2.FC<TextWithLabelProps>;
@@ -314,7 +404,7 @@ export declare interface TextWithLabelProps extends TextProps {
 
 export declare const Tooltip: default_2.FC<TooltipProps>;
 
-export declare interface TooltipProps extends BaseTooltipProps {
+export declare interface TooltipProps extends Omit<BaseTooltipProps, "classNameRoot" | "classNameContentRoot"> {
     hover?: boolean;
     isToggleClick?: boolean;
     isVisibleTooltip?: boolean;
@@ -323,6 +413,8 @@ export declare interface TooltipProps extends BaseTooltipProps {
     actionOnClose?: () => void;
     classNameTooltip?: string;
     classNameTriggerTooltip?: string;
+    classNameBaseTooltipRoot?: string;
+    classNameBaseTooltipContentRoot?: string;
 }
 
 export declare type TPaneItem = {
@@ -335,6 +427,12 @@ export declare type TPaneItem = {
 
 export { TrashIcon }
 
+export declare type TSelectOption = {
+    value: string | null;
+    label: string;
+    key?: string;
+};
+
 export declare type TTableColumnsData = TTableColumnsDataItem[];
 
 export declare type TTableColumnsDataItem = {
@@ -367,6 +465,21 @@ export declare const useMediaContext: (breakpoints: TBreakpoints) => {
     };
 };
 
+export declare const useModal: (params?: UseModalParams) => {
+    isOpen: boolean;
+    modalData: {
+        [name: string]: any;
+    } | null;
+    onOpenModal: (modalData: {
+        [name: string]: boolean | Object;
+    }) => void;
+    onCloseModal: () => void;
+};
+
+declare interface UseModalParams {
+    initialValue?: never;
+}
+
 export { WarningColorIcon }
 
 export { }