rc-lib-ui 1.2.11 → 1.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ControlCards/CardDetectionPress/CardDetectionPress.d.ts +10 -0
- package/dist/ControlCards/CardDetectionPress/hooks/useLongPress.d.ts +19 -0
- package/dist/ControlCards/CardDetectionPress/index.d.ts +2 -0
- package/dist/ControlCards/InteractiveMessages/InteractiveMessage.provider.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/InteractiveMessage.styled.d.ts +31 -0
- package/dist/ControlCards/InteractiveMessages/alerts/Alerts.styled.d.ts +21 -0
- package/dist/ControlCards/InteractiveMessages/alerts/NotificationDeleteSelection.d.ts +9 -0
- package/dist/ControlCards/InteractiveMessages/animation/FadeAnimation.d.ts +3 -0
- package/dist/ControlCards/InteractiveMessages/animation/GrowAnimation.d.ts +3 -0
- package/dist/ControlCards/InteractiveMessages/animation/ZoomAnimation.d.ts +3 -0
- package/dist/ControlCards/InteractiveMessages/animation/index.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/animation/shared.d.ts +22 -0
- package/dist/ControlCards/InteractiveMessages/controls.d.ts +3 -0
- package/dist/ControlCards/InteractiveMessages/index.d.ts +2 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsDefault/ModalsDefault.d.ts +4 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsDefault/variants/ModalDefault1.d.ts +7 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsDelete/ModalsDelete.d.ts +3 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsDelete/variants/ModalDelete1.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsDelete/variants/ModalDelete2.d.ts +5 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsInfo/ModalsInfo.d.ts +4 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsInfo/variants/ModalInfo1.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsSuccess/ModalsSuccess.d.ts +8 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsSuccess/variants/ModalsSuccessVariant1.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsSuccess/variants/ModalsSuccessVariant2.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsSuccess/variants/ModalsSuccessVariant3.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsSuccess/variants/ModalsSuccessVariant4.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsSuccess/variants/ModalsSuccessVariant5.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsSuccess/variants/Success.d.ts +28 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsUpdate/ModalsUpdate.d.ts +3 -0
- package/dist/ControlCards/InteractiveMessages/modals/ModalsUpdate/variants/ModalUpdate1.d.ts +6 -0
- package/dist/ControlCards/InteractiveMessages/types.d.ts +82 -0
- package/dist/ControlCards/index.d.ts +4 -0
- package/dist/ControlCards/useControlCards/animationDeleting/NoiseCard.d.ts +30 -0
- package/dist/ControlCards/useControlCards/animationDeleting/PulsingCard.d.ts +9 -0
- package/dist/ControlCards/useControlCards/animationDeleting/RadialCard.d.ts +30 -0
- package/dist/ControlCards/useControlCards/animationDeleting/SpiralCard.d.ts +10 -0
- package/dist/ControlCards/useControlCards/animationDeleting/getGradient.d.ts +28 -0
- package/dist/ControlCards/useControlCards/animationDeleting/index.d.ts +109 -0
- package/dist/ControlCards/useControlCards/deleting/store/deleting.initial.d.ts +4 -0
- package/dist/ControlCards/useControlCards/deleting/store/deleting.types.d.ts +33 -0
- package/dist/ControlCards/useControlCards/index.d.ts +2 -0
- package/dist/ControlCards/useControlCards/useControlCards.d.ts +24 -0
- package/dist/ControlCards/useSelected/useSelected.d.ts +14 -0
- package/dist/{Tooltips-BD7KqgrA.js → Tooltips-D4gQprYO.js} +10 -10
- package/dist/common/StyledButtonDefault.d.ts +3 -0
- package/dist/common/StyledCoundChip.d.ts +6 -0
- package/dist/control-cards.css +1 -0
- package/dist/control-cards.js +2236 -0
- package/dist/dashboard.js +27 -27
- package/dist/index-W5Yj75IK.js +2675 -0
- package/dist/index.js +10 -10
- package/dist/network.js +13 -13
- package/dist/{react-BHpOq0xO.js → react-CLnE01WS.js} +7 -7
- package/dist/socket.js +336 -3003
- package/package.json +6 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { UseLongPressOptions } from './hooks/useLongPress';
|
|
2
|
+
import { BoxProps } from '@mui/material';
|
|
3
|
+
import { default as React } from 'react';
|
|
4
|
+
export interface CardDetectionPressProps extends Omit<BoxProps, 'onClick'>, Pick<UseLongPressOptions, 'onLongPress' | 'onClick'> {
|
|
5
|
+
selected: boolean;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
selectMode?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const CardDetectionPress: React.MemoExoticComponent<({ onLongPress, onClick, selected, children, className, selectMode }: CardDetectionPressProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface UseLongPressOptions {
|
|
2
|
+
onLongPress: (event: React.MouseEvent | React.TouchEvent) => void;
|
|
3
|
+
onClick?: (event: React.MouseEvent | React.TouchEvent) => void;
|
|
4
|
+
delay?: number;
|
|
5
|
+
preventDefault?: boolean;
|
|
6
|
+
scrollThreshold?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const useLongPress: ({ onLongPress, onClick, delay, preventDefault, scrollThreshold, }: UseLongPressOptions) => {
|
|
9
|
+
handlers: {
|
|
10
|
+
onMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
|
|
11
|
+
onTouchStart: (event: React.MouseEvent | React.TouchEvent) => void;
|
|
12
|
+
onMouseUp: (event?: React.MouseEvent | React.TouchEvent) => void;
|
|
13
|
+
onMouseLeave: (event?: React.MouseEvent | React.TouchEvent) => void;
|
|
14
|
+
onTouchEnd: (event?: React.MouseEvent | React.TouchEvent) => void;
|
|
15
|
+
onTouchCancel: (event?: React.MouseEvent | React.TouchEvent) => void;
|
|
16
|
+
onTouchMove: (event: React.MouseEvent | React.TouchEvent) => void;
|
|
17
|
+
onMouseMove: (event: React.MouseEvent | React.TouchEvent) => void;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { InteractiveMessageModalsProps } from './types';
|
|
3
|
+
import { AlertProps } from '@mui/material';
|
|
4
|
+
interface AlertWrapperProps {
|
|
5
|
+
isExiting: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const StyledAlertParent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
+
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
10
|
+
export declare const AlertWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
+
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & AlertWrapperProps, {}, {}>;
|
|
13
|
+
export declare const StyledAlert: import('@emotion/styled').StyledComponent<Pick<AlertProps, keyof AlertProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & AlertProps, {}, {}>;
|
|
14
|
+
export declare const ModalBackdrop: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
15
|
+
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
16
|
+
}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
|
|
17
|
+
isExiting: boolean;
|
|
18
|
+
}, {}, {}>;
|
|
19
|
+
interface ModalContentProps extends Pick<InteractiveMessageModalsProps, 'view' | 'severity'> {
|
|
20
|
+
isExiting: boolean;
|
|
21
|
+
}
|
|
22
|
+
export declare const ModalContent: import('@emotion/styled').StyledComponent<import('@mui/material').CardOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
23
|
+
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
24
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square" | "raised"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ModalContentProps, {}, {}>;
|
|
25
|
+
export declare const DialogContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
|
+
export declare const StuledDialogTitle: import('@emotion/styled').StyledComponent<import('@mui/material').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
27
|
+
ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
|
|
28
|
+
}, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
29
|
+
export declare const DialogMessage: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
|
+
export declare const DialogActions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CustomContentProps } from 'notistack';
|
|
2
|
+
interface CustomSnackbarProps extends CustomContentProps {
|
|
3
|
+
}
|
|
4
|
+
export type DeleteCountdownAlertProps = {
|
|
5
|
+
onUndo: () => void;
|
|
6
|
+
onExpire?: () => void;
|
|
7
|
+
duration?: number;
|
|
8
|
+
};
|
|
9
|
+
declare module 'notistack' {
|
|
10
|
+
interface VariantOverrides {
|
|
11
|
+
deleteCountdown: DeleteCountdownAlertProps;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
export declare const customAlerts: {
|
|
15
|
+
success: import('react').ForwardRefExoticComponent<CustomSnackbarProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
16
|
+
error: import('react').ForwardRefExoticComponent<CustomSnackbarProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
17
|
+
warning: import('react').ForwardRefExoticComponent<CustomSnackbarProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
18
|
+
info: import('react').ForwardRefExoticComponent<CustomSnackbarProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
19
|
+
deleteCountdown: import('react').ForwardRefExoticComponent<DeleteCountdownAlertProps & CustomContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
interface NotificationDeleteSelectionProps {
|
|
3
|
+
text: string;
|
|
4
|
+
time: number;
|
|
5
|
+
onUndo: () => void;
|
|
6
|
+
progress?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const NotificationDeleteSelection: React.NamedExoticComponent<NotificationDeleteSelectionProps>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const AnimationAlertNotistack: {
|
|
2
|
+
Fade: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('notistack').TransitionProps & import('react').RefAttributes<HTMLDivElement>>>;
|
|
3
|
+
Grow: import('react').ForwardRefExoticComponent<import('notistack').TransitionProps & import('react').RefAttributes<unknown>>;
|
|
4
|
+
Zoom: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('notistack').TransitionProps & import('react').RefAttributes<HTMLDivElement>>>;
|
|
5
|
+
Slide: undefined;
|
|
6
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TransitionDuration } from 'notistack';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
export declare function useForkRef<Instance>(refA: React.Ref<Instance> | null | undefined, refB: React.Ref<Instance> | null | undefined): React.Ref<Instance> | null;
|
|
4
|
+
interface ComponentProps {
|
|
5
|
+
style?: React.CSSProperties | undefined;
|
|
6
|
+
timeout: number | TransitionDuration;
|
|
7
|
+
mode: "enter" | "exit";
|
|
8
|
+
}
|
|
9
|
+
interface TransitionPropsReturnType {
|
|
10
|
+
duration: number;
|
|
11
|
+
easing: string | undefined;
|
|
12
|
+
delay: string | undefined;
|
|
13
|
+
}
|
|
14
|
+
export declare function getTransitionProps(props: ComponentProps): TransitionPropsReturnType;
|
|
15
|
+
export declare const reflow: (node: Element) => void;
|
|
16
|
+
interface CreateTransitionOptions {
|
|
17
|
+
duration: number;
|
|
18
|
+
easing?: string;
|
|
19
|
+
delay?: string | number;
|
|
20
|
+
}
|
|
21
|
+
export declare function createTransition(props?: string | string[], options?: CreateTransitionOptions): string;
|
|
22
|
+
export {};
|
package/dist/ControlCards/InteractiveMessages/modals/ModalsDefault/variants/ModalDefault1.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemDefault } from '../../../types';
|
|
3
|
+
export interface ModalDefault1Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemDefault>;
|
|
5
|
+
hideMessage: (id: string) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const ModalDefault1: React.NamedExoticComponent<ModalDefault1Props>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemDelete } from '../../../types';
|
|
3
|
+
export interface ModalDelete1Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemDelete>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ModalDelete1: React.NamedExoticComponent<ModalDelete1Props>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemInfo } from '../../../types';
|
|
3
|
+
export interface ModalInfo1Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemInfo>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ModalInfo1: React.NamedExoticComponent<ModalInfo1Props>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ModalsSuccessVariant1Props } from './variants/ModalsSuccessVariant1';
|
|
3
|
+
import { ModalsSuccessVariant2Props } from './variants/ModalsSuccessVariant2';
|
|
4
|
+
import { ModalsSuccessVariant3Props } from './variants/ModalsSuccessVariant3';
|
|
5
|
+
import { ModalsSuccessVariant4Props } from './variants/ModalsSuccessVariant4';
|
|
6
|
+
import { ModalsSuccessVariant5Props } from './variants/ModalsSuccessVariant5';
|
|
7
|
+
export type ModalsSuccessProps = ModalsSuccessVariant1Props | ModalsSuccessVariant2Props | ModalsSuccessVariant3Props | ModalsSuccessVariant4Props | ModalsSuccessVariant5Props;
|
|
8
|
+
export declare const ModalsSuccess: React.NamedExoticComponent<ModalsSuccessProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemSuccess } from '../../../types';
|
|
3
|
+
export interface ModalsSuccessVariant1Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemSuccess>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ModalsSuccessVariant1: React.NamedExoticComponent<ModalsSuccessVariant1Props>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemSuccess } from '../../../types';
|
|
3
|
+
export interface ModalsSuccessVariant2Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemSuccess>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ModalsSuccessVariant2: React.NamedExoticComponent<ModalsSuccessVariant2Props>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemSuccess } from '../../../types';
|
|
3
|
+
export interface ModalsSuccessVariant3Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemSuccess>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ModalsSuccessVariant3: React.NamedExoticComponent<ModalsSuccessVariant3Props>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemSuccess } from '../../../types';
|
|
3
|
+
export interface ModalsSuccessVariant4Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemSuccess>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ModalsSuccessVariant4: React.NamedExoticComponent<ModalsSuccessVariant4Props>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemSuccess } from '../../../types';
|
|
3
|
+
export interface ModalsSuccessVariant5Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemSuccess>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ModalsSuccessVariant5: React.NamedExoticComponent<ModalsSuccessVariant5Props>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const SuccessDialogWithIcon: React.FC<{
|
|
3
|
+
open: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
message: string;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const SuccessDialogGradient: React.FC<{
|
|
9
|
+
open: boolean;
|
|
10
|
+
onClose: () => void;
|
|
11
|
+
title: string;
|
|
12
|
+
message: string;
|
|
13
|
+
}>;
|
|
14
|
+
export declare const SuccessDialogImportant: React.FC<{
|
|
15
|
+
open: boolean;
|
|
16
|
+
onClose: () => void;
|
|
17
|
+
title: string;
|
|
18
|
+
message: string;
|
|
19
|
+
details?: string;
|
|
20
|
+
}>;
|
|
21
|
+
export declare const SuccessDialogCelebration: React.FC<{
|
|
22
|
+
open: boolean;
|
|
23
|
+
onClose: () => void;
|
|
24
|
+
title: string;
|
|
25
|
+
message: string;
|
|
26
|
+
}>;
|
|
27
|
+
declare const ExampleUsage: React.FC;
|
|
28
|
+
export default ExampleUsage;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { GetExtendsTypeModal, InteractiveMessageItemUpdate } from '../../../types';
|
|
3
|
+
export interface ModalUpdate1Props {
|
|
4
|
+
modal: GetExtendsTypeModal<InteractiveMessageItemUpdate>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ModalUpdate1: React.NamedExoticComponent<ModalUpdate1Props>;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { ButtonProps } from '@mui/material';
|
|
2
|
+
import { OptionsObject, SnackbarMessage, VariantType } from 'notistack';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
import { DeleteCountdownAlertProps } from './alerts/Alerts.styled';
|
|
5
|
+
type ViewMessage = 'modal' | 'fullModal';
|
|
6
|
+
export interface InteractiveMessageItemCommon {
|
|
7
|
+
message: string | ReactNode;
|
|
8
|
+
timeout?: number;
|
|
9
|
+
dismissible?: boolean;
|
|
10
|
+
}
|
|
11
|
+
type DefaultShowAlertsVariant = Exclude<VariantType, 'deleteCountdown'>;
|
|
12
|
+
export type InteractiveMessageAlertProps = InteractiveMessageItemCommon & Pick<OptionsObject<DefaultShowAlertsVariant>, 'onClose' | 'onEnter' | 'onEntered' | 'anchorOrigin'> & {
|
|
13
|
+
animation?: 'Fade' | 'Grow' | 'Zoom' | 'Slide';
|
|
14
|
+
variant?: "filled" | "standard" | "outlined";
|
|
15
|
+
severity?: DefaultShowAlertsVariant;
|
|
16
|
+
};
|
|
17
|
+
interface ViewModal extends InteractiveMessageItemCommon {
|
|
18
|
+
title?: string;
|
|
19
|
+
view?: 'modal' | 'fullModal';
|
|
20
|
+
severity?: 'success' | 'error' | 'warning' | 'info';
|
|
21
|
+
}
|
|
22
|
+
export interface InteractiveMessageItemUpdate extends ViewModal {
|
|
23
|
+
mode: 'update';
|
|
24
|
+
onConfirm?(): void;
|
|
25
|
+
onCancel?(): void;
|
|
26
|
+
visual?: 'variant1';
|
|
27
|
+
}
|
|
28
|
+
export interface InteractiveMessageItemInfo extends ViewModal {
|
|
29
|
+
mode: 'info';
|
|
30
|
+
confirmText?: string;
|
|
31
|
+
onConfirm?(): void;
|
|
32
|
+
onCancel(): void;
|
|
33
|
+
visual?: 'variant1';
|
|
34
|
+
}
|
|
35
|
+
export interface InteractiveMessageItemDelete extends ViewModal {
|
|
36
|
+
mode: 'delete';
|
|
37
|
+
onConfirm(): void;
|
|
38
|
+
onCancel?(): void;
|
|
39
|
+
confirmText?: string;
|
|
40
|
+
cancelText?: string;
|
|
41
|
+
visual?: 'variant1';
|
|
42
|
+
}
|
|
43
|
+
export interface InteractiveMessageItemSuccess extends ViewModal {
|
|
44
|
+
mode: 'success';
|
|
45
|
+
onCancel?(): void;
|
|
46
|
+
buttonText?: string;
|
|
47
|
+
visual?: 'variant1' | 'variant2' | 'variant3' | 'variant4' | 'variant5' | 'variant6';
|
|
48
|
+
}
|
|
49
|
+
export interface InteractiveMessageItemDefault extends ViewModal {
|
|
50
|
+
mode: 'default';
|
|
51
|
+
actions: (Partial<Pick<ButtonProps, 'sx' | 'onClick'>> & {
|
|
52
|
+
text: string;
|
|
53
|
+
})[];
|
|
54
|
+
visual?: 'variant1';
|
|
55
|
+
}
|
|
56
|
+
export type InteractiveMessageModalsProps = InteractiveMessageItemUpdate | InteractiveMessageItemInfo | InteractiveMessageItemDelete | InteractiveMessageItemSuccess | InteractiveMessageItemDefault;
|
|
57
|
+
export type InteractiveMessageControl = {
|
|
58
|
+
id: string;
|
|
59
|
+
isExiting: boolean;
|
|
60
|
+
};
|
|
61
|
+
export type InteractiveMessageStateProps = InteractiveMessageControl & Omit<InteractiveMessageAlertProps, 'view'> & Omit<InteractiveMessageModalsProps, 'view'> & {
|
|
62
|
+
view: ViewMessage;
|
|
63
|
+
};
|
|
64
|
+
export type GetExtendsTypeModal<T> = Omit<T, 'mode'> & Omit<InteractiveMessageModalsProps, 'mode'> & Omit<InteractiveMessageControl, 'isAlert'>;
|
|
65
|
+
export type AddMessageFn = (payload: Omit<InteractiveMessageStateProps, 'id' | 'isExiting'>) => void;
|
|
66
|
+
type ShowDeleteModalProps = Omit<InteractiveMessageItemDelete, 'mode' | 'severity'>;
|
|
67
|
+
type ShowUpdateModalProps = Omit<InteractiveMessageItemUpdate, 'mode' | 'severity'>;
|
|
68
|
+
type ShowSuccessModalProps = Omit<InteractiveMessageItemSuccess, 'mode' | 'severity'>;
|
|
69
|
+
type ShowModalProps = InteractiveMessageModalsProps;
|
|
70
|
+
export interface InteractiveMessageContextProps {
|
|
71
|
+
removeMessage: (id: string, viewMessage: "alert" | "modal") => void;
|
|
72
|
+
showAlert: (config: InteractiveMessageAlertProps) => void;
|
|
73
|
+
showAlertDeleteCountdown: (config: DeleteCountdownAlertProps & {
|
|
74
|
+
message: SnackbarMessage;
|
|
75
|
+
}) => void;
|
|
76
|
+
showModal: (config: ShowModalProps) => void;
|
|
77
|
+
showSuccessModal: (config: ShowSuccessModalProps) => void;
|
|
78
|
+
showDeleteModal: (config: ShowDeleteModalProps) => void;
|
|
79
|
+
showUpdateModal: (config: ShowUpdateModalProps) => void;
|
|
80
|
+
clearAll: () => void;
|
|
81
|
+
}
|
|
82
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const getNoise: ({ theme, isDeleting }: {
|
|
2
|
+
theme: any;
|
|
3
|
+
isDeleting: any;
|
|
4
|
+
}) => {
|
|
5
|
+
"&::before": {
|
|
6
|
+
content: string;
|
|
7
|
+
position: string;
|
|
8
|
+
top: number;
|
|
9
|
+
left: number;
|
|
10
|
+
right: number;
|
|
11
|
+
bottom: number;
|
|
12
|
+
background: string;
|
|
13
|
+
animation: string;
|
|
14
|
+
opacity: number;
|
|
15
|
+
borderRadius: string;
|
|
16
|
+
pointerEvents: string;
|
|
17
|
+
} | {
|
|
18
|
+
content?: undefined;
|
|
19
|
+
position?: undefined;
|
|
20
|
+
top?: undefined;
|
|
21
|
+
left?: undefined;
|
|
22
|
+
right?: undefined;
|
|
23
|
+
bottom?: undefined;
|
|
24
|
+
background?: undefined;
|
|
25
|
+
animation?: undefined;
|
|
26
|
+
opacity?: undefined;
|
|
27
|
+
borderRadius?: undefined;
|
|
28
|
+
pointerEvents?: undefined;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const getRadial: ({ theme, isDeleting }: {
|
|
2
|
+
theme: any;
|
|
3
|
+
isDeleting: any;
|
|
4
|
+
}) => {
|
|
5
|
+
"&::after": {
|
|
6
|
+
content: string;
|
|
7
|
+
position: string;
|
|
8
|
+
top: string;
|
|
9
|
+
left: string;
|
|
10
|
+
width: string;
|
|
11
|
+
height: string;
|
|
12
|
+
borderRadius: string;
|
|
13
|
+
background: string;
|
|
14
|
+
transform: string;
|
|
15
|
+
animation: string;
|
|
16
|
+
pointerEvents: string;
|
|
17
|
+
} | {
|
|
18
|
+
content?: undefined;
|
|
19
|
+
position?: undefined;
|
|
20
|
+
top?: undefined;
|
|
21
|
+
left?: undefined;
|
|
22
|
+
width?: undefined;
|
|
23
|
+
height?: undefined;
|
|
24
|
+
borderRadius?: undefined;
|
|
25
|
+
background?: undefined;
|
|
26
|
+
transform?: undefined;
|
|
27
|
+
animation?: undefined;
|
|
28
|
+
pointerEvents?: undefined;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export declare const getGradient: ({ theme, isDeleting }: {
|
|
2
|
+
theme: any;
|
|
3
|
+
isDeleting: any;
|
|
4
|
+
}) => {
|
|
5
|
+
"&::before": {
|
|
6
|
+
content: string;
|
|
7
|
+
position: string;
|
|
8
|
+
top: number;
|
|
9
|
+
left: number;
|
|
10
|
+
right: number;
|
|
11
|
+
bottom: number;
|
|
12
|
+
background: string;
|
|
13
|
+
backgroundSize: string;
|
|
14
|
+
animation: string;
|
|
15
|
+
pointerEvents: string;
|
|
16
|
+
} | {
|
|
17
|
+
content?: undefined;
|
|
18
|
+
position?: undefined;
|
|
19
|
+
top?: undefined;
|
|
20
|
+
left?: undefined;
|
|
21
|
+
right?: undefined;
|
|
22
|
+
bottom?: undefined;
|
|
23
|
+
background?: undefined;
|
|
24
|
+
backgroundSize?: undefined;
|
|
25
|
+
animation?: undefined;
|
|
26
|
+
pointerEvents?: undefined;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
export declare const animationDelete: {
|
|
2
|
+
getGradient: ({ theme, isDeleting }: {
|
|
3
|
+
theme: any;
|
|
4
|
+
isDeleting: any;
|
|
5
|
+
}) => {
|
|
6
|
+
"&::before": {
|
|
7
|
+
content: string;
|
|
8
|
+
position: string;
|
|
9
|
+
top: number;
|
|
10
|
+
left: number;
|
|
11
|
+
right: number;
|
|
12
|
+
bottom: number;
|
|
13
|
+
background: string;
|
|
14
|
+
backgroundSize: string;
|
|
15
|
+
animation: string;
|
|
16
|
+
pointerEvents: string;
|
|
17
|
+
} | {
|
|
18
|
+
content?: undefined;
|
|
19
|
+
position?: undefined;
|
|
20
|
+
top?: undefined;
|
|
21
|
+
left?: undefined;
|
|
22
|
+
right?: undefined;
|
|
23
|
+
bottom?: undefined;
|
|
24
|
+
background?: undefined;
|
|
25
|
+
backgroundSize?: undefined;
|
|
26
|
+
animation?: undefined;
|
|
27
|
+
pointerEvents?: undefined;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
getNoise: ({ theme, isDeleting }: {
|
|
31
|
+
theme: any;
|
|
32
|
+
isDeleting: any;
|
|
33
|
+
}) => {
|
|
34
|
+
"&::before": {
|
|
35
|
+
content: string;
|
|
36
|
+
position: string;
|
|
37
|
+
top: number;
|
|
38
|
+
left: number;
|
|
39
|
+
right: number;
|
|
40
|
+
bottom: number;
|
|
41
|
+
background: string;
|
|
42
|
+
animation: string;
|
|
43
|
+
opacity: number;
|
|
44
|
+
borderRadius: string;
|
|
45
|
+
pointerEvents: string;
|
|
46
|
+
} | {
|
|
47
|
+
content?: undefined;
|
|
48
|
+
position?: undefined;
|
|
49
|
+
top?: undefined;
|
|
50
|
+
left?: undefined;
|
|
51
|
+
right?: undefined;
|
|
52
|
+
bottom?: undefined;
|
|
53
|
+
background?: undefined;
|
|
54
|
+
animation?: undefined;
|
|
55
|
+
opacity?: undefined;
|
|
56
|
+
borderRadius?: undefined;
|
|
57
|
+
pointerEvents?: undefined;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
getPulseBorder: ({ theme, isDeleting }: {
|
|
61
|
+
theme: any;
|
|
62
|
+
isDeleting: any;
|
|
63
|
+
}) => {
|
|
64
|
+
border: string;
|
|
65
|
+
borderColor: string;
|
|
66
|
+
transition: string;
|
|
67
|
+
animation: string;
|
|
68
|
+
};
|
|
69
|
+
getRadial: ({ theme, isDeleting }: {
|
|
70
|
+
theme: any;
|
|
71
|
+
isDeleting: any;
|
|
72
|
+
}) => {
|
|
73
|
+
"&::after": {
|
|
74
|
+
content: string;
|
|
75
|
+
position: string;
|
|
76
|
+
top: string;
|
|
77
|
+
left: string;
|
|
78
|
+
width: string;
|
|
79
|
+
height: string;
|
|
80
|
+
borderRadius: string;
|
|
81
|
+
background: string;
|
|
82
|
+
transform: string;
|
|
83
|
+
animation: string;
|
|
84
|
+
pointerEvents: string;
|
|
85
|
+
} | {
|
|
86
|
+
content?: undefined;
|
|
87
|
+
position?: undefined;
|
|
88
|
+
top?: undefined;
|
|
89
|
+
left?: undefined;
|
|
90
|
+
width?: undefined;
|
|
91
|
+
height?: undefined;
|
|
92
|
+
borderRadius?: undefined;
|
|
93
|
+
background?: undefined;
|
|
94
|
+
transform?: undefined;
|
|
95
|
+
animation?: undefined;
|
|
96
|
+
pointerEvents?: undefined;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
getSpiralShrink: ({ theme, isDeleting }: {
|
|
100
|
+
theme: any;
|
|
101
|
+
isDeleting: any;
|
|
102
|
+
}) => {
|
|
103
|
+
transition: string;
|
|
104
|
+
transformOrigin: string;
|
|
105
|
+
padding: string;
|
|
106
|
+
animation: string;
|
|
107
|
+
opacity: number;
|
|
108
|
+
};
|
|
109
|
+
};
|