@rjsf/primereact 6.6.0 → 6.6.2

package/dist/primereact.umd.js

@@ -170,10 +170,10 @@
     const { AutoCompleteWidget: AutoCompleteWidget2 } = registry.widgets;
     const inputProps = utils.getInputProps(schema, type, options);
     const primeProps = options.prime || {};
-    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
-    const _onBlur = () => onBlur && onBlur(id, value);
-    const _onFocus = () => onFocus && onFocus(id, value);
-    const _onClear = react.useCallback(
+    const handleChange = ({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue);
+    const handleBlur = () => onBlur && onBlur(id, value);
+    const handleFocus = () => onFocus && onFocus(id, value);
+    const handleClear = react.useCallback(
       (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -199,13 +199,13 @@
           list: schema.examples ? utils.examplesId(id) : void 0,
           value: value || value === 0 ? value : "",
           invalid: rawErrors.length > 0,
-          onChange: onChangeOverride || _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onChange: onChangeOverride || handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
         }
       ),
-      options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsxRuntime.jsx(ClearButton2, { registry, onClick: _onClear })
+      options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsxRuntime.jsx(ClearButton2, { registry, onClick: handleClear })
     ] });
   }
   function DescriptionField(props) {
@@ -225,7 +225,7 @@
         /* @__PURE__ */ jsxRuntime.jsx(timescircle.TimesCircleIcon, { style: { width: "1.5rem", height: "1.5rem" } }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-message-summary", children: translateString(utils.TranslatableString.ErrorsLabel) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "p-message-list", children: errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: error.stack }, `error-${index}`)) })
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "p-message-list", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: error.stack }, error.stack)) })
     ] });
     return /* @__PURE__ */ jsxRuntime.jsx(
       message.Message,
@@ -247,9 +247,7 @@
   function FieldErrorTemplate({ errors, fieldPathId }) {
     if (errors && errors.length > 0) {
       const id = utils.errorId(fieldPathId);
-      const content = errors.map((error, i) => {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { children: error }, i);
-      });
+      const content = errors.map((error, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: error }, i));
       return /* @__PURE__ */ jsxRuntime.jsx(
         message.Message,
         {
@@ -356,7 +354,8 @@
     const [breakpoint, setBreakpoint] = react.useState(() => getBreakpoint(getInitialWidth()));
     react.useEffect(() => {
       if (typeof window === "undefined") {
-        return;
+        return () => {
+        };
       }
       const handleResize = () => setBreakpoint(getBreakpoint(window.innerWidth));
       window.addEventListener("resize", handleResize);
@@ -365,40 +364,47 @@
     const span = getResponsiveSpan(props, breakpoint);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { gridColumn: `span ${span} / span ${span}`, ...style ?? {} }, ...rest, children });
   }
-  function IconButton(props) {
+  function IconButtonFn(props) {
     const { icon, iconType, uiSchema, registry, ...otherProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { icon: `pi pi-${icon}`, rounded: true, text: true, severity: "secondary", ...otherProps });
   }
-  function CopyButton(props) {
+  var IconButton = react.memo(IconButtonFn);
+  var IconButton_default = IconButton;
+  function CopyButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.CopyButton), ...props, icon: "copy" });
   }
-  function MoveDownButton(props) {
+  var CopyButton = react.memo(CopyButtonFn);
+  function MoveDownButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.MoveDownButton), ...props, icon: "angle-down" });
   }
-  function MoveUpButton(props) {
+  var MoveDownButton = react.memo(MoveDownButtonFn);
+  function MoveUpButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.MoveUpButton), ...props, icon: "angle-up" });
   }
-  function RemoveButton(props) {
+  var MoveUpButton = react.memo(MoveUpButtonFn);
+  function RemoveButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.RemoveButton), ...props, icon: "trash" });
   }
-  function ClearButton(props) {
+  var RemoveButton = react.memo(RemoveButtonFn);
+  function ClearButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.ClearButton), ...props, icon: "times" });
   }
