fastapi-rtk 1.0.41 → 1.0.43

package/dist/jsonforms/cjs/hooks/useMultiSelectProps.cjs

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
 const useSelectProps = require("./useSelectProps.cjs");
 function useMultiSelectProps(value, options, { onChange }) {
   const props = useSelectProps.useSelectProps(value, options);
   return {
     ...props,
     value: props.value || [],
-    onChange: (value2) => value2.length ? onChange(value2) : onChange(void 0)
+    onChange: React.useCallback((value2) => value2.length ? onChange(value2) : onChange(void 0), [onChange])
   };
 }
 exports.useMultiSelectProps = useMultiSelectProps;

package/dist/jsonforms/cjs/hooks/useNumberProps.cjs

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
 function useNumberProps(type, { value, onChange }) {
   return {
     value: value ?? "",
     allowDecimal: type === "number" ? true : false,
     hideControls: true,
-    onChange: (value2) => onChange(typeof value2 === "string" ? value2 || void 0 : value2 ?? void 0)
+    onChange: React.useCallback(
+      (value2) => onChange(typeof value2 === "string" ? value2 || void 0 : value2 ?? void 0),
+      [onChange]
+    )
   };
 }
 exports.useNumberProps = useNumberProps;

package/dist/jsonforms/cjs/hooks/useSelectProps.cjs

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
 function useSelectProps(value, options, isNative = false, { onChange } = {}) {
   if (isNative) {
     return {
       data: [{ value: "", label: "" }, ...options],
       value: value || "",
-      onChange: (event) => onChange(event.currentTarget.value || void 0)
+      onChange: React.useCallback((event) => onChange(event.currentTarget.value || void 0), [onChange])
     };
   } else {
     return { data: options, value: value || null, searchable: true };

package/dist/jsonforms/cjs/hooks/useTextProps.cjs

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
 function useTextProps({ value, onChange }) {
   return {
     value: value || "",
-    onChange: (event) => onChange(event.target.value || void 0)
+    onChange: React.useCallback((event) => onChange(event.target.value || void 0), [onChange])
   };
 }
 exports.useTextProps = useTextProps;

package/dist/jsonforms/cjs/hooks/useTimeProps.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
 function useTimeProps({ value, onChange, withSeconds }) {
   if (withSeconds) {
     value = (value == null ? void 0 : value.length) === 5 ? `${value}:00` : value;
@@ -8,12 +9,15 @@ function useTimeProps({ value, onChange, withSeconds }) {
   }
   return {
     value: value || "",
-    onChange: (value2) => {
-      if (value2.length === 5) {
-        value2 = `${value2}:00`;
-      }
-      onChange == null ? void 0 : onChange(value2 || void 0);
-    }
+    onChange: React.useCallback(
+      (value2) => {
+        if (value2.length === 5) {
+          value2 = `${value2}:00`;
+        }
+        onChange == null ? void 0 : onChange(value2 || void 0);
+      },
+      [onChange]
+    )
   };
 }
 exports.useTimeProps = useTimeProps;

package/dist/jsonforms/cjs/utils/withLabelMappingProps.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const withLabelMappingProps = (Component) => function WithLabelMappingProps(props) {
+  var _a;
+  const options = props.options;
+  const labelMapping = props.schema["x-label-mapping"] ?? ((_a = props.schema.items) == null ? void 0 : _a["x-label-mapping"]) ?? {};
+  const newOptions = options.map((option) => ({
+    value: option.value,
+    label: labelMapping[option.value] ?? option.label
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props, options: newOptions });
+};
+exports.withLabelMappingProps = withLabelMappingProps;

package/dist/jsonforms/esm/MantineInputs/MantineBooleanInput.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { Checkbox, NativeSelect, Select } from "@mantine/core";
 import { useMemo } from "react";
 import { useBooleanProps } from "../hooks/useBooleanProps.mjs";
@@ -18,7 +19,7 @@ function MantineBooleanInput(props) {
   const { inputWrapperOrder, ...__props } = _props;
   const InnerComponent = format === "checkbox" ? Checkbox : format === "native" ? NativeSelect : Select;
   const innerProps = format === "checkbox" ? {} : { inputWrapperOrder };
-  return Component === void 0 ? /* @__PURE__ */ jsx(InnerComponent, { ...innerProps, ...__props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineBooleanInput-${path}`, ...innerProps, ...__props, children: /* @__PURE__ */ jsx(InnerComponent, { ...innerProps, ...__props }) }) : Component;
 }
 export {
   MantineBooleanInput

package/dist/jsonforms/esm/MantineInputs/MantineDateInput.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { DateInput } from "@mantine/dates";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
@@ -13,7 +14,7 @@ function MantineDateInput(props) {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(DateInput, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineDateInput-${path}`, ..._props, children: /* @__PURE__ */ jsx(DateInput, { ..._props }) }) : Component;
 }
 export {
   MantineDateInput

package/dist/jsonforms/esm/MantineInputs/MantineDateTimeInput.mjs

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { DateTimePicker } from "fastapi-rtk/core";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { useDisclosure } from "@mantine/hooks";
 import { useEffect, useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
@@ -27,7 +28,7 @@ function MantineDateTimeInput(props) {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(DateTimePicker, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineDateTimeInput-${path}`, ..._props, children: /* @__PURE__ */ jsx(DateTimePicker, { ..._props }) }) : Component;
 }
 export {
   MantineDateTimeInput

package/dist/jsonforms/esm/MantineInputs/MantineEnumArrayInput.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { MultiSelect } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
@@ -13,7 +14,7 @@ function MantineEnumArrayInput(props) {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(MultiSelect, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineEnumArrayInput-${path}`, ..._props, children: /* @__PURE__ */ jsx(MultiSelect, { ..._props }) }) : Component;
 }
 export {
   MantineEnumArrayInput

package/dist/jsonforms/esm/MantineInputs/MantineEnumInput.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { NativeSelect, Select } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
@@ -16,7 +17,7 @@ function MantineEnumInput(props) {
     return null;
   }
   const InnerComponent = isNative ? NativeSelect : Select;
-  return Component === void 0 ? /* @__PURE__ */ jsx(InnerComponent, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineEnumInput-${path}`, ..._props, children: /* @__PURE__ */ jsx(InnerComponent, { ..._props }) }) : Component;
 }
 export {
   MantineEnumInput

package/dist/jsonforms/esm/MantineInputs/MantineFileInput.mjs

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { parseFromValuesOrFunc } from "fastapi-rtk/utils";
+import { MemoWrapper, parseFromValuesOrFunc } from "fastapi-rtk/utils";
 import { Box, FileInput } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useFileProps } from "../hooks/useFileProps.mjs";
-const InnerMantineFileInput = ({ contextName, children, ...props }) => {
+const InnerMantineFileInput = ({ contextName, componentName, children, ...props }) => {
   const { value, ...commonProps } = useCommonProps(props);
   const { path, schema, errors } = props;
   const accept = useMemo(
@@ -18,13 +18,13 @@ const InnerMantineFileInput = ({ contextName, children, ...props }) => {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsxs(Box, { children: [
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `${componentName}-${path}`, ..._props, children: /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsx(FileInput, { ..._props }),
     parseFromValuesOrFunc(children, { componentProps, jsonFormsProps: props })
-  ] }) : Component;
+  ] }) }) : Component;
 };
 function MantineFileInput(props) {
-  return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "File" });
+  return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "File", componentName: "MantineFileInput" });
 }
 export {
   InnerMantineFileInput,

package/dist/jsonforms/esm/MantineInputs/MantineImageInput.mjs

@@ -10,7 +10,7 @@ function MantineImageInput(props) {
       getImageURL: (item) => typeof item === "string" ? item : URL.createObjectURL(item)
     }
   });
-  return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "Image", children: ({ jsonFormsProps }) => jsonFormsProps.data ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(InnerMantineFileInput, { ...props, contextName: "Image", componentName: "MantineImageInput", children: ({ jsonFormsProps }) => jsonFormsProps.data ? /* @__PURE__ */ jsx(
     Image,
     {
       src: getImageURL(jsonFormsProps.data),

package/dist/jsonforms/esm/MantineInputs/MantineIntegerInput.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { InnerMantineNumberInput } from "./MantineNumberInput.mjs";
 function MantineIntegerInput(props) {
-  return /* @__PURE__ */ jsx(InnerMantineNumberInput, { ...props, contextName: "Integer" });
+  return /* @__PURE__ */ jsx(InnerMantineNumberInput, { ...props, contextName: "Integer", componentName: "MantineIntegerInput" });
 }
 export {
   MantineIntegerInput

package/dist/jsonforms/esm/MantineInputs/MantineJsonInput.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { JsonInput } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
@@ -13,7 +14,7 @@ function MantineJsonInput(props) {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(JsonInput, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineJsonInput-${path}`, ..._props, children: /* @__PURE__ */ jsx(JsonInput, { ..._props }) }) : Component;
 }
 export {
   MantineJsonInput

package/dist/jsonforms/esm/MantineInputs/MantineNumberInput.mjs

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { NumberInput } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useNumberProps } from "../hooks/useNumberProps.mjs";
-const InnerMantineNumberInput = ({ contextName, ...props }) => {
+const InnerMantineNumberInput = ({ contextName, componentName, ...props }) => {
   const { value, ...commonProps } = useCommonProps(props);
   const { path } = props;
   const numberProps = useNumberProps(contextName.toLowerCase(), { value, onChange: commonProps.onChange });
@@ -13,10 +14,10 @@ const InnerMantineNumberInput = ({ contextName, ...props }) => {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(NumberInput, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `${componentName}-${path}`, ..._props, children: /* @__PURE__ */ jsx(NumberInput, { ..._props }) }) : Component;
 };
 function MantineNumberInput(props) {
-  return /* @__PURE__ */ jsx(InnerMantineNumberInput, { ...props, contextName: "Number" });
+  return /* @__PURE__ */ jsx(InnerMantineNumberInput, { ...props, contextName: "Number", componentName: "MantineNumberInput" });
 }
 export {
   InnerMantineNumberInput,

package/dist/jsonforms/esm/MantineInputs/MantineOneOfEnumInput.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { NativeSelect, Select } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
@@ -27,7 +28,7 @@ function MantineOneOfEnumInput(props) {
     return null;
   }
   const InnerComponent = isNative ? NativeSelect : Select;
-  return Component === void 0 ? /* @__PURE__ */ jsx(InnerComponent, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineOneOfEnumInput-${path}`, ..._props, children: /* @__PURE__ */ jsx(InnerComponent, { ..._props }) }) : Component;
 }
 export {
   MantineOneOfEnumInput

package/dist/jsonforms/esm/MantineInputs/MantineTextInput.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { PasswordInput, TextInput } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
@@ -13,7 +14,7 @@ function MantineTextInput(props) {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? schema.format === "password" ? /* @__PURE__ */ jsx(PasswordInput, { ..._props }) : /* @__PURE__ */ jsx(TextInput, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineTextInput-${path}`, ..._props, children: schema.format === "password" ? /* @__PURE__ */ jsx(PasswordInput, { ..._props }) : /* @__PURE__ */ jsx(TextInput, { ..._props }) }) : Component;
 }
 export {
   MantineTextInput

package/dist/jsonforms/esm/MantineInputs/MantineTimeInput.mjs

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { TimePicker } from "fastapi-rtk/core";
+import { MemoWrapper } from "fastapi-rtk/utils";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
@@ -20,7 +21,7 @@ function MantineTimeInput(props) {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(TimePicker, { ..._props }) : Component;
+  return Component === void 0 ? /* @__PURE__ */ jsx(MemoWrapper, { componentName: `MantineTimeInput-${path}`, ..._props, children: /* @__PURE__ */ jsx(TimePicker, { ..._props }) }) : Component;
 }
 export {
   MantineTimeInput

package/dist/jsonforms/esm/cells/MantineEnumArrayCell.mjs

@@ -3,8 +3,11 @@ import { rankWith } from "@jsonforms/core";
 import { withJsonFormsMultiEnumProps } from "@jsonforms/react";
 import { MantineEnumArrayInput } from "../MantineInputs/MantineEnumArrayInput.mjs";
 import { isEnumArrayControl } from "../testers/isEnumArrayControl.mjs";
-const mantineEnumArrayCellTester = rankWith(1, isEnumArrayControl);
-const MantineEnumArrayCell = withJsonFormsMultiEnumProps((props) => /* @__PURE__ */ jsx(MantineEnumArrayInput, { ...props }));
+import { withLabelMappingProps } from "../utils/withLabelMappingProps.mjs";
+const mantineEnumArrayCellTester = rankWith(2, isEnumArrayControl);
+const MantineEnumArrayCell = withJsonFormsMultiEnumProps(
+  withLabelMappingProps((props) => /* @__PURE__ */ jsx(MantineEnumArrayInput, { ...props }))
+);
 export {
   MantineEnumArrayCell,
   mantineEnumArrayCellTester

package/dist/jsonforms/esm/cells/MantineEnumCell.mjs

@@ -2,9 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import { rankWith, isEnumControl } from "@jsonforms/core";
 import { withJsonFormsEnumCellProps, withTranslateProps } from "@jsonforms/react";
 import { MantineEnumInput } from "../MantineInputs/MantineEnumInput.mjs";
+import { withLabelMappingProps } from "../utils/withLabelMappingProps.mjs";
 const mantineEnumCellTester = rankWith(2, isEnumControl);
 const MantineEnumCell = withJsonFormsEnumCellProps(
-  withTranslateProps((props) => /* @__PURE__ */ jsx(MantineEnumInput, { ...props })),
+  withTranslateProps(withLabelMappingProps((props) => /* @__PURE__ */ jsx(MantineEnumInput, { ...props }))),
   false
 );
 export {

package/dist/jsonforms/esm/cells/MantineOneOfEnumCell.mjs

@@ -2,9 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import { rankWith, isOneOfControl } from "@jsonforms/core";
 import { withJsonFormsOneOfEnumCellProps, withTranslateProps } from "@jsonforms/react";
 import { MantineOneOfEnumInput } from "../MantineInputs/MantineOneOfEnumInput.mjs";
+import { withLabelMappingProps } from "../utils/withLabelMappingProps.mjs";
 const mantineOneOfEnumCellTester = rankWith(2, isOneOfControl);
 const MantineOneOfEnumCell = withJsonFormsOneOfEnumCellProps(
-  withTranslateProps((props) => /* @__PURE__ */ jsx(MantineOneOfEnumInput, { ...props })),
+  withTranslateProps(withLabelMappingProps((props) => /* @__PURE__ */ jsx(MantineOneOfEnumInput, { ...props }))),
   false
 );
 export {

package/dist/jsonforms/esm/complex/MantineEnumArrayControl.mjs

@@ -2,8 +2,9 @@ import { rankWith } from "@jsonforms/core";
 import { withJsonFormsMultiEnumProps } from "@jsonforms/react";
 import { MantineEnumArrayInput } from "../MantineInputs/MantineEnumArrayInput.mjs";
 import { isEnumArrayControl } from "../testers/isEnumArrayControl.mjs";
-const mantineEnumArrayRendererTester = rankWith(1, isEnumArrayControl);
-const MantineEnumArrayRenderer = withJsonFormsMultiEnumProps(MantineEnumArrayInput);
+import { withLabelMappingProps } from "../utils/withLabelMappingProps.mjs";
+const mantineEnumArrayRendererTester = rankWith(2, isEnumArrayControl);
+const MantineEnumArrayRenderer = withJsonFormsMultiEnumProps(withLabelMappingProps(MantineEnumArrayInput));
 export {
   MantineEnumArrayRenderer,
   mantineEnumArrayRendererTester

package/dist/jsonforms/esm/controls/MantineEnumControl.mjs

@@ -1,8 +1,12 @@
 import { rankWith, isEnumControl } from "@jsonforms/core";
 import { withJsonFormsEnumProps, withTranslateProps } from "@jsonforms/react";
 import { MantineEnumInput } from "../MantineInputs/MantineEnumInput.mjs";
+import { withLabelMappingProps } from "../utils/withLabelMappingProps.mjs";
 const mantineEnumControlTester = rankWith(2, isEnumControl);
-const MantineEnumControl = withJsonFormsEnumProps(withTranslateProps(MantineEnumInput), false);
+const MantineEnumControl = withJsonFormsEnumProps(
+  withTranslateProps(withLabelMappingProps(MantineEnumInput)),
+  false
+);
 export {
   MantineEnumControl,
   mantineEnumControlTester

package/dist/jsonforms/esm/controls/MantineOneOfEnumControl.mjs

@@ -1,8 +1,12 @@
 import { rankWith, isOneOfControl } from "@jsonforms/core";
 import { withJsonFormsOneOfEnumProps, withTranslateProps } from "@jsonforms/react";
 import { MantineOneOfEnumInput } from "../MantineInputs/MantineOneOfEnumInput.mjs";
+import { withLabelMappingProps } from "../utils/withLabelMappingProps.mjs";
 const mantineOneOfEnumControlTester = rankWith(2, isOneOfControl);
-const MantineOneOfEnumControl = withJsonFormsOneOfEnumProps(withTranslateProps(MantineOneOfEnumInput), false);
+const MantineOneOfEnumControl = withJsonFormsOneOfEnumProps(
+  withTranslateProps(withLabelMappingProps(MantineOneOfEnumInput)),
+  false
+);
 export {
   MantineOneOfEnumControl,
   mantineOneOfEnumControlTester

package/dist/jsonforms/esm/hooks/useBooleanProps.mjs

@@ -1,10 +1,11 @@
 import { isTruthy } from "fastapi-rtk/utils";
+import { useCallback } from "react";
 function useBooleanProps(type, { value, onChange }) {
   switch (type) {
     case "checkbox":
       return {
         checked: value || false,
-        onChange: (event) => onChange(event.target.checked)
+        onChange: useCallback((event) => onChange(event.target.checked), [onChange])
       };
     case "native":
       return {
@@ -19,7 +20,10 @@ function useBooleanProps(type, { value, onChange }) {
           }
         ],
         value: isTruthy(value) ? String(value) : "",
-        onChange: (event) => onChange(isTruthy(event.currentTarget.value) ? event.currentTarget.value === String(true) : void 0)
+        onChange: useCallback(
+          (event) => onChange(isTruthy(event.currentTarget.value) ? event.currentTarget.value === String(true) : void 0),
+          [onChange]
+        )
       };
     case "select":
       return {
@@ -34,7 +38,7 @@ function useBooleanProps(type, { value, onChange }) {
           }
         ],
         value: isTruthy(value) ? String(value) : null,
-        onChange: (value2) => onChange(isTruthy(value2) ? value2 === String(true) : void 0)
+        onChange: useCallback((value2) => onChange(isTruthy(value2) ? value2 === String(true) : void 0), [onChange])
       };
     default:
       throw new Error(`Unknown boolean type: ${type}`);

package/dist/jsonforms/esm/hooks/useCommonProps.mjs

@@ -3,33 +3,39 @@ import { DEBOUNCE_JSONFORMS_DELAY } from "fastapi-rtk/core";
 import { useJsonForms } from "@jsonforms/react";
 import { useProps } from "@mantine/core";
 import { useDebouncedCallback } from "@mantine/hooks";
-import { useState, useEffect } from "react";
+import { useState, useMemo, useCallback, useEffect } from "react";
 import { isSchemaTypeInclude } from "../utils/isSchemaTypeInclude.mjs";
 import { useIfProps } from "./useIfProps.mjs";
 function useCommonProps(props = {}) {
   var _a, _b, _c, _d;
   const __ = useProps("__", {}, {});
   const [value, setValue] = useState(props.data);
-  let valueIfNull = null;
-  if (!isSchemaTypeInclude(props.schema.type, "null")) {
-    if (isSchemaTypeInclude(props.schema.type, "array")) {
-      valueIfNull = [];
-    } else if (isSchemaTypeInclude(props.schema.type, "object")) {
-      valueIfNull = {};
-    } else if (isSchemaTypeInclude(props.schema.type, "string")) {
-      valueIfNull = "";
+  const valueIfNull = useMemo(() => {
+    let valueIfNull2 = null;
+    if (!isSchemaTypeInclude(props.schema.type, "null")) {
+      if (isSchemaTypeInclude(props.schema.type, "array")) {
+        valueIfNull2 = [];
+      } else if (isSchemaTypeInclude(props.schema.type, "object")) {
+        valueIfNull2 = {};
+      } else if (isSchemaTypeInclude(props.schema.type, "string")) {
+        valueIfNull2 = "";
+      }
     }
-  }
+    return valueIfNull2;
+  }, [props.schema.type]);
   const debouncedCallback = useDebouncedCallback((value2) => props.handleChange(props.path, value2), {
     delay: 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);
-  };
+  const onChange = useCallback(
+    (value2) => {
+      const newValue = value2 ?? (__.setNull ? valueIfNull : void 0);
+      setValue(newValue);
+      __.debounce ? debouncedCallback(newValue) : props.handleChange(props.path, newValue);
+    },
+    [props.handleChange, props.path, __.debounce, __.setNull, valueIfNull, debouncedCallback]
+  );
   useEffect(() => {
     setValue(props.data);
   }, [props.data]);
@@ -48,8 +54,11 @@ function useCommonProps(props = {}) {
     disabled: !props.enabled,
     value,
     onChange,
-    onBlur: () => debouncedCallback.flush(),
-    error: props.errors ? props.errors.split("\n").map((error) => /* @__PURE__ */ jsx("span", { style: { display: "block" }, children: error }, error)) : void 0,
+    onBlur: useCallback(() => debouncedCallback.flush(), [debouncedCallback]),
+    error: useMemo(
+      () => props.errors ? props.errors.split("\n").map((error) => /* @__PURE__ */ jsx("span", { style: { display: "block" }, children: error }, error)) : void 0,
+      [props.errors]
+    ),
     ...(_d = (_c = props.uischema) == null ? void 0 : _c.options) == null ? void 0 : _d.props,
     ...ifProps
   };

package/dist/jsonforms/esm/hooks/useDateProps.mjs

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Icon } from "../../../.external/esm/@iconify_react@6.0.2_react@19.2.4/@iconify/react/dist/iconify.mjs";
 import { useMantineTheme, CloseButton } from "@mantine/core";
+import { useCallback, useMemo } from "react";
 import { convertUTCStringToLocalString, convertLocalStringToUTCString } from "../utils/utcConverter.mjs";
 function useDateProps(type, isUTC, { value, toggle, onChange }) {
   const theme = useMantineTheme();
@@ -8,26 +9,32 @@ function useDateProps(type, isUTC, { value, toggle, onChange }) {
   if (type === "date") {
     props.valueFormat = "DD.MM.YYYY";
     props.value = value || null;
-    props.onChange = (value2) => onChange(value2 || void 0);
+    props.onChange = useCallback((value2) => onChange(value2 || void 0), [onChange]);
   } else {
     props.valueFormat = isUTC ? "DD.MM.YYYY HH:mm (UTC)" : "DD.MM.YYYY HH:mm";
     props.value = value ? isUTC ? convertUTCStringToLocalString(value) : value : null;
-    props.onChange = (value2) => onChange(value2 ? isUTC ? convertLocalStringToUTCString(value2) : value2 : void 0);
+    props.onChange = useCallback(
+      (value2) => onChange(value2 ? isUTC ? convertLocalStringToUTCString(value2) : value2 : void 0),
+      [onChange]
+    );
     props.placeholder = isUTC ? "DD.MM.YYYY HH:mm (UTC)" : "DD.MM.YYYY HH:mm";
-    props.rightSection = /* @__PURE__ */ jsx(
-      CloseButton,
-      {
-        title: isUTC ? "UTC" : "Local",
-        variant: "transparent",
-        size: "sm",
-        onClick: () => {
-          toggle();
-          if (props.value) {
-            onChange(isUTC ? convertUTCStringToLocalString(props.value) : convertLocalStringToUTCString(props.value));
-          }
-        },
-        icon: /* @__PURE__ */ jsx(Icon, { icon: "tabler:timezone", color: isUTC ? theme.primaryColor : "gray" })
-      }
+    props.rightSection = useMemo(
+      () => /* @__PURE__ */ jsx(
+        CloseButton,
+        {
+          title: isUTC ? "UTC" : "Local",
+          variant: "transparent",
+          size: "sm",
+          onClick: () => {
+            toggle();
+            if (props.value) {
+              onChange(isUTC ? convertUTCStringToLocalString(props.value) : convertLocalStringToUTCString(props.value));
+            }
+          },
+          icon: /* @__PURE__ */ jsx(Icon, { icon: "tabler:timezone", color: isUTC ? theme.primaryColor : "gray" })
+        }
+      ),
+      [isUTC, toggle, onChange, props.value, theme.primaryColor]
     );
   }
   return props;

package/dist/jsonforms/esm/hooks/useFileProps.mjs

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
 function useFileProps({ value, onChange, accept, 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");
@@ -8,7 +9,7 @@ function useFileProps({ value, onChange, accept, errors }) {
   }
   return {
     value,
-    onChange: (value2) => onChange(value2 || void 0),
+    onChange: useCallback((value2) => onChange(value2 || void 0), [onChange]),
     accept: accept || void 0,
     error: filteredErrors ? filteredErrors.split("\n").map((error) => /* @__PURE__ */ jsx("span", { style: { display: "block" }, children: error }, error)) : void 0,
     clearable: true

package/dist/jsonforms/esm/hooks/useJsonProps.mjs

@@ -1,4 +1,4 @@
-import { useState, useMemo, useEffect } from "react";
+import { useState, useMemo, useEffect, useCallback } from "react";
 function useJsonProps({ value, onChange }) {
   const [inputValue, setInputValue] = useState("");
   const stringifiedData = useMemo(
@@ -15,7 +15,7 @@ function useJsonProps({ value, onChange }) {
     validationError: "Invalid JSON",
     formatOnBlur: true,
     value: inputValue,
-    onBlur: () => {
+    onBlur: useCallback(() => {
       if (!inputValue) {
         onChange(void 0);
         return;
@@ -25,7 +25,7 @@ function useJsonProps({ value, onChange }) {
         onChange(parsedValue);
       } catch {
       }
-    },
+    }, [inputValue, onChange]),
     onChange: setInputValue
   };
 }

package/dist/jsonforms/esm/hooks/useMultiSelectProps.mjs

@@ -1,10 +1,11 @@
+import { useCallback } from "react";
 import { useSelectProps } from "./useSelectProps.mjs";
 function useMultiSelectProps(value, options, { onChange }) {
   const props = useSelectProps(value, options);
   return {
     ...props,
     value: props.value || [],
-    onChange: (value2) => value2.length ? onChange(value2) : onChange(void 0)
+    onChange: useCallback((value2) => value2.length ? onChange(value2) : onChange(void 0), [onChange])
   };
 }
 export {