@sikka/hawa 0.0.59 → 0.0.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.es.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +2 -2
- package/src/blocks/Pricing/ComparingPlans.js +151 -0
- package/src/blocks/Pricing/PricingPlans.js +21 -12
- package/src/blocks/Pricing/index.js +1 -0
- package/src/elements/HawaCheckbox.js +7 -10
- package/src/elements/HawaModal.js +73 -0
- package/src/elements/HawaPricingCard.js +51 -53
- package/src/elements/HawaRange.js +8 -16
- package/src/elements/HawaSettingsRow.js +2 -2
- package/src/elements/HawaTable.js +2 -6
- package/src/elements/HawaTabs.js +32 -0
- package/src/elements/index.js +2 -0
- package/src/layout/index.js +0 -2
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/main.dd9f34e9.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/storybook-static/vendors~main.7059fde5.iframe.bundle.js +76 -0
- package/storybook-static/{vendors~main.305b437b.iframe.bundle.js.LICENSE.txt → vendors~main.7059fde5.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/vendors~main.7059fde5.iframe.bundle.js.map +1 -0
- package/src/layout/HawaDrawer.js +0 -109
- package/storybook-static/main.e6b8be7f.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.305b437b.iframe.bundle.js +0 -76
- package/storybook-static/vendors~main.305b437b.iframe.bundle.js.map +0 -1
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vendors~main.7059fde5.iframe.bundle.js","sources":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A","sourceRoot":""}
|
package/src/layout/HawaDrawer.js
DELETED
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import AppBar from "@mui/material/AppBar";
|
|
4
|
-
import Box from "@mui/material/Box";
|
|
5
|
-
import CssBaseline from "@mui/material/CssBaseline";
|
|
6
|
-
import Divider from "@mui/material/Divider";
|
|
7
|
-
import Drawer from "@mui/material/Drawer";
|
|
8
|
-
import List from "@mui/material/List";
|
|
9
|
-
import ListItem from "@mui/material/ListItem";
|
|
10
|
-
import ListItemButton from "@mui/material/ListItemButton";
|
|
11
|
-
import ListItemIcon from "@mui/material/ListItemIcon";
|
|
12
|
-
import ListItemText from "@mui/material/ListItemText";
|
|
13
|
-
import Toolbar from "@mui/material/Toolbar";
|
|
14
|
-
import SplitscreenIcon from "@mui/icons-material/Splitscreen";
|
|
15
|
-
import StyleIcon from "@mui/icons-material/Style";
|
|
16
|
-
import SettingsIcon from "@mui/icons-material/Settings";
|
|
17
|
-
|
|
18
|
-
export function HawaDrawer(props) {
|
|
19
|
-
const { window, children } = props;
|
|
20
|
-
const [mobileOpen, setMobileOpen] = React.useState(false);
|
|
21
|
-
const [drawerMaxWidth, setDrawerMaxWidth] = React.useState(
|
|
22
|
-
props.drawerMaxWidth ?? 240
|
|
23
|
-
);
|
|
24
|
-
|
|
25
|
-
const handleDrawerToggle = () => {
|
|
26
|
-
props.handleDrawerToggle();
|
|
27
|
-
setMobileOpen(!mobileOpen);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
const drawer = (
|
|
31
|
-
<div>
|
|
32
|
-
<Toolbar />
|
|
33
|
-
<Divider />
|
|
34
|
-
<List>
|
|
35
|
-
{props.drawerContent.map(({ label, icon, action }, index) => (
|
|
36
|
-
<ListItem key={label} disablePadding onClick={props.action}>
|
|
37
|
-
<ListItemButton>
|
|
38
|
-
<ListItemIcon>{icon}</ListItemIcon>
|
|
39
|
-
<ListItemText primary={label} />
|
|
40
|
-
</ListItemButton>
|
|
41
|
-
</ListItem>
|
|
42
|
-
))}
|
|
43
|
-
</List>
|
|
44
|
-
</div>
|
|
45
|
-
);
|
|
46
|
-
|
|
47
|
-
const container =
|
|
48
|
-
window !== undefined ? () => window().document.body : undefined;
|
|
49
|
-
|
|
50
|
-
return (
|
|
51
|
-
<Box sx={{ display: "flex" }}>
|
|
52
|
-
<CssBaseline />
|
|
53
|
-
<Box
|
|
54
|
-
component="nav"
|
|
55
|
-
sx={{ width: { sm: drawerMaxWidth }, flexShrink: { sm: 0 } }}
|
|
56
|
-
aria-label="mailbox folders"
|
|
57
|
-
>
|
|
58
|
-
{/* The implementation can be swapped with js to avoid SEO duplication of links. */}
|
|
59
|
-
<Drawer
|
|
60
|
-
container={container}
|
|
61
|
-
variant="temporary"
|
|
62
|
-
open={mobileOpen}
|
|
63
|
-
onClose={handleDrawerToggle}
|
|
64
|
-
ModalProps={{
|
|
65
|
-
keepMounted: true // Better open performance on mobile.
|
|
66
|
-
}}
|
|
67
|
-
sx={{
|
|
68
|
-
display: { xs: "block", sm: "none" },
|
|
69
|
-
"& .MuiDrawer-paper": {
|
|
70
|
-
boxSizing: "border-box",
|
|
71
|
-
width: drawerMaxWidth
|
|
72
|
-
}
|
|
73
|
-
}}
|
|
74
|
-
>
|
|
75
|
-
{drawer}
|
|
76
|
-
</Drawer>
|
|
77
|
-
<Drawer
|
|
78
|
-
variant="permanent"
|
|
79
|
-
sx={{
|
|
80
|
-
display: { xs: "none", sm: "block" },
|
|
81
|
-
"& .MuiDrawer-paper": {
|
|
82
|
-
boxSizing: "border-box",
|
|
83
|
-
width: drawerMaxWidth
|
|
84
|
-
}
|
|
85
|
-
}}
|
|
86
|
-
open
|
|
87
|
-
>
|
|
88
|
-
{drawer}
|
|
89
|
-
</Drawer>
|
|
90
|
-
</Box>
|
|
91
|
-
|
|
92
|
-
<Box
|
|
93
|
-
component="main"
|
|
94
|
-
sx={{
|
|
95
|
-
flexGrow: 1,
|
|
96
|
-
p: 3,
|
|
97
|
-
width: { sm: `calc(100% - ${drawerMaxWidth}px)` }
|
|
98
|
-
}}
|
|
99
|
-
// style={{
|
|
100
|
-
// backgroundColor: "red",
|
|
101
|
-
// height: "100%"
|
|
102
|
-
// }}
|
|
103
|
-
>
|
|
104
|
-
{/* <Toolbar /> */}
|
|
105
|
-
{children}
|
|
106
|
-
</Box>
|
|
107
|
-
</Box>
|
|
108
|
-
);
|
|
109
|
-
}
|