@rjsf/chakra-ui 6.2.4 → 6.3.0

package/dist/chakra-ui.umd.js

@@ -187,9 +187,7 @@
             }
           ),
           options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsxRuntime.jsx(ClearButton2, { registry, onClick: onClear }),
-          Array.isArray(schema.examples) ? /* @__PURE__ */ jsxRuntime.jsx("datalist", { id: utils.examplesId(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
-            return /* @__PURE__ */ jsxRuntime.jsx("option", { value: example }, example);
-          }) }) : null
+          /* @__PURE__ */ jsxRuntime.jsx(core.SchemaExamples, { id, schema })
         ]
       }
     );
@@ -1114,12 +1112,9 @@
             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 = utils.enumOptionsIndexForValue(value, enumOptions, false);
     const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
       {
@@ -1143,7 +1138,7 @@
         label: utils.labelValue(label, hideLabel || !label),
         ...chakraProps,
         children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.NativeSelect.Root, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs(
             react$1.NativeSelect.Field,
             {
               id,
@@ -1153,7 +1148,10 @@
               autoFocus: autofocus,
               value: formValue,
               "aria-describedby": utils.ariaDescribedByIds(id),
-              children: selectOptions.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: item.value, children: item.label }, item.value))
+              children: [
+                showPlaceholderOption ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, hidden: true, children: placeholder || "" }) : void 0,
+                selectOptions.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: item.value, children: item.label }, item.value))
+              ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(react$1.NativeSelect.Indicator, {})

package/dist/index.cjs

@@ -45,7 +45,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Form/Form.tsx
-var import_core3 = require("@rjsf/core");
+var import_core4 = require("@rjsf/core");
 
 // src/AddButton/AddButton.tsx
 var import_utils = require("@rjsf/utils");
@@ -162,6 +162,7 @@ function ArrayFieldTemplate(props) {
 var import_react7 = require("react");
 var import_react8 = require("@chakra-ui/react");
 var import_utils4 = require("@rjsf/utils");
+var import_core = require("@rjsf/core");
 
 // src/components/ui/field.tsx
 var import_react4 = require("react");
@@ -261,23 +262,21 @@ function BaseInputTemplate(props) {
           }
         ),
         options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClearButton2, { registry, onClick: onClear }),
-        Array.isArray(schema.examples) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("datalist", { id: (0, import_utils4.examplesId)(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: example }, example);
-        }) }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core.SchemaExamples, { id, schema })
       ]
     }
   );
 }
 
 // src/DescriptionField/DescriptionField.tsx
-var import_core = require("@rjsf/core");
+var import_core2 = require("@rjsf/core");
 var import_react9 = require("@chakra-ui/react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function DescriptionField({ description, id, registry, uiSchema }) {
   if (!description) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react9.Text, { as: "sup", fontSize: "md", id, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core.RichDescription, { description, registry, uiSchema }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react9.Text, { as: "sup", fontSize: "md", id, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core2.RichDescription, { description, registry, uiSchema }) });
 }
 
 // src/ErrorList/ErrorList.tsx
@@ -407,14 +406,14 @@ function FieldErrorTemplate(props) {
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
 var import_react18 = require("@chakra-ui/react");
 var import_utils9 = require("@rjsf/utils");
-var import_core2 = require("@rjsf/core");
+var import_core3 = require("@rjsf/core");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react18.Text, { as: "sup", fontSize: "md", id: (0, import_utils9.helpId)(fieldPathId), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core2.RichHelp, { help, registry, uiSchema }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react18.Text, { as: "sup", fontSize: "md", id: (0, import_utils9.helpId)(fieldPathId), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core3.RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
@@ -1292,7 +1291,7 @@ function SelectWidget(props) {
   );
 }
 
-// src/SelectNativeWidget/NativeSelectWidget.tsx
+// src/NativeSelectWidget/NativeSelectWidget.tsx
 var import_react40 = require("react");
 var import_utils26 = require("@rjsf/utils");
 var import_react41 = require("@chakra-ui/react");
@@ -1337,12 +1336,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 = (0, import_utils26.enumOptionsIndexForValue)(value, enumOptions, false);
   const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
     {
@@ -1366,7 +1362,7 @@ function NativeSelectWidget(props) {
       label: (0, import_utils26.labelValue)(label, hideLabel || !label),
       ...chakraProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react41.NativeSelect.Root, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           import_react41.NativeSelect.Field,
           {
             id,
@@ -1376,7 +1372,10 @@ function NativeSelectWidget(props) {
             autoFocus: autofocus,
             value: formValue,
             "aria-describedby": (0, import_utils26.ariaDescribedByIds)(id),
-            children: selectOptions.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: item.value, children: item.label }, item.value))
+            children: [
+              showPlaceholderOption ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder || "" }) : void 0,
+              selectOptions.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: item.value, children: item.label }, item.value))
+            ]
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react41.NativeSelect.Indicator, {})
@@ -1525,7 +1524,7 @@ var Theme_default = generateTheme();
 
 // src/Form/Form.tsx
 function generateForm() {
-  return (0, import_core3.withTheme)(generateTheme());
+  return (0, import_core4.withTheme)(generateTheme());
 }
 var Form_default = generateForm();