@rjsf/chakra-ui 5.0.2 → 5.2.0

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@rjsf/core');
 var React = require('react');
+var utils = require('@rjsf/utils');
 var react = require('@chakra-ui/react');
 var icons = require('@chakra-ui/icons');
-var utils = require('@rjsf/utils');
 var chakraReactSelect = require('chakra-react-select');
 var react$1 = require('@emotion/react');
 var createCache = require('@emotion/cache');
@@ -66,10 +66,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 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) {
@@ -281,13 +283,15 @@ function DescriptionField(_ref) {
 }
 
 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, {
@@ -311,22 +315,25 @@ ChakraIconButton.displayName = "ChakraIconButton";
 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)
   }));
@@ -512,8 +519,11 @@ function WrapIfAdditionalTemplate(props) {
     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", {
@@ -521,7 +531,6 @@ function WrapIfAdditionalTemplate(props) {
       style: style
     }, children);
   }
-  var keyLabel = label + " Key";
   var handleBlur = function handleBlur(_ref) {
     var target = _ref.target;
     return onKeyChange(target.value);
@@ -624,6 +633,7 @@ function AltDateWidget(props) {
     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];
@@ -721,11 +731,11 @@ function AltDateWidget(props) {
       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,
@@ -1013,7 +1023,7 @@ function SelectWidget(props) {
   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),
@@ -1021,14 +1031,15 @@ function SelectWidget(props) {
     };
   }) : [];
   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