@react-querybuilder/antd 7.7.1 → 8.0.0-alpha.0

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

@@ -1,38 +1,9 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -116,37 +87,105 @@ var require_warning = __commonJS({
 });
 
 // src/index.tsx
-import {
-  CloseOutlined,
-  CopyOutlined,
-  DownOutlined,
-  LockOutlined,
-  UnlockOutlined,
-  UpOutlined
-} from "@ant-design/icons";
-import * as React8 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+import { CloseOutlined, CopyOutlined, DownOutlined, LockOutlined, UnlockOutlined, UpOutlined } from "@ant-design/icons";
 import { getCompatContextProvider } from "react-querybuilder";
 
 // src/AntDActionElement.tsx
+import { jsx } from "react/jsx-runtime";
 import { Button } from "antd";
-import * as React from "react";
-var AntDActionElement = (_a) => {
-  var _b = _a, {
-    className,
-    handleOnClick,
-    label,
-    title,
-    disabled,
-    disabledTranslation,
-    testID: _testID,
-    rules: _rules,
-    level: _level,
-    path: _path,
-    context: _context,
-    validation: _validation,
-    ruleOrGroup: _ruleOrGroup,
-    schema: _schema
-  } = _b, extraProps = __objRest(_b, [
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t["return"] || t["return"]();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var __defProp2 = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = function __defNormalProp2(obj, key, value) {
+  return key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+};
+var __spreadValues = function __spreadValues2(a, b) {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) {
+    var _iterator = _createForOfIteratorHelper(__getOwnPropSymbols(b)), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var prop = _step.value;
+        if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return a;
+};
+var __spreadProps = function __spreadProps2(a, b) {
+  return __defProps(a, __getOwnPropDescs(b));
+};
+var __objRest = function __objRest2(source, exclude) {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) {
+    var _iterator2 = _createForOfIteratorHelper(__getOwnPropSymbols(source)), _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+        var prop = _step2.value;
+        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return target;
+};
+var AntDActionElement = function AntDActionElement2(_a) {
+  var _b = _a, className = _b.className, handleOnClick = _b.handleOnClick, label = _b.label, title = _b.title, disabled = _b.disabled, disabledTranslation = _b.disabledTranslation, _testID = _b.testID, _rules = _b.rules, _level = _b.level, _path = _b.path, _context = _b.context, _validation = _b.validation, _ruleOrGroup = _b.ruleOrGroup, _schema = _b.schema, extraProps = __objRest(_b, [
     "className",
     "handleOnClick",
     "label",
@@ -163,73 +202,208 @@ var AntDActionElement = (_a) => {
     "ruleOrGroup",
     "schema"
   ]);
-  return /* @__PURE__ */ React.createElement(
-    Button,
-    __spreadValues({
-      type: "primary",
-      className,
-      title: disabledTranslation && disabled ? disabledTranslation.title : title,
-      onClick: (e) => handleOnClick(e),
-      disabled: disabled && !disabledTranslation
-    }, extraProps),
-    disabledTranslation && disabled ? disabledTranslation.label : label
-  );
+  return /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ type: "primary", className, title: disabledTranslation && disabled ? disabledTranslation.title : title, onClick: function onClick(e) {
+    return handleOnClick(e);
+  }, disabled: disabled && !disabledTranslation }, extraProps), { children: disabledTranslation && disabled ? disabledTranslation.label : label }));
 };
 
 // src/AntDDragHandle.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 import { HolderOutlined } from "@ant-design/icons";
-import * as React2 from "react";
 import { forwardRef } from "react";
