@rjsf/antd 6.6.0 → 6.6.2

package/dist/antd.umd.js

@@ -119,7 +119,7 @@
     const { readonlyAsDisabled = true } = formContext;
     const { ClearButton: ClearButton2 } = registry.templates.ButtonTemplates;
     const handleNumberChange = (nextValue) => onChange(nextValue);
-    const handleTextChange = onChangeOverride ? onChangeOverride : ({ target }) => onChange(target.value === "" ? options.emptyValue : target.value);
+    const handleTextChange = onChangeOverride || (({ target }) => onChange(target.value === "" ? options.emptyValue : target.value));
     const handleBlur = ({ target }) => onBlur(id, target && target.value);
     const handleFocus = ({ target }) => onFocus(id, target && target.value);
     const handleClear = react.useCallback(
@@ -486,7 +486,8 @@
           block: false
         }
       );
-    } else if (onRemoveClick) {
+    }
+    if (onRemoveClick) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton,
         {
@@ -544,6 +545,7 @@
         className: labelClassName,
         htmlFor: id,
         onClick: handleLabelClick,
+        onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && handleLabelClick(),
         title: typeof title === "string" ? title : "",
         children: labelChildren
       }
@@ -740,7 +742,7 @@
       onFocus: !readonly ? handleFocus : void 0
     };
     const selectValue = utils.enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, []);
-    return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       antd.Checkbox.Group,
       {
         disabled: disabled || readonlyAsDisabled && readonly,
@@ -749,22 +751,25 @@
         value: selectValue,
         ...extraProps,
         "aria-describedby": utils.ariaDescribedByIds(id),
-        children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            antd.Checkbox,
-            {
-              id: utils.optionId(id, i),
-              name: htmlName || id,
-              autoFocus: i === 0 ? autofocus : false,
-              disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
-              value: utils.enumOptionValueEncoder(option.value, i, optionValueFormat),
-              children: option.label
-            }
-          ),
-          !inline && /* @__PURE__ */ jsxRuntime.jsx("br", {})
-        ] }, i))
+        children: Array.isArray(enumOptions) && enumOptions.map((option, i) => (
+          // oxlint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              antd.Checkbox,
+              {
+                id: utils.optionId(id, i),
+                name: htmlName || id,
+                autoFocus: i === 0 ? autofocus : false,
+                disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
+                value: utils.enumOptionValueEncoder(option.value, i, optionValueFormat),
+                children: option.label
+              }
+            ),
+            !inline && /* @__PURE__ */ jsxRuntime.jsx("br", {})
+          ] }, i)
+        ))
       }
-    ) }) : null;
+    ) : null;
   }
   function CheckboxWidget(props) {
     const { autofocus, disabled, registry, id, htmlName, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
@@ -795,14 +800,24 @@
   var DATE_PICKER_STYLE = {
     width: "100%"
   };
-  function DateTimeWidget(props) {
-    const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+  function DateWidget({
+    disabled,
+    registry,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    placeholder,
+    readonly,
+    value,
+    showTime = false
+  }) {
     const { formContext } = registry;
     const { readonlyAsDisabled = true } = formContext;
-    const handleChange = (nextValue) => onChange(nextValue && nextValue.toISOString());
+    const handleChange = (nextValue) => onChange(nextValue && (showTime ? nextValue.toISOString() : nextValue.format("YYYY-MM-DD")));
     const handleBlur = () => onBlur(id, value);
     const handleFocus = () => onFocus(id, value);
-    const getPopupContainer = (node) => node.parentNode;
+    const getPopupContainer = DateWidget.getPopupContainerCallback();
     return /* @__PURE__ */ jsxRuntime.jsx(
       antd.DatePicker,
       {
@@ -814,41 +829,16 @@
         onChange: !readonly ? handleChange : void 0,
         onFocus: !readonly ? handleFocus : void 0,
         placeholder,
-        showTime: true,
+        showTime,
         style: DATE_PICKER_STYLE,
         value: value && dayjs(value),
         "aria-describedby": utils.ariaDescribedByIds(id)
       }
     );
   }
-  var DATE_PICKER_STYLE2 = {
-    width: "100%"
-  };
-  function DateWidget(props) {
-    const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
-    const { formContext } = registry;
-    const { readonlyAsDisabled = true } = formContext;
-    const handleChange = (nextValue) => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
-    const handleBlur = () => onBlur(id, value);
-    const handleFocus = () => onFocus(id, value);
-    const getPopupContainer = (node) => node.parentNode;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      antd.DatePicker,
-      {
-        disabled: disabled || readonlyAsDisabled && readonly,
-        getPopupContainer,
-        id,
-        name: id,
-        onBlur: !readonly ? handleBlur : void 0,
-        onChange: !readonly ? handleChange : void 0,
-        onFocus: !readonly ? handleFocus : void 0,
-        placeholder,
-        showTime: false,
-        style: DATE_PICKER_STYLE2,
-        value: value && dayjs(value),
-        "aria-describedby": utils.ariaDescribedByIds(id)
-      }
-    );
+  DateWidget.getPopupContainerCallback = () => (node) => node.parentNode;
+  function DateTimeWidget(props) {
+    return /* @__PURE__ */ jsxRuntime.jsx(DateWidget, { showTime: true, ...props });
   }
   function PasswordWidget(props) {
     const { disabled, registry, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
@@ -911,11 +901,11 @@
             id: utils.optionId(id, i),
             name: htmlName || id,
             autoFocus: i === 0 ? autofocus : false,
-            disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+            disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
             value: utils.enumOptionValueEncoder(option.value, i, optionValueFormat),
             children: option.label
           },
-          i
+          String(option.value)
         ))
       }
     );
