fastapi-rtk 0.1.12 → 0.1.14

package/dist/core/cjs/ActionIcons/Upload/Upload.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("fastapi-rtk/constants");
+const hooks$1 = require("fastapi-rtk/hooks");
+const core = require("@mantine/core");
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../hooks/api/useApi.cjs");
+const IconSeparatorVertical = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconSeparatorVertical.cjs");
+const IconQuote = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconQuote.cjs");
+const IconFileTypeCsv = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFileTypeCsv.cjs");
+const IconUpload = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconUpload.cjs");
+const Upload = React.memo(({ tooltipProps, ...props }) => {
+  const { upload, refetch } = useApi.useApi();
+  const [opened, { toggle, close }] = hooks.useDisclosure();
+  const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
+  const [file, setFile] = React.useState();
+  const [delimiter, setDelimiter] = React.useState(constants.DEFAULT_DELIMITER);
+  const [quotechar, setQuotechar] = React.useState(constants.DEFAULT_QUOTECHAR);
+  const actionIconProps = hooks$1.useActionIcon({ onClick: toggle, ...props });
+  const onUpload = () => {
+    setLoading(true);
+    upload(file, { delimiter, quotechar }).then((res) => {
+      if (res) {
+        refetch();
+      }
+    }).catch(() => {
+    }).finally(() => {
+      setLoading(false);
+      close();
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.Modal,
+      {
+        title: "Import data",
+        centered: true,
+        opened,
+        onClose: close,
+        onExitTransitionEnd: () => {
+          setFile(null);
+          setDelimiter(constants.DEFAULT_DELIMITER);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { grow: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              core.Select,
+              {
+                label: "Delimiter",
+                description: "Select the delimiter used in the CSV file",
+                value: delimiter,
+                onChange: setDelimiter,
+                data: constants.DELIMITER_DATA,
+                placeholder: "Select delimiter",
+                leftSection: /* @__PURE__ */ jsxRuntime.jsx(IconSeparatorVertical, {})
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              core.Select,
+              {
+                label: "Quote character",
+                description: "Select the quote character used in the CSV file",
+                value: quotechar,
+                onChange: setQuotechar,
+                data: constants.QUOTECHAR_DATA,
+                placeholder: "Select quote character",
+                leftSection: /* @__PURE__ */ jsxRuntime.jsx(IconQuote, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            core.FileInput,
+            {
+              label: "CSV file",
+              description: "CSV file containing the data to import",
+              value: file,
+              onChange: setFile,
+              accept: "text/csv",
+              placeholder: "Upload CSV file",
+              leftSection: /* @__PURE__ */ jsxRuntime.jsx(IconFileTypeCsv, {}),
+              clearable: true,
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(core.Group, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: onUpload, disabled: !file, loading, children: "Upload" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? "Upload CSV", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconUpload, {}) }) })
+  ] });
+});
+Upload.displayName = "Upload";
+exports.Upload = Upload;

package/dist/core/cjs/ActionIcons/View/RelationPanel.cjs

@@ -0,0 +1,17 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("fastapi-rtk/utils");
+const React = require("react");
+const DataGrid = require("../../Tables/DataGrid/DataGrid.cjs");
+const ApiProvider = require("../../Wrappers/ApiProvider/ApiProvider.cjs");
+const useApi = require("../../hooks/api/useApi.cjs");
+function RelationPanel({ relatedPath, ...relation }) {
+  const { path } = useApi.useApi();
+  utils.urlJoin(
+    path ? path.substring(0, path.lastIndexOf("/")) : "",
+    relatedPath.substring(0, relatedPath.lastIndexOf("/"))
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ApiProvider.ApiProvider, { resource_name: relatedPath.replace("/", ""), relation, children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid.DataGrid, { hideToolbar: true, hideDownload: false }) });
+}
+const RelationPanel$1 = React.memo(RelationPanel);
+module.exports = RelationPanel$1;

package/dist/core/cjs/ActionIcons/View/View.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("fastapi-rtk/constants");
+const hooks$1 = require("fastapi-rtk/hooks");
+const core = require("@mantine/core");
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../hooks/api/useApi.cjs");
+const ViewDialog = require("./ViewDialog.cjs");
+const IconEye = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconEye.cjs");
+const View = React.memo(({ id, ...props }) => {
+  const { info, getEntry } = useApi.useApi();
+  const [item, setItem] = React.useState(null);
+  const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
+  const [dialogOpen, setDialogOpen] = React.useState(false);
+  const actionIconProps = hooks$1.useActionIcon({
+    onClick: () => {
+      setLoading(true);
+      getEntry(id).then((entry) => {
+        if (entry) {
+          setItem(entry);
+          setDialogOpen(true);
+        }
+      }).catch(() => {
+      }).finally(() => setLoading(false));
+    },
+    size: "sm",
+    loading,
+    ...props
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: "Details", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconEye, {}) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ViewDialog.ViewDialog, { item, info, opened: dialogOpen, onClose: () => setDialogOpen(false) })
+  ] });
+});
+View.displayName = "View";
+exports.View = View;

