@pisell/private-materials 3.4.156 → 3.4.158

package/es/plus/inventory/ItemDrawer.js

@@ -0,0 +1,266 @@
+import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { inventoryQuantity, optionalText } from "./utils.js";
+import { useInventory } from "./context.js";
+import { useInventoryMutation, useInventoryQuery, useUnsavedChanges } from "./hooks.js";
+import { RequestError, StatusTag } from "./components.js";
+import { NameField, StatusField } from "./forms.js";
+import StockList from "./StockList.js";
+import React, { useEffect, useState } from "react";
+import { Alert, Button, Card, Drawer, Form, Input, Select, Spin, Tooltip } from "antd";
+import { AppstoreOutlined, CloseOutlined, InfoCircleOutlined, LinkOutlined } from "@ant-design/icons";
+//#region src/plus/inventory/ItemDrawer.tsx
+function DetailRow({ label, children }) {
+	return /* @__PURE__ */ React.createElement("div", { className: "inventory-drawer__info-row" }, /* @__PURE__ */ React.createElement("dt", null, label), /* @__PURE__ */ React.createElement("dd", null, children));
+}
+function ItemDrawer({ target, onClose, onChanged }) {
+	const { api, t, name, success, scopeId } = useInventory();
+	const [itemId, setItemId] = useState(target.id);
+	const [mode, setMode] = useState(target.mode);
+	const [tab, setTab] = useState("basic");
+	const [bindingsVisited, setBindingsVisited] = useState(false);
+	const [form] = Form.useForm();
+	const dirty = useUnsavedChanges();
+	const mutation = useInventoryMutation();
+	const query = useInventoryQuery(() => api.detail("item", itemId, ["unit"]), `item-${itemId}`, !!itemId);
+	const units = useInventoryQuery(() => api.units(), "drawer-units");
+	const record = query.data;
+	const readonly = mode === "view";
+	const unavailable = !!itemId && !query.loading && !query.error && record === null;
+	const disabled = readonly || mutation.busy || query.loading || !!query.error || unavailable;
+	useEffect(() => {
+		if (itemId && !record) return;
+		form.setFieldsValue(record ? {
+			name: record.name,
+			unit_id: record.unit_id || null,
+			sku: record.sku,
+			barcode: record.barcode,
+			cover: record.cover,
+			note: record.note,
+			stock_mode: record.stock_mode,
+			status: record.status
+		} : {
+			name: { original: "" },
+			unit_id: null,
+			sku: null,
+			barcode: null,
+			cover: null,
+			note: null,
+			stock_mode: "tracked",
+			status: "active"
+		});
+		dirty.setDirty(false);
+	}, [
+		record,
+		itemId,
+		form
+	]);
+	const close = function() {
+		var _ref = _asyncToGenerator(function* () {
+			if (!mutation.busy && (yield dirty.canLeave())) onClose();
+		});
+		return function close() {
+			return _ref.apply(this, arguments);
+		};
+	}();
+	const cancelEdit = function() {
+		var _ref2 = _asyncToGenerator(function* () {
+			if (!(yield dirty.canLeave())) return;
+			if (!itemId) {
+				onClose();
+				return;
+			}
+			dirty.setDirty(false);
+			setMode("view");
+			query.reload();
+		});
+		return function cancelEdit() {
+			return _ref2.apply(this, arguments);
+		};
+	}();
+	const save = () => mutation.run(_asyncToGenerator(function* () {
+		let values;
+		try {
+			values = yield form.validateFields();
+		} catch (_unused) {
+			return;
+		}
+		setItemId((yield api.save("item", itemId, {
+			name: values.name,
+			unit_id: values.unit_id || null,
+			sku: optionalText(values.sku),
+			barcode: optionalText(values.barcode),
+			cover: optionalText(values.cover),
+			note: optionalText(values.note),
+			stock_mode: values.stock_mode,
+			status: values.status
+		})).id);
+		setMode("view");
+		dirty.setDirty(false);
+		query.reload();
+		success("success");
+		onChanged();
+	}));
+	const unitOptions = (units.data || []).map((unit) => ({
+		value: unit.id,
+		label: `${name(unit)}${unit.status === "inactive" ? ` (${t("inactive")})` : ""}`
+	}));
+	if ((record === null || record === void 0 ? void 0 : record.unit_id) && !unitOptions.some((option) => option.value === record.unit_id)) unitOptions.push({
+		value: record.unit_id,
+		label: record.unit ? name(record.unit) : `${t("missing")} (#${record.unit_id})`
+	});
+	const basic = /* @__PURE__ */ React.createElement(Form, {
+		form,
+		layout: "vertical",
+		disabled,
+		onValuesChange: () => dirty.setDirty(true)
+	}, /* @__PURE__ */ React.createElement(Card, {
+		className: "inventory-drawer__card",
+		title: t("basic")
+	}, /* @__PURE__ */ React.createElement(NameField, { disabled }), /* @__PURE__ */ React.createElement("div", { className: "inventory-form-columns" }, /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "sku",
+		label: t("sku")
+	}, /* @__PURE__ */ React.createElement(Input, { maxLength: 128 })), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "barcode",
+		label: t("barcode")
+	}, /* @__PURE__ */ React.createElement(Input, { maxLength: 128 })), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "unit_id",
+		label: t("unit")
+	}, /* @__PURE__ */ React.createElement(Select, {
+		showSearch: true,
+		allowClear: true,
+		optionFilterProp: "label",
+		placeholder: t("noUnit"),
+		options: unitOptions,
+		loading: units.loading,
+		onDropdownVisibleChange: (open) => {
+			if (open) units.reload();
+		}
+	})), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "stock_mode",
+		label: t("stockMode"),
+		rules: [{
+			required: true,
+			message: t("required")
+		}]
+	}, /* @__PURE__ */ React.createElement(Select, { options: ["tracked", "unlimited"].map((value) => ({
+		value,
+		label: t(value)
+	})) }))), /* @__PURE__ */ React.createElement(RequestError, {
+		error: units.error,
+		retry: units.reload
+	}), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "cover",
+		label: t("cover"),
+		rules: [{ validator: (_, value) => {
+			if (!(value === null || value === void 0 ? void 0 : value.trim())) return Promise.resolve();
+			try {
+				const url = new URL(value.trim());
+				if (["https:", "http:"].includes(url.protocol) && value.trim().length <= 255) return Promise.resolve();
+			} catch (_unused2) {}
+			return Promise.reject(new Error(t("invalidUrl")));
+		} }]
+	}, /* @__PURE__ */ React.createElement(Input, { maxLength: 255 })), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "note",
+		label: t("note")
+	}, /* @__PURE__ */ React.createElement(Input.TextArea, {
+		maxLength: 500,
+		rows: 3,
+		showCount: true
+	})), /* @__PURE__ */ React.createElement(StatusField, null)));
+	const details = record && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Card, {
+		className: "inventory-drawer__card",
+		title: t("basic")
+	}, /* @__PURE__ */ React.createElement("dl", { className: "inventory-drawer__info-list" }, /* @__PURE__ */ React.createElement(DetailRow, { label: t("name") }, name(record)), /* @__PURE__ */ React.createElement(DetailRow, { label: t("sku") }, record.sku || "—"), /* @__PURE__ */ React.createElement(DetailRow, { label: t("barcode") }, record.barcode || "—"), /* @__PURE__ */ React.createElement(DetailRow, { label: t("unit") }, record.unit ? name(record.unit) : record.unit_id ? `${t("missing")} (#${record.unit_id})` : t("noUnit")), /* @__PURE__ */ React.createElement(DetailRow, { label: t("cover") }, record.cover || "—"), /* @__PURE__ */ React.createElement(DetailRow, { label: t("note") }, record.note || "—"))), /* @__PURE__ */ React.createElement(Card, {
+		className: "inventory-drawer__card",
+		title: t("status")
+	}, /* @__PURE__ */ React.createElement("dl", { className: "inventory-drawer__info-list" }, /* @__PURE__ */ React.createElement(DetailRow, { label: t("status") }, /* @__PURE__ */ React.createElement(StatusTag, { status: record.status })), /* @__PURE__ */ React.createElement(DetailRow, { label: t("stockMode") }, t(record.stock_mode)))), /* @__PURE__ */ React.createElement(Card, {
+		className: "inventory-drawer__card",
+		title: t("stockSummary")
+	}, /* @__PURE__ */ React.createElement("div", { className: "inventory-metrics" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, t("totalQuantity")), /* @__PURE__ */ React.createElement("strong", null, inventoryQuantity(record.stock_quantity))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, t("totalAvailable")), /* @__PURE__ */ React.createElement("strong", null, inventoryQuantity(record.stock_available_quantity))))));
+	const title = mode === "create" ? `${t("add")} ${t("item")}` : record ? name(record) : `${t("item")} #${itemId}`;
+	const bindingDisabled = !itemId || !readonly || query.loading || unavailable || !!query.error;
+	const bindingHint = !itemId ? t("saveFirst") : !readonly ? t("editBasicFirst") : void 0;
+	return /* @__PURE__ */ React.createElement(Drawer, {
+		open: true,
+		width: "min(720px, 100vw)",
+		onClose: () => void close(),
+		maskClosable: false,
+		closable: false,
+		destroyOnClose: true,
+		className: "inventory-drawer",
+		rootClassName: "inventory-drawer-root",
+		"aria-labelledby": `${scopeId}-item-drawer-title`,
+		styles: { body: {
+			padding: 0,
+			overflow: "hidden"
+		} }
+	}, /* @__PURE__ */ React.createElement("div", { className: "inventory-drawer__root" }, /* @__PURE__ */ React.createElement("nav", {
+		className: "inventory-drawer__sidebar",
+		"aria-label": t("item")
+	}, /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		className: `inventory-drawer__sidebar-item ${tab === "basic" ? "is-active" : ""}`,
+		"aria-current": tab === "basic" ? "page" : void 0,
+		onClick: () => setTab("basic")
+	}, /* @__PURE__ */ React.createElement(InfoCircleOutlined, null), /* @__PURE__ */ React.createElement("span", null, t("basic"))), /* @__PURE__ */ React.createElement(Tooltip, {
+		title: bindingHint,
+		placement: "right"
+	}, /* @__PURE__ */ React.createElement("span", { className: "inventory-drawer__sidebar-slot" }, /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		className: `inventory-drawer__sidebar-item ${tab === "bindings" ? "is-active" : ""}`,
+		"aria-current": tab === "bindings" ? "page" : void 0,
+		disabled: bindingDisabled,
+		onClick: () => {
+			setBindingsVisited(true);
+			setTab("bindings");
+		}
+	}, /* @__PURE__ */ React.createElement(LinkOutlined, null), /* @__PURE__ */ React.createElement("span", null, t("bindings")))))), /* @__PURE__ */ React.createElement("div", { className: "inventory-drawer__main" }, /* @__PURE__ */ React.createElement("header", { className: "inventory-drawer__header" }, /* @__PURE__ */ React.createElement("div", { className: "inventory-drawer__icon" }, (record === null || record === void 0 ? void 0 : record.cover) && /* @__PURE__ */ React.createElement("img", {
+		src: record.cover,
+		alt: ""
+	}), !(record === null || record === void 0 ? void 0 : record.cover) && /* @__PURE__ */ React.createElement(AppstoreOutlined, null)), /* @__PURE__ */ React.createElement("div", { className: "inventory-drawer__heading" }, /* @__PURE__ */ React.createElement("h2", { id: `${scopeId}-item-drawer-title` }, title), /* @__PURE__ */ React.createElement("div", { className: "inventory-drawer__subtitle" }, (record === null || record === void 0 ? void 0 : record.sku) || t("item"))), /* @__PURE__ */ React.createElement(Button, {
+		type: "text",
+		icon: /* @__PURE__ */ React.createElement(CloseOutlined, null),
+		"aria-label": t("close"),
+		disabled: mutation.busy,
+		onClick: () => void close()
+	})), /* @__PURE__ */ React.createElement("div", { className: "inventory-drawer__content" }, /* @__PURE__ */ React.createElement(RequestError, {
+		error: query.error,
+		retry: query.reload
+	}), unavailable && /* @__PURE__ */ React.createElement(Alert, {
+		type: "warning",
+		message: t("missing"),
+		showIcon: true
+	}), /* @__PURE__ */ React.createElement(Spin, { spinning: query.loading }, /* @__PURE__ */ React.createElement("section", {
+		hidden: tab !== "basic",
+		"aria-label": t("basic")
+	}, readonly && details, /* @__PURE__ */ React.createElement("div", { hidden: readonly }, basic)), /* @__PURE__ */ React.createElement("section", {
+		hidden: tab !== "bindings",
+		"aria-label": t("bindings")
+	}, bindingsVisited && itemId && !unavailable && !query.error && /* @__PURE__ */ React.createElement(Card, {
+		className: "inventory-drawer__card",
+		title: t("bindings")
+	}, /* @__PURE__ */ React.createElement(StockList, {
+		key: itemId,
+		owner: "item",
+		id: itemId,
+		onChanged: () => {
+			query.reload();
+			onChanged();
+		}
+	}))))), /* @__PURE__ */ React.createElement("footer", { className: "inventory-drawer__footer" }, /* @__PURE__ */ React.createElement(Button, {
+		disabled: mutation.busy,
+		onClick: () => void (readonly ? close() : cancelEdit())
+	}, t(readonly ? "close" : "cancel")), /* @__PURE__ */ React.createElement(Button, {
+		type: "primary",
+		loading: mutation.busy,
+		disabled: query.loading || !!query.error || unavailable || readonly && !record,
+		onClick: () => {
+			if (readonly) {
+				setMode("edit");
+				setTab("basic");
+			} else save();
+		}
+	}, t(readonly ? "edit" : "save"))))));
+}
+//#endregion
+export { ItemDrawer as default };

