fastapi-rtk 0.1.13 → 0.1.14

package/dist/core/cjs/hooks/api/useApi.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const ApiContext = require("../../Wrappers/ApiProvider/Contexts/ApiContext.cjs");
+const useApi = () => {
+  const context = React.useContext(ApiContext.ApiContext);
+  if (context === void 0) {
+    throw new Error("useApi must be used within a ApiProvider");
+  }
+  return context;
+};
+exports.useApi = useApi;

package/dist/core/cjs/hooks/api/useBulkActions.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const BulkActionsContext = require("../../Wrappers/ApiProvider/Contexts/BulkActionsContext.cjs");
+const useBulkActions = () => {
+  const context = React.useContext(BulkActionsContext.BulkActionsContext);
+  if (context === void 0) {
+    throw new Error("useBulkActions must be used within a ApiProvider");
+  }
+  return context;
+};
+exports.useBulkActions = useBulkActions;

package/dist/core/cjs/hooks/api/useForms.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const FormContext = require("../../Wrappers/ApiProvider/Contexts/FormContext.cjs");
+const useForms = (type = "add") => {
+  const context = React.useContext(type === "add" ? FormContext.FormContextAdd : FormContext.FormContextEdit);
+  if (context === void 0) {
+    throw new Error("useForms must be used within an ApiProvider");
+  }
+  return context;
+};
+exports.useForms = useForms;

package/dist/core/cjs/hooks/auth/useAuth.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const AuthContext = require("../../Wrappers/Provider/Contexts/AuthContext.cjs");
+const useAuth = () => {
+  return React.useContext(AuthContext.AuthContext);
+};
+exports.useAuth = useAuth;

package/dist/core/cjs/hooks/auth/useInfo.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const InfoContext = require("../../Wrappers/Provider/Contexts/InfoContext.cjs");
+const useInfo = () => {
+  return React.useContext(InfoContext.InfoContext);
+};
+exports.useInfo = useInfo;

