@rjsf/primereact 6.6.1 → 6.6.2

package/dist/primereact.esm.js

@@ -26,10 +26,7 @@ function AddButton({
 }
 
 // src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
-import {
-  getTemplate,
-  getUiOptions
-} from "@rjsf/utils";
+import { getTemplate, getUiOptions } from "@rjsf/utils";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
   const { children, buttonsProps, displayLabel, hasToolbar, uiSchema, registry } = props;
@@ -46,12 +43,7 @@ function ArrayFieldItemTemplate(props) {
 }
 
 // src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
-import {
-  getTemplate as getTemplate2,
-  getUiOptions as getUiOptions2,
-  isFixedItems,
-  buttonId
-} from "@rjsf/utils";
+import { getTemplate as getTemplate2, getUiOptions as getUiOptions2, isFixedItems, buttonId } from "@rjsf/utils";
 import { Fieldset } from "primereact/fieldset";
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldTemplate(props) {
@@ -150,10 +142,7 @@ function ArrayFieldTemplate(props) {
 }
 
 // src/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.tsx
-import {
-  getUiOptions as getUiOptions3,
-  titleId
-} from "@rjsf/utils";
+import { getUiOptions as getUiOptions3, titleId } from "@rjsf/utils";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function ArrayFieldTitleTemplate({ title, uiSchema, required, fieldPathId, optionalDataControl }) {
   const uiOptions = getUiOptions3(uiSchema);
@@ -173,11 +162,7 @@ function ArrayFieldTitleTemplate({ title, uiSchema, required, fieldPathId, optio
 
 // src/BaseInputTemplate/BaseInputTemplate.tsx
 import { useCallback } from "react";
-import {
-  ariaDescribedByIds,
-  examplesId,
-  getInputProps
-} from "@rjsf/utils";
+import { ariaDescribedByIds, examplesId, getInputProps } from "@rjsf/utils";
 import { InputText } from "primereact/inputtext";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function BaseInputTemplate(props) {
@@ -204,10 +189,10 @@ function BaseInputTemplate(props) {
   const { AutoCompleteWidget: AutoCompleteWidget2 } = registry.widgets;
   const inputProps = 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 = 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 = useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -233,13 +218,13 @@ function BaseInputTemplate(props) {
         list: schema.examples ? 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": ariaDescribedByIds(id, !!schema.examples)
       }
     ),
-    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx5(ClearButton2, { registry, onClick: _onClear })
+    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx5(ClearButton2, { registry, onClick: handleClear })
   ] });
 }
 
@@ -269,7 +254,7 @@ function ErrorList({
       /* @__PURE__ */ jsx7(TimesCircleIcon, { style: { width: "1.5rem", height: "1.5rem" } }),
       /* @__PURE__ */ jsx7("div", { className: "p-message-summary", children: translateString(TranslatableString2.ErrorsLabel) })
     ] }),
-    /* @__PURE__ */ jsx7("ul", { className: "p-message-list", children: errors.map((error, index) => /* @__PURE__ */ jsx7("li", { children: error.stack }, `error-${index}`)) })
+    /* @__PURE__ */ jsx7("ul", { className: "p-message-list", children: errors.map((error) => /* @__PURE__ */ jsx7("li", { children: error.stack }, error.stack)) })
   ] });
   return /* @__PURE__ */ jsx7(
     Message,
@@ -296,9 +281,7 @@ import { jsx as jsx8 } from "react/jsx-runtime";
 function FieldErrorTemplate({ errors, fieldPathId }) {
   if (errors && errors.length > 0) {
     const id = errorId(fieldPathId);
-    const content = errors.map((error, i) => {
-      return /* @__PURE__ */ jsx8("div", { children: error }, i);
-    });
+    const content = errors.map((error, i) => /* @__PURE__ */ jsx8("div", { children: error }, i));
     return /* @__PURE__ */ jsx8(
       Message2,
       {
@@ -326,10 +309,7 @@ function FieldHelpTemplate(props) {
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
-import {
-  getTemplate as getTemplate3,
-  getUiOptions as getUiOptions4
-} from "@rjsf/utils";
+import { getTemplate as getTemplate3, getUiOptions as getUiOptions4 } from "@rjsf/utils";
 
 // src/util.tsx
 import { jsxs as jsxs6 } from "react/jsx-runtime";
@@ -426,7 +406,8 @@ function GridTemplateColumn(props) {
   const [breakpoint, setBreakpoint] = useState(() => getBreakpoint(getInitialWidth()));
   useEffect(() => {
     if (typeof window === "undefined") {
-      return;
+      return () => {
+      };
     }
     const handleResize = () => setBreakpoint(getBreakpoint(window.innerWidth));
     window.addEventListener("resize", handleResize);
@@ -437,43 +418,51 @@ function GridTemplateColumn(props) {
 }
 
 // src/IconButton/IconButton.tsx
+import { memo } from "react";
 import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
 import { Button as Button2 } from "primereact/button";
 import { jsx as jsx12 } from "react/jsx-runtime";
-function IconButton(props) {
+function IconButtonFn(props) {
   const { icon, iconType, uiSchema, registry, ...otherProps } = props;
   return /* @__PURE__ */ jsx12(Button2, { icon: `pi pi-${icon}`, rounded: true, text: true, severity: "secondary", ...otherProps });
 }
-function CopyButton(props) {
+var IconButton = memo(IconButtonFn);
+var IconButton_default = IconButton;
+function CopyButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: "copy" });
 }
-function MoveDownButton(props) {
+var CopyButton = memo(CopyButtonFn);
+function MoveDownButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: "angle-down" });
 }
-function MoveUpButton(props) {
+var MoveDownButton = memo(MoveDownButtonFn);
+function MoveUpButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: "angle-up" });
 }
-function RemoveButton(props) {
+var MoveUpButton = memo(MoveUpButtonFn);
+function RemoveButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.RemoveButton), ...props, icon: "trash" });
 }
-function ClearButton(props) {
+var RemoveButton = memo(RemoveButtonFn);
+function ClearButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.ClearButton), ...props, icon: "times" });
 }