-var AntDDragHandle = forwardRef(
-  (_a, dragRef) => {
-    var _b = _a, {
-      className,
-      title,
-      testID: _testID,
-      level: _level,
-      path: _path,
-      label: _label,
-      disabled: _disabled,
-      context: _context,
-      validation: _validation,
-      schema: _schema,
-      ruleOrGroup: _ruleOrGroup
-    } = _b, extraProps = __objRest(_b, [
-      "className",
-      "title",
-      // Props that should not be in extraProps
-      "testID",
-      "level",
-      "path",
-      "label",
-      "disabled",
-      "context",
-      "validation",
-      "schema",
-      "ruleOrGroup"
-    ]);
-    return /* @__PURE__ */ React2.createElement(HolderOutlined, __spreadValues({ ref: dragRef, className, title }, extraProps));
+function _createForOfIteratorHelper2(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray2(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t["return"] || t["return"]();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray2(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray2(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray2(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray2(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var __defProp3 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp3 = function __defNormalProp4(obj, key, value) {
+  return key in obj ? __defProp3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+};
+var __spreadValues3 = function __spreadValues4(a, b) {
+  for (var prop in b || (b = {})) if (__hasOwnProp3.call(b, prop)) __defNormalProp3(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) {
+    var _iterator = _createForOfIteratorHelper2(__getOwnPropSymbols2(b)), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var prop = _step.value;
+        if (__propIsEnum2.call(b, prop)) __defNormalProp3(a, prop, b[prop]);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return a;
+};
+var __objRest3 = function __objRest4(source, exclude) {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp3.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) {
+    var _iterator2 = _createForOfIteratorHelper2(__getOwnPropSymbols2(source)), _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+        var prop = _step2.value;
+        if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
   }
-);
+  return target;
+};
+var AntDDragHandle = /* @__PURE__ */ forwardRef(function(_a, dragRef) {
+  var _b = _a, className = _b.className, title = _b.title, _testID = _b.testID, _level = _b.level, _path = _b.path, _label = _b.label, _disabled = _b.disabled, _context = _b.context, _validation = _b.validation, _schema = _b.schema, _ruleOrGroup = _b.ruleOrGroup, extraProps = __objRest3(_b, [
+    "className",
+    "title",
+    // Props that should not be in extraProps
+    "testID",
+    "level",
+    "path",
+    "label",
+    "disabled",
+    "context",
+    "validation",
+    "schema",
+    "ruleOrGroup"
+  ]);
+  return /* @__PURE__ */ jsx2(HolderOutlined, __spreadValues3({ ref: dragRef, className, title }, extraProps));
+});
 
 // src/AntDNotToggle.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
 import { Switch } from "antd";
-import * as React3 from "react";
-var AntDNotToggle = (_a) => {
-  var _b = _a, {
-    className,
-    handleOnChange,
-    label,
-    checked,
-    title,
-    disabled,
-    path: _path,
-    context: _context,
-    validation: _validation,
-    testID: _testID,
-    schema: _schema,
-    ruleGroup: _ruleGroup
-  } = _b, extraProps = __objRest(_b, [
+function _createForOfIteratorHelper3(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray3(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t["return"] || t["return"]();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray3(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray3(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray3(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray3(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var __defProp4 = Object.defineProperty;
+var __getOwnPropSymbols3 = Object.getOwnPropertySymbols;
+var __hasOwnProp4 = Object.prototype.hasOwnProperty;
+var __propIsEnum3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp5 = function __defNormalProp6(obj, key, value) {
+  return key in obj ? __defProp4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+};
+var __spreadValues5 = function __spreadValues6(a, b) {
+  for (var prop in b || (b = {})) if (__hasOwnProp4.call(b, prop)) __defNormalProp5(a, prop, b[prop]);
+  if (__getOwnPropSymbols3) {
+    var _iterator = _createForOfIteratorHelper3(__getOwnPropSymbols3(b)), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var prop = _step.value;
+        if (__propIsEnum3.call(b, prop)) __defNormalProp5(a, prop, b[prop]);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return a;
+};
+var __objRest5 = function __objRest6(source, exclude) {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp4.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols3) {
+    var _iterator2 = _createForOfIteratorHelper3(__getOwnPropSymbols3(source)), _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+        var prop = _step2.value;
+        if (exclude.indexOf(prop) < 0 && __propIsEnum3.call(source, prop)) target[prop] = source[prop];
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return target;
+};
+var AntDNotToggle = function AntDNotToggle2(_a) {
+  var _b = _a, className = _b.className, handleOnChange = _b.handleOnChange, label = _b.label, checked = _b.checked, title = _b.title, disabled = _b.disabled, _path = _b.path, _context = _b.context, _validation = _b.validation, _testID = _b.testID, _schema = _b.schema, _ruleGroup = _b.ruleGroup, extraProps = __objRest5(_b, [
     "className",
     "handleOnChange",
     "label",
@@ -244,61 +418,25 @@ var AntDNotToggle = (_a) => {
     "schema",
     "ruleGroup"
   ]);
-  return /* @__PURE__ */ React3.createElement(
-    Switch,
-    __spreadValues({
-      title,
-      className,
-      onChange: (v) => handleOnChange(v),
-      checked: !!checked,
-      disabled,
-      checkedChildren: label,
-      unCheckedChildren: "="
-    }, extraProps)
-  );
+  return /* @__PURE__ */ jsx3(Switch, __spreadValues5({ title, className, onChange: function onChange(v) {
+    return handleOnChange(v);
+  }, checked: !!checked, disabled, checkedChildren: label, unCheckedChildren: "=" }, extraProps));
 };
 
 // src/AntDShiftActions.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 import { Button as Button2 } from "antd";
-import * as React4 from "react";
-var AntDShiftActions = ({
-  shiftUp,
-  shiftDown,
-  shiftUpDisabled,
-  shiftDownDisabled,
-  disabled,
-  className,
-  labels,
-  titles,
-  testID
-}) => /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
-  Button2,
-  {
-    type: "primary",
-    size: "small",
-    title: titles == null ? void 0 : titles.shiftUp,
-    onClick: shiftUp,
-    disabled: disabled || shiftUpDisabled
-  },
-  labels == null ? void 0 : labels.shiftUp
-), /* @__PURE__ */ React4.createElement(
-  Button2,
-  {
-    type: "primary",
-    size: "small",
-    title: titles == null ? void 0 : titles.shiftDown,
-    onClick: shiftDown,
-    disabled: disabled || shiftDownDisabled
-  },
-  labels == null ? void 0 : labels.shiftDown
-));
+var AntDShiftActions = function AntDShiftActions2(_ref) {
+  var shiftUp = _ref.shiftUp, shiftDown = _ref.shiftDown, shiftUpDisabled = _ref.shiftUpDisabled, shiftDownDisabled = _ref.shiftDownDisabled, disabled = _ref.disabled, className = _ref.className, labels = _ref.labels, titles = _ref.titles, testID = _ref.testID;
+  return /* @__PURE__ */ jsxs("div", { "data-testid": testID, className, children: [/* @__PURE__ */ jsx4(Button2, { type: "primary", size: "small", title: titles == null ? void 0 : titles.shiftUp, onClick: shiftUp, disabled: disabled || shiftUpDisabled, children: labels == null ? void 0 : labels.shiftUp }), /* @__PURE__ */ jsx4(Button2, { type: "primary", size: "small", title: titles == null ? void 0 : titles.shiftDown, onClick: shiftDown, disabled: disabled || shiftDownDisabled, children: labels == null ? void 0 : labels.shiftDown })] });
+};
 
 // src/AntDValueEditor.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 import { Checkbox, Input, InputNumber, Radio, Switch as Switch2 } from "antd";
 import generatePicker from "antd/es/date-picker/generatePicker/index.js";
 import dayjs2 from "dayjs";
-import * as React5 from "react";
-import { getFirstOption, joinWith, useValueEditor } from "react-querybuilder";
+import { joinWith, useValueEditor, ValueEditor } from "react-querybuilder";
 
 // src/dayjs.ts
 var import_warning = __toESM(require_warning());
@@ -309,17 +447,60 @@ import localeData from "dayjs/plugin/localeData.js";
 import weekOfYear from "dayjs/plugin/weekOfYear.js";
 import weekYear from "dayjs/plugin/weekYear.js";
 import weekday from "dayjs/plugin/weekday.js";
+function _createForOfIteratorHelper4(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray4(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t["return"] || t["return"]();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray4(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray4(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray4(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray4(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
 dayjs.extend(customParseFormat);
 dayjs.extend(advancedFormat);
 dayjs.extend(weekday);
 dayjs.extend(localeData);
 dayjs.extend(weekOfYear);
 dayjs.extend(weekYear);
-dayjs.extend((o, c) => {
-  const proto = c.prototype;
-  const oldFormat = proto.format;
+dayjs.extend(function(o, c) {
+  var proto = c.prototype;
+  var oldFormat = proto.format;
   proto.format = function f(formatStr) {
-    const str = (formatStr || "").replace("Wo", "wo");
+    var str = (formatStr || "").replace("Wo", "wo");
     return oldFormat.bind(this)(str);
   };
 });
@@ -391,60 +572,112 @@ var localeMap = {
   zh_HK: "zh-hk",
   zh_TW: "zh-tw"
 };
-var parseLocale = (locale) => {
-  const mapLocale = localeMap[locale];
+var parseLocale = function parseLocale2(locale) {
+  var mapLocale = localeMap[locale];
   return mapLocale || locale.split("_")[0];
 };
-var parseNoMatchNotice = () => {
+var parseNoMatchNotice = function parseNoMatchNotice2() {
   (0, import_warning.noteOnce)(false, "Not match any format. Please help to fire a issue about this.");
 };
 var generateConfig = {
   // get
-  getNow: () => dayjs(),
-  getFixedDate: (string) => dayjs(string, ["YYYY-M-DD", "YYYY-MM-DD"]),
-  getEndDate: (date) => date.endOf("month"),
-  getWeekDay: (date) => {
-    const clone = date.locale("en");
+  getNow: function getNow() {
+    return dayjs();
+  },
+  getFixedDate: function getFixedDate(string) {
+    return dayjs(string, ["YYYY-M-DD", "YYYY-MM-DD"]);
+  },
+  getEndDate: function getEndDate(date) {
+    return date.endOf("month");
+  },
+  getWeekDay: function getWeekDay(date) {
+    var clone = date.locale("en");
     return clone.weekday() + clone.localeData().firstDayOfWeek();
   },
-  getYear: (date) => date.year(),
-  getMonth: (date) => date.month(),
-  getDate: (date) => date.date(),
-  getHour: (date) => date.hour(),
-  getMinute: (date) => date.minute(),
-  getSecond: (date) => date.second(),
-  getMillisecond: (date) => date.millisecond(),
+  getYear: function getYear(date) {
+    return date.year();
+  },
+  getMonth: function getMonth(date) {
+    return date.month();
+  },
+  getDate: function getDate(date) {
+    return date.date();
+  },
+  getHour: function getHour(date) {
+    return date.hour();
+  },
+  getMinute: function getMinute(date) {
+    return date.minute();
+  },
+  getSecond: function getSecond(date) {
+    return date.second();
+  },
+  getMillisecond: function getMillisecond(date) {
+    return date.millisecond();
+  },
   // set
-  addYear: (date, diff) => date.add(diff, "year"),
-  addMonth: (date, diff) => date.add(diff, "month"),
-  addDate: (date, diff) => date.add(diff, "day"),
-  setYear: (date, year) => date.year(year),
-  setMonth: (date, month) => date.month(month),
-  setDate: (date, num) => date.date(num),
-  setHour: (date, hour) => date.hour(hour),
-  setMinute: (date, minute) => date.minute(minute),
-  setSecond: (date, second) => date.second(second),
-  setMillisecond: (date, milliseconds) => date.millisecond(milliseconds),
+  addYear: function addYear(date, diff) {
+    return date.add(diff, "year");
+  },
+  addMonth: function addMonth(date, diff) {
+    return date.add(diff, "month");
+  },
+  addDate: function addDate(date, diff) {
+    return date.add(diff, "day");
+  },
+  setYear: function setYear(date, year) {
+    return date.year(year);
+  },
+  setMonth: function setMonth(date, month) {
+    return date.month(month);
+  },
+  setDate: function setDate(date, num) {
+    return date.date(num);
+  },
+  setHour: function setHour(date, hour) {
+    return date.hour(hour);
+  },
+  setMinute: function setMinute(date, minute) {
+    return date.minute(minute);
+  },
+  setSecond: function setSecond(date, second) {
+    return date.second(second);
+  },
+  setMillisecond: function setMillisecond(date, milliseconds) {
+    return date.millisecond(milliseconds);
+  },
   // Compare
-  isAfter: (date1, date2) => date1.isAfter(date2),
-  isValidate: (date) => date.isValid(),
-  locale: {
-    getWeekFirstDay: (locale) => dayjs().locale(parseLocale(locale)).localeData().firstDayOfWeek(),
-    getWeekFirstDate: (locale, date) => date.locale(parseLocale(locale)).weekday(0),
-    getWeek: (locale, date) => date.locale(parseLocale(locale)).week(),
-    getShortWeekDays: (locale) => dayjs().locale(parseLocale(locale)).localeData().weekdaysMin(),
-    getShortMonths: (locale) => dayjs().locale(parseLocale(locale)).localeData().monthsShort(),
-    format: (locale, date, format) => date.locale(parseLocale(locale)).format(format),
-    parse: (locale, text, formats) => {
-      const localeStr = parseLocale(locale);
-      for (const format of formats) {
-        const formatText = text;
-        if (format.includes("wo") || format.includes("Wo")) {
-          const year = formatText.split("-")[0];
-          const weekStr = formatText.split("-")[1];
-          const firstWeek = dayjs(year, "YYYY").startOf("year").locale(localeStr);
-          for (let j = 0; j <= 52; j += 1) {
-            const nextWeek = firstWeek.add(j, "week");
+  isAfter: function isAfter(date1, date2) {
+    return date1.isAfter(date2);
+  },
+  isValidate: function isValidate(date) {
+    return date.isValid();
+  },
+  locale: { getWeekFirstDay: function getWeekFirstDay(locale) {
+    return dayjs().locale(parseLocale(locale)).localeData().firstDayOfWeek();
+  }, getWeekFirstDate: function getWeekFirstDate(locale, date) {
+    return date.locale(parseLocale(locale)).weekday(0);
+  }, getWeek: function getWeek(locale, date) {
+    return date.locale(parseLocale(locale)).week();
+  }, getShortWeekDays: function getShortWeekDays(locale) {
+    return dayjs().locale(parseLocale(locale)).localeData().weekdaysMin();
+  }, getShortMonths: function getShortMonths(locale) {
+    return dayjs().locale(parseLocale(locale)).localeData().monthsShort();
+  }, format: function format(locale, date, _format) {
+    return date.locale(parseLocale(locale)).format(_format);
+  }, parse: function parse(locale, text, formats) {
+    var localeStr = parseLocale(locale);
+    var _iterator = _createForOfIteratorHelper4(formats), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var format2 = _step.value;
+        var formatText = text;
+        if (format2.includes("wo") || format2.includes("Wo")) {
+          var year = formatText.split("-")[0];
+          var weekStr = formatText.split("-")[1];
+          var firstWeek = dayjs(year, "YYYY").startOf("year").locale(localeStr);
+          for (var j = 0; j <= 52; j += 1) {
+            var nextWeek = firstWeek.add(j, "week");
             if (nextWeek.format("Wo") === weekStr) {
               return nextWeek;
             }
@@ -452,313 +685,330 @@ var generateConfig = {
           parseNoMatchNotice();
           return null;
         }
-        const date = dayjs(formatText, format, true).locale(localeStr);
+        var date = dayjs(formatText, format2, true).locale(localeStr);
         if (date.isValid()) {
           return date;
         }
       }
-      if (text) {
-        parseNoMatchNotice();
-      }
-      return null;
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
-  }
+    if (text) {
+      parseNoMatchNotice();
+    }
+    return null;
+  } }
 };
 var dayjs_default = generateConfig;
 
 // src/AntDValueEditor.tsx
+function _createForOfIteratorHelper5(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray5(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t["return"] || t["return"]();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray5(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray5(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray5(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray5(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var __defProp5 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols4 = Object.getOwnPropertySymbols;
+var __hasOwnProp5 = Object.prototype.hasOwnProperty;
+var __propIsEnum4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp7 = function __defNormalProp8(obj, key, value) {
+  return key in obj ? __defProp5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+};
+var __spreadValues7 = function __spreadValues8(a, b) {
+  for (var prop in b || (b = {})) if (__hasOwnProp5.call(b, prop)) __defNormalProp7(a, prop, b[prop]);
+  if (__getOwnPropSymbols4) {
+    var _iterator = _createForOfIteratorHelper5(__getOwnPropSymbols4(b)), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var prop = _step.value;
+        if (__propIsEnum4.call(b, prop)) __defNormalProp7(a, prop, b[prop]);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return a;
+};
+var __spreadProps3 = function __spreadProps4(a, b) {
+  return __defProps2(a, __getOwnPropDescs2(b));
+};
+var __objRest7 = function __objRest8(source, exclude) {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp5.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols4) {
+    var _iterator2 = _createForOfIteratorHelper5(__getOwnPropSymbols4(source)), _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+        var prop = _step2.value;
+        if (exclude.indexOf(prop) < 0 && __propIsEnum4.call(source, prop)) target[prop] = source[prop];
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return target;
+};
 var DatePicker = generatePicker(dayjs_default);
-var AntDValueEditor = (allProps) => {
+var AntDValueEditor = function AntDValueEditor2(allProps) {
   var _b;
-  const _a = allProps, {
-    fieldData,
-    operator,
-    value,
-    handleOnChange,
-    title,
-    className,
-    type,
-    inputType,
-    values = [],
-    listsAsArrays,
-    separator,
-    valueSource: _vs,
-    disabled,
-    testID,
-    selectorComponent: SelectorComponent = allProps.schema.controls.valueSelector,
-    extraProps
-  } = _a, props = __objRest(_a, [
-    "fieldData",
-    "operator",
-    "value",
-    "handleOnChange",
-    "title",
-    "className",
-    "type",
-    "inputType",
-    "values",
-    "listsAsArrays",
-    "separator",
-    "valueSource",
-    "disabled",
-    "testID",
-    "selectorComponent",
-    "extraProps"
-  ]);
-  const { valueAsArray, multiValueHandler, valueListItemClassName } = useValueEditor(allProps);
+  var _a = allProps, fieldData = _a.fieldData, operator = _a.operator, value = _a.value, handleOnChange = _a.handleOnChange, title = _a.title, className = _a.className, type = _a.type, inputType = _a.inputType, _a$values = _a.values, values = _a$values === void 0 ? [] : _a$values, listsAsArrays = _a.listsAsArrays, separator = _a.separator, _vs = _a.valueSource, disabled = _a.disabled, testID = _a.testID, _SelectorComponent = _a.selectorComponent, extraProps = _a.extraProps, _parseNumbers = _a.parseNumbers, _propsForValueSelector = __objRest7(_a, ["fieldData", "operator", "value", "handleOnChange", "title", "className", "type", "inputType", "values", "listsAsArrays", "separator", "valueSource", "disabled", "testID", "selectorComponent", "extraProps", "parseNumbers"]);
+  var _useValueEditor = useValueEditor(allProps), valueAsArray = _useValueEditor.valueAsArray, multiValueHandler = _useValueEditor.multiValueHandler, valueListItemClassName = _useValueEditor.valueListItemClassName;
   if (operator === "null" || operator === "notNull") {
     return null;
   }
-  const placeHolderText = (_b = fieldData == null ? void 0 : fieldData.placeholder) != null ? _b : "";
-  const inputTypeCoerced = ["in", "notIn"].includes(operator) ? "text" : inputType || "text";
+  var placeHolderText = (_b = fieldData == null ? void 0 : fieldData.placeholder) != null ? _b : "";
+  var inputTypeCoerced = ["in", "notIn"].includes(operator) ? "text" : inputType || "text";
   if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text") && // Date ranges are handled differently in AntD--see below
   inputTypeCoerced !== "date" && inputTypeCoerced !== "datetime-local") {
-    const editors = ["from", "to"].map((key, i) => {
-      var _a2, _b2, _c;
-      if (type === "text") {
+    if (type === "text") {
+      var editors = ["from", "to"].map(function(key, i) {
+        var _a2, _b2;
         if (inputTypeCoerced === "time") {
-          return /* @__PURE__ */ React5.createElement(
-            DatePicker.TimePicker,
-            __spreadValues({
-              key,
-              value: valueAsArray[i] ? dayjs2(valueAsArray[i], "HH:mm:ss") : null,
-              className: valueListItemClassName,
-              disabled,
-              placeholder: placeHolderText,
-              onChange: (d) => {
-                var _a3;
-                return multiValueHandler((_a3 = d == null ? void 0 : d.format("HH:mm:ss")) != null ? _a3 : "", i);
-              }
-            }, extraProps)
-          );
+          return /* @__PURE__ */ jsx5(DatePicker.TimePicker, __spreadValues7({ value: valueAsArray[i] ? dayjs2(valueAsArray[i], "HH:mm:ss") : null, className: valueListItemClassName, disabled, placeholder: placeHolderText, onChange: function onChange(d) {
+            var _a3;
+            return multiValueHandler((_a3 = d == null ? void 0 : d.format("HH:mm:ss")) != null ? _a3 : "", i);
+          } }, extraProps), key);
         } else if (inputTypeCoerced === "number") {
-          return /* @__PURE__ */ React5.createElement(
-            InputNumber,
-            __spreadValues({
-              key,
-              type: inputTypeCoerced,
-              value: (_a2 = valueAsArray[i]) != null ? _a2 : "",
-              className: valueListItemClassName,
-              disabled,
-              placeholder: placeHolderText,
-              onChange: (v) => multiValueHandler(v, i)
-            }, extraProps)
-          );
+          return /* @__PURE__ */ jsx5(InputNumber, __spreadValues7({ type: inputTypeCoerced, value: (_a2 = valueAsArray[i]) != null ? _a2 : "", className: valueListItemClassName, disabled, placeholder: placeHolderText, onChange: function onChange(v) {
+            return multiValueHandler(v, i);
+          } }, extraProps), key);
         }
-        return /* @__PURE__ */ React5.createElement(
-          Input,
-          __spreadValues({
-            key,
-            type: inputTypeCoerced,
-            value: (_b2 = valueAsArray[i]) != null ? _b2 : "",
-            className: valueListItemClassName,
-            disabled,
-            placeholder: placeHolderText,
-            onChange: (e) => multiValueHandler(e.target.value, i)
-          }, extraProps)
-        );
-      }
-      return /* @__PURE__ */ React5.createElement(
-        SelectorComponent,
-        __spreadProps(__spreadValues({
-          key
-        }, props), {
-          className: valueListItemClassName,
-          handleOnChange: (v) => multiValueHandler(v, i),
-          disabled,
-          value: (_c = valueAsArray[i]) != null ? _c : getFirstOption(values),
-          options: values,
-          listsAsArrays
-        })
-      );
-    });
-    return /* @__PURE__ */ React5.createElement("span", { "data-testid": testID, className, title }, editors[0], separator, editors[1]);
+        return /* @__PURE__ */ jsx5(Input, __spreadValues7({ type: inputTypeCoerced, value: (_b2 = valueAsArray[i]) != null ? _b2 : "", className: valueListItemClassName, disabled, placeholder: placeHolderText, onChange: function onChange(e) {
+          return multiValueHandler(e.target.value, i);
+        } }, extraProps), key);
+      });
+      return /* @__PURE__ */ jsxs2("span", { "data-testid": testID, className, title, children: [editors[0], separator, editors[1]] });
+    }
+    return /* @__PURE__ */ jsx5(ValueEditor, __spreadProps3(__spreadValues7({}, allProps), { skipHook: true }));
   }
   switch (type) {
     case "select":
     case "multiselect":
-      return /* @__PURE__ */ React5.createElement(
-        SelectorComponent,
-        __spreadValues(__spreadProps(__spreadValues({}, props), {
-          className,
-          handleOnChange,
-          options: values,
-          value,
-          title,
-          disabled,
-          multiple: type === "multiselect",
-          listsAsArrays
-        }), extraProps)
-      );
+      return /* @__PURE__ */ jsx5(ValueEditor, __spreadProps3(__spreadValues7({}, allProps), { skipHook: true }));
     case "textarea":
-      return /* @__PURE__ */ React5.createElement(
-        Input.TextArea,
-        __spreadValues({
-          value,
-          title,
-          className,
-          disabled,
-          placeholder: placeHolderText,
-          onChange: (e) => handleOnChange(e.target.value)
-        }, extraProps)
-      );
+      return /* @__PURE__ */ jsx5(Input.TextArea, __spreadValues7({ value, title, className, disabled, placeholder: placeHolderText, onChange: function onChange(e_2) {
+        return handleOnChange(e_2.target.value);
+      } }, extraProps));
     case "switch":
-      return /* @__PURE__ */ React5.createElement(
-        Switch2,
-        __spreadValues({
-          checked: !!value,
-          title,
-          className,
-          disabled,
-          onChange: (v) => handleOnChange(v)
-        }, extraProps)
-      );
+      return /* @__PURE__ */ jsx5(Switch2, __spreadValues7({ checked: !!value, title, className, disabled, onChange: function onChange(v_1) {
+        return handleOnChange(v_1);
+      } }, extraProps));
     case "checkbox":
-      return /* @__PURE__ */ React5.createElement("span", { title, className }, /* @__PURE__ */ React5.createElement(
-        Checkbox,
-        __spreadValues({
-          type: "checkbox",
-          disabled,
-          onChange: (e) => handleOnChange(e.target.checked),
-          checked: !!value
-        }, extraProps)
-      ));
+      return /* @__PURE__ */ jsx5("span", { title, className, children: /* @__PURE__ */ jsx5(Checkbox, __spreadValues7({ type: "checkbox", disabled, onChange: function onChange(e_1) {
+        return handleOnChange(e_1.target.checked);
+      }, checked: !!value }, extraProps)) });
     case "radio":
-      return /* @__PURE__ */ React5.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React5.createElement(
-        Radio,
-        __spreadValues({
-          key: v.name,
-          value: v.name,
-          checked: value === v.name,
-          disabled,
-          onChange: (e) => handleOnChange(e.target.value)
-        }, extraProps),
-        v.label
-      )));
+      return /* @__PURE__ */ jsx5("span", { className, title, children: values.map(function(v_0) {
+        return /* @__PURE__ */ jsx5(Radio, __spreadProps3(__spreadValues7({ value: v_0.name, checked: value === v_0.name, disabled, onChange: function onChange(e_0) {
+          return handleOnChange(e_0.target.value);
+        } }, extraProps), { children: v_0.label }), v_0.name);
+      }) });
   }
   switch (inputTypeCoerced) {
     case "date":
     case "datetime-local": {
       if (operator === "between" || operator === "notBetween") {
-        const dayjsArray = valueAsArray.slice(0, 2).map((v) => dayjs2(v));
-        return /* @__PURE__ */ React5.createElement(
-          DatePicker.RangePicker,
-          __spreadValues({
-            value: dayjsArray.every((d) => d.isValid()) ? dayjsArray : void 0,
-            showTime: inputTypeCoerced === "datetime-local",
-            className,
-            disabled,
-            placeholder: [placeHolderText, placeHolderText],
-            onChange: (
-              /* istanbul ignore next */
-              (dates) => {
-                const timeFormat = inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : "";
-                const format = `YYYY-MM-DD${timeFormat}`;
-                const dateArray = dates == null ? void 0 : dates.map((d) => (d == null ? void 0 : d.isValid()) ? d.format(format) : void 0);
-                handleOnChange(
-                  dateArray ? listsAsArrays ? dateArray : joinWith(dateArray, ",") : dates
-                );
-              }
-            )
-          }, extraProps)
-        );
+        var dayjsArray = valueAsArray.slice(0, 2).map(function(v_2) {
+          return dayjs2(v_2);
+        });
+        return /* @__PURE__ */ jsx5(DatePicker.RangePicker, __spreadValues7({ value: dayjsArray.every(function(d_1) {
+          return d_1.isValid();
+        }) ? dayjsArray : void 0, showTime: inputTypeCoerced === "datetime-local", className, disabled, placeholder: [placeHolderText, placeHolderText], onChange: (
+          /* istanbul ignore next */
+          function onChange(dates) {
+            var timeFormat = inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : "";
+            var format2 = "YYYY-MM-DD".concat(timeFormat);
+            var dateArray = dates == null ? void 0 : dates.map(function(d_2) {
+              return (d_2 == null ? void 0 : d_2.isValid()) ? d_2.format(format2) : void 0;
+            });
+            handleOnChange(dateArray ? listsAsArrays ? dateArray : joinWith(dateArray, ",") : dates);
+          }
+        ) }, extraProps));
       }
-      const dateValue = dayjs2(value);
-      return /* @__PURE__ */ React5.createElement(
-        DatePicker,
-        __spreadValues({
-          value: dateValue.isValid() ? dateValue : void 0,
-          showTime: inputTypeCoerced === "datetime-local",
-          className,
-          disabled,
-          placeholder: placeHolderText,
-          onChange: (_d, dateString) => handleOnChange(dateString)
-        }, extraProps)
-      );
+      var dateValue_0 = dayjs2(value);
+      return /* @__PURE__ */ jsx5(DatePicker, __spreadValues7({ value: dateValue_0.isValid() ? dateValue_0 : void 0, showTime: inputTypeCoerced === "datetime-local", className, disabled, placeholder: placeHolderText, onChange: function onChange(_d, dateString) {
+        return handleOnChange(dateString);
+      } }, extraProps));
     }
     case "time": {
-      const dateValue = dayjs2(value, "HH:mm:ss");
-      return /* @__PURE__ */ React5.createElement(
-        DatePicker.TimePicker,
-        __spreadValues({
-          value: dateValue.isValid() ? dateValue : void 0,
-          className,
-          disabled,
-          placeholder: placeHolderText,
-          onChange: (d) => {
-            var _a2;
-            return handleOnChange((_a2 = d == null ? void 0 : d.format("HH:mm:ss")) != null ? _a2 : "");
-          }
-        }, extraProps)
-      );
+      var dateValue = dayjs2(value, "HH:mm:ss");
+      return /* @__PURE__ */ jsx5(DatePicker.TimePicker, __spreadValues7({ value: dateValue.isValid() ? dateValue : void 0, className, disabled, placeholder: placeHolderText, onChange: function onChange(d_0) {
+        var _a2_0;
+        return handleOnChange((_a2_0 = d_0 == null ? void 0 : d_0.format("HH:mm:ss")) != null ? _a2_0 : "");
+      } }, extraProps));
     }
     case "number": {
-      return /* @__PURE__ */ React5.createElement(
-        InputNumber,
-        __spreadValues({
-          type: inputTypeCoerced,
-          value,
-          title,
-          className,
-          disabled,
-          placeholder: placeHolderText,
-          onChange: handleOnChange
-        }, extraProps)
-      );
+      return /* @__PURE__ */ jsx5(InputNumber, __spreadValues7({ type: inputTypeCoerced, value, title, className, disabled, placeholder: placeHolderText, onChange: handleOnChange }, extraProps));
     }
   }
-  return /* @__PURE__ */ React5.createElement(
-    Input,
-    __spreadValues({
-      type: inputTypeCoerced,
-      value,
-      title,
-      className,
-      disabled,
-      placeholder: placeHolderText,
-      onChange: (e) => handleOnChange(e.target.value)
-    }, extraProps)
-  );
+  return /* @__PURE__ */ jsx5(Input, __spreadValues7({ type: inputTypeCoerced, value, title, className, disabled, placeholder: placeHolderText, onChange: function onChange(e_3) {
+    return handleOnChange(e_3.target.value);
+  } }, extraProps));
 };
 
 // src/AntDValueSelector.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
 import { Select as Select2 } from "antd";
-import * as React7 from "react";
 import { useValueSelector } from "react-querybuilder";
 
 // src/utils.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
 import { Select } from "antd";
-import * as React6 from "react";
 import { isOptionGroupArray } from "react-querybuilder";
-var { OptGroup, Option } = Select;
-var toOptions = (arr) => isOptionGroupArray(arr) ? arr.map((og) => /* @__PURE__ */ React6.createElement(OptGroup, { key: og.label, label: og.label }, og.options.map((opt) => /* @__PURE__ */ React6.createElement(Option, { key: opt.name, value: opt.name }, opt.label)))) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ React6.createElement(Option, { key: opt.name, value: opt.name }, opt.label)) : (
-  /* istanbul ignore next */
-  null
-);
+var OptGroup = Select.OptGroup;
+var Option = Select.Option;
+var toOptions = function toOptions2(arr) {
+  return isOptionGroupArray(arr) ? arr.map(function(og) {
+    return /* @__PURE__ */ jsx6(OptGroup, { label: og.label, children: og.options.map(function(opt) {
+      return /* @__PURE__ */ jsx6(Option, { value: opt.name, children: opt.label }, opt.name);
+    }) }, og.label);
+  }) : Array.isArray(arr) ? arr.map(function(opt) {
+    return /* @__PURE__ */ jsx6(Option, { value: opt.name, children: opt.label }, opt.name);
+  }) : (
+    /* istanbul ignore next */
+    null
+  );
+};
 
 // src/AntDValueSelector.tsx
-var AntDValueSelector = (_a) => {
-  var _b = _a, {
-    className,
-    handleOnChange,
-    options,
-    value,
-    title,
-    disabled,
-    multiple,
-    listsAsArrays,
-    testID: _testID,
-    rule: _rule,
-    rules: _rules,
-    level: _level,
-    path: _path,
-    context: _context,
-    validation: _validation,
-    operator: _operator,
-    field: _field,
-    fieldData: _fieldData,
-    schema: _schema
-  } = _b, extraProps = __objRest(_b, [
+function _createForOfIteratorHelper6(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray6(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t["return"] || t["return"]();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray6(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray6(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray6(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray6(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var __defProp6 = Object.defineProperty;
+var __defProps3 = Object.defineProperties;
+var __getOwnPropDescs3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols5 = Object.getOwnPropertySymbols;
+var __hasOwnProp6 = Object.prototype.hasOwnProperty;
+var __propIsEnum5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp9 = function __defNormalProp10(obj, key, value) {
+  return key in obj ? __defProp6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+};
+var __spreadValues9 = function __spreadValues10(a, b) {
+  for (var prop in b || (b = {})) if (__hasOwnProp6.call(b, prop)) __defNormalProp9(a, prop, b[prop]);
+  if (__getOwnPropSymbols5) {
+    var _iterator = _createForOfIteratorHelper6(__getOwnPropSymbols5(b)), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var prop = _step.value;
+        if (__propIsEnum5.call(b, prop)) __defNormalProp9(a, prop, b[prop]);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  return a;
+};
+var __spreadProps5 = function __spreadProps6(a, b) {
+  return __defProps3(a, __getOwnPropDescs3(b));
+};
+var __objRest9 = function __objRest10(source, exclude) {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp6.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols5) {
+    var _iterator2 = _createForOfIteratorHelper6(__getOwnPropSymbols5(source)), _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+        var prop = _step2.value;
+        if (exclude.indexOf(prop) < 0 && __propIsEnum5.call(source, prop)) target[prop] = source[prop];
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  return target;
+};
+var AntDValueSelector = function AntDValueSelector2(_a) {
+  var _b = _a, className = _b.className, handleOnChange = _b.handleOnChange, options = _b.options, value = _b.value, title = _b.title, disabled = _b.disabled, multiple = _b.multiple, listsAsArrays = _b.listsAsArrays, _testID = _b.testID, _rule = _b.rule, _rules = _b.rules, _level = _b.level, _path = _b.path, _context = _b.context, _validation = _b.validation, _operator = _b.operator, _field = _b.field, _fieldData = _b.fieldData, _schema = _b.schema, extraProps = __objRest9(_b, [
     "className",
     "handleOnChange",
     "options",
@@ -780,45 +1030,15 @@ var AntDValueSelector = (_a) => {
     "fieldData",
     "schema"
   ]);
-  const { onChange, val } = useValueSelector({ handleOnChange, listsAsArrays, multiple, value });
-  const modeObj = multiple ? { mode: "multiple" } : {};
-  return /* @__PURE__ */ React7.createElement("span", { title, className }, /* @__PURE__ */ React7.createElement(
-    Select2,
-    __spreadValues(__spreadProps(__spreadValues({}, modeObj), {
-      popupMatchSelectWidth: false,
-      disabled,
-      value: val,
-      onChange
-    }), extraProps),
-    toOptions(options)
-  ));
+  var _useValueSelector = useValueSelector({ handleOnChange, listsAsArrays, multiple, value }), onChange = _useValueSelector.onChange, val = _useValueSelector.val;
+  var modeObj = multiple ? { mode: "multiple" } : {};
+  return /* @__PURE__ */ jsx7("span", { title, className, children: /* @__PURE__ */ jsx7(Select2, __spreadProps5(__spreadValues9(__spreadProps5(__spreadValues9({}, modeObj), { popupMatchSelectWidth: false, disabled, value: val, onChange }), extraProps), { children: toOptions(options) })) });
 };
 
 // src/index.tsx
-var antdControlElements = {
-  actionElement: AntDActionElement,
-  dragHandle: AntDDragHandle,
-  notToggle: AntDNotToggle,
-  shiftActions: AntDShiftActions,
-  valueEditor: AntDValueEditor,
-  valueSelector: AntDValueSelector
-};
-var antdTranslations = {
-  removeGroup: { label: /* @__PURE__ */ React8.createElement(CloseOutlined, null) },
-  removeRule: { label: /* @__PURE__ */ React8.createElement(CloseOutlined, null) },
-  cloneRule: { label: /* @__PURE__ */ React8.createElement(CopyOutlined, null) },
-  cloneRuleGroup: { label: /* @__PURE__ */ React8.createElement(CopyOutlined, null) },
-  lockGroup: { label: /* @__PURE__ */ React8.createElement(UnlockOutlined, null) },
-  lockRule: { label: /* @__PURE__ */ React8.createElement(UnlockOutlined, null) },
-  lockGroupDisabled: { label: /* @__PURE__ */ React8.createElement(LockOutlined, null) },
-  lockRuleDisabled: { label: /* @__PURE__ */ React8.createElement(LockOutlined, null) },
-  shiftActionUp: { label: /* @__PURE__ */ React8.createElement(UpOutlined, null) },
-  shiftActionDown: { label: /* @__PURE__ */ React8.createElement(DownOutlined, null) }
-};
-var QueryBuilderAntD = getCompatContextProvider({
-  controlElements: antdControlElements,
-  translations: antdTranslations
-});
+var antdControlElements = { actionElement: AntDActionElement, dragHandle: AntDDragHandle, notToggle: AntDNotToggle, shiftActions: AntDShiftActions, valueEditor: AntDValueEditor, valueSelector: AntDValueSelector };
+var antdTranslations = { removeGroup: { label: /* @__PURE__ */ jsx8(CloseOutlined, {}) }, removeRule: { label: /* @__PURE__ */ jsx8(CloseOutlined, {}) }, cloneRule: { label: /* @__PURE__ */ jsx8(CopyOutlined, {}) }, cloneRuleGroup: { label: /* @__PURE__ */ jsx8(CopyOutlined, {}) }, lockGroup: { label: /* @__PURE__ */ jsx8(UnlockOutlined, {}) }, lockRule: { label: /* @__PURE__ */ jsx8(UnlockOutlined, {}) }, lockGroupDisabled: { label: /* @__PURE__ */ jsx8(LockOutlined, {}) }, lockRuleDisabled: { label: /* @__PURE__ */ jsx8(LockOutlined, {}) }, shiftActionUp: { label: /* @__PURE__ */ jsx8(UpOutlined, {}) }, shiftActionDown: { label: /* @__PURE__ */ jsx8(DownOutlined, {}) } };
+var QueryBuilderAntD = getCompatContextProvider({ controlElements: antdControlElements, translations: antdTranslations });
 export {
   AntDActionElement,
   AntDDragHandle,