@pisell/private-materials 3.4.156 → 3.4.158

package/es/plus/inventory/InventoryLocationManagement.js

@@ -0,0 +1,296 @@
+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 { inventoryQuantity } from "./utils.js";
+import { InventoryProvider, useInventory } from "./context.js";
+import { useInventoryList, useInventoryMutation, useInventoryOptions, useInventoryQuery } from "./hooks.js";
+import { InventoryHeader, InventoryNavLoading, InventoryTable, RequestError, SearchInput, StatusSelect, StatusTag } from "./components.js";
+import RecordDialog from "./RecordDialog.js";
+import React, { useEffect, useMemo, useState } from "react";
+import { Breadcrumb, Button, Space, Tooltip } from "antd";
+import { useDebounce } from "ahooks";
+import { CaretRightOutlined, PlusOutlined, ReloadOutlined, RightOutlined } from "@ant-design/icons";
+//#region src/plus/inventory/InventoryLocationManagement.tsx
+function NavigationLocation({ record, expanded, onToggle, selection, onSelect, revision, selectedShelf }) {
+	const { t, name } = useInventory();
+	const shelves = useInventoryOptions("shelf", { location_id: record.id }, expanded, revision);
+	const rows = (selectedShelf === null || selectedShelf === void 0 ? void 0 : selectedShelf.location_id) === record.id && !shelves.rows.some((shelf) => shelf.id === selectedShelf.id) ? [selectedShelf, ...shelves.rows] : shelves.rows;
+	return /* @__PURE__ */ React.createElement("div", { className: "inventory-nav-location" }, /* @__PURE__ */ React.createElement("div", { className: `inventory-nav-row ${selection.kind === "location" && selection.id === record.id ? "is-selected" : ""}` }, /* @__PURE__ */ React.createElement(Button, {
+		type: "text",
+		"aria-expanded": expanded,
+		"aria-label": t(expanded ? "collapse" : "expand"),
+		icon: /* @__PURE__ */ React.createElement(CaretRightOutlined, {
+			rotate: expanded ? 90 : 0,
+			style: { fontSize: 12 }
+		}),
+		onClick: onToggle
+	}), /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		className: "inventory-nav-label",
+		onClick: () => onSelect({
+			kind: "location",
+			id: record.id
+		}),
+		title: name(record)
+	}, name(record), record.status === "inactive" && /* @__PURE__ */ React.createElement("span", {
+		className: "inventory-inactive-dot",
+		title: t("inactive")
+	}, " ", "· ", t("inactive")))), expanded && /* @__PURE__ */ React.createElement("div", { className: "inventory-nav-shelves" }, /* @__PURE__ */ React.createElement(RequestError, {
+		error: shelves.error,
+		retry: () => void shelves.reload()
+	}), rows.map((shelf) => /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		key: shelf.id,
+		className: `inventory-nav-row inventory-nav-shelf ${selection.kind === "shelf" && selection.id === shelf.id ? "is-selected" : ""}`,
+		onClick: () => onSelect({
+			kind: "shelf",
+			id: shelf.id
+		}),
+		title: name(shelf)
+	}, name(shelf), shelf.status === "inactive" && /* @__PURE__ */ React.createElement("span", { className: "inventory-inactive-dot" }, " ", "· ", t("inactive")))), shelves.loading && !shelves.hasMore && /* @__PURE__ */ React.createElement(InventoryNavLoading, null), !shelves.loading && !shelves.error && !rows.length && /* @__PURE__ */ React.createElement("span", { className: "inventory-nav-empty" }, t("empty")), shelves.hasMore && /* @__PURE__ */ React.createElement(Button, {
+		type: "text",
+		block: true,
+		loading: shelves.loading,
+		onClick: () => void shelves.loadMore()
+	}, t("loadMore"))));
+}
+function LocationPage({ className, style }) {
+	const { api, t, name, confirm, success, report } = useInventory();
+	const [selection, setSelection] = useState({ kind: "root" });
+	const [expanded, setExpanded] = useState(() => /* @__PURE__ */ new Set());
+	const [navigationRevision, setNavigationRevision] = useState(0);
+	const [target, setTarget] = useState();
+	const selectionKey = JSON.stringify(selection);
+	const [filter, setFilter] = useState({
+		key: selectionKey,
+		search: ""
+	});
+	const search = filter.key === selectionKey ? filter.search : "";
+	const status = filter.key === selectionKey ? filter.status : void 0;
+	const debouncedSearch = useDebounce(useMemo(() => ({
+		key: selectionKey,
+		search
+	}), [selectionKey, search]), { wait: 300 });
+	const keyword = debouncedSearch.key === selectionKey ? debouncedSearch.search : "";
+	const mutation = useInventoryMutation();
+	const locations = useInventoryOptions("location", {}, true, navigationRevision);
+	const selected = useInventoryQuery(() => selection.kind === "root" ? Promise.resolve(null) : api.detail(selection.kind, selection.id, selection.kind === "shelf" ? ["location"] : void 0), selectionKey, selection.kind !== "root");
+	const selectedShelf = selection.kind === "shelf" ? selected.data : void 0;
+	const selectedLocation = selection.kind === "location" ? selected.data : selectedShelf === null || selectedShelf === void 0 ? void 0 : selectedShelf.location;
+	const resource = selection.kind === "root" ? "location" : selection.kind === "location" ? "shelf" : "space";
+	const list = useInventoryList(resource, _objectSpread2({
+		search: keyword || void 0,
+		status
+	}, selection.kind === "location" ? { location_id: selection.id } : selection.kind === "shelf" ? { shelf_id: selection.id } : {}), selection.kind === "root" || !!selected.data);
+	useEffect(() => {
+		if (selection.kind !== "root" && selected.data === null) {
+			report(new Error(t("missing")));
+			setSelection({ kind: "root" });
+		}
+	}, [
+		selected.data,
+		selectionKey,
+		report,
+		t
+	]);
+	useEffect(() => {
+		if (selectedShelf === null || selectedShelf === void 0 ? void 0 : selectedShelf.location_id) setExpanded((previous) => new Set([...previous, selectedShelf.location_id]));
+	}, [selectedShelf === null || selectedShelf === void 0 ? void 0 : selectedShelf.location_id]);
+	const refresh = () => {
+		list.reload();
+		selected.reload();
+		setNavigationRevision((value) => value + 1);
+	};
+	const open = (mode, kind = resource, id) => {
+		setTarget({
+			resource: kind,
+			mode,
+			id,
+			location: selectedLocation || void 0,
+			shelf: selectedShelf || void 0
+		});
+	};
+	const remove = (kind, record) => void mutation.run(_asyncToGenerator(function* () {
+		if (!(yield confirm("deleteTitle", /* @__PURE__ */ React.createElement(React.Fragment, null, name(record), /* @__PURE__ */ React.createElement("p", null, t("deleteHint")))))) return;
+		try {
+			yield api.remove(kind, record.id);
+			success("deleted");
+			if (selection.kind === kind && selection.id === record.id) setSelection({ kind: "root" });
+		} finally {
+			refresh();
+		}
+	}));
+	const columns = useMemo(() => [
+		{
+			title: t("name"),
+			key: "name",
+			dataIndex: "name",
+			width: 250,
+			render: (_, record) => /* @__PURE__ */ React.createElement(Button, {
+				type: "link",
+				onClick: () => {
+					if (resource === "space") open("view", resource, record.id);
+					else setSelection({
+						kind: resource,
+						id: record.id
+					});
+				}
+			}, name(record), resource !== "space" && /* @__PURE__ */ React.createElement(RightOutlined, null))
+		},
+		{
+			title: t("status"),
+			key: "status",
+			dataIndex: "status",
+			render: (value) => /* @__PURE__ */ React.createElement(StatusTag, { status: value })
+		},
+		{
+			title: t("sort"),
+			key: "sort",
+			dataIndex: "sort"
+		},
+		...resource === "space" ? [{
+			title: t("totalQuantity"),
+			key: "stock_quantity",
+			dataIndex: "stock_quantity",
+			render: inventoryQuantity
+		}] : [],
+		{
+			title: t("updated"),
+			key: "updated_at",
+			dataIndex: "updated_at",
+			render: (value) => value || "—"
+		},
+		{
+			title: t("actions"),
+			key: "actions",
+			dataIndex: "actions",
+			width: 210,
+			fixed: "right",
+			render: (_, record) => /* @__PURE__ */ React.createElement(Space, { size: 0 }, /* @__PURE__ */ React.createElement(Button, {
+				type: "link",
+				disabled: mutation.busy,
+				onClick: () => open("view", resource, record.id)
+			}, t("view")), /* @__PURE__ */ React.createElement(Button, {
+				type: "link",
+				disabled: mutation.busy,
+				onClick: () => open("edit", resource, record.id)
+			}, t("edit")), /* @__PURE__ */ React.createElement(Button, {
+				type: "link",
+				danger: true,
+				disabled: mutation.busy,
+				onClick: () => remove(resource, record)
+			}, t("remove")))
+		}
+	], [
+		t,
+		name,
+		resource,
+		mutation.busy,
+		selectedLocation,
+		selectedShelf,
+		selectionKey,
+		api,
+		confirm
+	]);
+	const navigationLocations = selectedLocation && !locations.rows.some((record) => record.id === selectedLocation.id) ? [selectedLocation, ...locations.rows] : locations.rows;
+	const breadcrumbs = [{ title: /* @__PURE__ */ React.createElement("button", {
+		className: "inventory-text-button",
+		onClick: () => setSelection({ kind: "root" })
+	}, t("allLocations")) }];
+	if (selectedLocation) breadcrumbs.push({ title: /* @__PURE__ */ React.createElement("button", {
+		className: "inventory-text-button",
+		onClick: () => setSelection({
+			kind: "location",
+			id: selectedLocation.id
+		})
+	}, name(selectedLocation)) });
+	if (selectedShelf) breadcrumbs.push({ title: /* @__PURE__ */ React.createElement("span", null, name(selectedShelf)) });
+	return /* @__PURE__ */ React.createElement("div", {
+		className: `inventory-page ${className || ""}`,
+		style
+	}, /* @__PURE__ */ React.createElement(InventoryHeader, {
+		title: t("locations"),
+		description: t("hierarchyHint")
+	}, /* @__PURE__ */ React.createElement(Button, {
+		icon: /* @__PURE__ */ React.createElement(ReloadOutlined, null),
+		disabled: mutation.busy,
+		onClick: refresh
+	}, t("refresh"))), /* @__PURE__ */ React.createElement("div", { className: "inventory-location-layout" }, /* @__PURE__ */ React.createElement("nav", {
+		className: "inventory-navigation",
+		"aria-label": t("locations")
+	}, /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		className: `inventory-nav-row inventory-nav-root ${selection.kind === "root" ? "is-selected" : ""}`,
+		onClick: () => setSelection({ kind: "root" })
+	}, t("allLocations")), /* @__PURE__ */ React.createElement(RequestError, {
+		error: locations.error,
+		retry: () => void locations.reload()
+	}), navigationLocations.map((record) => /* @__PURE__ */ React.createElement(NavigationLocation, {
+		key: record.id,
+		record,
+		selection,
+		selectedShelf,
+		expanded: expanded.has(record.id),
+		revision: navigationRevision,
+		onSelect: setSelection,
+		onToggle: () => setExpanded((previous) => {
+			const next = new Set(previous);
+			if (next.has(record.id)) next.delete(record.id);
+			else next.add(record.id);
+			return next;
+		})
+	})), locations.loading && !locations.hasMore && /* @__PURE__ */ React.createElement(InventoryNavLoading, null), !locations.loading && !locations.error && !locations.rows.length && /* @__PURE__ */ React.createElement("span", { className: "inventory-nav-empty" }, t("empty")), locations.hasMore && /* @__PURE__ */ React.createElement(Button, {
+		type: "text",
+		block: true,
+		loading: locations.loading,
+		onClick: () => void locations.loadMore()
+	}, t("loadMore"))), /* @__PURE__ */ React.createElement("main", { className: "inventory-location-main" }, /* @__PURE__ */ React.createElement(Breadcrumb, { items: breadcrumbs }), /* @__PURE__ */ React.createElement(RequestError, {
+		error: selected.error,
+		retry: selected.reload
+	}), selected.data && /* @__PURE__ */ React.createElement("div", { className: "inventory-section-heading" }, /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement("h3", null, name(selected.data)), /* @__PURE__ */ React.createElement(StatusTag, { status: selected.data.status })), /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement(Tooltip, { title: t("edit") }, /* @__PURE__ */ React.createElement(Button, {
+		disabled: mutation.busy,
+		onClick: () => selection.kind !== "root" && open("edit", selection.kind, selection.id)
+	}, t("edit"))), /* @__PURE__ */ React.createElement(Button, {
+		danger: true,
+		disabled: mutation.busy,
+		onClick: () => selection.kind !== "root" && remove(selection.kind, selected.data)
+	}, t("remove")))), /* @__PURE__ */ React.createElement("div", { className: "inventory-toolbar" }, /* @__PURE__ */ React.createElement(SearchInput, {
+		value: search,
+		onChange: (value) => setFilter({
+			key: selectionKey,
+			search: value,
+			status
+		})
+	}), /* @__PURE__ */ React.createElement(StatusSelect, {
+		value: status,
+		onChange: (value) => setFilter({
+			key: selectionKey,
+			search,
+			status: value
+		})
+	}), /* @__PURE__ */ React.createElement(Button, {
+		type: "primary",
+		className: "inventory-toolbar-primary",
+		icon: /* @__PURE__ */ React.createElement(PlusOutlined, null),
+		disabled: mutation.busy || selected.loading || !!selected.error || selection.kind !== "root" && !selected.data,
+		onClick: () => open("create")
+	}, t("add"), " ", t(resource))), /* @__PURE__ */ React.createElement(RequestError, {
+		error: list.error,
+		retry: list.reload
+	}), /* @__PURE__ */ React.createElement(InventoryTable, _objectSpread2(_objectSpread2({}, list), {}, {
+		loading: list.loading || selected.loading || mutation.busy,
+		columns,
+		tableKey: `locations-${resource}`
+	})))), target && /* @__PURE__ */ React.createElement(RecordDialog, {
+		target,
+		onClose: () => setTarget(void 0),
+		onSaved: () => {
+			setTarget(void 0);
+			refresh();
+		}
+	}));
+}
+function InventoryLocationManagement(props) {
+	return /* @__PURE__ */ React.createElement(InventoryProvider, { id: props.__id }, /* @__PURE__ */ React.createElement(LocationPage, props));
+}
+//#endregion
+export { InventoryLocationManagement as default };