package/es/plus/inventory/RecordDialog.js

@@ -0,0 +1,141 @@
+import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { inventoryQuantity } from "./utils.js";
+import { useInventory } from "./context.js";
+import { useInventoryMutation, useInventoryQuery, useUnsavedChanges } from "./hooks.js";
+import { PagedInventorySelect, RequestError } from "./components.js";
+import { NameField, SortField, StatusField } from "./forms.js";
+import StockList from "./StockList.js";
+import React, { useEffect, useState } from "react";
+import { Alert, Form, Spin } from "antd";
+import { PisellModal } from "@pisell/materials";
+//#region src/plus/inventory/RecordDialog.tsx
+function RecordDialog({ target, onClose, onSaved }) {
+	var _shelf, _ref, _location;
+	const { api, t, success } = useInventory();
+	const [form] = Form.useForm();
+	const [mode, setMode] = useState(target.mode);
+	const dirty = useUnsavedChanges();
+	const mutation = useInventoryMutation();
+	const query = useInventoryQuery(() => api.detail(target.resource, target.id, target.resource === "shelf" ? ["location"] : target.resource === "space" ? ["shelf.location"] : void 0), `${target.resource}-${target.id}`, !!target.id);
+	const readonly = mode === "view";
+	const locationId = Form.useWatch("location_id", form);
+	const record = query.data;
+	const currentShelf = (_shelf = record === null || record === void 0 ? void 0 : record.shelf) !== null && _shelf !== void 0 ? _shelf : target.shelf;
+	const currentLocation = (_ref = (_location = record === null || record === void 0 ? void 0 : record.location) !== null && _location !== void 0 ? _location : currentShelf === null || currentShelf === void 0 ? void 0 : currentShelf.location) !== null && _ref !== void 0 ? _ref : target.location;
+	useEffect(() => {
+		var _record$sort, _target$location$id, _target$location, _target$shelf, _target$shelf2;
+		if (target.id && !record) return;
+		form.setFieldsValue(record ? {
+			name: record.name,
+			status: record.status,
+			sort: (_record$sort = record.sort) !== null && _record$sort !== void 0 ? _record$sort : 0,
+			location_id: target.resource === "shelf" ? record.location_id : currentShelf === null || currentShelf === void 0 ? void 0 : currentShelf.location_id,
+			shelf_id: target.resource === "space" ? record.shelf_id : void 0
+		} : {
+			name: { original: "" },
+			status: "active",
+			sort: 0,
+			location_id: (_target$location$id = (_target$location = target.location) === null || _target$location === void 0 ? void 0 : _target$location.id) !== null && _target$location$id !== void 0 ? _target$location$id : (_target$shelf = target.shelf) === null || _target$shelf === void 0 ? void 0 : _target$shelf.location_id,
+			shelf_id: (_target$shelf2 = target.shelf) === null || _target$shelf2 === void 0 ? void 0 : _target$shelf2.id
+		});
+		dirty.setDirty(false);
+	}, [
+		record,
+		target.id,
+		form
+	]);
+	const close = function() {
+		var _ref2 = _asyncToGenerator(function* () {
+			if (!mutation.busy && (yield dirty.canLeave())) onClose();
+		});
+		return function close() {
+			return _ref2.apply(this, arguments);
+		};
+	}();
+	const submit = () => mutation.run(_asyncToGenerator(function* () {
+		let values;
+		try {
+			values = yield form.validateFields();
+		} catch (_unused) {
+			return;
+		}
+		const payload = {
+			name: values.name,
+			status: values.status,
+			sort: values.sort
+		};
+		if (target.resource === "shelf") payload.location_id = values.location_id;
+		if (target.resource === "space") payload.shelf_id = values.shelf_id;
+		const saved = yield api.save(target.resource, target.id, payload);
+		dirty.setDirty(false);
+		success("success");
+		onSaved(saved);
+	}));
+	const label = t(target.resource === "item-unit" ? "unit" : target.resource);
+	const unavailable = !!target.id && !query.loading && !query.error && record === null;
+	const disabled = readonly || mutation.busy || query.loading || !!query.error || unavailable;
+	return /* @__PURE__ */ React.createElement(PisellModal, {
+		open: true,
+		title: `${t(mode === "create" ? "add" : mode === "edit" ? "edit" : "view")} · ${label}`,
+		size: target.resource === "space" && readonly ? "large" : "middle",
+		onCancel: () => void close(),
+		closable: !mutation.busy,
+		maskClosable: false,
+		cancelText: t(readonly ? "close" : "cancel"),
+		cancelButtonProps: { disabled: mutation.busy },
+		okText: t(readonly ? "edit" : "save"),
+		okVisible: !unavailable && !query.error,
+		okButtonProps: { disabled: query.loading },
+		confirmLoading: mutation.busy,
+		onOk: () => {
+			if (readonly) setMode("edit");
+			else submit();
+		}
+	}, /* @__PURE__ */ React.createElement("div", { className: "inventory-modal-body" }, /* @__PURE__ */ React.createElement(RequestError, {
+		error: query.error,
+		retry: query.reload
+	}), unavailable && /* @__PURE__ */ React.createElement(Alert, {
+		type: "warning",
+		showIcon: true,
+		message: t("missing")
+	}), /* @__PURE__ */ React.createElement(Spin, { spinning: query.loading }, /* @__PURE__ */ React.createElement(Form, {
+		form,
+		layout: "vertical",
+		disabled,
+		onValuesChange: () => dirty.setDirty(true)
+	}, /* @__PURE__ */ React.createElement(NameField, { disabled }), target.resource !== "item-unit" && target.resource !== "location" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "location_id",
+		label: t("location"),
+		rules: [{
+			required: true,
+			message: t("required")
+		}]
+	}, /* @__PURE__ */ React.createElement(PagedInventorySelect, {
+		resource: "location",
+		disabled,
+		selected: currentLocation,
+		placeholder: t("chooseLocation"),
+		onChange: () => {
+			if (target.resource === "space") form.setFieldValue("shelf_id", void 0);
+		}
+	})), target.resource === "space" && /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "shelf_id",
+		label: t("shelf"),
+		rules: [{
+			required: true,
+			message: t("required")
+		}]
+	}, /* @__PURE__ */ React.createElement(PagedInventorySelect, {
+		key: `shelf-${locationId}`,
+		resource: "shelf",
+		disabled: disabled || !locationId,
+		filters: { location_id: locationId },
+		selected: currentShelf,
+		placeholder: t("chooseShelf")
+	}))), /* @__PURE__ */ React.createElement("div", { className: "inventory-form-columns" }, /* @__PURE__ */ React.createElement(StatusField, null), /* @__PURE__ */ React.createElement(SortField, null))), /* @__PURE__ */ React.createElement("p", { className: "inventory-muted" }, t("statusHint")), !readonly && (target.resource === "shelf" || target.resource === "space") && /* @__PURE__ */ React.createElement("p", { className: "inventory-muted" }, t("parentHint")), readonly && target.resource === "space" && record && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "inventory-section-heading" }, /* @__PURE__ */ React.createElement("h3", null, t("referencedStock")), /* @__PURE__ */ React.createElement("span", null, t("totalQuantity"), ":", " ", inventoryQuantity(record.stock_quantity))), /* @__PURE__ */ React.createElement(StockList, {
+		owner: "space",
+		id: record.id
+	})))));
+}
+//#endregion
+export { RecordDialog as default };

