test-stpr-ui-kit 0.2.1 → 0.3.0

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

@@ -13,7 +13,6 @@ import { default as HistoryClockIcon } from '../../images/history-clock.svg?reac
 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';
 import { default as PlusSquareIcon } from '../../images/plus-square.svg?react';
 import { ReactNode } from 'react';
@@ -38,14 +37,29 @@ export declare interface AccordionProps extends default_2.PropsWithChildren {
     classNameChildrenWrapper?: string;
 }
 
+export declare const ApplyButtons: default_2.FC<ApplyButtonsProps>;
+
+export declare interface ApplyButtonsProps {
+    mobile?: TApplyButtonsMobile;
+    align?: TApplyButtonsAlign;
+    cancelBtnContent?: string;
+    cancelBtnIconName?: EIconName;
+    submitBtnContent?: string;
+    cancelBtnDisabled?: boolean;
+    formId?: string;
+    disabled?: boolean;
+    onClose: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+    submit?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+}
+
 export declare const BaseTooltip: default_2.ForwardRefExoticComponent<BaseTooltipProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface BaseTooltipProps {
-    position?: ETooltipPosition;
     text?: string | ReactNode;
     noPadding?: boolean;
     classNameRoot?: string;
     classNameContentRoot?: string;
+    style?: default_2.CSSProperties;
 }
 
 export declare const Button: default_2.FC<ButtonProps>;
@@ -61,6 +75,7 @@ export declare interface ButtonProps extends default_2.PropsWithChildren {
     isFullWidth?: boolean;
     noPadding?: boolean;
     isOnlyIcon?: boolean;
+    loading?: boolean;
     iconName?: EIconName;
     classNameRoot?: string;
     classNameIconContainerRoot?: string;
@@ -70,6 +85,7 @@ export declare interface ButtonProps extends default_2.PropsWithChildren {
 export declare const Checkbox: default_2.FC<CheckboxProps>;
 
 export declare interface CheckboxProps {
+    size?: "md" | "lg";
     checked?: boolean;
     disabled?: boolean;
     onChange: (event: default_2.ChangeEvent<HTMLInputElement>, data: {
@@ -95,12 +111,21 @@ export { ChevronDownIcon }
 
 export { CloseIcon }
 
+export declare const Confirm: default_2.FC<ConfirmProps>;
+
+export declare interface ConfirmProps extends ApplyButtonsProps {
+    zIndex: number;
+    title?: string | default_2.ReactNode;
+    subtitle?: string | default_2.ReactNode;
+    modalAlign?: TModalAlign;
+}
+
 export declare const ContextMenu: default_2.FC<ContextMenuProps>;
 
 export declare interface ContextMenuProps {
-    list: TContextMenuItem[];
     classNameRoot?: string;
-    parentId?: string;
+    options: Array<TContextMenuOption> | [];
+    onClickItem?: (option: TContextMenuOption) => void;
 }
 
 export { CopyIcon }
@@ -155,6 +180,8 @@ export declare interface EllipsisTextWithTooltipProps extends Omit<TextProps, "c
     classNameRoot?: string;
     classNameTooltipRoot?: string;
     defaultTooltipPosition?: ETooltipPosition;
+    classNameBaseTooltipContentRoot?: string;
+    classNameBaseTooltipRoot?: string;
 }
 
 export declare enum ETooltipPosition {
@@ -175,6 +202,7 @@ export declare enum ETooltipPosition {
 export declare const Form: default_2.FC<FormProps>;
 
 export declare interface FormProps extends default_2.PropsWithChildren {
+    size?: "md" | "lg";
     withSeparator?: boolean;
     classNameRoot?: string;
     addMargin?: boolean;
@@ -277,14 +305,15 @@ export declare const Modal: default_2.FC<ModalProps>;
 
 export declare interface ModalProps extends default_2.PropsWithChildren {
     zIndex: number;
+    align?: TModalAlign;
     isHiddenModal?: boolean;
     isVisibleCloseButton?: boolean;
     classNameRoot?: string;
     classNameLayerRoot?: string;
-    modalName: string;
+    header: string | ReactNode;
+    footer?: ReactNode;
     style?: CSSProperties;
     subHeader?: ReactNode;
-    align?: "center" | "top";
     onClose: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
 }
 
@@ -295,7 +324,8 @@ export { PlusSquareIcon }
 export declare const Portal: default_2.FC<PortalProps>;
 
 export declare interface PortalProps extends default_2.PropsWithChildren {
-    node: Element | DocumentFragment;
+    node?: Element | DocumentFragment | null;
+    classNameRoot?: string;
 }
 
 export declare const Select: default_2.FC<SelectProps>;
@@ -326,6 +356,16 @@ export declare interface SelectProps {
     classNameLabel?: string;
 }
 
+export declare const Spinner: default_2.FC<SpinnerProps>;
+
+export declare interface SpinnerProps {
+    size?: SpinnerSize;
+    color?: string;
+    classNameRoot?: string;
+}
+
+export declare type SpinnerSize = "sm" | "md" | "lg" | "xl";
+
 export declare type SVGComponent = default_2.FC<default_2.SVGProps<SVGSVGElement>>;
 
 export declare const Table: default_2.FC<TableProps>;
@@ -345,6 +385,10 @@ export declare interface TabsProps {
     classNameRoot?: string;
 }
 
+declare type TApplyButtonsAlign = "left" | "center" | "right";
+
+declare type TApplyButtonsMobile = "row" | "column";
+
 export declare type TBreakpoints = {
     desktop: {
         minWidth: number;
@@ -364,11 +408,11 @@ export declare type TButtonType = "submit" | "reset" | "button";
 
 export declare type TButtonVariant = "primary" | "secondary" | "link";
 
-export declare type TContextMenuItem = {
+export declare type TContextMenuOption = {
     key?: string;
+    value?: string;
     label?: string;
     iconName?: EIconName;
-    onClick?: (id?: string) => void;
 };
 
 export declare type TDropdownListItem = {
@@ -401,17 +445,22 @@ export declare interface TextWithLabelProps extends TextProps {
     label: string;
 }
 
+declare type TModalAlign = "center" | "top";
+
 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;
+    position?: ETooltipPosition;
     trigger?: default_2.ReactNode;
     triggerAction?: () => void;
     actionOnClose?: () => void;
     classNameTooltip?: string;
     classNameTriggerTooltip?: string;
+    classNameBaseTooltipRoot?: string;
+    classNameBaseTooltipContentRoot?: string;
 }
 
 export declare type TPaneItem = {
@@ -449,11 +498,6 @@ export declare type TTableRowsDataItem = {
 
 export { UploadIcon }
 
-export declare const useContentHeight: (open: boolean) => {
-    contentRef: MutableRefObject<HTMLDivElement | null>;
-    height: string;
-};
-
 export declare const useMediaContext: (breakpoints: TBreakpoints) => {
     device: {
         isDesktop: boolean;
@@ -468,7 +512,7 @@ export declare const useModal: (params?: UseModalParams) => {
         [name: string]: any;
     } | null;
     onOpenModal: (modalData: {
-        [name: string]: boolean | Object;
+        [name: string]: boolean | NonNullable<unknown>;
     }) => void;
     onCloseModal: () => void;
 };