fastapi-rtk 0.1.13 → 0.1.14

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

@@ -0,0 +1,33 @@
+"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 FilterMenu = require("./FilterMenu.cjs");
+const IconFilter = require("../../../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFilter.cjs");
+function Filter(...props) {
+  const { queryParams } = useApi.useApi();
+  const defaultProps = {
+    bg: "transparent",
+    size: "sm",
+    c: "gray"
+  };
+  const icon = core.useProps("ActionIcon", defaultProps, props);
+  const [opened, setOpened] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Popover, { opened, position: "bottom-end", onClose: () => setOpened(false), closeOnClickOutside: false, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Popover.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { opened: opened ? false : null, label: "Filter", children: (queryParams == null ? void 0 : queryParams.filters.filter((f) => !f.id).length) != 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Indicator, { zIndex: 20, size: 16, label: queryParams == null ? void 0 : queryParams.filters.length, children: /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { bg: icon.bg, size: icon.size, c: icon.c, onClick: () => setOpened(true), children: /* @__PURE__ */ jsxRuntime.jsx(IconFilter, {}) }) }) : /* @__PURE__ */ jsxRuntime.jsx(core.ActionIcon, { bg: icon.bg, size: icon.size, c: icon.c, onClick: () => setOpened(true), children: /* @__PURE__ */ jsxRuntime.jsx(IconFilter, {}) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(core.Popover.Dropdown, { px: "xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.Box, { style: { position: "absolute", top: 4, right: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(core.CloseButton, { title: "Filters", onClick: () => setOpened(false) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FilterMenu.FilterMenu,
+        {
+          onClose: () => {
+            setOpened(false);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+exports.Filter = Filter;

package/dist/core/cjs/Tables/DataGrid/Toolbar/Filter/FilterMenu.cjs

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const form = require("@mantine/form");
+const hooks = require("@mantine/hooks");
+const index = require("../../../../../../external/cjs/mantine-form-yup-resolver@2.0.0_@mantine_form@7.17.7_yup@1.6.1/node_modules/mantine-form-yup-resolver/dist/esm/index.cjs");
+const React = require("react");
+const index_esm = require("../../../../../../external/cjs/yup@1.6.1/node_modules/yup/index.esm.cjs");
+const useApi = require("../../../../hooks/api/useApi.cjs");
+const FormField = require("../../FormField/FormField.cjs");
+const FormFilterField = require("./FormFilterField.cjs");
+const FormFilterIn = require("./FormFilterIn.cjs");
+const FormOperatorField = require("./FormOperatorField.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 IconPlus = require("../../../../../../external/cjs/@tabler_icons-react@3.18.0_react@18.3.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlus.cjs");
+function FilterMenu({ onClose, ...props }) {
+  const { info, queryParams, setQueryParams, path } = useApi.useApi();
+  const form$1 = form.useForm({
+    initialValues: {
+      filters: []
+    },
+    validate: index.yupResolver(
+      index_esm.object({
+        filters: index_esm.array().of(
+          index_esm.object({
+            col: index_esm.string().transform((v) => !v ? void 0 : v).required("Field is required"),
+            opr: index_esm.string().transform((v) => !v ? void 0 : v).required(`${"col"} is required`),
+            value: index_esm.mixed().when("col", {
+              is: (col) => {
+                return col && info.filters[col].schema.required;
+              },
+              then: () => {
+                return index_esm.mixed().required("Value is required");
+              }
+            })
+          })
+        )
+      })
+    )
+  });
+  const defaultProps = {
+    bg: "transparent",
+    size: "sm",
+    c: "gray"
+  };
+  const icon = core.useProps("ActionIcon", defaultProps, props);
+  React.useEffect(() => {
+    form$1.setValues({ filters: [] });
+    form$1.reset();
+  }, [path]);
+  React.useEffect(() => {
+    if (queryParams.filters && queryParams.filters.length) {
+      const filtersWithKey = queryParams.filters.filter((filter) => !filter.id).map((filter) => ({
+        ...filter,
+        key: hooks.randomId()
+      }));
+      form$1.setFieldValue(`filters`, filtersWithKey);
+    }
+  }, [queryParams.filters]);
+  const handleSubmit = (data) => {
+    const filtersWithoutKey = data.filters.map(({ key, ...rest }) => rest);
+    const filters = JSON.parse(JSON.stringify(filtersWithoutKey));
+    setQueryParams({ filters, page: 0 });
+    onClose();
+  };
+  const fields = form$1.values.filters.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { px: "sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { my: "md", gap: "md", style: { whiteSpace: "nowrap" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.Box, { style: { width: "192px" }, children: info && info.filters && /* @__PURE__ */ jsxRuntime.jsx(
+        FormFilterField,
+        {
+          form: form$1,
+          name: `filters.${index2}.col`,
+          items: Object.entries(info.filters).map(([property, value]) => ({
+            label: value.label,
+            value: String(property)
+          })),
+          onChange: (newValue) => {
+            form$1.setFieldValue(`filters.${index2}`, { col: newValue, opr: "", value: "", key: hooks.randomId() });
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Box, { style: { width: "192px" }, children: item.col ? /* @__PURE__ */ jsxRuntime.jsx(
+        FormOperatorField,
+        {
+          form: form$1,
+          name: `filters.${index2}.opr`,
+          items: info.filters[item.col].filters.filter((value) => !value.id).map((value) => ({
+            label: value.name,
+            value: value.operator
+          })),
+          onChange: (newValue) => {
+            form$1.setFieldValue(`filters.${index2}`, {
+              col: form$1.values.filters[index2].col,
+              opr: newValue,
+              value: "",
+              key: hooks.randomId()
+            });
+          }
+        }
+      ) : null }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Box, { style: { width: "192px" }, children: item.col ? item.opr === "in" ? /* @__PURE__ */ jsxRuntime.jsx(FormFilterIn.FormFilterIn, { form: form$1, name: `filters.${index2}.value` }) : /* @__PURE__ */ jsxRuntime.jsx(FormField.FormField, { form: form$1, name: `filters.${index2}.value`, schema: info.filters[item.col].schema, filter: true }) : null }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.ActionIcon,
+        {
+          bg: icon.bg,
+          size: icon.size,
+          c: icon.c,
+          onClick: () => {
+            form$1.removeListItem("filters", index2);
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(IconTrash, {})
+        }
+      )
+    ] }),
+    form$1.values.filters.length > 1 && index2 < form$1.values.filters.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(core.Divider, { my: "md", labelPosition: "center", label: "AND" }) : null
+  ] }, item.key));
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { component: "form", onSubmit: form$1.onSubmit(handleSubmit), children: [
+    fields.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(core.Box, { style: { width: "642px" }, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { style: { fontStyle: "italic", padding: "7px" }, size: "sm", c: "dimmed", children: "No filters selected..." }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.ScrollArea.Autosize, { mah: "40vh", mt: 20, children: fields }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Divider, { my: "sm" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { style: { display: "flex", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        core.Button,
+        {
+          variant: "subtle",
+          leftSection: /* @__PURE__ */ jsxRuntime.jsx(IconPlus, {}),
+          onClick: () => {
+            form$1.insertListItem("filters", { col: "", opr: "", value: "", key: hooks.randomId() });
+          },
+          children: "Add Filter"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Group, { spacing: "md", children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, { type: "submit", children: "Apply" }) })
+    ] })
+  ] });
+}
+exports.FilterMenu = FilterMenu;

package/dist/core/cjs/Tables/DataGrid/Toolbar/Filter/FormFilterField.cjs

@@ -0,0 +1,16 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+function FormFilterField({ form, name, items, onChange, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Select,
+    {
+      data: items,
+      searchable: true,
+      ...form.getInputProps(name),
+      onChange,
+      ...props
+    }
+  );
+}
+module.exports = FormFilterField;

package/dist/core/cjs/Tables/DataGrid/Toolbar/Filter/FormFilterIn.cjs

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const core = require("@mantine/core");
+function FormFilterIn({ form, name, label, comboboxProps, ...props }) {
+  const combobox = core.useCombobox({
+    onDropdownClose: () => combobox.resetSelectedOption(),
+    onDropdownOpen: () => combobox.updateSelectedOptionIndex("active")
+  });
+  const [value, setValue] = React.useState([]);
+  const [search, setSearch] = React.useState("");
+  const handleValueSelect = (val) => {
+    if (search !== "") {
+      if (!value.includes(search)) setValue((current) => [...current, search]);
+      setSearch("");
+    }
+  };
+  const handleValueRemove = (val) => setValue((current) => current.filter((v) => v !== val));
+  const values = value.map((item) => /* @__PURE__ */ jsxRuntime.jsx(core.Pill, { withRemoveButton: true, onRemove: () => handleValueRemove(item), children: item }, item));
+  React.useEffect(() => {
+    const formValue = form.getInputProps(name).value;
+    if (formValue) {
+      try {
+        setValue([...formValue]);
+      } catch (error) {
+        console.error("Error parsing JSON:", error);
+      }
+    }
+  }, []);
+  React.useEffect(() => {
+    form.getInputProps(name).onChange(value);
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(core.InputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsxs(core.Combobox, { store: combobox, onOptionSubmit: handleValueSelect, ...comboboxProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.DropdownTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(core.PillsInput, { onClick: () => combobox.openDropdown(), children: /* @__PURE__ */ jsxRuntime.jsxs(core.Pill.Group, { children: [
+      values,
+      /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.EventsTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        core.PillsInput.Field,
+        {
+          onFocus: () => combobox.openDropdown(),
+          onBlur: () => combobox.closeDropdown(),
+          value: search,
+          placeholder: "Search values",
+          onChange: (event) => {
+            combobox.updateSelectedOptionIndex();
+            setSearch(event.currentTarget.value);
+          },
+          onKeyDown: (event) => {
+            if (event.key === "Backspace" && search.length === 0) {
+              event.preventDefault();
+              handleValueRemove(value[value.length - 1]);
+            }
+          }
+        }
+      ) })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Dropdown, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Options, { children: /* @__PURE__ */ jsxRuntime.jsxs(core.Combobox.Option, { value: "$create", children: [
+      "+ Create ",
+      search
+    ] }) }) })
+  ] }) });
+}
+exports.FormFilterIn = FormFilterIn;

package/dist/core/cjs/Tables/DataGrid/Toolbar/Filter/FormOperatorField.cjs

@@ -0,0 +1,16 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+function FormFilterField({ form, name, items, onChange, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Select,
+    {
+      data: items,
+      searchable: true,
+      ...form.getInputProps(name),
+      onChange,
+      ...props
+    }
+  );
+}
+module.exports = FormFilterField;

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

@@ -0,0 +1,30 @@
+"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 Add = require("../../../ActionIcons/Add/Add.cjs");
+const Download = require("../../../ActionIcons/Download/Download.cjs");
+const useApi = require("../../../hooks/api/useApi.cjs");
+const Filter = require("./Filter/Filter.cjs");
+const Toolbar = React.memo(({ hideAdd, hideFilter, hideDownload, toolbarCustomizer }) => {
+  const { info } = useApi.useApi();
+  const customizedToolbar = React.useMemo(() => {
+    const toolbar = {};
+    Object.entries(toolbarCustomizer).forEach(([key, value]) => {
+      toolbar[key] = value;
+      if (typeof toolbar[key] === "function") {
+        toolbar[key] = toolbar[key]();
+      }
+    });
+    return toolbar;
+  }, [toolbarCustomizer]);
+  const canPost = info.permissions.includes("can_post");
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { justify: "flex-end", p: "md", gap: "sm", children: [
+    !hideDownload && (customizedToolbar.download || /* @__PURE__ */ jsxRuntime.jsx(Download.Download, { size: "sm" })),
+    canPost && !hideAdd ? customizedToolbar.add || /* @__PURE__ */ jsxRuntime.jsx(Add.Add, { size: "sm" }) : null,
+    !hideFilter ? customizedToolbar.filter || /* @__PURE__ */ jsxRuntime.jsx(Filter.Filter, {}) : null
+  ] });
+});
+Toolbar.displayName = "Toolbar";
+exports.Toolbar = Toolbar;

package/dist/core/cjs/Tables/NextGenDataGrid/FallbackWrapper.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("fastapi-rtk/utils");
+const React = require("react");
+const FallbackWrapper = React.forwardRef(({ fallback, functionProps, children }, ref) => {
+  children = utils.parseFromValuesOrFunc(children, functionProps);
+  if (children === null) {
+    return null;
+  }
+  const result = children || fallback;
+  return React.isValidElement(result) ? React.cloneElement(result, { ref }) : result;
+});
+FallbackWrapper.displayName = "FallbackWrapper";
+exports.FallbackWrapper = FallbackWrapper;

package/dist/core/cjs/Tables/NextGenDataGrid/NextGenDataGrid.cjs

@@ -0,0 +1,216 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css                                                                                                                                                                                              */
+;/* empty css            */
+const utils = require("fastapi-rtk/utils");
+const core = require("@mantine/core");
+const index_esm = require("../../../../external/cjs/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.7_@mantine_dates@7.17.7_@mantine_hooks@7._dm3meh6s7t7wwl37at3cedg6gm/node_modules/mantine-react-table/dist/index.esm.cjs");
+const React = require("react");
+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("../DataGrid/ErrorDialog.cjs");
+const useActions = require("./hooks/useActions.cjs");
+const useCheckbox = require("./hooks/useCheckbox.cjs");
+const useColumns = require("./hooks/useColumns/useColumns.cjs");
+const useData = require("./hooks/useData.cjs");
+const useEvent = require("./hooks/useEvent.cjs");
+const useFilters = require("./hooks/useFilters.cjs");
+const useGlobalFilter = require("./hooks/useGlobalFilter.cjs");
+const usePagination = require("./hooks/usePagination.cjs");
+const useQueryParams = require("./hooks/useQueryParams.cjs");
+const useSize = require("./hooks/useSize.cjs");
+const useSorting = require("./hooks/useSorting.cjs");
+const useToolbar = require("./hooks/useToolbar/useToolbar.cjs");
+const useToolbarAlertBanner = require("./hooks/useToolbarAlertBanner/useToolbarAlertBanner.cjs");
+const utils$1 = require("./utils.cjs");
+const baseProps = { enableStickyHeader: true, enableColumnPinning: true };
+const NextGenDataGrid = React.forwardRef((props, ref) => {
+  var _a, _b, _c;
+  const { info, data, queryParams, refetch, specialKey } = useApi.useApi();
+  const propsFromMantineTheme = core.useProps("NextGenDataGrid", {}, {});
+  const {
+    children,
+    // DataGrid props
+    fetchOnMount = true,
+    hideToolbar,
+    hideActions,
+    hidePagination,
+    hideError,
+    onSelectCheckbox,
+    onClickEntry,
+    bulkActions,
+    // NextGenDataGrid props
+    table,
+    quickFilters,
+    withBorder,
+    columnProps,
+    header,
+    body,
+    form,
+    toolbar = {},
+    //! Temporary add {} until we remove deprecated props
+    textFilterSeparator = ";",
+    // Deprecated props
+    bodySeparator,
+    bodyTruncate,
+    headerCustomizer,
+    bodyCustomizer,
+    toolbarCustomizer,
+    hideAdd,
+    hideDownload,
+    hideFilter,
+    ...rest
+  } = React.useMemo(() => utils.deepMerge(propsFromMantineTheme, props), [props, propsFromMantineTheme]);
+  if (bodySeparator) {
+    Object.keys(body).forEach((col) => {
+      body[col] = body[col] || {};
+      body[col].separator = body[col].separator || bodySeparator;
+    });
+  }
+  if (bodyTruncate) {
+    Object.keys(body).forEach((col) => {
+      body[col] = body[col] || {};
+      body[col].truncate = body[col].truncate || bodyTruncate;
+    });
+  }
+  if (headerCustomizer) {
+    Object.keys(headerCustomizer).forEach((col) => {
+      header[col] = header[col] || {};
+      header[col].component = headerCustomizer[col].component || headerCustomizer[col];
+    });
+  }
+  if (bodyCustomizer) {
+    Object.keys(bodyCustomizer).forEach((col) => {
+      body[col] = body[col] || {};
+      body[col].component = bodyCustomizer[col].component || bodyCustomizer[col];
+    });
+  }
+  if (toolbarCustomizer) {
+    toolbar.custom = toolbar.custom || toolbarCustomizer;
+  }
+  if (hideAdd) {
+    toolbar.customizer = toolbar.customizer || {};
+    toolbar.customizer.add = toolbar.customizer.add || null;
+  }
+  if (hideDownload) {
+    toolbar.customizer = toolbar.customizer || {};
+    toolbar.customizer.download = toolbar.customizer.download || null;
+  }
+  if (hideFilter) {
+    toolbar.customizer = toolbar.customizer || {};
+    toolbar.customizer.filter = toolbar.customizer.filter || null;
+  }
+  React.useEffect(() => {
+    if (process.env.NODE_ENV !== "development") {
+      return;
+    }
+    if (bodySeparator) {
+      console.warn("bodySeparator is deprecated, please use body.[col].separator instead");
+    }
+    if (bodyTruncate) {
+      console.warn("bodyTruncate is deprecated, please use body.[col].truncate instead");
+    }
+    if (headerCustomizer) {
+      console.warn("headerCustomizer is deprecated, please use header.[col].component instead");
+    }
+    if (bodyCustomizer) {
+      console.warn("bodyCustomizer is deprecated, please use body.[col].component instead");
+    }
+    if (toolbarCustomizer) {
+      console.warn("toolbarCustomizer is deprecated, please use toolbar.custom instead");
+    }
+    if (hideAdd) {
+      console.warn("hideAdd is deprecated, please use toolbar.customizer.add instead");
+    }
+    if (hideDownload) {
+      console.warn("hideDownload is deprecated, please use toolbar.customizer.download instead");
+    }
+    if (hideFilter) {
+      console.warn("hideFilter is deprecated, please use toolbar.customizer.filter instead");
+    }
+  }, []);
+  const dataProps = useData.useData();
+  const sortingProps = useSorting.useSorting();
+  const paginationProps = usePagination.usePagination(hidePagination);
+  const columnsProps = useColumns.useColumns(columnProps, header, body, textFilterSeparator);
+  const sizeProps = useSize.useSize(withBorder);
+  const actionsProps = useActions.useActions(hideActions, (_a = utils$1.getProps(body, specialKey.actions)) == null ? void 0 : _a.component);
+  const globalFilterProps = useGlobalFilter.useGlobalFilter();
+  const toolbarProps = useToolbar.useToolbar(toolbar, quickFilters, hideToolbar);
+  const eventProps = useEvent.useEvent(onClickEntry);
+  const checkboxProps = useCheckbox.useCheckbox(onSelectCheckbox, bulkActions);
+  const filterProps = useFilters.useFilters();
+  const toolbarAlertBannerProps = useToolbarAlertBanner.useToolbarAlertBanner(toolbar);
+  const mrtProps = React.useMemo(
+    () => utils.deepMerge(
+      baseProps,
+      { mantinePaperProps: { ref }, getRowId: (originalRow) => originalRow.id },
+      columnsProps,
+      dataProps,
+      sortingProps,
+      paginationProps,
+      sizeProps,
+      actionsProps,
+      globalFilterProps,
+      toolbarProps,
+      eventProps,
+      checkboxProps,
+      filterProps,
+      toolbarAlertBannerProps,
+      table
+    ),
+    [
+      ref,
+      columnsProps,
+      dataProps,
+      sortingProps,
+      paginationProps,
+      sizeProps,
+      actionsProps,
+      globalFilterProps,
+      toolbarProps,
+      eventProps,
+      checkboxProps,
+      filterProps,
+      toolbarAlertBannerProps,
+      table
+    ]
+  );
+  const mrtTable = index_esm.useMantineReactTable(mrtProps);
+  useQueryParams.useQueryParams(mrtTable, header);
+  React.useEffect(() => {
+    if (!queryParams && fetchOnMount) {
+      refetch();
+    }
+  }, []);
+  React.useEffect(() => {
+    onSelectCheckbox == null ? void 0 : onSelectCheckbox(Object.keys(mrtTable.getState().rowSelection));
+    bulkActions == null ? void 0 : bulkActions.setSelectedIds(Object.keys(mrtTable.getState().rowSelection));
+  }, [bulkActions, data == null ? void 0 : data.ids, mrtTable.getState().rowSelection, onSelectCheckbox]);
+  const { setView: setViewAdd } = useForms.useForms("add");
+  const { setView: setViewEdit } = useForms.useForms("edit");
+  React.useEffect(() => {
+    var _a2, _b2;
+    if ((_a2 = form == null ? void 0 : form.add) == null ? void 0 : _a2.initialView) {
+      setViewAdd(form.add.initialView);
+    }
+    if ((_b2 = form == null ? void 0 : form.edit) == null ? void 0 : _b2.initialView) {
+      setViewEdit(form.edit.initialView);
+    }
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { h: "100%", w: "100%", pos: "relative", style: { flexGrow: 1 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(LazyLoadWrapper.LazyLoadWrapper, { cond: !!info, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AddDialog.AddDialog, { jsonForms: form == null ? void 0 : form.add, ...(_b = form == null ? void 0 : form.add) == null ? void 0 : _b.dialogProps }),
+      /* @__PURE__ */ jsxRuntime.jsx(EditDialog.EditDialog, { jsonForms: form == null ? void 0 : form.edit, ...(_c = form == null ? void 0 : form.edit) == null ? void 0 : _c.dialogProps })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(index_esm.MantineReactTable, { table: mrtTable, ...rest }),
+    children == null ? void 0 : children(mrtTable),
+    !hideError ? /* @__PURE__ */ jsxRuntime.jsx(ErrorDialog.ErrorDialog, {}) : null
+  ] });
+});
+NextGenDataGrid.displayName = "NextGenDataGrid";
+exports.NextGenDataGrid = NextGenDataGrid;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useActions.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Actions = require("../../../ActionIcons/Actions.cjs");
+const useApi = require("../../../hooks/api/useApi.cjs");
+const useAuth = require("../../../hooks/auth/useAuth.cjs");
+const FallbackWrapper = require("../FallbackWrapper.cjs");
+function useActions(hideActions, component) {
+  const api = useApi.useApi();
+  const auth = useAuth.useAuth();
+  const renderRowActions = React.useCallback(
+    ({ row, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+      FallbackWrapper.FallbackWrapper,
+      {
+        fallback: /* @__PURE__ */ jsxRuntime.jsx(Actions.Actions, { id: row.original.id }),
+        functionProps: {
+          api,
+          auth,
+          data: row.original,
+          mrtProps: { row, ...rest }
+        },
+        children: component
+      }
+    ),
+    [api, auth, component]
+  );
+  return { enableEditing: !hideActions, editDisplayMode: "modal", renderRowActions };
+}
+exports.useActions = useActions;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useCheckbox.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function useCheckbox(onSelectCheckbox, bulkActions) {
+  return { enableRowSelection: !!onSelectCheckbox || !!bulkActions };
+}
+exports.useCheckbox = useCheckbox;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useColumns/AdvancedFilters.cjs

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("fastapi-rtk/constants");
+const core = require("@mantine/core");
+const form = require("@mantine/form");
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../../../hooks/api/useApi.cjs");
+const FormField = require("../../../DataGrid/FormField/FormField.cjs");
+const FormFilterIn = require("../../../DataGrid/Toolbar/Filter/FormFilterIn.cjs");
+const AdvancedFiltersMenu = require("./AdvancedFiltersMenu.cjs");
+function AdvancedFilters({ col }) {
+  const { info, queryParams, setQueryParams } = useApi.useApi();
+  const form$1 = form.useForm({
+    initialValues: {
+      filters: (queryParams == null ? void 0 : queryParams.filters) || []
+    }
+  });
+  const colFilter = React.useMemo(() => (info == null ? void 0 : info.filters[col]) || {}, [col, info == null ? void 0 : info.filters]);
+  const filterNameMap = React.useMemo(
+    () => {
+      var _a;
+      return ((_a = colFilter == null ? void 0 : colFilter.filters) == null ? void 0 : _a.reduce((acc, filter) => ({ ...acc, [filter.operator]: filter.name }), {})) || {};
+    },
+    [colFilter == null ? void 0 : colFilter.filters]
+  );
+  const [debounced] = hooks.useDebouncedValue(form$1.getValues(), constants.DEBOUNCE_DELAY);
+  hooks.useDidUpdate(() => {
+    const debouncedFilters = debounced.filters.filter((filter) => filter.value);
+    setQueryParams({ filters: debouncedFilters });
+  }, [debounced]);
+  const formFilters = form$1.getValues().filters;
+  const fields = formFilters.map(
+    (filter, index) => filter.col === col && !filter.id ? /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 1.5, py: 0, children: /* @__PURE__ */ jsxRuntime.jsx(core.Center, { h: "100%", w: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(
+        core.CloseButton,
+        {
+          onClick: () => form$1.removeListItem("filters", index),
+          size: "md",
+          title: "Remove filter",
+          variant: "outline"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 10.5, py: 0, children: filter.opr === "in" ? /* @__PURE__ */ jsxRuntime.jsx(
+        FormFilterIn.FormFilterIn,
+        {
+          form: form$1,
+          name: `filters.${index}.value`,
+          label: filterNameMap[filter.opr],
+          comboboxProps: { withinPortal: false }
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        FormField.FormField,
+        {
+          form: form$1,
+          name: `filters.${index}.value`,
+          label: filterNameMap[filter.opr],
+          schema: colFilter.schema,
+          withinPortal: false,
+          filter: true
+        }
+      ) }),
+      index >= 0 && index + 1 < formFilters.length && /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 12, py: 0, children: /* @__PURE__ */ jsxRuntime.jsx(core.Divider, { my: "sm", label: "AND", align: "center" }) })
+    ] }, `${filter.col}-${index}`) : null
+  ).filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { w: fields.length ? "25rem" : "100%", gap: "md", gutter: "xs", children: [
+    fields.length ? fields : /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 12, children: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { align: "center", c: "gray", style: { fontStyle: "italic" }, children: "No filters" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 12, children: /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      AdvancedFiltersMenu.AdvancedFiltersMenu,
+      {
+        col,
+        colFilter: colFilter || { filters: [] },
+        onClick: (filter) => form$1.insertListItem("filters", filter),
+        withinPortal: false
+      }
+    ) }) })
+  ] });
+}
+exports.AdvancedFilters = AdvancedFilters;