+var ClearButton = memo(ClearButtonFn);
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
 import { Fieldset as Fieldset2 } from "primereact/fieldset";
@@ -487,14 +476,7 @@ function MultiSchemaFieldTemplate(props) {
 }
 
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
-import {
-  canExpand,
-  descriptionId,
-  getTemplate as getTemplate4,
-  getUiOptions as getUiOptions5,
-  titleId as titleId2,
-  buttonId as buttonId2
-} from "@rjsf/utils";
+import { canExpand, descriptionId, getTemplate as getTemplate4, getUiOptions as getUiOptions5, titleId as titleId2, buttonId as buttonId2 } from "@rjsf/utils";
 import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
@@ -568,7 +550,7 @@ function OptionalDataControlsTemplate(props) {
   const { id, registry, label, onAddClick, onRemoveClick } = props;
   if (onAddClick) {
     return /* @__PURE__ */ jsx15(
-      IconButton,
+      IconButton_default,
       {
         id,
         registry,
@@ -579,7 +561,8 @@ function OptionalDataControlsTemplate(props) {
         style: { height: "1.5rem", width: "1.5rem" }
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ jsx15(
       RemoveButton,
       {
@@ -637,11 +620,7 @@ function TitleField({
 }
 
 // src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
-import {
-  ADDITIONAL_PROPERTY_FLAG,
-  buttonId as buttonId3,
-  TranslatableString as TranslatableString4
-} from "@rjsf/utils";
+import { ADDITIONAL_PROPERTY_FLAG, buttonId as buttonId3, TranslatableString as TranslatableString4 } from "@rjsf/utils";
 import { InputText as InputText2 } from "primereact/inputtext";
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate({
@@ -741,12 +720,9 @@ var Templates_default = generateTemplates();
 
 // src/AutoCompleteWidget/AutoCompleteWidget.tsx
 import { useState as useState2 } from "react";
-import {
-  ariaDescribedByIds as ariaDescribedByIds2,
-  getInputProps as getInputProps2
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds2, getInputProps as getInputProps2 } from "@rjsf/utils";
 import { AutoComplete } from "primereact/autocomplete";
-import { Fragment as Fragment4, jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function AutoCompleteWidget(props) {
   const {
     id,
@@ -767,9 +743,9 @@ function AutoCompleteWidget(props) {
   } = props;
   const inputProps = getInputProps2(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()] : []
   );
@@ -785,7 +761,7 @@ function AutoCompleteWidget(props) {
       placeholder,
       ...primeProps,
       ...inputProps,
-      loadingIcon: /* @__PURE__ */ jsx19(Fragment4, {}),
+      loadingIcon: null,
       required,
       autoFocus: autofocus,
       disabled: disabled || readonly,
@@ -794,9 +770,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": ariaDescribedByIds2(id, !!schema.examples),
       pt: {
         root: {
@@ -849,7 +825,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(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
     } else {
@@ -861,8 +837,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__ */ jsxs12(
     "div",
@@ -882,26 +858,33 @@ function CheckboxesWidget(props) {
         ),
         Array.isArray(enumOptions) && enumOptions.map((option, index) => {
           const checked = enumOptionsIsSelected(option.value, checkboxesValues);
-          const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-          return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
-            /* @__PURE__ */ jsx20(
-              Checkbox,
-              {
-                inputId: 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": ariaDescribedByIds3(id)
-              }
-            ),
-            /* @__PURE__ */ jsx20(Label, { id: optionId(id, index), text: option.label })
-          ] }, index);
+          const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
+          return /* @__PURE__ */ jsxs12(
+            "div",
+            {
+              style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" },
+              children: [
+                /* @__PURE__ */ jsx20(
+                  Checkbox,
+                  {
+                    inputId: 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": ariaDescribedByIds3(id)
+                  }
+                ),
+                /* @__PURE__ */ jsx20(Label, { id: optionId(id, index), text: option.label })
+              ]
+            },
+            String(option.value)
+          );
         })
       ]
     }
@@ -909,15 +892,9 @@ function CheckboxesWidget(props) {
 }
 
 // src/CheckboxWidget/CheckboxWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds4,
-  descriptionId as descriptionId3,
-  getTemplate as getTemplate6,
-  labelValue,
-  schemaRequiresTrueValue
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds4, descriptionId as descriptionId3, getTemplate as getTemplate6, labelValue, schemaRequiresTrueValue } from "@rjsf/utils";
 import { Checkbox as Checkbox2 } from "primereact/checkbox";
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     id,
@@ -943,12 +920,12 @@ function CheckboxWidget(props) {
   );
   const required = 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__ */ jsxs13(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
     !hideLabel && !!description && /* @__PURE__ */ jsx21(
       DescriptionFieldTemplate,
       {
@@ -969,9 +946,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": ariaDescribedByIds4(id)
         }
@@ -982,10 +959,7 @@ function CheckboxWidget(props) {
 }
 
 // src/ColorWidget/ColorWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds5,
-  getInputProps as getInputProps3
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds5, getInputProps as getInputProps3 } from "@rjsf/utils";
 import { ColorPicker } from "primereact/colorpicker";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function ColorWidget(props) {
@@ -1008,9 +982,9 @@ function ColorWidget(props) {
   const inputProps = getInputProps3(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__ */ jsx22(
     ColorPicker,
     {
@@ -1024,19 +998,16 @@ 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": ariaDescribedByIds5(id, !!schema.examples)
     }
   );
 }
 
 // src/PasswordWidget/PasswordWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds6,
-  getInputProps as getInputProps4
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds6, getInputProps as getInputProps4 } from "@rjsf/utils";
 import { Password } from "primereact/password";
 import { jsx as jsx23 } from "react/jsx-runtime";
 function PasswordWidget(props) {
@@ -1059,9 +1030,9 @@ function PasswordWidget(props) {
   } = props;
   const inputProps = getInputProps4(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__ */ jsx23(
     Password,
     {
@@ -1075,9 +1046,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": ariaDescribedByIds6(id, !!schema.examples),
       pt: { root: { style: { display: "flex", flexDirection: "column" } } }
     }
@@ -1100,14 +1071,14 @@ function RadioWidget(props) {
   const primeProps = options.prime || {};
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = getOptionValueFormat(options);
-  const _onChange = (e) => {
+  const handleChange = (e) => {
     onChange(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__ */ jsx24("div", { style: { display: "flex", flexDirection: "row", gap: "1rem" }, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const checked = enumOptionsIsSelected2(option.value, value);
-    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
     return /* @__PURE__ */ jsxs14("div", { style: { display: "flex", alignItems: "center" }, children: [
       /* @__PURE__ */ jsx24(
         RadioButton,
@@ -1115,9 +1086,9 @@ function RadioWidget(props) {
           inputId: optionId2(id, index),
           name: htmlName || id,
           ...primeProps,
-          onFocus: _onFocus,
-          onBlur: _onBlur,
-          onChange: _onChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onChange: handleChange,
           value: enumOptionValueEncoder(option.value, index, optionValueFormat),
           checked,
           disabled: disabled || itemDisabled || readonly,
@@ -1125,36 +1096,36 @@ function RadioWidget(props) {
         }
       ),
       /* @__PURE__ */ jsx24("label", { htmlFor: optionId2(id, index), style: { marginLeft: "8px" }, children: option.label })
-    ] }, index);
+    ] }, String(option.value));
   }) });
 }
 
 // src/RangeWidget/RangeWidget.tsx
 import { ariaDescribedByIds as ariaDescribedByIds8, rangeSpec } from "@rjsf/utils";
 import { Slider } from "primereact/slider";
-import { Fragment as Fragment6, jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, id } = props;
   const primeProps = options.prime || {};
   const sliderProps = { value, id, ...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__ */ jsx25(Fragment6, { children: /* @__PURE__ */ jsx25(
+  const handleBlur = ({ target }) => onBlur(id, target && target.value);
+  const handleFocus = ({ target }) => onFocus(id, target && target.value);
+  return /* @__PURE__ */ jsx25(
     Slider,
     {
       ...primeProps,
       disabled: disabled || readonly,
       onMouseDown: (e) => e.stopPropagation(),
-      onChange: _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       ...sliderProps,
       "aria-describedby": ariaDescribedByIds8(id)
     }
-  ) });
+  );
 }
 
 // src/SelectWidget/SelectWidget.tsx
@@ -1201,11 +1172,11 @@ function SingleSelectWidget({
   const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
   const optionValueFormat = getOptionValueFormat2(options);
   const primeProps = options.prime || {};
-  multiple = typeof multiple === "undefined" ? false : multiple;
-  const emptyValue = multiple ? [] : "";
-  const _onChange = (e) => onChange(enumOptionValueDecoder2(e.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onBlur = ({ target }) => onBlur(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onFocus = ({ target }) => onFocus(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const isMultiple = typeof multiple === "undefined" ? false : multiple;
+  const emptyValue = isMultiple ? [] : "";
+  const handleChange = (e) => onChange(enumOptionValueDecoder2(e.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleBlur = ({ target }) => onBlur(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleFocus = ({ target }) => onFocus(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
   const { ...dropdownRemainingProps } = dropdownProps;
   return /* @__PURE__ */ jsx26(
     Dropdown,
@@ -1213,15 +1184,15 @@ function SingleSelectWidget({
       id,
       name: htmlName || id,
       ...primeProps,
-      value: enumOptionSelectedValue(value, enumOptions, !!multiple, optionValueFormat, emptyValue),
-      options: (enumOptions ?? []).map(({ value: value2, label: label2 }, i) => ({
-        label: label2,
-        value: enumOptionValueEncoder2(value2, i, optionValueFormat),
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+      value: enumOptionSelectedValue(value, enumOptions, isMultiple, optionValueFormat, emptyValue),
+      options: (enumOptions ?? []).map(({ value: enumValue, label: enumLabel }, i) => ({
+        label: enumLabel,
+        value: enumOptionValueEncoder2(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,
@@ -1248,9 +1219,9 @@ function MultiSelectWidget({
   const optionValueFormat = getOptionValueFormat2(options);
   const primeProps = options.prime || {};
   const emptyValue = multiple ? [] : "";
-  const _onChange = (e) => onChange(enumOptionValueDecoder2(e.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onBlur = ({ target }) => onBlur(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onFocus = ({ target }) => onFocus(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleChange = (e) => onChange(enumOptionValueDecoder2(e.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleBlur = ({ target }) => onBlur(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleFocus = ({ target }) => onFocus(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
   return /* @__PURE__ */ jsx26(
     MultiSelect,
     {
@@ -1258,14 +1229,14 @@ function MultiSelectWidget({
       name: htmlName || id,
       ...primeProps,
       value: enumOptionSelectedValue(value, enumOptions, multiple, optionValueFormat, emptyValue),
-      options: (enumOptions ?? []).map(({ value: value2, label }, i) => ({
-        label,
-        value: enumOptionValueEncoder2(value2, i, optionValueFormat),
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+      options: (enumOptions ?? []).map(({ value: enumValue, label: enumLabel }, i) => ({
+        label: enumLabel,
+        value: enumOptionValueEncoder2(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,
@@ -1308,10 +1279,7 @@ function TextareaWidget(props) {
 }
 
 // src/UpDownWidget/UpDownWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds10,
-  getInputProps as getInputProps5
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds10, getInputProps as getInputProps5 } from "@rjsf/utils";
 import { InputNumber } from "primereact/inputnumber";
 import { jsx as jsx28 } from "react/jsx-runtime";
 function UpDownWidget(props) {
@@ -1335,9 +1303,9 @@ function UpDownWidget(props) {
   const inputProps = getInputProps5(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__ */ jsx28(
     InputNumber,
     {
@@ -1345,7 +1313,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,
@@ -1358,11 +1326,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": ariaDescribedByIds10(id, !!schema.examples)
     }
   );