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

package/dist/react-querybuilder_antd.legacy-esm.js

@@ -889,7 +889,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 = (_a) => {
   var _b = _a, {
     className,
@@ -923,25 +923,24 @@ var AntDActionElement = (_a) => {
     "ruleOrGroup",
     "schema"
   ]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Button,
-    __spreadProps(__spreadValues({
+    __spreadValues({
       type: "primary",
       className,
       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(
   (_a, dragRef) => {
     var _b = _a, {
@@ -968,14 +967,14 @@ var AntDDragHandle = forwardRef(
       "validation",
       "schema"
     ]);
-    return /* @__PURE__ */ jsx2(HolderOutlined, __spreadValues({ ref: dragRef, className, title }, extraProps));
+    return /* @__PURE__ */ React2.createElement(HolderOutlined, __spreadValues({ 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 = (_a) => {
   var _b = _a, {
     className,
@@ -1003,7 +1002,7 @@ var AntDNotToggle = (_a) => {
     "testID",
     "schema"
   ]);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ React3.createElement(
     Switch,
     __spreadValues({
       title,
@@ -1023,6 +1022,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,
@@ -1032,20 +1032,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 = (_a) => {
   var _b = _a, {
     className,
@@ -1089,23 +1089,20 @@ var AntDValueSelector = (_a) => {
   ]);
   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,
-    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, modeObj), {
+    __spreadValues(__spreadProps(__spreadValues({}, modeObj), {
       dropdownMatchSelectWidth: false,
       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 = (_a) => {
   var _b = _a, {
@@ -1165,9 +1162,10 @@ var AntDValueEditor = (_a) => {
       var _a3, _b3;
       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,
@@ -1176,24 +1174,23 @@ var AntDValueEditor = (_a) => {
                 var _a4;
                 return multiValueHandler((_a4 = d == null ? void 0 : d.format("HH:mm:ss")) != null ? _a4 : "", i);
               }
-            },
-            key
+            }
           );
         }
-        return /* @__PURE__ */ jsx6(
+        return /* @__PURE__ */ React6.createElement(
           Input,
           {
+            key,
             type: inputTypeCoerced,
             value: (_a3 = valueAsArray[i]) != null ? _a3 : "",
             className: standardClassnames.valueListItem,
             disabled,
             placeholder: placeHolderText,
             onChange: (e) => multiValueHandler(e.target.value, i)
-          },
-          key
+          }
         );
       }
-      return /* @__PURE__ */ createElement(
+      return /* @__PURE__ */ React6.createElement(
         SelectorComponent,
         __spreadProps(__spreadValues({}, props), {
           key,
@@ -1206,16 +1203,12 @@ var AntDValueEditor = (_a) => {
         })
       );
     });
-    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,
         __spreadProps(__spreadValues({}, props), {
           className,
@@ -1229,7 +1222,7 @@ var AntDValueEditor = (_a) => {
         })
       );
     case "textarea":
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement(
         Input.TextArea,
         {
           value,
@@ -1241,7 +1234,7 @@ var AntDValueEditor = (_a) => {
         }
       );
     case "switch":
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement(
         Switch2,
         {
           checked: !!value,
@@ -1252,7 +1245,7 @@ var AntDValueEditor = (_a) => {
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ jsx6("span", { title, className, children: /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
         Checkbox,
         {
           type: "checkbox",
@@ -1260,24 +1253,24 @@ var AntDValueEditor = (_a) => {
           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: ((_b2 = toArray(value)) == null ? void 0 : _b2.length) >= 2 ? toArray(value).map((v) => (0, import_dayjs.default)(v)) : void 0,
@@ -1294,7 +1287,7 @@ var AntDValueEditor = (_a) => {
             }
           )
         }
-      ) : /* @__PURE__ */ jsx6(
+      ) : /* @__PURE__ */ React6.createElement(
         DatePicker,
         {
           value: value ? (0, import_dayjs.default)(value) : null,
@@ -1306,7 +1299,7 @@ var AntDValueEditor = (_a) => {
         }
       );
     case "time":
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ React6.createElement(
         TimePicker,
         {
           value: value ? (0, import_dayjs.default)(value, "HH:mm:ss") : null,
@@ -1320,7 +1313,7 @@ var AntDValueEditor = (_a) => {
         }
       );
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ React6.createElement(
     Input,
     {
       type: inputTypeCoerced,