@rjsf/primereact 6.6.1 → 6.6.2

package/dist/index.cjs

@@ -223,10 +223,10 @@ function BaseInputTemplate(props) {
   const { AutoCompleteWidget: AutoCompleteWidget2 } = registry.widgets;
   const inputProps = (0, import_utils5.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 = (0, import_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 = (0, import_react.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -252,13 +252,13 @@ function BaseInputTemplate(props) {
         list: schema.examples ? (0, import_utils5.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": (0, import_utils5.ariaDescribedByIds)(id, !!schema.examples)
       }
     ),
-    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClearButton2, { registry, onClick: _onClear })
+    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClearButton2, { registry, onClick: handleClear })
   ] });
 }
 
@@ -288,7 +288,7 @@ function ErrorList({
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_timescircle.TimesCircleIcon, { style: { width: "1.5rem", height: "1.5rem" } }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-message-summary", children: translateString(import_utils6.TranslatableString.ErrorsLabel) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "p-message-list", children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: error.stack }, `error-${index}`)) })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "p-message-list", children: errors.map((error) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: error.stack }, error.stack)) })
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_message.Message,
@@ -315,9 +315,7 @@ var import_jsx_runtime8 = require("react/jsx-runtime");
 function FieldErrorTemplate({ errors, fieldPathId }) {
   if (errors && errors.length > 0) {
     const id = (0, import_utils7.errorId)(fieldPathId);
-    const content = errors.map((error, i) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: error }, i);
-    });
+    const content = errors.map((error, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: error }, i));
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_message2.Message,
       {
@@ -442,7 +440,8 @@ function GridTemplateColumn(props) {
   const [breakpoint, setBreakpoint] = (0, import_react2.useState)(() => getBreakpoint(getInitialWidth()));
   (0, import_react2.useEffect)(() => {
     if (typeof window === "undefined") {
-      return;
+      return () => {
+      };
     }
     const handleResize = () => setBreakpoint(getBreakpoint(window.innerWidth));
     window.addEventListener("resize", handleResize);
@@ -453,43 +452,51 @@ function GridTemplateColumn(props) {
 }
 
 // src/IconButton/IconButton.tsx
+var import_react3 = require("react");
 var import_utils10 = require("@rjsf/utils");
 var import_button2 = require("primereact/button");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function IconButton(props) {
+function IconButtonFn(props) {
   const { icon, iconType, uiSchema, registry, ...otherProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_button2.Button, { icon: `pi pi-${icon}`, rounded: true, text: true, severity: "secondary", ...otherProps });
 }
-function CopyButton(props) {
+var IconButton = (0, import_react3.memo)(IconButtonFn);
+var IconButton_default = IconButton;
+function CopyButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.CopyButton), ...props, icon: "copy" });
 }
-function MoveDownButton(props) {
+var CopyButton = (0, import_react3.memo)(CopyButtonFn);
+function MoveDownButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.MoveDownButton), ...props, icon: "angle-down" });
 }
-function MoveUpButton(props) {
+var MoveDownButton = (0, import_react3.memo)(MoveDownButtonFn);
+function MoveUpButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.MoveUpButton), ...props, icon: "angle-up" });
 }
-function RemoveButton(props) {
+var MoveUpButton = (0, import_react3.memo)(MoveUpButtonFn);
+function RemoveButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.RemoveButton), ...props, icon: "trash" });
 }
-function ClearButton(props) {
+var RemoveButton = (0, import_react3.memo)(RemoveButtonFn);
+function ClearButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.ClearButton), ...props, icon: "times" });
 }
+var ClearButton = (0, import_react3.memo)(ClearButtonFn);
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
 var import_fieldset2 = require("primereact/fieldset");
