fastapi-rtk 1.0.23 → 1.0.25

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

@@ -7,13 +7,15 @@ const useCommonProps = require("../hooks/useCommonProps.cjs");
 const useContextProps = require("../hooks/useContextProps.cjs");
 const useSelectProps = require("../hooks/useSelectProps.cjs");
 function MantineOneOfEnumInput(props) {
+  var _a;
   const { value, ...commonProps } = useCommonProps.useCommonProps(props);
-  const { path } = props;
-  const selectProps = useSelectProps.useSelectProps(value, props.options);
+  const { path, schema, uischema } = props;
+  const isNative = (((_a = uischema.options) == null ? void 0 : _a.variant) ?? schema.format) === "native";
+  const selectProps = useSelectProps.useSelectProps(value, props.options, isNative, { onChange: commonProps.onChange });
   const errorProps = React.useMemo(() => {
-    var _a;
+    var _a2;
     const isNull = value === null;
-    const error = (_a = commonProps.error) == null ? void 0 : _a.filter(
+    const error = (_a2 = commonProps.error) == null ? void 0 : _a2.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 };
@@ -26,6 +28,7 @@ function MantineOneOfEnumInput(props) {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(core.Select, { ..._props }) : Component;
+  const InnerComponent = isNative ? core.NativeSelect : core.Select;
+  return Component === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(InnerComponent, { ..._props }) : Component;
 }
 exports.MantineOneOfEnumInput = MantineOneOfEnumInput;

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

@@ -1,23 +1,45 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("fastapi-rtk/utils");
-function useBooleanProps(isCheckbox, { value, onChange }) {
-  return isCheckbox ? {
-    checked: value || false,
-    onChange: (event) => onChange(event.target.checked)
-  } : {
-    data: [
-      {
-        value: String(true),
-        label: "True"
-      },
-      {
-        value: String(false),
-        label: "False"
-      }
-    ],
-    value: utils.isTruthy(value) ? String(value) : null,
-    onChange: (value2) => onChange(utils.isTruthy(value2) ? value2 === String(true) : void 0)
-  };
+function useBooleanProps(type, { value, onChange }) {
+  switch (type) {
+    case "checkbox":
+      return {
+        checked: value || false,
+        onChange: (event) => onChange(event.target.checked)
+      };
+    case "native":
+      return {
+        data: [
+          {
+            value: String(true),
+            label: "True"
+          },
+          {
+            value: String(false),
+            label: "False"
+          }
+        ],
+        value: utils.isTruthy(value) ? String(value) : "",
+        onChange: (event) => onChange(utils.isTruthy(event.currentTarget.value) ? event.currentTarget.value === String(true) : void 0)
+      };
+    case "select":
+      return {
+        data: [
+          {
+            value: String(true),
+            label: "True"
+          },
+          {
+            value: String(false),
+            label: "False"
+          }
+        ],
+        value: utils.isTruthy(value) ? String(value) : null,
+        onChange: (value2) => onChange(utils.isTruthy(value2) ? value2 === String(true) : void 0)
+      };
+    default:
+      throw new Error(`Unknown boolean type: ${type}`);
+  }
 }
 exports.useBooleanProps = useBooleanProps;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const iconify = require("../../../.external/cjs/@iconify_react@6.0.2_react@19.2.3/@iconify/react/dist/iconify.cjs");
+const iconify = require("../../../.external/cjs/@iconify_react@6.0.2_react@19.2.4/@iconify/react/dist/iconify.cjs");
 const core = require("@mantine/core");
 const utcConverter = require("../utils/utcConverter.cjs");
 function useDateProps(type, isUTC, { value, toggle, onChange }) {

package/dist/jsonforms/cjs/hooks/useNavigationComponent.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const core$1 = require("fastapi-rtk/core");
 const core = require("@mantine/core");
 const React = require("react");
-const IconArrowUp = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconArrowUp.cjs");
-const IconArrowDown = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconArrowDown.cjs");
-const IconTrash = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconTrash.cjs");
+const IconArrowUp = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowUp.cjs");
+const IconArrowDown = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowDown.cjs");
+const IconTrash = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconTrash.cjs");
 const useNavigationComponent = ({ componentName, componentIdentifier, onUp, onDown, onDelete, ...props }) => {
   const { childPath, showSortButtons, enableUp, enableDown, disableRemove, translations } = props;
   const defaultProps = { variant: "transparent", size: "sm", mt: "0.35rem" };

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

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

package/dist/jsonforms/cjs/hooks/useToolbarComponent.cjs

@@ -3,8 +3,8 @@ 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 IconPlus = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconPlus.cjs");
-const IconExclamationCircle = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.cjs");
+const IconPlus = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconPlus.cjs");
+const IconExclamationCircle = require("../../../.external/cjs/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.cjs");
 const ValidationIcon = ({ id, error }) => {
   const errorMessageList = (error == null ? void 0 : error.split("\n")) || [];
   return /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1,6 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { deepMerge } from "fastapi-rtk/utils";
-import { Checkbox, Select } from "@mantine/core";
+import { Checkbox, NativeSelect, Select } from "@mantine/core";
 import { useMemo } from "react";
 import { useBooleanProps } from "../hooks/useBooleanProps.mjs";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
@@ -9,26 +8,17 @@ function MantineBooleanInput(props) {
   var _a;
   const { value, ...commonProps } = useCommonProps(props);
   const { path, schema, uischema } = props;
-  const isCheckbox = 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(isCheckbox, { value, onChange: commonProps.onChange });
+  const format = ((_a = uischema.options) == null ? void 0 : _a.variant) ?? schema.format ?? "select";
+  const booleanProps = useBooleanProps(format, { value, onChange: commonProps.onChange });
   const componentProps = useMemo(() => ({ ...commonProps, ...booleanProps }), [booleanProps, commonProps]);
   const [Component, _props] = useContextProps("Boolean", path, componentProps, props);
   if (!props.visible) {
     return null;
   }
   const { inputWrapperOrder, ...__props } = _props;
-  return Component === void 0 ? isCheckbox ? /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      ...deepMerge({ styles: { root: { minHeight: "calc(2.25rem * 1)", alignContent: "center" } } }, __props)
-    }
-  ) : /* @__PURE__ */ jsx(Select, { inputWrapperOrder, ...__props }) : Component;
+  const InnerComponent = format === "checkbox" ? Checkbox : format === "native" ? NativeSelect : Select;
+  const innerProps = format === "checkbox" ? {} : { inputWrapperOrder };
+  return Component === void 0 ? /* @__PURE__ */ jsx(InnerComponent, { ...innerProps, ...__props }) : Component;
 }
 export {
   MantineBooleanInput

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

@@ -1,19 +1,22 @@
 import { jsx } from "react/jsx-runtime";
-import { Select } from "@mantine/core";
+import { NativeSelect, Select } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useSelectProps } from "../hooks/useSelectProps.mjs";
 function MantineEnumInput(props) {
+  var _a;
   const { value, ...commonProps } = useCommonProps(props);
-  const { path } = props;
-  const selectProps = useSelectProps(value, props.options);
+  const { path, schema, uischema } = props;
+  const isNative = (((_a = uischema.options) == null ? void 0 : _a.variant) ?? schema.format) === "native";
+  const selectProps = useSelectProps(value, props.options, isNative, { onChange: commonProps.onChange });
   const componentProps = useMemo(() => ({ ...commonProps, ...selectProps }), [commonProps, selectProps]);
   const [Component, _props] = useContextProps("Enum", path, componentProps, props);
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(Select, { ..._props }) : Component;
+  const InnerComponent = isNative ? NativeSelect : Select;
+  return Component === void 0 ? /* @__PURE__ */ jsx(InnerComponent, { ..._props }) : Component;
 }
 export {
   MantineEnumInput

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

@@ -1,17 +1,19 @@
 import { jsx } from "react/jsx-runtime";
-import { Select } from "@mantine/core";
+import { NativeSelect, Select } from "@mantine/core";
 import { useMemo } from "react";
 import { useCommonProps } from "../hooks/useCommonProps.mjs";
 import { useContextProps } from "../hooks/useContextProps.mjs";
 import { useSelectProps } from "../hooks/useSelectProps.mjs";
 function MantineOneOfEnumInput(props) {
+  var _a;
   const { value, ...commonProps } = useCommonProps(props);
-  const { path } = props;
-  const selectProps = useSelectProps(value, props.options);
+  const { path, schema, uischema } = props;
+  const isNative = (((_a = uischema.options) == null ? void 0 : _a.variant) ?? schema.format) === "native";
+  const selectProps = useSelectProps(value, props.options, isNative, { onChange: commonProps.onChange });
   const errorProps = useMemo(() => {
-    var _a;
+    var _a2;
     const isNull = value === null;
-    const error = (_a = commonProps.error) == null ? void 0 : _a.filter(
+    const error = (_a2 = commonProps.error) == null ? void 0 : _a2.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 };
@@ -24,7 +26,8 @@ function MantineOneOfEnumInput(props) {
   if (!props.visible) {
     return null;
   }
-  return Component === void 0 ? /* @__PURE__ */ jsx(Select, { ..._props }) : Component;
+  const InnerComponent = isNative ? NativeSelect : Select;
+  return Component === void 0 ? /* @__PURE__ */ jsx(InnerComponent, { ..._props }) : Component;
 }
 export {
   MantineOneOfEnumInput

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

@@ -1,22 +1,44 @@
 import { isTruthy } from "fastapi-rtk/utils";
-function useBooleanProps(isCheckbox, { value, onChange }) {
-  return isCheckbox ? {
-    checked: value || false,
-    onChange: (event) => onChange(event.target.checked)
-  } : {
-    data: [
-      {
-        value: String(true),
-        label: "True"
-      },
-      {
-        value: String(false),
-        label: "False"
-      }
-    ],
-    value: isTruthy(value) ? String(value) : null,
-    onChange: (value2) => onChange(isTruthy(value2) ? value2 === String(true) : void 0)
-  };
+function useBooleanProps(type, { value, onChange }) {
+  switch (type) {
+    case "checkbox":
+      return {
+        checked: value || false,
+        onChange: (event) => onChange(event.target.checked)
+      };
+    case "native":
+      return {
+        data: [
+          {
+            value: String(true),
+            label: "True"
+          },
+          {
+            value: String(false),
+            label: "False"
+          }
+        ],
+        value: isTruthy(value) ? String(value) : "",
+        onChange: (event) => onChange(isTruthy(event.currentTarget.value) ? event.currentTarget.value === String(true) : void 0)
+      };
+    case "select":
+      return {
+        data: [
+          {
+            value: String(true),
+            label: "True"
+          },
+          {
+            value: String(false),
+            label: "False"
+          }
+        ],
+        value: isTruthy(value) ? String(value) : null,
+        onChange: (value2) => onChange(isTruthy(value2) ? value2 === String(true) : void 0)
+      };
+    default:
+      throw new Error(`Unknown boolean type: ${type}`);
+  }
 }
 export {
   useBooleanProps

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Icon } from "../../../.external/esm/@iconify_react@6.0.2_react@19.2.3/@iconify/react/dist/iconify.mjs";
+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 { convertUTCStringToLocalString, convertLocalStringToUTCString } from "../utils/utcConverter.mjs";
 function useDateProps(type, isUTC, { value, toggle, onChange }) {

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

@@ -2,9 +2,9 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useContextProps } from "fastapi-rtk/core";
 import { useProps, Grid, ActionIcon } from "@mantine/core";
 import { useMemo } from "react";
-import IconArrowUp from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconArrowUp.mjs";
-import IconArrowDown from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconArrowDown.mjs";
-import IconTrash from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconTrash.mjs";
+import IconArrowUp from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowUp.mjs";
+import IconArrowDown from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconArrowDown.mjs";
+import IconTrash from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconTrash.mjs";
 const useNavigationComponent = ({ componentName, componentIdentifier, onUp, onDown, onDelete, ...props }) => {
   const { childPath, showSortButtons, enableUp, enableDown, disableRemove, translations } = props;
   const defaultProps = { variant: "transparent", size: "sm", mt: "0.35rem" };

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

@@ -1,5 +1,13 @@
-function useSelectProps(value, options) {
-  return { data: options, value: value || null, searchable: true };
+function useSelectProps(value, options, isNative = false, { onChange } = {}) {
+  if (isNative) {
+    return {
+      data: [{ value: "", label: "" }, ...options],
+      value: value || "",
+      onChange: (event) => onChange(event.currentTarget.value || void 0)
+    };
+  } else {
+    return { data: options, value: value || null, searchable: true };
+  }
 }
 export {
   useSelectProps

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContextProps } from "fastapi-rtk/core";
 import { useProps, Input, ActionIcon, Flex, Tooltip, Indicator, Stack, Text } from "@mantine/core";
-import IconPlus from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconPlus.mjs";
-import IconExclamationCircle from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.3/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.mjs";
+import IconPlus from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconPlus.mjs";
+import IconExclamationCircle from "../../../.external/esm/@tabler_icons-react@3.18.0_react@19.2.4/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.mjs";
 const ValidationIcon = ({ id, error }) => {
   const errorMessageList = (error == null ? void 0 : error.split("\n")) || [];
   return /* @__PURE__ */ jsx(

package/dist/jsonforms/lib/hooks/useBooleanProps.d.ts

@@ -1,18 +1,18 @@
 /**
  * Custom hook to handle boolean properties for checkbox and non-checkbox components.
  *
- * @param {boolean} isCheckbox - Determines if the component is a checkbox.
+ * @param {'checkbox' | 'native' | 'select'} type - The type of the component ('checkbox', 'native', etc.).
  * @param {Object} props - The properties object.
  * @param {any} props.value - The current value of the component.
- * @param {function} props.onChange - The function to call when the value changes.
+ * @param {((value) => void)} props.onChange - The function to call when the value changes.
  * @returns The properties for the boolean component.
  */
-export function useBooleanProps(isCheckbox: boolean, { value, onChange }: {
+export function useBooleanProps(type: "checkbox" | "native" | "select", { value, onChange }: {
     value: any;
-    onChange: Function;
+    onChange: ((value: any) => void);
 }): {
     checked: any;
-    onChange: (event: any) => any;
+    onChange: (event: any) => void;
     data?: undefined;
     value?: undefined;
 } | {
@@ -21,6 +21,6 @@ export function useBooleanProps(isCheckbox: boolean, { value, onChange }: {
         label: string;
     }[];
     value: string;
-    onChange: (value: any) => any;
+    onChange: (event: any) => void;
     checked?: undefined;
 };

package/dist/jsonforms/lib/hooks/useMultiSelectProps.d.ts

@@ -13,6 +13,14 @@ export function useMultiSelectProps(value: string[], options: {
 }[], { onChange }: {
     onChange: (value?: string[]) => void;
 }): {
+    value: string | any[];
+    onChange: (value: any) => void;
+    data: {
+        label: string;
+        value: string;
+    }[];
+    searchable?: undefined;
+} | {
     value: string | any[];
     onChange: (value: any) => void;
     data: {

package/dist/jsonforms/lib/hooks/useSelectProps.d.ts

@@ -3,16 +3,30 @@
  *
  * @param {string | undefined | null} value - The value.
  * @param {{label: string, value: string}[]} options - List of options for the select component.
+ * @param {boolean} [isNative=false] - Whether to use native select or not.
+ * @param {Object} [nativeProps={}] - Additional properties for native select.
+ * @param {((value) => void)} nativeProps.onChange - The function to call when the value changes.
  * @returns An object containing the value array with value and label for each option.
  */
 export function useSelectProps(value: string | undefined | null, options: {
     label: string;
     value: string;
-}[]): {
+}[], isNative?: boolean, { onChange }?: {
+    onChange: ((value: any) => void);
+}): {
+    data: {
+        label: string;
+        value: string;
+    }[];
+    value: string;
+    onChange: (event: any) => void;
+    searchable?: undefined;
+} | {
     data: {
         label: string;
         value: string;
     }[];
     value: string;
     searchable: boolean;
+    onChange?: undefined;
 };

package/dist/zustand/cjs/useProxy/useProxy.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const compareStateWithStore = require("../utils/compareStateWithStore.cjs");
 const createProxy = require("../utils/createProxy.cjs");
-const react = require("../../../.external/cjs/zustand@5.0.10_@types_react@19.2.9_react@19.2.3/zustand/esm/react.cjs");
+const react = require("../../../.external/cjs/zustand@5.0.11_@types_react@19.2.11_react@19.2.4/zustand/esm/react.cjs");
 function useProxy(obj) {
   const [store] = React.useState(() => react.create(() => ({ ...obj })));
   const [proxy] = React.useState(() => createProxy.createProxy(store, ["getState", "setState"]));

package/dist/zustand/esm/useProxy/useProxy.mjs

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { compareStateWithStore } from "../utils/compareStateWithStore.mjs";
 import { createProxy } from "../utils/createProxy.mjs";
-import { create } from "../../../.external/esm/zustand@5.0.10_@types_react@19.2.9_react@19.2.3/zustand/esm/react.mjs";
+import { create } from "../../../.external/esm/zustand@5.0.11_@types_react@19.2.11_react@19.2.4/zustand/esm/react.mjs";
 function useProxy(obj) {
   const [store] = useState(() => create(() => ({ ...obj })));
   const [proxy] = useState(() => createProxy(store, ["getState", "setState"]));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fastapi-rtk",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "private": false,
   "description": "A React component library for FastAPI in combination with FastAPI React Toolkit backend, built with Mantine, JsonForms, and Zustand.",
   "license": "MIT",