@rjsf/antd 5.0.2 → 5.2.0

package/dist/antd.esm.js

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
 import Button from 'antd/es/button';
 import Col from 'antd/es/col';
 import Row from 'antd/es/row';
-import { getUiOptions, getTemplate, getInputProps, ariaDescribedByIds, examplesId, errorId, titleId, descriptionId, canExpand, getSubmitButtonOptions, UI_OPTIONS_KEY, ADDITIONAL_PROPERTY_FLAG, parseDateString, toDateString, pad, enumOptionsIndexForValue, optionId, enumOptionsValueForIndex, rangeSpec } from '@rjsf/utils';
+import { getUiOptions, getTemplate, getInputProps, ariaDescribedByIds, examplesId, TranslatableString, errorId, titleId, descriptionId, canExpand, getSubmitButtonOptions, UI_OPTIONS_KEY, ADDITIONAL_PROPERTY_FLAG, parseDateString, toDateString, pad, enumOptionsIndexForValue, optionId, enumOptionsValueForIndex, rangeSpec } from '@rjsf/utils';
 import classNames from 'classnames';
 import { ConfigConsumer } from 'antd/es/config-provider/context';
 import Input from 'antd/es/input';
@@ -305,7 +305,9 @@ function DescriptionField(props) {
  * @param props - The `ErrorListProps` for this component
  */
 function ErrorList(_ref) {
-  var errors = _ref.errors;
+  var errors = _ref.errors,
+    registry = _ref.registry;
+  var translateString = registry.translateString;
   var renderErrors = function renderErrors() {
     return /*#__PURE__*/React.createElement(List, {
       className: "list-group",
@@ -319,7 +321,7 @@ function ErrorList(_ref) {
   return /*#__PURE__*/React.createElement(Alert, {
     className: "panel panel-danger errors",
     description: renderErrors(),
-    message: "Errors",
+    message: translateString(TranslatableString.ErrorsLabel),
     type: "error"
   });
 }
@@ -336,8 +338,9 @@ function IconButton(props) {
   }, otherProps));
 }
 function AddButton(props) {
+  var translateString = props.registry.translateString;
   return /*#__PURE__*/React.createElement(IconButton, _extends({
-    title: "Add Item"
+    title: translateString(TranslatableString.AddItemButton)
   }, props, {
     block: true,
     iconType: "primary",
@@ -345,15 +348,17 @@ function AddButton(props) {
   }));
 }
 function MoveDownButton(props) {
+  var translateString = props.registry.translateString;
   return /*#__PURE__*/React.createElement(IconButton, _extends({
-    title: "Move down"
+    title: translateString(TranslatableString.MoveDownButton)
   }, props, {
     icon: /*#__PURE__*/React.createElement(ArrowDownOutlined, null)
   }));
 }
 function MoveUpButton(props) {
+  var translateString = props.registry.translateString;
   return /*#__PURE__*/React.createElement(IconButton, _extends({
-    title: "Move up"
+    title: translateString(TranslatableString.MoveUpButton)
   }, props, {
     icon: /*#__PURE__*/React.createElement(ArrowUpOutlined, null)
   }));
@@ -361,8 +366,9 @@ function MoveUpButton(props) {
 function RemoveButton(props) {
   // The `block` prop is not part of the `IconButtonProps` defined in the template, so get it from the uiSchema instead
   var options = getUiOptions(props.uiSchema);
+  var translateString = props.registry.translateString;
   return /*#__PURE__*/React.createElement(IconButton, _extends({
-    title: "Remove"
+    title: translateString(TranslatableString.RemoveButton)
   }, props, {
     danger: true,
     block: !!options.block,
@@ -694,9 +700,11 @@ function WrapIfAdditionalTemplate(props) {
     _registry$formContext6 = _registry$formContext.wrapperCol,
     wrapperCol = _registry$formContext6 === void 0 ? VERTICAL_WRAPPER_COL : _registry$formContext6,
     wrapperStyle = _registry$formContext.wrapperStyle;
+  var templates = registry.templates,
+    translateString = registry.translateString;
   // Button templates are not overridden in the uiSchema
-  var RemoveButton = registry.templates.ButtonTemplates.RemoveButton;
-  var keyLabel = label + " Key"; // i18n ?
+  var RemoveButton = templates.ButtonTemplates.RemoveButton;
+  var keyLabel = translateString(TranslatableString.KeyLabel, [label]);
   var additional = (ADDITIONAL_PROPERTY_FLAG in schema);
   if (!additional) {
     return /*#__PURE__*/React.createElement("div", {
@@ -848,7 +856,9 @@ function AltDateWidget(props) {
     registry = props.registry,
     showTime = props.showTime,
     value = props.value;
-  var SelectWidget = registry.widgets.SelectWidget;
+  var translateString = registry.translateString,
+    widgets = registry.widgets;
+  var SelectWidget = widgets.SelectWidget;
   var _formContext$rowGutte = formContext.rowGutter,
     rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
   var _useState = useState(parseDateString(value, showTime)),
@@ -935,7 +945,7 @@ function AltDateWidget(props) {
     className: "btn-now",
     onClick: handleNow,
     type: "primary"
-  }, "Now")), !options.hideClearButton && /*#__PURE__*/React.createElement(Col, {
+  }, translateString(TranslatableString.NowLabel))), !options.hideClearButton && /*#__PURE__*/React.createElement(Col, {
     flex: "88px"
   }, /*#__PURE__*/React.createElement(Button, {
     block: true,
@@ -943,7 +953,7 @@ function AltDateWidget(props) {
     danger: true,
     onClick: handleClear,
     type: "primary"
-  }, "Clear")));
+  }, translateString(TranslatableString.ClearLabel))));
 }
 AltDateWidget.defaultProps = {
   autofocus: false,