fastapi-rtk 0.1.12 → 0.1.14

package/dist/core/esm/ActionIcons/Upload/Upload.mjs

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

package/dist/core/esm/ActionIcons/View/RelationPanel.mjs

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { urlJoin } from "fastapi-rtk/utils";
+import { memo } from "react";
+import { DataGrid } from "../../Tables/DataGrid/DataGrid.mjs";
+import { ApiProvider } from "../../Wrappers/ApiProvider/ApiProvider.mjs";
+import { useApi } from "../../hooks/api/useApi.mjs";
+function RelationPanel({ relatedPath, ...relation }) {
+  const { path } = useApi();
+  urlJoin(
+    path ? path.substring(0, path.lastIndexOf("/")) : "",
+    relatedPath.substring(0, relatedPath.lastIndexOf("/"))
+  );
+  return /* @__PURE__ */ jsx(ApiProvider, { resource_name: relatedPath.replace("/", ""), relation, children: /* @__PURE__ */ jsx(DataGrid, { hideToolbar: true, hideDownload: false }) });
+}
+const RelationPanel$1 = memo(RelationPanel);
+export {
+  RelationPanel$1 as default
+};

package/dist/core/esm/ActionIcons/View/View.mjs

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

package/dist/core/esm/ActionIcons/View/ViewDialog.mjs

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

package/dist/core/esm/ActionIcons/utils/convertToFormInputs.mjs

@@ -0,0 +1,27 @@
+import { isSchemaTypeInclude } from "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 (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;
+}
+export {
+  convertToFormInputs
+};

