@local-civics/mgmt-ui 0.1.91 → 0.1.93

package/dist/index.d.ts

@@ -611,12 +611,19 @@ declare const TrialHome: (props: TrialHomeProps) => JSX.Element;
  * TrialRegistrationProps
  */
 type TrialRegistrationProps = {
-    onBegin: (data: {
-        firstName: string;
-        lastName: string;
-        schoolName: string;
-        interests: string[];
-    }) => void;
+    organizations: {
+        organizationId: string;
+        displayName: string;
+    }[];
+    onBegin: (data: NewTrialRegistration) => void;
+    onQueryOrganizations: (name: string) => void;
+};
+type NewTrialRegistration = {
+    firstName: string;
+    lastName: string;
+    organizationId: string;
+    organizationName: string;
+    interests: string[];
 };
 /**
  * TrialRegistration
@@ -657,4 +664,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, 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, NewTrialRegistration, Organization, OrganizationProps, People, PeopleProps, StartAnonymousLesson, StartAnonymousLessonProps, Student, StudentProps, SwitchAccount, SwitchAccountProps, TrialHome, TrialHomeProps, TrialRegistration, TrialRegistrationProps, UserItem };

package/dist/index.js

@@ -1721,7 +1721,15 @@ const useStyles$a = core.createStyles((theme) => ({
 const SplitButton$1 = (props) => {
   const { classes, theme } = useStyles$a();
   const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
-  return /* @__PURE__ */ React__namespace.createElement(core.Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: "sm" }, /* @__PURE__ */ React__namespace.createElement(
+    core.Button,
+    {
+      variant: "gradient",
+      leftIcon: /* @__PURE__ */ React__namespace.createElement(icons.IconClipboardCopy, { size: 14 }),
+      onClick: props.onCopyLinkClick
+    },
+    "Assign"
+  ), /* @__PURE__ */ React__namespace.createElement(core.Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
     core.Button,
     {
       component: reactRouterDom.Link,
@@ -1739,21 +1747,14 @@ const SplitButton$1 = (props) => {
       className: classes.menuControl
     },
     /* @__PURE__ */ React__namespace.createElement(icons.IconChevronDown, { size: 16, stroke: 1.5 })
-  )), /* @__PURE__ */ React__namespace.createElement(core.Menu.Dropdown, null, /* @__PURE__ */ React__namespace.createElement(
-    core.Menu.Item,
-    {
-      icon: /* @__PURE__ */ React__namespace.createElement(icons.IconClipboardCopy, { size: 16, stroke: 1.5, color: menuIconColor }),
-      onClick: props.onCopyLinkClick
-    },
-    "Copy link"
-  ), !props.noExport && /* @__PURE__ */ React__namespace.createElement(
+  )), /* @__PURE__ */ React__namespace.createElement(core.Menu.Dropdown, null, !props.noExport && /* @__PURE__ */ React__namespace.createElement(
     core.Menu.Item,
     {
       icon: /* @__PURE__ */ React__namespace.createElement(icons.IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
       onClick: props.onExportDataClick
     },
     "Export data (.csv)"
-  ))));
+  )))));
 };
 
 function Stack$1(props) {
@@ -1917,6 +1918,14 @@ const Lesson = (props) => {
     });
     avatars.push(/* @__PURE__ */ React__namespace.createElement(core.Avatar, { src, radius: "xl" }));
   }
