@rjsf/mantine 6.6.0 → 6.6.2

package/dist/mantine.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('@mantine/core'), require('@rjsf/utils'), require('react/jsx-runtime'), require('react'), require('dayjs'), require('dayjs/plugin/customParseFormat'), require('@mantine/dates')) :
   typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', '@mantine/core', '@rjsf/utils', 'react/jsx-runtime', 'react', 'dayjs', 'dayjs/plugin/customParseFormat', '@mantine/dates'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/mantine"] = {}, global.core, global.core$1, global.utils, global.jsxRuntime, global.react, global.dayjs, global.customParseFormat, global.dates));
-})(this, (function (exports, core, core$1, utils, jsxRuntime, react, dayjs, customParseFormat, dates) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/mantine"] = {}, global.core$1, global.core, global.utils, global.jsxRuntime, global.react, global.dayjs, global.customParseFormat, global.dates));
+})(this, (function (exports, core$1, core, utils, jsxRuntime, react, dayjs, customParseFormat, dates) { 'use strict';
 
   // src/Form/index.ts
   function ArrayFieldItemTemplate(props) {
@@ -13,9 +13,9 @@
       registry,
       uiOptions
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { className: className || "rjsf-array-item", mb: "xs", children: /* @__PURE__ */ jsxRuntime.jsxs(core$1.Flex, { gap: "xs", align: "end", justify: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { w: "100%", children }),
-      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(core$1.Group, { wrap: "nowrap", gap: 2, mb: 7, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) })
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { className: className || "rjsf-array-item", mb: "xs", children: /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { gap: "xs", align: "end", justify: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.Box, { w: "100%", children }),
+      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(core.Group, { wrap: "nowrap", gap: 2, mb: 7, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) })
     ] }) }, `array-item-${index}`);
   }
   function ArrayFieldTemplate(props) {
@@ -61,7 +61,7 @@
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     );
-    return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Fieldset, { legend, className, id: fieldPathId.$id, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Fieldset, { legend, className, id: fieldPathId.$id, children: [
       (uiOptions.description || schema.description) && /* @__PURE__ */ jsxRuntime.jsx(
         ArrayFieldDescriptionTemplate,
         {
@@ -72,11 +72,11 @@
           registry
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(core$1.Box, { className: "row rjsf-array-item-list", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { className: "row rjsf-array-item-list", children: [
         !showOptionalDataControlInTitle ? optionalDataControl : void 0,
         items
       ] }),
-      canAdd && /* @__PURE__ */ jsxRuntime.jsx(core$1.Group, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      canAdd && /* @__PURE__ */ jsxRuntime.jsx(core.Group, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
         AddButton2,
         {
           id: utils.buttonId(fieldPathId, "add"),
@@ -97,11 +97,11 @@
     if (!title || !displayLabel) {
       return null;
     }
-    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { id: utils.titleId(fieldPathId), order: 4, fw: "normal", children: title }) : null;
+    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(core.Title, { id: utils.titleId(fieldPathId), order: 4, fw: "normal", children: title }) : null;
     if (optionalDataControl) {
-      heading = /* @__PURE__ */ jsxRuntime.jsxs(core$1.Grid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: "auto", children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: "content", children: optionalDataControl })
+      heading = /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "auto", children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: optionalDataControl })
       ] });
     }
     return heading;
@@ -172,12 +172,12 @@
     const inputProps = utils.getInputProps(schema, type, options, false);
     const description = hideLabel ? void 0 : options.description || schema.description;
     const themeProps = cleanupOptions(options);
-    const handleNumberChange = react.useCallback((value2) => onChange(value2), [onChange]);
+    const handleNumberChange = react.useCallback((newValue) => onChange(newValue), [onChange]);
     const handleChange = react.useCallback(
       (e) => {
-        const handler = onChangeOverride ? onChangeOverride : onChange;
-        const value2 = e.target.value === "" ? options.emptyValue : e.target.value;
-        handler(value2);
+        const handler = onChangeOverride || onChange;
+        const newValue = e.target.value === "" ? options.emptyValue : e.target.value;
+        handler(newValue);
       },
       [onChange, onChangeOverride, options]
     );
@@ -216,7 +216,7 @@
     };
     const { min, max, ...restInputProps } = inputProps;
     const input = inputProps.type === "number" || inputProps.type === "integer" ? /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.NumberInput,
+      core.NumberInput,
       {
         onChange: !readonly ? handleNumberChange : void 0,
         ...componentProps,
@@ -231,7 +231,7 @@
         "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.TextInput,
+      core.TextInput,
       {
         onChange: !readonly ? handleChange : void 0,
         ...componentProps,
@@ -246,7 +246,7 @@
       input,
       options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsxRuntime.jsx(ClearButton2, { registry, onClick: handleClear }),
       children,
-      /* @__PURE__ */ jsxRuntime.jsx(core.SchemaExamples, { id, schema })
+      /* @__PURE__ */ jsxRuntime.jsx(core$1.SchemaExamples, { id, schema })
     ] });
   }
   function Plus({ size, style, ...others }) {
@@ -391,10 +391,10 @@
       }
     );
   }
