@sinco/react 1.1.2-rc.9 → 1.1.2-rc.91
Sign up to get free protection for your applications and to get access to all the features.
- package/index.esm.css +33 -0
- package/index.esm.d.ts +1 -0
- package/{index.js → index.esm.js} +12987 -14237
- package/package.json +3 -4
- package/src/lib/Components/CardRadio.d.ts +18 -0
- package/src/lib/Components/Drawer.d.ts +2 -2
- package/src/lib/Components/EmptyState.d.ts +2 -2
- package/src/lib/Components/FooterAction.d.ts +2 -2
- package/src/lib/Components/PageHeader.d.ts +2 -2
- package/src/lib/Components/ProgressSinco.d.ts +15 -0
- package/src/lib/Components/ToastNotification.d.ts +3 -3
- package/src/lib/Components/index.d.ts +2 -0
- package/src/lib/Hooks/useProgress.d.ts +2 -2
- package/src/lib/Theme/components.d.ts +1 -0
- package/src/lib/Theme/module.d.ts +39 -0
- package/src/lib/Theme/typography.d.ts +1 -0
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@sinco/react",
|
3
|
-
"version": "1.1.2-rc.
|
3
|
+
"version": "1.1.2-rc.91",
|
4
4
|
"description": "package for the configuration of mui react sinco",
|
5
5
|
"private": false,
|
6
6
|
"license": "MIT",
|
@@ -16,8 +16,7 @@
|
|
16
16
|
"@mui/x-data-grid": "^6.6.0"
|
17
17
|
},
|
18
18
|
"sideEffects": false,
|
19
|
-
"module": "./index.js",
|
20
|
-
"main": "./index.js",
|
19
|
+
"module": "./index.esm.js",
|
21
20
|
"type": "module",
|
22
|
-
"
|
21
|
+
"main": "./index.esm.js"
|
23
22
|
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import React, { FC } from 'react';
|
2
|
+
type RadioPosition = 'left' | 'right';
|
3
|
+
type RadioStates = 'active' | 'disabled';
|
4
|
+
type CardRadioColors = 'primary' | 'secondary';
|
5
|
+
export interface CardRadioProps {
|
6
|
+
RadioPosition?: RadioPosition;
|
7
|
+
topRadioPosition?: boolean;
|
8
|
+
states?: RadioStates;
|
9
|
+
media?: React.ReactNode;
|
10
|
+
header?: React.ReactNode | string;
|
11
|
+
content?: React.ReactNode | string;
|
12
|
+
color?: CardRadioColors;
|
13
|
+
onChange: (value: string | number) => void;
|
14
|
+
value: string | number;
|
15
|
+
checked?: boolean;
|
16
|
+
}
|
17
|
+
export declare const CardRadio: FC<CardRadioProps>;
|
18
|
+
export {};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ReactNode } from "react";
|
1
|
+
import React, { ReactNode } from "react";
|
2
2
|
import { SxProps } from "@mui/material";
|
3
3
|
export type DrawerPosition = "left" | "right";
|
4
4
|
export interface DrawerComponentProperties {
|
@@ -15,5 +15,5 @@ export interface DrawerComponentProperties {
|
|
15
15
|
backgroundColor?: string;
|
16
16
|
color?: string;
|
17
17
|
}
|
18
|
-
export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
|
18
|
+
export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => React.JSX.Element;
|
19
19
|
export { DrawerComponent as Drawer };
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import React, { ReactNode } from 'react';
|
2
2
|
export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
|
3
|
-
export declare const EmptyStateImageUrls: Record<EmptyStateStates, string>;
|
4
3
|
export interface EmptyStateProperties {
|
5
4
|
icon?: ReactNode;
|
6
5
|
state?: EmptyStateStates;
|
@@ -10,4 +9,5 @@ export interface EmptyStateProperties {
|
|
10
9
|
iconStyle?: React.CSSProperties;
|
11
10
|
containerHeight?: string;
|
12
11
|
}
|
13
|
-
export declare const
|
12
|
+
export declare const EmptyStateComponent: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => React.JSX.Element;
|
13
|
+
export { EmptyStateComponent as EmptyState };
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
interface FooterActionsProperties {
|
3
|
-
labelChangeCounter: React.ReactNode;
|
3
|
+
labelChangeCounter: React.ReactNode | string;
|
4
4
|
leftContent?: React.ReactNode;
|
5
5
|
rightContent?: React.ReactNode;
|
6
6
|
}
|
7
|
-
export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => JSX.Element;
|
7
|
+
export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => React.JSX.Element;
|
8
8
|
export {};
|
@@ -11,5 +11,5 @@ export declare function PageHeaderWraps({ item, color, variant, }: {
|
|
11
11
|
item: string | React.ReactNode;
|
12
12
|
color: string;
|
13
13
|
variant: Variant;
|
14
|
-
}): JSX.Element;
|
15
|
-
export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
|
14
|
+
}): React.JSX.Element;
|
15
|
+
export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => React.JSX.Element;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { FC } from 'react';
|
2
|
+
import '../../react.module.css';
|
3
|
+
type Variant = 'buffer' | 'determinate' | 'indeterminate' | 'query' | 'lote';
|
4
|
+
interface ProgressProps {
|
5
|
+
time?: number;
|
6
|
+
variant?: Variant;
|
7
|
+
valueBuffer?: number;
|
8
|
+
lote?: number;
|
9
|
+
porcent?: boolean;
|
10
|
+
progressBar?: boolean;
|
11
|
+
textPorcent?: boolean;
|
12
|
+
ilustration?: boolean;
|
13
|
+
}
|
14
|
+
export declare const ProgressSinco: FC<ProgressProps>;
|
15
|
+
export {};
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import React from
|
2
|
-
export type ToastType =
|
1
|
+
import React from 'react';
|
2
|
+
export type ToastType = 'success' | 'error' | 'warning' | 'info';
|
3
3
|
export interface ToastBaseProperties {
|
4
4
|
type?: ToastType;
|
5
5
|
subtitle?: string;
|
@@ -9,4 +9,4 @@ export interface ToastBaseProperties {
|
|
9
9
|
actions?: React.ReactNode;
|
10
10
|
seeMore?: boolean;
|
11
11
|
}
|
12
|
-
export declare const ToastNotification: (toast: ToastBaseProperties) => JSX.Element;
|
12
|
+
export declare const ToastNotification: (toast: ToastBaseProperties) => React.JSX.Element;
|
@@ -1,3 +1,3 @@
|
|
1
|
-
export declare const useProgress: (timeProgress: number) => {
|
2
|
-
|
1
|
+
export declare const useProgress: (timeProgress: number, lote?: number) => {
|
2
|
+
progress: number;
|
3
3
|
};
|
@@ -0,0 +1,39 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import "@mui/material/Typography";
|
3
|
+
import "@mui/material/Radio";
|
4
|
+
import "@mui/material/Checkbox";
|
5
|
+
import "@mui/material/styles";
|
6
|
+
declare module '@mui/material/styles' {
|
7
|
+
interface TypographyVariants {
|
8
|
+
body3: React.CSSProperties;
|
9
|
+
}
|
10
|
+
interface TypographyVariantsOptions {
|
11
|
+
body3?: React.CSSProperties;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
declare module '@mui/material/Typography' {
|
15
|
+
interface TypographyPropsVariantOverrides {
|
16
|
+
body3: true;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
declare module "@mui/material/Radio" {
|
20
|
+
interface RadioPropsSizeOverrides {
|
21
|
+
large: true;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
declare module "@mui/material/Checkbox" {
|
25
|
+
interface CheckboxPropsSizeOverrides {
|
26
|
+
large: true;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
declare module "@mui/material/styles" {
|
30
|
+
interface PaletteColor {
|
31
|
+
50?: string;
|
32
|
+
100?: string;
|
33
|
+
200?: string;
|
34
|
+
300?: string;
|
35
|
+
600?: string;
|
36
|
+
700?: string;
|
37
|
+
800?: string;
|
38
|
+
}
|
39
|
+
}
|