@nymphjs/tilmeld-setup 1.0.0-alpha.9 → 1.0.0-beta.0

package/CHANGELOG.md

@@ -3,6 +3,163 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-beta.0](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.43...v1.0.0-beta.0) (2022-11-16)
+
+### Features
+
+- update packages and fix issues, new guid package to use latest esm nanoid ([fd66aab](https://github.com/sciactive/nymphjs/commit/fd66aab465e6b1d83f4238bb16bc88d851ef5e92))
+
+# [1.0.0-alpha.43](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.42...v1.0.0-alpha.43) (2022-03-07)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.42](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.41...v1.0.0-alpha.42) (2022-03-06)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.41](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.40...v1.0.0-alpha.41) (2022-03-06)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.40](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.39...v1.0.0-alpha.40) (2022-03-05)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.39](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.38...v1.0.0-alpha.39) (2022-03-05)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.38](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.37...v1.0.0-alpha.38) (2022-02-10)
+
+### Bug Fixes
+
+- queryParser props in setup app ([effba3f](https://github.com/sciactive/nymphjs/commit/effba3f3bbc30723b29874f20d54690c8a17adce))
+
+# [1.0.0-alpha.37](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.36...v1.0.0-alpha.37) (2022-02-02)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.36](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.35...v1.0.0-alpha.36) (2022-01-26)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.35](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.34...v1.0.0-alpha.35) (2022-01-19)
+
+### Bug Fixes
+
+- add new props to tilmeld components in setup app ([0afb20b](https://github.com/sciactive/nymphjs/commit/0afb20b4a901951401b7696eec1033a5488e38c5))
+
+# [1.0.0-alpha.34](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.33...v1.0.0-alpha.34) (2022-01-08)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.33](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-01-08)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.32](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-01-08)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.31](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-01-08)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.30](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-01-07)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.29](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-01-07)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.28](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.27...v1.0.0-alpha.28) (2022-01-07)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.27](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.26...v1.0.0-alpha.27) (2022-01-05)
+
+### Features
+
+- add prop forwarding for svelte components within tilmeld components ([42b60e2](https://github.com/sciactive/nymphjs/commit/42b60e29638f04036eff3f7e4876e96a1c66c0bf))
+- update smui to latest versions ([7ed7bd3](https://github.com/sciactive/nymphjs/commit/7ed7bd34d01a155c7001a2671de25ef2f3363682))
+
+# [1.0.0-alpha.26](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2021-12-30)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.25](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2021-12-30)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.24](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2021-12-30)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.23](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2021-12-30)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.22](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2021-12-14)
+
+### Features
+
+- update smui to latest versions ([912873b](https://github.com/sciactive/nymphjs/commit/912873b863d1ae5d51c359a3c0558bff38ce85cd))
+
+# [1.0.0-alpha.21](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2021-11-29)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.20](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2021-11-24)
+
+### Features
+
+- update smui to latest versions ([73ab4e8](https://github.com/sciactive/nymphjs/commit/73ab4e843623c25dc2efeb3c4b2cdd91237018b8))
+
+# [1.0.0-alpha.19](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2021-11-18)
+
+### Features
+
+- update smui and other packages to latest versions ([2465340](https://github.com/sciactive/nymphjs/commit/24653400d887bc04c41c3c4ee0c73ce2f2289e0d))
+
+# [1.0.0-alpha.18](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2021-11-09)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.17](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2021-10-14)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.16](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2021-10-14)
+
+### Bug Fixes
+
+- don't ignore built files in npm packages ([7d688db](https://github.com/sciactive/nymphjs/commit/7d688dbec362f1f71fb451a1d0dbcaecc15d99fc))
+
+# [1.0.0-alpha.15](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2021-10-14)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.14](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2021-10-14)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.13](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2021-10-14)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.12](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2021-10-13)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.11](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2021-10-13)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
+# [1.0.0-alpha.10](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2021-10-12)
+
+**Note:** Version bump only for package @nymphjs/tilmeld-setup
+
 # [1.0.0-alpha.9](https://github.com/sciactive/nymphjs/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2021-10-12)
 
 **Note:** Version bump only for package @nymphjs/tilmeld-setup

package/app/nymph.ts

@@ -1,4 +1,5 @@
-import { Entity, Nymph, NymphOptions } from '@nymphjs/client';
+import type { NymphOptions } from '@nymphjs/client';
+import { Entity, Nymph } from '@nymphjs/client';
 import { User, Group } from '@nymphjs/tilmeld-client';
 
 const nymph = new Nymph(

package/app/src/App.svelte

@@ -16,15 +16,27 @@
       <IconButton
         href="https://github.com/sciactive/nymphjs"
         target="_blank"
+        rel="noreferrer"
         title="Nymph/Tilmeld on GitHub"
       >
         <Icon component={Svg} viewBox="0 0 24 24">
           <path fill="currentColor" d={mdiGithub} />
         </Icon>
       </IconButton>
+      <IconButton
+        href="https://port87.social/@hperrin"
+        target="_blank"
+        rel="noreferrer"
+        title="SciActive on Mastodon"
+      >
+        <Icon component={Svg} viewBox="0 0 24 24">
+          <path fill="currentColor" d={mdiMastodon} />
+        </Icon>
+      </IconButton>
       <IconButton
         href="https://twitter.com/SciActive"
         target="_blank"
+        rel="noreferrer"
         title="SciActive on Twitter"
       >
         <Icon component={Svg} viewBox="0 0 24 24">
@@ -36,7 +48,7 @@
           title="Account"
           on:click={() => user != null && accountMenu.setOpen(true)}
         >
-          <Icon component={Img} src={userAvatar} />
+          <Icon tag="img" src={userAvatar} />
         </IconButton>
         <Menu bind:this={accountMenu} anchorCorner="BOTTOM_LEFT">
           <List>
@@ -111,28 +123,28 @@
         {/if}
       {:else if user == null}
         <section style="display: flex; justify-content: center;">
-          <Login />
+          <Login {User} {clientConfig} />
         </section>
       {:else}
         <section>You don't have permission to access this app.</section>
       {/if}
-      <Account bind:open={accountOpen} />
+      <Account bind:open={accountOpen} {User} {clientConfig} />
     </main>
   </AppContent>
 </div>
 
 <script lang="ts">
   import { onMount, SvelteComponent } from 'svelte';
-  import { ClientConfig, CurrentUserData, User } from '@nymphjs/tilmeld-client';
+  import type { ClientConfig, CurrentUserData } from '@nymphjs/tilmeld-client';
+  import { User } from '@nymphjs/tilmeld-client';
   import { Login, Account } from '@nymphjs/tilmeld-components';
-  import { mdiGithub, mdiTwitter } from '@mdi/js';
+  import { mdiGithub, mdiMastodon, mdiTwitter } from '@mdi/js';
   import TopAppBar, { Row, Section, Title } from '@smui/top-app-bar';
   import Drawer, { Content, Scrim, AppContent } from '@smui/drawer';
   import IconButton from '@smui/icon-button';
   import List, { Item, Text, Separator } from '@smui/list';
   import Menu from '@smui/menu';
-  import { Icon } from '@smui/common';
-  import { Img, Svg } from '@smui/common/elements';
+  import { Icon, Svg } from '@smui/common';
 
   import Intro from './Intro.svelte';
   import Users from './Users.svelte';

package/app/src/GroupEdit.svelte

@@ -53,7 +53,7 @@
             </FormField>
           </LayoutCell>
           <LayoutCell span={4} style="text-align: end;">
-            <a href="https://en.gravatar.com/" target="_blank">
+            <a href="https://en.gravatar.com/" target="_blank" rel="noreferrer">
               <img src={avatar} alt="Avatar" title="Avatar by Gravatar" />
             </a>
           </LayoutCell>
@@ -327,13 +327,12 @@
 
 <script lang="ts">
   import { createEventDispatcher, onMount } from 'svelte';
-  import {
+  import type {
     AdminGroupData,
     ClientConfig,
     CurrentUserData,
-    Group,
-    User,
   } from '@nymphjs/tilmeld-client';
+  import { Group, User } from '@nymphjs/tilmeld-client';
   import queryParser from '@nymphjs/query-parser';
   import {
     mdiArrowLeft,
@@ -352,11 +351,10 @@
   import Paper from '@smui/paper';
   import DataTable, { Head, Body, Row, Cell } from '@smui/data-table';
   import Textfield, { Input } from '@smui/textfield';
-  import HelperText from '@smui/textfield/helper-text/index';
+  import HelperText from '@smui/textfield/helper-text';
   import IconButton from '@smui/icon-button';
   import Button from '@smui/button';
-  import { Icon, Label } from '@smui/common';
-  import { Svg } from '@smui/common/elements';
+  import { Icon, Label, Svg } from '@smui/common';
 
   import nymph from '../nymph';
 
@@ -434,11 +432,11 @@
       return;
     }
     try {
-      const query = queryParser(
-        parentSearch,
-        Group,
-        ['groupname', 'name', 'email'],
-        {
+      const query = queryParser({
+        query: parentSearch,
+        entityClass: Group,
+        defaultFields: ['groupname', 'name', 'email'],
+        qrefMap: {
           User: {
             class: User,
             defaultFields: ['username', 'name', 'email'],
@@ -447,8 +445,8 @@
             class: Group,
             defaultFields: ['groupname', 'name', 'email'],
           },
-        }
-      );
+        },
+      });
       parents = (await nymph.getEntities(...query)).filter((group) => {
         return !group.$is(entity) && !group.$is(entity.parent);
       });

package/app/src/Groups.svelte

@@ -91,21 +91,19 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import queryParser from '@nymphjs/query-parser';
-  import {
+  import type {
     AdminGroupData,
     ClientConfig,
     CurrentUserData,
-    Group,
-    User,
   } from '@nymphjs/tilmeld-client';
+  import { Group, User } from '@nymphjs/tilmeld-client';
   import { mdiMagnify, mdiArrowRight, mdiPlus } from '@mdi/js';
   import CircularProgress from '@smui/circular-progress';
   import Paper from '@smui/paper';
   import DataTable, { Head, Body, Row, Cell } from '@smui/data-table';
   import { Input } from '@smui/textfield';
   import Fab from '@smui/fab';
-  import { Icon } from '@smui/common';
-  import { Svg } from '@smui/common/elements';
+  import { Icon, Svg } from '@smui/common';
 
   import nymph from '../nymph';
 
@@ -131,11 +129,11 @@
     entitiesSearching = true;
     failureMessage = undefined;
     try {
-      const query = queryParser(
-        entitySearch,
-        Group,
-        ['username', 'name', 'email'],
-        {
+      const query = queryParser({
+        query: entitySearch,
+        entityClass: Group,
+        defaultFields: ['groupname', 'name', 'email'],
+        qrefMap: {
           User: {
             class: User,
             defaultFields: ['username', 'name', 'email'],
@@ -144,8 +142,8 @@
             class: Group,
             defaultFields: ['groupname', 'name', 'email'],
           },
-        }
-      );
+        },
+      });
       entities = await nymph.getEntities(...query);
     } catch (e: any) {
       failureMessage = e?.message;

package/app/src/UserEdit.svelte

@@ -44,7 +44,7 @@
             </FormField>
           </LayoutCell>
           <LayoutCell span={4} style="text-align: end;">
-            <a href="https://en.gravatar.com/" target="_blank">
+            <a href="https://en.gravatar.com/" target="_blank" rel="noreferrer">
               <img src={avatar} alt="Avatar" title="Avatar by Gravatar" />
             </a>
           </LayoutCell>
@@ -562,14 +562,13 @@
 
 <script lang="ts">
   import { createEventDispatcher, onMount } from 'svelte';
-  import {
+  import type {
     AdminGroupData,
     AdminUserData,
     ClientConfig,
     CurrentUserData,
-    Group,
-    User,
   } from '@nymphjs/tilmeld-client';
+  import { Group, User } from '@nymphjs/tilmeld-client';
   import queryParser from '@nymphjs/query-parser';
   import {
     mdiArrowLeft,
@@ -588,11 +587,10 @@
   import Paper from '@smui/paper';
   import DataTable, { Head, Body, Row, Cell } from '@smui/data-table';
   import Textfield, { Input } from '@smui/textfield';
-  import HelperText from '@smui/textfield/helper-text/index';
+  import HelperText from '@smui/textfield/helper-text';
   import IconButton from '@smui/icon-button';
   import Button from '@smui/button';
-  import { Icon, Label } from '@smui/common';
-  import { Svg } from '@smui/common/elements';
+  import { Icon, Label, Svg } from '@smui/common';
 
   const dispatch = createEventDispatcher();
 
@@ -700,11 +698,11 @@
       return;
     }
     try {
-      const [options, ...selectors] = queryParser(
-        primaryGroupSearch,
-        Group,
-        ['groupname', 'name', 'email'],
-        {
+      const [options, ...selectors] = queryParser({
+        query: primaryGroupSearch,
+        entityClass: Group,
+        defaultFields: ['groupname', 'name', 'email'],
+        qrefMap: {
           User: {
             class: User,
             defaultFields: ['username', 'name', 'email'],
@@ -713,8 +711,8 @@
             class: Group,
             defaultFields: ['groupname', 'name', 'email'],
           },
-        }
-      );
+        },
+      });
       primaryGroups = (await Group.getPrimaryGroups(options, selectors)).filter(
         (group) => {
           return !group.$is(entity.group);
@@ -739,11 +737,11 @@
       return;
     }
     try {
-      const [options, ...selectors] = queryParser(
-        secondaryGroupSearch,
-        Group,
-        ['groupname', 'name', 'email'],
-        {
+      const [options, ...selectors] = queryParser({
+        query: secondaryGroupSearch,
+        entityClass: Group,
+        defaultFields: ['groupname', 'name', 'email'],
+        qrefMap: {
           User: {
             class: User,
             defaultFields: ['username', 'name', 'email'],
@@ -752,8 +750,8 @@
             class: Group,
             defaultFields: ['groupname', 'name', 'email'],
           },
-        }
-      );
+        },
+      });
       secondaryGroups = (
         await Group.getSecondaryGroups(options, selectors)
       ).filter((group) => {

package/app/src/Users.svelte

@@ -91,21 +91,19 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import queryParser from '@nymphjs/query-parser';
-  import {
+  import type {
     AdminUserData,
     ClientConfig,
     CurrentUserData,
-    Group,
-    User,
   } from '@nymphjs/tilmeld-client';
+  import { Group, User } from '@nymphjs/tilmeld-client';
   import { mdiMagnify, mdiArrowRight, mdiPlus } from '@mdi/js';
   import CircularProgress from '@smui/circular-progress';
   import Paper from '@smui/paper';
   import DataTable, { Head, Body, Row, Cell } from '@smui/data-table';
   import { Input } from '@smui/textfield';
   import Fab from '@smui/fab';
-  import { Icon } from '@smui/common';
-  import { Svg } from '@smui/common/elements';
+  import { Icon, Svg } from '@smui/common';
 
   import nymph from '../nymph';
 
@@ -131,11 +129,11 @@
     entitiesSearching = true;
     failureMessage = undefined;
     try {
-      const query = queryParser(
-        entitySearch,
-        User,
-        ['username', 'name', 'email'],
-        {
+      const query = queryParser({
+        query: entitySearch,
+        entityClass: User,
+        defaultFields: ['username', 'name', 'email'],
+        qrefMap: {
           User: {
             class: User,
             defaultFields: ['username', 'name', 'email'],
@@ -144,8 +142,8 @@
             class: Group,
             defaultFields: ['groupname', 'name', 'email'],
           },
-        }
-      );
+        },
+      });
       entities = await nymph.getEntities(...query);
     } catch (e: any) {
       failureMessage = e?.message;

package/app/theme/_helpers.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 @function px-to-rem($px) {
-  @return $px / 16px * 1rem;
+  @return math.div($px, 16px) * 1rem;
 }

package/app/theme/_smui-theme.scss

@@ -7,7 +7,7 @@
   $secondary: #f8d153,
   $surface: #fff,
   $background: #fff,
-  $error: color-palette.$red-900,
+  $error: color-palette.$red-900
 );
 
 // Typography mixins.