@pisell/private-materials 6.3.220 → 6.3.222

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 };

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 };