fastapi-rtk 0.1.12 → 0.1.14

package/dist/constants/cjs/index.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const DEFAULT_PAGE = 0;
+const DEFAULT_PAGE_SIZE = 25;
+const DEFAULT_PAGE_SIZE_OPTIONS = ["5", "10", "25", "50", "100"];
+const DEBOUNCE_DELAY = 400;
+const DEFAULT_DELIMITER = ",";
+const DELIMITER_DATA = [
+  { value: ",", label: "Comma (,)" },
+  { value: ";", label: "Semicolon (;)" },
+  { value: "|", label: "Pipe (|)" },
+  { value: "	", label: "Tab" },
+  { value: " ", label: "Space" }
+];
+const DEFAULT_QUOTECHAR = null;
+const QUOTECHAR_DATA = [
+  { value: '"', label: 'Double quotes (")' },
+  { value: "'", label: "Single quotes (')" }
+];
+const DEBOUNCE_LOADING_DELAY = 50;
+const initialState = { errors: [], data: void 0 };
+const VIEW_MODE = {
+  NORMAL: "normal",
+  FULL_SCREEN: "fullScreen",
+  OVERLAY: "overlay"
+};
+exports.DEBOUNCE_DELAY = DEBOUNCE_DELAY;
+exports.DEBOUNCE_LOADING_DELAY = DEBOUNCE_LOADING_DELAY;
+exports.DEFAULT_DELIMITER = DEFAULT_DELIMITER;
+exports.DEFAULT_PAGE = DEFAULT_PAGE;
+exports.DEFAULT_PAGE_SIZE = DEFAULT_PAGE_SIZE;
+exports.DEFAULT_PAGE_SIZE_OPTIONS = DEFAULT_PAGE_SIZE_OPTIONS;
+exports.DEFAULT_QUOTECHAR = DEFAULT_QUOTECHAR;
+exports.DELIMITER_DATA = DELIMITER_DATA;
+exports.QUOTECHAR_DATA = QUOTECHAR_DATA;
+exports.VIEW_MODE = VIEW_MODE;
+exports.initialState = initialState;

package/dist/constants/esm/index.mjs

@@ -0,0 +1,37 @@
+const DEFAULT_PAGE = 0;
+const DEFAULT_PAGE_SIZE = 25;
+const DEFAULT_PAGE_SIZE_OPTIONS = ["5", "10", "25", "50", "100"];
+const DEBOUNCE_DELAY = 400;
+const DEFAULT_DELIMITER = ",";
+const DELIMITER_DATA = [
+  { value: ",", label: "Comma (,)" },
+  { value: ";", label: "Semicolon (;)" },
+  { value: "|", label: "Pipe (|)" },
+  { value: "	", label: "Tab" },
+  { value: " ", label: "Space" }
+];
+const DEFAULT_QUOTECHAR = null;
+const QUOTECHAR_DATA = [
+  { value: '"', label: 'Double quotes (")' },
+  { value: "'", label: "Single quotes (')" }
+];
+const DEBOUNCE_LOADING_DELAY = 50;
+const initialState = { errors: [], data: void 0 };
+const VIEW_MODE = {
+  NORMAL: "normal",
+  FULL_SCREEN: "fullScreen",
+  OVERLAY: "overlay"
+};
+export {
+  DEBOUNCE_DELAY,
+  DEBOUNCE_LOADING_DELAY,
+  DEFAULT_DELIMITER,
+  DEFAULT_PAGE,
+  DEFAULT_PAGE_SIZE,
+  DEFAULT_PAGE_SIZE_OPTIONS,
+  DEFAULT_QUOTECHAR,
+  DELIMITER_DATA,
+  QUOTECHAR_DATA,
+  VIEW_MODE,
+  initialState
+};

package/dist/core/cjs/ActionIcons/Actions.cjs

@@ -0,0 +1,28 @@
+"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 useApi = require("../hooks/api/useApi.cjs");
+const Delete = require("./Delete/Delete.cjs");
+const Edit = require("./Edit/Edit.cjs");
+const View = require("./View/View.cjs");
+const Actions = React.memo(({ id }) => {
+  const { info } = useApi.useApi();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.Flex,
+    {
+      style: {
+        gap: 4,
+        whiteSpace: "nowrap"
+      },
+      children: [
+        (info == null ? void 0 : info.permissions.includes("can_get")) ? /* @__PURE__ */ jsxRuntime.jsx(View.View, { id }) : null,
+        (info == null ? void 0 : info.permissions.includes("can_put")) ? /* @__PURE__ */ jsxRuntime.jsx(Edit.Edit, { id }) : null,
+        (info == null ? void 0 : info.permissions.includes("can_delete")) ? /* @__PURE__ */ jsxRuntime.jsx(Delete.Delete, { id }) : null
+      ]
+    }
+  );
+});
+Actions.displayName = "Actions";
+exports.Actions = Actions;