-  function IconButton(props) {
+  function IconButtonFn(props) {
     const { icon, iconType = "sm", color, onClick, uiSchema, registry, ...otherProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.ActionIcon,
+      core.ActionIcon,
       {
         size: iconType,
         color,
@@ -404,13 +404,16 @@
       }
     );
   }
-  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), variant: "subtle", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(Copy, {}) });
   }
-  function MoveDownButton(props) {
+  var CopyButton = react.memo(CopyButtonFn);
+  function MoveDownButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -424,7 +427,8 @@
       }
     );
   }
-  function MoveUpButton(props) {
+  var MoveDownButton = react.memo(MoveDownButtonFn);
+  function MoveUpButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -438,7 +442,8 @@
       }
     );
   }
-  function RemoveButton(props) {
+  var MoveUpButton = react.memo(MoveUpButtonFn);
+  function RemoveButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -453,24 +458,26 @@
       }
     );
   }
-  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), variant: "subtle", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(X, {}) });
   }
+  var ClearButton = react.memo(ClearButtonFn);
   function AddButton(props) {
     const {
       registry: { translateString }
     } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(Plus, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { title: translateString(utils.TranslatableString.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(Plus, {}) });
   }
   function SubmitButton({ uiSchema }) {
     const { submitText, norender, props: submitButtonProps = {} } = utils.getSubmitButtonOptions(uiSchema);
     if (norender) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Button, { type: "submit", variant: "filled", ...submitButtonProps, children: submitText });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Button, { type: "submit", variant: "filled", ...submitButtonProps, children: submitText });
   }
 
   // src/templates/ButtonTemplates/index.ts
@@ -489,7 +496,7 @@
   function DescriptionField(props) {
     const { id, description, registry, uiSchema } = props;
     if (description) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core$1.Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(core.RichDescription, { description, registry, uiSchema }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(core.Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(core$1.RichDescription, { description, registry, uiSchema }) });
     }
     return null;
   }
@@ -499,13 +506,16 @@
   }) {
     const { translateString } = registry;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.Alert,
+      core.Alert,
       {
         color: "red",
         variant: "transparent",
-        title: /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { order: 5, fw: "normal", children: translateString(utils.TranslatableString.ErrorsLabel) }),
+        title: /* @__PURE__ */ jsxRuntime.jsx(core.Title, { order: 5, fw: "normal", children: translateString(utils.TranslatableString.ErrorsLabel) }),
         icon: /* @__PURE__ */ jsxRuntime.jsx(ExclamationCircle, {}),
-        children: /* @__PURE__ */ jsxRuntime.jsx(core$1.List, { children: errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.List, { children: errors.map((error, index) => (
+          // oxlint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ jsxRuntime.jsx(core.List.Item, { c: "red", children: error.stack }, `error-${index}`)
+        )) })
       }
     );
   }
@@ -514,14 +524,17 @@
       return null;
     }
     const id = utils.errorId(fieldPathId);
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { id, c: "red", display: "none", children: /* @__PURE__ */ jsxRuntime.jsx(core$1.List, { children: errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.List.Item, { children: error }, `field-error-${index}`)) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { id, c: "red", display: "none", children: /* @__PURE__ */ jsxRuntime.jsx(core.List, { children: errors.map((error, index) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsxRuntime.jsx(core.List.Item, { children: error }, `field-error-${index}`)
+    )) }) });
   }
   function FieldHelpTemplate(props) {
     const { fieldPathId, help, uiSchema, registry } = props;
     if (!help) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Text, { id: utils.helpId(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ jsxRuntime.jsx(core.RichHelp, { help, registry, uiSchema }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Text, { id: utils.helpId(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ jsxRuntime.jsx(core$1.RichHelp, { help, registry, uiSchema }) });
   }
   function FieldTemplate(props) {
     const {
@@ -548,7 +561,7 @@
       uiOptions
     );
     if (hidden) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { display: "none", children });
+      return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { display: "none", children });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
       WrapIfAdditionalTemplate2,
@@ -574,15 +587,15 @@
   function GridTemplate(props) {
     const { children, column, fluid = true, ...rest } = props;
     if (column) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { ...rest, children });
+      return /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { ...rest, children });
     }
     if (fluid) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core$1.Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid, { ...rest, children }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(core.Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(core.Grid, { ...rest, children }) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid, { grow: true, ...rest, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Grid, { grow: true, ...rest, children });
   }
   function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Stack, { style: { marginBottom: "1rem" }, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { style: { marginBottom: "1rem" }, children: [
       selector,
       optionSchemaField
     ] });
