@rjsf/chakra-ui 6.5.2 → 6.6.0

package/dist/chakra-ui.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('@rjsf/utils'), require('@chakra-ui/react'), require('lucide-react'), require('react/jsx-runtime'), require('react'), require('@emotion/is-prop-valid'), require('react-icons/lu'), require('@emotion/react'), require('@emotion/cache'), require('@emotion/weak-memoize')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', '@rjsf/utils', '@chakra-ui/react', 'lucide-react', 'react/jsx-runtime', 'react', '@emotion/is-prop-valid', 'react-icons/lu', '@emotion/react', '@emotion/cache', '@emotion/weak-memoize'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/chakra-ui"] = {}, global.core, global.utils, global.react$1, global.lucideReact, global.jsxRuntime, global.react, global.shouldForwardProp, global.lu, global.react$2, global.createCache, global.weakMemoize));
-})(this, (function (exports, core, utils, react$1, lucideReact, jsxRuntime, react, shouldForwardProp, lu, react$2, createCache, weakMemoize) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('@chakra-ui/react'), require('@rjsf/utils'), require('lucide-react'), require('react/jsx-runtime'), require('react'), require('@emotion/is-prop-valid'), require('react-icons/lu'), require('@emotion/cache'), require('@emotion/react'), require('@emotion/weak-memoize')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', '@chakra-ui/react', '@rjsf/utils', 'lucide-react', 'react/jsx-runtime', 'react', '@emotion/is-prop-valid', 'react-icons/lu', '@emotion/cache', '@emotion/react', '@emotion/weak-memoize'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/chakra-ui"] = {}, global.core, global.react$1, global.utils, global.lucideReact, global.jsxRuntime, global.react, global.shouldForwardProp, global.lu, global.createCache, global.react$2, global.weakMemoize));
+})(this, (function (exports, core, react$1, utils, lucideReact, jsxRuntime, react, shouldForwardProp, lu, createCache, react$2, weakMemoize) { 'use strict';
 
   // src/Form/Form.tsx
   function AddButton({
@@ -220,63 +220,6 @@
     const { translateString } = registry;
     return /* @__PURE__ */ jsxRuntime.jsx(Alert, { status: "error", title: translateString(utils.TranslatableString.ErrorsLabel), mb: 3, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ListRoot, { listStylePosition: "inside", children: errors.map((error, i) => /* @__PURE__ */ jsxRuntime.jsx(react$1.ListItem, { children: error.stack }, i)) }) });
   }
-  function ChakraIconButton2(props) {
-    const { icon, iconType, uiSchema, registry, ...otherProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(react$1.IconButton, { "aria-label": props.title, ...otherProps, children: icon });
-  }
-  ChakraIconButton2.displayName = "ChakraIconButton";
-  var ChakraIconButton_default = react.memo(ChakraIconButton2);
-  function CopyButton(props) {
-    const {
-      registry: { translateString }
-    } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(ChakraIconButton_default, { title: translateString(utils.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, {}) });
-  }
-  function MoveDownButton(props) {
-    const {
-      registry: { translateString }
-    } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ChakraIconButton_default,
-      {
-        title: translateString(utils.TranslatableString.MoveDownButton),
-        ...props,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, {})
-      }
-    );
-  }
-  function MoveUpButton(props) {
-    const {
-      registry: { translateString }
-    } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ChakraIconButton_default,
-      {
-        title: translateString(utils.TranslatableString.MoveUpButton),
-        ...props,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, {})
-      }
-    );
-  }
-  function RemoveButton(props) {
-    const {
-      registry: { translateString }
-    } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ChakraIconButton_default,
-      {
-        title: translateString(utils.TranslatableString.RemoveButton),
-        ...props,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DeleteIcon, {})
-      }
-    );
-  }
-  function ClearButton(props) {
-    const {
-      registry: { translateString }
-    } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(ChakraIconButton_default, { title: translateString(utils.TranslatableString.ClearButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) });
-  }
   function FieldErrorTemplate(props) {
     const { errors = [], fieldPathId } = props;
     if (errors.length === 0) {
@@ -361,6 +304,63 @@
     }
     return /* @__PURE__ */ jsxRuntime.jsx(react$1.Grid, { ...rest, children });
   }