+  var ClearButton = react.memo(ClearButtonFn);
   function MultiSchemaFieldTemplate(props) {
     const { selector, optionSchemaField } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(fieldset.Fieldset, { children: [
@@ -475,7 +481,7 @@
     const { id, registry, label, onAddClick, onRemoveClick } = props;
     if (onAddClick) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        IconButton,
+        IconButton_default,
         {
           id,
           registry,
@@ -486,7 +492,8 @@
           style: { height: "1.5rem", width: "1.5rem" }
         }
       );
-    } else if (onRemoveClick) {
+    }
+    if (onRemoveClick) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton,
         {
@@ -646,9 +653,9 @@
     } = props;
     const inputProps = utils.getInputProps(schema, type, options);
     const primeProps = options.prime || {};
-    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
-    const _onBlur = () => onBlur && onBlur(id, value);
-    const _onFocus = () => onFocus && onFocus(id, value);
+    const handleChange = ({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue);
+    const handleBlur = () => onBlur && onBlur(id, value);
+    const handleFocus = () => onFocus && onFocus(id, value);
     const examples = schema.examples.concat(
       schema.default && !schema.examples.includes(schema.default.toString()) ? [schema.default.toString()] : []
     );
@@ -664,7 +671,7 @@
         placeholder,
         ...primeProps,
         ...inputProps,
-        loadingIcon: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+        loadingIcon: null,
         required,
         autoFocus: autofocus,
         disabled: disabled || readonly,
@@ -673,9 +680,9 @@
         value: value || value === 0 ? value : "",
         dropdown: true,
         invalid: rawErrors.length > 0,
-        onChange: onChangeOverride || _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: onChangeOverride || handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples),
         pt: {
           root: {
@@ -715,7 +722,7 @@
     const { enumOptions, enumDisabled } = options;
     const primeProps = options.prime || {};
     const checkboxesValues = Array.isArray(value) ? value : [value];
-    const _onChange = (index) => (e) => {
+    const handleChange = (index) => (e) => {
       if (e.checked) {
         onChange(utils.enumOptionsSelectValue(index, checkboxesValues, enumOptions));
       } else {
@@ -727,8 +734,8 @@
       registry,
       options
     );
-    const _onBlur = () => onBlur(id, value);
-    const _onFocus = () => onFocus(id, value);
+    const handleBlur = () => onBlur(id, value);
+    const handleFocus = () => onFocus(id, value);
     const description = options.description ?? schema.description;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -748,26 +755,33 @@
           ),
           Array.isArray(enumOptions) && enumOptions.map((option, index) => {
             const checked = utils.enumOptionsIsSelected(option.value, checkboxesValues);
-            const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-            return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                checkbox.Checkbox,
-                {
-                  inputId: utils.optionId(id, index),
-                  name: htmlName || id,
-                  ...primeProps,
-                  value: option.value,
-                  checked,
-                  disabled: disabled || itemDisabled || readonly,
-                  autoFocus: autofocus && index === 0,
-                  onChange: _onChange(index),
-                  onBlur: _onBlur,
-                  onFocus: _onFocus,
-                  "aria-describedby": utils.ariaDescribedByIds(id)
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(Label, { id: utils.optionId(id, index), text: option.label })
-            ] }, index);
+            const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    checkbox.Checkbox,
+                    {
+                      inputId: utils.optionId(id, index),
+                      name: htmlName || id,
+                      ...primeProps,
+                      value: option.value,
+                      checked,
+                      disabled: disabled || itemDisabled || readonly,
+                      autoFocus: autofocus && index === 0,
+                      onChange: handleChange(index),
+                      onBlur: handleBlur,
+                      onFocus: handleFocus,
+                      "aria-describedby": utils.ariaDescribedByIds(id)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(Label, { id: utils.optionId(id, index), text: option.label })
+                ]
+              },
+              String(option.value)
+            );
           })
         ]
       }
@@ -798,9 +812,9 @@
     );
     const required = utils.schemaRequiresTrueValue(schema);
     const checked = value === "true" || value === true;