@@ -617,7 +630,7 @@
     const gridCols = typeof uiOptions?.gridCols === "number" && uiOptions?.gridCols || void 0;
     const gridSpacing = uiOptions?.gridSpacing;
     const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
-    return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Container, { id: fieldPathId.$id, p: 0, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Container, { id: fieldPathId.$id, p: 0, children: [
       title && /* @__PURE__ */ jsxRuntime.jsx(
         TitleFieldTemplate,
         {
@@ -641,7 +654,7 @@
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        core$1.SimpleGrid,
+        core.SimpleGrid,
         {
           cols: gridCols,
           spacing: gridSpacing,
@@ -649,11 +662,11 @@
           mb: "sm",
           children: [
             !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-            properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { children: element.content }, element.name))
+            properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsxRuntime.jsx(core.Box, { children: element.content }, element.name))
           ]
         }
       ),
-      utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(core$1.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(core.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
         AddButton2,
         {
           id: utils.buttonId(fieldPathId, "add"),
@@ -680,7 +693,8 @@
           title: label
         }
       );
-    } else if (onRemoveClick) {
+    }
+    if (onRemoveClick) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton,
         {
@@ -697,11 +711,11 @@
   }
   function TitleField(props) {
     const { id, title, optionalDataControl } = props;
-    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { id, order: 3, fw: "normal", children: title }) : null;
+    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(core.Title, { id, order: 3, fw: "normal", children: title }) : null;
     if (optionalDataControl) {
-      heading = /* @__PURE__ */ jsxRuntime.jsxs(core$1.Grid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: "auto", children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: "content", children: optionalDataControl })
+      heading = /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "auto", children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: optionalDataControl })
       ] });
     }
     return heading;
@@ -736,10 +750,10 @@
       ...uiSchema,
       [utils.UI_OPTIONS_KEY]: { ...uiOptions, block: true }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, style, children: /* @__PURE__ */ jsxRuntime.jsxs(core$1.Flex, { gap: "xs", align: "end", justify: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(core$1.Grid, { w: "100%", align: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsxRuntime.jsx(
-          core$1.TextInput,
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, style, children: /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { gap: "xs", align: "end", justify: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { w: "100%", align: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsxRuntime.jsx(
+          core.TextInput,
           {
             className: "form-group",
             label: displayLabel ? keyLabel : void 0,
@@ -753,7 +767,7 @@
           },
           label
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: 6, className: "form-additional", children })
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 6, className: "form-additional", children })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton2,
@@ -838,9 +852,9 @@
     );
     const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, true);
     return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Label, { id: utils.titleId(id), required, children: label }),
+      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core.Input.Label, { id: utils.titleId(id), required, children: label }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        core$1.Checkbox.Group,
+        core.Checkbox.Group,
         {
           id,
           value: selectedIndexes,
@@ -850,19 +864,19 @@
           error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
           "aria-describedby": utils.ariaDescribedByIds(id),
           ...themeProps,
-          children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
-            core$1.Checkbox,
+          children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            core.Checkbox,
             {
               id: utils.optionId(id, i),
               name: htmlName || id,
               value: utils.enumOptionValueEncoder(option.value, i, optionValueFormat),
               label: option.label,
-              disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+              disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
               autoFocus: i === 0 && autofocus,
               onBlur: handleBlur,
               onFocus: handleFocus
             },
-            i
+            String(option.value)
           )) }) : null
         }
       )
