@sinco/react 1.0.11-rc.12 → 1.0.11-rc.13
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/index.d.ts +1 -0
- package/index.js +321 -1022
- package/package.json +1 -1
- package/src/index.d.ts +1 -1
- package/src/lib/Components/Drawer.d.ts +9 -7
- package/src/lib/Components/EmptyState.d.ts +9 -9
- package/src/lib/Components/PageHeader.d.ts +9 -15
- package/src/lib/Components/ToastNofitication.d.ts +7 -11
- package/src/lib/Theme/typography.d.ts +0 -8
- package/src/lib/Utils/dynamicColor.d.ts +1 -1
- package/src/lib/Utils/index.d.ts +0 -1
package/package.json
CHANGED
package/src/index.d.ts
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
export type
|
|
3
|
-
export interface
|
|
4
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type handleDrawerPosition = 'left' | 'right';
|
|
3
|
+
export interface DrawerComponentProperties {
|
|
4
|
+
title: string;
|
|
5
5
|
children: ReactNode;
|
|
6
|
-
|
|
6
|
+
renderActions: ReactNode;
|
|
7
|
+
showActions?: boolean;
|
|
8
|
+
position?: handleDrawerPosition;
|
|
9
|
+
width: string;
|
|
7
10
|
open: boolean;
|
|
8
11
|
onClose: () => void;
|
|
9
|
-
anchor?: Anchor;
|
|
10
12
|
}
|
|
11
|
-
export declare const DrawerComponent:
|
|
13
|
+
export declare const DrawerComponent: ({ title, children, renderActions, showActions, position, width, open, onClose, }: DrawerComponentProperties) => JSX.Element;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
|
|
3
|
+
export declare enum EmptyStateImageUrls {
|
|
4
|
+
error = "error",
|
|
5
|
+
search = "search",
|
|
6
|
+
noResult = "noResult",
|
|
7
|
+
create = "create"
|
|
8
|
+
}
|
|
2
9
|
export interface EmptyStateProperties {
|
|
3
|
-
state?:
|
|
10
|
+
state?: EmptyStateStates;
|
|
4
11
|
title?: string;
|
|
5
12
|
content?: string;
|
|
6
13
|
actions?: ReactNode;
|
|
7
14
|
}
|
|
8
|
-
export
|
|
9
|
-
export declare enum UrlImage {
|
|
10
|
-
error = "error",
|
|
11
|
-
search = "search",
|
|
12
|
-
noresult = "noresult",
|
|
13
|
-
create = "create"
|
|
14
|
-
}
|
|
15
|
-
export declare const EmptyState: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;
|
|
15
|
+
export declare const EmptyStateComponent: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;
|
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
|
|
3
|
-
link: string;
|
|
4
|
-
name: string;
|
|
5
|
-
}
|
|
6
|
-
interface Pageheader {
|
|
7
|
-
back?: React.ReactNode;
|
|
8
|
-
title?: string;
|
|
9
|
-
subtitle?: string;
|
|
10
|
-
breadcrumbs?: BreadcrumbCode[];
|
|
11
|
-
actions?: React.ReactNode;
|
|
12
|
-
tabs?: React.ReactNode;
|
|
13
|
-
}
|
|
14
|
-
export declare const PageContent: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const PageHeaderContent: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
|
|
15
3
|
children?: React.ReactNode;
|
|
16
4
|
direction?: import("@mui/system").ResponsiveStyleValue<"column" | "column-reverse" | "row" | "row-reverse"> | undefined;
|
|
17
5
|
spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
|
|
@@ -21,5 +9,11 @@ export declare const PageContent: import("@emotion/styled").StyledComponent<impo
|
|
|
21
9
|
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
22
10
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
23
11
|
}, keyof import("@mui/material/OverridableComponent").CommonProps | "direction" | ("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" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "spacing" | "divider" | "useFlexGap" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
24
|
-
|
|
12
|
+
interface PageheaderProperties {
|
|
13
|
+
title: string;
|
|
14
|
+
subtitle?: string;
|
|
15
|
+
actions?: React.ReactNode;
|
|
16
|
+
buttonBack?: React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, }: PageheaderProperties) => JSX.Element;
|
|
25
19
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ReactElement } from
|
|
2
|
-
import React from
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export interface Option {
|
|
4
4
|
}
|
|
5
|
-
export interface
|
|
5
|
+
export interface ToastNotificationProperties {
|
|
6
6
|
type?: string;
|
|
7
7
|
subtitle?: string;
|
|
8
8
|
time?: number | any;
|
|
@@ -10,15 +10,11 @@ export interface Toast {
|
|
|
10
10
|
dataOpt?: Option[];
|
|
11
11
|
actions?: React.ReactNode;
|
|
12
12
|
seeMore?: boolean;
|
|
13
|
-
position?: string;
|
|
14
13
|
}
|
|
15
|
-
export interface
|
|
14
|
+
export interface handleChangeToastIcon {
|
|
16
15
|
[key: string]: ReactElement;
|
|
17
16
|
}
|
|
18
|
-
export interface
|
|
19
|
-
[key: string]:
|
|
17
|
+
export interface handleToastColor {
|
|
18
|
+
[key: string]: 'success' | 'error' | 'warning' | 'info';
|
|
20
19
|
}
|
|
21
|
-
export
|
|
22
|
-
[key: string]: "center" | "end" | "start";
|
|
23
|
-
}
|
|
24
|
-
export declare const ToastNotification: (toast: Toast) => JSX.Element;
|
|
20
|
+
export declare const ToastNotificationComponent: (toast: ToastNotificationProperties) => JSX.Element;
|
|
@@ -3,17 +3,9 @@ import { TypographyOptions } from '@mui/material/styles/createTypography';
|
|
|
3
3
|
declare module '@mui/material/styles' {
|
|
4
4
|
interface TypographyVariants {
|
|
5
5
|
body3: React.CSSProperties;
|
|
6
|
-
subtitle3: React.CSSProperties;
|
|
7
6
|
}
|
|
8
7
|
interface TypographyVariantsOptions {
|
|
9
8
|
body3?: React.CSSProperties;
|
|
10
|
-
subtitle3?: React.CSSProperties;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
declare module '@mui/material/Typography' {
|
|
14
|
-
interface TypographyPropsVariantOverrides {
|
|
15
|
-
body3: true;
|
|
16
|
-
subtitle3: true;
|
|
17
9
|
}
|
|
18
10
|
}
|
|
19
11
|
export declare const typography: TypographyOptions;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PaletteColor, TypeBackground } from "@mui/material";
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const DynamicColor: (src: string) => Promise<{
|
|
3
3
|
primaryColor: PaletteColor;
|
|
4
4
|
secondaryColor: PaletteColor;
|
|
5
5
|
backgroundColor: TypeBackground;
|
package/src/lib/Utils/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './dynamicColor';
|