@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Navigation/Header/Header.js

@@ -1,90 +0,0 @@
-import PropTypes from "prop-types";
-import Typography from "@mui/material/Typography";
-import Toolbar from "@mui/material/Toolbar";
-import { useTheme } from "@mui/material/styles";
-import MuiAppBar from "@mui/material/AppBar";
-import Box from "@mui/material/Box";
-import { styled } from "@mui/system";
-import HideOnScroll from "../../Misc/HideOnScroll/HideOnScroll";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const AppBar = styled(MuiAppBar, {
-  shouldForwardProp: props => !["isCollapsed", "drawerCollapsedWidth", "drawerWidth"].includes(props)
-})(({
-  theme,
-  isCollapsed,
-  drawerCollapsedWidth,
-  drawerWidth
-}) => ({
-  paddingTop: `env(safe-area-inset-top)`,
-  paddingLeft: `env(safe-area-inset-left)`,
-  paddingRight: `env(safe-area-inset-right)`,
-  marginLeft: isCollapsed ? drawerCollapsedWidth : drawerWidth,
-  backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.paper : theme.palette.primary.main,
-  color: theme.palette.mode === "dark" ? theme.palette.getContrastText(theme.palette.background.paper) : theme.palette.getContrastText(theme.palette.primary.main),
-  [theme.breakpoints.up("md")]: {
-    width: isCollapsed ? `calc(100% - ${drawerCollapsedWidth}px)` : `calc(100% - ${drawerWidth}px)`
-  },
-  "@media print": {
-    display: "none"
-  }
-}));
-const Logo = styled("img")(() => ({
-  height: 32
-}));
-function Header({
-  children,
-  title = "Nualang",
-  logoSrc = "",
-  drawerWidth = 256,
-  drawerCollapsedWidth,
-  isCollapsed,
-  includeAdminBadge = false,
-  isLogoHidden = false
-}) {
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(HideOnScroll, {
-    children: /*#__PURE__*/_jsx(AppBar, {
-      position: "fixed",
-      drawerWidth: drawerWidth,
-      drawerCollapsedWidth: drawerCollapsedWidth,
-      isCollapsed: isCollapsed,
-      children: /*#__PURE__*/_jsxs(Toolbar, {
-        children: [!isLogoHidden && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [logoSrc ? /*#__PURE__*/_jsx(Logo, {
-            src: logoSrc,
-            alt: title
-          }) : /*#__PURE__*/_jsx(Typography, {
-            variant: "h6",
-            noWrap: true,
-            children: title
-          }), includeAdminBadge && /*#__PURE__*/_jsx(Box, {
-            sx: {
-              backgroundColor: "white",
-              ml: 3
-            },
-            children: /*#__PURE__*/_jsx(Typography, {
-              variant: "h6",
-              noWrap: true,
-              sx: {
-                pl: 2,
-                pr: 2,
-                color: theme.palette.primary.main,
-                fontWeight: 900
-              },
-              children: "Admin"
-            })
-          }), /*#__PURE__*/_jsx(Box, {
-            sx: {
-              flexGrow: 1
-            }
-          })]
-        }), children]
-      })
-    })
-  });
-}
-Header.propTypes = {
-  drawerWidth: PropTypes.number.isRequired,
-  includeAdminBadge: PropTypes.bool
-};
-export default Header;

package/dist/Navigation/Header/Header.test.js

@@ -1,20 +0,0 @@
-import { render } from "@testing-library/react";
-import { describe, it } from "vitest";
-import { ThemeProvider, createTheme } from "@mui/material/styles";
-import Header from "./Header";
-import { props } from "./Header.stories";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe("Header", () => {
-  it("renders without crashing", () => {
-    const theme = createTheme();
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
-      theme: theme,
-      children: /*#__PURE__*/_jsx(Header, {
-        ...props
-      })
-    }));
-    unmount();
-  });
-});

package/dist/Navigation/Header/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "Header",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./Header.js"
-}