package/dist/core/cjs/ActionIcons/Add/Add.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const hooks = require("fastapi-rtk/hooks");
+const core = require("@mantine/core");
+const React = require("react");
+const useForms = require("../../hooks/api/useForms.cjs");
+const IconPlus = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlus.cjs");
+const Add = React.memo(({ tooltipProps, ...props }) => {
+  const { setOpened } = useForms.useForms("add");
+  const actionIconProps = hooks.useActionIcon({ onClick: () => setOpened(true), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? "Add Item", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}) }) });
+});
+Add.displayName = "Add";
+exports.Add = Add;

package/dist/core/cjs/ActionIcons/Add/AddDialog.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("fastapi-rtk/constants");
+const utils = require("fastapi-rtk/utils");
+const core = require("@mantine/core");
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../hooks/api/useApi.cjs");
+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 AddDialog({ jsonForms: __jsonForms, ...props }) {
+  const { info, refetch, refetchInfo, addEntry } = useApi.useApi();
+  const { opened, setOpened, state, setState, reset, view, setView } = useForms.useForms("add");
+  const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
+  const { jsonForms: _jsonForms } = core.useProps("AddDialog", {}, {});
+  const jsonForms = React.useMemo(() => utils.deepMerge(_jsonForms, __jsonForms), [_jsonForms, __jsonForms]);
+  const onSubmit = React.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__ */ jsxRuntime.jsx(
+    CommonModal.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 === constants.VIEW_MODE.OVERLAY ? overlayProps.overlayProps : {},
+      ...view === constants.VIEW_MODE.NORMAL ? normalProps.normalProps : {},
+      ...props,
+      title: props.title ?? (info == null ? void 0 : info.add_title)
+    }
+  );
+}
+exports.AddDialog = AddDialog;

package/dist/core/cjs/ActionIcons/Delete/Delete.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const hooks = require("fastapi-rtk/hooks");
+const core = require("@mantine/core");
+const React = require("react");
+const AlertDialog = require("../../Dialogs/AlertDialog/AlertDialog.cjs");
+const useApi = require("../../hooks/api/useApi.cjs");
+const IconTrash = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconTrash.cjs");
+const Delete = React.memo(({ id, ...props }) => {
+  const { refetch, refetchInfo, deleteEntry } = useApi.useApi();
+  const [dialogOpen, setDialogOpen] = React.useState(false);
+  const actionIconProps = hooks.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: "Delete", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconTrash, {}) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialog.AlertDialog, { opened: dialogOpen, onClose: handleReject, handleAccept, handleReject })
+  ] });
+});
+Delete.displayName = "Delete";
+exports.Delete = Delete;

package/dist/core/cjs/ActionIcons/Download/Download.cjs

