@rjsf/chakra-ui 6.2.4 → 6.3.0

package/dist/chakra-ui.esm.js

@@ -128,6 +128,7 @@ import {
   labelValue,
   getInputProps
 } from "@rjsf/utils";
+import { SchemaExamples } from "@rjsf/core";
 
 // src/components/ui/field.tsx
 import { forwardRef } from "react";
@@ -227,9 +228,7 @@ function BaseInputTemplate(props) {
           }
         ),
         options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx5(ClearButton2, { registry, onClick: onClear }),
-        Array.isArray(schema.examples) ? /* @__PURE__ */ jsx5("datalist", { id: examplesId(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
-          return /* @__PURE__ */ jsx5("option", { value: example }, example);
-        }) }) : null
+        /* @__PURE__ */ jsx5(SchemaExamples, { id, schema })
       ]
     }
   );
@@ -1304,7 +1303,7 @@ function SelectWidget(props) {
   );
 }
 
-// src/SelectNativeWidget/NativeSelectWidget.tsx
+// src/NativeSelectWidget/NativeSelectWidget.tsx
 import { useMemo as useMemo2 } from "react";
 import {
   ariaDescribedByIds as ariaDescribedByIds7,
@@ -1312,7 +1311,7 @@ import {
   enumOptionsValueForIndex as enumOptionsValueForIndex4,
   labelValue as labelValue7
 } from "@rjsf/utils";
-import { createListCollection as createListCollection2, NativeSelect as ChakraSelect3 } from "@chakra-ui/react";
+import { createListCollection as createListCollection2, NativeSelect } from "@chakra-ui/react";
 import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function NativeSelectWidget(props) {
   const {
@@ -1354,12 +1353,9 @@ function NativeSelectWidget(props) {
           disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
         };
       });
-      if (showPlaceholderOption) {
-        displayEnumOptions2.unshift({ value: "", label: placeholder || "" });
-      }
     }
     return { valueLabelMap: valueLabelMap2, displayEnumOptions: displayEnumOptions2 };
-  }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption]);
+  }, [enumDisabled, enumOptions]);
   const selectedIndex = enumOptionsIndexForValue4(value, enumOptions, false);
   const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
     {
@@ -1382,9 +1378,9 @@ function NativeSelectWidget(props) {
       invalid: rawErrors && rawErrors.length > 0,
       label: labelValue7(label, hideLabel || !label),
       ...chakraProps,
-      children: /* @__PURE__ */ jsxs20(ChakraSelect3.Root, { children: [
-        /* @__PURE__ */ jsx33(
-          ChakraSelect3.Field,
+      children: /* @__PURE__ */ jsxs20(NativeSelect.Root, { children: [
+        /* @__PURE__ */ jsxs20(
+          NativeSelect.Field,
           {
             id,
             onBlur: _onBlur,
@@ -1393,10 +1389,13 @@ function NativeSelectWidget(props) {
             autoFocus: autofocus,
             value: formValue,
             "aria-describedby": ariaDescribedByIds7(id),
-            children: selectOptions.items.map((item) => /* @__PURE__ */ jsx33("option", { value: item.value, children: item.label }, item.value))
+            children: [
+              showPlaceholderOption ? /* @__PURE__ */ jsx33("option", { value: "", disabled: true, hidden: true, children: placeholder || "" }) : void 0,
+              selectOptions.items.map((item) => /* @__PURE__ */ jsx33("option", { value: item.value, children: item.label }, item.value))
+            ]
           }
         ),
-        /* @__PURE__ */ jsx33(ChakraSelect3.Indicator, {})
+        /* @__PURE__ */ jsx33(NativeSelect.Indicator, {})
       ] })
     }
   );