package/dist/core/cjs/ActionIcons/View/ViewDialog.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("fastapi-rtk/utils");
+const core = require("@mantine/core");
+const convertId = require("../../Wrappers/ApiProvider/utils/convertId.cjs");
+const RelationPanel = require("./RelationPanel.cjs");
+function ViewDialog({ item, info, opened, onClose, ...props }) {
+  const defaultProps = {
+    modal: {},
+    tabs: {},
+    tabsList: {},
+    tabsPanel: {}
+  };
+  const { modal, tabs, tabsList, tabsPanel } = core.useProps("ViewDialog", defaultProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Modal,
+    {
+      opened,
+      onClose,
+      title: `${item == null ? void 0 : item.show_title} (#${convertId.convertId(item == null ? void 0 : item.id)})`,
+      size: "lg",
+      centered: true,
+      zIndex: 1e3,
+      ...modal,
+      children: item && /* @__PURE__ */ jsxRuntime.jsxs(core.Tabs, { defaultValue: "details", ...tabs, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Tabs.List, { ...tabsList, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.Tab, { value: "details", children: "Details" }),
+          info.relations.map((relation, index) => {
+            return /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.Tab, { value: relation.name, children: relation.name }, index);
+          })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.Panel, { pt: "xs", value: "details", ...tabsPanel, children: /* @__PURE__ */ jsxRuntime.jsx(core.Paper, { p: "xs", withBorder: true, children: /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { spacing: "md", children: /* @__PURE__ */ jsxRuntime.jsx(core.ScrollArea, { h: 450, type: "auto", children: item.show_columns.map((column, index) => {
+          return /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { maw: 500, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 4, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "md", children: item.label_columns[column] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 1, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xs", children: ":" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 6, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "md", children: utils.getValue(item.result, column) }) })
+          ] }, index);
+        }) }) }) }) }),
+        info.relations.map((relation, index) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(core.Tabs.Panel, { pt: "xs", value: relation.name, children: /* @__PURE__ */ jsxRuntime.jsx(core.Paper, { withBorder: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            RelationPanel,
+            {
+              relatedPath: relation.path,
+              id: convertId.convertId(item.id),
+              foreign_key: relation.foreign_key,
+              type: relation.type
+            }
+          ) }) }, index);
+        })
+      ] })
+    }
+  );
+}
+exports.ViewDialog = ViewDialog;

