@rjsf/antd 6.5.3 → 6.6.0

package/dist/index.cjs

@@ -44,8 +44,8 @@ module.exports = __toCommonJS(index_exports);
 var import_core3 = require("@rjsf/core");
 
 // src/templates/ArrayFieldItemTemplate/index.tsx
-var import_antd = require("antd");
 var import_utils = require("@rjsf/utils");
+var import_antd = require("antd");
 var import_jsx_runtime = require("react/jsx-runtime");
 var BTN_GRP_STYLE = {
   width: "100%",
@@ -71,10 +71,10 @@ function ArrayFieldItemTemplate(props) {
 }
 
 // src/templates/ArrayFieldTemplate/index.tsx
+var import_react = require("react");
 var import_utils2 = require("@rjsf/utils");
-var import_classnames = __toESM(require("classnames"), 1);
 var import_antd2 = require("antd");
-var import_react = require("react");
+var import_classnames = __toESM(require("classnames"), 1);
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function ArrayFieldTemplate(props) {
   const {
@@ -145,9 +145,9 @@ function ArrayFieldTemplate(props) {
 
 // src/templates/BaseInputTemplate/index.tsx
 var import_react2 = require("react");
-var import_antd3 = require("antd");
-var import_utils3 = require("@rjsf/utils");
 var import_core = require("@rjsf/core");
+var import_utils3 = require("@rjsf/utils");
+var import_antd3 = require("antd");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var INPUT_STYLE = {
   width: "100%"
@@ -233,22 +233,11 @@ function BaseInputTemplate(props) {
   ] });
 }
 
-// src/templates/FieldDescriptionTemplate/index.tsx
-var import_core2 = require("@rjsf/core");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function DescriptionField(props) {
-  const { id, description, registry, uiSchema } = props;
-  if (!description) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { id, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core2.RichDescription, { description, registry, uiSchema }) });
-}
-
 // src/templates/ErrorList/index.tsx
 var import_antd4 = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_utils4 = require("@rjsf/utils");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var antdMajor = parseInt(import_antd4.version.split(".")[0], 10);
 function ErrorList({
   errors,
@@ -257,7 +246,7 @@ function ErrorList({
   const { translateString } = registry;
   const { token } = import_antd4.theme.useToken();
   const itemBorder = `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`;
-  const renderErrors = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { style: { margin: 0, padding: 0, listStyle: "none" }, children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const renderErrors = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { style: { margin: 0, padding: 0, listStyle: "none" }, children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "li",
     {
       style: {
@@ -267,120 +256,44 @@ function ErrorList({
         color: token.colorText,
         borderBlockEnd: index < errors.length - 1 ? itemBorder : "none"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_antd4.Space, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons.ExclamationCircleOutlined, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_antd4.Space, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons.ExclamationCircleOutlined, {}),
         error.stack
       ] })
     },
     index
   )) });
   const headerProp = antdMajor >= 6 ? { title: translateString(import_utils4.TranslatableString.ErrorsLabel) } : { message: translateString(import_utils4.TranslatableString.ErrorsLabel) };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_antd4.Alert, { className: "panel panel-danger errors", description: renderErrors(), type: "error", ...headerProp });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Alert, { className: "panel panel-danger errors", description: renderErrors(), type: "error", ...headerProp });
 }
 
-// src/templates/IconButton/index.tsx
-var import_antd5 = require("antd");
-var import_icons2 = require("@ant-design/icons");
-var import_utils5 = require("@rjsf/utils");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function IconButton(props) {
-  const { iconType = "default", icon, onClick, uiSchema, registry, color, ...otherProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_antd5.Button,
-    {
-      onClick,
-      type: iconType,
-      icon,
-      color,
-      style: {
-        paddingTop: "4px"
-        /* Center the button */
-      },
-      ...otherProps
-    }
-  );
-}
-function AddButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    IconButton,
-    {
-      title: translateString(import_utils5.TranslatableString.AddItemButton),
-      iconType: "primary",
-      block: true,
-      ...props,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.PlusCircleOutlined, {})
-    }
-  );
-}
-function CopyButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.CopyOutlined, {}) });
-}
-function MoveDownButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.MoveDownButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.ArrowDownOutlined, {}) });
-}
-function MoveUpButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.MoveUpButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.ArrowUpOutlined, {}) });
-}
-function RemoveButton(props) {
-  const options = (0, import_utils5.getUiOptions)(props.uiSchema);
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    IconButton,
-    {
-      title: translateString(import_utils5.TranslatableString.RemoveButton),
-      danger: true,
-      block: !!options.block,
-      iconType: "primary",
-      ...props,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.DeleteOutlined, {})
-    }
-  );
-}
-function ClearButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    IconButton,
-    {
-      title: translateString(import_utils5.TranslatableString.ClearButton),
-      ...props,
-      iconType: "link",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons2.CloseOutlined, {})
-    }
-  );
+// src/templates/FieldDescriptionTemplate/index.tsx
+var import_core2 = require("@rjsf/core");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function DescriptionField(props) {
+  const { id, description, registry, uiSchema } = props;
+  if (!description) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core2.RichDescription, { description, registry, uiSchema }) });
 }
 
 // src/templates/FieldErrorTemplate/index.tsx
