fastapi-rtk 0.2.40 → 0.2.41

package/dist/constants/esm/index.mjs

@@ -2,6 +2,8 @@ const DEFAULT_PAGE = 0;
 const DEFAULT_PAGE_SIZE = 25;
 const DEFAULT_PAGE_SIZE_OPTIONS = ["5", "10", "25", "50", "100"];
 const DEBOUNCE_DELAY = 400;
+const DEBOUNCE_LOADING_DELAY = 50;
+const DEBOUNCE_JSONFORMS_DELAY = 100;
 const DEFAULT_DELIMITER = ",";
 const DELIMITER_DATA = [
   { value: ",", label: "Comma (,)" },
@@ -15,7 +17,6 @@ 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",
@@ -38,6 +39,7 @@ const MRT_LOCALIZATION_IMPORT_MAP = {
 export {
   BASE_LANGUAGES,
   DEBOUNCE_DELAY,
+  DEBOUNCE_JSONFORMS_DELAY,
   DEBOUNCE_LOADING_DELAY,
   DEFAULT_DELIMITER,
   DEFAULT_PAGE,

package/dist/constants/lib/index.d.ts

@@ -2,6 +2,8 @@ export const DEFAULT_PAGE: 0;
 export const DEFAULT_PAGE_SIZE: 25;
 export const DEFAULT_PAGE_SIZE_OPTIONS: string[];
 export const DEBOUNCE_DELAY: 400;
+export const DEBOUNCE_LOADING_DELAY: 50;
+export const DEBOUNCE_JSONFORMS_DELAY: 100;
 export const DEFAULT_DELIMITER: ",";
 export const DELIMITER_DATA: {
     value: string;
@@ -12,7 +14,6 @@ export const QUOTECHAR_DATA: {
     value: string;
     label: string;
 }[];
-export const DEBOUNCE_LOADING_DELAY: 50;
 export namespace initialState {
     let errors: any[];
     let data: any;

package/dist/core/cjs/Wrappers/ApiProvider/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.87.1/@tanstack/query-core/build/modern/utils.cjs");
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.87.4/@tanstack/query-core/build/modern/utils.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.87.4_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const useLang = require("../../../hooks/lang/useLang.cjs");
 const createItem = require("../utils/api/createItem.cjs");
 const deleteItem = require("../utils/api/deleteItem.cjs");

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

@@ -11,29 +11,34 @@ const de = require("../../../translations/de.cjs");
 const useProvideLang = require("../hooks/useProvideLang.cjs");
 const I18nextProvider = require("../../../../../.external/cjs/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/I18nextProvider.cjs");
 const initReactI18next = require("../../../../../.external/cjs/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/initReactI18next.cjs");
-const getI18n = ({ initProps, callback } = {}) => {
-  var _a, _b, _c, _d, _e, _f;
+const getI18n = ({ initProps, callback, translations } = {}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const i18n = i18next.createInstance();
+  const parsedTranslations = Object.entries(translations ?? {}).reduce((acc, [key, value]) => {
+    acc[key] = { translation: value };
+    return acc;
+  }, {});
   i18n.use(initReactI18next.initReactI18next).init({
     ...initProps,
     // the translations
     // (tip move them in a JSON file and import them,
     // or even better, manage them via a UI: https://react.i18next.com/guides/multiple-translation-files#manage-your-translations-with-a-management-gui)
     resources: {
+      ...parsedTranslations,
       ...initProps == null ? void 0 : initProps.resources,
       en: {
         ...(_a = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _a.en,
         translation: {
-          "Welcome to React": "Welcome to React and react-i18next",
-          ...(_c = (_b = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _b.en) == null ? void 0 : _c.translation
+          ...(_b = parsedTranslations == null ? void 0 : parsedTranslations.en) == null ? void 0 : _b.translation,
+          ...(_d = (_c = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _c.en) == null ? void 0 : _d.translation
         }
       },
       de: {
-        ...(_d = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _d.de,
+        ...(_e = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _e.de,
         translation: {
-          "Welcome to React": "Willkommen bei React und react-i18next",
           ...de,
-          ...(_f = (_e = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _e.de) == null ? void 0 : _f.translation
+          ...(_f = parsedTranslations == null ? void 0 : parsedTranslations.de) == null ? void 0 : _f.translation,
+          ...(_h = (_g = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _g.de) == null ? void 0 : _h.translation
         }
       }
     },

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.87.1/@tanstack/query-core/build/modern/queryClient.cjs");
-const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.87.4/@tanstack/query-core/build/modern/queryClient.cjs");
+const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.87.4_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.87.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
-const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.87.4_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.87.4_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.87.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.87.4_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const defaultInfo = { getInfo: authFetch.authInfo };

package/dist/core/esm/Wrappers/ApiProvider/hooks/useProvideApi.mjs

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { convertId, getItemId, urlJoin } from "fastapi-rtk/utils";
 import { useDidUpdate, useSetState } from "@mantine/hooks";
-import { keepPreviousData } from "../../../../../.external/esm/@tanstack_query-core@5.87.1/@tanstack/query-core/build/modern/utils.mjs";
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { keepPreviousData } from "../../../../../.external/esm/@tanstack_query-core@5.87.4/@tanstack/query-core/build/modern/utils.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.87.4_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
 import { useLang } from "../../../hooks/lang/useLang.mjs";
 import { createItem } from "../utils/api/createItem.mjs";
 import { deleteItem } from "../utils/api/deleteItem.mjs";

package/dist/core/esm/Wrappers/Provider/Contexts/LangContext.mjs

@@ -9,29 +9,34 @@ import de from "../../../translations/de.mjs";
 import { useProvideLang } from "../hooks/useProvideLang.mjs";
 import { I18nextProvider } from "../../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/I18nextProvider.mjs";
 import { initReactI18next } from "../../../../../.external/esm/react-i18next@15.7.3_i18next@25.5.2_react-dom@18.3.1_react@18.3.1_typescript@5.9.2/react-i18next/dist/es/initReactI18next.mjs";
-const getI18n = ({ initProps, callback } = {}) => {
-  var _a, _b, _c, _d, _e, _f;
+const getI18n = ({ initProps, callback, translations } = {}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const i18n = createInstance();
+  const parsedTranslations = Object.entries(translations ?? {}).reduce((acc, [key, value]) => {
+    acc[key] = { translation: value };
+    return acc;
+  }, {});
   i18n.use(initReactI18next).init({
     ...initProps,
     // the translations
     // (tip move them in a JSON file and import them,
     // or even better, manage them via a UI: https://react.i18next.com/guides/multiple-translation-files#manage-your-translations-with-a-management-gui)
     resources: {
+      ...parsedTranslations,
       ...initProps == null ? void 0 : initProps.resources,
       en: {
         ...(_a = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _a.en,
         translation: {
-          "Welcome to React": "Welcome to React and react-i18next",
-          ...(_c = (_b = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _b.en) == null ? void 0 : _c.translation
+          ...(_b = parsedTranslations == null ? void 0 : parsedTranslations.en) == null ? void 0 : _b.translation,
+          ...(_d = (_c = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _c.en) == null ? void 0 : _d.translation
         }
       },
       de: {
-        ...(_d = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _d.de,
+        ...(_e = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _e.de,
         translation: {
-          "Welcome to React": "Willkommen bei React und react-i18next",
           ...de,
-          ...(_f = (_e = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _e.de) == null ? void 0 : _f.translation
+          ...(_f = parsedTranslations == null ? void 0 : parsedTranslations.de) == null ? void 0 : _f.translation,
+          ...(_h = (_g = initProps == null ? void 0 : initProps.resources) == null ? void 0 : _g.de) == null ? void 0 : _h.translation
         }
       }
     },

package/dist/core/esm/Wrappers/Provider/Provider.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useProxy } from "fastapi-rtk/zustand";
-import { QueryClient } from "../../../../.external/esm/@tanstack_query-core@5.87.1/@tanstack/query-core/build/modern/queryClient.mjs";
-import { QueryClientProvider } from "../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
+import { QueryClient } from "../../../../.external/esm/@tanstack_query-core@5.87.4/@tanstack/query-core/build/modern/queryClient.mjs";
+import { QueryClientProvider } from "../../../../.external/esm/@tanstack_react-query@5.87.4_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
 import { useState, useMemo } from "react";
 import { defaultAuth } from "../../fab-react-toolkit-patch/auth/hooks/useProvideAuth.mjs";
 import { defaultInfo } from "../../fab-react-toolkit-patch/auth/hooks/useProvideInfo.mjs";

package/dist/core/esm/Wrappers/Provider/hooks/useProvideAuth.mjs

@@ -1,5 +1,5 @@
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
-import { useQueryClient } from "../../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.87.4_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQueryClient } from "../../../../../.external/esm/@tanstack_react-query@5.87.4_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
 import { useState, useCallback, useMemo } from "react";
 import { authOAuthSignin, authResetPassword, authSignout, authSignin } from "../utils/authFetch.mjs";
 import { updateUser, getUser } from "../utils/userCRUD.mjs";

package/dist/core/esm/Wrappers/Provider/hooks/useProvideInfo.mjs

@@ -1,4 +1,4 @@
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.87.1_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.87.4_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
 import { useEffect } from "react";
 import { authInfo } from "../utils/authFetch.mjs";
 const defaultInfo = { getInfo: authInfo };

package/dist/core/lib/Wrappers/Provider/Provider.d.ts

@@ -8,6 +8,10 @@ export type GetI18nProps = {
      * - A function that takes the i18n instance and returns back a i18n instance
      */
     callback?: (i18n: Record<string, any>) => Record<string, any>;
+    /**
+     * - The translations to be used. E.g. `{ en: { key: 'value' }, de: { key: 'wert' } }`
+     */
+    translations?: Record<string, Record<string, string>>;
 };
 export type LangProps = {
     /**

package/dist/jsonforms/cjs/Contexts/LayoutPaddingContext.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("fastapi-rtk/utils");
+const [LayoutPaddingContextProvider, useLayoutPadding] = utils.createSafeContext(
+  "useLayoutPadding must be used within a LayoutPaddingContextProvider"
+);
+exports.LayoutPaddingContextProvider = LayoutPaddingContextProvider;
+exports.useLayoutPadding = useLayoutPadding;

package/dist/jsonforms/cjs/JsonFormsWithCustomizer/JsonFormsWithCustomizer.cjs

@@ -12,9 +12,11 @@ const JsonFormsWithCustomizer = React.memo(function JsonFormsWithCustomizer2({
   uischema,
   data,
   onChange,
-  customizer
+  customizer,
+  debounce = false,
+  ...props
 }) {
-  const theme = useThemeCustomizer.useThemeCustomizer(customizer);
+  const theme = useThemeCustomizer.useThemeCustomizer({ ...customizer, __: { debounce } });
   return /* @__PURE__ */ jsxRuntime.jsx(core.MantineThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(
     react.JsonForms,
     {
@@ -23,7 +25,8 @@ const JsonFormsWithCustomizer = React.memo(function JsonFormsWithCustomizer2({
       renderers: mantineRenderers.mantineRenderers,
       cells: mantineCells.mantineCells,
       data,
-      onChange
+      onChange,
+      ...props
     }
   ) });
 });

package/dist/jsonforms/cjs/MantineInputs/MantineBooleanInput.cjs

@@ -7,15 +7,23 @@ const useBooleanProps = require("../hooks/useBooleanProps.cjs");
 const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 function MantineBooleanInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data, schema } = props;
-  const isCheckbox = React.useMemo(() => schema.format === "checkbox", [schema.format]);
-  const booleanProps = useBooleanProps.useBooleanProps(isCheckbox, { data, onChange: commonProps.onChange });
+  var _a;
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path, schema, uischema } = props;
+  const isCheckbox = React.useMemo(
+    () => {
+      var _a2;
+      return (((_a2 = uischema.options) == null ? void 0 : _a2.variant) ?? schema.format) === "checkbox";
+    },
+    [schema.format, (_a = uischema.options) == null ? void 0 : _a.variant]
+  );
+  const booleanProps = useBooleanProps.useBooleanProps(isCheckbox, { value, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...booleanProps }), [booleanProps, commonProps]);
   const [Component, _props] = useContextProps.useContextProps("Boolean", path, componentProps, props);
   if (!props.visible) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? isCheckbox ? /* @__PURE__ */ jsxRuntime.jsx(core.Checkbox, { ..._props }) : /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ..._props }) : Component });
+  const { inputWrapperOrder, ...__props } = _props;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { m: Component === null ? void 0 : margin, children: Component === void 0 ? isCheckbox ? /* @__PURE__ */ jsxRuntime.jsx(core.Checkbox, { ...__props }) : /* @__PURE__ */ jsxRuntime.jsx(core.Select, { inputWrapperOrder, ...__props }) : Component });
 }
 exports.MantineBooleanInput = MantineBooleanInput;

package/dist/jsonforms/cjs/MantineInputs/MantineDateInput.cjs

@@ -8,9 +8,9 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useDateProps = require("../hooks/useDateProps.cjs");
 function MantineDateInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data } = props;
-  const dateProps = useDateProps.useDateProps("date", true, { data, onChange: commonProps.onChange });
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path } = props;
+  const dateProps = useDateProps.useDateProps("date", true, { value, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...dateProps }), [commonProps, dateProps]);
   const [Component, _props] = useContextProps.useContextProps("Date", path, componentProps, props);
   if (!props.visible) {

package/dist/jsonforms/cjs/MantineInputs/MantineDateTimeInput.cjs

@@ -9,22 +9,22 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useDateProps = require("../hooks/useDateProps.cjs");
 function MantineDateTimeInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data, uischema } = props;
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path, uischema } = props;
   const { initialUTC: __initialUTC } = uischema.options || {};
-  const _dateProps = useDateProps.useDateProps("date-time", false, { data, toggle: () => null, onChange: commonProps.onChange });
+  const _dateProps = useDateProps.useDateProps("date-time", false, { value, toggle: () => null, onChange: commonProps.onChange });
   const [, { initialUTC }] = useContextProps.useContextProps("DateTime", path, { ...commonProps, ..._dateProps }, props);
   const [isUTC, { open: setToUTC, close: setToLocal, toggle }] = hooks.useDisclosure(initialUTC ?? __initialUTC);
   const { initialUTC: _initialUTC, ...dateProps } = useDateProps.useDateProps("date-time", isUTC, {
-    data,
+    value,
     toggle,
     onChange: commonProps.onChange
   });
   React.useEffect(() => {
-    if (data) {
-      data.endsWith("Z") ? setToUTC() : setToLocal();
+    if (value) {
+      value.endsWith("Z") ? setToUTC() : setToLocal();
     }
-  }, [data, setToLocal, setToUTC]);
+  }, [value, setToLocal, setToUTC]);
   const componentProps = React.useMemo(() => ({ ...commonProps, ...dateProps }), [commonProps, dateProps]);
   const [Component, { initialUTC: _, ..._props }] = useContextProps.useContextProps("DateTime", path, componentProps, props);
   if (!props.visible) {

package/dist/jsonforms/cjs/MantineInputs/MantineEnumArrayInput.cjs

@@ -7,9 +7,9 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useMultiSelectProps = require("../hooks/useMultiSelectProps.cjs");
 function MantineEnumArrayInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data } = props;
-  const multiSelectProps = useMultiSelectProps.useMultiSelectProps(data, props.schema.items, { onChange: commonProps.onChange });
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path } = props;
+  const multiSelectProps = useMultiSelectProps.useMultiSelectProps(value, props.schema.items, { onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...multiSelectProps }), [commonProps, multiSelectProps]);
   const [Component, _props] = useContextProps.useContextProps("EnumArray", path, componentProps, props);
   if (!props.visible) {

package/dist/jsonforms/cjs/MantineInputs/MantineEnumInput.cjs

@@ -7,9 +7,9 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useSelectProps = require("../hooks/useSelectProps.cjs");
 function MantineEnumInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data } = props;
-  const selectProps = useSelectProps.useSelectProps(data, props.schema);
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path } = props;
+  const selectProps = useSelectProps.useSelectProps(value, props.schema);
   const componentProps = React.useMemo(() => ({ ...commonProps, ...selectProps }), [commonProps, selectProps]);
   const [Component, _props] = useContextProps.useContextProps("Enum", path, componentProps, props);
   if (!props.visible) {

package/dist/jsonforms/cjs/MantineInputs/MantineFileInput.cjs

@@ -8,10 +8,10 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useFileProps = require("../hooks/useFileProps.cjs");
 const InnerMantineFileInput = ({ contextName, margin, children, ...props }) => {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data, schema, errors } = props;
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path, schema, errors } = props;
   const fileProps = useFileProps.useFileProps({
-    data,
+    value,
     onChange: commonProps.onChange,
     contentMediaType: schema.contentMediaType,
     errors

package/dist/jsonforms/cjs/MantineInputs/MantineJsonInput.cjs

@@ -7,9 +7,9 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useJsonProps = require("../hooks/useJsonProps.cjs");
 function MantineJsonInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data } = props;
-  const jsonProps = useJsonProps.useJsonProps({ data, onChange: commonProps.onChange });
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path } = props;
+  const jsonProps = useJsonProps.useJsonProps({ value, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...jsonProps }), [commonProps, jsonProps]);
   const [Component, _props] = useContextProps.useContextProps("Json", path, componentProps, props);
   if (!props.visible) {

package/dist/jsonforms/cjs/MantineInputs/MantineNumberInput.cjs

@@ -7,9 +7,9 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useNumberProps = require("../hooks/useNumberProps.cjs");
 const InnerMantineNumberInput = ({ contextName, margin, ...props }) => {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data } = props;
-  const numberProps = useNumberProps.useNumberProps(contextName.toLowerCase(), { data, onChange: commonProps.onChange });
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path } = props;
+  const numberProps = useNumberProps.useNumberProps(contextName.toLowerCase(), { value, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...numberProps }), [commonProps, numberProps]);
   const [Component, _props] = useContextProps.useContextProps(contextName, path, componentProps, props);
   if (!props.visible) {

package/dist/jsonforms/cjs/MantineInputs/MantineOneOfEnumInput.cjs

@@ -7,17 +7,17 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useSelectProps = require("../hooks/useSelectProps.cjs");
 function MantineOneOfEnumInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data, schema } = props;
-  const selectProps = useSelectProps.useSelectProps(data, schema);
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path, schema } = props;
+  const selectProps = useSelectProps.useSelectProps(value, schema);
   const errorProps = React.useMemo(() => {
     var _a;
-    const isNull = data === null;
+    const isNull = value === null;
     const error = (_a = commonProps.error) == null ? void 0 : _a.filter(
       (error2) => error2.key === "is a required property" || !isNull ? error2 : false
     );
     return (error == null ? void 0 : error.length) ? { error } : { error: isNull && commonProps.required ? "is a required property" : void 0 };
-  }, [commonProps.error, commonProps.required, data]);
+  }, [commonProps.error, commonProps.required, value]);
   const componentProps = React.useMemo(
     () => ({ ...commonProps, ...selectProps, ...errorProps }),
     [commonProps, errorProps, selectProps]

package/dist/jsonforms/cjs/MantineInputs/MantineTextInput.cjs

@@ -7,9 +7,9 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useTextProps = require("../hooks/useTextProps.cjs");
 function MantineTextInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data, schema } = props;
-  const textProps = useTextProps.useTextProps({ data, onChange: commonProps.onChange });
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path, schema } = props;
+  const textProps = useTextProps.useTextProps({ value, onChange: commonProps.onChange });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...textProps }), [commonProps, textProps]);
   const [Component, _props] = useContextProps.useContextProps("Text", path, componentProps, props);
   if (!props.visible) {

package/dist/jsonforms/cjs/MantineInputs/MantineTimeInput.cjs

@@ -8,9 +8,9 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useTimeProps = require("../hooks/useTimeProps.cjs");
 function MantineTimeInput({ margin, ...props }) {
-  const commonProps = useCommonProps.useCommonProps(props);
-  const { path, data } = props;
-  const textProps = useTimeProps.useTimeProps({ data });
+  const { value, ...commonProps } = useCommonProps.useCommonProps(props);
+  const { path } = props;
+  const textProps = useTimeProps.useTimeProps({ value });
   const componentProps = React.useMemo(() => ({ ...commonProps, ...textProps }), [commonProps, textProps]);
   const [Component, _props] = useContextProps.useContextProps("Time", path, componentProps, props);
   if (!props.visible) {

package/dist/jsonforms/cjs/hooks/useBooleanProps.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("fastapi-rtk/utils");
-function useBooleanProps(isCheckbox, { data, onChange }) {
+function useBooleanProps(isCheckbox, { value, onChange }) {
   return isCheckbox ? {
-    checked: data || false,
+    checked: value || false,
     onChange: (event) => onChange(event.target.checked)
   } : {
     data: [
@@ -16,8 +16,8 @@ function useBooleanProps(isCheckbox, { data, onChange }) {
         label: "False"
       }
     ],
-    value: utils.isTruthy(data) ? String(data) : null,
-    onChange: (value) => onChange(utils.isTruthy(value) ? value === String(true) : void 0)
+    value: utils.isTruthy(value) ? String(value) : null,
+    onChange: (value2) => onChange(utils.isTruthy(value2) ? value2 === String(true) : void 0)
   };
 }
 exports.useBooleanProps = useBooleanProps;

package/dist/jsonforms/cjs/hooks/useCommonProps.cjs

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const core$1 = require("fastapi-rtk/core");
 const core = require("@mantine/core");
+const hooks = require("@mantine/hooks");
+const React = require("react");
 const isSchemaTypeInclude = require("../utils/isSchemaTypeInclude.cjs");
 function useCommonProps(props = {}) {
   const __ = core.useProps("__", {}, {});
+  const [value, setValue] = React.useState(props.data);
   let valueIfNull = null;
   if (!isSchemaTypeInclude.isSchemaTypeInclude(props.schema.type, "null")) {
     if (isSchemaTypeInclude.isSchemaTypeInclude(props.schema.type, "array")) {
@@ -15,13 +19,28 @@ function useCommonProps(props = {}) {
       valueIfNull = "";
     }
   }
+  const debouncedCallback = hooks.useDebouncedCallback((value2) => props.handleChange(props.path, value2), {
+    delay: core$1.DEBOUNCE_JSONFORMS_DELAY,
+    flushOnUnmount: true,
+    ...__.debounceOptions
+  });
+  const onChange = (value2) => {
+    const newValue = value2 ?? (__.setNull ? valueIfNull : void 0);
+    setValue(newValue);
+    __.debounce ? debouncedCallback(newValue) : props.handleChange(props.path, newValue);
+  };
+  React.useEffect(() => {
+    setValue(props.data);
+  }, [props.data]);
   return {
     inputWrapperOrder: ["label", "input", "description", "error"],
     label: props.label,
     description: props.description,
     required: props.required,
     disabled: !props.enabled,
-    onChange: (value) => props.handleChange(props.path, value ?? (__.setNull ? valueIfNull : void 0)),
+    value,
+    onChange,
+    onBlur: () => debouncedCallback.flush(),
     error: props.errors ? props.errors.split("\n").map((error) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "block" }, children: error }, error)) : void 0
   };
 }

package/dist/jsonforms/cjs/hooks/useDateProps.cjs

@@ -4,17 +4,17 @@ const jsxRuntime = require("react/jsx-runtime");
 const iconify = require("../../../.external/cjs/@iconify_react@6.0.1_react@18.3.1/@iconify/react/dist/iconify.cjs");
 const core = require("@mantine/core");
 const utcConverter = require("../utils/utcConverter.cjs");
-function useDateProps(type, isUTC, { data, toggle, onChange }) {
+function useDateProps(type, isUTC, { value, toggle, onChange }) {
   const theme = core.useMantineTheme();
   const props = { clearable: true };
   if (type === "date") {
     props.valueFormat = "DD.MM.YYYY";
-    props.value = data || null;
-    props.onChange = (data2) => onChange(data2 || void 0);
+    props.value = value || null;
+    props.onChange = (value2) => onChange(value2 || void 0);
   } else {
     props.valueFormat = isUTC ? "DD.MM.YYYY HH:mm (UTC)" : "DD.MM.YYYY HH:mm";
-    props.value = data ? isUTC ? utcConverter.convertUTCStringToLocalString(data) : data : null;
-    props.onChange = (data2) => onChange(data2 ? isUTC ? utcConverter.convertLocalStringToUTCString(data2) : data2 : void 0);
+    props.value = value ? isUTC ? utcConverter.convertUTCStringToLocalString(value) : value : null;
+    props.onChange = (value2) => onChange(value2 ? isUTC ? utcConverter.convertLocalStringToUTCString(value2) : value2 : void 0);
     props.placeholder = isUTC ? "DD.MM.YYYY HH:mm (UTC)" : "DD.MM.YYYY HH:mm";
     props.rightSection = /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { gap: "0.25rem", wrap: "nowrap", children: [
       /* @__PURE__ */ jsxRuntime.jsx(

package/dist/jsonforms/cjs/hooks/useFileProps.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-function useFileProps({ data, onChange, contentMediaType, errors }) {
+function useFileProps({ value, onChange, contentMediaType, errors }) {
   var _a;
   const filteredErrors = (_a = errors == null ? void 0 : errors.split("\n").filter((error) => !error.startsWith("must be string"))) == null ? void 0 : _a.join("\n");
-  let value = data || null;
+  value = value || null;
   if (typeof value === "string") {
     value = new File([value], value);
   }

package/dist/jsonforms/cjs/hooks/useJsonProps.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-function useJsonProps({ data, onChange }) {
-  const [value, setValue] = React.useState("");
+function useJsonProps({ value, onChange }) {
+  const [inputValue, setInputValue] = React.useState("");
   const stringifiedData = React.useMemo(
-    () => data ? typeof data === "object" ? JSON.stringify(data, null, 2) : data : "",
-    [data]
+    () => value ? typeof value === "object" ? JSON.stringify(value, null, 2) : value : "",
+    [value]
   );
   React.useEffect(() => {
-    setValue(stringifiedData);
+    setInputValue(stringifiedData);
   }, [stringifiedData]);
   return {
     autosize: true,
@@ -16,19 +16,19 @@ function useJsonProps({ data, onChange }) {
     maxRows: 12,
     validationError: "Invalid JSON",
     formatOnBlur: true,
-    value,
+    value: inputValue,
     onBlur: () => {
-      if (!value) {
+      if (!inputValue) {
         onChange(void 0);
         return;
       }
       try {
-        const parsedValue = JSON.parse(value);
+        const parsedValue = JSON.parse(inputValue);
         onChange(parsedValue);
       } catch {
       }
     },
-    onChange: setValue
+    onChange: setInputValue
   };
 }
 exports.useJsonProps = useJsonProps;