@sinco/react 1.0.15-rc.3 → 1.0.15-rc.31
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +2091 -15793
- package/package.json +9 -1
- package/src/lib/Components/Drawer.d.ts +7 -5
- package/src/lib/Components/EmptyState.d.ts +9 -10
- package/src/lib/Components/PageHeader.d.ts +7 -2
- package/src/lib/Components/ToastNotification.d.ts +12 -0
- package/src/lib/Components/index.d.ts +5 -4
- package/src/lib/Hooks/useProgress.d.ts +3 -0
- package/src/lib/Theme/components.d.ts +5 -5
- package/src/lib/Theme/index.d.ts +1 -0
- package/src/lib/Theme/theme.d.ts +1 -0
- package/src/lib/Utils/svgTransform.d.ts +0 -0
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@sinco/react",
|
3
|
-
"version": "1.0.15-rc.
|
3
|
+
"version": "1.0.15-rc.31",
|
4
4
|
"description": "package for the configuration of mui react sinco",
|
5
5
|
"private": false,
|
6
6
|
"license": "MIT",
|
@@ -8,6 +8,14 @@
|
|
8
8
|
"type": "git",
|
9
9
|
"url": "https://github.com/SincosoftSAS/DesignSystem.git"
|
10
10
|
},
|
11
|
+
"peerDependencies": {
|
12
|
+
"react": "^18.2.0",
|
13
|
+
"@emotion/react": "^11.11.0",
|
14
|
+
"@emotion/styled": "^11.11.0",
|
15
|
+
"@mui/icons-material": "^5.14.3",
|
16
|
+
"@mui/material": "^5.14.13",
|
17
|
+
"@mui/x-data-grid": "^6.6.0"
|
18
|
+
},
|
11
19
|
"sideEffects": false,
|
12
20
|
"module": "./index.js",
|
13
21
|
"main": "./index.js",
|
@@ -1,13 +1,15 @@
|
|
1
|
-
import { ReactNode } from
|
2
|
-
|
1
|
+
import { ReactNode } from "react";
|
2
|
+
import { SxProps } from "@mui/material";
|
3
|
+
export type DrawerPosition = "left" | "right";
|
3
4
|
export interface DrawerComponentProperties {
|
4
5
|
title: string;
|
5
6
|
children: ReactNode;
|
6
|
-
|
7
|
+
actions: ReactNode;
|
7
8
|
showActions?: boolean;
|
8
|
-
|
9
|
+
anchor?: DrawerPosition;
|
9
10
|
width: string;
|
10
11
|
open: boolean;
|
11
12
|
onClose: () => void;
|
13
|
+
sx?: SxProps;
|
12
14
|
}
|
13
|
-
export declare const DrawerComponent: ({ title, children,
|
15
|
+
export declare const DrawerComponent: ({ title, children, actions, showActions, anchor, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
|
@@ -1,15 +1,14 @@
|
|
1
|
-
import { ReactNode } from 'react';
|
1
|
+
import React, { ReactNode } from 'react';
|
2
2
|
export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
|
3
|
-
export declare
|
4
|
-
error = "error",
|
5
|
-
search = "search",
|
6
|
-
noResult = "noResult",
|
7
|
-
create = "create"
|
8
|
-
}
|
3
|
+
export declare const EmptyStateImageUrls: Record<EmptyStateStates, string>;
|
9
4
|
export interface EmptyStateProperties {
|
5
|
+
icon?: ReactNode;
|
10
6
|
state?: EmptyStateStates;
|
11
|
-
title
|
12
|
-
|
7
|
+
title: string;
|
8
|
+
subtitle?: string;
|
13
9
|
actions?: ReactNode;
|
10
|
+
iconStyle?: React.CSSProperties;
|
11
|
+
containerHeight?: string;
|
14
12
|
}
|
15
|
-
export declare const EmptyStateComponent: ({ state, title,
|
13
|
+
export declare const EmptyStateComponent: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => JSX.Element;
|
14
|
+
export { EmptyStateComponent as EmptyState };
|
@@ -1,10 +1,15 @@
|
|
1
|
+
import { Variant } from "@mui/material/styles/createTypography";
|
1
2
|
import React from "react";
|
2
|
-
interface PageheaderProperties {
|
3
|
+
export interface PageheaderProperties {
|
3
4
|
title: string | React.ReactNode;
|
4
5
|
subtitle?: string | React.ReactNode;
|
5
6
|
actions?: React.ReactNode;
|
6
7
|
buttonBack?: React.ReactNode;
|
7
8
|
fixed?: boolean;
|
8
9
|
}
|
10
|
+
export declare function PageHeaderWrapper({ item, color, variant, }: {
|
11
|
+
item: string | React.ReactNode;
|
12
|
+
color: string;
|
13
|
+
variant: Variant;
|
14
|
+
}): JSX.Element;
|
9
15
|
export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
|
10
|
-
export {};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from "react";
|
2
|
+
export type toastType = "success" | "error" | "warning" | "info";
|
3
|
+
export interface ToastBaseProperties {
|
4
|
+
type?: toastType;
|
5
|
+
subtitle?: string;
|
6
|
+
title: string;
|
7
|
+
time?: number | any;
|
8
|
+
dataOpt?: string[];
|
9
|
+
actions?: React.ReactNode;
|
10
|
+
seeMore?: boolean;
|
11
|
+
}
|
12
|
+
export declare const ToastNotificationComponent: (toast: ToastBaseProperties) => JSX.Element;
|
@@ -1,4 +1,5 @@
|
|
1
|
-
export * from
|
2
|
-
export * from
|
3
|
-
export * from
|
4
|
-
export * from
|
1
|
+
export * from "./EmptyState";
|
2
|
+
export * from "./Drawer";
|
3
|
+
export * from "./FooterAction";
|
4
|
+
export * from "./ToastNotification";
|
5
|
+
export * from "./PageHeader";
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import { Components } from
|
2
|
-
declare module
|
3
|
-
interface
|
4
|
-
|
1
|
+
import { Components } from "@mui/material";
|
2
|
+
declare module "@mui/material/Radio" {
|
3
|
+
interface RadioPropsSizeOverrides {
|
4
|
+
large: true;
|
5
5
|
}
|
6
6
|
}
|
7
7
|
declare module "@mui/material/Checkbox" {
|
8
8
|
interface CheckboxPropsSizeOverrides {
|
9
|
-
|
9
|
+
large: true;
|
10
10
|
}
|
11
11
|
}
|
12
12
|
export declare const components: Components;
|
package/src/lib/Theme/index.d.ts
CHANGED
package/src/lib/Theme/theme.d.ts
CHANGED
File without changes
|