+  const tabs = props.trial ? [
+    { label: "By question", value: "question" },
+    { label: "By student", value: "students" }
+  ] : [
+    { label: "By question", value: "question" },
+    { label: "By student", value: "students" },
+    { label: "By reflection", value: "reflections" }
+  ];
   return /* @__PURE__ */ React__namespace.createElement(core.Container, { size: "lg", py: "xl" }, /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Grid, null, /* @__PURE__ */ React__namespace.createElement(core.Grid.Col, { sm: "auto" }, /* @__PURE__ */ React__namespace.createElement(core.UnstyledButton, { onClick: props.onBackClick }, /* @__PURE__ */ React__namespace.createElement(
     core.Badge,
     {
@@ -1959,30 +1968,26 @@ const Lesson = (props) => {
         return { value: g.classId, label: g.name };
       })
     }
-  ), /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: 0 }, !props.trial && /* @__PURE__ */ React__namespace.createElement(
+  ), /* @__PURE__ */ React__namespace.createElement(core.Stack, { spacing: 0 }, /* @__PURE__ */ React__namespace.createElement(
     Tabs,
     {
       value: tab,
-      data: [
-        { label: "By question", value: "question" },
-        { label: "By student", value: "students" },
-        { label: "By reflection", value: "reflections" }
-      ],
+      data: tabs,
       onChange: setTab
     }
-  ), (!!props.trial || tab === "question") && /* @__PURE__ */ React__namespace.createElement(
+  ), tab === "question" && /* @__PURE__ */ React__namespace.createElement(
     Stack,
     {
       loading: props.loading,
       items: props.questions
     }
-  ), !props.trial && tab === "reflections" && /* @__PURE__ */ React__namespace.createElement(
+  ), tab === "reflections" && /* @__PURE__ */ React__namespace.createElement(
     Table$3,
     {
       loading: props.loading,
       items: props.reflections
     }
-  ), !props.trial && tab === "students" && /* @__PURE__ */ React__namespace.createElement(
+  ), tab === "students" && /* @__PURE__ */ React__namespace.createElement(
     Table$2,
     {
       loading: props.loading,
@@ -2646,7 +2651,7 @@ function ImageCheckbox(_a) {
       onClick: () => handleChange(!value),
       className: cx(classes.button, className)
     }),
-    /* @__PURE__ */ React__namespace.createElement(core.ThemeIcon, { variant: "light", size: "lg", color: "blue" }, /* @__PURE__ */ React__namespace.createElement(Icon, { size: 40 })),
+    /* @__PURE__ */ React__namespace.createElement(core.ThemeIcon, { variant: "light", size: "lg", color: "blue" }, /* @__PURE__ */ React__namespace.createElement(Icon, { size: 25 })),
     /* @__PURE__ */ React__namespace.createElement("div", { className: classes.body }, /* @__PURE__ */ React__namespace.createElement(core.Text, { weight: 500, size: "sm", sx: { lineHeight: 1 } }, title)),
     /* @__PURE__ */ React__namespace.createElement(
       core.Checkbox,
@@ -2702,8 +2707,7 @@ var __spreadValues$1 = (a, b) => {
 var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 const useStyles$1 = core.createStyles((theme) => ({
   wrapper: {
-    minHeight: 400,
-    height: "100%",
+    minHeight: "100%",
     boxSizing: "border-box",
     backgroundImage: `linear-gradient(-60deg, #4e5561 0%, #222a39 100%)`,
     padding: theme.spacing.xl * 2.5,
@@ -2753,19 +2757,21 @@ const useStyles$1 = core.createStyles((theme) => ({
   }
 }));
 const OPTIONS = [
-  { description: "high school", title: "High school", icon: icons.IconHistory },
-  { description: "k - 8th", title: "K - 8th", icon: icons.IconLego },
-  { description: "civics", title: "Civics", icon: icons.IconNews },
-  { description: "project-based learning", title: "Project-based learning", icon: icons.IconTools },
+  { description: "elementary", title: "Elementary (K-5)", icon: icons.IconScribble },
+  { description: "middle", title: "Middle (6-8)", icon: icons.IconBackpack },
+  { description: "high school", title: "High School (9-12)", icon: icons.IconSchool },
   { description: "college", title: "College", icon: icons.IconPodium },
-  { description: "career", title: "Career", icon: icons.IconAffiliate },
-  { description: "student leadership", title: "Student leadership", icon: icons.IconGrowth }
+  { description: "career", title: "Career", icon: icons.IconBriefcase },
+  { description: "work-based learning", title: "Work-Based Learning", icon: icons.IconPresentation },
+  { description: "student leadership", title: "Student Leadership", icon: icons.IconPodium },
+  { description: "civics", title: "Civics", icon: icons.IconNews },
+  { description: "project-based learning", title: "Project-Based Learning", icon: icons.IconTools }
 ];
 const TrialRegistration = (props) => {
   const { classes } = useStyles$1();
   const [firstName, setFirstName] = React__namespace.useState("");
   const [lastName, setLastName] = React__namespace.useState("");
-  const [schoolName, setSchoolName] = React__namespace.useState("");
+  const [organization, setOrganization] = React__namespace.useState({ organizationId: "", displayName: "" });
   const [interests, setInterests] = React__namespace.useState({});
   return /* @__PURE__ */ React__namespace.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React__namespace.createElement(core.SimpleGrid, { maw: 1300, ml: "auto", mr: "auto", cols: 2, spacing: 50, breakpoints: [{ maxWidth: "md", cols: 1 }] }, /* @__PURE__ */ React__namespace.createElement(core.Group, { spacing: "sm" }, /* @__PURE__ */ React__namespace.createElement(
     core.Image,
@@ -2803,14 +2809,20 @@ const TrialRegistration = (props) => {
       onChange: (e) => setLastName(e.target.value)
     }
   ), /* @__PURE__ */ React__namespace.createElement(
-    core.TextInput,
+    core.Autocomplete,
     {
-      label: "School Name (Optional)",
+      label: "School/Organization Name",
       placeholder: "What's the name of your school?",
-      classNames: { input: classes.input, label: classes.inputLabel },
-      onChange: (e) => setSchoolName(e.target.value)
+      data: props.organizations.map((o) => {
+        return __spreadProps$1(__spreadValues$1({}, o), { value: o.displayName });
+      }),
+      onItemSubmit: (item) => setOrganization({ organizationId: item.organizationId, displayName: item.displayName }),
+      onChange: (next) => {
+        setOrganization({ organizationId: "", displayName: next });
+        return props.onQueryOrganizations(next);
+      }
     }
-  )), /* @__PURE__ */ React__namespace.createElement(core.Text, { size: 14, weight: 500, mb: "md", mt: "xl" }, "What are you interested in teaching?"), /* @__PURE__ */ React__namespace.createElement(
+  )), /* @__PURE__ */ React__namespace.createElement(core.Text, { size: 14, weight: 500, mb: "md", mt: "xl" }, "Where do you want to start? (Select as many as you want)"), /* @__PURE__ */ React__namespace.createElement(
     SelectGrid,
     {
       items: OPTIONS,
@@ -2820,7 +2832,13 @@ const TrialRegistration = (props) => {
     core.Button,
     {
       disabled: !firstName || !lastName,
-      onClick: () => props.onBegin({ firstName, lastName, schoolName, interests: Object.keys(interests) }),
+      onClick: () => props.onBegin({
+        firstName,
+        lastName,
+        organizationId: organization.organizationId,
+        organizationName: organization.displayName,
+        interests: Object.keys(interests)
+      }),
       className: classes.control
     },
     "Begin trial"