package/dist/core/cjs/index.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Actions = require("./ActionIcons/Actions.cjs");
+const Add = require("./ActionIcons/Add/Add.cjs");
+const Delete = require("./ActionIcons/Delete/Delete.cjs");
+const Download = require("./ActionIcons/Download/Download.cjs");
+const Edit = require("./ActionIcons/Edit/Edit.cjs");
+const Refresh = require("./ActionIcons/Refresh/Refresh.cjs");
+const Upload = require("./ActionIcons/Upload/Upload.cjs");
+const View = require("./ActionIcons/View/View.cjs");
+const useApi = require("./hooks/api/useApi.cjs");
+const useBulkActions = require("./hooks/api/useBulkActions.cjs");
+const useForms = require("./hooks/api/useForms.cjs");
+const useAuth = require("./hooks/auth/useAuth.cjs");
+const useInfo = require("./hooks/auth/useInfo.cjs");
+const UserMenu = require("./Menu/UserMenu/UserMenu.cjs");
+const DataGrid = require("./Tables/DataGrid/DataGrid.cjs");
+const NextGenDataGrid = require("./Tables/NextGenDataGrid/NextGenDataGrid.cjs");
+const ApiProvider = require("./Wrappers/ApiProvider/ApiProvider.cjs");
+const InfiniteScroll = require("./Wrappers/InfiniteScroll/InfiniteScroll.cjs");
+const LazyLoadWrapper = require("./Wrappers/LazyLoadWrapper/LazyLoadWrapper.cjs");
+const Provider = require("./Wrappers/Provider/Provider.cjs");
+exports.Actions = Actions.Actions;
+exports.Add = Add.Add;
+exports.Delete = Delete.Delete;
+exports.Download = Download.Download;
+exports.Edit = Edit.Edit;
+exports.Refresh = Refresh.Refresh;
+exports.Upload = Upload.Upload;
+exports.View = View.View;
+exports.useApi = useApi.useApi;
+exports.useBulkActions = useBulkActions.useBulkActions;
+exports.useForms = useForms.useForms;
+exports.useAuth = useAuth.useAuth;
+exports.useInfo = useInfo.useInfo;
+exports.UserMenu = UserMenu.UserMenu;
+exports.DataGrid = DataGrid.DataGrid;
+exports.NextGenDataGrid = NextGenDataGrid.NextGenDataGrid;
+exports.ApiProvider = ApiProvider.ApiProvider;
+exports.InfiniteScroll = InfiniteScroll.InfiniteScroll;
+exports.LazyLoadWrapper = LazyLoadWrapper.LazyLoadWrapper;
+exports.Provider = Provider.Provider;

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

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Flex } from "@mantine/core";
+import { memo } from "react";
+import { useApi } from "../hooks/api/useApi.mjs";
+import { Delete } from "./Delete/Delete.mjs";
+import { Edit } from "./Edit/Edit.mjs";
+import { View } from "./View/View.mjs";
+const Actions = memo(({ id }) => {
+  const { info } = useApi();
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      style: {
+        gap: 4,
+        whiteSpace: "nowrap"
+      },
+      children: [
+        (info == null ? void 0 : info.permissions.includes("can_get")) ? /* @__PURE__ */ jsx(View, { id }) : null,
+        (info == null ? void 0 : info.permissions.includes("can_put")) ? /* @__PURE__ */ jsx(Edit, { id }) : null,
+        (info == null ? void 0 : info.permissions.includes("can_delete")) ? /* @__PURE__ */ jsx(Delete, { id }) : null
+      ]
+    }
+  );
+});
+Actions.displayName = "Actions";
+export {
+  Actions
+};

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { useActionIcon } from "fastapi-rtk/hooks";
+import { Tooltip, ActionIcon } from "@mantine/core";
+import { memo } from "react";
+import { useForms } from "../../hooks/api/useForms.mjs";
+import IconPlus from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlus.mjs";
+const Add = memo(({ tooltipProps, ...props }) => {
+  const { setOpened } = useForms("add");
+  const actionIconProps = useActionIcon({ onClick: () => setOpened(true), ...props });
+  return /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? "Add Item", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconPlus, {}) }) });
+});
+Add.displayName = "Add";
+export {
+  Add
+};

package/dist/core/esm/ActionIcons/Add/AddDialog.mjs

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import { DEBOUNCE_LOADING_DELAY, VIEW_MODE } from "fastapi-rtk/constants";
+import { deepMerge } from "fastapi-rtk/utils";
+import { useProps } from "@mantine/core";
+import { useDebouncedState } from "@mantine/hooks";
+import { useMemo, useCallback } from "react";
+import { useApi } from "../../hooks/api/useApi.mjs";
+import { useForms } from "../../hooks/api/useForms.mjs";
+import { CommonModal } from "../Modals/CommonModal.mjs";
+import { normalProps } from "../Modals/normalProps.mjs";
+import { overlayProps } from "../Modals/overlayProps.mjs";
+function AddDialog({ jsonForms: __jsonForms, ...props }) {
+  const { info, refetch, refetchInfo, addEntry } = useApi();
+  const { opened, setOpened, state, setState, reset, view, setView } = useForms("add");
+  const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
+  const { jsonForms: _jsonForms } = useProps("AddDialog", {}, {});
+  const jsonForms = useMemo(() => deepMerge(_jsonForms, __jsonForms), [_jsonForms, __jsonForms]);
+  const onSubmit = useCallback(
+    (e) => {
+      e == null ? void 0 : e.preventDefault();
+      setLoading(true);
+      addEntry(state.data).then((res) => {
+        if (res) {
+          refetch();
+          refetchInfo();
+        }
+      }).catch(() => {
+      }).finally(() => {
+        setLoading(false);
+        setOpened(false);
+      });
+    },
+    [addEntry, refetch, refetchInfo, setLoading, setOpened, state.data]
+  );
+  return /* @__PURE__ */ jsx(
+    CommonModal,
+    {
+      schema: info.add_schema,
+      uischema: info.add_uischema,
+      state,
+      setState,
+      view,
+      setView,
+      jsonForms,
+      onSubmit,
+      buttonText: "Add",
+      buttonLoading: loading,
+      opened,
+      onClose: () => setOpened(false),
+      onExitTransitionEnd: reset,
+      ...view === VIEW_MODE.OVERLAY ? overlayProps : {},
+      ...view === VIEW_MODE.NORMAL ? normalProps : {},
+      ...props,
+      title: props.title ?? (info == null ? void 0 : info.add_title)
+    }
+  );
+}
+export {
+  AddDialog
+};

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

