@local-civics/mgmt-ui 0.1.161 → 0.1.163

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { useState } from 'react';
-import { createStyles, Group, Avatar, Text, Box, Badge as Badge$1, ThemeIcon, Collapse, Navbar as Navbar$1, Center, Image, Code, Burger, ScrollArea, Modal, Loader, Container, Button, Title, UnstyledButton, Card, SimpleGrid, Tabs as Tabs$1, Menu, ActionIcon, Grid, Table as Table$k, Stack as Stack$4, LoadingOverlay, Select, Autocomplete, Drawer, Divider, TextInput, Tooltip, Paper, Overlay, Anchor, Checkbox, createEmotionCache, MantineProvider, AppShell } from '@mantine/core';
-import { IconChevronRight, IconChevronLeft, IconVideo, IconSwitchHorizontal, IconLogout, IconHome2, IconGauge, IconCategory2, IconRoute, IconAlbum, IconLambda, IconBuilding, IconBatteryEco, IconBooks, IconBackpack, IconChevronDown, IconClipboardCopy, IconTableExport, IconArrowLeft, IconPlaylistAdd, IconCheck, IconTrash, IconDownload, IconX, IconCloudUpload, IconInfoCircle, IconColorSwatch, IconPointer, IconScribble, IconSchool, IconPodium, IconBriefcase, IconPresentation, IconNews, IconTools, IconBrandInstagram, IconBrandLinkedin, IconBrandFacebook } from '@tabler/icons';
+import { createStyles, Group, Avatar, Text, Box, Badge as Badge$1, ThemeIcon, Collapse, Navbar as Navbar$1, Center, Image, Code, Burger, ScrollArea, Modal, Loader, Container, Button, Title, UnstyledButton, Card, SimpleGrid, Tabs as Tabs$1, Grid, Table as Table$k, Stack as Stack$4, ActionIcon, LoadingOverlay, Select, Autocomplete, Drawer, Divider, TextInput, Tooltip, Paper, Overlay, Anchor, Menu, Checkbox, createEmotionCache, MantineProvider, AppShell } from '@mantine/core';
+import { IconChevronRight, IconChevronLeft, IconVideo, IconSwitchHorizontal, IconLogout, IconHome2, IconGauge, IconCategory2, IconRoute, IconAlbum, IconLambda, IconBuilding, IconBatteryEco, IconBooks, IconBackpack, IconClipboardCopy, IconTableExport, IconArrowLeft, IconPlaylistAdd, IconCheck, IconTrash, IconDownload, IconX, IconCloudUpload, IconInfoCircle, IconColorSwatch, IconPointer, IconChevronDown, IconScribble, IconSchool, IconPodium, IconBriefcase, IconPresentation, IconNews, IconTools, IconBrandInstagram, IconBrandLinkedin, IconBrandFacebook } from '@tabler/icons';
 import { Link } from 'react-router-dom';
-import { NotificationsProvider } from '@mantine/notifications';
+import { showNotification, NotificationsProvider } from '@mantine/notifications';
 export { showNotification, updateNotification } from '@mantine/notifications';
 import { DataTable } from 'mantine-datatable';
 import { Dropzone, MIME_TYPES } from '@mantine/dropzone';