package/dist/core/esm/Dialogs/AlertDialog/AlertDialog.mjs

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Modal, Group, Button } from "@mantine/core";
+function AlertDialog({ opened, onClose, handleAccept, handleReject }) {
+  return /* @__PURE__ */ jsxs(
+    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__ */ jsxs(Group, { align: "right", mt: "xl", justify: "flex-end", children: [
+          /* @__PURE__ */ jsx(Button, { onClick: handleReject, variant: "default", children: "Abbrechen" }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleAccept, color: "red", children: "Löschen" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  AlertDialog
+};

package/dist/core/esm/Menu/UserMenu/UserMenu.mjs

@@ -0,0 +1,71 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Menu, UnstyledButton, Group, Text } from "@mantine/core";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { useAuth } from "../../hooks/auth/useAuth.mjs";
+import classes from "./user.module.css.mjs";
+import IconUsers from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconUsers.mjs";
+import IconIdBadge2 from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconIdBadge2.mjs";
+import IconLock from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.mjs";
+import IconAppWindow from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconAppWindow.mjs";
+import IconChevronDown from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.mjs";
+import IconLogout from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLogout.mjs";
+function UserMenu({ basePath = "/security", Target, children }) {
+  const navigate = useNavigate();
+  const { user, signout } = useAuth();
+  const [opened, setOpened] = 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__ */ jsxs(
+    Menu,
+    {
+      width: 260,
+      position: "bottom-end",
+      transition: "pop-top-right",
+      withinPortal: true,
+      opened,
+      onClose: () => setOpened(false),
+      onOpen: () => setOpened(true),
+      children: [
+        /* @__PURE__ */ jsx(Menu.Target, { children: Target || /* @__PURE__ */ jsx(UnstyledButton, { className: classes.btn, style: { borderRadius: 4 }, p: "xs", children: /* @__PURE__ */ jsxs(Group, { style: { flexWrap: "nowrap" }, spacing: 7, children: [
+          /* @__PURE__ */ jsx(Text, { weight: 500, size: "sm", style: { lineHeight: 1, whiteSpace: "nowrap" }, mr: 3, children: `${user.first_name} ${user.last_name}` }),
+          /* @__PURE__ */ jsx(IconChevronDown, { size: 12 })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
+          availableRoutes.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Menu.Label, { children: "Security" }),
+            availableRoutes.map((route, index) => {
+              return /* @__PURE__ */ jsx(
+                Menu.Item,
+                {
+                  p: 12,
+                  leftSection: /* @__PURE__ */ jsx(route.Icon, { className: classes.iconSmall }),
+                  onClick: () => navigate(route.resource_name),
+                  children: route.label
+                },
+                index
+              );
+            }),
+            /* @__PURE__ */ jsx(Menu.Divider, {})
+          ] }) : null,
+          children,
+          /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconLogout, { p: 12, className: classes.iconSmall }), onClick: signout, children: "Logout" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  UserMenu
+};

package/dist/core/esm/Menu/UserMenu/user.module.css.mjs

@@ -0,0 +1,11 @@
+const iconSmall = "_iconSmall_sxv3z_1";
+const btn = "_btn_sxv3z_17";
+const classes = {
+  iconSmall,
+  btn
+};
+export {
+  btn,
+  classes as default,
+  iconSmall
+};

package/dist/core/esm/Tables/DataGrid/DataGrid.mjs

@@ -0,0 +1,94 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect } from "react";
+import { Paper } from "@mantine/core";
+import { AddDialog } from "../../ActionIcons/Add/AddDialog.mjs";
+import { EditDialog } from "../../ActionIcons/Edit/EditDialog.mjs";
+import { LazyLoadWrapper } from "../../Wrappers/LazyLoadWrapper/LazyLoadWrapper.mjs";
+import { useApi } from "../../hooks/api/useApi.mjs";
+import { useForms } from "../../hooks/api/useForms.mjs";
+import { ErrorDialog } from "./ErrorDialog.mjs";
+import { Main } from "./Main/Main.mjs";
+import { Pagination } from "./Pagination/Pagination.mjs";
+import { Toolbar } from "./Toolbar/Toolbar.mjs";
+const DataGrid = forwardRef((props, ref) => {
+  const { data, loading, info, setQueryParams } = 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;
+  useEffect(() => {
+    if (!data && fetchOnMount) {
+      setQueryParams({});
+    }
+  }, [data]);
+  const { setView: setViewAdd } = useForms("add");
+  const { setView: setViewEdit } = useForms("edit");
+  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__ */ jsxs(Paper, { ref, h: "100%", display: "flex", pos: "relative", style: { flexDirection: "column", ...styles }, children: [
+    /* @__PURE__ */ jsxs(LazyLoadWrapper, { cond: !!info, children: [
+      /* @__PURE__ */ jsx(AddDialog, { jsonForms: form == null ? void 0 : form.add }),
+      /* @__PURE__ */ jsx(EditDialog, { jsonForms: form == null ? void 0 : form.edit })
+    ] }),
+    !hideToolbar ? /* @__PURE__ */ jsx(
+      Toolbar,
+      {
+        hideFilter,
+        hideAdd,
+        hideSettings,
+        hideDownload,
+        toolbarCustomizer
+      }
+    ) : null,
+    data ? /* @__PURE__ */ jsx(
+      Main,
+      {
+        bulkActions,
+        hideActions,
+        loading,
+        onSelectCheckbox,
+        onClickEntry,
+        hideCheckbox,
+        hideDownload,
+        headerCustomizer,
+        bodyCustomizer,
+        bodySeparator
+      }
+    ) : null,
+    !hidePagination && data ? /* @__PURE__ */ jsx(Pagination, { counter }) : null,
+    !hideError ? /* @__PURE__ */ jsx(ErrorDialog, {}) : null
+  ] });
+});
+DataGrid.displayName = "DataGrid";
+export {
+  DataGrid
+};

package/dist/core/esm/Tables/DataGrid/ErrorDialog.mjs

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

package/dist/core/esm/Tables/DataGrid/FormField/FormField.mjs

@@ -0,0 +1,90 @@
+import { jsx } from "react/jsx-runtime";
+import { FormDatePicker } from "./Inputs/FormDatePicker.mjs";
+import { FormDateTimePicker } from "./Inputs/FormDateTimePicker.mjs";
+import { FormGeometryField } from "./Inputs/FormGeometryField.mjs";
+import { FormJsonField } from "./Inputs/FormJsonField.mjs";
+import { FormRelatedListSelect } from "./Inputs/FormRelatedListSelect.mjs";
+import { FormRelatedSelect } from "./Inputs/FormRelatedSelect.mjs";
+import { FormSelect } from "./Inputs/FormSelect.mjs";
+import { FormTextField } from "./Inputs/FormTextField.mjs";
+function FormField({ form, name, schema, filter, withinPortal = true, ...props }) {
+  if (!schema.type) {
+    return null;
+  }
+  switch (schema.type) {
+    case "Boolean":
+      return /* @__PURE__ */ jsx(
+        FormSelect,
+        {
+          form,
+          name,
+          items: [
+            { label: "true", value: filter ? "1" : "true" },
+            { label: "false", value: filter ? "0" : "false" }
+          ],
+          ...props
+        }
+      );
+    case "RelatedList":
+      return /* @__PURE__ */ jsx(
+        FormRelatedListSelect,
+        {
+          form,
+          name,
+          items: schema.values,
+          comboboxProps: { withinPortal },
+          ...props
+        }
+      );
+    case "Related":
+      return /* @__PURE__ */ jsx(
+        FormRelatedSelect,
+        {
+          form,
+          name,
+          items: schema.values,
+          filter,
+          comboboxProps: { withinPortal },
+          ...props
+        }
+      );
+    case "DateTime":
+      return /* @__PURE__ */ jsx(
+        FormDateTimePicker,
+        {
+          form,
+          name,
+          valueFormat: "DD.MM.YYYY HH:mm:ss",
+          schema,
+          popoverProps: { withinPortal },
+          ...props
+        }
+      );
+    case "Date":
+      return /* @__PURE__ */ jsx(
+        FormDatePicker,
+        {
+          form,
+          name,
+          valueFormat: "DD.MM.YYYY",
+          schema,
+          popoverProps: { withinPortal },
+          ...props
+        }
+      );
+    case "Geometry":
+      return /* @__PURE__ */ jsx(FormGeometryField, { form, name, filter, ...props });
+    case "Raw":
+      return /* @__PURE__ */ jsx(FormJsonField, { form, name, filter, ...props });
+    case "Integer":
+    case "Float":
+      return /* @__PURE__ */ jsx(FormTextField, { form, name, ...props });
+    case "Enum":
+      return /* @__PURE__ */ jsx(FormSelect, { form, name, items: schema.values, comboboxProps: { withinPortal }, ...props });
+    default:
+      return /* @__PURE__ */ jsx(FormTextField, { form, name, ...props });
+  }
+}
+export {
+  FormField
+};

package/dist/core/esm/Tables/DataGrid/FormField/Inputs/FormDatePicker.mjs

@@ -0,0 +1,21 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { DateInput } from "@mantine/dates";
+function FormDatePicker({ form, name, ...props }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    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
+    }
+  ) });
+}
+export {
+  FormDatePicker
+};

package/dist/core/esm/Tables/DataGrid/FormField/Inputs/FormDateTimePicker.mjs

@@ -0,0 +1,21 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { DateTimePicker } from "@mantine/dates";
+function FormDateTimePicker({ form, name, ...props }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    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
+    }
+  ) });
+}
+export {
+  FormDateTimePicker
+};

