fastapi-rtk 0.1.23 → 0.1.25

package/dist/.external/cjs/{@tanstack_react-query@5.76.2_react@18.3.1 → @tanstack_react-query@5.77.2_react@18.3.1}/@tanstack/react-query/build/modern/errorBoundaryUtils.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const utils = require("../../../../../@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/utils.cjs");
+const utils = require("../../../../../@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/utils.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/.external/cjs/{@tanstack_react-query@5.76.2_react@18.3.1 → @tanstack_react-query@5.77.2_react@18.3.1}/@tanstack/react-query/build/modern/useBaseQuery.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const notifyManager = require("../../../../../@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/notifyManager.cjs");
-const utils = require("../../../../../@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/utils.cjs");
+const notifyManager = require("../../../../../@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/notifyManager.cjs");
+const utils = require("../../../../../@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/utils.cjs");
 const QueryClientProvider = require("./QueryClientProvider.cjs");
 const QueryErrorResetBoundary = require("./QueryErrorResetBoundary.cjs");
 const errorBoundaryUtils = require("./errorBoundaryUtils.cjs");

package/dist/.external/cjs/{@tanstack_react-query@5.76.2_react@18.3.1 → @tanstack_react-query@5.77.2_react@18.3.1}/@tanstack/react-query/build/modern/useQuery.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const queryObserver = require("../../../../../@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/queryObserver.cjs");
+const queryObserver = require("../../../../../@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/queryObserver.cjs");
 const useBaseQuery = require("./useBaseQuery.cjs");
 function useQuery(options, queryClient) {
   return useBaseQuery.useBaseQuery(options, queryObserver.QueryObserver);

package/dist/.external/esm/{@tanstack_react-query@5.76.2_react@18.3.1 → @tanstack_react-query@5.77.2_react@18.3.1}/@tanstack/react-query/build/modern/errorBoundaryUtils.mjs

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { shouldThrowError } from "../../../../../@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/utils.mjs";
+import { shouldThrowError } from "../../../../../@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/utils.mjs";
 var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => {
   if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) {
     if (!errorResetBoundary.isReset()) {

package/dist/.external/esm/{@tanstack_react-query@5.76.2_react@18.3.1 → @tanstack_react-query@5.77.2_react@18.3.1}/@tanstack/react-query/build/modern/useBaseQuery.mjs

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { notifyManager } from "../../../../../@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/notifyManager.mjs";
-import { noop, isServer } from "../../../../../@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/utils.mjs";
+import { notifyManager } from "../../../../../@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/notifyManager.mjs";
+import { noop, isServer } from "../../../../../@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/utils.mjs";
 import { useQueryClient } from "./QueryClientProvider.mjs";
 import { useQueryErrorResetBoundary } from "./QueryErrorResetBoundary.mjs";
 import { ensurePreventErrorBoundaryRetry, useClearResetErrorBoundary, getHasError } from "./errorBoundaryUtils.mjs";

package/dist/.external/esm/{@tanstack_react-query@5.76.2_react@18.3.1 → @tanstack_react-query@5.77.2_react@18.3.1}/@tanstack/react-query/build/modern/useQuery.mjs

@@ -1,4 +1,4 @@
-import { QueryObserver } from "../../../../../@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/queryObserver.mjs";
+import { QueryObserver } from "../../../../../@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/queryObserver.mjs";
 import { useBaseQuery } from "./useBaseQuery.mjs";
 function useQuery(options, queryClient) {
   return useBaseQuery(options, QueryObserver);

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

@@ -8,14 +8,14 @@ function convertToFormInputs(item, schema) {
     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);
+      const values = items.map((item2) => item2.value ?? item2);
       if (_bundledJsonforms.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]);
+          return val === String(((_a2 = item[key]) == null ? void 0 : _a2.id_) || item[key]);
         });
       }
     } else {

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

@@ -21,7 +21,6 @@ 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");
@@ -182,7 +181,6 @@ const NextGenDataGrid = React.forwardRef((props, ref) => {
     ]
   );
   const mrtTable = index_esm.useMantineReactTable(mrtProps);
-  useQueryParams.useQueryParams(mrtTable, header);
   React.useEffect(() => {
     if (!queryParams && fetchOnMount) {
       refetch();

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

@@ -13,14 +13,14 @@ const ColumnHeaderFilter = ({
   children,
   enableFilterModes,
   enableAdvancedFilters,
-  filterProps,
-  filterModeDescription,
-  filterMenu,
-  filterState,
-  onFilterClear,
-  onFilterMount,
   filters,
   filterFn,
+  filterProps,
+  filterState,
+  filterSync,
+  filterMenu,
+  filterModeDescription,
+  updateQueryParams,
   mrtProps
 }) => {
   var _a;
@@ -46,12 +46,12 @@ const ColumnHeaderFilter = ({
         {
           opr,
           enableFilterModes,
-          filterProps,
           filterState,
-          onFilterClear,
-          onFilterMount,
+          filterSync,
+          updateQueryParams,
           filters,
           actionIconProps,
+          filterProps,
           functionProps,
           mrtProps,
           children

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const headerinput_module = require("./headerinput.module.css.cjs");
-const constants = require("fastapi-rtk/constants");
+const hooks$1 = require("fastapi-rtk/hooks");
 const utils = require("fastapi-rtk/utils");
 const core = require("@mantine/core");
 const form = require("@mantine/form");
@@ -10,7 +10,6 @@ const hooks = require("@mantine/hooks");
 const clsx = require("../../../../../../../.external/cjs/clsx@2.1.1/clsx/dist/clsx.cjs");
 const React = require("react");
 const useApi = require("../../../../../hooks/api/useApi.cjs");
-const useAuth = require("../../../../../hooks/auth/useAuth.cjs");
 const utils$2 = require("../../../utils.cjs");
 const utils$1 = require("../utils.cjs");
 const HeaderInput = require("./HeaderInput.cjs");
@@ -36,83 +35,111 @@ function ColumnHeaderFilterInput({
   children,
   opr,
   enableFilterModes,
+  filters,
   filterProps,
   filterState,
-  onFilterClear,
-  onFilterMount,
-  filters,
+  filterSync,
+  updateQueryParams,
   actionIconProps,
   functionProps,
   mrtProps
 }) {
+  var _a, _b;
   const { column } = mrtProps;
-  const { info, queryParams } = useApi.useApi();
-  const api = useApi.useApi();
-  const auth = useAuth.useAuth();
+  const { info, queryParams, setQueryParams } = useApi.useApi();
   const schema = React.useMemo(() => {
-    var _a, _b;
-    return (_b = (_a = info == null ? void 0 : info.filters) == null ? void 0 : _a[column.id]) == null ? void 0 : _b.schema;
+    var _a2, _b2;
+    return (_b2 = (_a2 = info == null ? void 0 : info.filters) == null ? void 0 : _a2[column.id]) == null ? void 0 : _b2.schema;
   }, [column.id, info == null ? void 0 : info.filters]);
-  const debouncedOnValueChange = hooks.useDebouncedCallback((value) => {
-    filterState == null ? void 0 : filterState.onChange(value);
-    column.setFilterValue(value);
-  }, (filterState == null ? void 0 : filterState.delay) ?? constants.DEBOUNCE_DELAY);
-  const field = form.useField({ onValueChange: debouncedOnValueChange });
-  const lastOpr = React.useRef(opr);
-  if (lastOpr.current !== opr) {
-    lastOpr.current = opr;
-    console.log("resetting field");
-    field.reset();
-  }
-  const handleClear = React.useCallback(() => {
-    console.log("resetting field");
-    field.reset();
-    column.setFilterValue(void 0);
-    onFilterClear == null ? void 0 : onFilterClear();
-  }, []);
-  React.useEffect(() => {
-    if (!filterState) {
-      return;
-    }
-    field.setValue(filterState == null ? void 0 : filterState.value);
-  }, [filterState == null ? void 0 : filterState.value]);
-  const isMounted = hooks.useMounted();
-  React.useEffect(() => {
-    if (!isMounted || filterState) {
-      return;
-    }
-    const tableFilterValue = column.getFilterValue();
-    if (tableFilterValue === field.value) {
-      return;
-    }
-    if (tableFilterValue === void 0) {
-      handleClear();
-    } else {
-      field.getInputProps().onChange(tableFilterValue);
-    }
-  }, [column.getFilterValue()]);
-  const currentHeaderFilter = React.useMemo(
-    () => queryParams == null ? void 0 : queryParams.filters.find((filter) => filter.col === column.id && filter.opr === opr),
-    [column.id, opr, queryParams == null ? void 0 : queryParams.filters]
+  const field = form.useField({ mode: "controlled" });
+  hooks$1.useSyncValues(
+    [
+      {
+        value: field.getValue(),
+        onChange: field.getInputProps().onChange,
+        log: (value) => console.log(`Field value changed to: ${value}`)
+      },
+      ...filterState ? [
+        {
+          ...filterState,
+          log: (value) => console.log(`filterState value changed to: ${value}`)
+        }
+      ] : [],
+      {
+        value: column.getFilterValue(),
+        onChange: column.setFilterValue,
+        log: (value) => console.log(`Column filter value changed to: ${value}`)
+      },
+      ...updateQueryParams ? [
+        {
+          value: (_b = (_a = queryParams == null ? void 0 : queryParams.filters) == null ? void 0 : _a.find((qpFilter) => qpFilter.id === column.id)) == null ? void 0 : _b.value,
+          onChange: (value) => {
+            setQueryParams((prev) => {
+              const newFilters = (prev == null ? void 0 : prev.filters) || [];
+              const newFilter = {
+                id: column.id,
+                col: column.id,
+                opr,
+                value
+              };
+              if (value === void 0) {
+                return { ...prev, filters: newFilters.filter((qpFilter) => qpFilter.id !== newFilter.id) };
+              }
+              const existingFilterIndex = newFilters.findIndex((qpFilter) => qpFilter.id === newFilter.id);
+              if (existingFilterIndex > -1) {
+                newFilters[existingFilterIndex] = newFilter;
+              } else {
+                newFilters.push(newFilter);
+              }
+              return { ...prev, filters: newFilters };
+            });
+          },
+          log: (value) => console.log(`Query Params filter value changed to: ${value}`)
+        }
+      ] : []
+    ],
+    filterSync
   );
-  React.useEffect(() => {
-    if (!isMounted || filterState) {
-      return;
-    }
-    if (!currentHeaderFilter) {
-      handleClear();
+  const lastOpr = React.useRef(opr);
+  hooks.useDidUpdate(() => {
+    var _a2;
+    if (opr !== lastOpr.current) {
+      lastOpr.current = opr;
+      if (filterState) {
+        (_a2 = filterState.onOprChange) == null ? void 0 : _a2.call(filterState, { value: filterState.value, opr });
+        if (updateQueryParams) {
+          setQueryParams((prev) => {
+            var _a3;
+            return {
+              ...prev,
+              filters: (_a3 = prev == null ? void 0 : prev.filters) == null ? void 0 : _a3.map((qpFilter) => {
+                if (qpFilter.id === column.id) {
+                  return {
+                    ...qpFilter,
+                    opr,
+                    // Update the operator
+                    value: field.getValue()
+                    // Ensure the value is updated from the field
+                  };
+                }
+                return qpFilter;
+              })
+            };
+          });
+        }
+      } else {
+        field.reset();
+      }
     }
-  }, [currentHeaderFilter]);
-  React.useEffect(() => {
-    onFilterMount == null ? void 0 : onFilterMount({ api: api.getState(), auth: auth.getState(), mrtProps });
-  }, [onFilterMount]);
+  }, [opr]);
   const component = React.useMemo(
     () => utils.getValueOrDefault(enableFilterModes ? children == null ? void 0 : children[opr] : children, utils$1.getBasicInput(opr, schema)),
     [children, enableFilterModes, opr, schema]
   );
   const clearIconProps = React.useMemo(
-    () => ({ ...actionIconProps, variant: "transparent", c: void 0, size: "sm", onClick: handleClear }),
-    [actionIconProps, handleClear]
+    () => ({ ...actionIconProps, variant: "transparent", c: void 0, size: "sm", onClick: field.reset }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [actionIconProps]
   );
   const configuration = utils.parseFromValuesOrFunc(
     enableFilterModes ? utils$2.getProps(filterProps, opr) : filterProps,
@@ -120,17 +147,17 @@ function ColumnHeaderFilterInput({
   );
   const headerInputProps = React.useMemo(
     () => {
-      var _a, _b;
+      var _a2, _b2;
       return {
         w: "100%",
         variant: "unstyled",
         disabled: !(filters == null ? void 0 : filters.length),
         title: !filters.length ? "No filters" : void 0,
-        placeholder: (_a = mrtProps.table.options.localization.filterByColumn) == null ? void 0 : _a.replace(
+        placeholder: (_a2 = mrtProps.table.options.localization.filterByColumn) == null ? void 0 : _a2.replace(
           "{column}",
           String(mrtProps.column.columnDef.header)
         ),
-        "aria-label": (_b = mrtProps.table.options.localization.filterByColumn) == null ? void 0 : _b.replace(
+        "aria-label": (_b2 = mrtProps.table.options.localization.filterByColumn) == null ? void 0 : _b2.replace(
           "{column}",
           String(mrtProps.column.columnDef.header)
         ),

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderSelectInput.cjs

@@ -3,6 +3,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
 const React = require("react");
-const HeaderSelectInput = React.forwardRef(({ data, clearIcon, mrtprops: { selectprops }, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ref, data, searchable: true, ...selectprops, ...props, value: props.value ?? null }));
+const HeaderSelectInput = React.forwardRef(({ data, clearIcon, mrtprops: { selectprops }, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  core.Select,
+  {
+    ref,
+    data,
+    searchable: true,
+    ...selectprops,
+    ...props,
+    value: props.value ?? null,
+    onChange: (value) => props.onChange(value ?? void 0)
+  }
+));
 HeaderSelectInput.displayName = "HeaderSelectInput";
 exports.HeaderSelectInput = HeaderSelectInput;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/HeaderInputs/HeaderTextInput.cjs

@@ -3,6 +3,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const core = require("@mantine/core");
 const React = require("react");
-const HeaderTextInput = React.forwardRef(({ clearIcon, mrtprops: { textinputprops }, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(core.TextInput, { ref, rightSection: clearIcon, ...textinputprops, ...props, value: props.value || "" }));
+const HeaderTextInput = React.forwardRef(({ clearIcon, mrtprops: { textinputprops }, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  core.TextInput,
+  {
+    ref,
+    rightSection: clearIcon,
+    ...textinputprops,
+    ...props,
+    value: props.value || "",
+    onChange: (e) => props.onChange(e.target.value || void 0)
+  }
+));
 HeaderTextInput.displayName = "HeaderTextInput";
 exports.HeaderTextInput = HeaderTextInput;

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

@@ -30,11 +30,11 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
         enableAdvancedFilters,
         filterComponent,
         filterProps,
-        filterModeDescription,
-        filterMenu,
         filterState,
-        onFilterClear,
-        onFilterMount,
+        filterSync,
+        filterMenu,
+        filterModeDescription,
+        updateQueryParams = true,
         defaultOpr = ((_d = (_c = (_b = (_a = info == null ? void 0 : info.filters) == null ? void 0 : _a[col]) == null ? void 0 : _b.filters) == null ? void 0 : _c[0]) == null ? void 0 : _d.operator) || ""
       } = utils.getProps(header, specialKey.all, col);
       const filterFn = utils.fromFilterToFilterFn(col, defaultOpr);
@@ -53,14 +53,14 @@ function useColumns(columnProps, header, body, textFilterSeparator) {
           {
             enableFilterModes,
             enableAdvancedFilters,
-            filterProps,
-            filterModeDescription,
-            filterMenu,
-            filterState,
-            onFilterClear,
-            onFilterMount,
             filters,
             filterFn,
+            filterProps,
+            filterState,
+            filterSync,
+            filterMenu,
+            filterModeDescription,
+            updateQueryParams,
             mrtProps: props,
             children: filterComponent
           }

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useToolbar/basicToolbars.cjs

@@ -5,7 +5,6 @@ const index_esm = require("../../../../../../.external/cjs/mantine-react-table@2
 const Add = require("../../../../ActionIcons/Add/Add.cjs");
 const Download = require("../../../../ActionIcons/Download/Download.cjs");
 const Refresh = require("../../../../ActionIcons/Refresh/Refresh.cjs");
-const Upload = require("../../../../ActionIcons/Upload/Upload.cjs");
 function getBasicToolbars(table, rules) {
   return {
     toggleGlobalFilter: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleGlobalFilterButton, { table, disabled: false }, "basic-toggleGlobalFilter"),
@@ -13,7 +12,7 @@ function getBasicToolbars(table, rules) {
     refresh: /* @__PURE__ */ jsxRuntime.jsx(Refresh.Refresh, { tooltipProps: { label: table.options.localization.refresh } }, "basic-refresh"),
     add: (rules == null ? void 0 : rules.add) && /* @__PURE__ */ jsxRuntime.jsx(Add.Add, { tooltipProps: { label: table.options.localization.add } }, "basic-add"),
     download: (rules == null ? void 0 : rules.download) && /* @__PURE__ */ jsxRuntime.jsx(Download.Download, { tooltipProps: { label: table.options.localization.download } }, "basic-download"),
-    upload: (rules == null ? void 0 : rules.upload) && /* @__PURE__ */ jsxRuntime.jsx(Upload.Upload, { tooltipProps: { label: table.options.localization.upload } }, "basic-upload"),
+    // upload: rules?.upload && <Upload key="basic-upload" tooltipProps={{ label: table.options.localization.upload }} />, //! Disabled until further notice
     showHideColumns: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ShowHideColumnsButton, { table }, "basic-showHideColumns"),
     toggleDensePadding: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleDensePaddingButton, { table }, "basic-toggleDensePadding"),
     toggleFullScreen: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleFullScreenButton, { table }, "basic-toggleFullScreen")

package/dist/core/cjs/Wrappers/ApiProvider/hooks/useProvideApi.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utils = require("fastapi-rtk/utils");
 const hooks = require("@mantine/hooks");
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const createItem = require("../utils/api/createItem.cjs");
 const deleteItem = require("../utils/api/deleteItem.cjs");
 const downloadItems = require("../utils/api/downloadItems.cjs");
@@ -15,7 +15,7 @@ const uploadItems = require("../utils/api/uploadItems.cjs");
 const convertId = require("../utils/convertId.cjs");
 const convertInfo = require("../utils/convertInfo.cjs");
 const createQueryParams = require("../utils/createQueryParams.cjs");
-const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/utils.cjs");
+const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/utils.cjs");
 function useProvideApi({
   path,
   initialQueryParams,
@@ -268,11 +268,12 @@ function useProvideApi({
     });
   }, [data, setQueryParamsCallback, setStreaming, streamingMode]);
   const specialKey = React.useMemo(() => {
+    var _a;
     const specialKey2 = {
       all: "all",
       actions: "actions"
     };
-    data == null ? void 0 : data.list_columns.forEach((key) => {
+    (_a = data == null ? void 0 : data.list_columns) == null ? void 0 : _a.forEach((key) => {
       if (specialKey2[key]) {
         specialKey2[key] = `_${key}`;
       }

package/dist/core/cjs/Wrappers/ApiProvider/hooks/useProvideForm.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const constants = require("fastapi-rtk/constants");
 const React = require("react");
-const react = require("../../../../../.external/cjs/zustand@5.0.5_@types_react@18.3.22_react@18.3.1/zustand/esm/react.cjs");
+const react = require("../../../../../.external/cjs/zustand@5.0.5_@types_react@18.3.23_react@18.3.1/zustand/esm/react.cjs");
 const useProvideForm = () => {
   const [storeAdd] = React.useState(
     () => react.create((set, get) => ({

package/dist/core/cjs/Wrappers/Provider/Provider.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const zustand = require("fastapi-rtk/zustand");
-const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/queryClient.cjs");
-const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/queryClient.cjs");
+const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const useProvideAuth = require("../../fab-react-toolkit-patch/auth/hooks/useProvideAuth.cjs");
 const useProvideInfo = require("../../fab-react-toolkit-patch/auth/hooks/useProvideInfo.cjs");

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideAuth.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
-const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const userCRUD = require("../utils/userCRUD.cjs");

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideInfo.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 function useProvideInfo(baseUrl, auth) {

package/dist/core/cjs/fab-react-toolkit-patch/api/hooks/useProvideApi.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utils = require("fastapi-rtk/utils");
 const hooks = require("@mantine/hooks");
-const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.76.2/@tanstack/query-core/build/modern/utils.cjs");
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.77.2/@tanstack/query-core/build/modern/utils.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const createItem = require("../utils/api/createItem.cjs");
 const deleteItem = require("../utils/api/deleteItem.cjs");
 const downloadItems = require("../utils/api/downloadItems.cjs");
@@ -268,11 +268,12 @@ function useFabProvideApi({
     });
   }, [data, setQueryParamsCallback, setStreaming, streamingMode]);
   const specialKey = React.useMemo(() => {
+    var _a;
     const specialKey2 = {
       all: "all",
       actions: "actions"
     };
-    data == null ? void 0 : data.list_columns.forEach((key) => {
+    (_a = data == null ? void 0 : data.list_columns) == null ? void 0 : _a.forEach((key) => {
       if (specialKey2[key]) {
         specialKey2[key] = `_${key}`;
       }

package/dist/core/cjs/fab-react-toolkit-patch/auth/hooks/useProvideAuth.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
-const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const userCRUD = require("../utils/userCRUD.cjs");

package/dist/core/cjs/fab-react-toolkit-patch/auth/hooks/useProvideInfo.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.76.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.77.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 function useFabProvideInfo(baseUrl, auth) {

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

@@ -6,14 +6,14 @@ function convertToFormInputs(item, schema) {
     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);
+      const values = items.map((item2) => item2.value ?? item2);
       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]);
+          return val === String(((_a2 = item[key]) == null ? void 0 : _a2.id_) || item[key]);
         });
       }
     } else {

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

@@ -19,7 +19,6 @@ import { useEvent } from "./hooks/useEvent.mjs";
 import { useFilters } from "./hooks/useFilters.mjs";
 import { useGlobalFilter } from "./hooks/useGlobalFilter.mjs";
 import { usePagination } from "./hooks/usePagination.mjs";
-import { useQueryParams } from "./hooks/useQueryParams.mjs";
 import { useSize } from "./hooks/useSize.mjs";
 import { useSorting } from "./hooks/useSorting.mjs";
 import { useToolbar } from "./hooks/useToolbar/useToolbar.mjs";
@@ -180,7 +179,6 @@ const NextGenDataGrid = forwardRef((props, ref) => {
     ]
   );
   const mrtTable = useMantineReactTable(mrtProps);
-  useQueryParams(mrtTable, header);
   useEffect(() => {
     if (!queryParams && fetchOnMount) {
       refetch();

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilter.mjs

@@ -11,14 +11,14 @@ const ColumnHeaderFilter = ({
   children,
   enableFilterModes,
   enableAdvancedFilters,
-  filterProps,
-  filterModeDescription,
-  filterMenu,
-  filterState,
-  onFilterClear,
-  onFilterMount,
   filters,
   filterFn,
+  filterProps,
+  filterState,
+  filterSync,
+  filterMenu,
+  filterModeDescription,
+  updateQueryParams,
   mrtProps
 }) => {
   var _a;
@@ -44,12 +44,12 @@ const ColumnHeaderFilter = ({
         {
           opr,
           enableFilterModes,
-          filterProps,
           filterState,
-          onFilterClear,
-          onFilterMount,
+          filterSync,
+          updateQueryParams,
           filters,
           actionIconProps,
+          filterProps,
           functionProps,
           mrtProps,
           children