package/dist/core/cjs/ActionIcons/utils/convertToFormInputs.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsonforms = require("fastapi-rtk/jsonforms");
+function convertToFormInputs(item, schema) {
+  const result = {};
+  Object.entries(schema.properties || {}).forEach(([key, value]) => {
+    var _a, _b;
+    const schemaOptions = value.items ? value.items : value;
+    const items = schemaOptions.oneOf ? schemaOptions.oneOf.map((option) => ({ value: option.const, label: option.title })) : schemaOptions.enum;
+    if (items) {
+      const values = items.map((item2) => item2.value);
+      if (jsonforms.isSchemaTypeInclude(value.type, "array")) {
+        const existingValues = ((_a = item[key]) == null ? void 0 : _a.map((item2) => item2.id_ || item2)) || [];
+        result[key] = values.filter((val) => existingValues.includes(val));
+      } else {
+        result[key] = values.find((val) => {
+          var _a2;
+          return val === (((_a2 = item[key]) == null ? void 0 : _a2.id_) || item[key]);
+        });
+      }
+    } else {
+      result[key] = (((_b = item[key]) == null ? void 0 : _b.id_) || item[key]) ?? void 0;
+    }
+  });
+  return result;
+}
+exports.convertToFormInputs = convertToFormInputs;

package/dist/core/cjs/Dialogs/AlertDialog/AlertDialog.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+function AlertDialog({ opened, onClose, handleAccept, handleReject }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.Modal,
+    {
+      opened,
+      onClose,
+      "aria-labelledby": "alert-dialog-title",
+      "aria-describedby": "alert-dialog-description",
+      title: "Item löschen?",
+      centered: true,
+      children: [
+        "Sind Sie Sicher, dass Sie das Item löschen wollen?",
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { align: "right", mt: "xl", justify: "flex-end", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: handleReject, variant: "default", children: "Abbrechen" }),
+          /* @__PURE__ */ jsxRuntime.jsx(core.Button, { onClick: handleAccept, color: "red", children: "Löschen" })
+        ] })
+      ]
+    }
+  );
+}
+exports.AlertDialog = AlertDialog;

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const React = require("react");
+const reactRouterDom = require("react-router-dom");
+const useAuth = require("../../hooks/auth/useAuth.cjs");
+const user_module = require("./user.module.css.cjs");
+const IconUsers = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconUsers.cjs");
+const IconIdBadge2 = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconIdBadge2.cjs");
+const IconLock = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.cjs");
+const IconAppWindow = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconAppWindow.cjs");
+const IconChevronDown = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.cjs");
+const IconLogout = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLogout.cjs");
+function UserMenu({ basePath = "/security", Target, children }) {
+  const navigate = reactRouterDom.useNavigate();
+  const { user, signout } = useAuth.useAuth();
+  const [opened, setOpened] = React.useState(false);
+  const securityRoutes = [
+    { resource_name: basePath + "/users", label: "Users", name: "UsersApi", Icon: IconUsers },
+    { resource_name: basePath + "/roles", label: "Roles", name: "RolesApi", Icon: IconIdBadge2 },
+    { resource_name: basePath + "/permissions", label: "Base Permissions", name: "PermissionsApi", Icon: IconLock },
+    {
+      resource_name: basePath + "/permissionviews",
+      label: "Permission on Views",
+      name: "PermissionViewApi",
+      Icon: IconLock
+    },
+    { resource_name: basePath + "/viewsmenus", label: "Views/Menus", name: "ViewsMenusApi", Icon: IconAppWindow }
+  ];
+  const availableRoutes = securityRoutes.filter((route) => user.permissions.includes(route.name));
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.Menu,
+    {
+      width: 260,
+      position: "bottom-end",
+      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(IconChevronDown, { size: 12 })
+        ] }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Menu.Dropdown, { children: [
+          availableRoutes.length ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Label, { children: "Security" }),
+            availableRoutes.map((route, index) => {
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                core.Menu.Item,
+                {
+                  p: 12,
+                  leftSection: /* @__PURE__ */ jsxRuntime.jsx(route.Icon, { className: user_module.default.iconSmall }),
+                  onClick: () => navigate(route.resource_name),
+                  children: route.label
+                },
+                index
+              );
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Divider, {})
+          ] }) : null,
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(core.Menu.Item, { leftSection: /* @__PURE__ */ jsxRuntime.jsx(IconLogout, { p: 12, className: user_module.default.iconSmall }), onClick: signout, children: "Logout" })
+        ] })
+      ]
+    }
+  );
+}
+exports.UserMenu = UserMenu;

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

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

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

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const core = require("@mantine/core");
+const AddDialog = require("../../ActionIcons/Add/AddDialog.cjs");
+const EditDialog = require("../../ActionIcons/Edit/EditDialog.cjs");
+const LazyLoadWrapper = require("../../Wrappers/LazyLoadWrapper/LazyLoadWrapper.cjs");
+const useApi = require("../../hooks/api/useApi.cjs");
+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 {
+    hideToolbar = false,
+    hideFilter = false,
+    hideAdd = false,
+    hideSettings = false,
+    hideActions = false,
+    hidePagination = false,
+    hideError = false,
+    hideDownload = true,
+    onSelectCheckbox = null,
+    onClickEntry = null,
+    fetchOnMount = true,
+    bulkActions = null,
+    styles,
+    headerCustomizer = {},
+    bodyCustomizer = {},
+    toolbarCustomizer = {},
+    counter = false,
+    bodySeparator,
+    form
+    // Add more props here
+  } = props;
+  React.useEffect(() => {
+    if (!data && fetchOnMount) {
+      setQueryParams({});
+    }
+  }, [data]);
+  const { setView: setViewAdd } = useForms.useForms("add");
+  const { setView: setViewEdit } = useForms.useForms("edit");
+  React.useEffect(() => {
+    var _a, _b;
+    if ((_a = form == null ? void 0 : form.add) == null ? void 0 : _a.initialView) {
+      setViewAdd(form.add.initialView);
+    }
+    if ((_b = form == null ? void 0 : form.edit) == null ? void 0 : _b.initialView) {
+      setViewEdit(form.edit.initialView);
+    }
+  }, []);
+  if (!info) {
+    return;
+  }
+  const hideCheckbox = bulkActions === null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Paper, { ref, h: "100%", display: "flex", pos: "relative", style: { flexDirection: "column", ...styles }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(LazyLoadWrapper.LazyLoadWrapper, { cond: !!info, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AddDialog.AddDialog, { jsonForms: form == null ? void 0 : form.add }),
+      /* @__PURE__ */ jsxRuntime.jsx(EditDialog.EditDialog, { jsonForms: form == null ? void 0 : form.edit })
+    ] }),
+    !hideToolbar ? /* @__PURE__ */ jsxRuntime.jsx(
+      Toolbar.Toolbar,
+      {
+        hideFilter,
+        hideAdd,
+        hideSettings,
+        hideDownload,
+        toolbarCustomizer
+      }
+    ) : null,
+    data ? /* @__PURE__ */ jsxRuntime.jsx(
+      Main.Main,
+      {
+        bulkActions,
+        hideActions,
+        loading,
+        onSelectCheckbox,
+        onClickEntry,
+        hideCheckbox,
+        hideDownload,
+        headerCustomizer,
+        bodyCustomizer,
+        bodySeparator
+      }
+    ) : null,
+    !hidePagination && data ? /* @__PURE__ */ jsxRuntime.jsx(Pagination.Pagination, { counter }) : null,
+    !hideError ? /* @__PURE__ */ jsxRuntime.jsx(ErrorDialog.ErrorDialog, {}) : null
+  ] });
+});
+DataGrid.displayName = "DataGrid";
+exports.DataGrid = DataGrid;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const useApi = require("../../hooks/api/useApi.cjs");
+const IconAlertCircle = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertCircle.cjs");
+function ErrorDialog() {
+  const { error, resetError } = useApi.useApi();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Modal,
+    {
+      opened: error,
+      onClose: resetError,
+      title: /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconAlertCircle, { size: 16, color: "red" }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: error ? error.message : "Error" })
+      ] }),
+      centered: true,
+      children: error ? /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: error.originalError.detail || error.originalError.message }) : null
+    }
+  );
+}
+exports.ErrorDialog = ErrorDialog;

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

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const FormDatePicker = require("./Inputs/FormDatePicker.cjs");
+const FormDateTimePicker = require("./Inputs/FormDateTimePicker.cjs");
+const FormGeometryField = require("./Inputs/FormGeometryField.cjs");
+const FormJsonField = require("./Inputs/FormJsonField.cjs");
+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 }) {
+  if (!schema.type) {
+    return null;
+  }
+  switch (schema.type) {
+    case "Boolean":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FormSelect.FormSelect,
+        {
+          form,
+          name,
+          items: [
+            { label: "true", value: filter ? "1" : "true" },
+            { label: "false", value: filter ? "0" : "false" }
+          ],
+          ...props
+        }
+      );
+    case "RelatedList":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FormRelatedListSelect.FormRelatedListSelect,
+        {
+          form,
+          name,
+          items: schema.values,
+          comboboxProps: { withinPortal },
+          ...props
+        }
+      );
+    case "Related":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FormRelatedSelect.FormRelatedSelect,
+        {
+          form,
+          name,
+          items: schema.values,
+          filter,
+          comboboxProps: { withinPortal },
+          ...props
+        }
+      );
+    case "DateTime":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FormDateTimePicker.FormDateTimePicker,
+        {
+          form,
+          name,
+          valueFormat: "DD.MM.YYYY HH:mm:ss",
+          schema,
+          popoverProps: { withinPortal },
+          ...props
+        }
+      );
+    case "Date":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FormDatePicker.FormDatePicker,
+        {
+          form,
+          name,
+          valueFormat: "DD.MM.YYYY",
+          schema,
+          popoverProps: { withinPortal },
+          ...props
+        }
+      );
+    case "Geometry":
+      return /* @__PURE__ */ jsxRuntime.jsx(FormGeometryField.FormGeometryField, { form, name, filter, ...props });
+    case "Raw":
+      return /* @__PURE__ */ jsxRuntime.jsx(FormJsonField.FormJsonField, { form, name, filter, ...props });
+    case "Integer":
+    case "Float":
+      return /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...props });
+    case "Enum":
+      return /* @__PURE__ */ jsxRuntime.jsx(FormSelect.FormSelect, { form, name, items: schema.values, comboboxProps: { withinPortal }, ...props });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(FormTextField.FormTextField, { form, name, ...props });
+  }
+}
+exports.FormField = FormField;

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

@@ -0,0 +1,21 @@
+"use strict";
+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),
+      onChange: (newValue) => {
+        if (newValue instanceof Date) {
+          const utcDate = new Date(newValue.getTime() - newValue.getTimezoneOffset() * 6e4);
+          form.setFieldValue(name, utcDate.toISOString().substring(0, 10));
+        }
+      },
+      value: form.getInputProps(name).value ? new Date(form.getInputProps(name).value) : null,
+      ...props
+    }
+  ) });
+}
+exports.FormDatePicker = FormDatePicker;

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

@@ -0,0 +1,21 @@
+"use strict";
+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),
+      onChange: (newValue) => {
+        if (newValue instanceof Date) {
+          const utcDate = new Date(newValue);
+          form.setFieldValue(name, utcDate.toISOString());
+        }
+      },
+      value: form.getInputProps(name).value ? new Date(form.getInputProps(name).value) : null,
+      ...props
+    }
+  ) });
+}
+exports.FormDateTimePicker = FormDateTimePicker;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+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 }) {
+  const [asWKT, setAsWKT] = React.useState(!!filter);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.InputWrapper, { label: props.label, description: props.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 })
+  ] });
+}
+exports.FormGeometryField = FormGeometryField;