@local-civics/mgmt-ui 0.1.74 → 0.1.76

package/dist/index.d.ts

@@ -5,22 +5,6 @@ import * as React from 'react';
  * NavbarProps
  */
 interface NavbarProps {
-    active: string;
-    navigate: (to: string) => void;
-    onLogout: () => void;
-    onSwitchAccounts?: () => void;
-}
-/**
- * Navbar
- * @param props
- * @constructor
- */
-declare const Navbar: (props: NavbarProps) => JSX.Element;
-
-/**
- * NavbarProps
- */
-interface NestedNavbarProps {
     active: string;
     version: string;
     image: string;
@@ -35,7 +19,7 @@ interface NestedNavbarProps {
     onLogout: () => void;
     onSwitchAccounts?: () => void;
 }
-declare function NestedNavbar(props: NestedNavbarProps): JSX.Element;
+declare function Navbar(props: NavbarProps): JSX.Element;
 
 /**
  * AccountItem
@@ -656,12 +640,12 @@ declare const AdminProvider: (props: AdminProviderProps) => JSX.Element;
  * AppProps
  */
 type AppProps = {
-    loading: boolean;
-    account: string;
-    accounts: AccountItem[];
-    navbar: React.ReactElement<NestedNavbarProps>;
+    loading?: boolean;
+    account?: string;
+    accounts?: AccountItem[];
+    navbar?: React.ReactElement<NavbarProps>;
     page: React.ReactNode;
-    onAccountChange: (account: string) => Promise<void>;
+    onAccountChange?: (account: string) => Promise<void>;
 };
 /**
  * App
@@ -670,4 +654,4 @@ type AppProps = {
  */
 declare const App: (props: AppProps) => JSX.Element;
 
-export { AccountItem, AdminProvider, AdminProviderProps, App, AppProps, Badge, BadgeClass, BadgeItem, BadgeProps, BadgeUserItem, Badges, BadgesProps, Class, ClassItem, ClassProps, Classes, ClassesProps, Dashboard, DashboardClass, DashboardProps, Home, HomeProps, Lesson, LessonClass, LessonItem, LessonProps, LessonUserItem, Lessons, LessonsProps, MemberItem, Navbar, NavbarProps, NestedNavbar, NestedNavbarProps, Organization, OrganizationProps, People, PeopleProps, StartAnonymousLesson, StartAnonymousLessonProps, Student, StudentProps, SwitchAccount, SwitchAccountProps, TrialHome, TrialHomeProps, TrialRegistration, TrialRegistrationProps, UserItem };
+export { AccountItem, AdminProvider, AdminProviderProps, App, AppProps, Badge, BadgeClass, BadgeItem, BadgeProps, BadgeUserItem, Badges, BadgesProps, Class, ClassItem, ClassProps, Classes, ClassesProps, Dashboard, DashboardClass, DashboardProps, Home, HomeProps, Lesson, LessonClass, LessonItem, LessonProps, LessonUserItem, Lessons, LessonsProps, MemberItem, Navbar, NavbarProps, Organization, OrganizationProps, People, PeopleProps, StartAnonymousLesson, StartAnonymousLessonProps, Student, StudentProps, SwitchAccount, SwitchAccountProps, TrialHome, TrialHomeProps, TrialRegistration, TrialRegistrationProps, UserItem };

package/dist/index.js

@@ -34,65 +34,6 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var papa__namespace = /*#__PURE__*/_interopNamespaceDefault(papa);
 
-const useStyles$p = core.createStyles((theme) => ({
-  link: {
-    width: 50,
-    height: 50,
-    borderRadius: theme.radius.md,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
-    "&:hover": {
-      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
-    }
-  },
-  active: {
-    "&, &:hover": {
-      backgroundColor: theme.fn.variant({ variant: "light", color: theme.primaryColor }).background,
-      color: theme.fn.variant({ variant: "light", color: theme.primaryColor }).color
-    }
-  }
-}));
-const data$1 = [
-  { icon: icons.IconHome2, label: "Home", href: "/home" },
-  { icon: icons.IconGauge, label: "Dashboard", href: "/dashboard" },
-  { icon: icons.IconCategory2, label: "Classes", href: "/classes" },
-  { icon: icons.IconAlbum, label: "Badges", href: "/badges" },
-  { icon: icons.IconLambda, label: "Lessons", href: "/lessons" }
-];
-const NavbarLink = ({ icon: Icon, label, active, onClick }) => {
-  const { classes, cx } = useStyles$p();
-  return /* @__PURE__ */ React__namespace.createElement(core.Tooltip, { label, position: "right", transitionDuration: 0 }, /* @__PURE__ */ React__namespace.createElement(core.UnstyledButton, { onClick, className: cx(classes.link, { [classes.active]: active }) }, /* @__PURE__ */ React__namespace.createElement(Icon, { stroke: 1.5 })));
-};
-const Navbar = (props) => {
-  const links = data$1.map((link) => /* @__PURE__ */ React__namespace.createElement(
-    NavbarLink,
-    {
-      key: link.label,
-      label: link.label,
-      icon: link.icon,
-      active: link.label === props.active,
-      onClick: () => props.navigate(link.href)
-    }
-  ));
-  return /* @__PURE__ */ React__namespace.createElement(core.Navbar, { width: { base: 80 }, p: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Center, null, /* @__PURE__ */ React__namespace.createElement(core.Avatar, { color: "blue", radius: "sm" }, /* @__PURE__ */ React__namespace.createElement("div", { style: { width: 15, marginLeft: "auto", marginRight: "auto" } }, /* @__PURE__ */ React__namespace.createElement(core.Image, { fit: "contain", src: "https://cdn.localcivics.io/brand/l.png" })))), /* @__PURE__ */ React__namespace.createElement(core.Navbar.Section, { grow: true, mt: 50 }, /* @__PURE__ */ React__namespace.createElement(core.Stack, { justify: "center", spacing: 0 }, links)), /* @__PURE__ */ React__namespace.createElement(core.Navbar.Section, null, /* @__PURE__ */ React__namespace.createElement(core.Stack, { justify: "center", spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
-    NavbarLink,
-    {
-      icon: icons.IconSwitchHorizontal,
-      label: "Switch accounts",
-      onClick: props.onSwitchAccounts
-    }
-  ), /* @__PURE__ */ React__namespace.createElement(
-    NavbarLink,
-    {
-      icon: icons.IconLogout,
-      label: "Logout",
-      onClick: props.onLogout
-    }
-  ))));
-};
-
 var __defProp$9 = Object.defineProperty;
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
@@ -353,7 +294,7 @@ const data = [
     ]
   }
 ];