package/dist/core/esm/Tables/DataGrid/FormField/Inputs/FormGeometryField.mjs

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { InputWrapper, Group, Checkbox, Text } from "@mantine/core";
+import { useState } from "react";
+import { FormJsonField } from "./FormJsonField.mjs";
+import { FormTextField } from "./FormTextField.mjs";
+function FormGeometryField({ form, name, filter, ...props }) {
+  const [asWKT, setAsWKT] = useState(!!filter);
+  return /* @__PURE__ */ jsxs(InputWrapper, { label: props.label, description: props.description, children: [
+    !filter && /* @__PURE__ */ jsxs(Group, { align: "center", gap: "xs", py: "0.25rem", children: [
+      /* @__PURE__ */ jsx(Checkbox, { checked: asWKT, onChange: (event) => setAsWKT(event.currentTarget.checked) }),
+      /* @__PURE__ */ jsx(Text, { size: "xs", children: "WKT" })
+    ] }),
+    asWKT ? /* @__PURE__ */ jsx(FormTextField, { form, name, ...props, label: void 0, description: void 0 }) : /* @__PURE__ */ jsx(FormJsonField, { form, name, ...props, label: void 0, description: void 0 })
+  ] });
+}
+export {
+  FormGeometryField
+};

package/dist/core/esm/Tables/DataGrid/FormField/Inputs/FormJsonField.mjs

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { JsonInput } from "@mantine/core";
+import { useState, useMemo, useEffect } from "react";
+import { FormTextField } from "./FormTextField.mjs";
+function FormJsonField({ form, name, filter, ...props }) {
+  const [localValue, setLocalValue] = useState("");
+  const value = form.getInputProps(name).value;
+  const convertedValue = useMemo(
+    () => value ? typeof value === "object" ? JSON.stringify(value, null, 2) : value : "",
+    [value]
+  );
+  useEffect(() => {
+    setLocalValue(convertedValue);
+  }, [convertedValue]);
+  if (filter) {
+    return /* @__PURE__ */ jsx(FormTextField, { form, name, ...props });
+  }
+  return /* @__PURE__ */ jsx(
+    JsonInput,
+    {
+      autosize: true,
+      minRows: 4,
+      maxRows: 12,
+      validationError: "Invalid JSON",
+      ...form.getInputProps(name),
+      ...props,
+      value: localValue,
+      onChange: (val) => {
+        setLocalValue(val);
+        if (!val) {
+          form.getInputProps(name).onChange(null);
+          return;
+        }
+        try {
+          const parsedValue = JSON.parse(val);
+          form.getInputProps(name).onChange(parsedValue);
+        } catch (error) {
+        }
+      }
+    }
+  );
+}
+export {
+  FormJsonField
+};