@rjsf/antd 6.1.1 → 6.2.3

package/dist/antd.esm.js

@@ -109,6 +109,7 @@ function ArrayFieldTemplate(props) {
 }
 
 // src/templates/BaseInputTemplate/index.tsx
+import { useCallback } from "react";
 import { Input, InputNumber } from "antd";
 import {
   ariaDescribedByIds,
@@ -139,10 +140,19 @@ function BaseInputTemplate(props) {
   const { formContext } = registry;
   const inputProps = getInputProps(schema, type, options, false);
   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 handleBlur = ({ target }) => onBlur(id, target && target.value);
   const handleFocus = ({ target }) => onFocus(id, target && target.value);
+  const handleClear = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      onChange(options.emptyValue ?? "");
+    },
+    [onChange, options.emptyValue]
+  );
   const input = inputProps.type === "number" || inputProps.type === "integer" ? /* @__PURE__ */ jsx3(
     InputNumber,
     {
@@ -178,6 +188,7 @@ function BaseInputTemplate(props) {
   );
   return /* @__PURE__ */ jsxs3(Fragment, { children: [
     input,
+    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx3(ClearButton2, { registry, onClick: handleClear }),
     Array.isArray(schema.examples) && /* @__PURE__ */ jsx3("datalist", { id: examplesId(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
       return /* @__PURE__ */ jsx3("option", { value: example }, example);
     }) })
@@ -227,6 +238,7 @@ import ArrowUpOutlined from "@ant-design/icons/ArrowUpOutlined";
 import CopyOutlined from "@ant-design/icons/CopyOutlined";
 import DeleteOutlined from "@ant-design/icons/DeleteOutlined";
 import PlusCircleOutlined from "@ant-design/icons/PlusCircleOutlined";
+import CloseOutlined from "@ant-design/icons/CloseOutlined";
 import {
   getUiOptions as getUiOptions3,
   TranslatableString as TranslatableString2
@@ -299,6 +311,20 @@ function RemoveButton(props) {
     }
   );
 }
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx6(
+    IconButton,
+    {
+      title: translateString(TranslatableString2.ClearButton),
+      ...props,
+      iconType: "link",
+      icon: /* @__PURE__ */ jsx6(CloseOutlined, {})
+    }
+  );
+}
 
 // src/templates/FieldErrorTemplate/index.tsx
 import { errorId } from "@rjsf/utils";
@@ -726,7 +752,8 @@ function generateTemplates() {
       MoveDownButton,
       MoveUpButton,
       RemoveButton,
-      SubmitButton
+      SubmitButton,
+      ClearButton
     },
     DescriptionFieldTemplate: DescriptionField,
     ErrorListTemplate: ErrorList,
@@ -742,6 +769,13 @@ function generateTemplates() {
 }
 var templates_default = generateTemplates();
 
+// src/widgets/AltDateTimeWidget/index.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function AltDateTimeWidget({ time = true, ...props }) {
+  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
+  return /* @__PURE__ */ jsx16(AltDateWidget2, { time, ...props });
+}
+
 // src/widgets/AltDateWidget/index.tsx
 import { Row as Row7, Col as Col7, Button as Button3 } from "antd";
 import {
@@ -749,16 +783,21 @@ import {
   TranslatableString as TranslatableString4,
   useAltDateWidgetProps
 } from "@rjsf/utils";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
-function AltDateWidget(props) {
-  const { autofocus, disabled, id, name, onBlur, onFocus, options, readonly, registry } = props;
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+function AltDateWidget({ autofocus = false, disabled = false, options, readonly = false, time = false, ...props }) {
+  const { id, name, onBlur, onFocus, registry } = props;
   const { formContext, translateString } = registry;
   const { rowGutter = 24 } = formContext;
-  const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps(props);
+  const realOptions = { yearsRange: [1900, (/* @__PURE__ */ new Date()).getFullYear() + 2], ...options };
+  const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps({
+    ...props,
+    autofocus,
+    options: realOptions
+  });
   return /* @__PURE__ */ jsxs9(Row7, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [
     elements.map((elemProps, i) => {
       const elemId = `${id}_${elemProps.type}`;
-      return /* @__PURE__ */ jsx16(Col7, { flex: "88px", children: /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(Col7, { flex: "88px", children: /* @__PURE__ */ jsx17(
         DateElement,
         {
           rootId: id,
@@ -774,30 +813,10 @@ function AltDateWidget(props) {
         }
       ) }, elemId);
     }),
-    !options.hideNowButton && /* @__PURE__ */ jsx16(Col7, { flex: "88px", children: /* @__PURE__ */ jsx16(Button3, { block: true, className: "btn-now", onClick: handleSetNow, type: "primary", children: translateString(TranslatableString4.NowLabel) }) }),
-    !options.hideClearButton && /* @__PURE__ */ jsx16(Col7, { flex: "88px", children: /* @__PURE__ */ jsx16(Button3, { block: true, className: "btn-clear", danger: true, onClick: handleClear, type: "primary", children: translateString(TranslatableString4.ClearLabel) }) })
+    !options.hideNowButton && /* @__PURE__ */ jsx17(Col7, { flex: "88px", children: /* @__PURE__ */ jsx17(Button3, { block: true, className: "btn-now", onClick: handleSetNow, type: "primary", children: translateString(TranslatableString4.NowLabel) }) }),
+    !options.hideClearButton && /* @__PURE__ */ jsx17(Col7, { flex: "88px", children: /* @__PURE__ */ jsx17(Button3, { block: true, className: "btn-clear", danger: true, onClick: handleClear, type: "primary", children: translateString(TranslatableString4.ClearLabel) }) })
   ] });
 }
-AltDateWidget.defaultProps = {
-  autofocus: false,
-  disabled: false,
-  options: {
-    yearsRange: [1900, (/* @__PURE__ */ new Date()).getFullYear() + 2]
-  },
-  readonly: false,
-  time: false
-};
-
-// src/widgets/AltDateTimeWidget/index.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-function AltDateTimeWidget(props) {
-  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ jsx17(AltDateWidget2, { time: true, ...props });
-}
-AltDateTimeWidget.defaultProps = {
-  ...AltDateWidget.defaultProps,
-  time: true
-};
 
 // src/widgets/CheckboxesWidget/index.tsx
 import { Checkbox } from "antd";
@@ -1107,6 +1126,7 @@ function RangeWidget(props) {
 }
 
 // src/widgets/SelectWidget/index.tsx
+import { useMemo, useState } from "react";
 import { Select } from "antd";
 import {
   ariaDescribedByIds as ariaDescribedByIds9,
@@ -1114,7 +1134,6 @@ import {
   enumOptionsValueForIndex as enumOptionsValueForIndex3
 } from "@rjsf/utils";
 import isString2 from "lodash/isString";
-import { useMemo } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 var SELECT_STYLE = {
   width: "100%"
@@ -1135,6 +1154,7 @@ function SelectWidget({
   value,
   schema
 }) {
+  const [open, setOpen] = useState(false);
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, emptyValue } = options;
@@ -1147,7 +1167,7 @@ function SelectWidget({
     }
     return false;
   };
-  const getPopupContainer = (node) => node.parentNode;
+  const getPopupContainer = SelectWidget.getPopupContainerCallback();
   const selectedIndexes = enumOptionsIndexForValue3(value, enumOptions, multiple);
   const extraProps = {
     name: htmlName || id
@@ -1171,6 +1191,7 @@ function SelectWidget({
   return /* @__PURE__ */ jsx25(
     Select,
     {
+      open,
       autoFocus: autofocus,
       disabled: disabled || readonlyAsDisabled && readonly,
       getPopupContainer,
@@ -1183,12 +1204,14 @@ function SelectWidget({
       style: SELECT_STYLE,
       value: selectedIndexes,
       ...extraProps,
+      onOpenChange: setOpen,
       filterOption,
       "aria-describedby": ariaDescribedByIds9(id),
       options: selectOptions
     }
   );
 }
+SelectWidget.getPopupContainerCallback = () => (node) => node.parentElement;
 
 // src/widgets/TextareaWidget/index.tsx
 import { Input as Input4 } from "antd";