fastapi-rtk 2.1.4 → 2.2.0

package/dist/core/cjs/Dialogs/EditDialog.cjs

@@ -12,30 +12,38 @@ const index = require("../../../.external/cjs/mantine-form-yup-resolver@2.0.0_@m
 const React = require("react");
 const convertToFormInputs$1 = require("../ActionIcons/utils/convertToFormInputs.cjs");
 const convertToFormInputs = require("../fab-react-toolkit-patch/utils/convertToFormInputs.cjs");
-const useApi = require("../hooks/api/useApi.cjs");
+const contexts = require("fastapi-rtk/contexts");
 const useForms = require("../hooks/api/useForms.cjs");
 const useInfo = require("../hooks/auth/useInfo.cjs");
-require("../Wrappers/Provider/Contexts/LangContext.cjs");
 const CommonModal = require("../Modals/CommonModal.cjs");
 const normalProps = require("../Modals/normalProps.cjs");
 const overlayProps = require("../Modals/overlayProps.cjs");
 const FormField = require("../Tables/DataGrid/FormField/FormField.cjs");
-const useTranslation = require("../../../.external/cjs/react-i18next@15.7.4_i18next@25.8.0_typescript@5.9.3__react-dom@19.2.3_react@19.2.3__react@19.2.3_typescript@5.9.3/react-i18next/dist/es/useTranslation.cjs");
-function EditDialog({
-  jsonForms: __jsonForms,
-  onSuccess,
-  onError,
-  translations,
-  hideWarnings,
-  jsonFormsProps,
-  ...props
-}) {
+function EditDialog(props) {
   var _a;
-  const { info, refetch, refetchInfo, updateEntry, setError, resetError } = useApi.useApi();
-  const { t } = useTranslation.useTranslation();
+  const {
+    jsonForms: __jsonForms,
+    onSuccess,
+    onError,
+    closeOnSuccess,
+    closeOnError,
+    translations,
+    hideWarnings,
+    jsonFormsProps,
+    ...rest
+  } = props;
+  const { info: _info, refetch, refetchInfo, updateEntry, setError, resetError } = contexts.useApi();
+  const info = _info;
+  const { t } = contexts.useTranslation();
   const { opened, setOpened, item, getItem, state, getState, setState, reset, view, setView } = useForms.useForms("edit");
   const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
-  const { jsonForms: _jsonForms } = core.useProps("EditDialog", {}, {});
+  const {
+    jsonForms: _jsonForms,
+    closeOnSuccess: _closeOnSuccess = true,
+    closeOnError: _closeOnError = true
+  } = core.useProps("EditDialog", {}, {});
+  const shouldCloseOnSuccess = closeOnSuccess ?? _closeOnSuccess;
+  const shouldCloseOnError = closeOnError ?? _closeOnError;
   const jsonForms = React.useMemo(
     () => utils.deepMerge({ __: { setNull: true } }, _jsonForms, __jsonForms),
     [_jsonForms, __jsonForms]
@@ -62,24 +70,39 @@ function EditDialog({
       e == null ? void 0 : e.preventDefault();
       setLoading(true);
       resetError();
-      const new_data = Object.entries(getState().data).reduce((acc, [key, value]) => {
-        if (lodash.lodashExports.isEqual(value, initialStateRef.current.data[key])) {
+      const new_data = Object.entries(getState().data).reduce(
+        (acc, [key, value]) => {
+          if (lodash.lodashExports.isEqual(value, initialStateRef.current.data[key])) {
+            return acc;
+          }
+          acc[key] = value;
           return acc;
-        }
-        acc[key] = value;
-        return acc;
-      }, {});
+        },
+        {}
+      );
       const id = utils.getItemId(getItem());
+      if (!id) {
+        setError({ message: "No item selected for update", data: { id }, originalError: new Error("No ID") });
+        setLoading(false);
+        return;
+      }
       updateEntry(id, new_data).then((res) => {
         onSuccess == null ? void 0 : onSuccess(res);
         refetch();
         refetchInfo();
+        if (shouldCloseOnSuccess) {
+          setOpened(false);
+        } else {
+          initialStateRef.current = { ...initialStateRef.current, data: { ...getState().data } };
+        }
       }).catch((error) => {
         setError({ message: "Could not update item with id {{id}}", data: { id }, originalError: error });
         onError == null ? void 0 : onError(error);
+        if (shouldCloseOnError) {
+          setOpened(false);
+        }
       }).finally(() => {
         setLoading(false);
-        setOpened(false);
       });
     },
     [
@@ -93,17 +116,23 @@ function EditDialog({
       refetch,
       refetchInfo,
       setError,
-      setOpened
+      setOpened,
+      shouldCloseOnSuccess,
+      shouldCloseOnError
     ]
   );
-  const form$1 = form.useForm({ initialValues: info.edit.defaultValues, validate: index.yupResolver(info.edit.schema) });
+  const form$1 = form.useForm({
+    initialValues: info.edit.defaultValues,
+    // #MUSTASSERT info.edit.schema is a runtime yup schema object that the /_info JSON type cannot express
+    validate: index.yupResolver(info.edit.schema)
+  });
   const onSubmitFunc = fab ? form$1.onSubmit((values, e) => {
     setState({ data: values });
     onSubmit(e);
   }) : onSubmit;
   React.useEffect(() => {
     if (JSON.stringify(state.data) !== JSON.stringify(form$1.getValues())) {
-      form$1.setValues(state.data);
+      form$1.setValues(state.data ?? {});
     }
   }, [state.data]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -120,8 +149,8 @@ function EditDialog({
       onExitTransitionEnd: reset,
       ...view === constants.VIEW_MODE.OVERLAY ? overlayProps.overlayProps : {},
       ...view === constants.VIEW_MODE.NORMAL ? normalProps.normalProps : {},
-      ...props,
-      title: props.title ?? (info == null ? void 0 : info.edit_title),
+      ...rest,
+      title: rest.title ?? (info == null ? void 0 : info.edit_title),
       children: fab ? (
         //* Backward compatibility to fab-react-toolkit
         /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: "xs", children: (_a = info.edit.columns) == null ? void 0 : _a.map((item2, index2) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -129,10 +158,8 @@ function EditDialog({
           {
             form: form$1,
             name: item2.name,
-            label: item2.label,
-            description: item2.description,
             schema: item2,
-            withAsterisk: item2.required
+            ...{ label: item2.label, description: item2.description, withAsterisk: item2.required }
           },
           index2
         )) })

package/dist/core/cjs/Dialogs/ViewDialog.cjs

@@ -9,7 +9,8 @@ const useForms = require("../hooks/api/useForms.cjs");
 const CommonModal = require("../Modals/CommonModal.cjs");
 const normalProps = require("../Modals/normalProps.cjs");
 const overlayProps = require("../Modals/overlayProps.cjs");
-function ViewDialog({ ...props }) {
+function ViewDialog(props) {
+  const { ...rest } = props;
   const { opened, setOpened, item, reset, view, setView } = useForms.useForms("view");
   return /* @__PURE__ */ jsxRuntime.jsx(
     CommonModal.CommonModal,
@@ -22,8 +23,8 @@ function ViewDialog({ ...props }) {
       onExitTransitionEnd: reset,
       ...view === constants.VIEW_MODE.OVERLAY ? overlayProps.overlayProps : {},
       ...view === constants.VIEW_MODE.NORMAL ? normalProps.normalProps : {},
-      ...props,
-      title: props.title ?? `${item == null ? void 0 : item.show_title} (#${utils.convertId(utils.getItemId(item))})`,
+      ...rest,
+      title: rest.title ?? `${item == null ? void 0 : item.show_title} (#${utils.convertId(utils.getItemId(item))})`,
       children: /* @__PURE__ */ jsxRuntime.jsxs(core.Tabs, { defaultValue: "details", children: [
         /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.List, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.Tab, { value: "details", children: "Details" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.Panel, { value: "details", children: item && /* @__PURE__ */ jsxRuntime.jsx(
@@ -39,7 +40,8 @@ function ViewDialog({ ...props }) {
     }
   );
 }
-const TabsDisplay = ({ columns, data, label_columns, gridProps }) => {
+const TabsDisplay = (props) => {
+  const { columns, data, label_columns, gridProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(core.Grid, { ...gridProps, children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 3, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "md", children: label_columns[column] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 1, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xs", children: ":" }) }),

package/dist/core/cjs/Menu/UserMenu/UserMenu.cjs

@@ -12,7 +12,8 @@ const logout = require("../../_virtual/logout.cjs");
 const users = require("../../_virtual/users.cjs");
 const useAuth = require("../../hooks/auth/useAuth.cjs");
 const user_module = require("./user.module.css.cjs");
-function UserMenu({ basePath = "/security", Target, children }) {
+function UserMenu(props) {
+  const { basePath = "/security", Target, children } = props;
   const navigate = reactRouterDom.useNavigate();
   const { user, signout } = useAuth.useAuth();
   const [opened, setOpened] = React.useState(false);
@@ -34,19 +35,20 @@ function UserMenu({ basePath = "/security", Target, children }) {
     { resource_name: basePath + "/viewsmenus", label: "Views/Menus", name: "ViewsMenusApi", Icon: appWindow }
   ];
   const availableRoutes = securityRoutes.filter((route) => user.permissions.includes(route.name));
+  const weightProp = { weight: 500 };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     core.Menu,
     {
       width: 260,
       position: "bottom-end",
-      transition: "pop-top-right",
+      ...{ transition: "pop-top-right" },
       withinPortal: true,
       opened,
       onClose: () => setOpened(false),
       onOpen: () => setOpened(true),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Target, { children: Target || /* @__PURE__ */ jsxRuntime.jsx(core.UnstyledButton, { className: user_module.default.btn, style: { borderRadius: 4 }, p: "xs", children: /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { style: { flexWrap: "nowrap" }, spacing: 7, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(core.Text, { weight: 500, size: "sm", style: { lineHeight: 1, whiteSpace: "nowrap" }, mr: 3, children: `${user.first_name} ${user.last_name}` }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Target, { children: Target || /* @__PURE__ */ jsxRuntime.jsx(core.UnstyledButton, { className: user_module.default.btn, style: { borderRadius: 4 }, p: "xs", children: /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { style: { flexWrap: "nowrap" }, ...{ spacing: 7 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "sm", style: { lineHeight: 1, whiteSpace: "nowrap" }, mr: 3, ...weightProp, children: `${user.first_name} ${user.last_name}` }),
           /* @__PURE__ */ jsxRuntime.jsx(chevronDown, { style: { height: 12, width: 12 } })
         ] }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(core.Menu.Dropdown, { children: [

package/dist/core/cjs/Menu/UserMenu/user.module.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const iconSmall = "_iconSmall_sxv3z_1";
-const btn = "_btn_sxv3z_17";
+const iconSmall = "_iconSmall_v0sfh_1";
+const btn = "_btn_v0sfh_17";
 const classes = {
   iconSmall,
   btn

package/dist/core/cjs/Modals/CommonModal.cjs

@@ -9,26 +9,26 @@ const minimize = require("../_virtual/minimize.cjs");
 const stack = require("../_virtual/stack.cjs");
 const stackForward = require("../_virtual/stack-forward.cjs");
 const useInfo = require("../hooks/auth/useInfo.cjs");
-require("../Wrappers/Provider/Contexts/LangContext.cjs");
-const useTranslation = require("../../../.external/cjs/react-i18next@15.7.4_i18next@25.8.0_typescript@5.9.3__react-dom@19.2.3_react@19.2.3__react@19.2.3_typescript@5.9.3/react-i18next/dist/es/useTranslation.cjs");
-function CommonModal({
-  children,
-  view,
-  setView,
-  onReset,
-  onSubmit,
-  boxProps,
-  resetButtonText,
-  buttonText,
-  buttonLoading,
-  withTitleOptions = true,
-  withButtons = true,
-  titleOptions,
-  actionButtons,
-  ...props
-}) {
+const contexts = require("fastapi-rtk/contexts");
+function CommonModal(props) {
+  const {
+    children,
+    view,
+    setView,
+    onReset,
+    onSubmit,
+    boxProps,
+    resetButtonText,
+    buttonText,
+    buttonLoading,
+    withTitleOptions = true,
+    withButtons = true,
+    titleOptions,
+    actionButtons,
+    ...rest
+  } = props;
   const { fab } = useInfo.useInfo();
-  const { t } = useTranslation.useTranslation();
+  const { t } = contexts.useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx(
     core.Modal,
     {
@@ -37,9 +37,9 @@ function CommonModal({
       fullScreen: view === constants.VIEW_MODE.FULL_SCREEN,
       radius: view !== constants.VIEW_MODE.NORMAL ? 0 : void 0,
       transitionProps: view !== constants.VIEW_MODE.NORMAL ? { transition: "fade", duration: 200 } : void 0,
-      ...props,
+      ...rest,
       title: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        props.title,
+        rest.title,
         !fab && withTitleOptions && //* Backward compatibility to fab-react-toolkit
         /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { gap: "xs", pr: "xs", children: [
           utils.parseFromValuesOrFunc(titleOptions == null ? void 0 : titleOptions.left, { view, setView }),
@@ -103,7 +103,7 @@ function CommonModal({
         ] })
       ] }),
       classNames: { content: "mrt-table-container" },
-      styles: utils.deepMerge(props.styles, {
+      styles: utils.deepMerge(rest.styles, {
         title: { width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between" }
       }),
       children: /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/core/cjs/Selectors/LanguageSelector.cjs

@@ -3,9 +3,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const constants = require("fastapi-rtk/constants");
 const core = require("@mantine/core");
-const useLang = require("../hooks/lang/useLang.cjs");
+const contexts = require("fastapi-rtk/contexts");
 const LanguageSelector = (props) => {
-  const { currentLanguage, setLanguage } = useLang.useLang();
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Select, { data: constants.BASE_LANGUAGES, value: currentLanguage, allowDeselect: false, onChange: setLanguage, ...props });
+  const { currentLanguage, setLanguage } = contexts.useLang();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Select,
+    {
+      data: constants.BASE_LANGUAGES,
+      value: currentLanguage,
+      allowDeselect: false,
+      onChange: setLanguage,
+      ...props
+    }
+  );
 };
 exports.LanguageSelector = LanguageSelector;

package/dist/core/cjs/Tables/DataGrid/DataGrid.cjs

@@ -8,14 +8,14 @@ const DeleteDialog = require("../../Dialogs/DeleteDialog.cjs");
 const EditDialog = require("../../Dialogs/EditDialog.cjs");
 const ViewDialog = require("../../Dialogs/ViewDialog.cjs");
 const LazyLoadWrapper = require("../../Wrappers/LazyLoadWrapper/LazyLoadWrapper.cjs");
-const useApi = require("../../hooks/api/useApi.cjs");
+const contexts = require("fastapi-rtk/contexts");
 const useForms = require("../../hooks/api/useForms.cjs");
 const ErrorDialog = require("./ErrorDialog.cjs");
 const Main = require("./Main/Main.cjs");
 const Pagination = require("./Pagination/Pagination.cjs");
 const Toolbar = require("./Toolbar/Toolbar.cjs");
 const DataGrid = React.forwardRef((props, ref) => {
-  const { data, loading, info, setQueryParams } = useApi.useApi();
+  const { data, loading, info, setQueryParams } = contexts.useApi();
   const {
     hideToolbar = false,
     hideFilter = false,

package/dist/core/cjs/Tables/DataGrid/ErrorDialog.cjs

@@ -4,12 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
 const React = require("react");
 const alertCircle = require("../../_virtual/alert-circle.cjs");
-const useApi = require("../../hooks/api/useApi.cjs");
-require("../../Wrappers/Provider/Contexts/LangContext.cjs");
-const useTranslation = require("../../../../.external/cjs/react-i18next@15.7.4_i18next@25.8.0_typescript@5.9.3__react-dom@19.2.3_react@19.2.3__react@19.2.3_typescript@5.9.3/react-i18next/dist/es/useTranslation.cjs");
+const contexts = require("fastapi-rtk/contexts");
 const isObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-const MessageRenderer = ({ message }) => {
-  const { t } = useTranslation.useTranslation();
+const MessageRenderer = (props) => {
+  const { message } = props;
+  const { t } = contexts.useTranslation();
   if (Array.isArray(message)) {
     return /* @__PURE__ */ jsxRuntime.jsx(core.List, { size: "sm", children: message.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(core.List.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(MessageRenderer, { message: item }) }, index)) });
   }
@@ -26,12 +25,12 @@ const MessageRenderer = ({ message }) => {
       ] }, key);
     }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "sm", children: t(message) });
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "sm", children: t(String(message)) });
 };
 function ErrorDialog() {
   var _a;
-  const { error, resetError } = useApi.useApi();
-  const { t } = useTranslation.useTranslation();
+  const { error, resetError } = contexts.useApi();
+  const { t } = contexts.useTranslation();
   const parsedOriginalErrorMsg = React.useMemo(() => {
     var _a2, _b;
     let msg = ((_a2 = error == null ? void 0 : error.originalError) == null ? void 0 : _a2.message) || "";
@@ -48,7 +47,7 @@ function ErrorDialog() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     core.Modal,
     {
-      opened: error,
+      opened: !!error,
       onClose: resetError,
       size: isObject(parsedOriginalErrorMsg) ? "xl" : void 0,
       centered: true,

package/dist/core/cjs/Tables/DataGrid/FormField/FormField.cjs

@@ -9,7 +9,8 @@ const FormRelatedListSelect = require("./Inputs/FormRelatedListSelect.cjs");
 const FormRelatedSelect = require("./Inputs/FormRelatedSelect.cjs");
 const FormSelect = require("./Inputs/FormSelect.cjs");
 const FormTextField = require("./Inputs/FormTextField.cjs");
-function FormField({ form, name, schema, filter, withinPortal = true, ...props }) {
+function FormField(props) {
+  const { form, name, schema, filter, withinPortal = true, ...rest } = props;
   if (!schema.type) {
     return null;
   }
@@ -24,7 +25,7 @@ function FormField({ form, name, schema, filter, withinPortal = true, ...props }
             { label: "true", value: filter ? "1" : "true" },
             { label: "false", value: filter ? "0" : "false" }
           ],
-          ...props
+          ...rest
         }
       );
     case "RelatedList":
@@ -35,7 +36,7 @@ function FormField({ form, name, schema, filter, withinPortal = true, ...props }
           name,
           items: schema.values,
           comboboxProps: { withinPortal },
-          ...props
+          ...rest
         }
       );
     case "Related":
@@ -47,7 +48,7 @@ function FormField({ form, name, schema, filter, withinPortal = true, ...props }
           items: schema.values,
           filter,
           comboboxProps: { withinPortal },
-          ...props
+          ...rest
         }
       );
     case "DateTime":
@@ -59,7 +60,7 @@ function FormField({ form, name, schema, filter, withinPortal = true, ...props }
           valueFormat: "DD.MM.YYYY HH:mm:ss",
           schema,
           popoverProps: { withinPortal },
-          ...props
+          ...rest
         }
       );
     case "Date":
@@ -71,20 +72,29 @@ function FormField({ form, name, schema, filter, withinPortal = true, ...props }
           valueFormat: "DD.MM.YYYY",
           schema,
           popoverProps: { withinPortal },
-          ...props
+          ...rest
         }
       );
     case "Geometry":
-      return /* @__PURE__ */ jsxRuntime.jsx(FormGeometryField.FormGeometryField, { form, name, filter, ...props });
+      return /* @__PURE__ */ jsxRuntime.jsx(FormGeometryField.FormGeometryField, { form, name, filter, ...rest });
     case "Raw":
-      return /* @__PURE__ */ jsxRuntime.jsx(FormJsonField.FormJsonField, { form, name, filter, ...props });
+      return /* @__PURE__ */ jsxRuntime.jsx(FormJsonField.FormJsonField, { form, name, filter, ...rest });
     case "Integer":
     case "Float":
-      return /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...props });
+      return /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...rest });
     case "Enum":
-      return /* @__PURE__ */ jsxRuntime.jsx(FormSelect.FormSelect, { form, name, items: schema.values, comboboxProps: { withinPortal }, ...props });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FormSelect.FormSelect,
+        {
+          form,
+          name,
+          items: schema.values,
+          comboboxProps: { withinPortal },
+          ...rest
+        }
+      );
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...props });
+      return /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...rest });
   }
 }
 exports.FormField = FormField;

package/dist/core/cjs/Tables/DataGrid/FormField/Inputs/FormDatePicker.cjs

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const dates = require("@mantine/dates");
-function FormDatePicker({ form, name, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(dates.DateInput, { ...form.getInputProps(name), ...props }) });
+function FormDatePicker(props) {
+  const { form, name, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(dates.DateInput, { ...form.getInputProps(name), ...rest }) });
 }
 exports.FormDatePicker = FormDatePicker;

package/dist/core/cjs/Tables/DataGrid/FormField/Inputs/FormDateTimePicker.cjs

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const dates = require("@mantine/dates");
-function FormDateTimePicker({ form, name, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(dates.DateTimePicker, { ...form.getInputProps(name), ...props }) });
+function FormDateTimePicker(props) {
+  const { form, name, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(dates.DateTimePicker, { ...form.getInputProps(name), ...rest }) });
 }
 exports.FormDateTimePicker = FormDateTimePicker;

package/dist/core/cjs/Tables/DataGrid/FormField/Inputs/FormGeometryField.cjs

@@ -5,14 +5,15 @@ const core = require("@mantine/core");
 const React = require("react");
 const FormJsonField = require("./FormJsonField.cjs");
 const FormTextField = require("./FormTextField.cjs");
-function FormGeometryField({ form, name, filter, ...props }) {
+function FormGeometryField(props) {
+  const { form, name, filter, ...rest } = props;
   const [asWKT, setAsWKT] = React.useState(!!filter);
-  return /* @__PURE__ */ jsxRuntime.jsxs(core.InputWrapper, { label: props.label, description: props.description, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.InputWrapper, { label: rest.label, description: rest.description, children: [
     !filter && /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { align: "center", gap: "xs", py: "0.25rem", children: [
       /* @__PURE__ */ jsxRuntime.jsx(core.Checkbox, { checked: asWKT, onChange: (event) => setAsWKT(event.currentTarget.checked) }),
       /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xs", children: "WKT" })
     ] }),
-    asWKT ? /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...props, label: void 0, description: void 0 }) : /* @__PURE__ */ jsxRuntime.jsx(FormJsonField.FormJsonField, { form, name, ...props, label: void 0, description: void 0 })
+    asWKT ? /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...rest, label: void 0, description: void 0 }) : /* @__PURE__ */ jsxRuntime.jsx(FormJsonField.FormJsonField, { form, name, ...rest, label: void 0, description: void 0 })
   ] });
 }
 exports.FormGeometryField = FormGeometryField;

package/dist/core/cjs/Tables/DataGrid/FormField/Inputs/FormJsonField.cjs

@@ -4,7 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
 const React = require("react");
 const FormTextField = require("./FormTextField.cjs");
-function FormJsonField({ form, name, filter, ...props }) {
+function FormJsonField(props) {
+  const { form, name, filter, ...rest } = props;
   const [localValue, setLocalValue] = React.useState("");
   const value = form.getInputProps(name).value;
   const convertedValue = React.useMemo(
@@ -15,7 +16,7 @@ function FormJsonField({ form, name, filter, ...props }) {
     setLocalValue(convertedValue);
   }, [convertedValue]);
   if (filter) {
-    return /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...rest });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     core.JsonInput,
@@ -25,7 +26,7 @@ function FormJsonField({ form, name, filter, ...props }) {
       maxRows: 12,
       validationError: "Invalid JSON",
       ...form.getInputProps(name),
-      ...props,
+      ...rest,
       value: localValue,
       onChange: (val) => {
         setLocalValue(val);
@@ -36,7 +37,7 @@ function FormJsonField({ form, name, filter, ...props }) {
         try {
           const parsedValue = JSON.parse(val);
           form.getInputProps(name).onChange(parsedValue);
-        } catch (error) {
+        } catch {
         }
       }
     }

package/dist/core/cjs/Tables/DataGrid/FormField/Inputs/FormRelatedListSelect.cjs

@@ -3,9 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const utils = require("fastapi-rtk/utils");
 const core = require("@mantine/core");
-function FormRelatedListSelect({ form, name, items, ...props }) {
+function FormRelatedListSelect(props) {
+  const { form, name, items, ...rest } = props;
   const data = items.map((item) => ({ value: String(utils.convertId(utils.getItemId(item))), label: item.value }));
   const currentItems = Array.isArray(form.getInputProps(name).value) ? form.getInputProps(name).value.map((value) => typeof value === "object" ? String(utils.convertId(utils.getItemId(value))) : String(value)) : [];
-  return /* @__PURE__ */ jsxRuntime.jsx(core.MultiSelect, { data, searchable: true, ...form.getInputProps(name), value: currentItems || [], ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(core.MultiSelect, { data, searchable: true, ...form.getInputProps(name), value: currentItems || [], ...rest });
 }
 exports.FormRelatedListSelect = FormRelatedListSelect;

package/dist/core/cjs/Tables/DataGrid/FormField/Inputs/FormRelatedSelect.cjs

@@ -3,7 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const utils = require("fastapi-rtk/utils");
 const core = require("@mantine/core");
-function FormRelatedSelect({ form, name, items, filter, ...props }) {
+function FormRelatedSelect(props) {
+  const { form, name, items, filter, ...rest } = props;
   const data = items.map((item) => ({
     value: String(utils.convertId(utils.getItemId(item))),
     label: item.value
@@ -23,7 +24,7 @@ function FormRelatedSelect({ form, name, items, filter, ...props }) {
         form.setFieldValue(name, newItem);
       },
       value: filter ? form.getInputProps(name).value : String(utils.convertId(utils.getItemId(form.getInputProps(name).value))) || "",
-      ...props
+      ...rest
     }
   );
 }

package/dist/core/cjs/Tables/DataGrid/FormField/Inputs/FormSelect.cjs

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
-function FormSelect({ form, name, items, ...props }) {
+function FormSelect(props) {
+  const { form, name, items, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     core.Select,
     {
@@ -10,7 +11,7 @@ function FormSelect({ form, name, items, ...props }) {
       searchable: true,
       ...form.getInputProps(name),
       value: String(form.getInputProps(name).value) || "",
-      ...props
+      ...rest
     }
   );
 }

package/dist/core/cjs/Tables/DataGrid/FormField/Inputs/FormTextField.cjs

@@ -3,12 +3,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
 const React = require("react");
-function FormTextField({ form, name, ...props }) {
+function FormTextField(props) {
+  const { form, name, ...rest } = props;
   const formValue = form.getInputProps(name).value;
   const value = React.useMemo(
     () => formValue && typeof formValue === "object" ? JSON.stringify(formValue) : formValue || "",
     [formValue]
   );
-  return name === "password" ? /* @__PURE__ */ jsxRuntime.jsx(core.PasswordInput, { ...form.getInputProps(name), value, ...props }) : /* @__PURE__ */ jsxRuntime.jsx(core.TextInput, { ...form.getInputProps(name), value, ...props });
+  return name === "password" ? (
+    // #MUSTASSERT the shared TextInput-shaped rest props are forwarded to PasswordInput; the common Mantine input props line up at runtime
+    /* @__PURE__ */ jsxRuntime.jsx(core.PasswordInput, { ...form.getInputProps(name), value, ...rest })
+  ) : /* @__PURE__ */ jsxRuntime.jsx(core.TextInput, { ...form.getInputProps(name), value, ...rest });
 }
 exports.FormTextField = FormTextField;