-var import_utils6 = require("@rjsf/utils");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_utils5 = require("@rjsf/utils");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function FieldErrorTemplate(props) {
   const { errors = [], fieldPathId } = props;
   if (errors.length === 0) {
     return null;
   }
-  const id = (0, import_utils6.errorId)(fieldPathId);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { id, children: errors.map((error) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: error }, `field-${id}-error-${error}`)) });
+  const id = (0, import_utils5.errorId)(fieldPathId);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { id, children: errors.map((error) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: error }, `field-${id}-error-${error}`)) });
 }
 
 // src/templates/FieldTemplate/index.tsx
-var import_antd6 = require("antd");
-var import_utils7 = require("@rjsf/utils");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_utils6 = require("@rjsf/utils");
+var import_antd5 = require("antd");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var VERTICAL_LABEL_COL = { span: 24 };
 var VERTICAL_WRAPPER_COL = { span: 24 };
 function FieldTemplate(props) {
@@ -409,14 +322,14 @@ function FieldTemplate(props) {
     wrapperStyle,
     descriptionLocation = "below"
   } = formContext;
-  const uiOptions = (0, import_utils7.getUiOptions)(uiSchema);
-  const WrapIfAdditionalTemplate2 = (0, import_utils7.getTemplate)(
+  const uiOptions = (0, import_utils6.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate2 = (0, import_utils6.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rjsf-field-hidden", children });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rjsf-field-hidden", children });
   }
   const descriptionNode = rawDescription ? description : void 0;
   const descriptionProps = {};
@@ -430,8 +343,8 @@ function FieldTemplate(props) {
       break;
   }
   const isCheckbox = uiOptions.widget === "checkbox";
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(WrapIfAdditionalTemplate2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_antd6.Form.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(WrapIfAdditionalTemplate2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_antd5.Form.Item,
     {
       colon,
       hasFeedback: schema.type !== "array" && schema.type !== "object",
@@ -450,14 +363,101 @@ function FieldTemplate(props) {
 }
 
 // src/templates/GridTemplate/index.tsx
-var import_antd7 = require("antd");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_antd6 = require("antd");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function GridTemplate(props) {
   const { children, column, ...rest } = props;
   if (column) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Col, { ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd6.Col, { ...rest, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Row, { ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd6.Row, { ...rest, children });
+}
+
+// src/templates/IconButton/index.tsx
+var import_icons2 = require("@ant-design/icons");
+var import_utils7 = require("@rjsf/utils");
+var import_antd7 = require("antd");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function IconButton(props) {
+  const { iconType = "default", icon, onClick, uiSchema, registry, color, ...otherProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_antd7.Button,
+    {
+      onClick,
+      type: iconType,
+      icon,
+      color,
+      style: {
+        paddingTop: "4px"
+        /* Center the button */
+      },
+      ...otherProps
+    }
+  );
+}
+function AddButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    IconButton,
+    {
+      title: translateString(import_utils7.TranslatableString.AddItemButton),
+      iconType: "primary",
+      block: true,
+      ...props,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons2.PlusCircleOutlined, {})
+    }
+  );
+}
+function CopyButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons2.CopyOutlined, {}) });
+}
+function MoveDownButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.MoveDownButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons2.ArrowDownOutlined, {}) });
+}
+function MoveUpButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.MoveUpButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons2.ArrowUpOutlined, {}) });
+}
+function RemoveButton(props) {
+  const options = (0, import_utils7.getUiOptions)(props.uiSchema);
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    IconButton,
+    {
+      title: translateString(import_utils7.TranslatableString.RemoveButton),
+      danger: true,
+      block: !!options.block,
+      iconType: "primary",
+      ...props,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons2.DeleteOutlined, {})
+    }
+  );
+}
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    IconButton,
+    {
+      title: translateString(import_utils7.TranslatableString.ClearButton),
+      ...props,
+      iconType: "link",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons2.CloseOutlined, {})
+    }
+  );
 }
 
 // src/templates/MultiSchemaFieldTemplate/index.tsx
@@ -471,13 +471,13 @@ function MultiSchemaFieldTemplate(props) {
 }
 
 // src/templates/ObjectFieldTemplate/index.tsx
+var import_react3 = require("react");
+var import_utils8 = require("@rjsf/utils");
+var import_antd8 = require("antd");
 var import_classnames2 = __toESM(require("classnames"), 1);
-var import_isObject = __toESM(require("lodash/isObject"), 1);
 var import_isNumber = __toESM(require("lodash/isNumber"), 1);
+var import_isObject = __toESM(require("lodash/isObject"), 1);
 var import_isString = __toESM(require("lodash/isString"), 1);
