@local-civics/mgmt-ui 0.1.162 → 0.1.164

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { useState } from 'react';
3
- 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';
4
- 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';
3
+ 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, Stack as Stack$4, Grid, Table as Table$k, ActionIcon, LoadingOverlay, Select, Autocomplete, Drawer, Divider, TextInput, Tooltip, Paper, Overlay, Anchor, Menu, Checkbox, createEmotionCache, MantineProvider, AppShell } from '@mantine/core';
4
+ 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';
5
5
  import { Link } from 'react-router-dom';
6
6
  import { showNotification, NotificationsProvider } from '@mantine/notifications';
7
7
  export { showNotification, updateNotification } from '@mantine/notifications';
@@ -512,8 +512,8 @@ const useStyles$n = createStyles((theme) => ({
512
512
  }));
513
513
  const SplitButton$4 = (props) => {
514
514
  const { classes, theme } = useStyles$n();
515
- const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
516
- return /* @__PURE__ */ React.createElement(Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React.createElement(
515
+ theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
516
+ return /* @__PURE__ */ React.createElement(Stack$4, { spacing: "sm" }, /* @__PURE__ */ React.createElement(
517
517
  Button,
518
518
  {
519
519
  component: Link,
@@ -522,30 +522,21 @@ const SplitButton$4 = (props) => {
522
522
  variant: "gradient"
523
523
  },
524
524
  "Preview"
525
- ), /* @__PURE__ */ React.createElement(Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React.createElement(Menu.Target, null, /* @__PURE__ */ React.createElement(
526
- ActionIcon,
527
- {
528
- variant: "gradient",
529
- color: theme.primaryColor,
530
- size: 36,
531
- className: classes.menuControl
532
- },
533
- /* @__PURE__ */ React.createElement(IconChevronDown, { size: 16, stroke: 1.5 })
534
- )), /* @__PURE__ */ React.createElement(Menu.Dropdown, null, /* @__PURE__ */ React.createElement(
535
- Menu.Item,
525
+ ), /* @__PURE__ */ React.createElement(
526
+ Button,
536
527
  {
537
- icon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 16, stroke: 1.5, color: menuIconColor }),
528
+ leftIcon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 14 }),
538
529
  onClick: props.onCopyLinkClick
539
530
  },
540
- "Copy link"
531
+ "Copy class link"
541
532
  ), /* @__PURE__ */ React.createElement(
542
- Menu.Item,
533
+ Button,
543
534
  {
544
- icon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
535
+ leftIcon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 14 }),
545
536
  onClick: props.onExportDataClick
546
537
  },
547
538
  "Export data (.csv)"
548
- ))));
539
+ ));
549
540
  };
550
541
 
551
542
  const useStyles$m = createStyles((theme) => ({
@@ -1782,7 +1773,7 @@ const useStyles$e = createStyles((theme) => ({
1782
1773
  }));
1783
1774
  const SplitButton$2 = (props) => {
1784
1775
  const { classes, theme } = useStyles$e();
1785
- const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
1776
+ theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
1786
1777
  return /* @__PURE__ */ React.createElement(Stack$4, { spacing: "sm" }, /* @__PURE__ */ React.createElement(
1787
1778
  Button,
1788
1779
  {
@@ -1791,7 +1782,7 @@ const SplitButton$2 = (props) => {
1791
1782
  onClick: props.onCopyLinkClick
1792
1783
  },
1793
1784
  "Assign"
1794
- ), /* @__PURE__ */ React.createElement(Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React.createElement(
1785
+ ), /* @__PURE__ */ React.createElement(
1795
1786
  Button,
1796
1787
  {
1797
1788
  component: Link,
@@ -1800,23 +1791,14 @@ const SplitButton$2 = (props) => {
1800
1791
  variant: "gradient"
1801
1792
  },
1802
1793
  "Preview"
1803
- ), /* @__PURE__ */ React.createElement(Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React.createElement(Menu.Target, null, /* @__PURE__ */ React.createElement(
1804
- ActionIcon,
1805
- {
1806
- variant: "gradient",
1807
- color: theme.primaryColor,
1808
- size: 36,
1809
- className: classes.menuControl
1810
- },
1811
- /* @__PURE__ */ React.createElement(IconChevronDown, { size: 16, stroke: 1.5 })
1812
- )), /* @__PURE__ */ React.createElement(Menu.Dropdown, null, !props.noExport && /* @__PURE__ */ React.createElement(
1813
- Menu.Item,
1794
+ ), /* @__PURE__ */ React.createElement(
1795
+ Button,
1814
1796
  {
1815
- icon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
1797
+ leftIcon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 14 }),
1816
1798
  onClick: props.onExportDataClick
1817
1799
  },
1818
1800
  "Export data (.csv)"
1819
- )))));
1801
+ ));
1820
1802
  };
1821
1803
 
1822
1804
  function Stack$2(props) {
@@ -3233,8 +3215,8 @@ const useStyles$1 = createStyles((theme) => ({
3233
3215
  }));
3234
3216
  const SplitButton = (props) => {
3235
3217
  const { classes, theme } = useStyles$1();
3236
- const menuIconColor = theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
3237
- return /* @__PURE__ */ React.createElement(Group, { noWrap: true, spacing: 0 }, /* @__PURE__ */ React.createElement(
3218
+ theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 5 : 6];
3219
+ return /* @__PURE__ */ React.createElement(Stack$4, { spacing: "sm" }, /* @__PURE__ */ React.createElement(
3238
3220
  Button,
3239
3221
  {
3240
3222
  component: Link,
@@ -3243,30 +3225,21 @@ const SplitButton = (props) => {
3243
3225
  variant: "gradient"
3244
3226
  },
3245
3227
  "Preview"
3246
- ), /* @__PURE__ */ React.createElement(Menu, { transition: "pop", position: "bottom-end" }, /* @__PURE__ */ React.createElement(Menu.Target, null, /* @__PURE__ */ React.createElement(
3247
- ActionIcon,
3248
- {
3249
- variant: "gradient",
3250
- color: theme.primaryColor,
3251
- size: 36,
3252
- className: classes.menuControl
3253
- },
3254
- /* @__PURE__ */ React.createElement(IconChevronDown, { size: 16, stroke: 1.5 })
3255
- )), /* @__PURE__ */ React.createElement(Menu.Dropdown, null, /* @__PURE__ */ React.createElement(
3256
- Menu.Item,
3228
+ ), /* @__PURE__ */ React.createElement(
3229
+ Button,
3257
3230
  {
3258
- icon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 16, stroke: 1.5, color: menuIconColor }),
3231
+ leftIcon: /* @__PURE__ */ React.createElement(IconClipboardCopy, { size: 14 }),
3259
3232
  onClick: props.onCopyLinkClick
3260
3233
  },
3261
- "Copy link"
3234
+ "Copy class link"
3262
3235
  ), /* @__PURE__ */ React.createElement(
3263
- Menu.Item,
3236
+ Button,
3264
3237
  {
3265
- icon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 16, stroke: 1.5, color: menuIconColor }),
3238
+ leftIcon: /* @__PURE__ */ React.createElement(IconTableExport, { size: 14 }),
3266
3239
  onClick: props.onExportDataClick
3267
3240
  },
3268
3241
  "Export data (.csv)"
3269
- ))));
3242
+ ));
3270
3243
  };
3271
3244
 
3272
3245
  function Stack(props) {