package/es/plus/inventory/StockList.js

@@ -0,0 +1,132 @@
+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 { canUnbind, inventoryQuantity } from "./utils.js";
+import { useInventory } from "./context.js";
+import { useInventoryList, useInventoryMutation } from "./hooks.js";
+import { InventoryTable, RequestError, StatusTag } from "./components.js";
+import BindingModal from "./BindingModal.js";
+import React, { useMemo, useState } from "react";
+import { Alert, Button, Space, Tooltip } from "antd";
+//#region src/plus/inventory/StockList.tsx
+function StockList({ owner, id, onChanged }) {
+	const { api, t, name, confirm, success } = useInventory();
+	const [binding, setBinding] = useState(false);
+	const mutation = useInventoryMutation();
+	const list = useInventoryList("stock", {
+		[owner === "item" ? "item_id" : "space_id"]: id,
+		with: owner === "item" ? ["space.shelf.location"] : ["item.unit"]
+	});
+	const unbind = (stock) => void mutation.run(_asyncToGenerator(function* () {
+		if (!canUnbind(stock)) return;
+		if (!(yield confirm("unbindTitle", t("unbindHint")))) return;
+		try {
+			yield api.unbind(stock.id);
+			success("unbound");
+		} finally {
+			list.reload();
+			onChanged === null || onChanged === void 0 || onChanged();
+		}
+	}));
+	const columns = useMemo(() => {
+		return [
+			...owner === "item" ? [{
+				title: t("path"),
+				key: "path",
+				dataIndex: "space_id",
+				width: 320,
+				render: (_, stock) => {
+					var _space$shelf, _space$shelf2, _space$shelf3;
+					const space = stock.space;
+					return /* @__PURE__ */ React.createElement("div", { className: "inventory-path" }, /* @__PURE__ */ React.createElement("span", null, space ? `${name((_space$shelf = space.shelf) === null || _space$shelf === void 0 ? void 0 : _space$shelf.location)} / ${name(space.shelf)} / ${name(space)}` : `${t("missing")} (#${stock.space_id})`), /* @__PURE__ */ React.createElement(Space, {
+						size: 4,
+						wrap: true
+					}, (space === null || space === void 0 || (_space$shelf2 = space.shelf) === null || _space$shelf2 === void 0 || (_space$shelf2 = _space$shelf2.location) === null || _space$shelf2 === void 0 ? void 0 : _space$shelf2.status) === "inactive" && /* @__PURE__ */ React.createElement("span", null, t("location"), ": ", /* @__PURE__ */ React.createElement(StatusTag, { status: "inactive" })), (space === null || space === void 0 || (_space$shelf3 = space.shelf) === null || _space$shelf3 === void 0 ? void 0 : _space$shelf3.status) === "inactive" && /* @__PURE__ */ React.createElement("span", null, t("shelf"), ": ", /* @__PURE__ */ React.createElement(StatusTag, { status: "inactive" })), (space === null || space === void 0 ? void 0 : space.status) === "inactive" && /* @__PURE__ */ React.createElement("span", null, t("space"), ": ", /* @__PURE__ */ React.createElement(StatusTag, { status: "inactive" }))));
+				}
+			}] : [{
+				title: t("item"),
+				key: "item",
+				dataIndex: "item_id",
+				width: 230,
+				render: (_, stock) => {
+					var _stock$item, _stock$item2;
+					return /* @__PURE__ */ React.createElement(Space, {
+						direction: "vertical",
+						size: 0
+					}, /* @__PURE__ */ React.createElement("span", null, stock.item ? name(stock.item) : `${t("missing")} (#${stock.item_id})`), /* @__PURE__ */ React.createElement("span", { className: "inventory-muted" }, ((_stock$item = stock.item) === null || _stock$item === void 0 ? void 0 : _stock$item.sku) || "—", " ", /* @__PURE__ */ React.createElement(StatusTag, { status: (_stock$item2 = stock.item) === null || _stock$item2 === void 0 ? void 0 : _stock$item2.status })));
+				}
+			}, {
+				title: t("unit"),
+				key: "unit",
+				dataIndex: "unit",
+				render: (_, stock) => {
+					var _stock$item3;
+					return ((_stock$item3 = stock.item) === null || _stock$item3 === void 0 ? void 0 : _stock$item3.unit) ? name(stock.item.unit) : "—";
+				}
+			}],
+			{
+				title: t("quantity"),
+				key: "quantity",
+				dataIndex: "quantity",
+				align: "right",
+				render: inventoryQuantity
+			},
+			{
+				title: t("available"),
+				key: "available_quantity",
+				dataIndex: "available_quantity",
+				align: "right",
+				render: inventoryQuantity
+			},
+			...owner === "item" ? [{
+				title: t("actions"),
+				key: "actions",
+				dataIndex: "actions",
+				render: (_, stock) => /* @__PURE__ */ React.createElement(Tooltip, { title: !canUnbind(stock) ? t("unbindBlocked") : void 0 }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Button, {
+					type: "link",
+					danger: true,
+					disabled: !canUnbind(stock) || mutation.busy || list.loading,
+					onClick: () => unbind(stock)
+				}, t("unbind"))))
+			}] : []
+		];
+	}, [
+		owner,
+		t,
+		name,
+		mutation.busy,
+		list.loading,
+		confirm,
+		api,
+		onChanged
+	]);
+	return /* @__PURE__ */ React.createElement("section", { className: "inventory-stock-list" }, /* @__PURE__ */ React.createElement(Alert, {
+		type: "info",
+		showIcon: true,
+		className: "inventory-notice",
+		message: t("stockReadOnly")
+	}), /* @__PURE__ */ React.createElement("div", { className: "inventory-toolbar inventory-toolbar-end" }, /* @__PURE__ */ React.createElement(Button, {
+		onClick: list.reload,
+		disabled: mutation.busy
+	}, t("refresh")), owner === "item" && /* @__PURE__ */ React.createElement(Button, {
+		type: "primary",
+		onClick: () => setBinding(true),
+		disabled: mutation.busy
+	}, t("bind"))), /* @__PURE__ */ React.createElement(RequestError, {
+		error: list.error,
+		retry: list.reload
+	}), /* @__PURE__ */ React.createElement(InventoryTable, _objectSpread2(_objectSpread2({}, list), {}, {
+		columns,
+		loading: list.loading || mutation.busy,
+		tableKey: `${owner}-${id}-stocks`
+	})), binding && /* @__PURE__ */ React.createElement(BindingModal, {
+		itemId: id,
+		onClose: () => setBinding(false),
+		onBound: () => {
+			setBinding(false);
+			list.reload();
+			onChanged === null || onChanged === void 0 || onChanged();
+		}
+	}));
+}
+//#endregion
+export { StockList as default };

