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

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

@@ -106,137 +106,265 @@ __export(src_exports, {
   antdTranslations: () => antdTranslations
 });
 module.exports = __toCommonJS(src_exports);
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var import_icons2 = require("@ant-design/icons");
-var React8 = __toESM(require("react"));
 var import_react_querybuilder4 = require("react-querybuilder");
 
 // src/AntDActionElement.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_antd = require("antd");
-var React = __toESM(require("react"));
-var AntDActionElement = ({
-  className,
-  handleOnClick,
-  label,
-  title,
-  disabled,
-  disabledTranslation,
-  // Props that should not be in extraProps
-  testID: _testID,
-  rules: _rules,
-  level: _level,
-  path: _path,
-  context: _context,
-  validation: _validation,
-  ruleOrGroup: _ruleOrGroup,
-  schema: _schema,
-  ...extraProps
-}) => /* @__PURE__ */ React.createElement(
-  import_antd.Button,
-  {
-    type: "primary",
-    className,
-    title: disabledTranslation && disabled ? disabledTranslation.title : title,
-    onClick: (e) => handleOnClick(e),
-    disabled: disabled && !disabledTranslation,
-    ...extraProps
-  },
-  disabledTranslation && disabled ? disabledTranslation.label : label
-);
+function _typeof(o) {
+  "@babel/helpers - typeof";
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof(o);
+}
+var _excluded = ["className", "handleOnClick", "label", "title", "disabled", "disabledTranslation", "testID", "rules", "level", "path", "context", "validation", "ruleOrGroup", "schema"];
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o, r, i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+var AntDActionElement = function AntDActionElement2(_ref) {
+  var className = _ref.className, handleOnClick = _ref.handleOnClick, label = _ref.label, title = _ref.title, disabled = _ref.disabled, disabledTranslation = _ref.disabledTranslation, _testID = _ref.testID, _rules = _ref.rules, _level = _ref.level, _path = _ref.path, _context = _ref.context, _validation = _ref.validation, _ruleOrGroup = _ref.ruleOrGroup, _schema = _ref.schema, extraProps = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, _objectSpread(_objectSpread({ 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
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var import_icons = require("@ant-design/icons");
-var React2 = __toESM(require("react"));
 var import_react = require("react");
-var AntDDragHandle = (0, import_react.forwardRef)(
-  ({
-    className,
-    title,
-    // Props that should not be in extraProps
-    testID: _testID,
-    level: _level,
-    path: _path,
-    label: _label,
-    disabled: _disabled,
-    context: _context,
-    validation: _validation,
-    schema: _schema,
-    ruleOrGroup: _ruleOrGroup,
-    ...extraProps
-  }, dragRef) => /* @__PURE__ */ React2.createElement(import_icons.HolderOutlined, { ref: dragRef, className, title, ...extraProps })
-);
+function _typeof2(o) {
+  "@babel/helpers - typeof";
+  return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof2(o);
+}
+var _excluded2 = ["className", "title", "testID", "level", "path", "label", "disabled", "context", "validation", "schema", "ruleOrGroup"];
+function ownKeys2(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys2(Object(t), true).forEach(function(r2) {
+      _defineProperty2(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys2(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty2(e, r, t) {
+  return (r = _toPropertyKey2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
+}
+function _toPropertyKey2(t) {
+  var i = _toPrimitive2(t, "string");
+  return "symbol" == _typeof2(i) ? i : i + "";
+}
+function _toPrimitive2(t, r) {
+  if ("object" != _typeof2(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof2(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _objectWithoutProperties2(e, t) {
+  if (null == e) return {};
+  var o, r, i = _objectWithoutPropertiesLoose2(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose2(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+var AntDDragHandle = /* @__PURE__ */ (0, import_react.forwardRef)(function(_ref, dragRef) {
+  var className = _ref.className, title = _ref.title, _testID = _ref.testID, _level = _ref.level, _path = _ref.path, _label = _ref.label, _disabled = _ref.disabled, _context = _ref.context, _validation = _ref.validation, _schema = _ref.schema, _ruleOrGroup = _ref.ruleOrGroup, extraProps = _objectWithoutProperties2(_ref, _excluded2);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.HolderOutlined, _objectSpread2({ ref: dragRef, className, title }, extraProps));
+});
 
 // src/AntDNotToggle.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var import_antd2 = require("antd");
-var React3 = __toESM(require("react"));
-var AntDNotToggle = ({
-  className,
-  handleOnChange,
-  label,
-  checked,
-  title,
-  disabled,
-  // Props that should not be in extraProps
-  path: _path,
-  context: _context,
-  validation: _validation,
-  testID: _testID,
-  schema: _schema,
-  ruleGroup: _ruleGroup,
-  ...extraProps
-}) => /* @__PURE__ */ React3.createElement(
-  import_antd2.Switch,
-  {
-    title,
-    className,
-    onChange: (v) => handleOnChange(v),
-    checked: !!checked,
-    disabled,
-    checkedChildren: label,
-    unCheckedChildren: "=",
-    ...extraProps
-  }
-);
+function _typeof3(o) {
+  "@babel/helpers - typeof";
+  return _typeof3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof3(o);
+}
+var _excluded3 = ["className", "handleOnChange", "label", "checked", "title", "disabled", "path", "context", "validation", "testID", "schema", "ruleGroup"];
+function ownKeys3(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread3(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys3(Object(t), true).forEach(function(r2) {
+      _defineProperty3(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys3(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty3(e, r, t) {
+  return (r = _toPropertyKey3(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
+}
+function _toPropertyKey3(t) {
+  var i = _toPrimitive3(t, "string");
+  return "symbol" == _typeof3(i) ? i : i + "";
+}
+function _toPrimitive3(t, r) {
+  if ("object" != _typeof3(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof3(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _objectWithoutProperties3(e, t) {
+  if (null == e) return {};
+  var o, r, i = _objectWithoutPropertiesLoose3(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose3(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+var AntDNotToggle = function AntDNotToggle2(_ref) {
+  var className = _ref.className, handleOnChange = _ref.handleOnChange, label = _ref.label, checked = _ref.checked, title = _ref.title, disabled = _ref.disabled, _path = _ref.path, _context = _ref.context, _validation = _ref.validation, _testID = _ref.testID, _schema = _ref.schema, _ruleGroup = _ref.ruleGroup, extraProps = _objectWithoutProperties3(_ref, _excluded3);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd2.Switch, _objectSpread3({ title, className, onChange: function onChange(v) {
+    return handleOnChange(v);
+  }, checked: !!checked, disabled, checkedChildren: label, unCheckedChildren: "=" }, extraProps));
+};
 
 // src/AntDShiftActions.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var import_antd3 = require("antd");
-var React4 = __toESM(require("react"));
-var AntDShiftActions = ({
-  shiftUp,
-  shiftDown,
-  shiftUpDisabled,
-  shiftDownDisabled,
-  disabled,
-  className,
-  labels,
-  titles,
-  testID
-}) => /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
-  import_antd3.Button,
-  {
-    type: "primary",
-    size: "small",
-    title: titles?.shiftUp,
-    onClick: shiftUp,
-    disabled: disabled || shiftUpDisabled
-  },
-  labels?.shiftUp
-), /* @__PURE__ */ React4.createElement(
-  import_antd3.Button,
-  {
-    type: "primary",
-    size: "small",
-    title: titles?.shiftDown,
-    onClick: shiftDown,
-    disabled: disabled || shiftDownDisabled
-  },
-  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__ */ (0, import_jsx_runtime4.jsxs)("div", { "data-testid": testID, className, children: [/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd3.Button, { type: "primary", size: "small", title: titles === null || titles === void 0 ? void 0 : titles.shiftUp, onClick: shiftUp, disabled: disabled || shiftUpDisabled, children: labels === null || labels === void 0 ? void 0 : labels.shiftUp }), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd3.Button, { type: "primary", size: "small", title: titles === null || titles === void 0 ? void 0 : titles.shiftDown, onClick: shiftDown, disabled: disabled || shiftDownDisabled, children: labels === null || labels === void 0 ? void 0 : labels.shiftDown })] });
+};
+
+// ../../utils/react-compiler/react-compiler-runtime.ts
+var React = __toESM(require("react"));
+var $empty = Symbol["for"]("react.memo_cache_sentinel");
+function c(size) {
+  return React.useMemo(
+    function() {
+      var $ = Array.from({ length: size });
+      for (var ii = 0; ii < size; ii++) {
+        $[ii] = $empty;
+      }
+      $[$empty] = true;
+      return $;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+}
 
 // src/AntDValueEditor.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var import_antd4 = require("antd");
 var import_generatePicker = __toESM(require("antd/es/date-picker/generatePicker/index.js"));
 var import_dayjs2 = __toESM(require("dayjs"));
-var React5 = __toESM(require("react"));
 var import_react_querybuilder = require("react-querybuilder");
 
 // src/dayjs.ts
@@ -248,17 +376,60 @@ var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear.js"));
 var import_weekYear = __toESM(require("dayjs/plugin/weekYear.js"));
 var import_weekday = __toESM(require("dayjs/plugin/weekday.js"));
 var import_warning = __toESM(require_warning());
+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;
+}
 import_dayjs.default.extend(import_customParseFormat.default);
 import_dayjs.default.extend(import_advancedFormat.default);
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 import_dayjs.default.extend(import_weekOfYear.default);
 import_dayjs.default.extend(import_weekYear.default);
-import_dayjs.default.extend((o, c) => {
-  const proto = c.prototype;
-  const oldFormat = proto.format;
+import_dayjs.default.extend(function(o, c2) {
+  var proto = c2.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);
   };
 });
@@ -330,61 +501,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: () => (0, import_dayjs.default)(),
-  getFixedDate: (string) => (0, import_dayjs.default)(string, ["YYYY-M-DD", "YYYY-MM-DD"]),
-  getEndDate: (date) => date.endOf("month"),
-  getWeekDay: (date) => {
-    const clone = date.locale("en");
+  getNow: function getNow() {
+    return (0, import_dayjs.default)();
+  },
+  getFixedDate: function getFixedDate(string) {
+    return (0, import_dayjs.default)(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) => (0, import_dayjs.default)().locale(parseLocale(locale)).localeData().firstDayOfWeek(),
-    getWeekFirstDate: (locale, date) => date.locale(parseLocale(locale)).weekday(0),
-    getWeek: (locale, date) => date.locale(parseLocale(locale)).week(),
-    getShortWeekDays: (locale) => (0, import_dayjs.default)().locale(parseLocale(locale)).localeData().weekdaysMin(),
-    getShortMonths: (locale) => (0, import_dayjs.default)().locale(parseLocale(locale)).localeData().monthsShort(),
-    format: (locale, date, format) => date.locale(parseLocale(locale)).format(format),
-    parse: (locale, text, formats) => {
-      const localeStr = parseLocale(locale);
-      for (let i = 0; i < formats.length; i += 1) {
-        const format = formats[i];
-        const formatText = text;
-        if (format.includes("wo") || format.includes("Wo")) {
-          const year = formatText.split("-")[0];
-          const weekStr = formatText.split("-")[1];
-          const firstWeek = (0, import_dayjs.default)(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 (0, import_dayjs.default)().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 (0, import_dayjs.default)().locale(parseLocale(locale)).localeData().weekdaysMin();
+  }, getShortMonths: function getShortMonths(locale) {
+    return (0, import_dayjs.default)().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 = _createForOfIteratorHelper(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 = (0, import_dayjs.default)(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;
             }
@@ -392,355 +614,586 @@ var generateConfig = {
           parseNoMatchNotice();
           return null;
         }
-        const date = (0, import_dayjs.default)(formatText, format, true).locale(localeStr);
+        var date = (0, import_dayjs.default)(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 _typeof4(o) {
+  "@babel/helpers - typeof";
+  return _typeof4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof4(o);
+}
+function ownKeys4(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread4(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys4(Object(t), true).forEach(function(r2) {
+      _defineProperty4(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys4(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty4(e, r, t) {
+  return (r = _toPropertyKey4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
+}
+function _toPropertyKey4(t) {
+  var i = _toPrimitive4(t, "string");
+  return "symbol" == _typeof4(i) ? i : i + "";
+}
+function _toPrimitive4(t, r) {
+  if ("object" != _typeof4(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof4(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
 var DatePicker = (0, import_generatePicker.default)(dayjs_default);
-var AntDValueEditor = (allProps) => {
-  const {
-    fieldData,
-    operator,
-    value,
-    handleOnChange,
-    title,
-    className,
-    type,
-    inputType,
-    values = [],
-    listsAsArrays,
-    parseNumbers,
-    separator,
-    valueSource: _vs,
-    disabled,
-    testID,
-    selectorComponent: SelectorComponent = allProps.schema.controls.valueSelector,
-    extraProps,
-    ...props
-  } = allProps;
-  const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder.useValueEditor)({
-    handleOnChange,
-    inputType,
-    operator,
-    value,
-    type,
-    listsAsArrays,
-    parseNumbers,
-    values
-  });
+var AntDValueEditor = function AntDValueEditor2(allProps) {
+  var _fieldData$placeholde;
+  var $ = c(111);
+  var fieldData = allProps.fieldData, operator = allProps.operator, value = allProps.value, handleOnChange = allProps.handleOnChange, title = allProps.title, className = allProps.className, type = allProps.type, inputType = allProps.inputType, t0 = allProps.values, listsAsArrays = allProps.listsAsArrays, separator = allProps.separator, disabled = allProps.disabled, testID = allProps.testID, extraProps = allProps.extraProps;
+  var t1;
+  if ($[0] !== t0) {
+    t1 = t0 === void 0 ? [] : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  var values = t1;
+  var _useValueEditor = (0, import_react_querybuilder.useValueEditor)(allProps), valueAsArray = _useValueEditor.valueAsArray, multiValueHandler = _useValueEditor.multiValueHandler, valueListItemClassName = _useValueEditor.valueListItemClassName;
   if (operator === "null" || operator === "notNull") {
     return null;
   }
-  const placeHolderText = fieldData?.placeholder ?? "";
-  const 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) => {
-      if (type === "text") {
-        if (inputTypeCoerced === "time") {
-          return /* @__PURE__ */ React5.createElement(
-            DatePicker.TimePicker,
-            {
-              key,
-              value: valueAsArray[i] ? (0, import_dayjs2.default)(valueAsArray[i], "HH:mm:ss") : null,
-              className: import_react_querybuilder.standardClassnames.valueListItem,
-              disabled,
-              placeholder: placeHolderText,
-              onChange: (d) => multiValueHandler(d?.format("HH:mm:ss") ?? "", i),
-              ...extraProps
-            }
-          );
-        } else if (inputTypeCoerced === "number") {
-          return /* @__PURE__ */ React5.createElement(
-            import_antd4.InputNumber,
-            {
-              key,
-              type: inputTypeCoerced,
-              value: valueAsArray[i] ?? "",
-              className: import_react_querybuilder.standardClassnames.valueListItem,
-              disabled,
-              placeholder: placeHolderText,
-              onChange: (v) => multiValueHandler(v, i),
-              ...extraProps
+  var placeHolderText = (_fieldData$placeholde = fieldData === null || fieldData === void 0 ? void 0 : fieldData.placeholder) !== null && _fieldData$placeholde !== void 0 ? _fieldData$placeholde : "";
+  var inputTypeCoerced = ["in", "notIn"].includes(operator) ? "text" : inputType || "text";
+  if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text") && inputTypeCoerced !== "date" && inputTypeCoerced !== "datetime-local") {
+    if (type === "text") {
+      var _t;
+      if ($[2] !== inputTypeCoerced || $[3] !== valueAsArray || $[4] !== valueListItemClassName || $[5] !== disabled || $[6] !== placeHolderText || $[7] !== multiValueHandler || $[8] !== extraProps || $[9] !== separator || $[10] !== testID || $[11] !== className || $[12] !== title) {
+        var editors = ["from", "to"].map(function(key, i) {
+          var _valueAsArray$i2;
+          if (inputTypeCoerced === "time") {
+            return (0, import_jsx_runtime5.jsx)(DatePicker.TimePicker, _objectSpread4({ value: valueAsArray[i] ? (0, import_dayjs2.default)(valueAsArray[i], "HH:mm:ss") : null, className: valueListItemClassName, disabled, placeholder: placeHolderText, onChange: function onChange(d) {
+              var _d$format;
+              return multiValueHandler((_d$format = d === null || d === void 0 ? void 0 : d.format("HH:mm:ss")) !== null && _d$format !== void 0 ? _d$format : "", i);
+            } }, extraProps), key);
+          } else {
+            if (inputTypeCoerced === "number") {
+              var _valueAsArray$i;
+              return (0, import_jsx_runtime5.jsx)(import_antd4.InputNumber, _objectSpread4({ type: inputTypeCoerced, value: (_valueAsArray$i = valueAsArray[i]) !== null && _valueAsArray$i !== void 0 ? _valueAsArray$i : "", className: valueListItemClassName, disabled, placeholder: placeHolderText, onChange: function onChange(v) {
+                return multiValueHandler(v, i);
+              } }, extraProps), key);
             }
-          );
-        }
-        return /* @__PURE__ */ React5.createElement(
-          import_antd4.Input,
-          {
-            key,
-            type: inputTypeCoerced,
-            value: valueAsArray[i] ?? "",
-            className: import_react_querybuilder.standardClassnames.valueListItem,
-            disabled,
-            placeholder: placeHolderText,
-            onChange: (e) => multiValueHandler(e.target.value, i),
-            ...extraProps
           }
-        );
+          return (0, import_jsx_runtime5.jsx)(import_antd4.Input, _objectSpread4({ type: inputTypeCoerced, value: (_valueAsArray$i2 = valueAsArray[i]) !== null && _valueAsArray$i2 !== void 0 ? _valueAsArray$i2 : "", className: valueListItemClassName, disabled, placeholder: placeHolderText, onChange: function onChange(e) {
+            return multiValueHandler(e.target.value, i);
+          } }, extraProps), key);
+        });
+        _t = (0, import_jsx_runtime5.jsxs)("span", { "data-testid": testID, className, title, children: [editors[0], separator, editors[1]] });
+        $[2] = inputTypeCoerced;
+        $[3] = valueAsArray;
+        $[4] = valueListItemClassName;
+        $[5] = disabled;
+        $[6] = placeHolderText;
+        $[7] = multiValueHandler;
+        $[8] = extraProps;
+        $[9] = separator;
+        $[10] = testID;
+        $[11] = className;
+        $[12] = title;
+        $[13] = _t;
+      } else {
+        _t = $[13];
       }
-      return /* @__PURE__ */ React5.createElement(
-        SelectorComponent,
-        {
-          key,
-          ...props,
-          className: import_react_querybuilder.standardClassnames.valueListItem,
-          handleOnChange: (v) => multiValueHandler(v, i),
-          disabled,
-          value: valueAsArray[i] ?? (0, import_react_querybuilder.getFirstOption)(values),
-          options: values,
-          listsAsArrays
-        }
-      );
-    });
-    return /* @__PURE__ */ React5.createElement("span", { "data-testid": testID, className, title }, editors[0], separator, editors[1]);
+      return _t;
+    }
+    var _t2;
+    if ($[14] !== allProps) {
+      _t2 = (0, import_jsx_runtime5.jsx)(import_react_querybuilder.ValueEditor, _objectSpread4(_objectSpread4({}, allProps), {}, { skipHook: true }));
+      $[14] = allProps;
+      $[15] = _t2;
+    } else {
+      _t2 = $[15];
+    }
+    return _t2;
   }
   switch (type) {
-    case "select":
-    case "multiselect":
-      return /* @__PURE__ */ React5.createElement(
-        SelectorComponent,
-        {
-          ...props,
-          className,
-          handleOnChange,
-          options: values,
-          value,
-          title,
-          disabled,
-          multiple: type === "multiselect",
-          listsAsArrays,
-          ...extraProps
-        }
-      );
-    case "textarea":
-      return /* @__PURE__ */ React5.createElement(
-        import_antd4.Input.TextArea,
-        {
-          value,
-          title,
-          className,
-          disabled,
-          placeholder: placeHolderText,
-          onChange: (e) => handleOnChange(e.target.value),
-          ...extraProps
-        }
-      );
-    case "switch":
-      return /* @__PURE__ */ React5.createElement(
-        import_antd4.Switch,
-        {
-          checked: !!value,
-          title,
-          className,
-          disabled,
-          onChange: (v) => handleOnChange(v),
-          ...extraProps
-        }
-      );
-    case "checkbox":
-      return /* @__PURE__ */ React5.createElement("span", { title, className }, /* @__PURE__ */ React5.createElement(
-        import_antd4.Checkbox,
-        {
-          type: "checkbox",
-          disabled,
-          onChange: (e) => handleOnChange(e.target.checked),
-          checked: !!value,
-          ...extraProps
+    case "select": {
+    }
+    case "multiselect": {
+      var _t3;
+      if ($[16] !== allProps) {
+        _t3 = (0, import_jsx_runtime5.jsx)(import_react_querybuilder.ValueEditor, _objectSpread4(_objectSpread4({}, allProps), {}, { skipHook: true }));
+        $[16] = allProps;
+        $[17] = _t3;
+      } else {
+        _t3 = $[17];
+      }
+      return _t3;
+    }
+    case "textarea": {
+      var _t4;
+      if ($[18] !== handleOnChange) {
+        _t4 = function _t42(e_2) {
+          return handleOnChange(e_2.target.value);
+        };
+        $[18] = handleOnChange;
+        $[19] = _t4;
+      } else {
+        _t4 = $[19];
+      }
+      var _t5;
+      if ($[20] !== value || $[21] !== title || $[22] !== className || $[23] !== disabled || $[24] !== placeHolderText || $[25] !== _t4 || $[26] !== extraProps) {
+        _t5 = (0, import_jsx_runtime5.jsx)(import_antd4.Input.TextArea, _objectSpread4({ value, title, className, disabled, placeholder: placeHolderText, onChange: _t4 }, extraProps));
+        $[20] = value;
+        $[21] = title;
+        $[22] = className;
+        $[23] = disabled;
+        $[24] = placeHolderText;
+        $[25] = _t4;
+        $[26] = extraProps;
+        $[27] = _t5;
+      } else {
+        _t5 = $[27];
+      }
+      return _t5;
+    }
+    case "switch": {
+      var _t6 = !!value;
+      var _t7;
+      if ($[28] !== handleOnChange) {
+        _t7 = function _t72(v_1) {
+          return handleOnChange(v_1);
+        };
+        $[28] = handleOnChange;
+        $[29] = _t7;
+      } else {
+        _t7 = $[29];
+      }
+      var t4;
+      if ($[30] !== _t6 || $[31] !== title || $[32] !== className || $[33] !== disabled || $[34] !== _t7 || $[35] !== extraProps) {
+        t4 = (0, import_jsx_runtime5.jsx)(import_antd4.Switch, _objectSpread4({ checked: _t6, title, className, disabled, onChange: _t7 }, extraProps));
+        $[30] = _t6;
+        $[31] = title;
+        $[32] = className;
+        $[33] = disabled;
+        $[34] = _t7;
+        $[35] = extraProps;
+        $[36] = t4;
+      } else {
+        t4 = $[36];
+      }
+      return t4;
+    }
+    case "checkbox": {
+      var _t8;
+      if ($[37] !== handleOnChange) {
+        _t8 = function _t82(e_1) {
+          return handleOnChange(e_1.target.checked);
+        };
+        $[37] = handleOnChange;
+        $[38] = _t8;
+      } else {
+        _t8 = $[38];
+      }
+      var _t9 = !!value;
+      var _t10;
+      if ($[39] !== disabled || $[40] !== _t8 || $[41] !== _t9 || $[42] !== extraProps || $[43] !== title || $[44] !== className) {
+        _t10 = (0, import_jsx_runtime5.jsx)("span", { title, className, children: (0, import_jsx_runtime5.jsx)(import_antd4.Checkbox, _objectSpread4({ type: "checkbox", disabled, onChange: _t8, checked: _t9 }, extraProps)) });
+        $[39] = disabled;
+        $[40] = _t8;
+        $[41] = _t9;
+        $[42] = extraProps;
+        $[43] = title;
+        $[44] = className;
+        $[45] = _t10;
+      } else {
+        _t10 = $[45];
+      }
+      return _t10;
+    }
+    case "radio": {
+      var _t11;
+      if ($[46] !== value || $[47] !== disabled || $[48] !== handleOnChange || $[49] !== extraProps || $[50] !== values || $[51] !== className || $[52] !== title) {
+        var _t12;
+        if ($[54] !== value || $[55] !== disabled || $[56] !== handleOnChange || $[57] !== extraProps) {
+          _t12 = function _t122(v_0) {
+            return (0, import_jsx_runtime5.jsx)(import_antd4.Radio, _objectSpread4(_objectSpread4({ 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);
+          };
+          $[54] = value;
+          $[55] = disabled;
+          $[56] = handleOnChange;
+          $[57] = extraProps;
+          $[58] = _t12;
+        } else {
+          _t12 = $[58];
         }
-      ));
-    case "radio":
-      return /* @__PURE__ */ React5.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React5.createElement(
-        import_antd4.Radio,
-        {
-          key: v.name,
-          value: v.name,
-          checked: value === v.name,
-          disabled,
-          onChange: (e) => handleOnChange(e.target.value),
-          ...extraProps
-        },
-        v.label
-      )));
+        _t11 = (0, import_jsx_runtime5.jsx)("span", { className, title, children: values.map(_t12) });
+        $[46] = value;
+        $[47] = disabled;
+        $[48] = handleOnChange;
+        $[49] = extraProps;
+        $[50] = values;
+        $[51] = className;
+        $[52] = title;
+        $[53] = _t11;
+      } else {
+        _t11 = $[53];
+      }
+      return _t11;
+    }
   }
   switch (inputTypeCoerced) {
-    case "date":
+    case "date": {
+    }
     case "datetime-local": {
       if (operator === "between" || operator === "notBetween") {
-        const dayjsArray = valueAsArray.slice(0, 2).map(import_dayjs2.default);
-        return /* @__PURE__ */ React5.createElement(
-          DatePicker.RangePicker,
-          {
-            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?.map((d) => d?.isValid() ? d.format(format) : void 0);
-                handleOnChange(
-                  dateArray ? listsAsArrays ? dateArray : (0, import_react_querybuilder.joinWith)(dateArray, ",") : dates
-                );
-              }
-            ),
-            ...extraProps
+        var _t13;
+        if ($[59] !== valueAsArray || $[60] !== inputTypeCoerced || $[61] !== placeHolderText || $[62] !== handleOnChange || $[63] !== listsAsArrays || $[64] !== className || $[65] !== disabled || $[66] !== extraProps) {
+          var dayjsArray = valueAsArray.slice(0, 2).map(_temp);
+          var _t14;
+          if ($[68] !== inputTypeCoerced || $[69] !== handleOnChange || $[70] !== listsAsArrays) {
+            _t14 = function _t142(dates) {
+              var timeFormat = inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : "";
+              var format2 = "YYYY-MM-DD".concat(timeFormat);
+              var dateArray = dates === null || dates === void 0 ? void 0 : dates.map(function(d_2) {
+                return d_2 !== null && d_2 !== void 0 && d_2.isValid() ? d_2.format(format2) : void 0;
+              });
+              handleOnChange(dateArray ? listsAsArrays ? dateArray : (0, import_react_querybuilder.joinWith)(dateArray, ",") : dates);
+            };
+            $[68] = inputTypeCoerced;
+            $[69] = handleOnChange;
+            $[70] = listsAsArrays;
+            $[71] = _t14;
+          } else {
+            _t14 = $[71];
           }
-        );
+          _t13 = (0, import_jsx_runtime5.jsx)(DatePicker.RangePicker, _objectSpread4({ value: dayjsArray.every(_temp2) ? dayjsArray : void 0, showTime: inputTypeCoerced === "datetime-local", className, disabled, placeholder: [placeHolderText, placeHolderText], onChange: _t14 }, extraProps));
+          $[59] = valueAsArray;
+          $[60] = inputTypeCoerced;
+          $[61] = placeHolderText;
+          $[62] = handleOnChange;
+          $[63] = listsAsArrays;
+          $[64] = className;
+          $[65] = disabled;
+          $[66] = extraProps;
+          $[67] = _t13;
+        } else {
+          _t13 = $[67];
+        }
+        return _t13;
       }
-      const dateValue = (0, import_dayjs2.default)(value);
-      return /* @__PURE__ */ React5.createElement(
-        DatePicker,
-        {
-          value: dateValue.isValid() ? dateValue : void 0,
-          showTime: inputTypeCoerced === "datetime-local",
-          className,
-          disabled,
-          placeholder: placeHolderText,
-          onChange: (_d, dateString) => handleOnChange(dateString),
-          ...extraProps
+      var _t15;
+      if ($[72] !== value || $[73] !== inputTypeCoerced || $[74] !== handleOnChange || $[75] !== className || $[76] !== disabled || $[77] !== placeHolderText || $[78] !== extraProps) {
+        var dateValue_0 = (0, import_dayjs2.default)(value);
+        var _t16;
+        if ($[80] !== handleOnChange) {
+          _t16 = function _t162(_d, dateString) {
+            return handleOnChange(dateString);
+          };
+          $[80] = handleOnChange;
+          $[81] = _t16;
+        } else {
+          _t16 = $[81];
         }
-      );
+        _t15 = (0, import_jsx_runtime5.jsx)(DatePicker, _objectSpread4({ value: dateValue_0.isValid() ? dateValue_0 : void 0, showTime: inputTypeCoerced === "datetime-local", className, disabled, placeholder: placeHolderText, onChange: _t16 }, extraProps));
+        $[72] = value;
+        $[73] = inputTypeCoerced;
+        $[74] = handleOnChange;
+        $[75] = className;
+        $[76] = disabled;
+        $[77] = placeHolderText;
+        $[78] = extraProps;
+        $[79] = _t15;
+      } else {
+        _t15 = $[79];
+      }
+      return _t15;
     }
     case "time": {
-      const dateValue = (0, import_dayjs2.default)(value, "HH:mm:ss");
-      return /* @__PURE__ */ React5.createElement(
-        DatePicker.TimePicker,
-        {
-          value: dateValue.isValid() ? dateValue : void 0,
-          className,
-          disabled,
-          placeholder: placeHolderText,
-          onChange: (d) => handleOnChange(d?.format("HH:mm:ss") ?? ""),
-          ...extraProps
+      var _t17;
+      if ($[82] !== value || $[83] !== handleOnChange || $[84] !== className || $[85] !== disabled || $[86] !== placeHolderText || $[87] !== extraProps) {
+        var dateValue = (0, import_dayjs2.default)(value, "HH:mm:ss");
+        var _t18;
+        if ($[89] !== handleOnChange) {
+          _t18 = function _t182(d_0) {
+            var _d_0$format;
+            return handleOnChange((_d_0$format = d_0 === null || d_0 === void 0 ? void 0 : d_0.format("HH:mm:ss")) !== null && _d_0$format !== void 0 ? _d_0$format : "");
+          };
+          $[89] = handleOnChange;
+          $[90] = _t18;
+        } else {
+          _t18 = $[90];
         }
-      );
+        _t17 = (0, import_jsx_runtime5.jsx)(DatePicker.TimePicker, _objectSpread4({ value: dateValue.isValid() ? dateValue : void 0, className, disabled, placeholder: placeHolderText, onChange: _t18 }, extraProps));
+        $[82] = value;
+        $[83] = handleOnChange;
+        $[84] = className;
+        $[85] = disabled;
+        $[86] = placeHolderText;
+        $[87] = extraProps;
+        $[88] = _t17;
+      } else {
+        _t17 = $[88];
+      }
+      return _t17;
     }
     case "number": {
-      return /* @__PURE__ */ React5.createElement(
-        import_antd4.InputNumber,
-        {
-          type: inputTypeCoerced,
-          value,
-          title,
-          className,
-          disabled,
-          placeholder: placeHolderText,
-          onChange: handleOnChange,
-          ...extraProps
-        }
-      );
+      var _t19;
+      if ($[91] !== inputTypeCoerced || $[92] !== value || $[93] !== title || $[94] !== className || $[95] !== disabled || $[96] !== placeHolderText || $[97] !== handleOnChange || $[98] !== extraProps) {
+        _t19 = (0, import_jsx_runtime5.jsx)(import_antd4.InputNumber, _objectSpread4({ type: inputTypeCoerced, value, title, className, disabled, placeholder: placeHolderText, onChange: handleOnChange }, extraProps));
+        $[91] = inputTypeCoerced;
+        $[92] = value;
+        $[93] = title;
+        $[94] = className;
+        $[95] = disabled;
+        $[96] = placeHolderText;
+        $[97] = handleOnChange;
+        $[98] = extraProps;
+        $[99] = _t19;
+      } else {
+        _t19 = $[99];
+      }
+      return _t19;
     }
   }
-  return /* @__PURE__ */ React5.createElement(
-    import_antd4.Input,
-    {
-      type: inputTypeCoerced,
-      value,
-      title,
-      className,
-      disabled,
-      placeholder: placeHolderText,
-      onChange: (e) => handleOnChange(e.target.value),
-      ...extraProps
-    }
-  );
+  var t2;
+  if ($[100] !== handleOnChange) {
+    t2 = function t22(e_3) {
+      return handleOnChange(e_3.target.value);
+    };
+    $[100] = handleOnChange;
+    $[101] = t2;
+  } else {
+    t2 = $[101];
+  }
+  var t3;
+  if ($[102] !== inputTypeCoerced || $[103] !== value || $[104] !== title || $[105] !== className || $[106] !== disabled || $[107] !== placeHolderText || $[108] !== t2 || $[109] !== extraProps) {
+    t3 = (0, import_jsx_runtime5.jsx)(import_antd4.Input, _objectSpread4({ type: inputTypeCoerced, value, title, className, disabled, placeholder: placeHolderText, onChange: t2 }, extraProps));
+    $[102] = inputTypeCoerced;
+    $[103] = value;
+    $[104] = title;
+    $[105] = className;
+    $[106] = disabled;
+    $[107] = placeHolderText;
+    $[108] = t2;
+    $[109] = extraProps;
+    $[110] = t3;
+  } else {
+    t3 = $[110];
+  }
+  return t3;
 };
+function _temp(v_2) {
+  return (0, import_dayjs2.default)(v_2);
+}
+function _temp2(d_1) {
+  return d_1.isValid();
+}
 
 // src/AntDValueSelector.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var import_antd6 = require("antd");
-var React7 = __toESM(require("react"));
 var import_react_querybuilder3 = require("react-querybuilder");
 
 // src/utils.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var import_antd5 = require("antd");
-var React6 = __toESM(require("react"));
 var import_react_querybuilder2 = require("react-querybuilder");
-var { OptGroup, Option } = import_antd5.Select;
-var toOptions = (arr) => (0, import_react_querybuilder2.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 = import_antd5.Select.OptGroup;
+var Option = import_antd5.Select.Option;
+var toOptions = function toOptions2(arr) {
+  return (0, import_react_querybuilder2.isOptionGroupArray)(arr) ? arr.map(function(og) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OptGroup, { label: og.label, children: og.options.map(function(opt) {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Option, { value: opt.name, children: opt.label }, opt.name);
+    }) }, og.label);
+  }) : Array.isArray(arr) ? arr.map(function(opt) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Option, { value: opt.name, children: opt.label }, opt.name);
+  }) : (
+    /* istanbul ignore next */
+    null
+  );
+};
 
 // src/AntDValueSelector.tsx
-var AntDValueSelector = ({
-  className,
-  handleOnChange,
-  options,
-  value,
-  title,
-  disabled,
-  multiple,
-  listsAsArrays,
-  // Props that should not be in extraProps
-  testID: _testID,
-  rule: _rule,
-  rules: _rules,
-  level: _level,
-  path: _path,
-  context: _context,
-  validation: _validation,
-  operator: _operator,
-  field: _field,
-  fieldData: _fieldData,
-  schema: _schema,
-  ...extraProps
-}) => {
-  const { onChange, val } = (0, import_react_querybuilder3.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
-  const modeObj = multiple ? { mode: "multiple" } : {};
-  return /* @__PURE__ */ React7.createElement("span", { title, className }, /* @__PURE__ */ React7.createElement(
-    import_antd6.Select,
-    {
-      ...modeObj,
-      popupMatchSelectWidth: false,
-      disabled,
-      value: val,
-      onChange,
-      ...extraProps
-    },
-    toOptions(options)
-  ));
+function _typeof5(o) {
+  "@babel/helpers - typeof";
+  return _typeof5 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof5(o);
+}
+var _excluded4 = ["className", "handleOnChange", "options", "value", "title", "disabled", "multiple", "listsAsArrays", "testID", "rule", "rules", "level", "path", "context", "validation", "operator", "field", "fieldData", "schema"];
+function ownKeys5(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread5(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys5(Object(t), true).forEach(function(r2) {
+      _defineProperty5(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys5(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty5(e, r, t) {
+  return (r = _toPropertyKey5(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
+}
+function _toPropertyKey5(t) {
+  var i = _toPrimitive5(t, "string");
+  return "symbol" == _typeof5(i) ? i : i + "";
+}
+function _toPrimitive5(t, r) {
+  if ("object" != _typeof5(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof5(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _objectWithoutProperties4(e, t) {
+  if (null == e) return {};
+  var o, r, i = _objectWithoutPropertiesLoose4(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose4(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+var AntDValueSelector = function AntDValueSelector2(t0) {
+  var $ = c(24);
+  var handleOnChange;
+  var listsAsArrays;
+  var multiple;
+  var value;
+  var options;
+  var disabled;
+  var extraProps;
+  var title;
+  var className;
+  if ($[0] !== t0) {
+    var _t = t0.className, _t2 = t0.handleOnChange, t3 = t0.options, t4 = t0.value, t5 = t0.title, t6 = t0.disabled, t7 = t0.multiple, t8 = t0.listsAsArrays, _testID = t0.testID, _rule = t0.rule, _rules = t0.rules, _level = t0.level, _path = t0.path, _context = t0.context, _validation = t0.validation, _operator = t0.operator, _field = t0.field, _fieldData = t0.fieldData, _schema = t0.schema, t9 = _objectWithoutProperties4(t0, _excluded4);
+    className = _t;
+    handleOnChange = _t2;
+    options = t3;
+    value = t4;
+    title = t5;
+    disabled = t6;
+    multiple = t7;
+    listsAsArrays = t8;
+    extraProps = t9;
+    $[0] = t0;
+    $[1] = handleOnChange;
+    $[2] = listsAsArrays;
+    $[3] = multiple;
+    $[4] = value;
+    $[5] = options;
+    $[6] = disabled;
+    $[7] = extraProps;
+    $[8] = title;
+    $[9] = className;
+  } else {
+    handleOnChange = $[1];
+    listsAsArrays = $[2];
+    multiple = $[3];
+    value = $[4];
+    options = $[5];
+    disabled = $[6];
+    extraProps = $[7];
+    title = $[8];
+    className = $[9];
+  }
+  var t1;
+  if ($[10] !== handleOnChange || $[11] !== listsAsArrays || $[12] !== multiple || $[13] !== value) {
+    t1 = { handleOnChange, listsAsArrays, multiple, value };
+    $[10] = handleOnChange;
+    $[11] = listsAsArrays;
+    $[12] = multiple;
+    $[13] = value;
+    $[14] = t1;
+  } else {
+    t1 = $[14];
+  }
+  var _useValueSelector = (0, import_react_querybuilder3.useValueSelector)(t1), onChange = _useValueSelector.onChange, val = _useValueSelector.val;
+  var t2;
+  if ($[15] !== multiple || $[16] !== options || $[17] !== disabled || $[18] !== val || $[19] !== onChange || $[20] !== extraProps || $[21] !== title || $[22] !== className) {
+    var modeObj = multiple ? { mode: "multiple" } : {};
+    t2 = (0, import_jsx_runtime7.jsx)("span", { title, className, children: (0, import_jsx_runtime7.jsx)(import_antd6.Select, _objectSpread5(_objectSpread5(_objectSpread5({}, modeObj), {}, { popupMatchSelectWidth: false, disabled, value: val, onChange }, extraProps), {}, { children: toOptions(options) })) });
+    $[15] = multiple;
+    $[16] = options;
+    $[17] = disabled;
+    $[18] = val;
+    $[19] = onChange;
+    $[20] = extraProps;
+    $[21] = title;
+    $[22] = className;
+    $[23] = t2;
+  } else {
+    t2 = $[23];
+  }
+  return t2;
 };
 
 // src/index.tsx
-var antdControlElements = {
-  actionElement: AntDActionElement,
-  dragHandle: AntDDragHandle,
-  notToggle: AntDNotToggle,
-  shiftActions: AntDShiftActions,
-  valueEditor: AntDValueEditor,
-  valueSelector: AntDValueSelector
-};
-var antdTranslations = {
-  removeGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.CloseOutlined, null) },
-  removeRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.CloseOutlined, null) },
-  cloneRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.CopyOutlined, null) },
-  cloneRuleGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.CopyOutlined, null) },
-  lockGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.UnlockOutlined, null) },
-  lockRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.UnlockOutlined, null) },
-  lockGroupDisabled: { label: /* @__PURE__ */ React8.createElement(import_icons2.LockOutlined, null) },
-  lockRuleDisabled: { label: /* @__PURE__ */ React8.createElement(import_icons2.LockOutlined, null) },
-  shiftActionUp: { label: /* @__PURE__ */ React8.createElement(import_icons2.UpOutlined, null) },
-  shiftActionDown: { label: /* @__PURE__ */ React8.createElement(import_icons2.DownOutlined, null) }
-};
-var QueryBuilderAntD = (0, import_react_querybuilder4.getCompatContextProvider)({
-  controlElements: antdControlElements,
-  translations: antdTranslations
-});
+var antdControlElements = { actionElement: AntDActionElement, dragHandle: AntDDragHandle, notToggle: AntDNotToggle, shiftActions: AntDShiftActions, valueEditor: AntDValueEditor, valueSelector: AntDValueSelector };
+var antdTranslations = { removeGroup: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.CloseOutlined, {}) }, removeRule: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.CloseOutlined, {}) }, cloneRule: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.CopyOutlined, {}) }, cloneRuleGroup: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.CopyOutlined, {}) }, lockGroup: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.UnlockOutlined, {}) }, lockRule: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.UnlockOutlined, {}) }, lockGroupDisabled: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.LockOutlined, {}) }, lockRuleDisabled: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.LockOutlined, {}) }, shiftActionUp: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.UpOutlined, {}) }, shiftActionDown: { label: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons2.DownOutlined, {}) } };
+var QueryBuilderAntD = (0, import_react_querybuilder4.getCompatContextProvider)({ controlElements: antdControlElements, translations: antdTranslations });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AntDActionElement,