@rjsf/chakra-ui 5.0.2 → 5.2.0

package/dist/chakra-ui.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('react'), require('@chakra-ui/react'), require('@chakra-ui/icons'), require('@rjsf/utils'), require('chakra-react-select'), require('@emotion/react'), require('@emotion/cache'), require('@emotion/weak-memoize')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'react', '@chakra-ui/react', '@chakra-ui/icons', '@rjsf/utils', 'chakra-react-select', '@emotion/react', '@emotion/cache', '@emotion/weak-memoize'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/chakra-ui"] = {}, global.core, global.React, global.react, global.icons, global.utils, global.chakraReactSelect, global.react$1, global.createCache, global.weakMemoize));
-})(this, (function (exports, core, React, react, icons, utils, chakraReactSelect, react$1, createCache, weakMemoize) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('react'), require('@rjsf/utils'), require('@chakra-ui/react'), require('@chakra-ui/icons'), require('chakra-react-select'), require('@emotion/react'), require('@emotion/cache'), require('@emotion/weak-memoize')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'react', '@rjsf/utils', '@chakra-ui/react', '@chakra-ui/icons', 'chakra-react-select', '@emotion/react', '@emotion/cache', '@emotion/weak-memoize'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/chakra-ui"] = {}, global.core, global.React, global.utils, global.react, global.icons, global.chakraReactSelect, global.react$1, global.createCache, global.weakMemoize));
+})(this, (function (exports, core, React, utils, react, icons, chakraReactSelect, react$1, createCache, weakMemoize) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -58,10 +58,12 @@
 
   var _excluded$2 = ["uiSchema", "registry"];
   function AddButton(_ref) {
-    var props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    var registry = _ref.registry,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    var translateString = registry.translateString;
     return React__default["default"].createElement(react.Button, _extends({
       leftIcon: React__default["default"].createElement(icons.AddIcon, null)
-    }, props), "Add Item");
+    }, props), translateString(utils.TranslatableString.AddItemButton));
   }
 
   function ArrayFieldItemTemplate(props) {
@@ -273,13 +275,15 @@
   }
 
   function ErrorList(_ref) {
-    var errors = _ref.errors;
+    var errors = _ref.errors,
+      registry = _ref.registry;
+    var translateString = registry.translateString;
     return React__default["default"].createElement(react.Alert, {
       flexDirection: "column",
       alignItems: "flex-start",
       gap: 3,
       status: "error"
-    }, React__default["default"].createElement(react.AlertTitle, null, "Errors"), React__default["default"].createElement(react.List, null, errors.map(function (error, i) {
+    }, React__default["default"].createElement(react.AlertTitle, null, translateString(utils.TranslatableString.ErrorsLabel)), React__default["default"].createElement(react.List, null, errors.map(function (error, i) {
       return React__default["default"].createElement(react.ListItem, {
         key: i
       }, React__default["default"].createElement(react.ListIcon, {
@@ -303,22 +307,25 @@
   var ChakraIconButton$1 = /*#__PURE__*/React__default["default"].memo(ChakraIconButton);
 
   function MoveDownButton(props) {
+    var translateString = props.registry.translateString;
     return React__default["default"].createElement(ChakraIconButton$1, _extends({
-      title: "Move down"
+      title: translateString(utils.TranslatableString.MoveDownButton)
     }, props, {
       icon: React__default["default"].createElement(icons.ArrowDownIcon, null)
     }));
   }
   function MoveUpButton(props) {
+    var translateString = props.registry.translateString;
     return React__default["default"].createElement(ChakraIconButton$1, _extends({
-      title: "Move up"
+      title: translateString(utils.TranslatableString.MoveUpButton)
     }, props, {
       icon: React__default["default"].createElement(icons.ArrowUpIcon, null)
     }));
   }
   function RemoveButton(props) {
+    var translateString = props.registry.translateString;
     return React__default["default"].createElement(ChakraIconButton$1, _extends({
-      title: "Remove"
+      title: translateString(utils.TranslatableString.RemoveButton)
     }, props, {
       icon: React__default["default"].createElement(icons.DeleteIcon, null)
     }));
@@ -504,8 +511,11 @@
       required = props.required,
       schema = props.schema,
       uiSchema = props.uiSchema;
+    var templates = registry.templates,
+      translateString = registry.translateString;
     // Button templates are not overridden in the uiSchema
-    var RemoveButton = registry.templates.ButtonTemplates.RemoveButton;
+    var RemoveButton = templates.ButtonTemplates.RemoveButton;
+    var keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
     var additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
     if (!additional) {
       return React__default["default"].createElement("div", {
@@ -513,7 +523,6 @@
         style: style
       }, children);
     }
-    var keyLabel = label + " Key";
     var handleBlur = function handleBlur(_ref) {
       var target = _ref.target;
       return onKeyChange(target.value);
@@ -616,6 +625,7 @@
       registry = props.registry,
       showTime = props.showTime,
       value = props.value;
+    var translateString = registry.translateString;
     var _useState = React.useState(utils.parseDateString(value, showTime)),
       state = _useState[0],
       setState = _useState[1];
@@ -713,11 +723,11 @@
         return handleNow(e);
       },
       mr: "2"
-    }, "Now"), !options.hideClearButton && React__default["default"].createElement(react.Button, {
+    }, translateString(utils.TranslatableString.NowLabel)), !options.hideClearButton && React__default["default"].createElement(react.Button, {
       onClick: function onClick(e) {
         return handleClear(e);
       }
-    }, "Clear")));
+    }, translateString(utils.TranslatableString.ClearLabel))));
   }
   AltDateWidget.defaultProps = {
     autofocus: false,
@@ -1005,7 +1015,7 @@
     var displayEnumOptions = Array.isArray(enumOptions) ? enumOptions.map(function (option, index) {
       var value = option.value,
         label = option.label;
-      _valueLabelMap[index] = label;
+      _valueLabelMap[index] = label || String(value);
       return {
         label: label,
         value: String(index),
@@ -1013,14 +1023,15 @@
       };
     }) : [];
     var isMultiple = typeof multiple !== "undefined" && Boolean(enumOptions);
-    var formValue = isMultiple ? (value || []).map(function (v, index) {
+    var selectedIndex = utils.enumOptionsIndexForValue(value, enumOptions, isMultiple);
+    var formValue = isMultiple ? (selectedIndex || []).map(function (i) {
       return {
-        label: _valueLabelMap[index] || v,
-        value: index
+        label: _valueLabelMap[i],
+        value: i
       };
     }) : {
-      label: _valueLabelMap[0] || value || "",
-      value: 0
+      label: _valueLabelMap[selectedIndex] || "",
+      selectedIndex: selectedIndex
     };
     return React__default["default"].createElement(react.FormControl, _extends({
       mb: 1