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

package/dist/cjs/react-querybuilder_antd.cjs.development.js

@@ -877,7 +877,7 @@ var import_react_querybuilder4 = require("react-querybuilder");
 
 // src/AntDActionElement.tsx
 var import_antd = require("antd");
-var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
 var AntDActionElement = ({
   className,
   handleOnClick,
@@ -895,7 +895,7 @@ var AntDActionElement = ({
   ruleOrGroup: _ruleOrGroup,
   schema: _schema,
   ...extraProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+}) => /* @__PURE__ */ React.createElement(
   import_antd.Button,
   {
     type: "primary",
@@ -903,16 +903,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
 var import_icons = require("@ant-design/icons");
+var React2 = __toESM(require("react"));
 var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
 var AntDDragHandle = (0, import_react.forwardRef)(
   ({
     className,
@@ -927,13 +927,13 @@ var AntDDragHandle = (0, import_react.forwardRef)(
     validation: _validation,
     schema: _schema,
     ...extraProps
-  }, dragRef) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.HolderOutlined, { ref: dragRef, className, title, ...extraProps })
+  }, dragRef) => /* @__PURE__ */ React2.createElement(import_icons.HolderOutlined, { ref: dragRef, className, title, ...extraProps })
 );
 AntDDragHandle.displayName = "AntDDragHandle";
 
 // src/AntDNotToggle.tsx
 var import_antd2 = require("antd");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var React3 = __toESM(require("react"));
 var AntDNotToggle = ({
   className,
   handleOnChange,
@@ -948,7 +948,7 @@ var AntDNotToggle = ({
   testID: _testID,
   schema: _schema,
   ...extraProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+}) => /* @__PURE__ */ React3.createElement(
   import_antd2.Switch,
   {
     title,
@@ -968,24 +968,25 @@ var import_antd5 = require("antd");
 var import_generatePicker = __toESM(require("antd/es/date-picker/generatePicker/index.js"));
 var import_dayjs = __toESM(require_dayjs_min());
 var import_dayjs2 = __toESM(require_dayjs());
+var React6 = __toESM(require("react"));
 var import_react_querybuilder3 = require("react-querybuilder");
 
 // src/AntDValueSelector.tsx
 var import_antd4 = require("antd");
+var React5 = __toESM(require("react"));
 var import_react_querybuilder2 = require("react-querybuilder");
 
 // src/utils.tsx
 var import_antd3 = require("antd");
+var React4 = __toESM(require("react"));
 var import_react_querybuilder = require("react-querybuilder");
-var import_jsx_runtime4 = require("react/jsx-runtime");
 var { OptGroup, Option } = import_antd3.Select;
-var toOptions = (arr) => (0, import_react_querybuilder.isOptionGroupArray)(arr) ? arr.map((og) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(OptGroup, { label: og.label, children: og.options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Option, { value: opt.name, children: opt.label }, opt.name)) }, og.label)) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Option, { value: opt.name, children: opt.label }, opt.name)) : (
+var toOptions = (arr) => (0, import_react_querybuilder.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
-var import_jsx_runtime5 = require("react/jsx-runtime");
 var AntDValueSelector = ({
   className,
   handleOnChange,
@@ -1010,7 +1011,7 @@ var AntDValueSelector = ({
 }) => {
   const { onChange, val } = (0, import_react_querybuilder2.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
   const modeObj = multiple ? { mode: "multiple" } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { title, className, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ React5.createElement("span", { title, className }, /* @__PURE__ */ React5.createElement(
     import_antd4.Select,
     {
       ...modeObj,
@@ -1018,16 +1019,14 @@ var AntDValueSelector = ({
       disabled,
       value: val,
       onChange,
-      ...extraProps,
-      children: toOptions(options)
-    }
-  ) });
+      ...extraProps
+    },
+    toOptions(options)
+  ));
 };
 AntDValueSelector.displayName = "AntDValueSelector";
 
 // src/AntDValueEditor.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var import_react2 = require("react");
 var DatePicker = (0, import_generatePicker.default)(import_dayjs2.default);
 var AntDValueEditor = ({
   fieldData,
@@ -1068,32 +1067,32 @@ var AntDValueEditor = ({
     const editors = ["from", "to"].map((key, i) => {
       if (type === "text") {
         if (inputTypeCoerced === "time") {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          return /* @__PURE__ */ React6.createElement(
             import_antd5.TimePicker,
             {
+              key,
               value: valueAsArray[i] ? (0, import_dayjs.default)(valueAsArray[i], "HH:mm:ss") : null,
               className: import_react_querybuilder3.standardClassnames.valueListItem,
               disabled,
               placeholder: placeHolderText,
               onChange: (d) => multiValueHandler(d?.format("HH:mm:ss") ?? "", i)
-            },
-            key
+            }
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        return /* @__PURE__ */ React6.createElement(
           import_antd5.Input,
           {
+            key,
             type: inputTypeCoerced,
             value: valueAsArray[i] ?? "",
             className: import_react_querybuilder3.standardClassnames.valueListItem,
             disabled,
             placeholder: placeHolderText,
             onChange: (e) => multiValueHandler(e.target.value, i)
-          },
-          key
+          }
         );
       }
-      return /* @__PURE__ */ (0, import_react2.createElement)(
+      return /* @__PURE__ */ React6.createElement(
         SelectorComponent,
         {
           ...props,
@@ -1107,16 +1106,12 @@ var AntDValueEditor = ({
         }
       );
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime6.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__ */ (0, import_jsx_runtime6.jsx)(
+      return /* @__PURE__ */ React6.createElement(
         SelectorComponent,
         {
           ...props,
@@ -1131,7 +1126,7 @@ var AntDValueEditor = ({
         }
       );
     case "textarea":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      return /* @__PURE__ */ React6.createElement(
         import_antd5.Input.TextArea,
         {
           value,
@@ -1143,7 +1138,7 @@ var AntDValueEditor = ({
         }
       );
     case "switch":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      return /* @__PURE__ */ React6.createElement(
         import_antd5.Switch,
         {
           checked: !!value,
@@ -1154,7 +1149,7 @@ var AntDValueEditor = ({
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { title, className, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
         import_antd5.Checkbox,
         {
           type: "checkbox",
@@ -1162,24 +1157,24 @@ var AntDValueEditor = ({
           onChange: (e) => handleOnChange(e.target.checked),
           checked: !!value
         }
-      ) });
+      ));
     case "radio":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className, title, children: values.map((v) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      return /* @__PURE__ */ React6.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React6.createElement(
         import_antd5.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__ */ (0, import_jsx_runtime6.jsx)(
+      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ React6.createElement(
         DatePicker.RangePicker,
         {
           value: (0, import_react_querybuilder3.toArray)(value)?.length >= 2 ? (0, import_react_querybuilder3.toArray)(value).map((v) => (0, import_dayjs.default)(v)) : void 0,
@@ -1196,7 +1191,7 @@ var AntDValueEditor = ({
             }
           )
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      ) : /* @__PURE__ */ React6.createElement(
         DatePicker,
         {
           value: value ? (0, import_dayjs.default)(value) : null,
@@ -1208,7 +1203,7 @@ var AntDValueEditor = ({
         }
       );
     case "time":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      return /* @__PURE__ */ React6.createElement(
         import_antd5.TimePicker,
         {
           value: value ? (0, import_dayjs.default)(value, "HH:mm:ss") : null,
@@ -1219,7 +1214,7 @@ var AntDValueEditor = ({
         }
       );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ React6.createElement(
     import_antd5.Input,
     {
       type: inputTypeCoerced,