@rjsf/antd 6.6.0 → 6.6.2

package/dist/antd.esm.js

@@ -2,10 +2,7 @@
 import { withTheme } from "@rjsf/core";
 
 // src/templates/ArrayFieldItemTemplate/index.tsx
-import {
-  getUiOptions,
-  getTemplate
-} from "@rjsf/utils";
+import { getUiOptions, getTemplate } from "@rjsf/utils";
 import { Col, Row, Space } from "antd";
 import { jsx, jsxs } from "react/jsx-runtime";
 var BTN_GRP_STYLE = {
@@ -33,11 +30,7 @@ function ArrayFieldItemTemplate(props) {
 
 // src/templates/ArrayFieldTemplate/index.tsx
 import { useContext } from "react";
-import {
-  getTemplate as getTemplate2,
-  getUiOptions as getUiOptions2,
-  buttonId
-} from "@rjsf/utils";
+import { getTemplate as getTemplate2, getUiOptions as getUiOptions2, buttonId } from "@rjsf/utils";
 import { Col as Col2, Row as Row2, ConfigProvider } from "antd";
 import classNames from "classnames";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -111,11 +104,7 @@ function ArrayFieldTemplate(props) {
 // src/templates/BaseInputTemplate/index.tsx
 import { useCallback } from "react";
 import { SchemaExamples } from "@rjsf/core";
-import {
-  ariaDescribedByIds,
-  examplesId,
-  getInputProps
-} from "@rjsf/utils";
+import { ariaDescribedByIds, examplesId, getInputProps } from "@rjsf/utils";
 import { Input, InputNumber } from "antd";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var INPUT_STYLE = {
@@ -144,7 +133,7 @@ function BaseInputTemplate(props) {
   const { readonlyAsDisabled = true } = formContext;
   const { ClearButton: ClearButton2 } = registry.templates.ButtonTemplates;
   const handleNumberChange = (nextValue) => onChange(nextValue);
-  const handleTextChange = onChangeOverride ? onChangeOverride : ({ target }) => onChange(target.value === "" ? options.emptyValue : target.value);
+  const handleTextChange = onChangeOverride || (({ target }) => onChange(target.value === "" ? options.emptyValue : target.value));
   const handleBlur = ({ target }) => onBlur(id, target && target.value);
   const handleFocus = ({ target }) => onFocus(id, target && target.value);
   const handleClear = useCallback(
@@ -203,9 +192,9 @@ function BaseInputTemplate(props) {
 }
 
 // src/templates/ErrorList/index.tsx
-import { Alert, Space as Space2, theme, version } from "antd";
 import { ExclamationCircleOutlined } from "@ant-design/icons";
 import { TranslatableString } from "@rjsf/utils";
+import { Alert, Space as Space2, theme, version } from "antd";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var antdMajor = parseInt(version.split(".")[0], 10);
 function ErrorList({
@@ -260,10 +249,7 @@ function FieldErrorTemplate(props) {
 }
 
 // src/templates/FieldTemplate/index.tsx
-import {
-  getTemplate as getTemplate3,
-  getUiOptions as getUiOptions3
-} from "@rjsf/utils";
+import { getTemplate as getTemplate3, getUiOptions as getUiOptions3 } from "@rjsf/utils";
 import { Form } from "antd";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var VERTICAL_LABEL_COL = { span: 24 };
@@ -354,10 +340,7 @@ import {
   PlusCircleOutlined,
   CloseOutlined
 } from "@ant-design/icons";
-import {
-  getUiOptions as getUiOptions4,
-  TranslatableString as TranslatableString2
-} from "@rjsf/utils";
+import { getUiOptions as getUiOptions4, TranslatableString as TranslatableString2 } from "@rjsf/utils";
 import { Button } from "antd";
 import { jsx as jsx9 } from "react/jsx-runtime";
 function IconButton(props) {
@@ -454,13 +437,7 @@ function MultiSchemaFieldTemplate(props) {
 
 // src/templates/ObjectFieldTemplate/index.tsx
 import { useContext as useContext2 } from "react";
-import {
-  canExpand,
-  getTemplate as getTemplate4,
-  getUiOptions as getUiOptions5,
-  titleId,
-  buttonId as buttonId2
-} from "@rjsf/utils";
+import { canExpand, getTemplate as getTemplate4, getUiOptions as getUiOptions5, titleId, buttonId as buttonId2 } from "@rjsf/utils";
 import { Col as Col4, Row as Row4, ConfigProvider as ConfigProvider2 } from "antd";
 import classNames2 from "classnames";
 import isNumber from "lodash/isNumber";
@@ -575,7 +552,8 @@ function OptionalDataControlsTemplate(props) {
         block: false
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ jsx12(
       RemoveButton,
       {
@@ -644,6 +622,7 @@ function TitleField({
       className: labelClassName,
       htmlFor: id,
       onClick: handleLabelClick,
+      onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && handleLabelClick(),
       title: typeof title === "string" ? title : "",
       children: labelChildren
     }
@@ -664,12 +643,7 @@ function TitleField({
 }
 
 // src/templates/WrapIfAdditionalTemplate/index.tsx
-import {
-  ADDITIONAL_PROPERTY_FLAG,
-  UI_OPTIONS_KEY,
-  TranslatableString as TranslatableString3,
-  buttonId as buttonId3
-} from "@rjsf/utils";
+import { ADDITIONAL_PROPERTY_FLAG, UI_OPTIONS_KEY, TranslatableString as TranslatableString3, buttonId as buttonId3 } from "@rjsf/utils";
 import { Col as Col6, Row as Row6, Form as Form2, Input as Input2 } from "antd";
 import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var VERTICAL_LABEL_COL2 = { span: 24 };
@@ -796,11 +770,7 @@ function AltDateTimeWidget({ time = true, ...props }) {
 }
 
 // src/widgets/AltDateWidget/index.tsx
-import {
-  DateElement,
-  TranslatableString as TranslatableString4,
-  useAltDateWidgetProps
-} from "@rjsf/utils";
+import { DateElement, TranslatableString as TranslatableString4, useAltDateWidgetProps } from "@rjsf/utils";
 import { Row as Row7, Col as Col7, Button as Button3 } from "antd";
 import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function AltDateWidget({ autofocus = false, disabled = false, options, readonly = false, time = false, ...props }) {
@@ -847,7 +817,7 @@ import {
   optionId
 } from "@rjsf/utils";
 import { Checkbox } from "antd";
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function CheckboxesWidget({
   autofocus,
   disabled,
@@ -874,7 +844,7 @@ function CheckboxesWidget({
     onFocus: !readonly ? handleFocus : void 0
   };
   const selectValue = enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, []);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsx18(Fragment3, { children: /* @__PURE__ */ jsx18(
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsx18(
     Checkbox.Group,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -883,29 +853,29 @@ function CheckboxesWidget({
       value: selectValue,
       ...extraProps,
       "aria-describedby": ariaDescribedByIds2(id),
-      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsxs10("span", { children: [
-        /* @__PURE__ */ jsx18(
-          Checkbox,
-          {
-            id: optionId(id, i),
-            name: htmlName || id,
-            autoFocus: i === 0 ? autofocus : false,
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
-            value: enumOptionValueEncoder(option.value, i, optionValueFormat),
-            children: option.label
-          }
-        ),
-        !inline && /* @__PURE__ */ jsx18("br", {})
-      ] }, i))
+      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsxs10("span", { children: [
+          /* @__PURE__ */ jsx18(
+            Checkbox,
+            {
+              id: optionId(id, i),
+              name: htmlName || id,
+              autoFocus: i === 0 ? autofocus : false,
+              disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
+              value: enumOptionValueEncoder(option.value, i, optionValueFormat),
+              children: option.label
+            }
+          ),
+          !inline && /* @__PURE__ */ jsx18("br", {})
+        ] }, i)
+      ))
     }
-  ) }) : null;
+  ) : null;
 }
 
 // src/widgets/CheckboxWidget/index.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds3,
-  labelValue
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds3, labelValue } from "@rjsf/utils";
 import { Checkbox as Checkbox2 } from "antd";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
@@ -935,24 +905,32 @@ function CheckboxWidget(props) {
   );
 }
 
-// src/widgets/DateTimeWidget/index.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds4
-} from "@rjsf/utils";
+// src/widgets/DateWidget/index.tsx
+import { ariaDescribedByIds as ariaDescribedByIds4 } from "@rjsf/utils";
 import { DatePicker } from "antd";
 import dayjs from "dayjs";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var DATE_PICKER_STYLE = {
   width: "100%"
 };
-function DateTimeWidget(props) {
-  const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+function DateWidget({
+  disabled,
+  registry,
+  id,
+  onBlur,
+  onChange,
+  onFocus,
+  placeholder,
+  readonly,
+  value,
+  showTime = false
+}) {
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
-  const handleChange = (nextValue) => onChange(nextValue && nextValue.toISOString());
+  const handleChange = (nextValue) => onChange(nextValue && (showTime ? nextValue.toISOString() : nextValue.format("YYYY-MM-DD")));
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
-  const getPopupContainer = (node) => node.parentNode;
+  const getPopupContainer = DateWidget.getPopupContainerCallback();
   return /* @__PURE__ */ jsx20(
     DatePicker,
     {
@@ -964,55 +942,23 @@ function DateTimeWidget(props) {
       onChange: !readonly ? handleChange : void 0,
       onFocus: !readonly ? handleFocus : void 0,
       placeholder,
-      showTime: true,
+      showTime,
       style: DATE_PICKER_STYLE,
       value: value && dayjs(value),
       "aria-describedby": ariaDescribedByIds4(id)
     }
   );
 }
+DateWidget.getPopupContainerCallback = () => (node) => node.parentNode;
 
-// src/widgets/DateWidget/index.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds5
-} from "@rjsf/utils";
-import { DatePicker as DatePicker2 } from "antd";
-import dayjs2 from "dayjs";
+// src/widgets/DateTimeWidget/index.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
-var DATE_PICKER_STYLE2 = {
-  width: "100%"
-};
-function DateWidget(props) {
-  const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
-  const { formContext } = registry;
-  const { readonlyAsDisabled = true } = formContext;
-  const handleChange = (nextValue) => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
-  const handleBlur = () => onBlur(id, value);
-  const handleFocus = () => onFocus(id, value);
-  const getPopupContainer = (node) => node.parentNode;
-  return /* @__PURE__ */ jsx21(
-    DatePicker2,
-    {
-      disabled: disabled || readonlyAsDisabled && readonly,
-      getPopupContainer,
-      id,
-      name: id,
-      onBlur: !readonly ? handleBlur : void 0,
-      onChange: !readonly ? handleChange : void 0,
-      onFocus: !readonly ? handleFocus : void 0,
-      placeholder,
-      showTime: false,
-      style: DATE_PICKER_STYLE2,
-      value: value && dayjs2(value),
-      "aria-describedby": ariaDescribedByIds5(id)
-    }
-  );
+function DateTimeWidget(props) {
+  return /* @__PURE__ */ jsx21(DateWidget, { showTime: true, ...props });
 }
 
 // src/widgets/PasswordWidget/index.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds6
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds5 } from "@rjsf/utils";
 import { Input as Input3 } from "antd";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function PasswordWidget(props) {
@@ -1034,14 +980,14 @@ function PasswordWidget(props) {
       onFocus: !readonly ? handleFocus : void 0,
       placeholder,
       value: value || "",
-      "aria-describedby": ariaDescribedByIds6(id)
+      "aria-describedby": ariaDescribedByIds5(id)
     }
   );
 }
 
 // src/widgets/RadioWidget/index.tsx
 import {
-  ariaDescribedByIds as ariaDescribedByIds7,
+  ariaDescribedByIds as ariaDescribedByIds6,
   enumOptionSelectedValue as enumOptionSelectedValue2,
   enumOptionValueDecoder as enumOptionValueDecoder2,
   enumOptionValueEncoder as enumOptionValueEncoder2,
@@ -1081,28 +1027,25 @@ function RadioWidget({
       onBlur: !readonly ? handleBlur : void 0,
       onFocus: !readonly ? handleFocus : void 0,
       value: selectValue,
-      "aria-describedby": ariaDescribedByIds7(id),
+      "aria-describedby": ariaDescribedByIds6(id),
       children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsx23(
         Radio,
         {
           id: optionId2(id, i),
           name: htmlName || id,
           autoFocus: i === 0 ? autofocus : false,
-          disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+          disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
           value: enumOptionValueEncoder2(option.value, i, optionValueFormat),
           children: option.label
         },
-        i
+        String(option.value)
       ))
     }
   );
 }
 
 // src/widgets/RangeWidget/index.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds8,
-  rangeSpec
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds7, rangeSpec } from "@rjsf/utils";
 import { Slider } from "antd";
 import { jsx as jsx24 } from "react/jsx-runtime";
 function RangeWidget(props) {
@@ -1145,7 +1088,7 @@ function RangeWidget(props) {
       step,
       value,
       ...extraProps,
-      "aria-describedby": ariaDescribedByIds8(id)
+      "aria-describedby": ariaDescribedByIds7(id)
     }
   );
 }
@@ -1153,7 +1096,7 @@ function RangeWidget(props) {
 // src/widgets/SelectWidget/index.tsx
 import { useMemo, useState } from "react";
 import {
-  ariaDescribedByIds as ariaDescribedByIds9,
+  ariaDescribedByIds as ariaDescribedByIds8,
   enumOptionSelectedValue as enumOptionSelectedValue3,
   enumOptionValueDecoder as enumOptionValueDecoder3,
   enumOptionValueEncoder as enumOptionValueEncoder3,
@@ -1191,7 +1134,7 @@ function SelectWidget({
   const handleFocus = () => onFocus(id, enumOptionValueDecoder3(value, enumOptions, optionValueFormat, emptyValue));
   const filterOption = (input, option) => {
     if (option && isString2(option.label)) {
-      return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+      return option.label.toLowerCase().includes(input.toLowerCase());
     }
     return false;
   };
@@ -1203,16 +1146,18 @@ function SelectWidget({
   const showPlaceholderOption = !multiple && schema.default === void 0;
   const selectOptions = useMemo(() => {
     if (Array.isArray(enumOptions)) {
-      const options2 = enumOptions.map(({ value: optionValue, label: optionLabel }, index) => ({
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
-        key: String(index),
-        value: enumOptionValueEncoder3(optionValue, index, optionValueFormat),
-        label: optionLabel
-      }));
+      const enumOptionsList = enumOptions.map(
+        ({ value: optionValue, label: optionLabel }, index) => ({
+          disabled: Array.isArray(enumDisabled) && enumDisabled.includes(optionValue),
+          key: String(index),
+          value: enumOptionValueEncoder3(optionValue, index, optionValueFormat),
+          label: optionLabel
+        })
+      );
       if (showPlaceholderOption) {
-        options2.unshift({ value: "", label: placeholder || "" });
+        enumOptionsList.unshift({ value: "", label: placeholder || "" });
       }
-      return options2;
+      return enumOptionsList;
     }
     return void 0;
   }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption, optionValueFormat]);
@@ -1233,8 +1178,8 @@ function SelectWidget({
       value: selectValue,
       ...extraProps,
       onOpenChange: setOpen,
-      filterOption,
-      "aria-describedby": ariaDescribedByIds9(id),
+      showSearch: { filterOption },
+      "aria-describedby": ariaDescribedByIds8(id),
       options: selectOptions
     }
   );
@@ -1242,9 +1187,7 @@ function SelectWidget({
 SelectWidget.getPopupContainerCallback = () => (node) => node.parentElement;
 
 // src/widgets/TextareaWidget/index.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds10
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds9 } from "@rjsf/utils";
 import { Input as Input4 } from "antd";
 import { jsx as jsx26 } from "react/jsx-runtime";
 var INPUT_STYLE3 = {
@@ -1285,7 +1228,7 @@ function TextareaWidget({
       style: INPUT_STYLE3,
       value,
       ...extraProps,
-      "aria-describedby": ariaDescribedByIds10(id)
+      "aria-describedby": ariaDescribedByIds9(id)
     }
   );
 }