package/es/plus/inventory/InventoryUnitManagement.d.ts

@@ -0,0 +1,7 @@
+import { InventoryPageProps } from "./types.js";
+import React from "react";
+
+//#region src/plus/inventory/InventoryUnitManagement.d.ts
+declare function InventoryUnitManagement(props: InventoryPageProps): React.JSX.Element;
+//#endregion
+export { InventoryUnitManagement };

package/es/plus/inventory/InventoryUnitManagement.js

@@ -0,0 +1,144 @@
+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 { InventoryProvider, useInventory } from "./context.js";
+import { useInventoryList, useInventoryMutation } from "./hooks.js";
+import { InventoryHeader, InventoryTable, RequestError, SearchInput, StatusSelect, StatusTag } from "./components.js";
+import RecordDialog from "./RecordDialog.js";
+import React, { useMemo, useState } from "react";
+import { Button, Space } from "antd";
+import { useDebounce } from "ahooks";
+import { PlusOutlined, ReloadOutlined } from "@ant-design/icons";
+//#region src/plus/inventory/InventoryUnitManagement.tsx
+function UnitPage({ className, style }) {
+	const { api, t, name, confirm, success } = useInventory();
+	const [search, setSearch] = useState("");
+	const keyword = useDebounce(search, { wait: 300 });
+	const [status, setStatus] = useState();
+	const [target, setTarget] = useState();
+	const mutation = useInventoryMutation();
+	const list = useInventoryList("item-unit", {
+		search: keyword || void 0,
+		status
+	});
+	const remove = (record) => void mutation.run(_asyncToGenerator(function* () {
+		if (!(yield confirm("deleteTitle", /* @__PURE__ */ React.createElement(React.Fragment, null, name(record), /* @__PURE__ */ React.createElement("p", null, t("deleteHint")))))) return;
+		try {
+			yield api.remove("item-unit", record.id);
+			success("deleted");
+		} finally {
+			list.reload();
+		}
+	}));
+	const columns = useMemo(() => [
+		{
+			title: t("name"),
+			key: "name",
+			dataIndex: "name",
+			width: 260,
+			render: (_, record) => /* @__PURE__ */ React.createElement(Button, {
+				type: "link",
+				onClick: () => setTarget({
+					resource: "item-unit",
+					id: record.id,
+					mode: "view"
+				})
+			}, name(record))
+		},
+		{
+			title: t("status"),
+			key: "status",
+			dataIndex: "status",
+			render: (value) => /* @__PURE__ */ React.createElement(StatusTag, { status: value })
+		},
+		{
+			title: t("sort"),
+			key: "sort",
+			dataIndex: "sort"
+		},
+		{
+			title: t("updated"),
+			key: "updated_at",
+			dataIndex: "updated_at",
+			render: (value) => value || "—"
+		},
+		{
+			title: t("actions"),
+			key: "actions",
+			dataIndex: "actions",
+			fixed: "right",
+			width: 220,
+			render: (_, record) => /* @__PURE__ */ React.createElement(Space, { size: 0 }, /* @__PURE__ */ React.createElement(Button, {
+				type: "link",
+				disabled: mutation.busy,
+				onClick: () => setTarget({
+					resource: "item-unit",
+					id: record.id,
+					mode: "view"
+				})
+			}, t("view")), /* @__PURE__ */ React.createElement(Button, {
+				type: "link",
+				disabled: mutation.busy,
+				onClick: () => setTarget({
+					resource: "item-unit",
+					id: record.id,
+					mode: "edit"
+				})
+			}, t("edit")), /* @__PURE__ */ React.createElement(Button, {
+				type: "link",
+				danger: true,
+				disabled: mutation.busy,
+				onClick: () => remove(record)
+			}, t("remove")))
+		}
+	], [
+		t,
+		name,
+		mutation.busy,
+		api,
+		confirm
+	]);
+	return /* @__PURE__ */ React.createElement("div", {
+		className: `inventory-page ${className || ""}`,
+		style
+	}, /* @__PURE__ */ React.createElement(InventoryHeader, {
+		title: t("units"),
+		description: t("unitHint")
+	}, /* @__PURE__ */ React.createElement(Button, {
+		type: "primary",
+		icon: /* @__PURE__ */ React.createElement(PlusOutlined, null),
+		disabled: mutation.busy,
+		onClick: () => setTarget({
+			resource: "item-unit",
+			mode: "create"
+		})
+	}, t("add"), " ", t("unit"))), /* @__PURE__ */ React.createElement("div", { className: "inventory-toolbar" }, /* @__PURE__ */ React.createElement(SearchInput, {
+		value: search,
+		onChange: setSearch
+	}), /* @__PURE__ */ React.createElement(StatusSelect, {
+		value: status,
+		onChange: setStatus
+	}), /* @__PURE__ */ React.createElement(Button, {
+		icon: /* @__PURE__ */ React.createElement(ReloadOutlined, null),
+		onClick: list.reload,
+		disabled: mutation.busy
+	}, t("refresh"))), /* @__PURE__ */ React.createElement(RequestError, {
+		error: list.error,
+		retry: list.reload
+	}), /* @__PURE__ */ React.createElement(InventoryTable, _objectSpread2(_objectSpread2({}, list), {}, {
+		loading: list.loading || mutation.busy,
+		columns,
+		tableKey: "units"
+	})), target && /* @__PURE__ */ React.createElement(RecordDialog, {
+		target,
+		onClose: () => setTarget(void 0),
+		onSaved: () => {
+			setTarget(void 0);
+			list.reload();
+		}
+	}));
+}
+function InventoryUnitManagement(props) {
+	return /* @__PURE__ */ React.createElement(InventoryProvider, { id: props.__id }, /* @__PURE__ */ React.createElement(UnitPage, props));
+}
+//#endregion
+export { InventoryUnitManagement as default };