@rjsf/antd 5.17.0 → 5.18.0

package/dist/antd.esm.js

@@ -2,9 +2,7 @@
 import { withTheme } from "@rjsf/core";
 
 // src/templates/ArrayFieldItemTemplate/index.tsx
-import Button from "antd/lib/button";
-import Col from "antd/lib/col";
-import Row from "antd/lib/row";
+import { Button, Col, Row } from "antd";
 import { jsx, jsxs } from "react/jsx-runtime";
 var BTN_GRP_STYLE = {
   width: "100%"
@@ -84,9 +82,8 @@ import {
   getUiOptions
 } from "@rjsf/utils";
 import classNames from "classnames";
-import Col2 from "antd/lib/col";
-import Row2 from "antd/lib/row";
-import { ConfigConsumer } from "antd/lib/config-provider/context";
+import { Col as Col2, Row as Row2, ConfigProvider } from "antd";
+import { useContext } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var DESCRIPTION_COL_STYLE = {
   paddingBottom: "8px"
@@ -127,55 +124,52 @@ function ArrayFieldTemplate(props) {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
   const { labelAlign = "right", rowGutter = 24 } = formContext;
-  return /* @__PURE__ */ jsx2(ConfigConsumer, { children: (configProps) => {
-    const { getPrefixCls } = configProps;
-    const prefixCls = getPrefixCls("form");
-    const labelClsBasic = `${prefixCls}-item-label`;
-    const labelColClassName = classNames(
-      labelClsBasic,
-      labelAlign === "left" && `${labelClsBasic}-left`
-      // labelCol.className,
-    );
-    return /* @__PURE__ */ jsx2("fieldset", { className, id: idSchema.$id, children: /* @__PURE__ */ jsxs2(Row2, { gutter: rowGutter, children: [
-      (uiOptions.title || title) && /* @__PURE__ */ jsx2(Col2, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx2(
-        ArrayFieldTitleTemplate,
-        {
-          idSchema,
-          required,
-          title: uiOptions.title || title,
-          schema,
-          uiSchema,
-          registry
-        }
-      ) }),
-      (uiOptions.description || schema.description) && /* @__PURE__ */ jsx2(Col2, { span: 24, style: DESCRIPTION_COL_STYLE, children: /* @__PURE__ */ jsx2(
-        ArrayFieldDescriptionTemplate,
-        {
-          description: uiOptions.description || schema.description,
-          idSchema,
-          schema,
-          uiSchema,
-          registry
-        }
-      ) }),
-      /* @__PURE__ */ jsx2(Col2, { className: "row array-item-list", span: 24, children: items && items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsx2(ArrayFieldItemTemplate2, { ...itemProps }, key)) }),
-      canAdd && /* @__PURE__ */ jsx2(Col2, { span: 24, children: /* @__PURE__ */ jsx2(Row2, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx2(Col2, { flex: "192px", children: /* @__PURE__ */ jsx2(
-        AddButton2,
-        {
-          className: "array-item-add",
-          disabled: disabled || readonly,
-          onClick: onAddClick,
-          uiSchema,
-          registry
-        }
-      ) }) }) })
-    ] }) });
-  } });
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("form");
+  const labelClsBasic = `${prefixCls}-item-label`;
+  const labelColClassName = classNames(
+    labelClsBasic,
+    labelAlign === "left" && `${labelClsBasic}-left`
+    // labelCol.className,
+  );
+  return /* @__PURE__ */ jsx2("fieldset", { className, id: idSchema.$id, children: /* @__PURE__ */ jsxs2(Row2, { gutter: rowGutter, children: [
+    (uiOptions.title || title) && /* @__PURE__ */ jsx2(Col2, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx2(
+      ArrayFieldTitleTemplate,
+      {
+        idSchema,
+        required,
+        title: uiOptions.title || title,
+        schema,
+        uiSchema,
+        registry
+      }
+    ) }),
+    (uiOptions.description || schema.description) && /* @__PURE__ */ jsx2(Col2, { span: 24, style: DESCRIPTION_COL_STYLE, children: /* @__PURE__ */ jsx2(
+      ArrayFieldDescriptionTemplate,
+      {
+        description: uiOptions.description || schema.description,
+        idSchema,
+        schema,
+        uiSchema,
+        registry
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(Col2, { className: "row array-item-list", span: 24, children: items && items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsx2(ArrayFieldItemTemplate2, { ...itemProps }, key)) }),
+    canAdd && /* @__PURE__ */ jsx2(Col2, { span: 24, children: /* @__PURE__ */ jsx2(Row2, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx2(Col2, { flex: "192px", children: /* @__PURE__ */ jsx2(
+      AddButton2,
+      {
+        className: "array-item-add",
+        disabled: disabled || readonly,
+        onClick: onAddClick,
+        uiSchema,
+        registry
+      }
+    ) }) }) })
+  ] }) });
 }
 
 // src/templates/BaseInputTemplate/index.tsx