@@ -0,0 +1,28 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useActionIcon } from "fastapi-rtk/hooks";
+import { Tooltip, ActionIcon } from "@mantine/core";
+import { memo, useState } from "react";
+import { AlertDialog } from "../../Dialogs/AlertDialog/AlertDialog.mjs";
+import { useApi } from "../../hooks/api/useApi.mjs";
+import IconTrash from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconTrash.mjs";
+const Delete = memo(({ id, ...props }) => {
+  const { refetch, refetchInfo, deleteEntry } = useApi();
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const actionIconProps = useActionIcon({ onClick: () => setDialogOpen(true), size: "sm", ...props });
+  const handleReject = () => setDialogOpen(false);
+  const handleAccept = () => deleteEntry(id).then((res) => {
+    if (res) {
+      refetch();
+      refetchInfo();
+    }
+  }).catch(() => {
+  }).finally(() => setDialogOpen(false));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { label: "Delete", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconTrash, {}) }) }),
+    /* @__PURE__ */ jsx(AlertDialog, { opened: dialogOpen, onClose: handleReject, handleAccept, handleReject })
+  ] });
+});
+Delete.displayName = "Delete";
+export {
+  Delete
+};

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

@@ -0,0 +1,125 @@
+import { jsxs, jsx, Fragment } 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 { Table, Modal, Stack, Group, Select, Box, SegmentedControl, Card, Text, Tooltip, ThemeIcon, Button, Loader, 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 IconInfoCircle from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.mjs";
+import IconDownload from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconDownload.mjs";
+const elements = [
+  { name: "John Doe", age: 25, friend: "Jane Doe", "friend.name": "Jane Doe", "friend.age": 30 },
+  { name: "Jane Doe", age: 30, friend: "John Doe", "friend.name": "John Doe", "friend.age": 25 }
+];
+const simplifiedHeaders = [
+  { label: "Name", key: "name" },
+  { label: "Age", key: "age" },
+  { label: "Friend", key: "friend" }
+];
+const detailedHeaders = [
+  { label: "Name", key: "name" },
+  { label: "Age", key: "age" },
+  { label: "Friend Name", key: "friend.name" },
+  { label: "Friend Age", key: "friend.age" }
+];
+const simplifiedRows = elements.map((element) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.name }),
+  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.age }),
+  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.friend })
+] }, element.name));
+const detailedRows = elements.map((element) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.name }),
+  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element.age }),
+  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element["friend.name"] }),
+  /* @__PURE__ */ jsx(Table.Td, { p: 4, children: element["friend.age"] })
+] }, element.name));
+const messages = {
+  simplified: {
+    title: "Simplified version of the data",
+    description: "This is a simplified version of the data. It shows only the properties of the elements and their relationships"
+  },
+  detailed: {
+    title: "Detailed version of the data",
+    description: "This is a detailed version of the data. It shows all the properties of the elements including all the properties of their relationships"
+  }
+};
+const Download = memo(({ tooltipProps, ...props }) => {
+  const { download } = useApi();
+  const [opened, { toggle, close }] = useDisclosure();
+  const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
+  const [exportMode, setExportMode] = useState("simplified");
+  const [delimiter, setDelimiter] = useState(DEFAULT_DELIMITER);
+  const [quotechar, setQuotechar] = useState(DEFAULT_QUOTECHAR);
+  const actionIconProps = useActionIcon({
+    onClick: toggle,
+    ...props
+  });
+  const onDownload = () => {
+    setLoading(true);
+    download(void 0, { export_mode: exportMode, delimiter, quotechar }).catch(() => {
+    }).finally(() => {
+      setLoading(false);
+      close();
+    });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Modal, { title: "Download data", centered: true, size: "xl", opened, onClose: close, 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",
+            allowDeselect: false,
+            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(Box, { children: /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          value: exportMode,
+          onChange: setExportMode,
+          data: [
+            { label: "Simplified", value: "simplified" },
+            { label: "Detailed", value: "detailed" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Card, { shadow: "md", withBorder: true, children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Text, { children: messages[exportMode].title }),
+          /* @__PURE__ */ jsx(Tooltip, { label: messages[exportMode].description, children: /* @__PURE__ */ jsx(ThemeIcon, { variant: "transparent", size: "sm", style: { cursor: "pointer" }, children: /* @__PURE__ */ jsx(IconInfoCircle, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Table, { withColumnBorders: true, children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsx(Table.Tr, { children: exportMode === "simplified" ? simplifiedHeaders.map((header) => /* @__PURE__ */ jsx(Table.Th, { p: 4, children: header.label }, header.key)) : detailedHeaders.map((header) => /* @__PURE__ */ jsx(Table.Th, { p: 4, children: header.label }, header.key)) }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: exportMode === "simplified" ? simplifiedRows : detailedRows })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Group, { justify: "end", children: /* @__PURE__ */ jsx(Button, { mt: "md", onClick: onDownload, loading, children: "Download" }) })
+    ] }) }),
+    loading ? /* @__PURE__ */ jsx(ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsx(Loader, { size: "100%", color: actionIconProps.c }) }) : /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? "Download", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconDownload, {}) }) })
+  ] });
+});
+Download.displayName = "Download";
+export {
+  Download
+};

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