package/es/plus/inventory/api.js

@@ -0,0 +1,66 @@
+import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+//#region src/plus/inventory/api.ts
+var InventoryRequestError = class extends Error {
+	constructor(message, code) {
+		super(message);
+		this.code = code;
+		this.name = "InventoryRequestError";
+	}
+};
+const CONFIG = {
+	isPisell2: true,
+	fullResult: true,
+	customToast: () => void 0
+};
+const PREFIX = "/tenant/inventory";
+function createInventoryApi(client) {
+	function call(_x, _x2, _x3) {
+		return _call.apply(this, arguments);
+	}
+	function _call() {
+		_call = _asyncToGenerator(function* (method, path, params) {
+			if (!(client === null || client === void 0 ? void 0 : client[method])) throw new InventoryRequestError("noRequest");
+			const result = yield method === "remove" ? client.remove(`${PREFIX}/${path}`, CONFIG) : client[method](`${PREFIX}/${path}`, params, CONFIG);
+			if (!result || result.status !== true || result.code !== 200) throw new InventoryRequestError((result === null || result === void 0 ? void 0 : result.message) || "failed", result === null || result === void 0 ? void 0 : result.code);
+			return result.data;
+		});
+		return _call.apply(this, arguments);
+	}
+	function list(_x4, _x5) {
+		return _list.apply(this, arguments);
+	}
+	function _list() {
+		_list = _asyncToGenerator(function* (resource, params) {
+			const data = yield call("get", resource, params);
+			if (!data || !Array.isArray(data.list) || typeof data.count !== "number") throw new InventoryRequestError("invalidResponse");
+			return data;
+		});
+		return _list.apply(this, arguments);
+	}
+	return {
+		list,
+		units() {
+			return _asyncToGenerator(function* (params = {}) {
+				const data = yield call("get", "item-unit", params);
+				if (data !== null && !Array.isArray(data)) throw new InventoryRequestError("invalidResponse");
+				return data !== null && data !== void 0 ? data : [];
+			}).apply(this, arguments);
+		},
+		detail: (resource, id, withRelations) => call("get", `${resource}/${id}`, withRelations ? { with: withRelations } : {}),
+		save(resource, id, payload) {
+			return _asyncToGenerator(function* () {
+				const data = yield call(id ? "put" : "post", id ? `${resource}/${id}` : resource, payload);
+				if (!data || !Number.isInteger(data.id) || data.id <= 0) throw new InventoryRequestError("invalidResponse");
+				return data;
+			})();
+		},
+		remove: (resource, id) => call("remove", `${resource}/${id}`),
+		bind: (itemId, spaceId) => call("post", "stock", {
+			item_id: itemId,
+			space_id: spaceId
+		}),
+		unbind: (stockId) => call("remove", `stock/${stockId}`)
+	};
+}
+//#endregion
+export { createInventoryApi };