@@ -931,7 +945,7 @@
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        core$1.Checkbox,
+        core.Checkbox,
         {
           id,
           name: htmlName || name,
@@ -991,7 +1005,7 @@
       [onFocus, id]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.ColorInput,
+      core.ColorInput,
       {
         id,
         name,
@@ -1020,33 +1034,39 @@
     const { translateString } = registry;
     const { elements, handleChange, handleClear, handleSetNow } = utils.useAltDateWidgetProps(props);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Label, { id: utils.titleId(id), required, children: label }),
-      /* @__PURE__ */ jsxRuntime.jsxs(core$1.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
+      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core.Input.Label, { id: utils.titleId(id), required, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
         elements.map((elemProps, i) => {
           const elemId = `${id}_${elemProps.type}`;
-          return /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            core$1.Select,
-            {
-              id: elemId,
-              name: elemId,
-              placeholder: elemProps.type,
-              disabled: disabled || readonly,
-              data: utils.dateRangeOptions(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
-              value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
-              onChange: (v) => handleChange(elemProps.type, v || void 0),
-              searchable: false,
-              allowDeselect: false,
-              comboboxProps: { withinPortal: false },
-              "aria-describedby": utils.ariaDescribedByIds(elemId)
-            }
-          ) }, i);
+          return (
+            // oxlint-disable-next-line react/no-array-index-key
+            /* @__PURE__ */ jsxRuntime.jsx(core.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              core.Select,
+              {
+                id: elemId,
+                name: elemId,
+                placeholder: elemProps.type,
+                disabled: disabled || readonly,
+                data: utils.dateRangeOptions(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
+                value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
+                onChange: (v) => handleChange(elemProps.type, v || void 0),
+                searchable: false,
+                allowDeselect: false,
+                comboboxProps: { withinPortal: false },
+                "aria-describedby": utils.ariaDescribedByIds(elemId)
+              }
+            ) }, i)
+          );
         }),
-        /* @__PURE__ */ jsxRuntime.jsxs(core$1.Group, { wrap: "nowrap", gap: 3, children: [
-          (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsxRuntime.jsx(core$1.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(utils.TranslatableString.NowLabel) }),
-          (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsxRuntime.jsx(core$1.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(utils.TranslatableString.ClearLabel) })
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { wrap: "nowrap", gap: 3, children: [
+          (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(utils.TranslatableString.NowLabel) }),
+          (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(utils.TranslatableString.ClearLabel) })
         ] })
       ] }),
-      rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
+      rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsxRuntime.jsx(core.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
+      ))
     ] });
   }
   var dateParser = (input, format) => {
@@ -1237,12 +1257,15 @@
     );
     const ValueComponent = react.useCallback(() => {
       if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-        return /* @__PURE__ */ jsxRuntime.jsx(core$1.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
+        return /* @__PURE__ */ jsxRuntime.jsx(core.Pill.Group, { children: filesInfo.map((file, index) => (
+          // oxlint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ jsxRuntime.jsx(core.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)
+        )) });
       }
       return null;
     }, [handleRemove, filesInfo]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.FileInput,
+      core.FileInput,
       {
         id,
         name,
@@ -1279,7 +1302,7 @@
       onBlur,
       onFocus
     } = props;
-    const emptyValue = options.emptyValue;
+    const { emptyValue } = options;
     const themeProps = cleanupOptions(options);
     const handleChange = react.useCallback(
       (e) => {
@@ -1304,7 +1327,7 @@
       [onFocus, id]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.PasswordInput,
+      core.PasswordInput,
       {
         id,
         name,
@@ -1369,7 +1392,7 @@
     );
     const selected = utils.enumOptionsIndexForValue(value, enumOptions);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.Radio.Group,
+      core.Radio.Group,
       {
         id,
         name: htmlName || id,
@@ -1381,18 +1404,18 @@
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
         "aria-describedby": utils.ariaDescribedByIds(id),
         ...themeProps,
-        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          core$1.Radio,
+        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          core.Radio,
           {
             id: utils.optionId(id, i),
             value: utils.enumOptionValueEncoder(option.value, i, optionValueFormat),
             label: option.label,
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+            disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
             autoFocus: i === 0 && autofocus,
             onBlur: handleBlur,
             onFocus: handleFocus
           },
-          i
+          String(option.value)
         )) }) : null
       }
     );
@@ -1436,10 +1459,10 @@
       }
     }, [onFocus, id, value]);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Label, { id: utils.titleId(id), required, children: label }),