-    const _onChange = (e) => onChange && onChange(e.checked);
-    const _onBlur = () => onBlur && onBlur(id, value);
-    const _onFocus = () => onFocus && onFocus(id, value);
+    const handleChange = (e) => onChange && onChange(e.checked);
+    const handleBlur = () => onBlur && onBlur(id, value);
+    const handleFocus = () => onFocus && onFocus(id, value);
     const description = options.description ?? schema.description;
     const primeProps = options.prime || {};
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -824,9 +838,9 @@
             disabled: disabled || readonly,
             autoFocus: autofocus,
             checked: typeof value === "undefined" ? false : checked,
-            onChange: _onChange,
-            onBlur: _onBlur,
-            onFocus: _onFocus,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            onFocus: handleFocus,
             required,
             "aria-describedby": utils.ariaDescribedByIds(id)
           }
@@ -855,9 +869,9 @@
     const inputProps = utils.getInputProps(schema, type, options);
     const { inline } = options;
     const primeProps = options.prime || {};
-    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
-    const _onBlur = () => onBlur && onBlur(id, value);
-    const _onFocus = () => onFocus && onFocus(id, value);
+    const handleChange = ({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue);
+    const handleBlur = () => onBlur && onBlur(id, value);
+    const handleFocus = () => onFocus && onFocus(id, value);
     return /* @__PURE__ */ jsxRuntime.jsx(
       colorpicker.ColorPicker,
       {
@@ -871,9 +885,9 @@
         autoFocus: autofocus,
         disabled: disabled || readonly,
         value: value || "",
-        onChange: onChangeOverride || _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: onChangeOverride || handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
       }
     );
@@ -898,9 +912,9 @@
     } = props;
     const inputProps = utils.getInputProps(schema, type, options);
     const primeProps = options.prime || {};
-    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
-    const _onBlur = () => onBlur && onBlur(id, value);
-    const _onFocus = () => onFocus && onFocus(id, value);
+    const handleChange = ({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue);
+    const handleBlur = () => onBlur && onBlur(id, value);
+    const handleFocus = () => onFocus && onFocus(id, value);
     return /* @__PURE__ */ jsxRuntime.jsx(
       password.Password,
       {
@@ -914,9 +928,9 @@
         disabled: disabled || readonly,
         value: value || "",
         invalid: rawErrors.length > 0,
-        onChange: onChangeOverride || _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: onChangeOverride || handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples),
         pt: { root: { style: { display: "flex", flexDirection: "column" } } }
       }
@@ -927,14 +941,14 @@
     const primeProps = options.prime || {};
     const { enumOptions, enumDisabled, emptyValue } = options;
     const optionValueFormat = utils.getOptionValueFormat(options);
-    const _onChange = (e) => {
+    const handleChange = (e) => {
       onChange(utils.enumOptionValueDecoder(e.value, enumOptions, optionValueFormat, emptyValue));
     };
-    const _onBlur = () => onBlur(id, value);
-    const _onFocus = () => onFocus(id, value);
+    const handleBlur = () => onBlur(id, value);
+    const handleFocus = () => onFocus(id, value);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "row", gap: "1rem" }, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
       const checked = utils.enumOptionsIsSelected(option.value, value);
-      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           radiobutton.RadioButton,
@@ -942,9 +956,9 @@
             inputId: utils.optionId(id, index),
             name: htmlName || id,
             ...primeProps,
-            onFocus: _onFocus,
-            onBlur: _onBlur,
-            onChange: _onChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onChange: handleChange,
             value: utils.enumOptionValueEncoder(option.value, index, optionValueFormat),
             checked,
             disabled: disabled || itemDisabled || readonly,
@@ -952,31 +966,31 @@
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: utils.optionId(id, index), style: { marginLeft: "8px" }, children: option.label })
-      ] }, index);
+      ] }, String(option.value));
     }) });
   }
   function RangeWidget(props) {
     const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, id } = props;
     const primeProps = options.prime || {};
     const sliderProps = { value, id, ...utils.rangeSpec(schema) };
