@sinco/react 1.0.15-rc.37 → 1.0.15-rc.39
Sign up to get free protection for your applications and to get access to all the features.
package/index.js
CHANGED
@@ -2747,6 +2747,60 @@ const FooterActionComponent = ({
|
|
2747
2747
|
}), /*#__PURE__*/React.createElement(Box$1, null, labelChangeCounter), renderRightContent));
|
2748
2748
|
};
|
2749
2749
|
|
2750
|
+
// export function PageHeaderWraps({
|
2751
|
+
// item,
|
2752
|
+
// Color,
|
2753
|
+
// variant,
|
2754
|
+
// }: {
|
2755
|
+
// item: string | React.ReactNode;
|
2756
|
+
// Color: string;
|
2757
|
+
// variant: Variant;
|
2758
|
+
// }) {
|
2759
|
+
// return (
|
2760
|
+
// <Typography variant={variant} color={Color}>
|
2761
|
+
// {item}
|
2762
|
+
// </Typography>
|
2763
|
+
// );
|
2764
|
+
// }
|
2765
|
+
const PageHeaderComponent = ({
|
2766
|
+
title,
|
2767
|
+
subtitle,
|
2768
|
+
actions,
|
2769
|
+
buttonBack,
|
2770
|
+
fixed
|
2771
|
+
}) => {
|
2772
|
+
return /*#__PURE__*/React.createElement(Stack, {
|
2773
|
+
position: fixed ? "fixed" : "relative",
|
2774
|
+
width: fixed ? "100%" : "inherit",
|
2775
|
+
bgcolor: "background.paper",
|
2776
|
+
sx: {
|
2777
|
+
boxShadow: theme => theme.shadows[1],
|
2778
|
+
zIndex: 100
|
2779
|
+
}
|
2780
|
+
}, /*#__PURE__*/React.createElement(Stack, {
|
2781
|
+
px: 3,
|
2782
|
+
py: 1,
|
2783
|
+
justifyContent: "space-between",
|
2784
|
+
flexDirection: "row",
|
2785
|
+
alignItems: "center"
|
2786
|
+
}, /*#__PURE__*/React.createElement(Stack, {
|
2787
|
+
gap: 1.5,
|
2788
|
+
flexDirection: "row",
|
2789
|
+
alignItems: "center"
|
2790
|
+
}, buttonBack, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Typography, {
|
2791
|
+
variant: "h6",
|
2792
|
+
color: "text.primary"
|
2793
|
+
}, title)), subtitle && /*#__PURE__*/React.createElement(Stack, {
|
2794
|
+
alignItems: "center",
|
2795
|
+
flexDirection: "row",
|
2796
|
+
gap: 2
|
2797
|
+
}))), actions && /*#__PURE__*/React.createElement(Stack, {
|
2798
|
+
gap: 1,
|
2799
|
+
alignItems: "center",
|
2800
|
+
flexDirection: "row"
|
2801
|
+
}, actions)));
|
2802
|
+
};
|
2803
|
+
|
2750
2804
|
var classof$3 = classofRaw$2;
|
2751
2805
|
|
2752
2806
|
var engineIsNode = typeof process != 'undefined' && classof$3(process) == 'process';
|
@@ -8251,4 +8305,4 @@ const useDynamicColor = url => {
|
|
8251
8305
|
};
|
8252
8306
|
};
|
8253
8307
|
|
8254
|
-
export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
|
8308
|
+
export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, SincoTheme, useDynamicColor };
|
package/package.json
CHANGED
@@ -1,4 +1,3 @@
|
|
1
|
-
import { Variant } from "@mui/material/styles/createTypography";
|
2
1
|
import React from "react";
|
3
2
|
export interface PageheaderProperties {
|
4
3
|
title: string | React.ReactNode;
|
@@ -7,9 +6,4 @@ export interface PageheaderProperties {
|
|
7
6
|
buttonBack?: React.ReactNode;
|
8
7
|
fixed?: boolean;
|
9
8
|
}
|
10
|
-
export declare function PageHeaderWrapper({ item, color, variant, }: {
|
11
|
-
item: string | React.ReactNode;
|
12
|
-
color: string;
|
13
|
-
variant: Variant;
|
14
|
-
}): JSX.Element;
|
15
9
|
export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
|