shelflife-react-hooks 1.0.18 → 1.0.20

package/src/context/ProductContext.tsx

@@ -1,121 +1,131 @@
-import React, {
-    createContext,
-    useCallback,
-    useContext,
-    useMemo,
-    useState
-} from 'react';
-
-import type { Product } from '../type/models.js';
-import type { CreateProductRequest, UpdateProductRequest } from '../type/requests.js';
-import { useAuth } from './AuthContext.js';
-import {
-    createProductRequest,
-    deleteProductRequest,
-    fetchProductRequest,
-    fetchProductsRequest,
-    getProductIconRequest,
-    updateProductRequest,
-    uploadProductIconRequest
-} from './api/productApi.js';
-import type { PaginatedResponse } from '../type/PaginatedResponse.js';
-
-type ProductContextValue = {
-    products: Product[];
-    product: Product | null;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    fetchProducts: (search?: string, size?: number, page?: number) => Promise<PaginatedResponse<Product>>;
-    fetchProduct: (id: number) => Promise<Product | null>;
-    createProduct: (dto: CreateProductRequest) => Promise<Product>;
-    updateProduct: (id: number, dto: UpdateProductRequest) => Promise<Product>;
-    deleteProduct: (id: number) => Promise<void>;
-    getProductIcon: (id: number) => Promise<ArrayBuffer>;
-    uploadProductIcon: (id: number, file: Blob) => Promise<void>;
-};
-
-type ProductProviderProps = {
-    baseUrl: string;
-    children: React.ReactNode;
-};
-
-const ProductContext = createContext<ProductContextValue | undefined>(undefined);
-
-export const ProductProvider = ({ baseUrl, children }: ProductProviderProps) => {
-    const { token } = useAuth();
-    const [products, setProducts] = useState<Product[]>([]);
-    const [product, setProduct] = useState<Product | null>(null);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isError, setIsError] = useState(false);
-    const [error, setError] = useState<Error | null>(null);
-
-    const apiConfig = useMemo(() => ({
-        baseUrl,
-        token,
-        setProducts,
-        setProduct,
-        setIsLoading,
-        setIsError,
-        setError
-    }), [baseUrl, token]);
-
-    const fetchProducts = useCallback(
-        (search: string = "", size: number = 0, page: number = 0) => fetchProductsRequest(apiConfig, search, size, page),
-        [apiConfig]
-    );
-    const fetchProduct = useCallback((id: number) => fetchProductRequest(apiConfig, id), [apiConfig]);
-    const createProduct = useCallback(
-        (dto: CreateProductRequest) => createProductRequest(apiConfig, dto),
-        [apiConfig]
-    );
-    const updateProduct = useCallback(
-        (id: number, dto: UpdateProductRequest) => updateProductRequest(apiConfig, id, dto),
-        [apiConfig]
-    );
-    const deleteProduct = useCallback((id: number) => deleteProductRequest(apiConfig, id), [apiConfig]);
-    const getProductIcon = useCallback((id: number) => getProductIconRequest(apiConfig, id), [apiConfig]);
-    const uploadProductIcon = useCallback(
-        (id: number, file: Blob) => uploadProductIconRequest(apiConfig, id, file),
-        [apiConfig]
-    );
-
-    const value = useMemo<ProductContextValue>(() => ({
-        products,
-        product,
-        isLoading,
-        isError,
-        error,
-        fetchProducts,
-        fetchProduct,
-        createProduct,
-        updateProduct,
-        deleteProduct,
-        getProductIcon,
-        uploadProductIcon
-    }), [
-        createProduct,
-        deleteProduct,
-        error,
-        fetchProduct,
-        fetchProducts,
-        getProductIcon,
-        isError,
-        isLoading,
-        product,
-        products,
-        updateProduct,
-        uploadProductIcon
-    ]);
-
-    return <ProductContext.Provider value={value}>{children}</ProductContext.Provider>;
-};
-
-export const useProducts = (): ProductContextValue => {
-    const context = useContext(ProductContext);
-    if (!context) {
-        throw new Error('useProducts must be used within a ProductProvider');
-    }
-
-    return context;
-};
+import React, {
+    createContext,
+    useCallback,
+    useContext,
+    useMemo,
+    useState
+} from 'react';
+
+import type { Product } from '../type/models.js';
+import type { CreateProductRequest, UpdateProductRequest } from '../type/requests.js';
+import { useAuth } from './AuthContext.js';
+import {
+    createProductRequest,
+    deleteProductRequest,
+    fetchCategoriesRequest,
+    fetchProductRequest,
+    fetchProductsRequest,
+    getProductIconRequest,
+    updateProductRequest,
+    uploadProductIconRequest
+} from './api/productApi.js';
+import type { PaginatedResponse } from '../type/PaginatedResponse.js';
+
+type ProductContextValue = {
+    products: Product[];
+    product: Product | null;
+    categories: string[];
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    fetchCategories: () => Promise<string[] | null>;
+    fetchProducts: (search?: string, size?: number, page?: number) => Promise<PaginatedResponse<Product>>;
+    fetchProduct: (id: number) => Promise<Product | null>;
+    createProduct: (dto: CreateProductRequest) => Promise<Product>;
+    updateProduct: (id: number, dto: UpdateProductRequest) => Promise<Product>;
+    deleteProduct: (id: number) => Promise<void>;
+    getProductIcon: (id: number) => Promise<ArrayBuffer>;
+    uploadProductIcon: (id: number, file: Blob) => Promise<void>;
+};
+
+type ProductProviderProps = {
+    baseUrl: string;
+    children: React.ReactNode;
+};
+
+const ProductContext = createContext<ProductContextValue | undefined>(undefined);
+
+export const ProductProvider = ({ baseUrl, children }: ProductProviderProps) => {
+    const { token } = useAuth();
+    const [categories, setCategories] = useState<string[]>([]);
+    const [products, setProducts] = useState<Product[]>([]);
+    const [product, setProduct] = useState<Product | null>(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const [error, setError] = useState<Error | null>(null);
+
+    const apiConfig = useMemo(() => ({
+        baseUrl,
+        token,
+        setCategories,
+        setProducts,
+        setProduct,
+        setIsLoading,
+        setIsError,
+        setError
+    }), [baseUrl, token]);
+
+    const fetchProducts = useCallback(
+        (search: string = "", size: number = 0, page: number = 0) => fetchProductsRequest(apiConfig, search, size, page),
+        [apiConfig]
+    );
+    const fetchCategories = useCallback(() => fetchCategoriesRequest(apiConfig), [apiConfig]);
+    const fetchProduct = useCallback((id: number) => fetchProductRequest(apiConfig, id), [apiConfig]);
+    const createProduct = useCallback(
+        (dto: CreateProductRequest) => createProductRequest(apiConfig, dto),
+        [apiConfig]
+    );
+    const updateProduct = useCallback(
+        (id: number, dto: UpdateProductRequest) => updateProductRequest(apiConfig, id, dto),
+        [apiConfig]
+    );
+    const deleteProduct = useCallback((id: number) => deleteProductRequest(apiConfig, id), [apiConfig]);
+    const getProductIcon = useCallback((id: number) => getProductIconRequest(apiConfig, id), [apiConfig]);
+    const uploadProductIcon = useCallback(
+        (id: number, file: Blob) => uploadProductIconRequest(apiConfig, id, file),
+        [apiConfig]
+    );
+
+    const value = useMemo<ProductContextValue>(() => ({
+        products,
+        product,
+        isLoading,
+        isError,
+        error,
+        categories,
+        fetchCategories,
+        fetchProducts,
+        fetchProduct,
+        createProduct,
+        updateProduct,
+        deleteProduct,
+        getProductIcon,
+        uploadProductIcon
+    }), [
+        createProduct,
+        deleteProduct,
+        error,
+        fetchProduct,
+        fetchProducts,
+        fetchCategories,
+        getProductIcon,
+        isError,
+        isLoading,
+        product,
+        products,
+        categories,
+        updateProduct,
+        uploadProductIcon
+    ]);
+
+    return <ProductContext.Provider value={value}>{children}</ProductContext.Provider>;
+};
+
+export const useProducts = (): ProductContextValue => {
+    const context = useContext(ProductContext);
+    if (!context) {
+        throw new Error('useProducts must be used within a ProductProvider');
+    }
+
+    return context;
+};

package/src/context/RunningLowContext.tsx

@@ -1,100 +1,100 @@
-import React, {
-    createContext,
-    useCallback,
-    useContext,
-    useMemo,
-    useState
-} from 'react';
-
-import type { RunningLowSetting } from '../type/models.js';
-import type { CreateSettingRequest, EditSettingRequest } from '../type/requests.js';
-import { useAuth } from './AuthContext.js';
-import {
-    createSettingRequest,
-    deleteSettingRequest,
-    editSettingRequest,
-    fetchSettingsRequest
-} from './api/runningLowApi.js';
-
-type RunningLowContextValue = {
-    settings: RunningLowSetting[];
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    fetchSettings: (storageId: number) => Promise<RunningLowSetting[]>;
-    createSetting: (storageId: number, dto: CreateSettingRequest) => Promise<RunningLowSetting>;
-    editSetting: (storageId: number, id: number, dto: EditSettingRequest) => Promise<RunningLowSetting>;
-    deleteSetting: (storageId: number, id: number) => Promise<void>;
-};
-
-type RunningLowProviderProps = {
-    baseUrl: string;
-    children: React.ReactNode;
-};
-
-const RunningLowContext = createContext<RunningLowContextValue | undefined>(undefined);
-
-export const RunningLowProvider = ({ baseUrl, children }: RunningLowProviderProps) => {
-    const { token } = useAuth();
-    const [settings, setSettings] = useState<RunningLowSetting[]>([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isError, setIsError] = useState(false);
-    const [error, setError] = useState<Error | null>(null);
-
-    const apiConfig = useMemo(() => ({
-        baseUrl,
-        token,
-        setSettings,
-        setIsLoading,
-        setIsError,
-        setError
-    }), [baseUrl, token]);
-
-    const fetchSettings = useCallback(
-        (storageId: number) => fetchSettingsRequest(apiConfig, storageId),
-        [apiConfig]
-    );
-    const createSetting = useCallback(
-        (storageId: number, dto: CreateSettingRequest) => createSettingRequest(apiConfig, storageId, dto),
-        [apiConfig]
-    );
-    const editSetting = useCallback(
-        (storageId: number, id: number, dto: EditSettingRequest) => editSettingRequest(apiConfig, storageId, id, dto),
-        [apiConfig]
-    );
-    const deleteSetting = useCallback(
-        (storageId: number, id: number) => deleteSettingRequest(apiConfig, storageId, id),
-        [apiConfig]
-    );
-
-    const value = useMemo<RunningLowContextValue>(() => ({
-        settings,
-        isLoading,
-        isError,
-        error,
-        fetchSettings,
-        createSetting,
-        editSetting,
-        deleteSetting
-    }), [
-        createSetting,
-        deleteSetting,
-        editSetting,
-        error,
-        fetchSettings,
-        isError,
-        isLoading,
-        settings
-    ]);
-
-    return <RunningLowContext.Provider value={value}>{children}</RunningLowContext.Provider>;
-};
-
-export const useRunningLow = (): RunningLowContextValue => {
-    const context = useContext(RunningLowContext);
-    if (!context) {
-        throw new Error('useRunningLow must be used within a RunningLowProvider');
-    }
-
-    return context;
-};
+import React, {
+    createContext,
+    useCallback,
+    useContext,
+    useMemo,
+    useState
+} from 'react';
+
+import type { RunningLowSetting } from '../type/models.js';
+import type { CreateSettingRequest, EditSettingRequest } from '../type/requests.js';
+import { useAuth } from './AuthContext.js';
+import {
+    createSettingRequest,
+    deleteSettingRequest,
+    editSettingRequest,
+    fetchSettingsRequest
+} from './api/runningLowApi.js';
+
+type RunningLowContextValue = {
+    settings: RunningLowSetting[];
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    fetchSettings: (storageId: number) => Promise<RunningLowSetting[]>;
+    createSetting: (storageId: number, dto: CreateSettingRequest) => Promise<RunningLowSetting>;
+    editSetting: (storageId: number, id: number, dto: EditSettingRequest) => Promise<RunningLowSetting>;
+    deleteSetting: (storageId: number, id: number) => Promise<void>;
+};
+
+type RunningLowProviderProps = {
+    baseUrl: string;
+    children: React.ReactNode;
+};
+
+const RunningLowContext = createContext<RunningLowContextValue | undefined>(undefined);
+
+export const RunningLowProvider = ({ baseUrl, children }: RunningLowProviderProps) => {
+    const { token } = useAuth();
+    const [settings, setSettings] = useState<RunningLowSetting[]>([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const [error, setError] = useState<Error | null>(null);
+
+    const apiConfig = useMemo(() => ({
+        baseUrl,
+        token,
+        setSettings,
+        setIsLoading,
+        setIsError,
+        setError
+    }), [baseUrl, token]);
+
+    const fetchSettings = useCallback(
+        (storageId: number) => fetchSettingsRequest(apiConfig, storageId),
+        [apiConfig]
+    );
+    const createSetting = useCallback(
+        (storageId: number, dto: CreateSettingRequest) => createSettingRequest(apiConfig, storageId, dto),
+        [apiConfig]
+    );
+    const editSetting = useCallback(
+        (storageId: number, id: number, dto: EditSettingRequest) => editSettingRequest(apiConfig, storageId, id, dto),
+        [apiConfig]
+    );
+    const deleteSetting = useCallback(
+        (storageId: number, id: number) => deleteSettingRequest(apiConfig, storageId, id),
+        [apiConfig]
+    );
+
+    const value = useMemo<RunningLowContextValue>(() => ({
+        settings,
+        isLoading,
+        isError,
+        error,
+        fetchSettings,
+        createSetting,
+        editSetting,
+        deleteSetting
+    }), [
+        createSetting,
+        deleteSetting,
+        editSetting,
+        error,
+        fetchSettings,
+        isError,
+        isLoading,
+        settings
+    ]);
+
+    return <RunningLowContext.Provider value={value}>{children}</RunningLowContext.Provider>;
+};
+
+export const useRunningLow = (): RunningLowContextValue => {
+    const context = useContext(RunningLowContext);
+    if (!context) {
+        throw new Error('useRunningLow must be used within a RunningLowProvider');
+    }
+
+    return context;
+};

package/src/context/ShoppingListContext.tsx

@@ -1,76 +1,76 @@
-import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
-import type { ShoppingListItem } from '../type/models.js';
-import type { CreateShoppingItemRequest, EditShoppingItemRequest } from '../type/requests.js';
-import { useAuth } from './AuthContext.js';
-import {
-    fetchShoppingListRequest,
-    createShoppingItemRequest,
-    editShoppingItemRequest,
-    deleteShoppingItemRequest,
-    createStorageItemsWithShoppingListItemRequest,
-    fetchAggregatedShoppingListRequest
-} from './api/shoppingListApi.js';
-
-type ShoppingListContextValue = {
-    items: ShoppingListItem[];
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    createStorageItemsWithShoppingListItem: (storageId: number, itemId: number) => Promise<void>;
-    fetchAggregated: () => Promise<ShoppingListItem[]>;
-    fetchItems: (storageId: number) => Promise<ShoppingListItem[]>;
-    createItem: (storageId: number, dto: CreateShoppingItemRequest) => Promise<ShoppingListItem>;
-    editItem: (storageId: number, itemId: number, dto: EditShoppingItemRequest) => Promise<ShoppingListItem>;
-    deleteItem: (storageId: number, itemId: number) => Promise<void>;
-};
-
-type ShoppingListProviderProps = {
-    baseUrl: string;
-    children: React.ReactNode;
-};
-
-const ShoppingListContext = createContext<ShoppingListContextValue | undefined>(undefined);
-
-export const ShoppingListProvider = ({ baseUrl, children }: ShoppingListProviderProps) => {
-    const { token } = useAuth();
-    const [items, setItems] = useState<ShoppingListItem[]>([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isError, setIsError] = useState(false);
-    const [error, setError] = useState<Error | null>(null);
-
-    const apiConfig = { baseUrl, token, setItems, setIsLoading, setIsError, setError };
-
-    const fetchItems = useCallback(async (storageId: number) => {
-        return fetchShoppingListRequest(apiConfig, storageId);
-    }, [apiConfig]);
-
-    const createStorageItemsWithShoppingListItem = useCallback(async (storageId: number, itemId: number) => {
-        return createStorageItemsWithShoppingListItemRequest(apiConfig, storageId, itemId);
-    }, [apiConfig]);
-
-    const createItem = useCallback(async (storageId: number, dto: CreateShoppingItemRequest) => {
-        return createShoppingItemRequest(apiConfig, storageId, dto);
-    }, [apiConfig]);
-
-    const editItem = useCallback(async (storageId: number, itemId: number, dto: EditShoppingItemRequest) => {
-        return editShoppingItemRequest(apiConfig, storageId, itemId, dto);
-    }, [apiConfig]);
-
-    const deleteItem = useCallback(async (storageId: number, itemId: number) => {
-        return deleteShoppingItemRequest(apiConfig, storageId, itemId);
-    }, [apiConfig]);
-
-    const fetchAggregated = useCallback(async () => {
-        return fetchAggregatedShoppingListRequest(apiConfig);
-    }, [apiConfig]);
-
-    const value = useMemo(() => ({ items, isLoading, isError, error, fetchItems, createItem, editItem, deleteItem, createStorageItemsWithShoppingListItem, fetchAggregated }), [items, isLoading, isError, error, fetchItems, createItem, editItem, deleteItem, createStorageItemsWithShoppingListItem, fetchAggregated]);
-
-    return <ShoppingListContext.Provider value={value}>{children}</ShoppingListContext.Provider>;
-};
-
-export const useShoppingList = (): ShoppingListContextValue => {
-    const context = useContext(ShoppingListContext);
-    if (!context) throw new Error('useShoppingList must be used within a ShoppingListProvider');
-    return context;
-};
+import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
+import type { ShoppingListItem } from '../type/models.js';
+import type { CreateShoppingItemRequest, EditShoppingItemRequest } from '../type/requests.js';
+import { useAuth } from './AuthContext.js';
+import {
+    fetchShoppingListRequest,
+    createShoppingItemRequest,
+    editShoppingItemRequest,
+    deleteShoppingItemRequest,
+    createStorageItemsWithShoppingListItemRequest,
+    fetchAggregatedShoppingListRequest
+} from './api/shoppingListApi.js';
+
+type ShoppingListContextValue = {
+    items: ShoppingListItem[];
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    createStorageItemsWithShoppingListItem: (storageId: number, itemId: number) => Promise<void>;
+    fetchAggregated: () => Promise<ShoppingListItem[]>;
+    fetchItems: (storageId: number) => Promise<ShoppingListItem[]>;
+    createItem: (storageId: number, dto: CreateShoppingItemRequest) => Promise<ShoppingListItem>;
+    editItem: (storageId: number, itemId: number, dto: EditShoppingItemRequest) => Promise<ShoppingListItem>;
+    deleteItem: (storageId: number, itemId: number) => Promise<void>;
+};
+
+type ShoppingListProviderProps = {
+    baseUrl: string;
+    children: React.ReactNode;
+};
+
+const ShoppingListContext = createContext<ShoppingListContextValue | undefined>(undefined);
+
+export const ShoppingListProvider = ({ baseUrl, children }: ShoppingListProviderProps) => {
+    const { token } = useAuth();
+    const [items, setItems] = useState<ShoppingListItem[]>([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const [error, setError] = useState<Error | null>(null);
+
+    const apiConfig = { baseUrl, token, setItems, setIsLoading, setIsError, setError };
+
+    const fetchItems = useCallback(async (storageId: number) => {
+        return fetchShoppingListRequest(apiConfig, storageId);
+    }, [apiConfig]);
+
+    const createStorageItemsWithShoppingListItem = useCallback(async (storageId: number, itemId: number) => {
+        return createStorageItemsWithShoppingListItemRequest(apiConfig, storageId, itemId);
+    }, [apiConfig]);
+
+    const createItem = useCallback(async (storageId: number, dto: CreateShoppingItemRequest) => {
+        return createShoppingItemRequest(apiConfig, storageId, dto);
+    }, [apiConfig]);
+
+    const editItem = useCallback(async (storageId: number, itemId: number, dto: EditShoppingItemRequest) => {
+        return editShoppingItemRequest(apiConfig, storageId, itemId, dto);
+    }, [apiConfig]);
+
+    const deleteItem = useCallback(async (storageId: number, itemId: number) => {
+        return deleteShoppingItemRequest(apiConfig, storageId, itemId);
+    }, [apiConfig]);
+
+    const fetchAggregated = useCallback(async () => {
+        return fetchAggregatedShoppingListRequest(apiConfig);
+    }, [apiConfig]);
+
+    const value = useMemo(() => ({ items, isLoading, isError, error, fetchItems, createItem, editItem, deleteItem, createStorageItemsWithShoppingListItem, fetchAggregated }), [items, isLoading, isError, error, fetchItems, createItem, editItem, deleteItem, createStorageItemsWithShoppingListItem, fetchAggregated]);
+
+    return <ShoppingListContext.Provider value={value}>{children}</ShoppingListContext.Provider>;
+};
+
+export const useShoppingList = (): ShoppingListContextValue => {
+    const context = useContext(ShoppingListContext);
+    if (!context) throw new Error('useShoppingList must be used within a ShoppingListProvider');
+    return context;
+};