@@ -993,7 +983,7 @@
     const handleFocus = () => onFocus(id, utils.enumOptionValueDecoder(value, enumOptions, optionValueFormat, emptyValue));
     const filterOption = (input, option) => {
       if (option && isString(option.label)) {
-        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+        return option.label.toLowerCase().includes(input.toLowerCase());
       }
       return false;
     };
@@ -1005,16 +995,18 @@
     const showPlaceholderOption = !multiple && schema.default === void 0;
     const selectOptions = react.useMemo(() => {
       if (Array.isArray(enumOptions)) {
-        const options2 = enumOptions.map(({ value: optionValue, label: optionLabel }, index) => ({
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
-          key: String(index),
-          value: utils.enumOptionValueEncoder(optionValue, index, optionValueFormat),
-          label: optionLabel
-        }));
+        const enumOptionsList = enumOptions.map(
+          ({ value: optionValue, label: optionLabel }, index) => ({
+            disabled: Array.isArray(enumDisabled) && enumDisabled.includes(optionValue),
+            key: String(index),
+            value: utils.enumOptionValueEncoder(optionValue, index, optionValueFormat),
+            label: optionLabel
+          })
+        );
         if (showPlaceholderOption) {
-          options2.unshift({ value: "", label: placeholder || "" });
+          enumOptionsList.unshift({ value: "", label: placeholder || "" });
         }
-        return options2;
+        return enumOptionsList;
       }
       return void 0;
     }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption, optionValueFormat]);
@@ -1035,7 +1027,7 @@
         value: selectValue,
         ...extraProps,
         onOpenChange: setOpen,
-        filterOption,
+        showSearch: { filterOption },
         "aria-describedby": utils.ariaDescribedByIds(id),
         options: selectOptions
       }

package/dist/index.cjs

