@pisell/private-materials 6.3.220 → 6.3.222

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

package/es/plus/inventory/components.js

@@ -0,0 +1,172 @@
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { useInventory } from "./context.js";
+import { useInventoryOptions } from "./hooks.js";
+import React, { useMemo, useState } from "react";
+import { Alert, Button, Empty, Input, Pagination, Select, Space, Spin, Tag } from "antd";
+import { PisellDataSourceContainer } from "@pisell/materials";
+import { useDebounce } from "ahooks";
+import { LoadingOutlined } from "@ant-design/icons";
+//#region src/plus/inventory/components.tsx
+function RequestError({ error, retry }) {
+	const { errorText, t } = useInventory();
+	return error ? /* @__PURE__ */ React.createElement(Alert, {
+		type: "error",
+		showIcon: true,
+		message: errorText(error),
+		action: /* @__PURE__ */ React.createElement(Button, { onClick: retry }, t("retry"))
+	}) : null;
+}
+function StatusTag({ status }) {
+	const { t } = useInventory();
+	return status ? /* @__PURE__ */ React.createElement(Tag, { color: status === "active" ? "green" : "default" }, t(status)) : null;
+}
+function StatusSelect({ value, onChange }) {
+	const { t } = useInventory();
+	return /* @__PURE__ */ React.createElement(Select, {
+		className: "inventory-filter",
+		allowClear: true,
+		placeholder: t("allStatuses"),
+		value,
+		onChange,
+		options: ["active", "inactive"].map((status) => ({
+			value: status,
+			label: t(status)
+		}))
+	});
+}
+function SearchInput({ value, onChange, items = false }) {
+	const { t } = useInventory();
+	return /* @__PURE__ */ React.createElement(Input.Search, {
+		className: "inventory-search",
+		allowClear: true,
+		placeholder: t(items ? "searchItems" : "search"),
+		"aria-label": t(items ? "searchItems" : "search"),
+		value,
+		onChange: (event) => onChange(event.target.value)
+	});
+}
+function InventoryHeader({ title, description, children }) {
+	return /* @__PURE__ */ React.createElement("header", { className: "inventory-header" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, title), description && /* @__PURE__ */ React.createElement("p", null, description)), /* @__PURE__ */ React.createElement(Space, { wrap: true }, children));
+}
+function InventoryNavLoading() {
+	const { t } = useInventory();
+	return /* @__PURE__ */ React.createElement("div", {
+		className: "inventory-nav-loading",
+		role: "status"
+	}, /* @__PURE__ */ React.createElement(Spin, {
+		size: "small",
+		indicator: /* @__PURE__ */ React.createElement(LoadingOutlined, {
+			spin: true,
+			style: { fontSize: 16 }
+		})
+	}), /* @__PURE__ */ React.createElement("span", null, t("loading")));
+}
+function TableContent({ columns, loading, tableKey }) {
+	const context = PisellDataSourceContainer.useContainerContext();
+	const { t, scopeId } = useInventory();
+	return /* @__PURE__ */ React.createElement(Spin, {
+		spinning: loading,
+		delay: 150,
+		indicator: /* @__PURE__ */ React.createElement(LoadingOutlined, {
+			spin: true,
+			style: { fontSize: 24 }
+		}),
+		tip: t("loading"),
+		wrapperClassName: "inventory-table-loading"
+	}, /* @__PURE__ */ React.createElement(PisellDataSourceContainer.Table, _objectSpread2(_objectSpread2({}, context), {}, {
+		serverActions: _objectSpread2(_objectSpread2({}, context.serverActions), {}, { list: _objectSpread2(_objectSpread2({}, context.serverActions.list), {}, { loading: false }) }),
+		columns,
+		rowKey: "id",
+		scroll: { x: "max-content" },
+		__id: `${scopeId}-${tableKey}`,
+		scopeId: tableKey,
+		locale: { emptyText: loading ? /* @__PURE__ */ React.createElement("div", {
+			className: "inventory-table-loading-placeholder",
+			"aria-hidden": true
+		}) : /* @__PURE__ */ React.createElement(Empty, {
+			image: Empty.PRESENTED_IMAGE_SIMPLE,
+			description: t("empty")
+		}) }
+	})));
+}
+function InventoryTable(props) {
+	const { t, scopeId } = useInventory();
+	const overrideData = useMemo(() => ({ list: {
+		list: props.rows,
+		count: props.count
+	} }), [props.rows, props.count]);
+	const dataSource = useMemo(() => ({ key: `${scopeId}-${props.tableKey}` }), [scopeId, props.tableKey]);
+	return /* @__PURE__ */ React.createElement("div", { className: "inventory-table" }, /* @__PURE__ */ React.createElement(PisellDataSourceContainer, {
+		dataSource,
+		autoRun: { list: false },
+		pagination: false,
+		overrideData
+	}, /* @__PURE__ */ React.createElement(TableContent, {
+		columns: props.columns,
+		loading: props.loading,
+		tableKey: props.tableKey
+	})), /* @__PURE__ */ React.createElement(Pagination, {
+		className: "inventory-pagination",
+		current: props.page,
+		pageSize: props.size,
+		total: props.count,
+		showSizeChanger: true,
+		pageSizeOptions: [
+			20,
+			50,
+			100
+		],
+		onChange: props.onPageChange,
+		showTotal: (count) => `${t("count")} ${count}`,
+		disabled: props.loading
+	}));
+}
+function PagedInventorySelect({ resource, value, onChange, filters = {}, disabled = false, selected, placeholder, id }) {
+	const { name, t } = useInventory();
+	const [search, setSearch] = useState("");
+	const keyword = useDebounce(search, { wait: 250 });
+	const [revision, setRevision] = useState(0);
+	const [chosenRecord, setChosenRecord] = useState();
+	const options = useInventoryOptions(resource, _objectSpread2(_objectSpread2({}, filters), {}, { search: keyword || void 0 }), !disabled, revision);
+	const fallback = (chosenRecord === null || chosenRecord === void 0 ? void 0 : chosenRecord.id) === value ? chosenRecord : (selected === null || selected === void 0 ? void 0 : selected.id) === value ? selected : void 0;
+	const rows = fallback && !options.rows.some((record) => record.id === value) ? [fallback, ...options.rows] : options.rows;
+	return /* @__PURE__ */ React.createElement(Select, {
+		id,
+		style: { width: "100%" },
+		showSearch: true,
+		allowClear: true,
+		filterOption: false,
+		value,
+		placeholder,
+		disabled,
+		loading: options.loading,
+		onSearch: setSearch,
+		onChange: (nextValue) => {
+			setChosenRecord(rows.find((record) => record.id === nextValue));
+			onChange === null || onChange === void 0 || onChange(nextValue);
+		},
+		onDropdownVisibleChange: (open) => {
+			if (open) {
+				setSearch("");
+				setRevision((n) => n + 1);
+			}
+		},
+		options: rows.map((record) => ({
+			value: record.id,
+			label: `${name(record)}${record.status === "inactive" ? ` (${t("inactive")})` : ""}`
+		})),
+		notFoundContent: options.loading ? t("loading") : t("empty"),
+		dropdownRender: (menu) => /* @__PURE__ */ React.createElement(React.Fragment, null, menu, /* @__PURE__ */ React.createElement(RequestError, {
+			error: options.error,
+			retry: () => void options.reload()
+		}), options.hasMore && /* @__PURE__ */ React.createElement(Button, {
+			block: true,
+			type: "text",
+			loading: options.loading,
+			onMouseDown: (event) => event.preventDefault(),
+			onClick: () => void options.loadMore()
+		}, t("loadMore")))
+	});
+}
+//#endregion
+export { InventoryHeader, InventoryNavLoading, InventoryTable, PagedInventorySelect, RequestError, SearchInput, StatusSelect, StatusTag };

