@pisell/private-materials 6.3.220 → 6.3.222

package/es/plus/inventory/hooks.js

@@ -0,0 +1,235 @@
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { mergeInventoryRecords } from "./utils.js";
+import { useInventory } from "./context.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/plus/inventory/hooks.ts
+function useInventoryQuery(load, queryKey, enabled = true) {
+	const { api } = useInventory();
+	const loadRef = useRef(load);
+	loadRef.current = load;
+	const [revision, setRevision] = useState(0);
+	const key = `${queryKey}:${revision}`;
+	const [result, setResult] = useState({
+		key: "",
+		loading: false
+	});
+	useEffect(() => {
+		if (!enabled) return;
+		let current = true;
+		setResult({
+			key,
+			api,
+			loading: true
+		});
+		Promise.resolve().then(() => loadRef.current()).then((data) => {
+			if (current) setResult({
+				key,
+				api,
+				data,
+				loading: false
+			});
+		}, (error) => {
+			if (current) setResult({
+				key,
+				api,
+				error,
+				loading: false
+			});
+		});
+		return () => {
+			current = false;
+		};
+	}, [
+		key,
+		enabled,
+		api
+	]);
+	const reload = useCallback(() => setRevision((value) => value + 1), []);
+	const valid = enabled && result.key === key && result.api === api;
+	return {
+		data: valid ? result.data : void 0,
+		error: valid ? result.error : void 0,
+		loading: enabled && (!valid || result.loading),
+		reload
+	};
+}
+function useInventoryList(resource, filters = {}, enabled = true) {
+	var _query$data$count, _query$data, _query$data$list, _query$data2;
+	const { api } = useInventory();
+	const filterKey = JSON.stringify([resource, filters]);
+	const [pager, setPager] = useState({
+		key: filterKey,
+		page: 1,
+		size: 20
+	});
+	const page = pager.key === filterKey ? pager.page : 1;
+	const { size } = pager;
+	const local = resource === "item-unit";
+	const query = useInventoryQuery(_asyncToGenerator(function* () {
+		if (local) {
+			const units = yield api.units(filters);
+			return {
+				list: units,
+				count: units.length,
+				page: 1,
+				size: units.length
+			};
+		}
+		return api.list(resource, _objectSpread2(_objectSpread2({}, filters), {}, {
+			page,
+			size
+		}));
+	}), JSON.stringify([
+		filterKey,
+		local ? null : page,
+		local ? null : size
+	]), enabled);
+	const count = (_query$data$count = (_query$data = query.data) === null || _query$data === void 0 ? void 0 : _query$data.count) !== null && _query$data$count !== void 0 ? _query$data$count : 0;
+	useEffect(() => {
+		if (!query.data) return;
+		const lastPage = Math.max(1, Math.ceil(query.data.count / size));
+		if (page > lastPage) setPager({
+			key: filterKey,
+			page: lastPage,
+			size
+		});
+	}, [
+		query.data,
+		page,
+		size,
+		filterKey
+	]);
+	const rows = (_query$data$list = (_query$data2 = query.data) === null || _query$data2 === void 0 ? void 0 : _query$data2.list) !== null && _query$data$list !== void 0 ? _query$data$list : [];
+	return _objectSpread2(_objectSpread2({}, query), {}, {
+		count,
+		page,
+		size,
+		rows: local ? rows.slice((page - 1) * size, page * size) : rows,
+		onPageChange: (nextPage, nextSize) => setPager({
+			key: filterKey,
+			page: nextSize === size ? nextPage : 1,
+			size: nextSize
+		})
+	});
+}
+function useInventoryOptions(resource, filters = {}, enabled = true, revision = 0) {
+	const { api } = useInventory();
+	const key = JSON.stringify([
+		resource,
+		filters,
+		revision
+	]);
+	const generation = useRef(0);
+	const busy = useRef(false);
+	const [result, setResult] = useState({
+		key: "",
+		rows: [],
+		count: 0,
+		page: 0,
+		loading: false
+	});
+	const valid = enabled && result.key === key;
+	const fetchPage = useCallback(function() {
+		var _ref = _asyncToGenerator(function* (page) {
+			if (!enabled || page > 1 && busy.current) return;
+			const requestId = ++generation.current;
+			busy.current = true;
+			setResult((previous) => ({
+				key,
+				rows: page === 1 ? [] : previous.rows,
+				count: page === 1 ? 0 : previous.count,
+				page: page === 1 ? 0 : previous.page,
+				loading: true
+			}));
+			try {
+				const data = yield api.list(resource, _objectSpread2(_objectSpread2({}, JSON.parse(key)[1]), {}, {
+					page,
+					size: 20
+				}));
+				if (generation.current !== requestId) return;
+				setResult((previous) => ({
+					key,
+					rows: page === 1 ? data.list : mergeInventoryRecords(previous.rows, data.list),
+					count: data.count,
+					page,
+					loading: false
+				}));
+			} catch (error) {
+				if (generation.current === requestId) setResult((previous) => _objectSpread2(_objectSpread2({}, previous), {}, {
+					loading: false,
+					error
+				}));
+			} finally {
+				if (generation.current === requestId) busy.current = false;
+			}
+		});
+		return function(_x) {
+			return _ref.apply(this, arguments);
+		};
+	}(), [
+		api,
+		resource,
+		key,
+		enabled
+	]);
+	useEffect(() => {
+		if (enabled) fetchPage(1);
+		return () => {
+			++generation.current;
+			busy.current = false;
+		};
+	}, [fetchPage, enabled]);
+	return {
+		rows: valid ? result.rows : [],
+		loading: enabled && (!valid || result.loading),
+		error: valid ? result.error : void 0,
+		hasMore: valid && result.page * 20 < result.count,
+		loadMore: () => fetchPage(result.page + 1),
+		reload: () => fetchPage(1)
+	};
+}
+function useInventoryMutation() {
+	const { report } = useInventory();
+	const locked = useRef(false);
+	const mounted = useRef(true);
+	const [busy, setBusy] = useState(false);
+	useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+		};
+	}, []);
+	return {
+		busy,
+		run: function() {
+			var _ref2 = _asyncToGenerator(function* (operation) {
+				if (locked.current || !mounted.current) return;
+				locked.current = true;
+				setBusy(true);
+				try {
+					yield operation();
+				} catch (error) {
+					if (mounted.current) report(error);
+				} finally {
+					locked.current = false;
+					if (mounted.current) setBusy(false);
+				}
+			});
+			return function run(_x2) {
+				return _ref2.apply(this, arguments);
+			};
+		}()
+	};
+}
+function useUnsavedChanges() {
+	const { confirm, t } = useInventory();
+	const [dirty, setDirty] = useState(false);
+	return {
+		dirty,
+		setDirty,
+		canLeave: () => dirty ? confirm("unsavedTitle", t("unsavedHint"), true) : Promise.resolve(true)
+	};
+}
+//#endregion
+export { useInventoryList, useInventoryMutation, useInventoryOptions, useInventoryQuery, useUnsavedChanges };