@@ -175,7 +175,7 @@ function BaseInputTemplate(props) {
   const { readonlyAsDisabled = true } = formContext;
   const { ClearButton: ClearButton2 } = registry.templates.ButtonTemplates;
   const handleNumberChange = (nextValue) => onChange(nextValue);
-  const handleTextChange = onChangeOverride ? onChangeOverride : ({ target }) => onChange(target.value === "" ? options.emptyValue : target.value);
+  const handleTextChange = onChangeOverride || (({ target }) => onChange(target.value === "" ? options.emptyValue : target.value));
   const handleBlur = ({ target }) => onBlur(id, target && target.value);
   const handleFocus = ({ target }) => onFocus(id, target && target.value);
   const handleClear = (0, import_react2.useCallback)(
@@ -234,9 +234,9 @@ function BaseInputTemplate(props) {
 }
 
 // src/templates/ErrorList/index.tsx
-var import_antd4 = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_utils4 = require("@rjsf/utils");
+var import_antd4 = require("antd");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var antdMajor = parseInt(import_antd4.version.split(".")[0], 10);
 function ErrorList({
@@ -587,7 +587,8 @@ function OptionalDataControlsTemplate(props) {
         block: false
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       RemoveButton,
       {
@@ -656,6 +657,7 @@ function TitleField({
       className: labelClassName,
       htmlFor: id,
       onClick: handleLabelClick,
+      onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && handleLabelClick(),
       title: typeof title === "string" ? title : "",
       children: labelChildren
     }
@@ -843,7 +845,10 @@ function AltDateWidget({ autofocus = false, disabled = false, options, readonly
 // src/widgets/CheckboxesWidget/index.tsx
 var import_utils12 = require("@rjsf/utils");
 var import_antd13 = require("antd");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime18 = (
+  // oxlint-disable-next-line react/no-array-index-key
+  require("react/jsx-runtime")
+);
 function CheckboxesWidget({
   autofocus,
   disabled,
@@ -870,7 +875,7 @@ function CheckboxesWidget({
     onFocus: !readonly ? handleFocus : void 0
   };
   const selectValue = (0, import_utils12.enumOptionSelectedValue)(value, enumOptions, true, optionValueFormat, []);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_antd13.Checkbox.Group,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -886,7 +891,7 @@ function CheckboxesWidget({
             id: (0, import_utils12.optionId)(id, i),
             name: htmlName || id,
             autoFocus: i === 0 ? autofocus : false,
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+            disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
             value: (0, import_utils12.enumOptionValueEncoder)(option.value, i, optionValueFormat),
             children: option.label
           }
@@ -894,7 +899,7 @@ function CheckboxesWidget({
         !inline && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("br", {})
       ] }, i))
     }
-  ) }) : null;
+  ) : null;
 }
 
 // src/widgets/CheckboxWidget/index.tsx
@@ -928,7 +933,7 @@ function CheckboxWidget(props) {
   );
 }
 
-// src/widgets/DateTimeWidget/index.tsx
+// src/widgets/DateWidget/index.tsx
 var import_utils14 = require("@rjsf/utils");
 var import_antd15 = require("antd");
 var import_dayjs = __toESM(require("dayjs"), 1);
@@ -936,14 +941,24 @@ var import_jsx_runtime20 = require("react/jsx-runtime");
 var DATE_PICKER_STYLE = {
   width: "100%"
 };
-function DateTimeWidget(props) {
-  const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+function DateWidget({
+  disabled,
+  registry,
+  id,
+  onBlur,
+  onChange,
+  onFocus,
+  placeholder,
+  readonly,
+  value,
+  showTime = false
+}) {
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
-  const handleChange = (nextValue) => onChange(nextValue && nextValue.toISOString());
+  const handleChange = (nextValue) => onChange(nextValue && (showTime ? nextValue.toISOString() : nextValue.format("YYYY-MM-DD")));
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
-  const getPopupContainer = (node) => node.parentNode;
+  const getPopupContainer = DateWidget.getPopupContainerCallback();
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_antd15.DatePicker,
     {
@@ -955,52 +970,24 @@ function DateTimeWidget(props) {
       onChange: !readonly ? handleChange : void 0,
       onFocus: !readonly ? handleFocus : void 0,
       placeholder,
-      showTime: true,
+      showTime,
       style: DATE_PICKER_STYLE,
       value: value && (0, import_dayjs.default)(value),
       "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id)
     }
   );
 }
+DateWidget.getPopupContainerCallback = () => (node) => node.parentNode;
 
-// src/widgets/DateWidget/index.tsx
-var import_utils15 = require("@rjsf/utils");
-var import_antd16 = require("antd");
-var import_dayjs2 = __toESM(require("dayjs"), 1);
+// src/widgets/DateTimeWidget/index.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var DATE_PICKER_STYLE2 = {
-  width: "100%"
-};
-function DateWidget(props) {
-  const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
-  const { formContext } = registry;
-  const { readonlyAsDisabled = true } = formContext;
-  const handleChange = (nextValue) => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
-  const handleBlur = () => onBlur(id, value);
-  const handleFocus = () => onFocus(id, value);
-  const getPopupContainer = (node) => node.parentNode;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_antd16.DatePicker,
-    {
-      disabled: disabled || readonlyAsDisabled && readonly,
-      getPopupContainer,
-      id,
-      name: id,
-      onBlur: !readonly ? handleBlur : void 0,
-      onChange: !readonly ? handleChange : void 0,
-      onFocus: !readonly ? handleFocus : void 0,
-      placeholder,
-      showTime: false,
-      style: DATE_PICKER_STYLE2,
-      value: value && (0, import_dayjs2.default)(value),
-      "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
-    }
-  );
+function DateTimeWidget(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DateWidget, { showTime: true, ...props });
 }
 
 // src/widgets/PasswordWidget/index.tsx
-var import_utils16 = require("@rjsf/utils");
-var import_antd17 = require("antd");
+var import_utils15 = require("@rjsf/utils");
+var import_antd16 = require("antd");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function PasswordWidget(props) {
   const { disabled, registry, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
@@ -1011,7 +998,7 @@ function PasswordWidget(props) {
   const handleBlur = ({ target }) => onBlur(id, target.value);
   const handleFocus = ({ target }) => onFocus(id, target.value);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_antd17.Input.Password,
+    import_antd16.Input.Password,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
@@ -1021,14 +1008,14 @@ function PasswordWidget(props) {
       onFocus: !readonly ? handleFocus : void 0,
       placeholder,
       value: value || "",
-      "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
     }
   );
 }
 
 // src/widgets/RadioWidget/index.tsx
-var import_utils17 = require("@rjsf/utils");
-var import_antd18 = require("antd");
+var import_utils16 = require("@rjsf/utils");
+var import_antd17 = require("antd");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function RadioWidget({
   autofocus,
@@ -1046,13 +1033,13 @@ function RadioWidget({
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const optionValueFormat = (0, import_utils17.getOptionValueFormat)(options);
-  const handleChange = ({ target: { value: nextValue } }) => onChange((0, import_utils17.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
-  const handleBlur = ({ target }) => onBlur(id, (0, import_utils17.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const handleFocus = ({ target }) => onFocus(id, (0, import_utils17.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const selectValue = (0, import_utils17.enumOptionSelectedValue)(value, enumOptions, false, optionValueFormat, emptyValue);
+  const optionValueFormat = (0, import_utils16.getOptionValueFormat)(options);
+  const handleChange = ({ target: { value: nextValue } }) => onChange((0, import_utils16.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, (0, import_utils16.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, (0, import_utils16.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const selectValue = (0, import_utils16.enumOptionSelectedValue)(value, enumOptions, false, optionValueFormat, emptyValue);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_antd18.Radio.Group,
+    import_antd17.Radio.Group,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
@@ -1061,26 +1048,26 @@ function RadioWidget({
       onBlur: !readonly ? handleBlur : void 0,
       onFocus: !readonly ? handleFocus : void 0,
       value: selectValue,
-      "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id),
       children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_antd18.Radio,
+        import_antd17.Radio,
         {
-          id: (0, import_utils17.optionId)(id, i),
+          id: (0, import_utils16.optionId)(id, i),
           name: htmlName || id,
           autoFocus: i === 0 ? autofocus : false,
-          disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
-          value: (0, import_utils17.enumOptionValueEncoder)(option.value, i, optionValueFormat),
+          disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
+          value: (0, import_utils16.enumOptionValueEncoder)(option.value, i, optionValueFormat),
           children: option.label
         },
-        i
+        String(option.value)
       ))
     }
   );
 }
 
 // src/widgets/RangeWidget/index.tsx
-var import_utils18 = require("@rjsf/utils");
-var import_antd19 = require("antd");
+var import_utils17 = require("@rjsf/utils");
+var import_antd18 = require("antd");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {
@@ -1099,7 +1086,7 @@ function RangeWidget(props) {
   } = props;
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
-  const { min, max, step } = (0, import_utils18.rangeSpec)(schema);
+  const { min, max, step } = (0, import_utils17.rangeSpec)(schema);
   const emptyValue = options.emptyValue || "";
   const handleChange = (nextValue) => onChange(nextValue === "" ? emptyValue : nextValue);
   const handleBlur = () => onBlur(id, value);
@@ -1110,7 +1097,7 @@ function RangeWidget(props) {
     onFocus: !readonly ? handleFocus : void 0
   };
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    import_antd19.Slider,
+    import_antd18.Slider,
     {
       autoFocus: autofocus,
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -1122,15 +1109,15 @@ function RangeWidget(props) {
       step,
       value,
       ...extraProps,
-      "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id)
     }
   );
 }
 
 // src/widgets/SelectWidget/index.tsx
 var import_react5 = require("react");
-var import_utils19 = require("@rjsf/utils");
-var import_antd20 = require("antd");
+var import_utils18 = require("@rjsf/utils");
+var import_antd19 = require("antd");
 var import_isString2 = __toESM(require("lodash/isString"), 1);
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var SELECT_STYLE = {
@@ -1156,39 +1143,41 @@ function SelectWidget({
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const optionValueFormat = (0, import_utils19.getOptionValueFormat)(options);
-  const handleChange = (nextValue) => onChange((0, import_utils19.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
-  const handleBlur = () => onBlur(id, (0, import_utils19.enumOptionValueDecoder)(value, enumOptions, optionValueFormat, emptyValue));
-  const handleFocus = () => onFocus(id, (0, import_utils19.enumOptionValueDecoder)(value, enumOptions, optionValueFormat, emptyValue));
+  const optionValueFormat = (0, import_utils18.getOptionValueFormat)(options);
+  const handleChange = (nextValue) => onChange((0, import_utils18.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = () => onBlur(id, (0, import_utils18.enumOptionValueDecoder)(value, enumOptions, optionValueFormat, emptyValue));
+  const handleFocus = () => onFocus(id, (0, import_utils18.enumOptionValueDecoder)(value, enumOptions, optionValueFormat, emptyValue));
   const filterOption = (input, option) => {
     if (option && (0, import_isString2.default)(option.label)) {
-      return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+      return option.label.toLowerCase().includes(input.toLowerCase());
     }
     return false;
   };
   const getPopupContainer = SelectWidget.getPopupContainerCallback();
-  const selectValue = (0, import_utils19.enumOptionSelectedValue)(value, enumOptions, !!multiple, optionValueFormat, emptyValue);
+  const selectValue = (0, import_utils18.enumOptionSelectedValue)(value, enumOptions, !!multiple, optionValueFormat, emptyValue);
   const extraProps = {
     name: htmlName || id
   };
   const showPlaceholderOption = !multiple && schema.default === void 0;
   const selectOptions = (0, import_react5.useMemo)(() => {
     if (Array.isArray(enumOptions)) {
-      const options2 = enumOptions.map(({ value: optionValue, label: optionLabel }, index) => ({
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
-        key: String(index),
-        value: (0, import_utils19.enumOptionValueEncoder)(optionValue, index, optionValueFormat),
-        label: optionLabel
-      }));
+      const enumOptionsList = enumOptions.map(
+        ({ value: optionValue, label: optionLabel }, index) => ({
+          disabled: Array.isArray(enumDisabled) && enumDisabled.includes(optionValue),
+          key: String(index),
+          value: (0, import_utils18.enumOptionValueEncoder)(optionValue, index, optionValueFormat),
+          label: optionLabel
+        })
+      );
       if (showPlaceholderOption) {
-        options2.unshift({ value: "", label: placeholder || "" });
+        enumOptionsList.unshift({ value: "", label: placeholder || "" });
       }
-      return options2;
+      return enumOptionsList;
     }
     return void 0;
   }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption, optionValueFormat]);
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_antd20.Select,
+    import_antd19.Select,
     {
       open,
       autoFocus: autofocus,
@@ -1204,8 +1193,8 @@ function SelectWidget({
       value: selectValue,
       ...extraProps,
       onOpenChange: setOpen,
-      filterOption,
-      "aria-describedby": (0, import_utils19.ariaDescribedByIds)(id),
+      showSearch: { filterOption },
+      "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id),
       options: selectOptions
     }
   );
@@ -1213,8 +1202,8 @@ function SelectWidget({
 SelectWidget.getPopupContainerCallback = () => (node) => node.parentElement;
 
 // src/widgets/TextareaWidget/index.tsx
-var import_utils20 = require("@rjsf/utils");
-var import_antd21 = require("antd");
+var import_utils19 = require("@rjsf/utils");
+var import_antd20 = require("antd");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var INPUT_STYLE3 = {
   width: "100%"
@@ -1241,7 +1230,7 @@ function TextareaWidget({
     type: "textarea"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_antd21.Input.TextArea,
+    import_antd20.Input.TextArea,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
@@ -1254,7 +1243,7 @@ function TextareaWidget({
       style: INPUT_STYLE3,
       value,
       ...extraProps,
-      "aria-describedby": (0, import_utils20.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils19.ariaDescribedByIds)(id)
     }
   );
 }