@@ -577,7 +584,7 @@ function OptionalDataControlsTemplate(props) {
   const { id, registry, label, onAddClick, onRemoveClick } = props;
   if (onAddClick) {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      IconButton,
+      IconButton_default,
       {
         id,
         registry,
@@ -588,7 +595,8 @@ function OptionalDataControlsTemplate(props) {
         style: { height: "1.5rem", width: "1.5rem" }
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       RemoveButton,
       {
@@ -745,7 +753,7 @@ function generateTemplates() {
 var Templates_default = generateTemplates();
 
 // src/AutoCompleteWidget/AutoCompleteWidget.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_utils15 = require("@rjsf/utils");
 var import_autocomplete = require("primereact/autocomplete");
 var import_jsx_runtime20 = require("react/jsx-runtime");
@@ -769,13 +777,13 @@ function AutoCompleteWidget(props) {
   } = props;
   const inputProps = (0, import_utils15.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()] : []
   );
-  const [items, setItems] = (0, import_react3.useState)([]);
+  const [items, setItems] = (0, import_react4.useState)([]);
   const search = (event) => {
     setItems(examples.filter((example) => example.toString().toLowerCase().includes(event.query.toLowerCase())));
   };
@@ -787,7 +795,7 @@ function AutoCompleteWidget(props) {
       placeholder,
       ...primeProps,
       ...inputProps,
-      loadingIcon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, {}),
+      loadingIcon: null,
       required,
       autoFocus: autofocus,
       disabled: disabled || readonly,
@@ -796,9 +804,9 @@ function AutoCompleteWidget(props) {
       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": (0, import_utils15.ariaDescribedByIds)(id, !!schema.examples),
       pt: {
         root: {
@@ -843,7 +851,7 @@ function CheckboxesWidget(props) {
   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((0, import_utils16.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
     } else {
@@ -855,8 +863,8 @@ function CheckboxesWidget(props) {
     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__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
@@ -876,26 +884,33 @@ function CheckboxesWidget(props) {
         ),
         Array.isArray(enumOptions) && enumOptions.map((option, index) => {
           const checked = (0, import_utils16.enumOptionsIsSelected)(option.value, checkboxesValues);
-          const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-          return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              import_checkbox.Checkbox,
-              {
-                inputId: (0, import_utils16.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": (0, import_utils16.ariaDescribedByIds)(id)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Label, { id: (0, import_utils16.optionId)(id, index), text: option.label })
-          ] }, index);
+          const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
+          return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            "div",
+            {
+              style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  import_checkbox.Checkbox,
+                  {
+                    inputId: (0, import_utils16.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": (0, import_utils16.ariaDescribedByIds)(id)
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Label, { id: (0, import_utils16.optionId)(id, index), text: option.label })
+              ]
+            },
+            String(option.value)
+          );
         })
       ]
     }
@@ -931,9 +946,9 @@ function CheckboxWidget(props) {
   );
   const required = (0, import_utils17.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__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
@@ -957,9 +972,9 @@ function CheckboxWidget(props) {
           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": (0, import_utils17.ariaDescribedByIds)(id)
         }
@@ -993,9 +1008,9 @@ function ColorWidget(props) {
   const inputProps = (0, import_utils18.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__ */ (0, import_jsx_runtime23.jsx)(
     import_colorpicker.ColorPicker,
     {
@@ -1009,9 +1024,9 @@ function ColorWidget(props) {
       autoFocus: autofocus,
       disabled: disabled || readonly,
       value: value || "",
-      onChange: onChangeOverride || _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
+      onChange: onChangeOverride || handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id, !!schema.examples)
     }
   );
@@ -1041,9 +1056,9 @@ function PasswordWidget(props) {
   } = props;
   const inputProps = (0, import_utils19.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__ */ (0, import_jsx_runtime24.jsx)(
     import_password.Password,
     {
@@ -1057,9 +1072,9 @@ function PasswordWidget(props) {
       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": (0, import_utils19.ariaDescribedByIds)(id, !!schema.examples),
       pt: { root: { style: { display: "flex", flexDirection: "column" } } }
     }
@@ -1075,14 +1090,14 @@ function RadioWidget(props) {
   const primeProps = options.prime || {};
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = (0, import_utils20.getOptionValueFormat)(options);
-  const _onChange = (e) => {
+  const handleChange = (e) => {
     onChange((0, import_utils20.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__ */ (0, import_jsx_runtime25.jsx)("div", { style: { display: "flex", flexDirection: "row", gap: "1rem" }, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const checked = (0, import_utils20.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__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         import_radiobutton.RadioButton,
@@ -1090,9 +1105,9 @@ function RadioWidget(props) {
           inputId: (0, import_utils20.optionId)(id, index),
           name: htmlName || id,
           ...primeProps,
-          onFocus: _onFocus,
-          onBlur: _onBlur,
-          onChange: _onChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onChange: handleChange,
           value: (0, import_utils20.enumOptionValueEncoder)(option.value, index, optionValueFormat),
           checked,
           disabled: disabled || itemDisabled || readonly,
@@ -1100,7 +1115,7 @@ function RadioWidget(props) {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: (0, import_utils20.optionId)(id, index), style: { marginLeft: "8px" }, children: option.label })
-    ] }, index);
+    ] }, String(option.value));
   }) });
 }
 
@@ -1112,24 +1127,24 @@ function RangeWidget(props) {
   const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, id } = props;
   const primeProps = options.prime || {};
   const sliderProps = { value, id, ...(0, import_utils21.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__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  const handleBlur = ({ target }) => onBlur(id, target && target.value);
+  const handleFocus = ({ target }) => onFocus(id, target && target.value);
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_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": (0, import_utils21.ariaDescribedByIds)(id)
     }
-  ) });
+  );
 }
 
 // src/SelectWidget/SelectWidget.tsx
@@ -1170,11 +1185,11 @@ function SingleSelectWidget({
   const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
   const optionValueFormat = (0, import_utils22.getOptionValueFormat)(options);
   const primeProps = options.prime || {};
-  multiple = typeof multiple === "undefined" ? false : multiple;
-  const emptyValue = multiple ? [] : "";
-  const _onChange = (e) => onChange((0, import_utils22.enumOptionValueDecoder)(e.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils22.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils22.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const isMultiple = typeof multiple === "undefined" ? false : multiple;
+  const emptyValue = isMultiple ? [] : "";
+  const handleChange = (e) => onChange((0, import_utils22.enumOptionValueDecoder)(e.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleBlur = ({ target }) => onBlur(id, (0, import_utils22.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleFocus = ({ target }) => onFocus(id, (0, import_utils22.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
   const { ...dropdownRemainingProps } = dropdownProps;
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_dropdown.Dropdown,
@@ -1182,15 +1197,15 @@ function SingleSelectWidget({
       id,
       name: htmlName || id,
       ...primeProps,
-      value: (0, import_utils22.enumOptionSelectedValue)(value, enumOptions, !!multiple, optionValueFormat, emptyValue),
-      options: (enumOptions ?? []).map(({ value: value2, label: label2 }, i) => ({
-        label: label2,
-        value: (0, import_utils22.enumOptionValueEncoder)(value2, i, optionValueFormat),
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+      value: (0, import_utils22.enumOptionSelectedValue)(value, enumOptions, isMultiple, optionValueFormat, emptyValue),
+      options: (enumOptions ?? []).map(({ value: enumValue, label: enumLabel }, i) => ({
+        label: enumLabel,
+        value: (0, import_utils22.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,
@@ -1217,9 +1232,9 @@ function MultiSelectWidget({
   const optionValueFormat = (0, import_utils22.getOptionValueFormat)(options);
   const primeProps = options.prime || {};
   const emptyValue = multiple ? [] : "";
-  const _onChange = (e) => onChange((0, import_utils22.enumOptionValueDecoder)(e.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils22.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils22.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleChange = (e) => onChange((0, import_utils22.enumOptionValueDecoder)(e.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleBlur = ({ target }) => onBlur(id, (0, import_utils22.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleFocus = ({ target }) => onFocus(id, (0, import_utils22.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_multiselect.MultiSelect,
     {
@@ -1227,14 +1242,14 @@ function MultiSelectWidget({
       name: htmlName || id,
       ...primeProps,
       value: (0, import_utils22.enumOptionSelectedValue)(value, enumOptions, multiple, optionValueFormat, emptyValue),
-      options: (enumOptions ?? []).map(({ value: value2, label }, i) => ({
-        label,
-        value: (0, import_utils22.enumOptionValueEncoder)(value2, i, optionValueFormat),
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+      options: (enumOptions ?? []).map(({ value: enumValue, label: enumLabel }, i) => ({
+        label: enumLabel,
+        value: (0, import_utils22.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,
@@ -1301,9 +1316,9 @@ function UpDownWidget(props) {
   const inputProps = (0, import_utils23.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__ */ (0, import_jsx_runtime29.jsx)(
     import_inputnumber.InputNumber,
     {
@@ -1311,7 +1326,7 @@ function UpDownWidget(props) {
       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,
@@ -1324,11 +1339,11 @@ function UpDownWidget(props) {
       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": (0, import_utils23.ariaDescribedByIds)(id, !!schema.examples)
     }
   );