-function NestedNavbar(props) {
+function Navbar(props) {
   const { classes, cx } = useStyles$m();
   const [burgerOpen, setBurgerOpen] = React__namespace.useState(false);
   const toggle = () => setBurgerOpen(!burgerOpen);
@@ -2784,7 +2725,15 @@ const TrialRegistration = (props) => {
   const [firstName, setFirstName] = React__namespace.useState("");
   const [lastName, setLastName] = React__namespace.useState("");
   const [interests, setInterests] = React__namespace.useState({});
-  return /* @__PURE__ */ React__namespace.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React__namespace.createElement(core.SimpleGrid, { maw: 960, ml: "auto", mr: "auto", cols: 1, spacing: 15, breakpoints: [{ maxWidth: "sm", cols: 1 }] }, /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement(core.Title, { className: classes.title }, "Trial Educator"), /* @__PURE__ */ React__namespace.createElement(core.Text, { className: classes.description, mt: "sm", mb: 30 }, "Try out a some of the features we can bring to your classroom. No commitment required.")), /* @__PURE__ */ React__namespace.createElement("div", { className: classes.form }, /* @__PURE__ */ React__namespace.createElement(core.Group, { mb: "md", spacing: "md", grow: true }, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React__namespace.createElement(core.SimpleGrid, { maw: 960, ml: "auto", mr: "auto", cols: 1, spacing: 15, breakpoints: [{ maxWidth: "sm", cols: 1 }] }, /* @__PURE__ */ React__namespace.createElement(core.Group, { spacing: "sm" }, /* @__PURE__ */ React__namespace.createElement(
+    core.Image,
+    {
+      height: 100,
+      width: "auto",
+      fit: "contain",
+      src: "https://cdn.localcivics.io/brand/l.png"
+    }
+  ), /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement(core.Title, { className: classes.title }, "Trial Educator"), /* @__PURE__ */ React__namespace.createElement(core.Text, { className: classes.description, mt: "sm" }, "Try out a few of the features we can bring to your classroom. No commitment required."))), /* @__PURE__ */ React__namespace.createElement("div", { className: classes.form }, /* @__PURE__ */ React__namespace.createElement(core.Group, { mb: "md", spacing: "md", grow: true }, /* @__PURE__ */ React__namespace.createElement(
     core.TextInput,
     {
       label: "First Name",
@@ -2856,17 +2805,17 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const useStyles = core.createStyles((theme) => ({
+const useStyles = core.createStyles((theme, props) => ({
   footer: {
     paddingTop: theme.spacing.md,
     paddingBottom: theme.spacing.md,
-    paddingLeft: theme.spacing.md,
+    paddingLeft: props.navbar ? theme.spacing.md : 0,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0],
     borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[2]}`,
     [theme.fn.largerThan("sm")]: {
       paddingTop: theme.spacing.xl * 2,
       paddingBottom: theme.spacing.xl * 2,
-      paddingLeft: theme.spacing.xl * 13
+      paddingLeft: props.navbar ? theme.spacing.xl * 13 : 0
     }
   },
   logo: {
@@ -2938,14 +2887,14 @@ const useStyles = core.createStyles((theme) => ({
   }
 }));
 const App = (props) => {
-  const { classes } = useStyles();
+  const { classes } = useStyles(props);
   const account = useAccount(props.account, props.accounts, props.onAccountChange);
   return /* @__PURE__ */ React__namespace.createElement(
     core.AppShell,
     {
       padding: "xs",
-      navbar: /* @__PURE__ */ React__namespace.createElement(
-        NestedNavbar,
+      navbar: props.navbar && /* @__PURE__ */ React__namespace.createElement(
+        Navbar,
         __spreadProps(__spreadValues({}, props.navbar.props), {
           onSwitchAccounts: account.accounts && account.accounts.length > 1 ? () => account.setChangeModalOpen(true) : void 0
         })
@@ -2992,7 +2941,7 @@ const App = (props) => {
       })
     },
     /* @__PURE__ */ React__namespace.createElement("div", { style: { position: "relative" } }, (props.loading || account.opened) && /* @__PURE__ */ React__namespace.createElement(core.Center, { style: { height: 400 } }, /* @__PURE__ */ React__namespace.createElement(core.Loader, null)), !props.loading && !account.opened && props.page),
-    /* @__PURE__ */ React__namespace.createElement(
+    !!account.accounts && !!account.account && /* @__PURE__ */ React__namespace.createElement(
       SwitchAccount,
       {
         opened: account.opened,
@@ -3021,6 +2970,9 @@ const useAccount = (account, accounts, onAccountChange) => {
     setChangeModalOpen,
     onAccountChange: (account2) => {
       setLoading(true);
+      if (!onAccountChange) {
+        return;
+      }
       onAccountChange(account2).then(() => {
         setActive(account2);
         setLoading(false);
@@ -3049,7 +3001,6 @@ exports.Home = Home;
 exports.Lesson = Lesson;
 exports.Lessons = Lessons;
 exports.Navbar = Navbar;
-exports.NestedNavbar = NestedNavbar;
 exports.Organization = Organization;
 exports.People = People;
 exports.StartAnonymousLesson = StartAnonymousLesson;