package/es/plus/inventory/context.js

@@ -0,0 +1,118 @@
+import useEngineContext from "../../hooks/useEngineContext.js";
+import useLocale from "../../hooks/useLocale.js";
+import { createInventoryApi } from "./api.js";
+import { getInventoryTexts } from "./locales.js";
+import { inventoryName } from "./utils.js";
+import React, { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { ConfigProvider } from "antd";
+import { PisellModal, PisellToast } from "@pisell/materials";
+import "./index.less";
+//#region src/plus/inventory/context.tsx
+const InventoryContext = createContext(null);
+function InventorySession({ children, client, locale, id }) {
+	const instanceId = useId();
+	const [confirmation, setConfirmation] = useState(null);
+	const resolveConfirmation = useRef(null);
+	const api = useMemo(() => createInventoryApi(client), [client]);
+	const texts = getInventoryTexts(locale);
+	const t = useCallback((key) => texts[key], [texts]);
+	const name = useCallback((record) => record ? inventoryName(record.name, locale) : t("missing"), [locale, t]);
+	const errorText = useCallback((error) => {
+		const messageValue = error && typeof error === "object" && "message" in error ? error.message : error;
+		const text = typeof messageValue === "string" ? messageValue : "";
+		return Object.prototype.hasOwnProperty.call(texts, text) ? t(text) : text || t("failed");
+	}, [texts, t]);
+	const report = useCallback((error) => {
+		PisellToast({ content: errorText(error) });
+	}, [errorText]);
+	const success = useCallback((key) => {
+		PisellToast({ content: t(key) });
+	}, [t]);
+	const finishConfirmation = useCallback((accepted) => {
+		const resolve = resolveConfirmation.current;
+		resolveConfirmation.current = null;
+		setConfirmation(null);
+		resolve === null || resolve === void 0 || resolve(accepted);
+	}, []);
+	useEffect(() => () => {
+		var _resolveConfirmation$;
+		(_resolveConfirmation$ = resolveConfirmation.current) === null || _resolveConfirmation$ === void 0 || _resolveConfirmation$.call(resolveConfirmation, false);
+		resolveConfirmation.current = null;
+	}, []);
+	const confirm = useCallback((title, content, discard = false) => {
+		if (resolveConfirmation.current) return Promise.resolve(false);
+		return new Promise((resolve) => {
+			resolveConfirmation.current = resolve;
+			setConfirmation({
+				title,
+				content,
+				discard
+			});
+		});
+	}, []);
+	const value = useMemo(() => ({
+		api,
+		locale,
+		t,
+		name,
+		errorText,
+		report,
+		success,
+		confirm,
+		scopeId: id || instanceId
+	}), [
+		api,
+		locale,
+		t,
+		name,
+		errorText,
+		report,
+		success,
+		confirm,
+		id,
+		instanceId
+	]);
+	return /* @__PURE__ */ React.createElement(InventoryContext.Provider, { value }, children, confirmation && /* @__PURE__ */ React.createElement(PisellModal, {
+		open: true,
+		size: "small",
+		title: t(confirmation.title),
+		okText: t(confirmation.discard ? "discard" : confirmation.title === "unbindTitle" ? "unbind" : "remove"),
+		cancelText: t("cancel"),
+		okButtonProps: { danger: true },
+		maskClosable: false,
+		onOk: () => finishConfirmation(true),
+		onCancel: () => finishConfirmation(false)
+	}, /* @__PURE__ */ React.createElement("div", { className: "inventory-modal-body" }, confirmation.content)));
+}
+function InventoryProvider({ children, id }) {
+	var _context$appHelper;
+	const context = useEngineContext();
+	const locale = useLocale();
+	const utils = context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils;
+	const store = utils === null || utils === void 0 ? void 0 : utils.store;
+	const subscribe = useCallback((listener) => {
+		var _store$subscribe;
+		return (store === null || store === void 0 || (_store$subscribe = store.subscribe) === null || _store$subscribe === void 0 ? void 0 : _store$subscribe.call(store, listener)) || (() => void 0);
+	}, [store]);
+	const getTenant = useCallback(() => {
+		var _store$getState$core$, _store$getState;
+		return String((_store$getState$core$ = store === null || store === void 0 || (_store$getState = store.getState) === null || _store$getState === void 0 || (_store$getState = _store$getState.call(store)) === null || _store$getState === void 0 || (_store$getState = _store$getState.core) === null || _store$getState === void 0 || (_store$getState = _store$getState.core) === null || _store$getState === void 0 || (_store$getState = _store$getState.tenant) === null || _store$getState === void 0 ? void 0 : _store$getState.tenant_id) !== null && _store$getState$core$ !== void 0 ? _store$getState$core$ : "");
+	}, [store]);
+	const tenant = useSyncExternalStore(subscribe, getTenant, getTenant);
+	return /* @__PURE__ */ React.createElement(ConfigProvider, {
+		prefixCls: "pisell-lowcode",
+		componentSize: "large"
+	}, /* @__PURE__ */ React.createElement(InventorySession, {
+		key: tenant,
+		client: utils === null || utils === void 0 ? void 0 : utils.request,
+		locale: locale || "en",
+		id
+	}, children));
+}
+function useInventory() {
+	const context = useContext(InventoryContext);
+	if (!context) throw new Error("InventoryProvider is required");
+	return context;
+}
+//#endregion
+export { InventoryProvider, useInventory };

package/es/plus/inventory/forms.js

@@ -0,0 +1,46 @@
+import { useInventory } from "./context.js";
+import React from "react";
+import { Form, InputNumber, Select } from "antd";
+import { BaseTranslation } from "@pisell/materials";
+//#region src/plus/inventory/forms.tsx
+function NameField({ disabled = false }) {
+	const { t } = useInventory();
+	return /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "name",
+		label: t("name"),
+		rules: [{ validator: (_, value) => typeof (value === null || value === void 0 ? void 0 : value.original) === "string" && value.original.trim() ? Promise.resolve() : Promise.reject(new Error(t("originalRequired"))) }]
+	}, /* @__PURE__ */ React.createElement(BaseTranslation, {
+		renderMode: disabled ? "view" : "edit",
+		disabled,
+		placeholder: t("name")
+	}));
+}
+function StatusField() {
+	const { t } = useInventory();
+	return /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "status",
+		label: t("status"),
+		rules: [{
+			required: true,
+			message: t("required")
+		}]
+	}, /* @__PURE__ */ React.createElement(Select, { options: ["active", "inactive"].map((value) => ({
+		value,
+		label: t(value)
+	})) }));
+}
+function SortField() {
+	const { t } = useInventory();
+	return /* @__PURE__ */ React.createElement(Form.Item, {
+		name: "sort",
+		label: t("sort"),
+		extra: t("sortHint"),
+		rules: [{ validator: (_, value) => Number.isInteger(value) && value >= 0 ? Promise.resolve() : Promise.reject(new Error(t("nonnegative"))) }]
+	}, /* @__PURE__ */ React.createElement(InputNumber, {
+		min: 0,
+		precision: 0,
+		style: { width: "100%" }
+	}));
+}
+//#endregion
+export { NameField, SortField, StatusField };