@pisell/private-materials 3.4.156 → 3.4.157

package/lib/plus/inventory/InventoryLocationManagement.js

@@ -0,0 +1,298 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_objectSpread2 = require("../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_asyncToGenerator = require("../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js");
+const require_utils = require("./utils.js");
+const require_context = require("./context.js");
+const require_hooks = require("./hooks.js");
+const require_components = require("./components.js");
+const require_RecordDialog = require("./RecordDialog.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+let ahooks = require("ahooks");
+let _ant_design_icons = require("@ant-design/icons");
+//#region src/plus/inventory/InventoryLocationManagement.tsx
+function NavigationLocation({ record, expanded, onToggle, selection, onSelect, revision, selectedShelf }) {
+	const { t, name } = require_context.useInventory();
+	const shelves = require_hooks.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.default.createElement("div", { className: "inventory-nav-location" }, /* @__PURE__ */ react.default.createElement("div", { className: `inventory-nav-row ${selection.kind === "location" && selection.id === record.id ? "is-selected" : ""}` }, /* @__PURE__ */ react.default.createElement(antd.Button, {
+		type: "text",
+		"aria-expanded": expanded,
+		"aria-label": t(expanded ? "collapse" : "expand"),
+		icon: /* @__PURE__ */ react.default.createElement(_ant_design_icons.CaretRightOutlined, {
+			rotate: expanded ? 90 : 0,
+			style: { fontSize: 12 }
+		}),
+		onClick: onToggle
+	}), /* @__PURE__ */ react.default.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.default.createElement("span", {
+		className: "inventory-inactive-dot",
+		title: t("inactive")
+	}, " ", "· ", t("inactive")))), expanded && /* @__PURE__ */ react.default.createElement("div", { className: "inventory-nav-shelves" }, /* @__PURE__ */ react.default.createElement(require_components.RequestError, {
+		error: shelves.error,
+		retry: () => void shelves.reload()
+	}), rows.map((shelf) => /* @__PURE__ */ react.default.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.default.createElement("span", { className: "inventory-inactive-dot" }, " ", "· ", t("inactive")))), shelves.loading && !shelves.hasMore && /* @__PURE__ */ react.default.createElement(require_components.InventoryNavLoading, null), !shelves.loading && !shelves.error && !rows.length && /* @__PURE__ */ react.default.createElement("span", { className: "inventory-nav-empty" }, t("empty")), shelves.hasMore && /* @__PURE__ */ react.default.createElement(antd.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 } = require_context.useInventory();
+	const [selection, setSelection] = (0, react.useState)({ kind: "root" });
+	const [expanded, setExpanded] = (0, react.useState)(() => /* @__PURE__ */ new Set());
+	const [navigationRevision, setNavigationRevision] = (0, react.useState)(0);
+	const [target, setTarget] = (0, react.useState)();
+	const selectionKey = JSON.stringify(selection);
+	const [filter, setFilter] = (0, react.useState)({
+		key: selectionKey,
+		search: ""
+	});
+	const search = filter.key === selectionKey ? filter.search : "";
+	const status = filter.key === selectionKey ? filter.status : void 0;
+	const debouncedSearch = (0, ahooks.useDebounce)((0, react.useMemo)(() => ({
+		key: selectionKey,
+		search
+	}), [selectionKey, search]), { wait: 300 });
+	const keyword = debouncedSearch.key === selectionKey ? debouncedSearch.search : "";
+	const mutation = require_hooks.useInventoryMutation();
+	const locations = require_hooks.useInventoryOptions("location", {}, true, navigationRevision);
+	const selected = require_hooks.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 = require_hooks.useInventoryList(resource, require_objectSpread2._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);
+	(0, react.useEffect)(() => {
+		if (selection.kind !== "root" && selected.data === null) {
+			report(new Error(t("missing")));
+			setSelection({ kind: "root" });
+		}
+	}, [
+		selected.data,
+		selectionKey,
+		report,
+		t
+	]);
+	(0, react.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(require_asyncToGenerator._asyncToGenerator(function* () {
+		if (!(yield confirm("deleteTitle", /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, name(record), /* @__PURE__ */ react.default.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 = (0, react.useMemo)(() => [
+		{
+			title: t("name"),
+			key: "name",
+			dataIndex: "name",
+			width: 250,
+			render: (_, record) => /* @__PURE__ */ react.default.createElement(antd.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.default.createElement(_ant_design_icons.RightOutlined, null))
+		},
+		{
+			title: t("status"),
+			key: "status",
+			dataIndex: "status",
+			render: (value) => /* @__PURE__ */ react.default.createElement(require_components.StatusTag, { status: value })
+		},
+		{
+			title: t("sort"),
+			key: "sort",
+			dataIndex: "sort"
+		},
+		...resource === "space" ? [{
+			title: t("totalQuantity"),
+			key: "stock_quantity",
+			dataIndex: "stock_quantity",
+			render: require_utils.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.default.createElement(antd.Space, { size: 0 }, /* @__PURE__ */ react.default.createElement(antd.Button, {
+				type: "link",
+				disabled: mutation.busy,
+				onClick: () => open("view", resource, record.id)
+			}, t("view")), /* @__PURE__ */ react.default.createElement(antd.Button, {
+				type: "link",
+				disabled: mutation.busy,
+				onClick: () => open("edit", resource, record.id)
+			}, t("edit")), /* @__PURE__ */ react.default.createElement(antd.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.default.createElement("button", {
+		className: "inventory-text-button",
+		onClick: () => setSelection({ kind: "root" })
+	}, t("allLocations")) }];
+	if (selectedLocation) breadcrumbs.push({ title: /* @__PURE__ */ react.default.createElement("button", {
+		className: "inventory-text-button",
+		onClick: () => setSelection({
+			kind: "location",
+			id: selectedLocation.id
+		})
+	}, name(selectedLocation)) });
+	if (selectedShelf) breadcrumbs.push({ title: /* @__PURE__ */ react.default.createElement("span", null, name(selectedShelf)) });
+	return /* @__PURE__ */ react.default.createElement("div", {
+		className: `inventory-page ${className || ""}`,
+		style
+	}, /* @__PURE__ */ react.default.createElement(require_components.InventoryHeader, {
+		title: t("locations"),
+		description: t("hierarchyHint")
+	}, /* @__PURE__ */ react.default.createElement(antd.Button, {
+		icon: /* @__PURE__ */ react.default.createElement(_ant_design_icons.ReloadOutlined, null),
+		disabled: mutation.busy,
+		onClick: refresh
+	}, t("refresh"))), /* @__PURE__ */ react.default.createElement("div", { className: "inventory-location-layout" }, /* @__PURE__ */ react.default.createElement("nav", {
+		className: "inventory-navigation",
+		"aria-label": t("locations")
+	}, /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		className: `inventory-nav-row inventory-nav-root ${selection.kind === "root" ? "is-selected" : ""}`,
+		onClick: () => setSelection({ kind: "root" })
+	}, t("allLocations")), /* @__PURE__ */ react.default.createElement(require_components.RequestError, {
+		error: locations.error,
+		retry: () => void locations.reload()
+	}), navigationLocations.map((record) => /* @__PURE__ */ react.default.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.default.createElement(require_components.InventoryNavLoading, null), !locations.loading && !locations.error && !locations.rows.length && /* @__PURE__ */ react.default.createElement("span", { className: "inventory-nav-empty" }, t("empty")), locations.hasMore && /* @__PURE__ */ react.default.createElement(antd.Button, {
+		type: "text",
+		block: true,
+		loading: locations.loading,
+		onClick: () => void locations.loadMore()
+	}, t("loadMore"))), /* @__PURE__ */ react.default.createElement("main", { className: "inventory-location-main" }, /* @__PURE__ */ react.default.createElement(antd.Breadcrumb, { items: breadcrumbs }), /* @__PURE__ */ react.default.createElement(require_components.RequestError, {
+		error: selected.error,
+		retry: selected.reload
+	}), selected.data && /* @__PURE__ */ react.default.createElement("div", { className: "inventory-section-heading" }, /* @__PURE__ */ react.default.createElement(antd.Space, null, /* @__PURE__ */ react.default.createElement("h3", null, name(selected.data)), /* @__PURE__ */ react.default.createElement(require_components.StatusTag, { status: selected.data.status })), /* @__PURE__ */ react.default.createElement(antd.Space, null, /* @__PURE__ */ react.default.createElement(antd.Tooltip, { title: t("edit") }, /* @__PURE__ */ react.default.createElement(antd.Button, {
+		disabled: mutation.busy,
+		onClick: () => selection.kind !== "root" && open("edit", selection.kind, selection.id)
+	}, t("edit"))), /* @__PURE__ */ react.default.createElement(antd.Button, {
+		danger: true,
+		disabled: mutation.busy,
+		onClick: () => selection.kind !== "root" && remove(selection.kind, selected.data)
+	}, t("remove")))), /* @__PURE__ */ react.default.createElement("div", { className: "inventory-toolbar" }, /* @__PURE__ */ react.default.createElement(require_components.SearchInput, {
+		value: search,
+		onChange: (value) => setFilter({
+			key: selectionKey,
+			search: value,
+			status
+		})
+	}), /* @__PURE__ */ react.default.createElement(require_components.StatusSelect, {
+		value: status,
+		onChange: (value) => setFilter({
+			key: selectionKey,
+			search,
+			status: value
+		})
+	}), /* @__PURE__ */ react.default.createElement(antd.Button, {
+		type: "primary",
+		className: "inventory-toolbar-primary",
+		icon: /* @__PURE__ */ react.default.createElement(_ant_design_icons.PlusOutlined, null),
+		disabled: mutation.busy || selected.loading || !!selected.error || selection.kind !== "root" && !selected.data,
+		onClick: () => open("create")
+	}, t("add"), " ", t(resource))), /* @__PURE__ */ react.default.createElement(require_components.RequestError, {
+		error: list.error,
+		retry: list.reload
+	}), /* @__PURE__ */ react.default.createElement(require_components.InventoryTable, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, list), {}, {
+		loading: list.loading || selected.loading || mutation.busy,
+		columns,
+		tableKey: `locations-${resource}`
+	})))), target && /* @__PURE__ */ react.default.createElement(require_RecordDialog.default, {
+		target,
+		onClose: () => setTarget(void 0),
+		onSaved: () => {
+			setTarget(void 0);
+			refresh();
+		}
+	}));
+}
+function InventoryLocationManagement(props) {
+	return /* @__PURE__ */ react.default.createElement(require_context.InventoryProvider, { id: props.__id }, /* @__PURE__ */ react.default.createElement(LocationPage, props));
+}
+//#endregion
+exports.default = InventoryLocationManagement;

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

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

package/lib/plus/inventory/InventoryUnitManagement.js

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