@@ -0,0 +1,125 @@
+"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 IconInfoCircle = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.cjs");
+const IconDownload = require("../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconDownload.cjs");
+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__ */ jsxRuntime.jsxs(core.Table.Tr, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(core.Table.Td, { p: 4, children: element.name }),
+  /* @__PURE__ */ jsxRuntime.jsx(core.Table.Td, { p: 4, children: element.age }),
+  /* @__PURE__ */ jsxRuntime.jsx(core.Table.Td, { p: 4, children: element.friend })
+] }, element.name));
+const detailedRows = elements.map((element) => /* @__PURE__ */ jsxRuntime.jsxs(core.Table.Tr, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(core.Table.Td, { p: 4, children: element.name }),
+  /* @__PURE__ */ jsxRuntime.jsx(core.Table.Td, { p: 4, children: element.age }),
+  /* @__PURE__ */ jsxRuntime.jsx(core.Table.Td, { p: 4, children: element["friend.name"] }),
+  /* @__PURE__ */ jsxRuntime.jsx(core.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 = React.memo(({ tooltipProps, ...props }) => {
+  const { download } = useApi.useApi();
+  const [opened, { toggle, close }] = hooks.useDisclosure();
+  const [loading, setLoading] = hooks.useDebouncedState(false, constants.DEBOUNCE_LOADING_DELAY);
+  const [exportMode, setExportMode] = React.useState("simplified");
+  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 onDownload = () => {
+    setLoading(true);
+    download(void 0, { export_mode: exportMode, delimiter, quotechar }).catch(() => {
+    }).finally(() => {
+      setLoading(false);
+      close();
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Modal, { title: "Download data", centered: true, size: "xl", opened, onClose: close, 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",
+            allowDeselect: false,
+            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.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        core.SegmentedControl,
+        {
+          value: exportMode,
+          onChange: setExportMode,
+          data: [
+            { label: "Simplified", value: "simplified" },
+            { label: "Detailed", value: "detailed" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Card, { shadow: "md", withBorder: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.Text, { children: messages[exportMode].title }),
+          /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { label: messages[exportMode].description, children: /* @__PURE__ */ jsxRuntime.jsx(core.ThemeIcon, { variant: "transparent", size: "sm", style: { cursor: "pointer" }, children: /* @__PURE__ */ jsxRuntime.jsx(IconInfoCircle, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Table, { withColumnBorders: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(core.Table.Thead, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Table.Tr, { children: exportMode === "simplified" ? simplifiedHeaders.map((header) => /* @__PURE__ */ jsxRuntime.jsx(core.Table.Th, { p: 4, children: header.label }, header.key)) : detailedHeaders.map((header) => /* @__PURE__ */ jsxRuntime.jsx(core.Table.Th, { p: 4, children: header.label }, header.key)) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(core.Table.Tbody, { children: exportMode === "simplified" ? simplifiedRows : detailedRows })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Group, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, { mt: "md", onClick: onDownload, loading, children: "Download" }) })
+    ] }) }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx(core.ThemeIcon, { variant: "transparent", size: actionIconProps.size, c: actionIconProps.c, children: /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { size: "100%", color: actionIconProps.c }) }) : /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { ...tooltipProps, label: (tooltipProps == null ? void 0 : tooltipProps.label) ?? "Download", children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { ...actionIconProps, children: /* @__PURE__ */ jsxRuntime.jsx(IconDownload, {}) }) })
+  ] });
+});
+Download.displayName = "Download";
+exports.Download = Download;

package/dist/core/cjs/ActionIcons/Edit/Edit.cjs

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

package/dist/core/cjs/ActionIcons/Edit/EditDialog.cjs

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("fastapi-rtk/constants");
+const utils = require("fastapi-rtk/utils");
+const core = require("@mantine/core");
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../hooks/api/useApi.cjs");
+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");
+const convertToFormInputs = require("../utils/convertToFormInputs.cjs");
+function EditDialog({ jsonForms: __jsonForms, ...props }) {
+  const { info, refetch, refetchInfo, updateEntry } = useApi.useApi();
+  const { opened, setOpened, item, state, 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 = React.useMemo(
+    () => utils.deepMerge({ __: { setNull: true } }, _jsonForms, __jsonForms),
+    [_jsonForms, __jsonForms]
+  );
+  const onSubmit = React.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 = React.useMemo(
+    () => ({ ...constants.initialState, data: convertToFormInputs.convertToFormInputs((item == null ? void 0 : item.result) || {}, info.edit_schema) }),
+    [info.edit_schema, item == null ? void 0 : item.result]
+  );
+  React.useEffect(() => {
+    setState({ data: initialState.data });
+  }, [initialState, setState]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CommonModal.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 === constants.VIEW_MODE.OVERLAY ? overlayProps.overlayProps : {},
+      ...view === constants.VIEW_MODE.NORMAL ? normalProps.normalProps : {},
+      ...props,
+      title: props.title ?? (info == null ? void 0 : info.edit_title)
+    }
+  );
+}
+exports.EditDialog = EditDialog;

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

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

package/dist/core/cjs/ActionIcons/Modals/normalProps.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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
+    }
+  }
+};
+exports.normalProps = normalProps;

package/dist/core/cjs/ActionIcons/Modals/overlayProps.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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%"
+    }
+  }
+};
+exports.overlayProps = overlayProps;

package/dist/core/cjs/ActionIcons/Refresh/Refresh.cjs

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