serene-core-client 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "serene-core-client",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "main": "./dist/src/index.js",
   "types": "./dist/src/index.d.ts",
   "exports": {

package/src/components/account/profile.tsx

@@ -19,12 +19,12 @@ interface Props {
   session: any
 }
 
-export default function Profile({
-                          userProfile,
-                          clientUrl,
-                          serverUrl,
-                          session
-                        }: Props) {
+export function Profile({
+  userProfile,
+  clientUrl,
+  serverUrl,
+  session
+}: Props) {
 
   // Consts
   const personalDetails = 'personal details'
@@ -82,8 +82,8 @@ export default function Profile({
   async function setProfile() {
 
     const restApiService: RestApiService =
-            new RestApiService(clientUrl,
-                               serverUrl)
+      new RestApiService(clientUrl,
+        serverUrl)
 
     restApiService.submit({
       relativeUrl: '/api/account/profile/update',
@@ -103,7 +103,8 @@ export default function Profile({
       setNotificationSuccessText: setNotificationSuccessText,
       setNotificationSuccessOpened: setNotificationSuccessOpened,
       setNotificationErrorText: setNotificationErrorText,
-      setNotificationErrorOpened: setNotificationErrorOpened })
+      setNotificationErrorOpened: setNotificationErrorOpened
+    })
   }
 
   // Events
@@ -117,15 +118,15 @@ export default function Profile({
       // console.log(`fetching getUserPreferencesQuery for userProfileId: ${user.id}`)
 
       const results = await
-              fetchGetUserPreferencesQuery({
-                userProfileId: userProfile.id,
-                category: personalDetails,
-                keys: [
-                  profileService.fullName,
-                  profileService.firstName,
-                  profileService.countryCode,
-                ]
-              })
+        fetchGetUserPreferencesQuery({
+          userProfileId: userProfile.id,
+          category: personalDetails,
+          keys: [
+            profileService.fullName,
+            profileService.firstName,
+            profileService.countryCode,
+          ]
+        })
 
       // Set profile data
       const keyValues = results.data['getUserPreferences']
@@ -162,16 +163,16 @@ export default function Profile({
   return (
     <>
       {session ?
-       <>
-         <p>You're signed in: &nbsp;
-          <span style={{ color: 'gray', fontWeight: '600' }}>{session.user.email}</span>
-          <span style={{ marginLeft: '1em' }}>
-            (<a
-              href='#'
-              onClick={handleSignout}
-              className='btn-signin'>Sign out</a>)
-          </span>
-         </p>
+        <>
+          <p>You're signed in: &nbsp;
+            <span style={{ color: 'gray', fontWeight: '600' }}>{session.user.email}</span>
+            <span style={{ marginLeft: '1em' }}>
+              (<a
+                href='#'
+                onClick={handleSignout}
+                className='btn-signin'>Sign out</a>)
+            </span>
+          </p>
 
           {/* <p>userProfile: {JSON.stringify(userProfile)}</p> */}
 
@@ -213,7 +214,7 @@ export default function Profile({
                 }
               }}
               required />
-            <br/><br/>
+            <br /><br />
             <TextField
               fullWidth
               variant='outlined'
@@ -221,7 +222,7 @@ export default function Profile({
               value={firstName}
               onChange={(e) => setFirstName(e.target.value)}
               required />
-            <br/><br/>
+            <br /><br />
             <FormControl fullWidth>
               <InputLabel
                 htmlFor='select-country'
@@ -245,7 +246,7 @@ export default function Profile({
                 ))}
               </Select>
             </FormControl>
-            <br/><br/>
+            <br /><br />
 
             <Button
               type='submit'
@@ -255,25 +256,25 @@ export default function Profile({
             </Button>
           </form>
           <ActionNotification
-              message='Updated.'
-              autoHideDuration={5000}
-              notificationOpened={notificationSuccessOpened}
-              setNotificationOpened={setNotificationSuccessOpened} />
+            message='Updated.'
+            autoHideDuration={5000}
+            notificationOpened={notificationSuccessOpened}
+            setNotificationOpened={setNotificationSuccessOpened} />
           <ActionNotification
-              message={notificationErrorText}
-              autoHideDuration={5000}
-              notificationOpened={notificationErrorOpened}
-              setNotificationOpened={setNotificationErrorOpened} />
-       </>
-       :
-       <>
-         <Typography variant='body1'>
-          You aren't signed in.
-         </Typography>
-
-         <a href='#' onClick={handleSignin} className='btn-signin'>Sign in</a>
-       </>
+            message={notificationErrorText}
+            autoHideDuration={5000}
+            notificationOpened={notificationErrorOpened}
+            setNotificationOpened={setNotificationErrorOpened} />
+        </>
+        :
+        <>
+          <Typography variant='body1'>
+            You aren't signed in.
+          </Typography>
+
+          <a href='#' onClick={handleSignin} className='btn-signin'>Sign in</a>
+        </>
       }
-     </>
+    </>
   )
 }

package/src/components/basics/copy-text-icon.tsx

@@ -7,11 +7,11 @@ interface Props {
   style?: any
 }
 
-export default function CopyTextIcon({
-                          text,
-                          title = 'Copy',
-                          style = {}
-                        }: Props) {
+export function CopyTextIcon({
+  text,
+  title = 'Copy',
+  style = {}
+}: Props) {
 
   const handleCopy = async () => {
     try {

package/src/components/basics/editable-string-list.tsx

@@ -9,12 +9,12 @@ export interface Props {
   onChange?: any
 }
 
-export default function EditableStringList({
-                          label,
-                          values,
-                          setValues,
-                          onChange
-                        }: Props) {
+export function EditableStringList({
+  label,
+  values,
+  setValues,
+  onChange
+}: Props) {
 
   const [input, setInput] = useState('')
   const [editIndex, setEditIndex] = useState<number | null>(null)
@@ -67,7 +67,7 @@ export default function EditableStringList({
         <IconButton edge='end' onClick={() => handleAddOrUpdate()}>
           {editIndex !== null ?
             <Check />
-          :
+            :
             <Add />
           }
         </IconButton>

package/src/components/basics/text-area-field.tsx

@@ -11,16 +11,16 @@ interface Props {
   style?: any
 }
 
-export default function TextAreaField({
-                          disabled,
-                          id,
-                          label,
-                          minRows = 5,
-                          onChange = {},
-                          required = false,
-                          value,
-                          style = {}
-                        }: Props) {
+export function TextAreaField({
+  disabled,
+  id,
+  label,
+  minRows = 5,
+  onChange = {},
+  required = false,
+  value,
+  style = {}
+}: Props) {
 
   // Render
   return (

package/src/components/basics/view-link-field.tsx

@@ -8,12 +8,12 @@ interface Props {
   style?: any
 }
 
-export default function ViewLinkField({
-                          label,
-                          href,
-                          value,
-                          style = {}
-                        }: Props) {
+export function ViewLinkField({
+  label,
+  href,
+  value,
+  style = {}
+}: Props) {
 
   // Render
   return (

package/src/components/basics/view-markdown-field.tsx

@@ -7,11 +7,11 @@ interface Props {
   style?: any
 }
 
-export default function ViewMarkdownField({
-                          label,
-                          value,
-                          style = {}
-                        }: Props) {
+export function ViewMarkdownField({
+  label,
+  value,
+  style = {}
+}: Props) {
 
   // Render
   return (

package/src/components/basics/view-text-field.tsx

@@ -7,11 +7,11 @@ interface Props {
   style?: any
 }
 
-export default function ViewTextField({
-                          label,
-                          value,
-                          style = {}
-                        }: Props) {
+export function ViewTextField({
+  label,
+  value,
+  style = {}
+}: Props) {
 
   // Render
   return (

package/src/components/buttons/labeled-icon-button.tsx

@@ -12,16 +12,16 @@ interface Props {
   style?: any
 }
 
-export default function LabeledIconButton({
-                          disabled,
-                          icon,
-                          label,
-                          onClick,
-                          color = grey[700],
-                          textColor = grey[500],
-                          backgroundColor = grey[100],
-                          style = {}
-                        }: Props) {
+export function LabeledIconButton({
+  disabled,
+  icon,
+  label,
+  onClick,
+  color = grey[700],
+  textColor = grey[500],
+  backgroundColor = grey[100],
+  style = {}
+}: Props) {
 
   // Consts
   const Icon = icon

package/src/components/mailing-lists/sign-up.tsx

@@ -7,9 +7,9 @@ interface Props {
   mailingListName: string
 }
 
-export default function MailingListSignUp({
-                          mailingListName
-                        }: Props) {
+export function MailingListSignUp({
+  mailingListName
+}: Props) {
 
   // Types
   type AlertSeverity = 'error' | 'warning' | 'info' | 'success' | undefined
@@ -118,7 +118,7 @@ export default function MailingListSignUp({
           severity={alertSeverity}>
           {message}
         </Alert>
-      :
+        :
         <></>
       }
     </>

package/src/components/notifications/action.tsx

@@ -9,11 +9,11 @@ interface Props {
   setNotificationOpened: any
 }
 
-export default function ActionNotification({
-                          message,
-                          autoHideDuration,
-                          notificationOpened,
-                          setNotificationOpened }: Props) {
+export function ActionNotification({
+  message,
+  autoHideDuration,
+  notificationOpened,
+  setNotificationOpened }: Props) {
 
   const handleNotificationClose =
     (event: React.SyntheticEvent | Event, reason?: string) => {

package/src/components/tech/load-techs.tsx

@@ -8,11 +8,11 @@ interface Props {
   setTechs: any
 }
 
-export default function LoadTechByFilter({
-                          userProfileId,
-                          resource,
-                          setTechs
-                        }: Props) {
+export function LoadTechByFilter({
+  userProfileId,
+  resource,
+  setTechs
+}: Props) {
 
   // GraphQL
   const { refetch: fetchTechsQuery } =
@@ -35,10 +35,10 @@ export default function LoadTechByFilter({
 
     // Query
     const { data } = await
-            fetchTechsQuery({
-              userProfileId: userProfileId,
-              resource: resource
-            })
+      fetchTechsQuery({
+        userProfileId: userProfileId,
+        resource: resource
+      })
 
     // Set results
     const results = data.getTechs

package/src/components/tech/tech-autocomplete.tsx

@@ -18,16 +18,16 @@ interface Props {
   variant?: TextFieldVariants | undefined
 }
 
-export default function TechAutocomplete({
-                          disabled = false,
-                          label,
-                          onChange = () => {},
-                          setValue,
-                          style = {},
-                          value,
-                          values,
-                          variant = 'standard'
-                        }: Props) {
+export function TechAutocomplete({
+  disabled = false,
+  label,
+  onChange = () => { },
+  setValue,
+  style = {},
+  value,
+  values,
+  variant = 'standard'
+}: Props) {
 
   const selectedTech = values.find((tech) => tech.id === value) || null
 

package/src/components/tips/load-tips.tsx

@@ -9,11 +9,11 @@ interface Props {
   setTips: any
 }
 
-export default function LoadTips({
-                          userProfileId,
-                          tipTags,
-                          setTips
-                        }: Props) {
+export function LoadTips({
+  userProfileId,
+  tipTags,
+  setTips
+}: Props) {
 
   // GraphQL
   const { refetch: fetchGetTipsByUserProfileIdAndTagsQuery } =
@@ -36,11 +36,11 @@ export default function LoadTips({
     // Get tips data
     const { data } = await
       fetchGetTipsByUserProfileIdAndTagsQuery({
-          variables: {
-            userProfileId: userProfileId,
-            tags: tipTags
-          }
-        })
+        variables: {
+          userProfileId: userProfileId,
+          tags: tipTags
+        }
+      })
 
     // Set profile data
     const results = data.getTipsByUserProfileIdAndTags

package/src/components/tips/tip.tsx

@@ -13,15 +13,15 @@ interface Props {
   userProfileId: string
 }
 
-export default function Tip({
-                          name,
-                          label,
-                          text,
-                          setFocusRef = undefined,
-                          setTipVisible,
-                          style = {},
-                          userProfileId
-                        }: Props) {
+export function Tip({
+  name,
+  label,
+  text,
+  setFocusRef = undefined,
+  setTipVisible,
+  style = {},
+  userProfileId
+}: Props) {
 
   // GraphQL
   const [sendUpsertTipGotItMutation] =
@@ -44,11 +44,11 @@ export default function Tip({
       // Get tips data
       const { data } = await
         sendUpsertTipGotItMutation({
-            variables: {
-              name: name,
-              userProfileId: userProfileId
-            }
-          })
+          variables: {
+            name: name,
+            userProfileId: userProfileId
+          }
+        })
 
       // Set profile data
       const results = data.upsertTipGotIt