@tap-payments/os-micro-frontend-shared 0.1.367-test.6 → 0.1.368
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/build/components/AnimatedSpinnerIcon/style.d.ts +1 -0
- package/build/components/Chip/style.d.ts +1 -0
- package/build/components/CountBadge/style.d.ts +1 -0
- package/build/components/Dialog/style.d.ts +1 -0
- package/build/components/FlippingCard/style.d.ts +1 -0
- package/build/components/ImageWrapper/ImageWrapper.d.ts +1 -0
- package/build/components/JSONViewer/style.d.ts +1 -0
- package/build/components/LeftPeekRightExpandingChip/style.d.ts +1 -0
- package/build/components/Notifications/Notifications.d.ts +1 -0
- package/build/components/Notifications/Notifications.js +12 -0
- package/build/components/Notifications/index.d.ts +2 -0
- package/build/components/Notifications/index.js +2 -0
- package/build/components/RightLeftExpandingCenterChip/style.d.ts +1 -0
- package/build/components/SearchButton/styles.d.ts +1 -0
- package/build/components/StatusIcons/AuthIcons/style.d.ts +1 -0
- package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts +1 -0
- package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts +1 -0
- package/build/components/StatusIcons/SourceIcons/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/ActionCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/AgreementCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/ApplicationStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/AuthenticationCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/BalanceCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/ChannelsCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/DueDateCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/IDButton/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/InvoiceStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/PayoutReportCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/PayoutStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/ProductsCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/RefundChargeCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/RefundStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/SalesChannelCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/SegmentsCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/StatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts +1 -0
- package/build/components/TableCells/CustomCells/style.d.ts +1 -0
- package/build/components/TableReports/components/DownloadButton/style.d.ts +1 -0
- package/build/components/TableReports/style.d.ts +1 -0
- package/build/components/VirtualTables/components/style.d.ts +1 -0
- package/build/components/index.d.ts +1 -1
- package/build/components/index.js +1 -1
- package/build/hooks/index.d.ts +0 -1
- package/build/hooks/index.js +0 -1
- package/build/types/appEvents.d.ts +1 -3
- package/build/types/appEvents.js +0 -1
- package/build/types/apps.d.ts +6 -5
- package/build/types/index.d.ts +0 -1
- package/build/types/index.js +0 -1
- package/build/types/table.d.ts +1 -4
- package/build/types/tsUtils.d.ts +4 -0
- package/build/utils/navigation.d.ts +1 -1
- package/package.json +3 -3
- package/build/components/Toaster/Toaster.d.ts +0 -1
- package/build/components/Toaster/Toaster.js +0 -12
- package/build/components/Toaster/index.d.ts +0 -2
- package/build/components/Toaster/index.js +0 -2
- package/build/hooks/useToast.d.ts +0 -12
- package/build/hooks/useToast.js +0 -29
- package/build/types/toast.d.ts +0 -16
- package/build/types/toast.js +0 -1
- /package/build/components/{Toaster → Notifications}/style.d.ts +0 -0
- /package/build/components/{Toaster → Notifications}/style.js +0 -0
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
import { GetSourceAnimationFunction } from './type';
|
|
3
4
|
export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
4
5
|
variant?: import("./type").ChipVariant | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function Notifications(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Box from '@mui/material/Box';
|
|
3
|
+
import { Toaster, resolveValue } from 'react-hot-toast';
|
|
4
|
+
import { actionSuccessIcon, warningInfoIcon } from '../../constants/index.js';
|
|
5
|
+
import { Content } from './style';
|
|
6
|
+
const icons = {
|
|
7
|
+
success: actionSuccessIcon,
|
|
8
|
+
error: warningInfoIcon,
|
|
9
|
+
};
|
|
10
|
+
export default function Notifications() {
|
|
11
|
+
return (_jsx(Toaster, { children: (t) => (_jsxs(Content, { children: [icons[t.type] && _jsx(Box, { component: "img", src: icons[t.type], alt: t.type }), _jsx(Box, { children: resolveValue(t.message, t) })] })) }));
|
|
12
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
4
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
4
5
|
export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
4
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
4
5
|
export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
import { TableMode } from '../../../../types/index.js';
|
|
3
4
|
export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
4
5
|
tableMode?: TableMode | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const AgreementCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
4
|
export declare const StyledAgreementCardIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
4
5
|
export declare const CardContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const StyledAppsCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
4
|
export declare const AppsStatusContainer: import("@emotion/styled").StyledComponent<{
|
|
4
5
|
hidden?: boolean | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
3
4
|
export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
|
|
4
5
|
hidden?: boolean | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
4
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
4
5
|
export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const StyledDownloadFileImageWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
3
4
|
isTextShown?: boolean | undefined;
|
|
4
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
4
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
4
5
|
export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
4
|
export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
4
5
|
export declare const SalesChannelsContainer: import("@emotion/styled").StyledComponent<{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
3
4
|
export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
|
|
4
5
|
hidden?: boolean | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
3
4
|
variant?: "Global" | "Regional" | "Local" | undefined;
|
|
4
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -50,7 +50,7 @@ export { default as MultiSelectDropdownButton, type ButtonWithDropdownProps } fr
|
|
|
50
50
|
export { default as MultiSelectWithSearch, type MultiSelectWithSearchProps, ChildMenuItem, ParentMenuItem } from './MultiSelectWithSearch';
|
|
51
51
|
export { default as NestedDropdown, type DropdownProps, type Selected, type Placement, Dropdown, NestedMenuItem } from './NestedDropdown';
|
|
52
52
|
export { default as NoInternet } from './NoInternet';
|
|
53
|
-
export { default as
|
|
53
|
+
export { default as Notifications } from './Notifications';
|
|
54
54
|
export { default as ProgressBar } from './ProgressBar';
|
|
55
55
|
export { default as ProgressRing } from './ProgressRing';
|
|
56
56
|
export * from './InputBase';
|
|
@@ -50,7 +50,7 @@ export { default as MultiSelectDropdownButton } from './MultiSelectDropdownButto
|
|
|
50
50
|
export { default as MultiSelectWithSearch, ChildMenuItem, ParentMenuItem } from './MultiSelectWithSearch';
|
|
51
51
|
export { default as NestedDropdown, Dropdown, NestedMenuItem } from './NestedDropdown';
|
|
52
52
|
export { default as NoInternet } from './NoInternet';
|
|
53
|
-
export { default as
|
|
53
|
+
export { default as Notifications } from './Notifications';
|
|
54
54
|
export { default as ProgressBar } from './ProgressBar';
|
|
55
55
|
export { default as ProgressRing } from './ProgressRing';
|
|
56
56
|
export * from './InputBase';
|
package/build/hooks/index.d.ts
CHANGED
package/build/hooks/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CalenderMode, NavigateFunction, TableMode, Timezone
|
|
1
|
+
import { CalenderMode, NavigateFunction, TableMode, Timezone } from './index.js';
|
|
2
2
|
import { DragControls } from 'framer-motion';
|
|
3
3
|
export declare enum AppEvent {
|
|
4
4
|
OnClickTableAction = "on-click-table-action",
|
|
@@ -10,7 +10,6 @@ export declare enum AppEvent {
|
|
|
10
10
|
OnNavigate = "on-navigate",
|
|
11
11
|
OnStartDrag = "on-start-drag",
|
|
12
12
|
OnChangeAppToolbar = "on-change-app-toolbar",
|
|
13
|
-
OnToast = "on-toast",
|
|
14
13
|
OnModifyRemotePayload = "on-modify-remote-payload"
|
|
15
14
|
}
|
|
16
15
|
/**
|
|
@@ -47,5 +46,4 @@ export type AppEventMap = {
|
|
|
47
46
|
windowId: string;
|
|
48
47
|
payload: object;
|
|
49
48
|
}) => void;
|
|
50
|
-
[AppEvent.OnToast]: (params: ToastEventPayload) => void;
|
|
51
49
|
};
|
package/build/types/appEvents.js
CHANGED
|
@@ -10,7 +10,6 @@ export var AppEvent;
|
|
|
10
10
|
AppEvent["OnNavigate"] = "on-navigate";
|
|
11
11
|
AppEvent["OnStartDrag"] = "on-start-drag";
|
|
12
12
|
AppEvent["OnChangeAppToolbar"] = "on-change-app-toolbar";
|
|
13
|
-
AppEvent["OnToast"] = "on-toast";
|
|
14
13
|
// Remote Events
|
|
15
14
|
AppEvent["OnModifyRemotePayload"] = "on-modify-remote-payload";
|
|
16
15
|
})(AppEvent || (AppEvent = {}));
|
package/build/types/apps.d.ts
CHANGED
|
@@ -4,14 +4,14 @@ import type { i18n } from 'i18next';
|
|
|
4
4
|
import { Theme } from '@mui/material';
|
|
5
5
|
import { CalenderMode } from './theme';
|
|
6
6
|
import { Timezone } from './appConfig';
|
|
7
|
-
import { Brand, Entity, TableMode } from './index.js';
|
|
7
|
+
import { Brand, Entity, Override, TableMode } from './index.js';
|
|
8
8
|
import { TextAndLang } from './common';
|
|
9
|
-
export type AppPayload<TServiceCodes extends string = string> = {
|
|
9
|
+
export type AppPayload<TServiceCodes extends string = string, TOverrides extends Partial<DefaultServicePayload> = object> = {
|
|
10
10
|
services: {
|
|
11
|
-
[key in TServiceCodes]?: ServicePayload
|
|
11
|
+
[key in TServiceCodes]?: ServicePayload<TOverrides>;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export type DefaultServicePayload = {
|
|
15
15
|
columnFilters?: Record<string, any>;
|
|
16
16
|
filteredIds?: string[];
|
|
17
17
|
dateRange?: [Date, Date];
|
|
@@ -21,7 +21,8 @@ export interface ServicePayload {
|
|
|
21
21
|
tableViews?: ColumnsView[];
|
|
22
22
|
calendarTimezone?: number;
|
|
23
23
|
reportTypes?: string[];
|
|
24
|
-
}
|
|
24
|
+
};
|
|
25
|
+
export type ServicePayload<TOverrides extends Partial<DefaultServicePayload> = object> = Override<DefaultServicePayload, TOverrides>;
|
|
25
26
|
export interface AppDetails {
|
|
26
27
|
id: string;
|
|
27
28
|
appCode: string;
|
package/build/types/index.d.ts
CHANGED
package/build/types/index.js
CHANGED
package/build/types/table.d.ts
CHANGED
|
@@ -142,10 +142,7 @@ export interface IVirtualTable<R = any> {
|
|
|
142
142
|
footerComponent?: React.ReactNode;
|
|
143
143
|
customNoDataComponent?: React.ReactNode;
|
|
144
144
|
}
|
|
145
|
-
export type ColumnFilterValues = Record<string,
|
|
146
|
-
phone: string;
|
|
147
|
-
country: Country | undefined;
|
|
148
|
-
}>;
|
|
145
|
+
export type ColumnFilterValues = Record<string, any>;
|
|
149
146
|
export type IColumnFilter = ({
|
|
150
147
|
onConfirm?: (filterValues: ColumnFilterValues) => void;
|
|
151
148
|
onClear: (apiKeys: string[]) => void;
|
package/build/types/tsUtils.d.ts
CHANGED
|
@@ -6,3 +6,7 @@ export type PartialExcept<T, K extends keyof T> = Partial<Omit<T, K>> & Pick<T,
|
|
|
6
6
|
export type DeepPartial<T> = {
|
|
7
7
|
[K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
|
|
8
8
|
};
|
|
9
|
+
export type GeneralObject = Record<string, any>;
|
|
10
|
+
export type DeepExtendableObject<T> = T extends (...args: any[]) => any ? T : T extends readonly (infer U)[] ? ReadonlyArray<DeepExtendableObject<U>> : T extends GeneralObject ? {
|
|
11
|
+
[K in keyof T]: DeepExtendableObject<T[K]>;
|
|
12
|
+
} & GeneralObject : T;
|
|
@@ -6,7 +6,7 @@ export declare const openNewAppAttrs: ({ appCode, serviceCode, sandboxMode, payl
|
|
|
6
6
|
numberOfOpenedApps: number;
|
|
7
7
|
segmentId: string;
|
|
8
8
|
}) => {
|
|
9
|
-
payload?: (Record<string, any> & import("../types/index.js").
|
|
9
|
+
payload?: (Record<string, any> & Omit<import("../types/index.js").DefaultServicePayload, never> & object) | undefined;
|
|
10
10
|
segmentId: string;
|
|
11
11
|
appCode: string;
|
|
12
12
|
serviceCode: string;
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tap-payments/os-micro-frontend-shared",
|
|
3
3
|
"description": "Shared components and utilities for Tap Payments micro frontends",
|
|
4
|
-
"version": "0.1.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.1.368",
|
|
5
|
+
"testVersion": 0,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|
|
@@ -164,4 +164,4 @@
|
|
|
164
164
|
"publishConfig": {
|
|
165
165
|
"registry": "https://registry.npmjs.org/"
|
|
166
166
|
}
|
|
167
|
-
}
|
|
167
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function Toaster(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Box from '@mui/material/Box';
|
|
3
|
-
import { Toaster as HotToaster, resolveValue } from 'react-hot-toast';
|
|
4
|
-
import { actionSuccessIcon, warningInfoIcon } from '../../constants/index.js';
|
|
5
|
-
import { Content } from './style';
|
|
6
|
-
const icons = {
|
|
7
|
-
success: actionSuccessIcon,
|
|
8
|
-
error: warningInfoIcon,
|
|
9
|
-
};
|
|
10
|
-
export default function Toaster() {
|
|
11
|
-
return (_jsx(HotToaster, { children: (t) => (_jsxs(Content, { children: [icons[t.type] && _jsx(Box, { component: "img", src: icons[t.type], alt: t.type }), _jsx(Box, { children: resolveValue(t.message, t) })] })) }));
|
|
12
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ToastMessage } from '../types/index.js';
|
|
2
|
-
import type { ToastOptions } from 'react-hot-toast';
|
|
3
|
-
export interface ToastFunction {
|
|
4
|
-
(message: ToastMessage, options?: ToastOptions): string;
|
|
5
|
-
success: (message: ToastMessage, options?: ToastOptions) => string;
|
|
6
|
-
error: (message: ToastMessage, options?: ToastOptions) => string;
|
|
7
|
-
loading: (message: ToastMessage, options?: ToastOptions) => string;
|
|
8
|
-
custom: (message: ToastMessage, options?: ToastOptions) => string;
|
|
9
|
-
dismiss: (toastId?: string) => void;
|
|
10
|
-
remove: (toastId?: string) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare function useToast(): ToastFunction;
|
package/build/hooks/useToast.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { useMemo, useCallback } from 'react';
|
|
2
|
-
import { useAppEventPublisher } from './index.js';
|
|
3
|
-
import { AppEvent } from '../types/index.js';
|
|
4
|
-
const generateToastId = () => crypto.randomUUID();
|
|
5
|
-
export function useToast() {
|
|
6
|
-
const publish = useAppEventPublisher(AppEvent.OnToast);
|
|
7
|
-
const createToastByVariant = useCallback((variant) => (message, options) => {
|
|
8
|
-
var _a;
|
|
9
|
-
const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
|
|
10
|
-
publish({ action: 'show', variant, message, options: Object.assign(Object.assign({}, options), { id }) });
|
|
11
|
-
return id;
|
|
12
|
-
}, [publish]);
|
|
13
|
-
return useMemo(() => {
|
|
14
|
-
// base callable function
|
|
15
|
-
const toast = createToastByVariant('default');
|
|
16
|
-
// attach variants
|
|
17
|
-
toast.success = createToastByVariant('success');
|
|
18
|
-
toast.error = createToastByVariant('error');
|
|
19
|
-
toast.loading = createToastByVariant('loading');
|
|
20
|
-
toast.custom = createToastByVariant('custom');
|
|
21
|
-
toast.dismiss = (toastId) => {
|
|
22
|
-
publish({ action: 'dismiss', variant: 'dismiss', toastId });
|
|
23
|
-
};
|
|
24
|
-
toast.remove = (toastId) => {
|
|
25
|
-
publish({ action: 'remove', variant: 'remove', toastId });
|
|
26
|
-
};
|
|
27
|
-
return toast;
|
|
28
|
-
}, [createToastByVariant, publish]);
|
|
29
|
-
}
|
package/build/types/toast.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { ToastOptions, ValueOrFunction, Renderable, Toast } from 'react-hot-toast';
|
|
2
|
-
export type ToastMessage = ValueOrFunction<Renderable, Toast>;
|
|
3
|
-
export type ToastEventPayload = {
|
|
4
|
-
action: 'show';
|
|
5
|
-
variant: 'default' | 'success' | 'error' | 'loading' | 'custom';
|
|
6
|
-
message: ToastMessage;
|
|
7
|
-
options?: ToastOptions;
|
|
8
|
-
} | {
|
|
9
|
-
variant: 'dismiss';
|
|
10
|
-
action: 'dismiss';
|
|
11
|
-
toastId?: string;
|
|
12
|
-
} | {
|
|
13
|
-
variant: 'remove';
|
|
14
|
-
action: 'remove';
|
|
15
|
-
toastId?: string;
|
|
16
|
-
};
|
package/build/types/toast.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
File without changes
|
|
File without changes
|