shelflife-react-hooks 1.0.18 → 1.0.20

package/src/context/StorageMemberContext.tsx

@@ -1,84 +1,84 @@
-import React, {
-    createContext,
-    useCallback,
-    useContext,
-    useMemo,
-    useState
-} from 'react';
-
-import type { StorageMember } from '../type/models.js';
-import type { InviteMemberRequest } from '../type/requests.js';
-import { useAuth } from './AuthContext.js';
-import {
-    fetchMembersRequest,
-    inviteMemberRequest,
-    removeMemberRequest
-} from './api/storageMemberApi.js';
-
-type StorageMemberContextValue = {
-    members: StorageMember[];
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    fetchMembers: (storageId: number) => Promise<StorageMember[]>;
-    inviteMember: (storageId: number, dto: InviteMemberRequest) => Promise<StorageMember>;
-    removeMember: (storageId: number, userId: number) => Promise<void>;
-};
-
-type StorageMemberProviderProps = {
-    baseUrl: string;
-    children: React.ReactNode;
-};
-
-const StorageMemberContext = createContext<StorageMemberContextValue | undefined>(undefined);
-
-export const StorageMemberProvider = ({ baseUrl, children }: StorageMemberProviderProps) => {
-    const { token } = useAuth();
-    const [members, setMembers] = useState<StorageMember[]>([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isError, setIsError] = useState(false);
-    const [error, setError] = useState<Error | null>(null);
-
-    const apiConfig = useMemo(() => ({
-        baseUrl,
-        token,
-        setMembers,
-        setIsLoading,
-        setIsError,
-        setError
-    }), [baseUrl, token]);
-
-    const fetchMembers = useCallback(
-        (storageId: number) => fetchMembersRequest(apiConfig, storageId),
-        [apiConfig]
-    );
-    const inviteMember = useCallback(
-        (storageId: number, dto: InviteMemberRequest) => inviteMemberRequest(apiConfig, storageId, dto),
-        [apiConfig]
-    );
-    const removeMember = useCallback(
-        (storageId: number, userId: number) => removeMemberRequest(apiConfig, storageId, userId),
-        [apiConfig]
-    );
-
-    const value = useMemo<StorageMemberContextValue>(() => ({
-        members,
-        isLoading,
-        isError,
-        error,
-        fetchMembers,
-        inviteMember,
-        removeMember
-    }), [error, fetchMembers, inviteMember, isError, isLoading, members, removeMember]);
-
-    return <StorageMemberContext.Provider value={value}>{children}</StorageMemberContext.Provider>;
-};
-
-export const useStorageMembers = (): StorageMemberContextValue => {
-    const context = useContext(StorageMemberContext);
-    if (!context) {
-        throw new Error('useStorageMembers must be used within a StorageMemberProvider');
-    }
-
-    return context;
-};
+import React, {
+    createContext,
+    useCallback,
+    useContext,
+    useMemo,
+    useState
+} from 'react';
+
+import type { StorageMember } from '../type/models.js';
+import type { InviteMemberRequest } from '../type/requests.js';
+import { useAuth } from './AuthContext.js';
+import {
+    fetchMembersRequest,
+    inviteMemberRequest,
+    removeMemberRequest
+} from './api/storageMemberApi.js';
+
+type StorageMemberContextValue = {
+    members: StorageMember[];
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    fetchMembers: (storageId: number) => Promise<StorageMember[]>;
+    inviteMember: (storageId: number, dto: InviteMemberRequest) => Promise<StorageMember>;
+    removeMember: (storageId: number, userId: number) => Promise<void>;
+};
+
+type StorageMemberProviderProps = {
+    baseUrl: string;
+    children: React.ReactNode;
+};
+
+const StorageMemberContext = createContext<StorageMemberContextValue | undefined>(undefined);
+
+export const StorageMemberProvider = ({ baseUrl, children }: StorageMemberProviderProps) => {
+    const { token } = useAuth();
+    const [members, setMembers] = useState<StorageMember[]>([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const [error, setError] = useState<Error | null>(null);
+
+    const apiConfig = useMemo(() => ({
+        baseUrl,
+        token,
+        setMembers,
+        setIsLoading,
+        setIsError,
+        setError
+    }), [baseUrl, token]);
+
+    const fetchMembers = useCallback(
+        (storageId: number) => fetchMembersRequest(apiConfig, storageId),
+        [apiConfig]
+    );
+    const inviteMember = useCallback(
+        (storageId: number, dto: InviteMemberRequest) => inviteMemberRequest(apiConfig, storageId, dto),
+        [apiConfig]
+    );
+    const removeMember = useCallback(
+        (storageId: number, userId: number) => removeMemberRequest(apiConfig, storageId, userId),
+        [apiConfig]
+    );
+
+    const value = useMemo<StorageMemberContextValue>(() => ({
+        members,
+        isLoading,
+        isError,
+        error,
+        fetchMembers,
+        inviteMember,
+        removeMember
+    }), [error, fetchMembers, inviteMember, isError, isLoading, members, removeMember]);
+
+    return <StorageMemberContext.Provider value={value}>{children}</StorageMemberContext.Provider>;
+};
+
+export const useStorageMembers = (): StorageMemberContextValue => {
+    const context = useContext(StorageMemberContext);
+    if (!context) {
+        throw new Error('useStorageMembers must be used within a StorageMemberProvider');
+    }
+
+    return context;
+};

package/src/context/UserContext.tsx

@@ -1,109 +1,109 @@
-import React, {
-    createContext,
-    useCallback,
-    useContext,
-    useMemo,
-    useState
-} from 'react';
-
-import type { User } from '../type/models.js';
-import type { ChangeUserDataRequest } from '../type/requests.js';
-import { useAuth } from './AuthContext.js';
-import {
-    deleteUserRequest,
-    fetchUserRequest,
-    fetchUsersRequest,
-    getUserPfpRequest,
-    updateUserRequest,
-    uploadUserPfpRequest
-} from './api/userApi.js';
-
-type UserContextValue = {
-    users: User[];
-    user: User | null;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    fetchUsers: () => Promise<User[]>;
-    fetchUser: (id: number) => Promise<User | null>;
-    updateUser: (id: number, dto: ChangeUserDataRequest) => Promise<User>;
-    deleteUser: (id: number) => Promise<void>;
-    getUserPfp: (id: number) => Promise<Blob>;
-    uploadUserPfp: (id: number, file: Blob) => Promise<void>;
-};
-
-type UserProviderProps = {
-    baseUrl: string;
-    children: React.ReactNode;
-};
-
-const UserContext = createContext<UserContextValue | undefined>(undefined);
-
-export const UserProvider = ({ baseUrl, children }: UserProviderProps) => {
-    const { token } = useAuth();
-    const [users, setUsers] = useState<User[]>([]);
-    const [user, setUser] = useState<User | null>(null);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isError, setIsError] = useState(false);
-    const [error, setError] = useState<Error | null>(null);
-
-    const apiConfig = useMemo(() => ({
-        baseUrl,
-        token,
-        setUsers,
-        setUser,
-        setIsLoading,
-        setIsError,
-        setError
-    }), [baseUrl, token]);
-
-    const fetchUsers = useCallback(() => fetchUsersRequest(apiConfig), [apiConfig]);
-    const fetchUser = useCallback((id: number) => fetchUserRequest(apiConfig, id), [apiConfig]);
-    const updateUser = useCallback(
-        (id: number, dto: ChangeUserDataRequest) => updateUserRequest(apiConfig, id, dto),
-        [apiConfig]
-    );
-    const deleteUser = useCallback((id: number) => deleteUserRequest(apiConfig, id), [apiConfig]);
-    const getUserPfp = useCallback((id: number) => getUserPfpRequest(apiConfig, id), [apiConfig]);
-    const uploadUserPfp = useCallback(
-        (id: number, file: Blob) => uploadUserPfpRequest(apiConfig, id, file),
-        [apiConfig]
-    );
-
-    const value = useMemo<UserContextValue>(() => ({
-        users,
-        user,
-        isLoading,
-        isError,
-        error,
-        fetchUsers,
-        fetchUser,
-        updateUser,
-        deleteUser,
-        getUserPfp,
-        uploadUserPfp
-    }), [
-        deleteUser,
-        error,
-        fetchUser,
-        fetchUsers,
-        getUserPfp,
-        isError,
-        isLoading,
-        updateUser,
-        uploadUserPfp,
-        user,
-        users
-    ]);
-
-    return <UserContext.Provider value={value}>{children}</UserContext.Provider>;
-};
-
-export const useUsers = (): UserContextValue => {
-    const context = useContext(UserContext);
-    if (!context) {
-        throw new Error('useUsers must be used within a UserProvider');
-    }
-
-    return context;
-};
+import React, {
+    createContext,
+    useCallback,
+    useContext,
+    useMemo,
+    useState
+} from 'react';
+
+import type { User } from '../type/models.js';
+import type { ChangeUserDataRequest } from '../type/requests.js';
+import { useAuth } from './AuthContext.js';
+import {
+    deleteUserRequest,
+    fetchUserRequest,
+    fetchUsersRequest,
+    getUserPfpRequest,
+    updateUserRequest,
+    uploadUserPfpRequest
+} from './api/userApi.js';
+
+type UserContextValue = {
+    users: User[];
+    user: User | null;
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    fetchUsers: () => Promise<User[]>;
+    fetchUser: (id: number) => Promise<User | null>;
+    updateUser: (id: number, dto: ChangeUserDataRequest) => Promise<User>;
+    deleteUser: (id: number) => Promise<void>;
+    getUserPfp: (id: number) => Promise<Blob>;
+    uploadUserPfp: (id: number, file: Blob) => Promise<void>;
+};
+
+type UserProviderProps = {
+    baseUrl: string;
+    children: React.ReactNode;
+};
+
+const UserContext = createContext<UserContextValue | undefined>(undefined);
+
+export const UserProvider = ({ baseUrl, children }: UserProviderProps) => {
+    const { token } = useAuth();
+    const [users, setUsers] = useState<User[]>([]);
+    const [user, setUser] = useState<User | null>(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const [error, setError] = useState<Error | null>(null);
+
+    const apiConfig = useMemo(() => ({
+        baseUrl,
+        token,
+        setUsers,
+        setUser,
+        setIsLoading,
+        setIsError,
+        setError
+    }), [baseUrl, token]);
+
+    const fetchUsers = useCallback(() => fetchUsersRequest(apiConfig), [apiConfig]);
+    const fetchUser = useCallback((id: number) => fetchUserRequest(apiConfig, id), [apiConfig]);
+    const updateUser = useCallback(
+        (id: number, dto: ChangeUserDataRequest) => updateUserRequest(apiConfig, id, dto),
+        [apiConfig]
+    );
+    const deleteUser = useCallback((id: number) => deleteUserRequest(apiConfig, id), [apiConfig]);
+    const getUserPfp = useCallback((id: number) => getUserPfpRequest(apiConfig, id), [apiConfig]);
+    const uploadUserPfp = useCallback(
+        (id: number, file: Blob) => uploadUserPfpRequest(apiConfig, id, file),
+        [apiConfig]
+    );
+
+    const value = useMemo<UserContextValue>(() => ({
+        users,
+        user,
+        isLoading,
+        isError,
+        error,
+        fetchUsers,
+        fetchUser,
+        updateUser,
+        deleteUser,
+        getUserPfp,
+        uploadUserPfp
+    }), [
+        deleteUser,
+        error,
+        fetchUser,
+        fetchUsers,
+        getUserPfp,
+        isError,
+        isLoading,
+        updateUser,
+        uploadUserPfp,
+        user,
+        users
+    ]);
+
+    return <UserContext.Provider value={value}>{children}</UserContext.Provider>;
+};
+
+export const useUsers = (): UserContextValue => {
+    const context = useContext(UserContext);
+    if (!context) {
+        throw new Error('useUsers must be used within a UserProvider');
+    }
+
+    return context;
+};