@@ -0,0 +1,34 @@
+import { jsx, Fragment } 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 } from "react";
+import { useApi } from "../../hooks/api/useApi.mjs";
+import { useForms } from "../../hooks/api/useForms.mjs";
+import IconPencil from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPencil.mjs";
+const Edit = memo(({ id, ...props }) => {
+  const { getEntry } = useApi();
+  const { setOpened, setItem } = useForms("edit");
+  const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
+  const actionIconProps = useActionIcon({
+    onClick: () => {
+      setLoading(true);
+      getEntry(id).then((entry) => {
+        if (entry) {
+          setItem(entry);
+          setOpened(true);
+        }
+      }).catch(() => {
+      }).finally(() => setLoading(false));
+    },
+    size: "sm",
+    loading,
+    ...props
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tooltip, { label: "Edit", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconPencil, {}) }) }) });
+});
+Edit.displayName = "Edit";
+export {
+  Edit
+};

package/dist/core/esm/ActionIcons/Edit/EditDialog.mjs

@@ -0,0 +1,71 @@
+import { jsx } from "react/jsx-runtime";
+import { DEBOUNCE_LOADING_DELAY, initialState, VIEW_MODE } from "fastapi-rtk/constants";
+import { deepMerge } from "fastapi-rtk/utils";
+import { useProps } from "@mantine/core";
+import { useDebouncedState } from "@mantine/hooks";
+import { useMemo, useCallback, useEffect } from "react";
+import { useApi } from "../../hooks/api/useApi.mjs";
+import { useForms } from "../../hooks/api/useForms.mjs";
+import { CommonModal } from "../Modals/CommonModal.mjs";
+import { normalProps } from "../Modals/normalProps.mjs";
+import { overlayProps } from "../Modals/overlayProps.mjs";
+import { convertToFormInputs } from "../utils/convertToFormInputs.mjs";
+function EditDialog({ jsonForms: __jsonForms, ...props }) {
+  const { info, refetch, refetchInfo, updateEntry } = useApi();
+  const { opened, setOpened, item, state, setState, reset, view, setView } = useForms("edit");
+  const [loading, setLoading] = useDebouncedState(false, DEBOUNCE_LOADING_DELAY);
+  const { jsonForms: _jsonForms } = useProps("EditDialog", {}, {});
+  const jsonForms = useMemo(
+    () => deepMerge({ __: { setNull: true } }, _jsonForms, __jsonForms),
+    [_jsonForms, __jsonForms]
+  );
+  const onSubmit = useCallback(
+    (e) => {
+      e == null ? void 0 : e.preventDefault();
+      setLoading(true);
+      updateEntry(item == null ? void 0 : item.id, state.data).then((res) => {
+        if (res) {
+          refetch();
+          refetchInfo();
+        }
+      }).catch(() => {
+      }).finally(() => {
+        setLoading(false);
+        setOpened(false);
+      });
+    },
+    [setLoading, updateEntry, item == null ? void 0 : item.id, state.data, refetch, refetchInfo, setOpened]
+  );
+  const initialState$1 = useMemo(
+    () => ({ ...initialState, data: convertToFormInputs((item == null ? void 0 : item.result) || {}, info.edit_schema) }),
+    [info.edit_schema, item == null ? void 0 : item.result]
+  );
+  useEffect(() => {
+    setState({ data: initialState$1.data });
+  }, [initialState$1, setState]);
+  return /* @__PURE__ */ jsx(
+    CommonModal,
+    {
+      schema: info.edit_schema,
+      uischema: info.edit_uischema,
+      state,
+      setState,
+      view,
+      setView,
+      jsonForms,
+      onSubmit,
+      buttonText: "Edit",
+      buttonLoading: loading,
+      opened,
+      onClose: () => setOpened(false),
+      onExitTransitionEnd: reset,
+      ...view === VIEW_MODE.OVERLAY ? overlayProps : {},
+      ...view === VIEW_MODE.NORMAL ? normalProps : {},
+      ...props,
+      title: props.title ?? (info == null ? void 0 : info.edit_title)
+    }
+  );
+}
+export {
+  EditDialog
+};