+  function ChakraIconButton2(props) {
+    const { icon, iconType, uiSchema, registry, ...otherProps } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(react$1.IconButton, { "aria-label": props.title, ...otherProps, children: icon });
+  }
+  ChakraIconButton2.displayName = "ChakraIconButton";
+  var ChakraIconButton_default = react.memo(ChakraIconButton2);
+  function CopyButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(ChakraIconButton_default, { title: translateString(utils.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, {}) });
+  }
+  function MoveDownButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ChakraIconButton_default,
+      {
+        title: translateString(utils.TranslatableString.MoveDownButton),
+        ...props,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, {})
+      }
+    );
+  }
+  function MoveUpButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ChakraIconButton_default,
+      {
+        title: translateString(utils.TranslatableString.MoveUpButton),
+        ...props,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, {})
+      }
+    );
+  }
+  function RemoveButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ChakraIconButton_default,
+      {
+        title: translateString(utils.TranslatableString.RemoveButton),
+        ...props,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DeleteIcon, {})
+      }
+    );
+  }
+  function ClearButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(ChakraIconButton_default, { title: translateString(utils.TranslatableString.ClearButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) });
+  }
   function MultiSchemaFieldTemplate(props) {
     const { optionSchemaField, selector } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(react$1.Card.Root, { mb: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Card.Body, { pb: 2, children: [
@@ -650,6 +650,69 @@
       children != null && /* @__PURE__ */ jsxRuntime.jsx(react$1.Checkbox.Label, { children })
     ] });
   });
+  function CheckboxesWidget(props) {
+    const {
+      id,
+      htmlName,
+      disabled,
+      options,
+      value,
+      readonly,
+      onChange,
+      onBlur,
+      onFocus,
+      required,
+      label,
+      rawErrors = [],
+      hideLabel,
+      uiSchema
+    } = props;
+    const { enumOptions, enumDisabled, emptyValue } = options;
+    const optionValueFormat = utils.getOptionValueFormat(options);
+    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+    const row = options ? options.inline : false;
+    const selectValue = utils.enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, []);
+    const chakraProps = getChakra({ });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      react$1.FieldsetRoot,
+      {
+        mb: 1,
+        disabled: disabled || readonly,
+        invalid: rawErrors && rawErrors.length > 0,
+        ...chakraProps,
+        children: [
+          !hideLabel && label && /* @__PURE__ */ jsxRuntime.jsx(react$1.FieldsetLegend, { children: utils.labelValue(label) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            react$1.CheckboxGroup,
+            {
+              onValueChange: (option) => onChange(utils.enumOptionValueDecoder(option, enumOptions, optionValueFormat, emptyValue)),
+              value: selectValue,
+              "aria-describedby": utils.ariaDescribedByIds(id),
+              readOnly: readonly,
+              invalid: required && value.length === 0,
+              children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+                const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  Checkbox,
+                  {
+                    id: utils.optionId(id, index),
+                    name: htmlName || id,
+                    value: utils.enumOptionValueEncoder(option.value, index, optionValueFormat),
+                    disabled: disabled || itemDisabled || readonly,
+                    onBlur: _onBlur,
+                    onFocus: _onFocus,
+                    children: option.label && /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { children: option.label })
+                  },
+                  index
+                );
+              }) })
+            }
+          )
+        ]
+      }
+    );
+  }
   function CheckboxWidget(props) {
     const {
       id,
@@ -707,66 +770,90 @@
       )
     ] });
   }
