@sinco/react 1.1.2-rc.1 → 1.1.2-rc.10
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +66 -48
- package/package.json +1 -1
- package/src/index.d.ts +1 -0
- package/src/lib/Components/Drawer.d.ts +4 -4
- package/src/lib/Components/PageHeader.d.ts +1 -2
- package/src/lib/Theme/components.d.ts +0 -10
- package/src/lib/Theme/palette.d.ts +0 -11
- package/src/lib/Theme/typography.d.ts +0 -9
- package/src/module.d.ts +39 -0
package/index.js
CHANGED
@@ -6720,7 +6720,7 @@ const palette = {
|
|
6720
6720
|
50: "#FBFBFB",
|
6721
6721
|
100: "#F5F5F6",
|
6722
6722
|
200: "#EAEBEC",
|
6723
|
-
300: "#
|
6723
|
+
300: "#DCDEE0",
|
6724
6724
|
400: "#CED1D4",
|
6725
6725
|
500: "#C4C7CA",
|
6726
6726
|
600: "#B9BDC1",
|
@@ -6746,7 +6746,7 @@ const palette = {
|
|
6746
6746
|
focus: "#1018401f"
|
6747
6747
|
},
|
6748
6748
|
background: {
|
6749
|
-
default: "#
|
6749
|
+
default: "#f5f5f5",
|
6750
6750
|
paper: "#fff"
|
6751
6751
|
},
|
6752
6752
|
common: {
|
@@ -6858,16 +6858,16 @@ const paletteAdpro = {
|
|
6858
6858
|
contrastText: "#ffffff"
|
6859
6859
|
},
|
6860
6860
|
grey: {
|
6861
|
-
50: "#
|
6862
|
-
100: "#
|
6863
|
-
200: "#
|
6864
|
-
300: "#
|
6865
|
-
400: "#
|
6866
|
-
500: "#
|
6867
|
-
600: "#
|
6868
|
-
700: "#
|
6869
|
-
800: "#
|
6870
|
-
900: "#
|
6861
|
+
50: "#FBFBFB",
|
6862
|
+
100: "#F5F5F6",
|
6863
|
+
200: "#EAEBEC",
|
6864
|
+
300: "#DCDEE0",
|
6865
|
+
400: "#CED1D4",
|
6866
|
+
500: "#C4C7CA",
|
6867
|
+
600: "#B9BDC1",
|
6868
|
+
700: "#B2B7BB",
|
6869
|
+
800: "#AAAEB3",
|
6870
|
+
900: "#A2A6AB",
|
6871
6871
|
A100: "#FFFFFF",
|
6872
6872
|
A200: "#FFFFFF",
|
6873
6873
|
A400: "#D4EAFF",
|
@@ -6927,7 +6927,8 @@ const components = {
|
|
6927
6927
|
styleOverrides: {
|
6928
6928
|
root: {
|
6929
6929
|
".MuiButtonBase-root.MuiAccordionSummary-root": {
|
6930
|
-
minHeight: 44
|
6930
|
+
minHeight: 44,
|
6931
|
+
height: 44
|
6931
6932
|
}
|
6932
6933
|
}
|
6933
6934
|
}
|
@@ -6956,6 +6957,11 @@ const components = {
|
|
6956
6957
|
density: "compact"
|
6957
6958
|
},
|
6958
6959
|
styleOverrides: {
|
6960
|
+
columnHeader: {
|
6961
|
+
minHeight: 22,
|
6962
|
+
maxHeight: 22,
|
6963
|
+
lineHeight: 22
|
6964
|
+
},
|
6959
6965
|
iconButtonContainer: {
|
6960
6966
|
fontSize: 16
|
6961
6967
|
},
|
@@ -7053,6 +7059,13 @@ const components = {
|
|
7053
7059
|
}
|
7054
7060
|
}
|
7055
7061
|
},
|
7062
|
+
MuiTooltip: {
|
7063
|
+
styleOverrides: {
|
7064
|
+
tooltip: {
|
7065
|
+
backgroundColor: "#424242"
|
7066
|
+
}
|
7067
|
+
}
|
7068
|
+
},
|
7056
7069
|
MuiDialog: {
|
7057
7070
|
styleOverrides: {
|
7058
7071
|
root: {
|
@@ -7067,8 +7080,8 @@ const components = {
|
|
7067
7080
|
MuiDialogContent: {
|
7068
7081
|
styleOverrides: {
|
7069
7082
|
root: {
|
7070
|
-
paddingTop:
|
7071
|
-
paddingBottom:
|
7083
|
+
paddingTop: "8px !important",
|
7084
|
+
paddingBottom: "8px"
|
7072
7085
|
}
|
7073
7086
|
}
|
7074
7087
|
},
|
@@ -7165,16 +7178,29 @@ const components = {
|
|
7165
7178
|
}
|
7166
7179
|
},
|
7167
7180
|
styleOverrides: {
|
7181
|
+
filled: {
|
7182
|
+
color: "#fff"
|
7183
|
+
},
|
7184
|
+
message: {
|
7185
|
+
padding: "4px 0"
|
7186
|
+
},
|
7168
7187
|
root: {
|
7169
|
-
|
7170
|
-
paddingX: 2,
|
7171
|
-
alignItems: "center",
|
7172
|
-
border: "none"
|
7188
|
+
padding: "6px 16px"
|
7173
7189
|
}
|
7174
7190
|
}
|
7175
7191
|
},
|
7176
7192
|
MuiButton: {
|
7177
7193
|
styleOverrides: {
|
7194
|
+
root: {
|
7195
|
+
fontFamily: 'Roboto',
|
7196
|
+
textTransform: 'unset',
|
7197
|
+
fontWeightLight: 300,
|
7198
|
+
fontSize: "13px",
|
7199
|
+
lineHeight: 'normal',
|
7200
|
+
'@media(max-width: 885px)': {
|
7201
|
+
fontSize: 14
|
7202
|
+
}
|
7203
|
+
},
|
7178
7204
|
startIcon: {
|
7179
7205
|
marginLeft: 2
|
7180
7206
|
},
|
@@ -7262,6 +7288,7 @@ const components = {
|
|
7262
7288
|
}
|
7263
7289
|
},
|
7264
7290
|
extended: {
|
7291
|
+
gap: 1,
|
7265
7292
|
boxShadow: " 0px 1px 18px 0px rgba(24, 39, 75, 0.12), 0px 6px 10px 0px rgba(24, 39, 75, 0.14), 0px 3px 5px -1px rgba(24, 39, 75, 0.20)",
|
7266
7293
|
"&.MuiFab-sizeSmall": {
|
7267
7294
|
height: 32,
|
@@ -7385,12 +7412,12 @@ const components = {
|
|
7385
7412
|
"&.MuiAutocomplete-root .MuiOutlinedInput-root": {
|
7386
7413
|
padding: "6px 14px 6px 10px"
|
7387
7414
|
},
|
7415
|
+
"& .MuiAutocomplete-endAdornment": {
|
7416
|
+
top: "calc(50% - 12px)"
|
7417
|
+
},
|
7388
7418
|
"&.MuiAutocomplete-root .MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
|
7389
7419
|
paddingBlock: 3.5,
|
7390
7420
|
paddingRight: 14,
|
7391
|
-
"& .MuiAutocomplete-endAdornment": {
|
7392
|
-
top: "calc(50% - 12px)"
|
7393
|
-
},
|
7394
7421
|
".MuiIconButton-sizeSmall .MuiAutocomplete-popupIndicator": {
|
7395
7422
|
padding: 5
|
7396
7423
|
}
|
@@ -7428,7 +7455,7 @@ const components = {
|
|
7428
7455
|
"&.MuiInputLabel-outlined ": {
|
7429
7456
|
transform: "translate(14px, 15px) scale(1)",
|
7430
7457
|
"&.MuiInputLabel-shrink": {
|
7431
|
-
transform: "translate(14px, -
|
7458
|
+
transform: "translate(14px, -7px) scale(0.75)"
|
7432
7459
|
}
|
7433
7460
|
}
|
7434
7461
|
}
|
@@ -7528,10 +7555,13 @@ const components = {
|
|
7528
7555
|
MuiListItemButton: {
|
7529
7556
|
styleOverrides: {
|
7530
7557
|
dense: {
|
7531
|
-
padding: "4px
|
7558
|
+
padding: "4px 16px 4px 16px "
|
7532
7559
|
},
|
7533
7560
|
root: {
|
7534
|
-
padding: "8.5px 16px"
|
7561
|
+
padding: "8.5px 16px",
|
7562
|
+
".MuiListItemText-multiline": {
|
7563
|
+
marginBlock: "4px"
|
7564
|
+
}
|
7535
7565
|
}
|
7536
7566
|
}
|
7537
7567
|
},
|
@@ -7717,16 +7747,6 @@ const typography = {
|
|
7717
7747
|
fontWeight: 300,
|
7718
7748
|
letterSpacing: -1.5,
|
7719
7749
|
lineHeight: 1.4
|
7720
|
-
},
|
7721
|
-
button: {
|
7722
|
-
fontFamily: 'Roboto',
|
7723
|
-
textTransform: 'unset',
|
7724
|
-
fontWeightLight: 300,
|
7725
|
-
fontSize: 13,
|
7726
|
-
lineHeight: 'normal',
|
7727
|
-
'@media(max-width: 885px)': {
|
7728
|
-
fontSize: 14
|
7729
|
-
}
|
7730
7750
|
}
|
7731
7751
|
};
|
7732
7752
|
|
@@ -14432,10 +14452,10 @@ handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
|
|
14432
14452
|
|
14433
14453
|
const borderStyles = {
|
14434
14454
|
left: {
|
14435
|
-
borderTopRightRadius:
|
14455
|
+
borderTopRightRadius: "4px"
|
14436
14456
|
},
|
14437
14457
|
right: {
|
14438
|
-
borderTopLeftRadius:
|
14458
|
+
borderTopLeftRadius: "4px"
|
14439
14459
|
}
|
14440
14460
|
};
|
14441
14461
|
const DrawerComponent = ({
|
@@ -14445,8 +14465,8 @@ const DrawerComponent = ({
|
|
14445
14465
|
children,
|
14446
14466
|
actions,
|
14447
14467
|
showActions,
|
14448
|
-
anchor: _anchor =
|
14449
|
-
anchorActions: _anchorActions =
|
14468
|
+
anchor: _anchor = "left",
|
14469
|
+
anchorActions: _anchorActions = "flex-end",
|
14450
14470
|
width,
|
14451
14471
|
open,
|
14452
14472
|
onClose,
|
@@ -14462,11 +14482,11 @@ const DrawerComponent = ({
|
|
14462
14482
|
open: open,
|
14463
14483
|
onClose: onClose,
|
14464
14484
|
sx: Object.assign({
|
14465
|
-
|
14466
|
-
backgroundColor:
|
14467
|
-
backdropFilter:
|
14485
|
+
"& .MuiBackdrop-root": {
|
14486
|
+
backgroundColor: "#F0f0f099 !important",
|
14487
|
+
backdropFilter: "blur(4px)"
|
14468
14488
|
},
|
14469
|
-
|
14489
|
+
"& .MuiDrawer-paper": Object.assign({
|
14470
14490
|
width: width
|
14471
14491
|
}, paperSx)
|
14472
14492
|
}, sx)
|
@@ -14501,9 +14521,7 @@ const DrawerComponent = ({
|
|
14501
14521
|
gap: 1,
|
14502
14522
|
py: 1.5,
|
14503
14523
|
px: 1,
|
14504
|
-
|
14505
|
-
bgcolor: 'grey.400'
|
14506
|
-
}
|
14524
|
+
bgcolor: "background.default"
|
14507
14525
|
}, actions)));
|
14508
14526
|
};
|
14509
14527
|
|
@@ -14680,7 +14698,7 @@ function PageHeaderWraps({
|
|
14680
14698
|
}
|
14681
14699
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, item);
|
14682
14700
|
}
|
14683
|
-
const
|
14701
|
+
const PageHeader = ({
|
14684
14702
|
title,
|
14685
14703
|
subtitle,
|
14686
14704
|
actions,
|
@@ -20233,4 +20251,4 @@ const useDynamicColor = url => {
|
|
20233
20251
|
};
|
20234
20252
|
};
|
20235
20253
|
|
20236
|
-
export { AdproSincoTheme, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyState, EmptyStateImageUrls, FooterAction,
|
20254
|
+
export { AdproSincoTheme, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyState, EmptyStateImageUrls, FooterAction, PageHeader, PageHeaderWraps, SincoTheme, ToastNotification, useDynamicColor };
|
package/package.json
CHANGED
package/src/index.d.ts
CHANGED
@@ -1,13 +1,13 @@
|
|
1
|
-
import { ReactNode } from
|
2
|
-
import { SxProps } from
|
3
|
-
export type DrawerPosition =
|
1
|
+
import { ReactNode } from "react";
|
2
|
+
import { SxProps } from "@mui/material";
|
3
|
+
export type DrawerPosition = "left" | "right";
|
4
4
|
export interface DrawerComponentProperties {
|
5
5
|
title: string;
|
6
6
|
children: ReactNode;
|
7
7
|
actions: ReactNode;
|
8
8
|
showActions?: boolean;
|
9
9
|
anchor?: DrawerPosition;
|
10
|
-
anchorActions:
|
10
|
+
anchorActions: "flex-end" | "flex-start";
|
11
11
|
width: string;
|
12
12
|
open: boolean;
|
13
13
|
onClose: () => void;
|
@@ -12,5 +12,4 @@ export declare function PageHeaderWraps({ item, color, variant, }: {
|
|
12
12
|
color: string;
|
13
13
|
variant: Variant;
|
14
14
|
}): JSX.Element;
|
15
|
-
export declare const
|
16
|
-
export { PageHeaderComponent as PageHeader };
|
15
|
+
export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
|
@@ -1,12 +1,2 @@
|
|
1
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
|
-
}
|
12
2
|
export declare const components: Components;
|
@@ -1,14 +1,3 @@
|
|
1
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
|
-
}
|
13
2
|
export declare const palette: PaletteOptions;
|
14
3
|
export declare const paletteAdpro: PaletteOptions;
|
@@ -1,11 +1,2 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import { TypographyOptions } from '@mui/material/styles/createTypography';
|
3
|
-
declare module '@mui/material/styles' {
|
4
|
-
interface TypographyVariants {
|
5
|
-
body3: React.CSSProperties;
|
6
|
-
}
|
7
|
-
interface TypographyVariantsOptions {
|
8
|
-
body3?: React.CSSProperties;
|
9
|
-
}
|
10
|
-
}
|
11
2
|
export declare const typography: TypographyOptions;
|
package/src/module.d.ts
ADDED
@@ -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
|
+
}
|