@sinco/react 1.0.15-rc.9 → 1.0.16-rc.0
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +6192 -8393
- package/package.json +8 -1
- package/src/index.d.ts +1 -1
- package/src/lib/Components/Drawer.d.ts +9 -6
- package/src/lib/Components/EmptyState.d.ts +9 -10
- package/src/lib/Components/FooterAction.d.ts +3 -3
- package/src/lib/Components/PageHeader.d.ts +16 -0
- package/src/lib/Components/ToastNotification.d.ts +13 -0
- package/src/lib/Components/index.d.ts +5 -3
- package/src/lib/Hooks/useProgress.d.ts +3 -0
- package/src/lib/Theme/components.d.ts +11 -1
- package/src/lib/Theme/palette.d.ts +12 -2
- package/src/lib/Utils/index.d.ts +1 -0
- package/src/lib/Utils/svgTransform.d.ts +0 -0
- package/index.d.ts +0 -1
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@sinco/react",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.16-rc.0",
|
4
4
|
"description": "package for the configuration of mui react sinco",
|
5
5
|
"private": false,
|
6
6
|
"license": "MIT",
|
@@ -8,6 +8,13 @@
|
|
8
8
|
"type": "git",
|
9
9
|
"url": "https://github.com/SincosoftSAS/DesignSystem.git"
|
10
10
|
},
|
11
|
+
"peerDependencies": {
|
12
|
+
"react": "^18.2.0",
|
13
|
+
"react-dom": "^18.2.0",
|
14
|
+
"@emotion/react": "^11.11.0",
|
15
|
+
"@mui/icons-material": "^5.14.3",
|
16
|
+
"@mui/x-data-grid": "^6.6.0"
|
17
|
+
},
|
11
18
|
"sideEffects": false,
|
12
19
|
"module": "./index.js",
|
13
20
|
"main": "./index.js",
|
package/src/index.d.ts
CHANGED
@@ -1,14 +1,17 @@
|
|
1
|
-
import
|
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;
|
10
|
+
anchorActions: 'flex-end' | 'flex-start';
|
9
11
|
width: string;
|
10
12
|
open: boolean;
|
11
13
|
onClose: () => void;
|
12
|
-
sx?:
|
14
|
+
sx?: SxProps;
|
13
15
|
}
|
14
|
-
export declare const DrawerComponent: ({ title, children,
|
16
|
+
export declare const DrawerComponent: ({ title, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
|
17
|
+
export { DrawerComponent as Drawer };
|
@@ -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,8 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
interface FooterActionsProperties {
|
3
3
|
labelChangeCounter: React.ReactNode;
|
4
|
-
|
5
|
-
|
4
|
+
leftContent?: React.ReactNode;
|
5
|
+
rightContent?: React.ReactNode;
|
6
6
|
}
|
7
|
-
export declare const
|
7
|
+
export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => JSX.Element;
|
8
8
|
export {};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { Variant } from "@mui/material/styles/createTypography";
|
2
|
+
import React from "react";
|
3
|
+
export interface PageheaderProperties {
|
4
|
+
title: string | React.ReactNode;
|
5
|
+
subtitle?: string | React.ReactNode;
|
6
|
+
actions?: React.ReactNode;
|
7
|
+
buttonBack?: React.ReactNode;
|
8
|
+
fixed?: boolean;
|
9
|
+
}
|
10
|
+
export declare function PageHeaderWraps({ item, color, variant, }: {
|
11
|
+
item: string | React.ReactNode;
|
12
|
+
color: string;
|
13
|
+
variant: Variant;
|
14
|
+
}): JSX.Element;
|
15
|
+
export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
|
16
|
+
export { PageHeaderComponent as PageHeader };
|
@@ -0,0 +1,13 @@
|
|
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;
|
8
|
+
dataOpt?: string[];
|
9
|
+
actions?: React.ReactNode;
|
10
|
+
seeMore?: boolean;
|
11
|
+
}
|
12
|
+
export declare const ToastNotificationComponent: (toast: ToastBaseProperties) => JSX.Element;
|
13
|
+
export { ToastNotificationComponent as ToastNotification };
|
@@ -1,2 +1,12 @@
|
|
1
|
-
import { Components } from
|
1
|
+
import { Components } from "@mui/material";
|
2
|
+
declare module "@mui/material/Radio" {
|
3
|
+
interface RadioPropsSizeOverrides {
|
4
|
+
large: true;
|
5
|
+
}
|
6
|
+
}
|
7
|
+
declare module "@mui/material/Checkbox" {
|
8
|
+
interface CheckboxPropsSizeOverrides {
|
9
|
+
large: true;
|
10
|
+
}
|
11
|
+
}
|
2
12
|
export declare const components: Components;
|
@@ -1,3 +1,13 @@
|
|
1
|
-
import { PaletteOptions } from
|
1
|
+
import { PaletteOptions } from "@mui/material";
|
2
|
+
declare module "@mui/material/styles" {
|
3
|
+
interface PaletteColor {
|
4
|
+
50: string;
|
5
|
+
100: string;
|
6
|
+
200: string;
|
7
|
+
300: string;
|
8
|
+
600: string;
|
9
|
+
700: string;
|
10
|
+
800: string;
|
11
|
+
}
|
12
|
+
}
|
2
13
|
export declare const palette: PaletteOptions;
|
3
|
-
export declare const paletteADPRO: PaletteOptions;
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './dynamicColor';
|
File without changes
|
package/index.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './src/lib/Utils/dynamicColor';
|