-  function CheckboxesWidget(props) {
+  function NativeSelectWidget(props) {
     const {
       id,
-      htmlName,
-      disabled,
       options,
-      value,
+      label,
+      hideLabel,
+      placeholder,
+      multiple,
+      required,
+      disabled,
       readonly,
+      value,
+      autofocus,
       onChange,
       onBlur,
       onFocus,
-      required,
-      label,
       rawErrors = [],
-      hideLabel,
+      schema,
       uiSchema
     } = props;
     const { enumOptions, enumDisabled, emptyValue } = options;
-    const optionValueFormat = utils.getOptionValueFormat(options);
-    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
-    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
-    const row = options ? options.inline : false;
-    const selectValue = utils.enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, []);
+    const _onChange = ({ target }) => {
+      return onChange(utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+    };
+    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+    const showPlaceholderOption = !multiple && schema.default === void 0;
+    const { valueLabelMap, displayEnumOptions } = react.useMemo(() => {
+      const valueLabelMap2 = {};
+      let displayEnumOptions2 = [];
+      if (Array.isArray(enumOptions)) {
+        displayEnumOptions2 = enumOptions.map((option, index) => {
+          const { value: value2, label: label2 } = option;
+          valueLabelMap2[index] = label2 || String(value2);
+          return {
+            label: label2,
+            value: String(index),
+            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+          };
+        });
+      }
+      return { valueLabelMap: valueLabelMap2, displayEnumOptions: displayEnumOptions2 };
+    }, [enumDisabled, enumOptions]);
+    const selectedIndex = utils.enumOptionsIndexForValue(value, enumOptions, false);
+    const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
+      {
+        label: valueLabelMap[selectedIndex] || "",
+        value: selectedIndex.toString()
+      }
+    ] : [];
+    const formValue = getSingleValue()[0]?.value || "";
+    const selectOptions = react$1.createListCollection({
+      items: displayEnumOptions.filter((item) => item.value)
+    });
     const chakraProps = getChakra({ });
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      react$1.FieldsetRoot,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Field,
       {
         mb: 1,
         disabled: disabled || readonly,
+        required,
+        readOnly: readonly,
         invalid: rawErrors && rawErrors.length > 0,
+        label: utils.labelValue(label, hideLabel || !label),
         ...chakraProps,
-        children: [
-          !hideLabel && label && /* @__PURE__ */ jsxRuntime.jsx(react$1.FieldsetLegend, { children: utils.labelValue(label) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            react$1.CheckboxGroup,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.NativeSelect.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            react$1.NativeSelect.Field,
             {
-              onValueChange: (option) => onChange(utils.enumOptionValueDecoder(option, enumOptions, optionValueFormat, emptyValue)),
-              value: selectValue,
+              id,
+              onBlur: _onBlur,
+              onChange: _onChange,
+              onFocus: _onFocus,
+              autoFocus: autofocus,
+              value: formValue,
               "aria-describedby": utils.ariaDescribedByIds(id),
-              readOnly: readonly,
-              invalid: required && value.length === 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-                const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  Checkbox,
-                  {
-                    id: utils.optionId(id, index),
-                    name: htmlName || id,
-                    value: utils.enumOptionValueEncoder(option.value, index, optionValueFormat),
-                    disabled: disabled || itemDisabled || readonly,
-                    onBlur: _onBlur,
-                    onFocus: _onFocus,
-                    children: option.label && /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { children: option.label })
-                  },
-                  index
-                );
-              }) })
+              children: [
+                showPlaceholderOption ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, hidden: true, children: placeholder || "" }) : void 0,
+                selectOptions.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: item.value, children: item.label }, item.value))
+              ]
             }
-          )
-        ]
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.NativeSelect.Indicator, {})
+        ] })
       }
     );
   }
@@ -1063,93 +1150,6 @@
       }
     );
   }
-  function NativeSelectWidget(props) {
-    const {
-      id,
-      options,
-      label,
-      hideLabel,
-      placeholder,
-      multiple,
-      required,
-      disabled,
-      readonly,
-      value,
-      autofocus,
-      onChange,
-      onBlur,
-      onFocus,
-      rawErrors = [],
-      schema,
-      uiSchema
-    } = props;
-    const { enumOptions, enumDisabled, emptyValue } = options;
-    const _onChange = ({ target }) => {
-      return onChange(utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
-    };
-    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
-    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
-    const showPlaceholderOption = !multiple && schema.default === void 0;
-    const { valueLabelMap, displayEnumOptions } = react.useMemo(() => {
-      const valueLabelMap2 = {};
-      let displayEnumOptions2 = [];
-      if (Array.isArray(enumOptions)) {
-        displayEnumOptions2 = enumOptions.map((option, index) => {
-          const { value: value2, label: label2 } = option;
-          valueLabelMap2[index] = label2 || String(value2);
-          return {
-            label: label2,
-            value: String(index),
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
-          };
-        });
-      }
-      return { valueLabelMap: valueLabelMap2, displayEnumOptions: displayEnumOptions2 };
-    }, [enumDisabled, enumOptions]);
-    const selectedIndex = utils.enumOptionsIndexForValue(value, enumOptions, false);
-    const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
-      {
-        label: valueLabelMap[selectedIndex] || "",
-        value: selectedIndex.toString()
-      }
-    ] : [];
-    const formValue = getSingleValue()[0]?.value || "";
-    const selectOptions = react$1.createListCollection({
-      items: displayEnumOptions.filter((item) => item.value)
-    });
-    const chakraProps = getChakra({ });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Field,
-      {
-        mb: 1,
-        disabled: disabled || readonly,
-        required,
-        readOnly: readonly,
-        invalid: rawErrors && rawErrors.length > 0,
-        label: utils.labelValue(label, hideLabel || !label),
-        ...chakraProps,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.NativeSelect.Root, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            react$1.NativeSelect.Field,
-            {
-              id,
-              onBlur: _onBlur,
-              onChange: _onChange,
-              onFocus: _onFocus,
-              autoFocus: autofocus,
-              value: formValue,
-              "aria-describedby": utils.ariaDescribedByIds(id),
-              children: [
-                showPlaceholderOption ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, hidden: true, children: placeholder || "" }) : void 0,
-                selectOptions.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: item.value, children: item.label }, item.value))
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.NativeSelect.Indicator, {})
-        ] })
-      }
-    );
-  }
   function TextareaWidget({
     id,
     htmlName,