@ifto/mantine-kit 0.4.0 → 0.5.1

package/dist/hook/useService.js

@@ -7,6 +7,8 @@ function useService(fetchMethod, initialData) {
 	const [loading, setLoading] = useState(true);
 	useEffect(() => {
 		let obsolete = false;
+		setLoading(true);
+		setError(null);
 		fetchMethod().then((responseData) => !obsolete && setData(responseData)).catch((e) => !obsolete && setError(e)).finally(() => !obsolete && setLoading(false));
 		return () => {
 			obsolete = true;

package/dist/hook/useService.js.map

@@ -1 +1 @@
-{"version":3,"file":"useService.js","names":[],"sources":["../../src/hook/useService.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** Values returned by {@link useService}. */\nexport type UseService<D> = {\n    /** Data of the fetch, or the initial value while it has not finished (or if it failed). */\n    data: D;\n\n    /** Error of the fetch; `null` if it has not finished yet or succeeded. */\n    error: unknown | null;\n\n    /** Whether the fetch has not finished yet. */\n    loading: boolean;\n};\n\n/**\n * Fetches data when the component mounts and every time `fetchMethod` changes.\n * Without an initial value, `data` is `undefined` while loading (or after a failure), so the caller must handle it.\n * @param fetchMethod function that fetches the data. It must be stable (e.g. with `useCallback`), since a new function\n *        triggers a new fetch\n * @return the data (`undefined` until the fetch finishes), the error and whether the fetch is still running\n */\nfunction useService<T>(fetchMethod: () => Promise<T>): UseService<T | undefined>;\n\n/**\n * Fetches data when the component mounts and every time `fetchMethod` changes, starting with the given value (e.g. an\n * empty array for a list), so `data` always has the type of the fetched data.\n * @param fetchMethod function that fetches the data. It must be stable (e.g. with `useCallback`), since a new function\n *        triggers a new fetch\n * @param initialData value of `data` until the fetch finishes (and after a failure)\n * @return the data, the error and whether the fetch is still running\n */\nfunction useService<T>(fetchMethod: () => Promise<T>, initialData: T): UseService<T>;\n\nfunction useService<T>(fetchMethod: () => Promise<T>, initialData?: T): UseService<T | undefined> {\n    const [data, setData] = useState<T | undefined>(initialData);\n    const [error, setError] = useState<unknown | null>(null);\n    const [loading, setLoading] = useState(true);\n\n    useEffect(() => {\n        /* When fetchMethod changes (e.g. another filter), the previous fetch becomes obsolete. If its response arrives\n           after the one of the new fetch, it cannot overwrite the current data. */\n        let obsolete = false;\n        fetchMethod()\n            .then(responseData => !obsolete && setData(responseData))\n            .catch(e => !obsolete && setError(e))\n            .finally(() => !obsolete && setLoading(false));\n\n        return () => {\n            obsolete = true;\n        };\n    }, [fetchMethod]);\n\n    return { data, error, loading };\n}\n\nexport default useService;\n"],"mappings":";;;AAiCA,SAAS,WAAc,aAA+B,aAA4C;CAC9F,MAAM,CAAC,MAAM,WAAW,SAAwB,WAAW;CAC3D,MAAM,CAAC,OAAO,YAAY,SAAyB,IAAI;CACvD,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAE3C,gBAAgB;EAGZ,IAAI,WAAW;EACf,YAAY,CAAC,CACR,MAAK,iBAAgB,CAAC,YAAY,QAAQ,YAAY,CAAC,CAAC,CACxD,OAAM,MAAK,CAAC,YAAY,SAAS,CAAC,CAAC,CAAC,CACpC,cAAc,CAAC,YAAY,WAAW,KAAK,CAAC;EAEjD,aAAa;GACT,WAAW;EACf;CACJ,GAAG,CAAC,WAAW,CAAC;CAEhB,OAAO;EAAE;EAAM;EAAO;CAAQ;AAClC"}
+{"version":3,"file":"useService.js","names":[],"sources":["../../src/hook/useService.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** Values returned by {@link useService}. */\nexport type UseService<D> = {\n    /** Data of the last successful fetch, or the initial value if none has finished yet. */\n    data: D;\n\n    /** Error of the current fetch; `null` if it has not finished yet or succeeded. */\n    error: unknown | null;\n\n    /** Whether the current fetch has not finished yet. */\n    loading: boolean;\n};\n\n/**\n * Fetches data when the component mounts and every time `fetchMethod` changes.\n * Without an initial value, `data` is `undefined` while loading (or after a failure), so the caller must handle it.\n * @param fetchMethod function that fetches the data. It must be stable (e.g. with `useCallback`), since a new function\n *        triggers a new fetch\n * @return the data (`undefined` until the fetch finishes), the error and whether the fetch is still running\n */\nfunction useService<T>(fetchMethod: () => Promise<T>): UseService<T | undefined>;\n\n/**\n * Fetches data when the component mounts and every time `fetchMethod` changes, starting with the given value (e.g. an\n * empty array for a list), so `data` always has the type of the fetched data.\n * @param fetchMethod function that fetches the data. It must be stable (e.g. with `useCallback`), since a new function\n *        triggers a new fetch\n * @param initialData value of `data` until the fetch finishes (and after a failure)\n * @return the data, the error and whether the fetch is still running\n */\nfunction useService<T>(fetchMethod: () => Promise<T>, initialData: T): UseService<T>;\n\nfunction useService<T>(fetchMethod: () => Promise<T>, initialData?: T): UseService<T | undefined> {\n    const [data, setData] = useState<T | undefined>(initialData);\n    const [error, setError] = useState<unknown | null>(null);\n    const [loading, setLoading] = useState(true);\n\n    useEffect(() => {\n        /* When fetchMethod changes (e.g. another filter), the previous fetch becomes obsolete. If its response arrives\n           after the one of the new fetch, it cannot overwrite the current data. */\n        let obsolete = false;\n        setLoading(true);\n        setError(null);\n        fetchMethod()\n            .then(responseData => !obsolete && setData(responseData))\n            .catch(e => !obsolete && setError(e))\n            .finally(() => !obsolete && setLoading(false));\n\n        return () => {\n            obsolete = true;\n        };\n    }, [fetchMethod]);\n\n    return { data, error, loading };\n}\n\nexport default useService;\n"],"mappings":";;;AAiCA,SAAS,WAAc,aAA+B,aAA4C;CAC9F,MAAM,CAAC,MAAM,WAAW,SAAwB,WAAW;CAC3D,MAAM,CAAC,OAAO,YAAY,SAAyB,IAAI;CACvD,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAE3C,gBAAgB;EAGZ,IAAI,WAAW;EACf,WAAW,IAAI;EACf,SAAS,IAAI;EACb,YAAY,CAAC,CACR,MAAK,iBAAgB,CAAC,YAAY,QAAQ,YAAY,CAAC,CAAC,CACxD,OAAM,MAAK,CAAC,YAAY,SAAS,CAAC,CAAC,CAAC,CACpC,cAAc,CAAC,YAAY,WAAW,KAAK,CAAC;EAEjD,aAAa;GACT,WAAW;EACf;CACJ,GAAG,CAAC,WAAW,CAAC;CAEhB,OAAO;EAAE;EAAM;EAAO;CAAQ;AAClC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ifto/mantine-kit",
-    "version": "0.4.0",
+    "version": "0.5.1",
     "description": "General purpose Mantine components for React apps: CRUD tables and forms, layout, ECharts charts, Excel/CSV export, print pages and a REST HTTP client, with i18n (en-US and pt-BR).",
     "license": "MIT",
     "author": "IFTO - Campus Palmas",