@@ -512,7 +512,7 @@ const useStyles$n = createStyles((theme) => ({
 }));
 const SplitButton$4 = (props) => {
   const { classes, theme } = useStyles$n();
-  const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
+  theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
   return /* @__PURE__ */ React.createElement(Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React.createElement(
     Button,
     {
@@ -522,30 +522,21 @@ const SplitButton$4 = (props) => {
       variant: "gradient"
     },
     "Preview"
-  ), /* @__PURE__ */ React.createElement(Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React.createElement(Menu.Target, null, /* @__PURE__ */ React.createElement(
-    ActionIcon,
-    {
-      variant: "gradient",
-      color: theme.primaryColor,
-      size: 36,
-      className: classes.menuControl
-    },
-    /* @__PURE__ */ React.createElement(IconChevronDown, { size: 16, stroke: 1.5 })
-  )), /* @__PURE__ */ React.createElement(Menu.Dropdown, null, /* @__PURE__ */ React.createElement(
-    Menu.Item,
+  ), /* @__PURE__ */ React.createElement(
+    Button,
     {
-      icon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 14 }),
       onClick: props.onCopyLinkClick
     },
-    "Copy link"
+    "Copy class link"
   ), /* @__PURE__ */ React.createElement(
-    Menu.Item,
+    Button,
     {
-      icon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 14 }),
       onClick: props.onExportDataClick
     },
     "Export data (.csv)"
-  ))));
+  ));
 };
 
 const useStyles$m = createStyles((theme) => ({
@@ -1627,6 +1618,10 @@ const useStyles$f = createStyles((theme) => ({
   description: {
     color: theme.white,
     maxWidth: 220
+  },
+  code: {
+    color: theme.white,
+    maxWidth: 220
   }
 }));
 const TenantBanner = (_a) => {
@@ -1635,15 +1630,31 @@ const TenantBanner = (_a) => {
     description,
     image,
     style,
-    className
+    className,
+    code
   } = _b, others = __objRest$1(_b, [
     "title",
     "description",
     "image",
     "style",
-    "className"
+    "className",
+    "code"
   ]);
   const { classes, cx, theme } = useStyles$f();
+  const handleCopy = async () => {
+    if (!code)
+      return;
+    try {
+      await navigator.clipboard.writeText(code);
+      showNotification({
+        title: "Copied!",
+        message: "Community code copied to clipboard.",
+        autoClose: 3e3
+      });
+    } catch (err) {
+      console.error("Failed to copy code", err);
+    }
+  };
   return /* @__PURE__ */ React.createElement(
     Card,
     __spreadValues$5({
@@ -1659,7 +1670,20 @@ const TenantBanner = (_a) => {
         zIndex: 0
       }
     ),
-    /* @__PURE__ */ React.createElement("div", { className: classes.content }, /* @__PURE__ */ React.createElement(Text, { size: "lg", weight: 700, className: classes.title }, title), /* @__PURE__ */ React.createElement(Text, { size: "sm", className: classes.description }, description))
+    /* @__PURE__ */ React.createElement("div", { className: classes.content }, /* @__PURE__ */ React.createElement(Text, { size: "lg", weight: 700, className: classes.title }, title), /* @__PURE__ */ React.createElement(Text, { size: "sm", className: classes.description }, description), /* @__PURE__ */ React.createElement(Group, { mt: "sm", spacing: "xs" }, /* @__PURE__ */ React.createElement(Text, { size: "sm", className: classes.code }, "Community Code: ", code || "\u2014"), code && /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        size: "xs",
+        variant: "white",
+        onClick: handleCopy,
+        styles: {
+          root: {
+            backgroundColor: "rgba(255,255,255,0.9)"
+          }
+        }
+      },
+      "Copy"
+    )))
   );
 };
 
@@ -1676,7 +1700,8 @@ const Home = (props) => {
     {
       title: props.organization.name,
       description: props.organization.description,
-      image: props.organization.image
+      image: props.organization.image,
+      code: props.organization.accessCode
     }
   ))), /* @__PURE__ */ React.createElement(Grid, { gutter: "md" }, /* @__PURE__ */ React.createElement(Grid.Col, null, /* @__PURE__ */ React.createElement(
     CardGradient,
@@ -1748,7 +1773,7 @@ const useStyles$e = createStyles((theme) => ({
 }));
 const SplitButton$2 = (props) => {
   const { classes, theme } = useStyles$e();
-  const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
+  theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
   return /* @__PURE__ */ React.createElement(Stack$4, { spacing: "sm" }, /* @__PURE__ */ React.createElement(
     Button,
     {
@@ -1766,23 +1791,21 @@ const SplitButton$2 = (props) => {
       variant: "gradient"
     },
     "Preview"
-  ), /* @__PURE__ */ React.createElement(Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React.createElement(Menu.Target, null, /* @__PURE__ */ React.createElement(
-    ActionIcon,
+  ), /* @__PURE__ */ React.createElement(
+    Button,
     {
-      variant: "gradient",
-      color: theme.primaryColor,
-      size: 36,
-      className: classes.menuControl
+      leftIcon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 14 }),
+      onClick: props.onCopyLinkClick
     },
-    /* @__PURE__ */ React.createElement(IconChevronDown, { size: 16, stroke: 1.5 })
-  )), /* @__PURE__ */ React.createElement(Menu.Dropdown, null, !props.noExport && /* @__PURE__ */ React.createElement(
-    Menu.Item,
+    "Copy class link"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
     {
-      icon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 14 }),
       onClick: props.onExportDataClick
     },
     "Export data (.csv)"
-  )))));
+  )));
 };
 
 function Stack$2(props) {
@@ -3199,7 +3222,7 @@ const useStyles$1 = createStyles((theme) => ({
 }));
 const SplitButton = (props) => {
   const { classes, theme } = useStyles$1();
-  const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
+  theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
   return /* @__PURE__ */ React.createElement(Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React.createElement(
     Button,
     {
@@ -3209,30 +3232,21 @@ const SplitButton = (props) => {
       variant: "gradient"
     },
     "Preview"
-  ), /* @__PURE__ */ React.createElement(Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React.createElement(Menu.Target, null, /* @__PURE__ */ React.createElement(
-    ActionIcon,
-    {
-      variant: "gradient",
-      color: theme.primaryColor,
-      size: 36,
-      className: classes.menuControl
-    },
-    /* @__PURE__ */ React.createElement(IconChevronDown, { size: 16, stroke: 1.5 })
-  )), /* @__PURE__ */ React.createElement(Menu.Dropdown, null, /* @__PURE__ */ React.createElement(
-    Menu.Item,
+  ), /* @__PURE__ */ React.createElement(
+    Button,
     {
-      icon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 14 }),
       onClick: props.onCopyLinkClick
     },
-    "Copy link"
+    "Copy class link"
   ), /* @__PURE__ */ React.createElement(
-    Menu.Item,
+    Button,
     {
-      icon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
+      leftIcon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 14 }),
       onClick: props.onExportDataClick
     },
     "Export data (.csv)"
-  ))));
+  ));
 };
 
 function Stack(props) {