-var import_utils8 = require("@rjsf/utils");
-var import_antd8 = require("antd");
-var import_react3 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
   const {
@@ -606,8 +606,8 @@ function OptionalDataControlsTemplate(props) {
 }
 
 // src/templates/SubmitButton/index.tsx
-var import_antd9 = require("antd");
 var import_utils9 = require("@rjsf/utils");
+var import_antd9 = require("antd");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function SubmitButton({ uiSchema }) {
   const { submitText, norender, props: submitButtonProps } = (0, import_utils9.getSubmitButtonOptions)(uiSchema);
@@ -618,9 +618,9 @@ function SubmitButton({ uiSchema }) {
 }
 
 // src/templates/TitleField/index.tsx
-var import_classnames3 = __toESM(require("classnames"), 1);
-var import_antd10 = require("antd");
 var import_react4 = require("react");
+var import_antd10 = require("antd");
+var import_classnames3 = __toESM(require("classnames"), 1);
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function TitleField({
   id,
@@ -676,8 +676,8 @@ function TitleField({
 }
 
 // src/templates/WrapIfAdditionalTemplate/index.tsx
-var import_antd11 = require("antd");
 var import_utils10 = require("@rjsf/utils");
+var import_antd11 = require("antd");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var VERTICAL_LABEL_COL2 = { span: 24 };
 var VERTICAL_WRAPPER_COL2 = { span: 24 };
@@ -803,8 +803,8 @@ function AltDateTimeWidget({ time = true, ...props }) {
 }
 
 // src/widgets/AltDateWidget/index.tsx
-var import_antd12 = require("antd");
 var import_utils11 = require("@rjsf/utils");
+var import_antd12 = require("antd");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function AltDateWidget({ autofocus = false, disabled = false, options, readonly = false, time = false, ...props }) {
   const { id, name, onBlur, onFocus, registry } = props;
@@ -841,8 +841,8 @@ function AltDateWidget({ autofocus = false, disabled = false, options, readonly
 }
 
 // src/widgets/CheckboxesWidget/index.tsx
-var import_antd13 = require("antd");
 var import_utils12 = require("@rjsf/utils");
+var import_antd13 = require("antd");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function CheckboxesWidget({
   autofocus,
@@ -898,8 +898,8 @@ function CheckboxesWidget({
 }
 
 // src/widgets/CheckboxWidget/index.tsx
-var import_antd14 = require("antd");
 var import_utils13 = require("@rjsf/utils");
+var import_antd14 = require("antd");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const { autofocus, disabled, registry, id, htmlName, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
@@ -929,9 +929,9 @@ function CheckboxWidget(props) {
 }
 
 // src/widgets/DateTimeWidget/index.tsx
-var import_dayjs = __toESM(require("dayjs"), 1);
 var import_utils14 = require("@rjsf/utils");
 var import_antd15 = require("antd");
+var import_dayjs = __toESM(require("dayjs"), 1);
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var DATE_PICKER_STYLE = {
   width: "100%"
@@ -964,9 +964,9 @@ function DateTimeWidget(props) {
 }
 
 // src/widgets/DateWidget/index.tsx
-var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_utils15 = require("@rjsf/utils");
 var import_antd16 = require("antd");
+var import_dayjs2 = __toESM(require("dayjs"), 1);
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var DATE_PICKER_STYLE2 = {
   width: "100%"
@@ -999,8 +999,8 @@ function DateWidget(props) {
 }
 
 // src/widgets/PasswordWidget/index.tsx
-var import_antd17 = require("antd");
 var import_utils16 = require("@rjsf/utils");
+var import_antd17 = require("antd");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function PasswordWidget(props) {
   const { disabled, registry, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
@@ -1027,8 +1027,8 @@ function PasswordWidget(props) {
 }
 
 // src/widgets/RadioWidget/index.tsx
-var import_antd18 = require("antd");
 var import_utils17 = require("@rjsf/utils");
+var import_antd18 = require("antd");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function RadioWidget({
   autofocus,
@@ -1079,8 +1079,8 @@ function RadioWidget({
 }
 
 // src/widgets/RangeWidget/index.tsx
-var import_antd19 = require("antd");
 var import_utils18 = require("@rjsf/utils");
+var import_antd19 = require("antd");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {
@@ -1129,8 +1129,8 @@ function RangeWidget(props) {
 
 // src/widgets/SelectWidget/index.tsx
 var import_react5 = require("react");
-var import_antd20 = require("antd");
 var import_utils19 = require("@rjsf/utils");
+var import_antd20 = require("antd");
 var import_isString2 = __toESM(require("lodash/isString"), 1);
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var SELECT_STYLE = {
@@ -1213,8 +1213,8 @@ function SelectWidget({
 SelectWidget.getPopupContainerCallback = () => (node) => node.parentElement;
 
 // src/widgets/TextareaWidget/index.tsx
-var import_antd21 = require("antd");
 var import_utils20 = require("@rjsf/utils");
+var import_antd21 = require("antd");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var INPUT_STYLE3 = {
   width: "100%"