-import Input from "antd/lib/input";
-import InputNumber from "antd/lib/input-number";
+import { Input, InputNumber } from "antd";
 import {
   ariaDescribedByIds,
   examplesId,
@@ -259,9 +253,7 @@ function DescriptionField(props) {
 }
 
 // src/templates/ErrorList/index.tsx
-import Alert from "antd/lib/alert";
-import List from "antd/lib/list";
-import Space from "antd/lib/space";
+import { Alert, List, Space } from "antd";
 import ExclamationCircleOutlined from "@ant-design/icons/ExclamationCircleOutlined";
 import { TranslatableString } from "@rjsf/utils";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -286,7 +278,7 @@ function ErrorList({
 }
 
 // src/templates/IconButton/index.tsx
-import Button2 from "antd/lib/button";
+import { Button as Button2 } from "antd";
 import ArrowDownOutlined from "@ant-design/icons/ArrowDownOutlined";
 import ArrowUpOutlined from "@ant-design/icons/ArrowUpOutlined";
 import CopyOutlined from "@ant-design/icons/CopyOutlined";
@@ -373,7 +365,7 @@ function FieldErrorTemplate(props) {
 }
 
 // src/templates/FieldTemplate/index.tsx
-import Form from "antd/lib/form";
+import { Form } from "antd";
 import {
   getTemplate as getTemplate2,
   getUiOptions as getUiOptions3
@@ -481,9 +473,8 @@ import {
   getUiOptions as getUiOptions4,
   titleId
 } from "@rjsf/utils";
-import Col3 from "antd/lib/col";
-import Row3 from "antd/lib/row";
-import { ConfigConsumer as ConfigConsumer2 } from "antd/lib/config-provider/context";
+import { Col as Col3, Row as Row3, ConfigProvider as ConfigProvider2 } from "antd";
+import { useContext as useContext2 } from "react";
 import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var DESCRIPTION_COL_STYLE2 = {
   paddingBottom: "8px"
@@ -543,56 +534,54 @@ function ObjectFieldTemplate(props) {
     }
     return defaultColSpan;
   };
-  return /* @__PURE__ */ jsx9(ConfigConsumer2, { children: (configProps) => {
-    const { getPrefixCls } = configProps;
-    const prefixCls = getPrefixCls("form");
-    const labelClsBasic = `${prefixCls}-item-label`;
-    const labelColClassName = classNames2(
-      labelClsBasic,
-      labelAlign === "left" && `${labelClsBasic}-left`
-      // labelCol.className,
-    );
-    return /* @__PURE__ */ jsxs5("fieldset", { id: idSchema.$id, children: [
-      /* @__PURE__ */ jsxs5(Row3, { gutter: rowGutter, children: [
-        title && /* @__PURE__ */ jsx9(Col3, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx9(
-          TitleFieldTemplate,
-          {
-            id: titleId(idSchema),
-            title,
-            required,
-            schema,
-            uiSchema,
-            registry
-          }
-        ) }),
-        description && /* @__PURE__ */ jsx9(Col3, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ jsx9(
-          DescriptionFieldTemplate,
-          {
-            id: descriptionId(idSchema),
-            description,
-            schema,
-            uiSchema,
-            registry
-          }
-        ) }),
-        properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx9(Col3, { span: calculateColSpan(element), children: element.content }, element.name))
-      ] }),
-      canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx9(Col3, { span: 24, children: /* @__PURE__ */ jsx9(Row3, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx9(Col3, { flex: "192px", children: /* @__PURE__ */ jsx9(
-        AddButton2,
+  const { getPrefixCls } = useContext2(ConfigProvider2.ConfigContext);
+  const prefixCls = getPrefixCls("form");
+  const labelClsBasic = `${prefixCls}-item-label`;
+  const labelColClassName = classNames2(
+    labelClsBasic,
+    labelAlign === "left" && `${labelClsBasic}-left`
+    // labelCol.className,
+  );
+  return /* @__PURE__ */ jsxs5("fieldset", { id: idSchema.$id, children: [
+    /* @__PURE__ */ jsxs5(Row3, { gutter: rowGutter, children: [
+      title && /* @__PURE__ */ jsx9(Col3, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx9(
+        TitleFieldTemplate,
         {
-          className: "object-property-expand",
-          disabled: disabled || readonly,
-          onClick: onAddClick(schema),
+          id: titleId(idSchema),
+          title,
+          required,
+          schema,
           uiSchema,
           registry
         }
-      ) }) }) })
-    ] });
-  } });
+      ) }),
+      description && /* @__PURE__ */ jsx9(Col3, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ jsx9(
+        DescriptionFieldTemplate,
+        {
+          id: descriptionId(idSchema),
+          description,
+          schema,
+          uiSchema,
+          registry
+        }
+      ) }),
+      properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx9(Col3, { span: calculateColSpan(element), children: element.content }, element.name))
+    ] }),
+    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx9(Col3, { span: 24, children: /* @__PURE__ */ jsx9(Row3, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx9(Col3, { flex: "192px", children: /* @__PURE__ */ jsx9(
+      AddButton2,
+      {
+        className: "object-property-expand",
+        disabled: disabled || readonly,
+        onClick: onAddClick(schema),
+        uiSchema,
+        registry
+      }
+    ) }) }) })
+  ] });
 }
 
 // src/templates/SubmitButton/index.tsx