-      options?.description && /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Description, { children: options.description }),
+      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core.Input.Label, { id: utils.titleId(id), required, children: label }),
+      options?.description && /* @__PURE__ */ jsxRuntime.jsx(core.Input.Description, { children: options.description }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        core$1.Slider,
+        core.Slider,
         {
           id,
           name,
@@ -1456,7 +1479,10 @@
           "aria-describedby": utils.ariaDescribedByIds(id)
         }
       ),
-      rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Error, { children: error }, `range-widget-input-errors-${index}`))
+      rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsxRuntime.jsx(core.Input.Error, { children: error }, `range-widget-input-errors-${index}`)
+      ))
     ] });
   }
   function SelectWidget(props) {
@@ -1511,7 +1537,7 @@
           key: String(index),
           value: utils.enumOptionValueEncoder(option.value, index, optionValueFormat),
           label: option.label,
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1
+          disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value)
         }));
       }
       return [];
@@ -1535,13 +1561,13 @@
       ...themeProps
     };
     return multiple ? /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.MultiSelect,
+      core.MultiSelect,
       {
         ...sharedProps,
         value: utils.enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, [])
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.Select,
+      core.Select,
       {
         ...sharedProps,
         value: utils.enumOptionSelectedValue(value, enumOptions, false, optionValueFormat, null)
@@ -1592,7 +1618,7 @@
       [onFocus, id]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.Textarea,
+      core.Textarea,
       {
         id,
         name: htmlName || name,
@@ -1645,7 +1671,7 @@
 
   // src/Form/index.ts
   function generateForm() {
-    return core.withTheme(generateTheme());
+    return core$1.withTheme(generateTheme());
   }
   var Form_default = generateForm();
 

package/lib/Form/index.d.ts

@@ -1,6 +1,6 @@
-import { ComponentType } from 'react';
-import { FormProps } from '@rjsf/core';
-import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { ComponentType } from 'react';
+import type { FormProps } from '@rjsf/core';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 export declare function generateForm<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): ComponentType<FormProps<T, S, F>>;
 declare const _default: ComponentType<FormProps<any, RJSFSchema, any>>;
 export default _default;

package/lib/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,YAAY;IAK1B,OAAO,SAAS,CAAU,aAAa,EAAW,CAAC,CAAC;AACtD,CAAC;AAED,eAAe,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,YAAY;IAK1B,OAAO,SAAS,CAAU,aAAa,EAAW,CAAC,CAAC;AACtD,CAAC;AAED,eAAe,YAAY,EAAE,CAAC"}

package/lib/Theme/index.d.ts

@@ -1,5 +1,5 @@
-import { ThemeProps } from '@rjsf/core';
-import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import type { ThemeProps } from '@rjsf/core';
+import type { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 export declare function generateTheme<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): ThemeProps<T, S, F>;
 declare const _default: ThemeProps<any, RJSFSchema, any>;
 export default _default;

package/lib/templates/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/templates/ArrayFieldItemTemplate.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex, Group } from '@mantine/core';
-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/templates/ArrayFieldItemTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldItemTemplate.js","sourceRoot":"","sources":["../../src/templates/ArrayFieldItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAGL,WAAW,EACX,YAAY,GAGb,MAAM,aAAa,CAAC;AAErB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA2C;IAC3C,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3F,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IAA6B,SAAS,EAAE,SAAS,IAAI,iBAAiB,EAAE,EAAE,EAAC,IAAI,YACjF,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,aACzC,KAAC,GAAG,IAAC,CAAC,EAAC,MAAM,YAAE,QAAQ,GAAO,EAC7B,UAAU,IAAI,CACb,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAChC,KAAC,6BAA6B,OAAK,YAAY,GAAI,GAC7C,CACT,IACI,IARC,cAAc,KAAK,EAAE,CASzB,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ArrayFieldItemTemplate.js","sourceRoot":"","sources":["../../src/templates/ArrayFieldItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA2C;IAC3C,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3F,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IAA6B,SAAS,EAAE,SAAS,IAAI,iBAAiB,EAAE,EAAE,EAAC,IAAI,YACjF,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,aACzC,KAAC,GAAG,IAAC,CAAC,EAAC,MAAM,YAAE,QAAQ,GAAO,EAC7B,UAAU,IAAI,CACb,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAChC,KAAC,6BAA6B,OAAK,YAAY,GAAI,GAC7C,CACT,IACI,IARC,cAAc,KAAK,EAAE,CASzB,CACP,CAAC;AACJ,CAAC"}

package/lib/templates/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