serene-core-client 0.1.4 → 0.1.6

package/dist/src/components/account/profile.d.ts

@@ -4,5 +4,5 @@ interface Props {
     serverUrl: string;
     session: any;
 }
-export default function Profile({ userProfile, clientUrl, serverUrl, session }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Profile({ userProfile, clientUrl, serverUrl, session }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/account/profile.js

@@ -5,13 +5,13 @@ import Button from '@mui/material/Button';
 import TextField from '@mui/material/TextField';
 import Select from '@mui/material/Select';
 import { useEffect, useState } from 'react';
-import ActionNotification from '../notifications/action';
+import { ActionNotification } from '../notifications/action';
 import { RestApiService } from '../../services/rest-api/service';
 import { FormControl, InputLabel, Typography } from '@mui/material';
 import { countries } from '../../services/locale/countries';
 import { getUserPreferencesQuery } from '../../apollo/user-preferences';
 import { ProfileService } from '../../services/users/profile-service';
-export default function Profile({ userProfile, clientUrl, serverUrl, session }) {
+export function Profile({ userProfile, clientUrl, serverUrl, session }) {
     // Consts
     const personalDetails = 'personal details';
     // State

package/dist/src/components/basics/copy-text-icon.d.ts

@@ -3,5 +3,5 @@ interface Props {
     title?: string;
     style?: any;
 }
-export default function CopyTextIcon({ text, title, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function CopyTextIcon({ text, title, style }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/basics/copy-text-icon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import { IconButton, Tooltip } from '@mui/material';
-export default function CopyTextIcon({ text, title = 'Copy', style = {} }) {
+export function CopyTextIcon({ text, title = 'Copy', style = {} }) {
     const handleCopy = async () => {
         try {
             await navigator.clipboard.writeText(text);

package/dist/src/components/basics/editable-string-list.d.ts

@@ -4,4 +4,4 @@ export interface Props {
     setValues?: any;
     onChange?: any;
 }
-export default function EditableStringList({ label, values, setValues, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function EditableStringList({ label, values, setValues, onChange }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/basics/editable-string-list.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from 'react';
 import { TextField, List, ListItem, ListItemText, IconButton, Stack } from '@mui/material';
 import { Add, Check, Delete, Edit } from '@mui/icons-material';
-export default function EditableStringList({ label, values, setValues, onChange }) {
+export function EditableStringList({ label, values, setValues, onChange }) {
     const [input, setInput] = useState('');
     const [editIndex, setEditIndex] = useState(null);
     const updateItems = (newItems) => {

package/dist/src/components/basics/text-area-field.d.ts

@@ -8,5 +8,5 @@ interface Props {
     value: string;
     style?: any;
 }
-export default function TextAreaField({ disabled, id, label, minRows, onChange, required, value, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function TextAreaField({ disabled, id, label, minRows, onChange, required, value, style }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/basics/text-area-field.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormControl, InputLabel, TextareaAutosize } from '@mui/material';
-export default function TextAreaField({ disabled, id, label, minRows = 5, onChange = {}, required = false, value, style = {} }) {
+export function TextAreaField({ disabled, id, label, minRows = 5, onChange = {}, required = false, value, style = {} }) {
     // Render
     return (_jsx("div", { style: style, children: _jsxs(FormControl, { fullWidth: true, children: [_jsx(InputLabel, { htmlFor: id, required: required, style: {
                         position: 'absolute',

package/dist/src/components/basics/view-link-field.d.ts

@@ -4,5 +4,5 @@ interface Props {
     value: string;
     style?: any;
 }
-export default function ViewLinkField({ label, href, value, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ViewLinkField({ label, href, value, style }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/basics/view-link-field.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link, Typography } from '@mui/material';
-export default function ViewLinkField({ label, href, value, style = {} }) {
+export function ViewLinkField({ label, href, value, style = {} }) {
     // Render
     return (_jsxs("div", { style: style, children: [_jsx(Typography, { variant: 'caption', children: label }), _jsx(Typography, { variant: 'body1', children: _jsx(Link, { href: href, children: value }) })] }));
 }

package/dist/src/components/basics/view-markdown-field.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: string;
     style?: any;
 }
-export default function ViewMarkdownField({ label, value, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ViewMarkdownField({ label, value, style }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/basics/view-markdown-field.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ReactMarkdown from 'react-markdown';
 import { Typography } from '@mui/material';
-export default function ViewMarkdownField({ label, value, style = {} }) {
+export function ViewMarkdownField({ label, value, style = {} }) {
     // Render
     return (_jsxs("div", { style: style, children: [_jsx(Typography, { variant: 'caption', children: label }), _jsx("div", { style: { marginTop: '-1em' }, children: _jsx(ReactMarkdown, { children: value }) })] }));
 }

package/dist/src/components/basics/view-text-field.d.ts

@@ -3,5 +3,5 @@ interface Props {
     value: string;
     style?: any;
 }
-export default function ViewTextField({ label, value, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ViewTextField({ label, value, style }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/basics/view-text-field.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography } from '@mui/material';
-export default function ViewTextField({ label, value, style = {} }) {
+export function ViewTextField({ label, value, style = {} }) {
     // Render
     return (_jsxs("div", { style: style, children: [_jsx(Typography, { variant: 'caption', children: label }), _jsx(Typography, { variant: 'body1', children: value })] }));
 }

package/dist/src/components/buttons/labeled-icon-button.d.ts

@@ -8,5 +8,5 @@ interface Props {
     backgroundColor?: string;
     style?: any;
 }
-export default function LabeledIconButton({ disabled, icon, label, onClick, color, textColor, backgroundColor, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function LabeledIconButton({ disabled, icon, label, onClick, color, textColor, backgroundColor, style }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/buttons/labeled-icon-button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Button, styled } from '@mui/material';
 import { grey } from '@mui/material/colors';
-export default function LabeledIconButton({ disabled, icon, label, onClick, color = grey[700], textColor = grey[500], backgroundColor = grey[100], style = {} }) {
+export function LabeledIconButton({ disabled, icon, label, onClick, color = grey[700], textColor = grey[500], backgroundColor = grey[100], style = {} }) {
     // Consts
     const Icon = icon;
     const ColorButton = styled(Button)(({ theme }) => ({

package/dist/src/components/mailing-lists/sign-up.d.ts

@@ -1,5 +1,5 @@
 interface Props {
     mailingListName: string;
 }
-export default function MailingListSignUp({ mailingListName }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function MailingListSignUp({ mailingListName }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/mailing-lists/sign-up.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { useMutation } from '@apollo/client/react';
 import { mailingListSignupMutation } from '../../apollo/mailing-lists';
 import { Alert, Button, TextField } from '@mui/material';
-export default function MailingListSignUp({ mailingListName }) {
+export function MailingListSignUp({ mailingListName }) {
     // State
     const [alertSeverity, setAlertSeverity] = useState(undefined);
     const [message, setMessage] = useState(undefined);

package/dist/src/components/notifications/action.d.ts

@@ -4,5 +4,5 @@ interface Props {
     notificationOpened: boolean;
     setNotificationOpened: any;
 }
-export default function ActionNotification({ message, autoHideDuration, notificationOpened, setNotificationOpened }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ActionNotification({ message, autoHideDuration, notificationOpened, setNotificationOpened }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/notifications/action.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import CloseIcon from '@mui/icons-material/Close';
 import IconButton from '@mui/material/IconButton';
 import Snackbar from '@mui/material/Snackbar';
-export default function ActionNotification({ message, autoHideDuration, notificationOpened, setNotificationOpened }) {
+export function ActionNotification({ message, autoHideDuration, notificationOpened, setNotificationOpened }) {
     const handleNotificationClose = (event, reason) => {
         if (reason === 'clickaway') {
             return;

package/dist/src/components/tech/load-techs.d.ts

@@ -3,5 +3,5 @@ interface Props {
     resource: string;
     setTechs: any;
 }
-export default function LoadTechByFilter({ userProfileId, resource, setTechs }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function LoadTechByFilter({ userProfileId, resource, setTechs }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/tech/load-techs.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { useQuery } from '@apollo/client/react';
 import { getTechsQuery } from '../../apollo/techs';
-export default function LoadTechByFilter({ userProfileId, resource, setTechs }) {
+export function LoadTechByFilter({ userProfileId, resource, setTechs }) {
     // GraphQL
     const { refetch: fetchTechsQuery } = useQuery(getTechsQuery, {
         fetchPolicy: 'no-cache'

package/dist/src/components/tech/tech-autocomplete.d.ts

@@ -13,5 +13,5 @@ interface Props {
     values: Tech[];
     variant?: TextFieldVariants | undefined;
 }
-export default function TechAutocomplete({ disabled, label, onChange, setValue, style, value, values, variant }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function TechAutocomplete({ disabled, label, onChange, setValue, style, value, values, variant }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/tech/tech-autocomplete.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Autocomplete from '@mui/material/Autocomplete';
 import FormControl from '@mui/material/FormControl';
 import TextField from '@mui/material/TextField';
-export default function TechAutocomplete({ disabled = false, label, onChange = () => { }, setValue, style = {}, value, values, variant = 'standard' }) {
+export function TechAutocomplete({ disabled = false, label, onChange = () => { }, setValue, style = {}, value, values, variant = 'standard' }) {
     const selectedTech = values.find((tech) => tech.id === value) || null;
     return (_jsx(FormControl, { fullWidth: true, children: _jsx(Autocomplete, { disabled: disabled, value: selectedTech, onChange: (event, newValue) => {
                 // console.log(`newValue: ` + JSON.stringify(newValue))

package/dist/src/components/tips/load-tips.d.ts

@@ -3,5 +3,5 @@ interface Props {
     tipTags: string[];
     setTips: any;
 }
-export default function LoadTips({ userProfileId, tipTags, setTips }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function LoadTips({ userProfileId, tipTags, setTips }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/tips/load-tips.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { useQuery } from '@apollo/client/react';
 import { getTipsByUserProfileIdAndTagsQuery } from '../../apollo/tips';
-export default function LoadTips({ userProfileId, tipTags, setTips }) {
+export function LoadTips({ userProfileId, tipTags, setTips }) {
     // GraphQL
     const { refetch: fetchGetTipsByUserProfileIdAndTagsQuery } = useQuery(getTipsByUserProfileIdAndTagsQuery, {
         fetchPolicy: 'no-cache'

package/dist/src/components/tips/tip.d.ts

@@ -7,5 +7,5 @@ interface Props {
     style: any;
     userProfileId: string;
 }
-export default function Tip({ name, label, text, setFocusRef, setTipVisible, style, userProfileId }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Tip({ name, label, text, setFocusRef, setTipVisible, style, userProfileId }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/tips/tip.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMutation } from '@apollo/client/react';
 import { upsertTipGotItMutation } from '../../apollo/tips';
 import { Button, Card, CardActions, CardContent, Typography } from '@mui/material';
-export default function Tip({ name, label, text, setFocusRef = undefined, setTipVisible, style = {}, userProfileId }) {
+export function Tip({ name, label, text, setFocusRef = undefined, setTipVisible, style = {}, userProfileId }) {
     // GraphQL
     const [sendUpsertTipGotItMutation] = useMutation(upsertTipGotItMutation, {
         fetchPolicy: 'no-cache',

package/package.json

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

package/src/components/account/profile.tsx

@@ -4,7 +4,7 @@ import Button from '@mui/material/Button'
 import TextField from '@mui/material/TextField'
 import Select from '@mui/material/Select'
 import { useEffect, useState } from 'react'
-import ActionNotification from '../notifications/action'
+import { ActionNotification } from '../notifications/action'
 import { RestApiService } from '../../services/rest-api/service'
 import { FormControl, InputLabel, Typography } from '@mui/material'
 import { countries } from '../../services/locale/countries'
@@ -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