-import Button3 from "antd/lib/button";
+import { Button as Button3 } from "antd";
 import { getSubmitButtonOptions } from "@rjsf/utils";
 import { jsx as jsx10 } from "react/jsx-runtime";
 function SubmitButton({ uiSchema }) {
@@ -605,7 +594,8 @@ function SubmitButton({ uiSchema }) {
 
 // src/templates/TitleField/index.tsx
 import classNames3 from "classnames";
-import { ConfigConsumer as ConfigConsumer3 } from "antd/lib/config-provider/context";
+import { ConfigProvider as ConfigProvider3 } from "antd";
+import { useContext as useContext3 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function TitleField({
   id,
@@ -628,31 +618,26 @@ function TitleField({
       control.focus();
     }
   };
-  return title ? /* @__PURE__ */ jsx11(ConfigConsumer3, { children: (configProps) => {
-    const { getPrefixCls } = configProps;
-    const prefixCls = getPrefixCls("form");
-    const labelClassName = classNames3({
-      [`${prefixCls}-item-required`]: required,
-      [`${prefixCls}-item-no-colon`]: !colon
-    });
-    return /* @__PURE__ */ jsx11(
-      "label",
-      {
-        className: labelClassName,
-        htmlFor: id,
-        onClick: handleLabelClick,
-        title: typeof title === "string" ? title : "",
-        children: labelChildren
-      }
-    );
-  } }) : null;
+  const { getPrefixCls } = useContext3(ConfigProvider3.ConfigContext);
+  const prefixCls = getPrefixCls("form");
+  const labelClassName = classNames3({
+    [`${prefixCls}-item-required`]: required,
+    [`${prefixCls}-item-no-colon`]: !colon
+  });
+  return title ? /* @__PURE__ */ jsx11(
+    "label",
+    {
+      className: labelClassName,
+      htmlFor: id,
+      onClick: handleLabelClick,
+      title: typeof title === "string" ? title : "",
+      children: labelChildren
+    }
+  ) : null;
 }
 
 // src/templates/WrapIfAdditionalTemplate/index.tsx
-import Col4 from "antd/lib/col";
-import Form2 from "antd/lib/form";
-import Input2 from "antd/lib/input";
-import Row4 from "antd/lib/row";
+import { Col as Col4, Row as Row4, Form as Form2, Input as Input2 } from "antd";
 import {
   ADDITIONAL_PROPERTY_FLAG,
   UI_OPTIONS_KEY,
@@ -771,9 +756,7 @@ var templates_default = generateTemplates();
 
 // src/widgets/AltDateWidget/index.tsx
 import { useEffect, useState } from "react";
-import Button4 from "antd/lib/button";
-import Col5 from "antd/lib/col";
-import Row5 from "antd/lib/row";
+import { Row as Row5, Col as Col5, Button as Button4 } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds2,
   getDateElementProps,
@@ -914,7 +897,7 @@ AltDateTimeWidget.defaultProps = {
 };
 
 // src/widgets/CheckboxesWidget/index.tsx
-import Checkbox from "antd/lib/checkbox";
+import { Checkbox } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds3,
   enumOptionsIndexForValue,
@@ -962,7 +945,7 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
 }
 
 // src/widgets/CheckboxWidget/index.tsx
-import Checkbox2 from "antd/lib/checkbox";
+import { Checkbox as Checkbox2 } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds4,
   labelValue
@@ -999,7 +982,7 @@ import dayjs from "dayjs";
 import {
   ariaDescribedByIds as ariaDescribedByIds5
 } from "@rjsf/utils";
-import DatePicker from "antd/lib/date-picker";
+import { DatePicker } from "antd";
 import { jsx as jsx17 } from "react/jsx-runtime";
 var DATE_PICKER_STYLE = {
   width: "100%"
@@ -1035,7 +1018,7 @@ import dayjs2 from "dayjs";
 import {
   ariaDescribedByIds as ariaDescribedByIds6
 } from "@rjsf/utils";
-import DatePicker2 from "antd/lib/date-picker";
+import { DatePicker as DatePicker2 } from "antd";
 import { jsx as jsx18 } from "react/jsx-runtime";
 var DATE_PICKER_STYLE2 = {
   width: "100%"
@@ -1067,7 +1050,7 @@ function DateWidget(props) {
 }
 
 // src/widgets/PasswordWidget/index.tsx
-import Input3 from "antd/lib/input";
+import { Input as Input3 } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds7
 } from "@rjsf/utils";
@@ -1096,7 +1079,7 @@ function PasswordWidget(props) {
 }
 
 // src/widgets/RadioWidget/index.tsx
-import Radio from "antd/lib/radio";
+import { Radio } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds8,
   enumOptionsIndexForValue as enumOptionsIndexForValue2,
@@ -1150,7 +1133,7 @@ function RadioWidget({
 }
 
 // src/widgets/RangeWidget/index.tsx
-import Slider from "antd/lib/slider";
+import { Slider } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds9,
   rangeSpec
@@ -1201,7 +1184,7 @@ function RangeWidget(props) {
 }
 
 // src/widgets/SelectWidget/index.tsx
-import Select from "antd/lib/select";
+import { Select } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds10,
   enumOptionsIndexForValue as enumOptionsIndexForValue3,
@@ -1270,7 +1253,7 @@ function SelectWidget({
 }
 
 // src/widgets/TextareaWidget/index.tsx
-import Input4 from "antd/lib/input";
+import { Input as Input4 } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds11
 } from "@rjsf/utils";