ece-docs-components 1.0.65 → 1.0.67

package/dist/cjs/components/SidebarV2.js

@@ -0,0 +1,203 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var material = require('@mui/material');
+var ThemeProvider = require('../ThemeProvider.js');
+var iconsMaterial = require('@mui/icons-material');
+
+const EXPANDED_WIDTH = "288px";
+const COLLAPSED_WIDTH_SMALL = "80px";
+const COLLAPSED_WIDTH_DEFAULT = "64px";
+exports.Visibility = void 0;
+(function (Visibility) {
+    Visibility["Admin"] = "Admin";
+    Visibility["Contributor"] = "Contributor";
+    Visibility["Community"] = "Community";
+})(exports.Visibility || (exports.Visibility = {}));
+const SidebarContainer = material.styled(material.Box, {
+    shouldForwardProp: (prop) => prop !== "isOpen",
+})(({ theme, isOpen }) => ({
+    height: "100vh",
+    position: "sticky",
+    top: 0,
+    paddingLeft: 0,
+    overflow: "hidden",
+    backgroundColor: "#fff",
+    borderRight: `1px solid ${theme.palette.dark.main}1A`,
+    flexShrink: 0,
+    transition: "all 0.15s ease-out",
+    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,
+    zIndex: 50,
+    [theme.breakpoints.down("md")]: {
+        position: "fixed",
+        left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,
+        width: EXPANDED_WIDTH,
+    },
+    [theme.breakpoints.up("sm")]: {
+        width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,
+    },
+}));
+const ToggleButton = material.styled(material.IconButton)(({ theme }) => ({
+    width: 40,
+    height: 40,
+    borderRadius: theme.shape.borderRadius,
+    backgroundColor: "#4D3019",
+    color: "#fff",
+    "&:hover": {
+        backgroundColor: "#3d2614",
+    },
+}));
+const MenuItemButton = material.styled(material.ListItemButton, {
+    shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "isActive",
+})(({ theme, isActive, isOpen }) => ({
+    borderRadius: isOpen
+        ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`
+        : theme.shape.borderRadius,
+    paddingLeft: 0,
+    paddingRight: isOpen ? theme.spacing(2) : 0,
+    marginRight: isOpen ? 8 : 0,
+    minHeight: 64,
+    justifyContent: isOpen ? "flex-start" : "center",
+    backgroundClip: "padding-box",
+    backgroundOrigin: "border-box",
+    "&:hover": {
+        backgroundColor: `${theme.palette.primary.main}0D`,
+    },
+    ...(isActive && {
+        backgroundColor: `${theme.palette.primary.main}1A`,
+        "&:hover": {
+            backgroundColor: `${theme.palette.primary.main}1A`,
+        },
+    }),
+}));
+const IconWrapper = material.styled(material.Box, {
+    shouldForwardProp: (prop) => prop !== "isOpen",
+})(({ theme, isOpen }) => ({
+    width: isOpen ? 32 : 40,
+    height: isOpen ? 32 : 40,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "transparent",
+}));
+const SidebarItem = ({ isOpen, isAdmin, item, onNavigate, expandedSet, setExpand: onExpand, depth = 0, currentPath, }) => {
+    // Check visibility based on visibility state and isAdmin prop
+    const isVisible = item.visibility === exports.Visibility.Admin
+        ? !!isAdmin
+        : item.visibility === exports.Visibility.Contributor || !item.visibility;
+    if (!isVisible) {
+        return null;
+    }
+    const theme = ThemeProvider.useTheme();
+    const nestedPadding = 3 + depth;
+    const isExpanded = () => expandedSet.has(item.id);
+    const toggleExpand = () => {
+        if (!isExpanded()) {
+            onExpand(new Set([...expandedSet, item.id]));
+        }
+        else {
+            expandedSet.delete(item.id);
+            onExpand(new Set(expandedSet));
+        }
+    };
+    const isActive = currentPath.includes(item.path) ||
+        currentPath.includes(item.label.toLowerCase());
+    return (jsxRuntime.jsxs(material.Box, { sx: { mb: depth > 0 ? 0 : 1 }, children: [jsxRuntime.jsxs(MenuItemButton, { disableRipple: true, isOpen: isOpen, onClick: () => {
+                    if (item.path)
+                        onNavigate(item.path);
+                    else if (item.children)
+                        toggleExpand();
+                }, isActive: isActive, title: !isOpen ? item.label : undefined, sx: {
+                    ...(depth > 0 && {
+                        pl: nestedPadding,
+                    }),
+                }, children: [item.icon && (jsxRuntime.jsx(IconWrapper, { isOpen: isOpen, sx: { ml: isOpen ? 2 : 0 }, children: item.icon })), isOpen && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.ListItemText, { primary: item.label, slotProps: {
+                                    primary: {
+                                        style: { textDecoration: isActive ? "underline" : "" },
+                                        width: 180 - nestedPadding - (item.children ? 32 : 0),
+                                        ...(depth > 0
+                                            ? {
+                                                fontSize: "0.875rem",
+                                            }
+                                            : {
+                                                fontSize: "1rem",
+                                                fontWeight: 700,
+                                            }),
+                                    },
+                                }, sx: { flex: 1, ml: 1 } }), item.children && item.children.length > 0 && (jsxRuntime.jsx(material.IconButton, { onClick: (e) => {
+                                    e.stopPropagation();
+                                    if (item.children)
+                                        toggleExpand();
+                                }, disableRipple: true, sx: {
+                                    ml: 0.5,
+                                    borderRadius: 1,
+                                    width: 32,
+                                    height: 32,
+                                    "&:hover": {
+                                        backgroundColor: `${theme.palette.primary.main}1F`,
+                                    },
+                                }, children: jsxRuntime.jsx(iconsMaterial.ChevronRightRounded, { sx: {
+                                        fontSize: 16,
+                                        color: "#4D3019",
+                                        transition: "transform 0.1s",
+                                        transform: isExpanded() ? "rotate(90deg)" : "rotate(0deg)",
+                                    } }) }))] }))] }), isExpanded() && isOpen && (jsxRuntime.jsx(material.Collapse, { in: true, timeout: "auto", children: jsxRuntime.jsx(material.List, { sx: { p: 0, mt: 0.5 }, children: item.children &&
+                        item.children.map((child) => (jsxRuntime.jsx(SidebarItem, { currentPath: currentPath, expandedSet: expandedSet, setExpand: onExpand, isOpen: isOpen, isAdmin: isAdmin, item: child, onNavigate: onNavigate, depth: depth + 1 }, child.id))) }) }))] }));
+};
+const SidebarV2 = ({ isOpen, onToggle, centreName = "Centre name goes here \n across two lines", onNavigate, items, isAdmin, currentPath, }) => {
+    const findExpandItems = (items) => {
+        for (const item of items) {
+            const isActive = currentPath.includes(item.path) ||
+                currentPath.includes(item.label.toLowerCase());
+            if (isActive) {
+                return item.children
+                    ? [item.id, ...findExpandItems(item.children)]
+                    : [item.id];
+            }
+        }
+        return [];
+    };
+    const theme = ThemeProvider.useTheme();
+    const [expandedSet, setExpanded] = React.useState(() => new Set(findExpandItems(items)));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isOpen && (jsxRuntime.jsx(material.Box, { sx: {
+                    position: "fixed",
+                    inset: 0,
+                    bgcolor: "rgba(0, 0, 0, 0.5)",
+                    zIndex: 40,
+                    display: { xs: "block", md: "none" },
+                }, onClick: onToggle })), jsxRuntime.jsx(SidebarContainer, { isOpen: isOpen, children: jsxRuntime.jsxs(material.Box, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [isOpen ? (jsxRuntime.jsxs(material.Box, { sx: {
+                                px: 2,
+                                py: 3,
+                                borderBottom: `1px solid ${theme.palette.dark.main}1A`,
+                                flexShrink: 0,
+                                position: "relative",
+                                display: "flex",
+                                flexDirection: "row",
+                                alignItems: "center",
+                                width: EXPANDED_WIDTH,
+                            }, children: [jsxRuntime.jsx(material.Typography, { variant: "h6", sx: {
+                                        width: "180px",
+                                        fontSize: "18px",
+                                        fontWeight: 700,
+                                        color: "#4D3019",
+                                        lineHeight: 1.3,
+                                        whiteSpace: "pre-line",
+                                        flex: 1,
+                                        pr: 2,
+                                    }, children: centreName ?? "Centre Name" }), jsxRuntime.jsx(ToggleButton, { onClick: () => onToggle(), sx: { ml: "auto" }, "aria-label": "Collapse sidebar", children: jsxRuntime.jsx(iconsMaterial.KeyboardDoubleArrowLeftRounded, { sx: { fontSize: 20 } }) })] })) : (jsxRuntime.jsx(material.Box, { sx: {
+                                px: 1,
+                                py: 3,
+                                borderBottom: `1px solid ${theme.palette.dark.main}1A`,
+                                display: "flex",
+                                justifyContent: "center",
+                            }, children: jsxRuntime.jsx(ToggleButton, { onClick: onToggle, "aria-label": "Expand sidebar", children: jsxRuntime.jsx(iconsMaterial.KeyboardDoubleArrowRightRounded, { sx: { fontSize: 20 } }) }) })), jsxRuntime.jsx(material.Box, { sx: {
+                                flex: 1,
+                                overflowY: "auto",
+                                px: isOpen ? 0 : 1,
+                                py: 3,
+                            }, children: jsxRuntime.jsx(material.List, { sx: { p: 0 }, children: items.map((item) => (jsxRuntime.jsx(SidebarItem, { currentPath: currentPath, expandedSet: expandedSet, setExpand: setExpanded, isOpen: isOpen, isAdmin: isAdmin, item: item, onNavigate: onNavigate }, item.id))) }) })] }) })] }));
+};
+
+exports.SidebarV2 = SidebarV2;
+//# sourceMappingURL=SidebarV2.js.map

package/dist/cjs/components/SidebarV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  path?: string;\r\n  children?: MenuItem[];\r\n}\r\n\r\nconst SidebarContainer = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  height: \"100vh\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  paddingLeft: 0,\r\n  overflow: \"hidden\",\r\n  backgroundColor: \"#fff\",\r\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\r\n  flexShrink: 0,\r\n  transition: \"all 0.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\r\n  },\r\n}));\r\n\r\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius: theme.shape.borderRadius,\r\n  backgroundColor: \"#4D3019\",\r\n  color: \"#fff\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#3d2614\",\r\n  },\r\n}));\r\n\r\nconst MenuItemButton = styled(ListItemButton, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\" && prop !== \"isActive\",\r\n})<{ isActive?: boolean; isOpen: boolean }>(({ theme, isActive, isOpen }) => ({\r\n  borderRadius: isOpen\r\n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\r\n    : theme.shape.borderRadius,\r\n  paddingLeft: 0,\r\n  paddingRight: isOpen ? theme.spacing(2) : 0,\r\n  marginRight: isOpen ? 8 : 0,\r\n  minHeight: 64,\r\n  justifyContent: isOpen ? \"flex-start\" : \"center\",\r\n  backgroundClip: \"padding-box\",\r\n  backgroundOrigin: \"border-box\",\r\n  \"&:hover\": {\r\n    backgroundColor: `${theme.palette.primary.main}0D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n    \"&:hover\": {\r\n      backgroundColor: `${theme.palette.primary.main}1A`,\r\n    },\r\n  }),\r\n}));\r\n\r\nconst IconWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  width: isOpen ? 32 : 40,\r\n  height: isOpen ? 32 : 40,\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  backgroundColor: \"transparent\",\r\n}));\r\n\r\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n}) => {\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  const nestedPadding = 3 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.path as string) ||\r\n    currentPath.includes(item.label.toLowerCase() as string);\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.path) onNavigate(item.path);\r\n          else if (item.children) toggleExpand();\r\n        }}\r\n        isActive={isActive}\r\n        title={!isOpen ? item.label : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: nestedPadding,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.label}\r\n              slotProps={{\r\n                primary: {\r\n                  style: { textDecoration: isActive ? \"underline\" : \"\" },\r\n                  width: 180 - nestedPadding - (item.children ? 32 : 0),\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.children && item.children.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.children) toggleExpand();\r\n                }}\r\n                disableRipple\r\n                sx={{\r\n                  ml: 0.5,\r\n                  borderRadius: 1,\r\n                  width: 32,\r\n                  height: 32,\r\n                  \"&:hover\": {\r\n                    backgroundColor: `${theme.palette.primary.main}1F`,\r\n                  },\r\n                }}\r\n              >\r\n                <ChevronRightRounded\r\n                  sx={{\r\n                    fontSize: 16,\r\n                    color: \"#4D3019\",\r\n                    transition: \"transform 0.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n      {isExpanded() && isOpen && (\r\n        <Collapse in={true} timeout=\"auto\">\r\n          <List sx={{ p: 0, mt: 0.5 }}>\r\n            {item.children &&\r\n              item.children.map((child) => (\r\n                <SidebarItem\r\n                  key={child.id}\r\n                  currentPath={currentPath}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={onExpand}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={child}\r\n                  onNavigate={onNavigate}\r\n                  depth={depth + 1}\r\n                />\r\n              ))}\r\n          </List>\r\n        </Collapse>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      const isActive =\r\n        currentPath.includes(item.path as string) ||\r\n        currentPath.includes(item.label.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.children\r\n          ? [item.id, ...findExpandItems(item.children)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n\r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <Box\r\n          sx={{\r\n            position: \"fixed\",\r\n            inset: 0,\r\n            bgcolor: \"rgba(0, 0, 0, 0.5)\",\r\n            zIndex: 40,\r\n            display: { xs: \"block\", md: \"none\" },\r\n          }}\r\n          onClick={onToggle}\r\n        />\r\n      )}\r\n      <SidebarContainer isOpen={isOpen}>\r\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"row\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Typography\r\n                variant=\"h6\"\r\n                sx={{\r\n                  width: \"180px\",\r\n                  fontSize: \"18px\",\r\n                  fontWeight: 700,\r\n                  color: \"#4D3019\",\r\n                  lineHeight: 1.3,\r\n                  whiteSpace: \"pre-line\",\r\n                  flex: 1,\r\n                  pr: 2,\r\n                }}\r\n              >\r\n                {centreName ?? \"Centre Name\"}\r\n              </Typography>\r\n\r\n              <ToggleButton\r\n                onClick={() => onToggle()}\r\n                sx={{ ml: \"auto\" }}\r\n                aria-label=\"Collapse sidebar\"\r\n              >\r\n                <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\r\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              py: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={onNavigate}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["Visibility","styled","Box","IconButton","ListItemButton","useTheme","_jsxs","_jsx","ListItemText","ChevronRightRounded","Collapse","List","useState","Typography","KeyboardDoubleArrowLeftRounded","KeyboardDoubleArrowRightRounded"],"mappings":"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"}

package/dist/cjs/index.js

@@ -17,6 +17,7 @@ var ReadBy = require('./components/ReadBy.js');
 var StatusBar = require('./components/StatusBar.js');
 var Tabs = require('./components/Tabs.js');
 var Sidebar = require('./components/Sidebar.js');
+var SidebarV2 = require('./components/SidebarV2.js');
 var Header = require('./components/Header.js');
 var TableOfContents = require('./components/TableOfContents.js');
 var Toggle = require('./components/Toggle.js');
@@ -50,6 +51,7 @@ exports.ReadBy = ReadBy.ReadBy;
 exports.StatusBar = StatusBar.StatusBar;
 exports.Tabs = Tabs.Tabs;
 exports.Sidebar = Sidebar.Sidebar;
+exports.SidebarV2 = SidebarV2.SidebarV2;
 exports.Header = Header.Header;
 exports.TableOfContents = TableOfContents.TableOfContents;
 exports.Toggle = Toggle.Toggle;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/themes/ECETheme.js

@@ -0,0 +1,245 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var material = require('@mui/material');
+
+const ECETheme = material.createTheme({
+    palette: {
+        mode: 'light',
+        primary: {
+            main: '#AD46FF',
+            light: '#AD46FF',
+            dark: '#AD46FF',
+            contrastText: '#FFFFFF',
+        },
+        secondary: {
+            main: '#D79AFC',
+            light: '#D79AFC',
+            dark: '#D79AFC',
+            contrastText: '#FFFFFF',
+        },
+        error: {
+            main: '#F56B6B',
+            light: '#F56B6B',
+            dark: '#F56B6B',
+            contrastText: '#FFFFFF',
+        },
+        warning: {
+            main: '#F5D76E',
+            light: '#F5D76E',
+            dark: '#F5D76E',
+            contrastText: '#FFFBFF',
+        },
+        info: {
+            main: '#F5A623',
+            light: '#F5A623',
+            dark: '#F5A623',
+            contrastText: '#FFFFFF',
+        },
+        success: {
+            main: '#A3D977',
+            light: '#A3D977',
+            dark: '#A3D977',
+            contrastText: '#FFFFFF',
+        },
+        background: {
+            default: '#FDFCEE',
+            paper: '#FEFDF7',
+        },
+        text: {
+            primary: '#4D3019',
+            secondary: '#826E5C',
+            disabled: '#93908F',
+        },
+        divider: '#C6C7C0',
+        accent: {
+            main: '#FFEDD1',
+        },
+        dark: {
+            main: '#4D3019',
+        },
+        light: {
+            main: '#FEFDF7',
+        },
+        markedRead: {
+            main: '#A3D977',
+        },
+        custom: {
+            iconColor: '#ebc7ff',
+            primaryButtonTextColor: '#FFFFFF',
+            readByBackgroundColor: '#ebc7ff',
+            stepIndicatorTextColor: '#FFFFFF',
+            markAsReadBackgroundColor: '#ebc7ff8e',
+            tabBackgroundColor: '#F8F0FC',
+        },
+    },
+    typography: {
+        fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),
+        h1: {
+            color: '#4D3019',
+            fontWeight: 700,
+            fontSize: '2.5rem',
+            lineHeight: 1.2,
+        },
+        h2: {
+            color: '#4D3019',
+            fontWeight: 700,
+            fontSize: '2rem',
+            lineHeight: 1.3,
+        },
+        h3: {
+            color: '#4D3019',
+            fontWeight: 600,
+            fontSize: '1.75rem',
+            lineHeight: 1.3,
+        },
+        h4: {
+            color: '#4D3019',
+            fontWeight: 600,
+            fontSize: '1.5rem',
+            lineHeight: 1.4,
+        },
+        h5: {
+            color: '#4D3019',
+            fontWeight: 600,
+            fontSize: '1.25rem',
+            lineHeight: 1.4,
+        },
+        h6: {
+            color: '#4D3019',
+            fontWeight: 600,
+            fontSize: '1rem',
+            lineHeight: 1.4,
+        },
+        body1: {
+            color: '#4D3019',
+            fontWeight: 400,
+            fontSize: '1rem',
+            lineHeight: 1.5,
+        },
+        body2: {
+            color: '#826E5C',
+            fontWeight: 400,
+            fontSize: '0.875rem',
+            lineHeight: 1.5,
+        },
+        subtitle1: {
+            color: '#4D3019',
+            fontWeight: 500,
+            fontSize: '1rem',
+            lineHeight: 1.5,
+        },
+        subtitle2: {
+            color: '#826E5C',
+            fontWeight: 500,
+            fontSize: '0.875rem',
+            lineHeight: 1.5,
+        },
+        button: {
+            color: '#4D3019',
+            fontWeight: 500,
+            fontSize: '0.875rem',
+            lineHeight: 1.75,
+            textTransform: 'none',
+        },
+        caption: {
+            color: '#826E5C',
+            fontWeight: 400,
+            fontSize: '0.75rem',
+            lineHeight: 1.66,
+        },
+        overline: {
+            color: '#826E5C',
+            fontWeight: 500,
+            fontSize: '0.75rem',
+            lineHeight: 2.66,
+            textTransform: 'uppercase',
+            letterSpacing: '0.08em',
+        },
+    },
+    shape: {
+        borderRadius: 4,
+    },
+    breakpoints: {
+        values: {
+            xs: 320,
+            sm: 640,
+            md: 768,
+            lg: 1024,
+            xl: 1280,
+        },
+    },
+    components: {
+        MuiLink: {
+            styleOverrides: {
+                root: {
+                    color: '#4D3019',
+                    '&:hover, &:active': {
+                        color: '#D79AFC',
+                    },
+                    '&:visited': {
+                        color: '#4D3019',
+                    }
+                },
+            },
+        },
+        MuiTypography: {
+            defaultProps: {
+                variantMapping: {
+                    h1: 'h1',
+                    h2: 'h2',
+                    h3: 'h3',
+                    h4: 'h4',
+                    h5: 'h5',
+                    h6: 'h6',
+                    subtitle1: 'p',
+                    subtitle2: 'p',
+                    body1: 'p',
+                    body2: 'p',
+                },
+            },
+        },
+        MuiCssBaseline: {
+            styleOverrides: {
+                body: {
+                    WebkitFontSmoothing: 'antialiased',
+                    MozOsxFontSmoothing: 'grayscale',
+                    backgroundColor: '#FDFCEE',
+                    color: '#4D3019',
+                },
+                'input[type="checkbox"], input[type="radio"]': {
+                    accentColor: '#D79AFC',
+                },
+                'h1, h2, h3, h4, h5, h6': {
+                    fontWeight: 'inherit !important',
+                },
+                '.MuiTypography-h1': {
+                    fontWeight: '700 !important',
+                },
+                '.MuiTypography-h2': {
+                    fontWeight: '700 !important',
+                },
+                '.MuiTypography-h3': {
+                    fontWeight: '600 !important',
+                },
+                '.MuiTypography-h4': {
+                    fontWeight: '600 !important',
+                },
+                '.MuiTypography-h5': {
+                    fontWeight: '600 !important',
+                },
+                '.MuiTypography-h6': {
+                    fontWeight: '600 !important',
+                },
+            },
+        },
+    },
+    appName: 'ECEDocs',
+    contact: {
+        email: 'team@ecedocs.co.nz'
+    }
+});
+
+exports.default = ECETheme;
+//# sourceMappingURL=ECETheme.js.map

package/dist/cjs/themes/ECETheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECETheme.js","sources":["../../../../src/themes/ECETheme.tsx"],"sourcesContent":["import { createTheme } from \"@mui/material\";\n\nconst ECETheme = createTheme({\n  palette: {\n    mode: 'light',\n    primary: {\n      main: '#AD46FF',\n      light: '#AD46FF',\n      dark: '#AD46FF',\n      contrastText: '#FFFFFF',\n    },\n    secondary: {\n      main: '#D79AFC',\n      light: '#D79AFC',\n      dark: '#D79AFC',\n      contrastText: '#FFFFFF',\n    },\n    error: {\n      main: '#F56B6B',\n      light: '#F56B6B',\n      dark: '#F56B6B',\n      contrastText: '#FFFFFF',\n    },\n    warning: {\n      main: '#F5D76E',\n      light: '#F5D76E',\n      dark: '#F5D76E',\n      contrastText: '#FFFBFF',\n    },\n    info: {\n      main: '#F5A623',\n      light: '#F5A623',\n      dark: '#F5A623',\n      contrastText: '#FFFFFF',\n    },\n    success: {\n      main: '#A3D977',\n      light: '#A3D977',\n      dark: '#A3D977',\n      contrastText: '#FFFFFF',\n    },\n    background: {\n      default: '#FDFCEE',\n      paper: '#FEFDF7',\n    },\n    text: {\n      primary: '#4D3019',\n      secondary: '#826E5C',\n      disabled: '#93908F',\n    },\n    divider: '#C6C7C0',\n    accent: {\n      main: '#FFEDD1',\n    },\n    dark: {\n      main: '#4D3019',\n    },\n    light: {\n      main: '#FEFDF7',\n    },\n    markedRead: {\n      main: '#A3D977',\n    },\n    custom: {\n      iconColor: '#ebc7ff',\n      primaryButtonTextColor: '#FFFFFF',\n      readByBackgroundColor: '#ebc7ff',\n      stepIndicatorTextColor: '#FFFFFF',\n      markAsReadBackgroundColor: '#ebc7ff8e',\n      tabBackgroundColor: '#F8F0FC',\n    },\n  },\n  typography: {\n    fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\n    h1: {\n      color: '#4D3019',\n      fontWeight: 700,\n      fontSize: '2.5rem',\n      lineHeight: 1.2,\n    },\n    h2: {\n      color: '#4D3019',\n      fontWeight: 700,\n      fontSize: '2rem',\n      lineHeight: 1.3,\n    },\n    h3: {\n      color: '#4D3019',\n      fontWeight: 600,\n      fontSize: '1.75rem',\n      lineHeight: 1.3,\n    },\n    h4: {\n      color: '#4D3019',\n      fontWeight: 600,\n      fontSize: '1.5rem',\n      lineHeight: 1.4,\n    },\n    h5: {\n      color: '#4D3019',\n      fontWeight: 600,\n      fontSize: '1.25rem',\n      lineHeight: 1.4,\n    },\n    h6: {\n      color: '#4D3019',\n      fontWeight: 600,\n      fontSize: '1rem',\n      lineHeight: 1.4,\n    },\n    body1: {\n      color: '#4D3019',\n      fontWeight: 400,\n      fontSize: '1rem',\n      lineHeight: 1.5,\n    },\n    body2: {\n      color: '#826E5C',\n      fontWeight: 400,\n      fontSize: '0.875rem',\n      lineHeight: 1.5,\n    },\n    subtitle1: {\n      color: '#4D3019',\n      fontWeight: 500,\n      fontSize: '1rem',\n      lineHeight: 1.5,\n    },\n    subtitle2: {\n      color: '#826E5C',\n      fontWeight: 500,\n      fontSize: '0.875rem',\n      lineHeight: 1.5,\n    },\n    button: {\n      color: '#4D3019',\n      fontWeight: 500,\n      fontSize: '0.875rem',\n      lineHeight: 1.75,\n      textTransform: 'none',\n    },\n    caption: {\n      color: '#826E5C',\n      fontWeight: 400,\n      fontSize: '0.75rem',\n      lineHeight: 1.66,\n    },\n    overline: {\n      color: '#826E5C',\n      fontWeight: 500,\n      fontSize: '0.75rem',\n      lineHeight: 2.66,\n      textTransform: 'uppercase',\n      letterSpacing: '0.08em',\n    },\n  },\n  shape: {\n    borderRadius: 4,\n  },\n  breakpoints: {\n    values: {\n      xs: 320,\n      sm: 640,\n      md: 768,\n      lg: 1024,\n      xl: 1280,\n    },\n  },\n  components: {\n    MuiLink: {\n      styleOverrides: {\n        root: {\n          color: '#4D3019',\n          '&:hover, &:active': {\n            color: '#D79AFC',\n          },\n          '&:visited': {\n            color: '#4D3019',\n          }\n        },\n      },\n    },\n      MuiTypography: {\n      defaultProps: {\n        variantMapping: {\n          h1: 'h1',\n          h2: 'h2',\n          h3: 'h3',\n          h4: 'h4',\n          h5: 'h5',\n          h6: 'h6',\n          subtitle1: 'p',\n          subtitle2: 'p',\n          body1: 'p',\n          body2: 'p',\n        },\n      },\n    },\n    MuiCssBaseline: {\n      styleOverrides: {\n        body: {\n          WebkitFontSmoothing: 'antialiased',\n          MozOsxFontSmoothing: 'grayscale',\n          backgroundColor: '#FDFCEE',\n          color: '#4D3019',\n        },\n        'input[type=\"checkbox\"], input[type=\"radio\"]': {\n          accentColor: '#D79AFC',\n        },\n        'h1, h2, h3, h4, h5, h6': {\n          fontWeight: 'inherit !important',\n        },\n        '.MuiTypography-h1': {\n          fontWeight: '700 !important',\n        },\n        '.MuiTypography-h2': {\n          fontWeight: '700 !important',\n        },\n        '.MuiTypography-h3': {\n          fontWeight: '600 !important',\n        },\n        '.MuiTypography-h4': {\n          fontWeight: '600 !important',\n        },\n        '.MuiTypography-h5': {\n          fontWeight: '600 !important',\n        },\n        '.MuiTypography-h6': {\n          fontWeight: '600 !important',\n        },\n      },\n    },\n  },\n  appName: 'ECEDocs',\n  contact: {\n    email: 'team@ecedocs.co.nz'\n  }\n});\n\nexport default ECETheme"],"names":["createTheme"],"mappings":"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"}