fastapi-rtk 1.0.24 → 1.0.26

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/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/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.11_@types_react@19.2.10_react@19.2.4/zustand/esm/react.cjs");
+const react = require("../../../.external/cjs/zustand@5.0.11_@types_react@19.2.13_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.11_@types_react@19.2.10_react@19.2.4/zustand/esm/react.mjs";
+import { create } from "../../../.external/esm/zustand@5.0.11_@types_react@19.2.13_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.24",
+  "version": "1.0.26",
   "private": false,
   "description": "A React component library for FastAPI in combination with FastAPI React Toolkit backend, built with Mantine, JsonForms, and Zustand.",
   "license": "MIT",