package/dist/Navigation/ResponsiveDrawer/ResponsiveDrawer.js

@@ -1,532 +0,0 @@
-import { useEffect, useState } from "react";
-import { Link as RouterLink, useLocation } from "react-router";
-import PropTypes from "prop-types";
-import { Tooltip, Divider, Drawer, Typography, useMediaQuery, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListItemSecondaryAction, IconButton, Avatar, Collapse, Box } from "@mui/material";
-import { makeStyles } from "tss-react/mui";
-import Person from "@mui/icons-material/Person";
-import ChevronRightIcon from "@mui/icons-material/ChevronRight";
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import ExpandLess from "@mui/icons-material/ExpandLess";
-import ExpandMore from "@mui/icons-material/ExpandMore";
-import DefaultButton from "../../Misc/DefaultColourButton/DefaultColourButton";
-import { useTheme } from "@mui/material/styles";
-import { checkIsGeneratedEmail } from "../../utils/index";
-import NualangVerifiedIcon from "../../Misc/NualangVerifiedIcon/NualangVerifiedIcon";
-import MedalSelector from "../../Misc/MedalSelector/MedalSelector";
-import KeyboardDoubleArrowUpIcon from "@mui/icons-material/KeyboardDoubleArrowUp";
-
-// nav config
-import navigationImport from "../_nav";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = makeStyles()((theme, {
-  drawerWidth,
-  drawerCollapsedWidth,
-  isCollapsed,
-  isGeneratedEmail
-}) => ({
-  header: {
-    ...theme.mixins.toolbar,
-    padding: isCollapsed ? theme.spacing(2) : theme.spacing(3),
-    maxHeight: isCollapsed ? 64 : null,
-    [theme.breakpoints.up("sm")]: {
-      minHeight: isCollapsed ? 64 : isGeneratedEmail ? 140 : 160
-    }
-  },
-  avatar: {
-    marginBottom: isCollapsed ? null : theme.spacing(2),
-    height: isCollapsed ? 40 : 50,
-    width: isCollapsed ? 40 : 50,
-    cursor: "pointer"
-  },
-  drawer: {
-    display: "flex",
-    [theme.breakpoints.up("md")]: {
-      width: isCollapsed ? drawerCollapsedWidth : drawerWidth,
-      flexShrink: 0
-    },
-    "@media print": {
-      display: "none"
-    }
-  },
-  drawerPaper: {
-    paddingTop: `env(safe-area-inset-top)`,
-    paddingBottom: `env(safe-area-inset-bottom)`,
-    paddingLeft: `env(safe-area-inset-left)`,
-    width: isCollapsed ? drawerCollapsedWidth : drawerWidth,
-    overflowX: "hidden",
-    whiteSpace: "nowrap",
-    transition: theme.transitions.create("width", {
-      easing: theme.transitions.easing.sharp,
-      duration: theme.transitions.duration.leavingScreen
-    })
-  },
-  toolbar: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    padding: "0 8px",
-    ...theme.mixins.toolbar
-  },
-  list: {
-    flexGrow: 1,
-    overflowY: "auto",
-    overflowX: "hidden",
-    paddingLeft: theme.spacing(1),
-    paddingRight: theme.spacing(1)
-  },
-  listItem: {
-    borderRadius: theme.shape.borderRadius,
-    marginBottom: theme.spacing(1),
-    textTransform: "capitalize",
-    transition: "background-color 0.5s ease"
-  },
-  listItemSelected: {
-    color: theme.palette.primary.contrastText,
-    backgroundColor: `${theme.palette.primary.main} !important`
-  },
-  upgradeListItem: {
-    borderRadius: theme.shape.borderRadius,
-    marginBottom: theme.spacing(1),
-    textTransform: "capitalize",
-    transition: "background-color 0.3s ease-in-out, color 0.3s ease-in-out",
-    color: theme.palette.primary.main,
-    fontWeight: 500,
-    "&:hover": {
-      backgroundColor: theme.palette.mode === "light" ? "#fdedff" : ""
-    }
-  },
-  upgradeListItemSelected: {
-    backgroundColor: `${theme.palette.primary.main} !important`,
-    color: `${theme.palette.primary.contrastText} !important`
-  },
-  upgradeSelectedIcon: {
-    color: theme.palette.primary.main
-  },
-  upgradeIconSelected: {
-    color: theme.palette.primary.contrastText
-  },
-  selectedIcon: {
-    color: theme.palette.primary.contrastText
-  },
-  nested: {
-    paddingLeft: isCollapsed ? null : theme.spacing(4)
-  },
-  divider: {
-    marginBottom: theme.spacing()
-  }
-}));
-function NavItem({
-  index,
-  classes,
-  Link,
-  item,
-  closeMobileDrawer,
-  t,
-  isCollapsed,
-  upgradeItem
-}) {
-  const location = useLocation();
-  const {
-    pathname
-  } = location;
-  const [open, setOpen] = useState(item.open);
-  function handleClick() {
-    setOpen(!open);
-  }
-  const isSelected = pathname === item.url;
-  let to, component, onClick, href, target, rel;
-  if (item.external) {
-    component = "a";
-    href = item.url;
-    target = "_blank";
-    rel = "noopener noreferrer";
-  } else if (item.links && item.links.length > 0) {
-    to = undefined;
-    component = "div";
-    onClick = handleClick;
-  } else {
-    to = item.url;
-    component = Link;
-    onClick = closeMobileDrawer;
-  }
-  const listItem = /*#__PURE__*/_jsxs(ListItemButton, {
-    className: upgradeItem ? classes.upgradeListItem : classes.listItem,
-    component: component,
-    onClick: onClick,
-    to: to,
-    selected: isSelected,
-    classes: {
-      selected: upgradeItem ? classes.upgradeListItemSelected : classes.listItemSelected
-    },
-    href: href,
-    target: target,
-    rel: rel,
-    id: item.name,
-    children: [/*#__PURE__*/_jsx(Tooltip, {
-      title: t(item.name),
-      children: /*#__PURE__*/_jsx(ListItemIcon, {
-        className: upgradeItem ? isSelected ? classes.upgradeIconSelected : classes.upgradeSelectedIcon : isSelected ? classes.selectedIcon : "",
-        children: item.icon
-      })
-    }), /*#__PURE__*/_jsx(ListItemText, {
-      primary: t(item.name),
-      secondary: t(item.secondary),
-      slotProps: {
-        primary: {
-          noWrap: true
-        }
-      }
-    }), item.links && item.links.length > 0 && !isCollapsed && /*#__PURE__*/_jsx(ListItemSecondaryAction, {
-      children: /*#__PURE__*/_jsx(IconButton, {
-        onClick: handleClick,
-        edge: "end",
-        value: open ? "Expand Less" : "Expand More",
-        "aria-label": open ? "Expand Less" : "Expand More",
-        children: open ? /*#__PURE__*/_jsx(ExpandLess, {
-          title: "Expand Less",
-          role: "img",
-          "aria-label": "Expand Less"
-        }) : /*#__PURE__*/_jsx(ExpandMore, {
-          title: "Expand More",
-          role: "img",
-          "aria-label": "Expand More"
-        })
-      })
-    })]
-  });
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [item.links && item.links.length > 0 && !isCollapsed ? listItem : /*#__PURE__*/_jsx("li", {
-      children: listItem
-    }, index), item.links && item.links.length > 0 && /*#__PURE__*/_jsx(Collapse, {
-      in: open,
-      timeout: "auto",
-      unmountOnExit: true,
-      component: "li",
-      children: /*#__PURE__*/_jsx(List, {
-        component: "ul",
-        disablePadding: true,
-        children: item.links.map((link, linkIndex) => {
-          const isSelected = link.url === pathname;
-          return /*#__PURE__*/_jsx("li", {
-            children: /*#__PURE__*/_jsxs(ListItemButton, {
-              className: `${classes.listItem} ${classes.nested}`,
-              component: Link,
-              onClick: closeMobileDrawer,
-              to: link.url,
-              selected: isSelected,
-              classes: {
-                selected: classes.listItemSelected
-              },
-              children: [/*#__PURE__*/_jsx(Tooltip, {
-                title: t(link.name),
-                children: /*#__PURE__*/_jsx(ListItemIcon, {
-                  className: isSelected ? classes.selectedIcon : "",
-                  children: link.icon
-                })
-              }), /*#__PURE__*/_jsx(ListItemText, {
-                primary: t(link.name),
-                slotProps: {
-                  primary: {
-                    noWrap: true
-                  }
-                }
-              })]
-            })
-          }, linkIndex);
-        })
-      })
-    })]
-  });
-}
-function ResponsiveDrawer({
-  Link = RouterLink,
-  t = text => text,
-  navigation = navigationImport.sideNav,
-  isMobileDrawerOpen = false,
-  closeMobileDrawer = () => {},
-  handleCollapseToggle,
-  preferred_username = "",
-  email = "",
-  picture,
-  drawerWidth = 256,
-  drawerCollapsedWidth,
-  isCollapsed = true,
-  navToSettings,
-  authenticated,
-  verificationStatus = "",
-  gameAward = "",
-  subscription
-}) {
-  const isUpgradePossible = subscription && subscription.isUpgradePossible;
-  const isGeneratedEmail = checkIsGeneratedEmail(email);
-  const {
-    classes
-  } = useStyles({
-    drawerWidth,
-    drawerCollapsedWidth,
-    isCollapsed,
-    isGeneratedEmail
-  });
-  const theme = useTheme();
-  useEffect(() => {
-    if (document.getElementById("profile-picture")) {
-      document.getElementById("profile-picture").focus();
-    }
-  }, [isCollapsed]);
-  const drawer = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: classes.header,
-      children: [/*#__PURE__*/_jsxs("div", {
-        style: {
-          position: "relative",
-          display: "inline-block"
-        },
-        children: [picture ? /*#__PURE__*/_jsx(Avatar, {
-          component: Link,
-          to: navToSettings,
-          className: classes.avatar,
-          src: picture,
-          alt: "",
-          "aria-label": t("go_to_profile_settings"),
-          id: "profile-picture"
-        }) : /*#__PURE__*/_jsx(Avatar, {
-          component: Link,
-          sx: theme => ({
-            backgroundColor: theme.palette.mode === "dark" ? "white" : "",
-            color: theme.palette.mode === "dark" ? theme.palette.background.default : ""
-          }),
-          to: navToSettings,
-          className: classes.avatar,
-          alt: "",
-          "aria-label": t("go_to_profile_settings"),
-          id: "profile-picture",
-          children: /*#__PURE__*/_jsx(Person, {
-            fontSize: "large"
-          })
-        }), verificationStatus === "approved" && !isCollapsed && /*#__PURE__*/_jsx(NualangVerifiedIcon, {
-          sx: {
-            bottom: "9px",
-            right: "-1px",
-            fontSize: 19
-          }
-        }), verificationStatus === "approved" && isCollapsed && /*#__PURE__*/_jsx(NualangVerifiedIcon, {
-          sx: {
-            bottom: "-6px",
-            right: "-2px",
-            fontSize: 16
-          }
-        }), gameAward === "gold" && verificationStatus !== "approved" && !isCollapsed && /*#__PURE__*/_jsx(MedalSelector, {
-          color: "gold",
-          width: 19,
-          fade: false,
-          backgroundColor: true,
-          sx: {
-            position: "absolute",
-            padding: "1px",
-            bottom: "9px",
-            right: "-1px",
-            borderRadius: "50%"
-          }
-        }), gameAward === "silver" && verificationStatus !== "approved" && !isCollapsed && /*#__PURE__*/_jsx(MedalSelector, {
-          color: "silver",
-          width: 19,
-          fade: false,
-          backgroundColor: true,
-          sx: {
-            position: "absolute",
-            padding: "1px",
-            bottom: "9px",
-            right: "-1px",
-            borderRadius: "50%"
-          }
-        }), gameAward === "bronze" && verificationStatus !== "approved" && !isCollapsed && /*#__PURE__*/_jsx(MedalSelector, {
-          color: "bronze",
-          width: 19,
-          fade: false,
-          backgroundColor: true,
-          sx: {
-            position: "absolute",
-            padding: "1px",
-            bottom: "9px",
-            right: "-1px",
-            borderRadius: "50%"
-          }
-        }), gameAward === "gold" && verificationStatus !== "approved" && isCollapsed && /*#__PURE__*/_jsx(MedalSelector, {
-          color: "gold",
-          width: 16,
-          fade: false,
-          backgroundColor: true,
-          sx: {
-            position: "absolute",
-            padding: "0px",
-            bottom: "-6px",
-            right: "-2px",
-            borderRadius: "50%"
-          }
-        }), gameAward === "silver" && verificationStatus !== "approved" && isCollapsed && /*#__PURE__*/_jsx(MedalSelector, {
-          color: "silver",
-          width: 16,
-          fade: false,
-          backgroundColor: true,
-          sx: {
-            position: "absolute",
-            padding: "0px",
-            bottom: "-6px",
-            right: "-2px",
-            borderRadius: "50%"
-          }
-        }), gameAward === "bronze" && verificationStatus !== "approved" && isCollapsed && /*#__PURE__*/_jsx(MedalSelector, {
-          color: "bronze",
-          width: 16,
-          fade: false,
-          backgroundColor: true,
-          sx: {
-            position: "absolute",
-            padding: "0px",
-            bottom: "-6px",
-            right: "-2px",
-            borderRadius: "50%"
-          }
-        })]
-      }), !isCollapsed && !authenticated && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Typography, {
-          variant: "body1",
-          gutterBottom: true,
-          children: /*#__PURE__*/_jsx(Box, {
-            sx: {
-              fontWeight: "fontWeightBold"
-            },
-            children: t("have_an_account")
-          })
-        }), /*#__PURE__*/_jsx(DefaultButton, {
-          variant: "contained",
-          color: "inherit",
-          component: "a",
-          size: "small",
-          href: `${window.location.search ? `${window.location.search}&action=signIn` : "?action=signIn"}`,
-          children: t("sign_in")
-        })]
-      }), !isCollapsed && authenticated && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Typography, {
-          component: "div",
-          sx: {
-            whiteSpace: "normal"
-          },
-          children: /*#__PURE__*/_jsx(Box, {
-            sx: {
-              fontWeight: "fontWeightBold"
-            },
-            children: preferred_username
-          })
-        }), !isGeneratedEmail && /*#__PURE__*/_jsx(Typography, {
-          color: "textSecondary",
-          variant: "body2",
-          noWrap: "false",
-          children: email
-        })]
-      })]
-    }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(List, {
-      className: classes.list,
-      children: navigation.map((item, index) => {
-        return item.divider ? /*#__PURE__*/_jsx(Divider, {
-          className: classes.divider,
-          component: "li"
-        }) : /*#__PURE__*/_jsx(NavItem, {
-          index: index,
-          classes: classes,
-          Link: Link,
-          item: item,
-          t: t,
-          isCollapsed: isCollapsed
-        }, index);
-      })
-    })]
-  });
-  const footerIcon = onClick => /*#__PURE__*/_jsx(IconButton, {
-    onClick: onClick,
-    "aria-label": isCollapsed === true ? "Expand Drawer" : "Collapse Drawer",
-    children: theme && theme.direction === "rtl" ? isCollapsed === true ? /*#__PURE__*/_jsx(ChevronRightIcon, {}) : /*#__PURE__*/_jsx(ChevronLeftIcon, {}) : isCollapsed === false ? /*#__PURE__*/_jsx(ChevronLeftIcon, {}) : /*#__PURE__*/_jsx(ChevronRightIcon, {})
-  });
-  const hiddenUp = useMediaQuery(theme => theme.breakpoints.up("md"));
-  const hiddenDown = useMediaQuery(theme => theme.breakpoints.down("sm"));
-  return /*#__PURE__*/_jsxs("nav", {
-    className: classes.drawer,
-    "aria-label": "side navigation",
-    children: [hiddenUp ? null : /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsxs(Drawer, {
-        variant: "temporary",
-        anchor: theme.direction === "rtl" ? "right" : "left",
-        open: isMobileDrawerOpen,
-        onClose: closeMobileDrawer,
-        classes: {
-          paper: classes.drawerPaper
-        },
-        ModalProps: {
-          keepMounted: true // Better open performance on mobile.
-        },
-        children: [drawer, /*#__PURE__*/_jsx(Box, {
-          sx: {
-            flexGrow: 1
-          }
-        }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx("div", {
-          className: classes.toolbar,
-          children: footerIcon(closeMobileDrawer)
-        })]
-      })
-    }), hiddenDown ? null : /*#__PURE__*/_jsx(Drawer, {
-      classes: {
-        paper: classes.drawerPaper
-      },
-      variant: "permanent",
-      open: true,
-      children: /*#__PURE__*/_jsxs(Box, {
-        sx: {
-          display: "flex",
-          flexDirection: "column",
-          height: "100%"
-        },
-        children: [drawer, /*#__PURE__*/_jsx(Box, {
-          sx: {
-            flexGrow: 1
-          }
-        }), " ", isUpgradePossible && /*#__PURE__*/_jsx(List, {
-          sx: {
-            overflowY: "hidden",
-            overflowX: "hidden",
-            paddingLeft: theme.spacing(1),
-            paddingRight: theme.spacing(1)
-          },
-          children: /*#__PURE__*/_jsx(NavItem, {
-            index: 0,
-            classes: classes,
-            Link: Link,
-            item: {
-              name: "upgrade_plan",
-              secondary: `subscription_status_${subscription?.subscriptionStatus}`,
-              url: "/settings#Subscription",
-              icon: /*#__PURE__*/_jsx(KeyboardDoubleArrowUpIcon, {})
-            },
-            t: t,
-            isCollapsed: isCollapsed,
-            upgradeItem: true
-          })
-        }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx("div", {
-          className: classes.toolbar,
-          children: footerIcon(handleCollapseToggle)
-        })]
-      })
-    })]
-  });
-}
-ResponsiveDrawer.propTypes = {
-  isMobileDrawerOpen: PropTypes.bool.isRequired,
-  closeMobileDrawer: PropTypes.func.isRequired,
-  preferred_username: PropTypes.string.isRequired,
-  email: PropTypes.string.isRequired,
-  picture: PropTypes.string,
-  drawerWidth: PropTypes.number.isRequired,
-  navigation: PropTypes.array.isRequired,
-  verificationStatus: PropTypes.string,
-  gameAward: PropTypes.string
-};
-export default ResponsiveDrawer;

package/dist/Navigation/ResponsiveDrawer/ResponsiveDrawer.test.js

@@ -1,23 +0,0 @@
-import { render } from "@testing-library/react";
-import { describe, it } from "vitest";
-import { MemoryRouter } from "react-router";
-import { ThemeProvider, createTheme } from "@mui/material/styles";
-import ResponsiveDrawer from "./ResponsiveDrawer";
-import { props } from "./ResponsiveDrawer.stories";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe("ResponsiveDrawer", () => {
-  it("renders without crashing", () => {
-    const theme = createTheme();
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
-      theme: theme,
-      children: /*#__PURE__*/_jsx(MemoryRouter, {
-        children: /*#__PURE__*/_jsx(ResponsiveDrawer, {
-          ...props
-        })
-      })
-    }));
-    unmount();
-  });
-});

package/dist/Navigation/ResponsiveDrawer/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "ResponsiveDrawer",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./ResponsiveDrawer.js"
-}