-    const _onChange = (e) => {
+    const handleChange = (e) => {
       onChange(e.value ?? options.emptyValue);
     };
-    const _onBlur = ({ target }) => onBlur(id, target && target.value);
-    const _onFocus = ({ target }) => onFocus(id, target && target.value);
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    const handleBlur = ({ target }) => onBlur(id, target && target.value);
+    const handleFocus = ({ target }) => onFocus(id, target && target.value);
+    return /* @__PURE__ */ jsxRuntime.jsx(
       slider.Slider,
       {
         ...primeProps,
         disabled: disabled || readonly,
         onMouseDown: (e) => e.stopPropagation(),
-        onChange: _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         ...sliderProps,
         "aria-describedby": utils.ariaDescribedByIds(id)
       }
-    ) });
+    );
   }
   function SelectWidget(props) {
     const { multiple = false } = props;
@@ -1011,11 +1025,11 @@
     const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
     const optionValueFormat = utils.getOptionValueFormat(options);
     const primeProps = options.prime || {};
-    multiple = typeof multiple === "undefined" ? false : multiple;
-    const emptyValue = multiple ? [] : "";
-    const _onChange = (e) => onChange(utils.enumOptionValueDecoder(e.value, enumOptions, optionValueFormat, optEmptyVal));
-    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
-    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+    const isMultiple = typeof multiple === "undefined" ? false : multiple;
+    const emptyValue = isMultiple ? [] : "";
+    const handleChange = (e) => onChange(utils.enumOptionValueDecoder(e.value, enumOptions, optionValueFormat, optEmptyVal));
+    const handleBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+    const handleFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
     const { ...dropdownRemainingProps } = dropdownProps;
     return /* @__PURE__ */ jsxRuntime.jsx(
       dropdown.Dropdown,
@@ -1023,15 +1037,15 @@
         id,
         name: htmlName || id,
         ...primeProps,
-        value: utils.enumOptionSelectedValue(value, enumOptions, !!multiple, optionValueFormat, emptyValue),
-        options: (enumOptions ?? []).map(({ value: value2, label: label2 }, i) => ({
-          label: label2,
-          value: utils.enumOptionValueEncoder(value2, i, optionValueFormat),
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+        value: utils.enumOptionSelectedValue(value, enumOptions, isMultiple, optionValueFormat, emptyValue),
+        options: (enumOptions ?? []).map(({ value: enumValue, label: enumLabel }, i) => ({
+          label: enumLabel,
+          value: utils.enumOptionValueEncoder(enumValue, i, optionValueFormat),
+          disabled: Array.isArray(enumDisabled) && enumDisabled.includes(enumValue)
         })),
-        onChange: _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         placeholder,
         disabled: disabled || readonly,
         autoFocus: autofocus,
@@ -1058,9 +1072,9 @@
     const optionValueFormat = utils.getOptionValueFormat(options);
     const primeProps = options.prime || {};
     const emptyValue = multiple ? [] : "";
-    const _onChange = (e) => onChange(utils.enumOptionValueDecoder(e.value, enumOptions, optionValueFormat, optEmptyVal));
-    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
-    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+    const handleChange = (e) => onChange(utils.enumOptionValueDecoder(e.value, enumOptions, optionValueFormat, optEmptyVal));
+    const handleBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+    const handleFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
     return /* @__PURE__ */ jsxRuntime.jsx(
       multiselect.MultiSelect,
       {
@@ -1068,14 +1082,14 @@
         name: htmlName || id,
         ...primeProps,
         value: utils.enumOptionSelectedValue(value, enumOptions, multiple, optionValueFormat, emptyValue),
-        options: (enumOptions ?? []).map(({ value: value2, label }, i) => ({
-          label,
-          value: utils.enumOptionValueEncoder(value2, i, optionValueFormat),
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+        options: (enumOptions ?? []).map(({ value: enumValue, label: enumLabel }, i) => ({
+          label: enumLabel,
+          value: utils.enumOptionValueEncoder(enumValue, i, optionValueFormat),
+          disabled: Array.isArray(enumDisabled) && enumDisabled.includes(enumValue)
         })),
-        onChange: _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         placeholder,
         disabled: disabled || readonly,
         autoFocus: autofocus,
@@ -1133,9 +1147,9 @@
     const inputProps = utils.getInputProps(schema, type, options);
     const { showButtons, buttonLayout, useGrouping, minFractionDigits, maxFractionDigits, locale, currency } = options;
     const primeProps = options.prime || {};
-    const _onChange = (event) => onChange(event.value === null ? options.emptyValue : value);
-    const _onBlur = () => onBlur && onBlur(id, value);
-    const _onFocus = () => onFocus && onFocus(id, value);
+    const handleChange = (event) => onChange(event.value === null ? options.emptyValue : value);
+    const handleBlur = () => onBlur && onBlur(id, value);
+    const handleFocus = () => onFocus && onFocus(id, value);
     return /* @__PURE__ */ jsxRuntime.jsx(
       inputnumber.InputNumber,
       {
@@ -1143,7 +1157,7 @@
         name: id,
         ...primeProps,
         placeholder,
-        step: isNaN(Number(inputProps.step)) ? 1 : Number(inputProps.step),
+        step: Number.isNaN(Number(inputProps.step)) ? 1 : Number(inputProps.step),
         required,
         autoFocus: autofocus,
         disabled: disabled || readonly,
@@ -1156,11 +1170,11 @@
         locale,
         mode: currency ? "currency" : "decimal",
         currency,
-        value: isNaN(Number(value)) ? null : Number(value),
+        value: Number.isNaN(Number(value)) ? null : Number(value),
         invalid: rawErrors.length > 0,
-        onChange: onChangeOverride || _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: onChangeOverride || handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
       }
     );

package/lib/AddButton/AddButton.d.ts

@@ -1,4 +1,4 @@
-import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 /** The `AddButton` renders a button that represents the `Add` action on a form
  */
 export default function AddButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ uiSchema, registry, color, ...props }: IconButtonProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/AddButton/AddButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddButton.js","sourceRoot":"","sources":["../../src/AddButton/AddButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C;GACG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoF,EACnH,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACiB;IACzB,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IACrC,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,aAAa,CAAC,EACxD,IAAI,EAAC,YAAY,EACjB,QAAQ,QACR,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AddButton.js","sourceRoot":"","sources":["../../src/AddButton/AddButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C;GACG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoF,EACnH,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACiB;IACzB,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IACrC,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,aAAa,CAAC,EACxD,IAAI,EAAC,YAAY,EACjB,QAAQ,QACR,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,OAAO,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts

@@ -1,4 +1,4 @@
-import { ArrayFieldItemTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { ArrayFieldItemTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 /** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
  *
  * @param props - The `ArrayFieldItemTemplateProps` props for the component

package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTemplate, getUiOptions, } from '@rjsf/utils';
+import { getTemplate, getUiOptions } from '@rjsf/utils';
 /** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
  *
  * @param props - The `ArrayFieldItemTemplateProps` props for the component

package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldItemTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,WAAW,EACX,YAAY,GAGb,MAAM,aAAa,CAAC;AAErB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA2C;IAC3C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aACjC,UAAU,IAAI,CACb,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,YAC3E,UAAU,IAAI,CACb,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,YAClC,KAAC,6BAA6B,OAAK,YAAY,GAAI,GAC/C,CACP,GACG,CACP,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ArrayFieldItemTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA2C;IAC3C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aACjC,UAAU,IAAI,CACb,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,YAC3E,UAAU,IAAI,CACb,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,YAClC,KAAC,6BAA6B,OAAK,YAAY,GAAI,GAC/C,CACP,GACG,CACP,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/lib/ArrayFieldTemplate/ArrayFieldTemplate.d.ts

@@ -1,4 +1,4 @@
-import { ArrayFieldTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { ArrayFieldTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 /** The `ArrayFieldTemplate` component is the template used to render all items in an array.
  *
  * @param props - The `ArrayFieldTemplateProps` props for the component

package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getTemplate, getUiOptions, isFixedItems, buttonId, } from '@rjsf/utils';
+import { getTemplate, getUiOptions, isFixedItems, buttonId } from '@rjsf/utils';
 import { Fieldset } from 'primereact/fieldset';
 import AddButton from '../AddButton/index.js';
 /** The `ArrayFieldTemplate` component is the template used to render all items in an array.

package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldTemplate/ArrayFieldTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EAKZ,QAAQ,GACT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAIxC,KAAuC;IACvC,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ;IACR,2EAA2E;IAC3E,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,uBAAuB,GAAG,WAAW,CACzC,yBAAyB,EACzB,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,8BAA8B,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAE9D,OAAO,CACL,8BACE,KAAC,uBAAuB,IACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,KAAK,EAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,8BAA8B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,GACrF,EACF,MAAC,QAAQ,OACH,IAAI,EACR,EAAE,EAAE,WAAW,CAAC,GAAG,EACnB,SAAS,EAAE,GAAG,SAAS,GAAG,YAAY,CAAI,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE,aAElF,KAAC,6BAA6B,IAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,EACxD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,0BACE,0BACG,CAAC,8BAA8B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACjE,KAAK,IACF,EACL,MAAM,IAAI,CACT,cACE,KAAK,EAAE;oCACL,SAAS,EAAE,MAAM;oCACjB,QAAQ,EAAE,UAAU;oCACpB,SAAS,EAAE,OAAO;iCACnB,YAED,KAAC,SAAS,IACR,EAAE,EAAE,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,EAChC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,KAtBO,mBAAmB,WAAW,CAAC,GAAG,EAAE,CAuBxC,IACG,IACV,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ArrayFieldTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldTemplate/ArrayFieldTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAIxC,KAAuC;IACvC,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ;IACR,2EAA2E;IAC3E,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,uBAAuB,GAAG,WAAW,CACzC,yBAAyB,EACzB,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,8BAA8B,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAE9D,OAAO,CACL,8BACE,KAAC,uBAAuB,IACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,KAAK,EAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,8BAA8B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,GACrF,EACF,MAAC,QAAQ,OACH,IAAI,EACR,EAAE,EAAE,WAAW,CAAC,GAAG,EACnB,SAAS,EAAE,GAAG,SAAS,GAAG,YAAY,CAAI,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE,aAElF,KAAC,6BAA6B,IAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,EACxD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,0BACE,0BACG,CAAC,8BAA8B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACjE,KAAK,IACF,EACL,MAAM,IAAI,CACT,cACE,KAAK,EAAE;oCACL,SAAS,EAAE,MAAM;oCACjB,QAAQ,EAAE,UAAU;oCACpB,SAAS,EAAE,OAAO;iCACnB,YAED,KAAC,SAAS,IACR,EAAE,EAAE,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,EAChC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,KAtBO,mBAAmB,WAAW,CAAC,GAAG,EAAE,CAuBxC,IACG,IACV,CACJ,CAAC;AACJ,CAAC"}

package/lib/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.d.ts

@@ -1,4 +1,4 @@
-import { ArrayFieldTitleProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { ArrayFieldTitleProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 /** The `ArrayFieldTitleTemplate` component renders a header for the array.
  *
  * @param props - The `ArrayFieldTitleProps` for the component

package/lib/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.js

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { getUiOptions, titleId, } from '@rjsf/utils';
+import { getUiOptions, titleId } from '@rjsf/utils';
 /** The `ArrayFieldTitleTemplate` component renders a header for the array.
  *
  * @param props - The `ArrayFieldTitleProps` for the component

package/lib/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldTitleTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,YAAY,EAGZ,OAAO,GACR,MAAM,aAAa,CAAC;AAErB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAI7C,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,mBAAmB,EAAiC;IAC9F,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,IAAI,OAAO,GAAG,CACZ,cAAI,EAAE,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,aAC3F,SAAS,CAAC,KAAK,IAAI,KAAK,OAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAC5C,CACN,CAAC;IACF,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,GAAG,CACR,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAC7B,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAG,OAAO,GAAO,EAC5C,wBAAM,mBAAmB,GAAO,IAC5B,CACP,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"ArrayFieldTitleTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAI7C,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,mBAAmB,EAAiC;IAC9F,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,IAAI,OAAO,GAAG,CACZ,cAAI,EAAE,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,aAC3F,SAAS,CAAC,KAAK,IAAI,KAAK,OAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAC5C,CACN,CAAC;IACF,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,GAAG,CACR,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAC7B,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAG,OAAO,GAAO,EAC5C,wBAAM,mBAAmB,GAAO,IAC5B,CACP,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/AutoCompleteWidget/AutoCompleteWidget.d.ts

@@ -1,4 +1,4 @@
-import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
 /** The `AutoCompleteWidget` is a widget for rendering a field with options.
  *  This is used instead of the base input template if the schema has examples.
  *

package/lib/AutoCompleteWidget/AutoCompleteWidget.js

@@ -1,6 +1,6 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { ariaDescribedByIds, getInputProps, } from '@rjsf/utils';
+import { ariaDescribedByIds, getInputProps } from '@rjsf/utils';
 import { AutoComplete } from 'primereact/autocomplete';
 /** The `AutoCompleteWidget` is a widget for rendering a field with options.
  *  This is used instead of the base input template if the schema has examples.
@@ -11,9 +11,9 @@ export default function AutoCompleteWidget(props) {
     const { id, placeholder, value, required, readonly, disabled, onChange, onChangeOverride, onBlur, onFocus, autofocus, options, schema, type, rawErrors = [], } = props;
     const inputProps = getInputProps(schema, type, options);
     const primeProps = (options.prime || {});
-    const _onChange = ({ target: { value } }) => onChange(value === '' ? options.emptyValue : value);
-    const _onBlur = () => onBlur && onBlur(id, value);
-    const _onFocus = () => onFocus && onFocus(id, value);
+    const handleChange = ({ target: { value: newValue } }) => onChange(newValue === '' ? options.emptyValue : newValue);
+    const handleBlur = () => onBlur && onBlur(id, value);
+    const handleFocus = () => onFocus && onFocus(id, value);
     const examples = schema.examples.concat(schema.default && !schema.examples.includes(schema.default.toString())
         ? [schema.default.toString()]
         : []);
@@ -21,7 +21,7 @@ export default function AutoCompleteWidget(props) {
     const search = (event) => {
         setItems(examples.filter((example) => example.toString().toLowerCase().includes(event.query.toLowerCase())));
     };
-    return (_jsx(AutoComplete, { id: id, name: id, placeholder: placeholder, ...primeProps, ...inputProps, loadingIcon: _jsx(_Fragment, {}), required: required, autoFocus: autofocus, disabled: disabled || readonly, suggestions: items, completeMethod: search, value: value || value === 0 ? value : '', dropdown: true, invalid: rawErrors.length > 0, onChange: onChangeOverride || _onChange, onBlur: _onBlur, onFocus: _onFocus, "aria-describedby": ariaDescribedByIds(id, !!schema.examples), 
+    return (_jsx(AutoComplete, { id: id, name: id, placeholder: placeholder, ...primeProps, ...inputProps, loadingIcon: null, required: required, autoFocus: autofocus, disabled: disabled || readonly, suggestions: items, completeMethod: search, value: value || value === 0 ? value : '', dropdown: true, invalid: rawErrors.length > 0, onChange: onChangeOverride || handleChange, onBlur: handleBlur, onFocus: handleFocus, "aria-describedby": ariaDescribedByIds(id, !!schema.examples), 
         /* Make autocomplete look like a dropdown, which looks much nicer */
         pt: {
             root: {