@rjsf/antd 5.17.0 → 5.18.0

package/src/templates/TitleField/index.tsx

@@ -1,6 +1,7 @@
 import classNames from 'classnames';
-import { ConfigConsumer, ConfigConsumerProps } from 'antd/lib/config-provider/context';
 import { FormContextType, TitleFieldProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { ConfigProvider } from 'antd';
+import { useContext } from 'react';
 
 /** The `TitleField` is the template to use to render the title of a field
  *
@@ -31,27 +32,21 @@ export default function TitleField<T = any, S extends StrictRJSFSchema = RJSFSch
     }
   };
 
-  return title ? (
-    <ConfigConsumer>
-      {(configProps: ConfigConsumerProps) => {
-        const { getPrefixCls } = configProps;
-        const prefixCls = getPrefixCls('form');
-        const labelClassName = classNames({
-          [`${prefixCls}-item-required`]: required,
-          [`${prefixCls}-item-no-colon`]: !colon,
-        });
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('form');
+  const labelClassName = classNames({
+    [`${prefixCls}-item-required`]: required,
+    [`${prefixCls}-item-no-colon`]: !colon,
+  });
 
-        return (
-          <label
-            className={labelClassName}
-            htmlFor={id}
-            onClick={handleLabelClick}
-            title={typeof title === 'string' ? title : ''}
-          >
-            {labelChildren}
-          </label>
-        );
-      }}
-    </ConfigConsumer>
+  return title ? (
+    <label
+      className={labelClassName}
+      htmlFor={id}
+      onClick={handleLabelClick}
+      title={typeof title === 'string' ? title : ''}
+    >
+      {labelChildren}
+    </label>
   ) : null;
 }

package/src/templates/WrapIfAdditionalTemplate/index.tsx

@@ -1,8 +1,5 @@
 import { FocusEvent } from 'react';
-import Col from 'antd/lib/col';
-import Form from 'antd/lib/form';
-import Input from 'antd/lib/input';
-import Row from 'antd/lib/row';
+import { Col, Row, Form, Input } from 'antd';
 import {
   ADDITIONAL_PROPERTY_FLAG,
   UI_OPTIONS_KEY,

package/src/widgets/AltDateWidget/index.tsx

@@ -1,7 +1,5 @@
 import { MouseEvent, useEffect, useState } from 'react';
-import Button from 'antd/lib/button';
-import Col from 'antd/lib/col';
-import Row from 'antd/lib/row';
+import { Row, Col, Button } from 'antd';
 import {
   ariaDescribedByIds,
   getDateElementProps,

package/src/widgets/CheckboxWidget/index.tsx

@@ -1,5 +1,5 @@
 import { FocusEvent } from 'react';
-import Checkbox, { CheckboxChangeEvent } from 'antd/lib/checkbox';
+import { Checkbox, CheckboxProps } from 'antd';
 import {
   ariaDescribedByIds,
   labelValue,
@@ -23,7 +23,7 @@ export default function CheckboxWidget<
   const { autofocus, disabled, formContext, id, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
   const { readonlyAsDisabled = true } = formContext as GenericObjectType;
 
-  const handleChange = ({ target }: CheckboxChangeEvent) => onChange(target.checked);
+  const handleChange: NonNullable<CheckboxProps['onChange']> = ({ target }) => onChange(target.checked);
 
   const handleBlur = ({ target }: FocusEvent<HTMLInputElement>) => onBlur(id, target.checked);
 

package/src/widgets/CheckboxesWidget/index.tsx

@@ -1,5 +1,5 @@
 import { FocusEvent } from 'react';
-import Checkbox from 'antd/lib/checkbox';
+import { Checkbox } from 'antd';
 import {
   ariaDescribedByIds,
   enumOptionsIndexForValue,

package/src/widgets/DateTimeWidget/index.tsx

@@ -8,7 +8,7 @@ import {
   WidgetProps,
 } from '@rjsf/utils';
 
-import DatePicker from 'antd/lib/date-picker';
+import { DatePicker } from 'antd';
 
 const DATE_PICKER_STYLE = {
   width: '100%',

package/src/widgets/DateWidget/index.tsx

@@ -8,7 +8,7 @@ import {
   GenericObjectType,
 } from '@rjsf/utils';
 
-import DatePicker from 'antd/lib/date-picker';
+import { DatePicker } from 'antd';
 
 const DATE_PICKER_STYLE = {
   width: '100%',

package/src/widgets/PasswordWidget/index.tsx

@@ -1,5 +1,5 @@
 import { ChangeEvent, FocusEvent } from 'react';
-import Input from 'antd/lib/input';
+import { Input } from 'antd';
 import {
   ariaDescribedByIds,
   FormContextType,

package/src/widgets/RadioWidget/index.tsx

@@ -1,5 +1,5 @@
 import { FocusEvent } from 'react';
-import Radio, { RadioChangeEvent } from 'antd/lib/radio';
+import { Radio, RadioChangeEvent } from 'antd';
 import {
   ariaDescribedByIds,
   enumOptionsIndexForValue,

package/src/widgets/RangeWidget/index.tsx

@@ -1,4 +1,4 @@
-import Slider from 'antd/lib/slider';
+import { Slider } from 'antd';
 import {
   ariaDescribedByIds,
   rangeSpec,

package/src/widgets/SelectWidget/index.tsx

@@ -1,4 +1,4 @@
-import Select, { DefaultOptionType } from 'antd/lib/select';
+import { Select, SelectProps } from 'antd';
 import {
   ariaDescribedByIds,
   enumOptionsIndexForValue,
@@ -48,7 +48,7 @@ export default function SelectWidget<
 
   const handleFocus = () => onFocus(id, enumOptionsValueForIndex<S>(value, enumOptions, emptyValue));
 
-  const filterOption = (input: string, option?: DefaultOptionType) => {
+  const filterOption: SelectProps['filterOption'] = (input, option) => {
     if (option && isString(option.label)) {
       // labels are strings in this context
       return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;

package/src/widgets/TextareaWidget/index.tsx

@@ -1,5 +1,5 @@
 import { ChangeEvent, FocusEvent } from 'react';
-import Input from 'antd/lib/input';
+import { Input } from 'antd';
 import {
   ariaDescribedByIds,
   FormContextType,