package/dist/core/esm/ActionIcons/Modals/CommonModal.mjs

@@ -0,0 +1,96 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { VIEW_MODE } from "fastapi-rtk/constants";
+import { JsonFormsWithCustomizer } from "fastapi-rtk/jsonforms";
+import { deepMerge } from "fastapi-rtk/utils";
+import { Icon } from "../../../../external/esm/@iconify_react@6.0.0_react@18.3.1/node_modules/@iconify/react/dist/iconify.mjs";
+import { Modal, Box, Group, Button, CloseButton } from "@mantine/core";
+function CommonModal({
+  schema,
+  uischema,
+  state,
+  setState,
+  view,
+  setView,
+  jsonForms,
+  onSubmit,
+  boxProps,
+  buttonText,
+  buttonLoading,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      size: "lg",
+      centered: true,
+      fullScreen: view === VIEW_MODE.FULL_SCREEN,
+      radius: view !== VIEW_MODE.NORMAL ? 0 : void 0,
+      transitionProps: view !== VIEW_MODE.NORMAL ? { transition: "fade", duration: 200 } : void 0,
+      ...props,
+      title: /* @__PURE__ */ jsxs(Fragment, { children: [
+        props.title,
+        /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", pr: "xs", children: [
+          /* @__PURE__ */ jsx(
+            CloseButton,
+            {
+              onClick: () => setView(view !== VIEW_MODE.OVERLAY ? VIEW_MODE.OVERLAY : VIEW_MODE.NORMAL),
+              title: view !== VIEW_MODE.OVERLAY ? "Overlay" : "Exit overlay",
+              icon: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: view !== VIEW_MODE.OVERLAY ? "tabler:stack-forward" : "tabler:stack",
+                  fontSize: "1.25rem"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CloseButton,
+            {
+              onClick: () => setView(view !== VIEW_MODE.FULL_SCREEN ? VIEW_MODE.FULL_SCREEN : VIEW_MODE.NORMAL),
+              title: view !== VIEW_MODE.FULL_SCREEN ? "Full screen" : "Exit full screen",
+              icon: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: view !== VIEW_MODE.FULL_SCREEN ? "tabler:maximize" : "tabler:minimize",
+                  fontSize: "1.25rem"
+                }
+              )
+            }
+          )
+        ] }) })
+      ] }),
+      classNames: { content: "mrt-table-container" },
+      styles: deepMerge(props.styles, {
+        title: { width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between" }
+      }),
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          component: "form",
+          pos: "relative",
+          display: "flex",
+          style: { flexDirection: "column", justifyContent: "space-between" },
+          onSubmit,
+          ...boxProps,
+          children: [
+            /* @__PURE__ */ jsx(
+              JsonFormsWithCustomizer,
+              {
+                schema,
+                uischema,
+                data: state.data,
+                onChange: setState,
+                customizer: jsonForms
+              }
+            ),
+            /* @__PURE__ */ jsx(Group, { justify: "end", mt: "xl", children: /* @__PURE__ */ jsx(Button, { type: "submit", loading: buttonLoading, children: buttonText }) })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  CommonModal
+};

package/dist/core/esm/ActionIcons/Modals/normalProps.mjs

@@ -0,0 +1,17 @@
+const CONTENT_HEIGHT = "450px";
+const HEADER_HEIGHT = "1.75rem";
+const HEADER_PADDING = "1rem";
+const PADDING_TOP_AND_BOTTOM = "2rem";
+const normalProps = {
+  boxProps: {
+    mih: `calc(${CONTENT_HEIGHT} - ${HEADER_HEIGHT} - ${HEADER_PADDING} - ${PADDING_TOP_AND_BOTTOM})`
+  },
+  styles: {
+    content: {
+      height: CONTENT_HEIGHT
+    }
+  }
+};
+export {
+  normalProps
+};

package/dist/core/esm/ActionIcons/Modals/overlayProps.mjs

@@ -0,0 +1,25 @@
+const overlayProps = {
+  withinPortal: false,
+  h: "100%",
+  w: "100%",
+  pos: "absolute",
+  styles: {
+    overlay: {
+      display: "none"
+    },
+    inner: {
+      position: "relative",
+      height: "100%",
+      width: "100%",
+      padding: 0
+    },
+    content: {
+      position: "absolute",
+      height: "100%",
+      width: "100%"
+    }
+  }
+};
+export {
+  overlayProps
+};

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

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { useActionIcon } from "fastapi-rtk/hooks";
+import { ThemeIcon, Loader, Tooltip, ActionIcon } from "@mantine/core";
+import { memo, useState } from "react";
+import { useApi } from "../../hooks/api/useApi.mjs";
+import IconRefresh from "../../../../external/esm/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconRefresh.mjs";
+const Refresh = memo(({ tooltipProps, ...props }) => {
+  const [loading, setLoading] = useState(false);
+  const { refetch } = useApi();
+  const actionIconProps = useActionIcon({
+    onClick: () => {
+      setLoading(true);
+      refetch().finally(() => {
+        setLoading(false);
+      });
+    },
+    ...props
+  });
+  return loading ? /* @__PURE__ */ jsx(ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsx(Loader, { size: "100%", color: actionIconProps.c }) }) : /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.refresh) ?? "Refresh", children: /* @__PURE__ */ jsx(ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsx(IconRefresh, {}) }) });
+});
+Refresh.displayName = "Refresh";
+export {
+  Refresh
+};