@react-querybuilder/antd 6.2.0 → 6.3.0-alpha.1

package/dist/react-querybuilder_antd.mjs

@@ -860,7 +860,7 @@ import { getCompatContextProvider } from "react-querybuilder";
 
 // src/AntDActionElement.tsx
 import { Button } from "antd";
-import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 var AntDActionElement = ({
   className,
   handleOnClick,
@@ -878,7 +878,7 @@ var AntDActionElement = ({
   ruleOrGroup: _ruleOrGroup,
   schema: _schema,
   ...extraProps
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ React.createElement(
   Button,
   {
     type: "primary",
@@ -886,16 +886,16 @@ var AntDActionElement = ({
     title: disabledTranslation && disabled ? disabledTranslation.title : title,
     onClick: (e) => handleOnClick(e),
     disabled: disabled && !disabledTranslation,
-    ...extraProps,
-    children: disabledTranslation && disabled ? disabledTranslation.label : label
-  }
+    ...extraProps
+  },
+  disabledTranslation && disabled ? disabledTranslation.label : label
 );
 AntDActionElement.displayName = "AntDActionElement";
 
 // src/AntDDragHandle.tsx
 import { HolderOutlined } from "@ant-design/icons";
+import * as React2 from "react";
 import { forwardRef } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
 var AntDDragHandle = forwardRef(
   ({
     className,
@@ -910,13 +910,13 @@ var AntDDragHandle = forwardRef(
     validation: _validation,
     schema: _schema,
     ...extraProps
-  }, dragRef) => /* @__PURE__ */ jsx2(HolderOutlined, { ref: dragRef, className, title, ...extraProps })
+  }, dragRef) => /* @__PURE__ */ React2.createElement(HolderOutlined, { ref: dragRef, className, title, ...extraProps })
 );
 AntDDragHandle.displayName = "AntDDragHandle";
 
 // src/AntDNotToggle.tsx
 import { Switch } from "antd";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import * as React3 from "react";
 var AntDNotToggle = ({
   className,
   handleOnChange,
@@ -931,7 +931,7 @@ var AntDNotToggle = ({
   testID: _testID,
   schema: _schema,
   ...extraProps
-}) => /* @__PURE__ */ jsx3(
+}) => /* @__PURE__ */ React3.createElement(
   Switch,
   {
     title,
@@ -951,6 +951,7 @@ var import_dayjs = __toESM(require_dayjs_min());
 var import_dayjs2 = __toESM(require_dayjs());
 import { Checkbox, Input, Radio, Switch as Switch2, TimePicker } from "antd";
 import generatePicker from "antd/es/date-picker/generatePicker/index.js";
+import * as React6 from "react";
 import {
   getFirstOption,
   standardClassnames,
@@ -960,20 +961,20 @@ import {
 
 // src/AntDValueSelector.tsx
 import { Select as Select2 } from "antd";
+import * as React5 from "react";
 import { useValueSelector } from "react-querybuilder";
 
 // src/utils.tsx
 import { Select } from "antd";
+import * as React4 from "react";
 import { isOptionGroupArray } from "react-querybuilder";
-import { jsx as jsx4 } from "react/jsx-runtime";
 var { OptGroup, Option } = Select;
-var toOptions = (arr) => isOptionGroupArray(arr) ? arr.map((og) => /* @__PURE__ */ jsx4(OptGroup, { label: og.label, children: og.options.map((opt) => /* @__PURE__ */ jsx4(Option, { value: opt.name, children: opt.label }, opt.name)) }, og.label)) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ jsx4(Option, { value: opt.name, children: opt.label }, opt.name)) : (
+var toOptions = (arr) => isOptionGroupArray(arr) ? arr.map((og) => /* @__PURE__ */ React4.createElement(OptGroup, { key: og.label, label: og.label }, og.options.map((opt) => /* @__PURE__ */ React4.createElement(Option, { key: opt.name, value: opt.name }, opt.label)))) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ React4.createElement(Option, { key: opt.name, value: opt.name }, opt.label)) : (
   /* istanbul ignore next */
   null
 );
 
 // src/AntDValueSelector.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
 var AntDValueSelector = ({
   className,
   handleOnChange,
@@ -998,7 +999,7 @@ var AntDValueSelector = ({
 }) => {
   const { onChange, val } = useValueSelector({ handleOnChange, listsAsArrays, multiple, value });
   const modeObj = multiple ? { mode: "multiple" } : {};
-  return /* @__PURE__ */ jsx5("span", { title, className, children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ React5.createElement("span", { title, className }, /* @__PURE__ */ React5.createElement(
     Select2,
     {
       ...modeObj,
@@ -1006,16 +1007,14 @@ var AntDValueSelector = ({
       disabled,
       value: val,
       onChange,
-      ...extraProps,
-      children: toOptions(options)
-    }
-  ) });
+      ...extraProps
+    },
+    toOptions(options)
+  ));
 };
 AntDValueSelector.displayName = "AntDValueSelector";
 
 // src/AntDValueEditor.tsx
-import { jsx as jsx6, jsxs } from "react/jsx-runtime";
-import { createElement } from "react";
 var DatePicker = generatePicker(import_dayjs2.default);
 var AntDValueEditor = ({
   fieldData,
@@ -1056,32 +1055,32 @@ var AntDValueEditor = ({
     const editors = ["from", "to"].map((key, i) => {
       if (type === "text") {
         if (inputTypeCoerced === "time") {
-          return /* @__PURE__ */ jsx6(
+          return /* @__PURE__ */ React6.createElement(
             TimePicker,
             {
+              key,
               value: valueAsArray[i] ? (0, import_dayjs.default)(valueAsArray[i], "HH:mm:ss") : null,
               className: standardClassnames.valueListItem,
               disabled,
               placeholder: placeHolderText,
               onChange: (d) => multiValueHandler(d?.format("HH:mm:ss") ?? "", i)
-            },
-            key
+            }
           );
         }
-        return /* @__PURE__ */ jsx6(
+        return /* @__PURE__ */ React6.createElement(
           Input,
           {
+            key,
             type: inputTypeCoerced,
             value: valueAsArray[i] ?? "",
             className: standardClassnames.valueListItem,
             disabled,
             placeholder: placeHolderText,
             onChange: (e) => multiValueHandler(e.target.value, i)
-          },
-          key
+          }
         );
       }
-      return /* @__PURE__ */ createElement(
+      return /* @__PURE__ */ React6.createElement(
         SelectorComponent,
         {
           ...props,
@@ -1095,16 +1094,12 @@ var AntDValueEditor = ({
         }
       );
     });
-    return /* @__PURE__ */ jsxs("span", { "data-testid": testID, className, title, children: [
-      editors[0],
-      separator,
-      editors[1]
-    ] });
+    return /* @__PURE__ */ React6.createElement("span", { "data-testid": testID, className, title }, editors[0], separator, editors[1]);
   }
   switch (type) {
     case "select":
     case "multiselect":
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement(
         SelectorComponent,
         {
           ...props,
@@ -1119,7 +1114,7 @@ var AntDValueEditor = ({
         }
       );
     case "textarea":
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement(
         Input.TextArea,
         {
           value,
@@ -1131,7 +1126,7 @@ var AntDValueEditor = ({
         }
       );
     case "switch":
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement(
         Switch2,
         {
           checked: !!value,
@@ -1142,7 +1137,7 @@ var AntDValueEditor = ({
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ jsx6("span", { title, className, children: /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
         Checkbox,
         {
           type: "checkbox",
@@ -1150,24 +1145,24 @@ var AntDValueEditor = ({
           onChange: (e) => handleOnChange(e.target.checked),
           checked: !!value
         }
-      ) });
+      ));
     case "radio":
-      return /* @__PURE__ */ jsx6("span", { className, title, children: values.map((v) => /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React6.createElement(
         Radio,
         {
+          key: v.name,
           value: v.name,
           checked: value === v.name,
           disabled,
-          onChange: (e) => handleOnChange(e.target.value),
-          children: v.label
+          onChange: (e) => handleOnChange(e.target.value)
         },
-        v.name
-      )) });
+        v.label
+      )));
   }
   switch (inputTypeCoerced) {
     case "date":
     case "datetime-local":
-      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ jsx6(
+      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ React6.createElement(
         DatePicker.RangePicker,
         {
           value: toArray(value)?.length >= 2 ? toArray(value).map((v) => (0, import_dayjs.default)(v)) : void 0,
@@ -1184,7 +1179,7 @@ var AntDValueEditor = ({
             }
           )
         }
-      ) : /* @__PURE__ */ jsx6(
+      ) : /* @__PURE__ */ React6.createElement(
         DatePicker,
         {
           value: value ? (0, import_dayjs.default)(value) : null,
@@ -1196,7 +1191,7 @@ var AntDValueEditor = ({
         }
       );
     case "time":
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement(
         TimePicker,
         {
           value: value ? (0, import_dayjs.default)(value, "HH:mm:ss") : null,
@@ -1207,7 +1202,7 @@ var AntDValueEditor = ({
         }
       );
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ React6.createElement(
     Input,
     {
       type: inputTypeCoerced,