@react-querybuilder/antd 6.5.3 → 7.0.0-alpha.0

package/dist/cjs/react-querybuilder_antd.cjs.development.d.ts

@@ -1,5 +1,5 @@
 import * as react_querybuilder from 'react-querybuilder';
-import { ActionWithRulesProps, DragHandleProps, NotToggleProps, ValueEditorProps, VersatileSelectorProps, Controls } from 'react-querybuilder';
+import { ActionWithRulesProps, DragHandleProps, NotToggleProps, ShiftActionsProps, ValueEditorProps, VersatileSelectorProps, Controls } from 'react-querybuilder';
 import { Button, Switch, Select } from 'antd';
 import * as React from 'react';
 import { ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
@@ -14,7 +14,9 @@ declare const AntDActionElement: {
     displayName: string;
 };
 
-type AntDDragHandleProps = DragHandleProps & ComponentPropsWithRef<typeof HolderOutlined>;
+type AntDDragHandleProps = DragHandleProps & {
+    label?: any;
+} & ComponentPropsWithRef<typeof HolderOutlined>;
 declare const AntDDragHandle: React.ForwardRefExoticComponent<Omit<AntDDragHandleProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
 type AntDNotToggleProps = NotToggleProps & ComponentPropsWithoutRef<typeof Switch>;
@@ -23,6 +25,11 @@ declare const AntDNotToggle: {
     displayName: string;
 };
 
+declare const AntDShiftActions: {
+    ({ path, disabled, className, titles, testID, lastInGroup, schema: { combinators, dispatchQuery, getQuery }, }: ShiftActionsProps): React.JSX.Element;
+    displayName: string;
+};
+
 declare const AntDValueEditor: {
     ({ fieldData, operator, value, handleOnChange, title, className, type, inputType, values, listsAsArrays, parseNumbers, separator, valueSource: _vs, disabled, testID, selectorComponent: SelectorComponent, ...props }: ValueEditorProps): React.JSX.Element | null;
     displayName: string;
@@ -30,11 +37,11 @@ declare const AntDValueEditor: {
 
 type AntDValueSelectorProps = VersatileSelectorProps & Omit<ComponentPropsWithoutRef<typeof Select>, 'onChange' | 'defaultValue'>;
 declare const AntDValueSelector: {
-    ({ className, handleOnChange, options, value, title, disabled, multiple, listsAsArrays, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, operator: _operator, field: _field, fieldData: _fieldData, schema: _schema, ...extraProps }: AntDValueSelectorProps): React.JSX.Element;
+    ({ 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, ...extraProps }: AntDValueSelectorProps): React.JSX.Element;
     displayName: string;
 };
 
 declare const antdControlElements: Partial<Controls>;
 declare const QueryBuilderAntD: react_querybuilder.QueryBuilderContextProvider<Record<string, any>>;
 
-export { AntDActionElement, AntDDragHandle, AntDNotToggle, AntDValueEditor, AntDValueSelector, QueryBuilderAntD, antdControlElements };
+export { AntDActionElement, AntDActionProps, AntDDragHandle, AntDDragHandleProps, AntDNotToggle, AntDNotToggleProps, AntDShiftActions, AntDValueEditor, AntDValueSelector, AntDValueSelectorProps, QueryBuilderAntD, antdControlElements };

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

@@ -38,7 +38,7 @@ var require_dayjs_min = __commonJS({
       "object" == typeof exports && "undefined" != typeof module2 ? module2.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e();
     }(exports, function() {
       "use strict";
-      var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", f = "month", h = "quarter", c = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+      var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
         var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
         return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
       } }, m = function(t2, e2, n2) {
@@ -50,19 +50,19 @@ var require_dayjs_min = __commonJS({
       }, m: function t2(e2, n2) {
         if (e2.date() < n2.date())
           return -t2(n2, e2);
-        var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, f), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), f);
+        var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
         return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
       }, a: function(t2) {
         return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
       }, p: function(t2) {
-        return { M: f, y: c, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: h }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
       }, u: function(t2) {
         return void 0 === t2;
       } }, g = "en", D = {};
       D[g] = M;
-      var p = function(t2) {
-        return t2 instanceof _;
-      }, S = function t2(e2, n2, r2) {
+      var p = "$isDayjsObject", S = function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, w = function t2(e2, n2, r2) {
         var i2;
         if (!e2)
           return g;
@@ -77,18 +77,18 @@ var require_dayjs_min = __commonJS({
           D[a2] = e2, i2 = a2;
         }
         return !r2 && i2 && (g = i2), i2 || !r2 && g;
-      }, w = function(t2, e2) {
-        if (p(t2))
+      }, O = function(t2, e2) {
+        if (S(t2))
           return t2.clone();
         var n2 = "object" == typeof e2 ? e2 : {};
         return n2.date = t2, n2.args = arguments, new _(n2);
-      }, O = v;
-      O.l = S, O.i = p, O.w = function(t2, e2) {
-        return w(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      }, b = v;
+      b.l = w, b.i = S, b.w = function(t2, e2) {
+        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
       };
       var _ = function() {
         function M2(t2) {
-          this.$L = S(t2.locale, null, true), this.parse(t2);
+          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
         }
         var m2 = M2.prototype;
         return m2.parse = function(t2) {
@@ -96,7 +96,7 @@ var require_dayjs_min = __commonJS({
             var e2 = t3.date, n2 = t3.utc;
             if (null === e2)
               return /* @__PURE__ */ new Date(NaN);
-            if (O.u(e2))
+            if (b.u(e2))
               return /* @__PURE__ */ new Date();
             if (e2 instanceof Date)
               return new Date(e2);
@@ -108,38 +108,38 @@ var require_dayjs_min = __commonJS({
               }
             }
             return new Date(e2);
-          }(t2), this.$x = t2.x || {}, this.init();
+          }(t2), this.init();
         }, m2.init = function() {
           var t2 = this.$d;
           this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
         }, m2.$utils = function() {
-          return O;
+          return b;
         }, m2.isValid = function() {
           return !(this.$d.toString() === l);
         }, m2.isSame = function(t2, e2) {
-          var n2 = w(t2);
+          var n2 = O(t2);
           return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
         }, m2.isAfter = function(t2, e2) {
-          return w(t2) < this.startOf(e2);
+          return O(t2) < this.startOf(e2);
         }, m2.isBefore = function(t2, e2) {
-          return this.endOf(e2) < w(t2);
+          return this.endOf(e2) < O(t2);
         }, m2.$g = function(t2, e2, n2) {
-          return O.u(t2) ? this[e2] : this.set(n2, t2);
+          return b.u(t2) ? this[e2] : this.set(n2, t2);
         }, m2.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, m2.valueOf = function() {
           return this.$d.getTime();
         }, m2.startOf = function(t2, e2) {
-          var n2 = this, r2 = !!O.u(e2) || e2, h2 = O.p(t2), l2 = function(t3, e3) {
-            var i2 = O.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+          var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
+            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
             return r2 ? i2 : i2.endOf(a);
           }, $2 = function(t3, e3) {
-            return O.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
           }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-          switch (h2) {
-            case c:
+          switch (f2) {
+            case h:
               return r2 ? l2(1, 0) : l2(31, 11);
-            case f:
+            case c:
               return r2 ? l2(1, M3) : l2(0, M3 + 1);
             case o:
               var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
@@ -159,8 +159,8 @@ var require_dayjs_min = __commonJS({
         }, m2.endOf = function(t2) {
           return this.startOf(t2, false);
         }, m2.$set = function(t2, e2) {
-          var n2, o2 = O.p(t2), h2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = h2 + "Date", n2[d] = h2 + "Date", n2[f] = h2 + "Month", n2[c] = h2 + "FullYear", n2[u] = h2 + "Hours", n2[s] = h2 + "Minutes", n2[i] = h2 + "Seconds", n2[r] = h2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
-          if (o2 === f || o2 === c) {
+          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          if (o2 === c || o2 === h) {
             var y2 = this.clone().set(d, 1);
             y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
           } else
@@ -169,57 +169,139 @@ var require_dayjs_min = __commonJS({
         }, m2.set = function(t2, e2) {
           return this.clone().$set(t2, e2);
         }, m2.get = function(t2) {
-          return this[O.p(t2)]();
-        }, m2.add = function(r2, h2) {
+          return this[b.p(t2)]();
+        }, m2.add = function(r2, f2) {
           var d2, l2 = this;
           r2 = Number(r2);
-          var $2 = O.p(h2), y2 = function(t2) {
-            var e2 = w(l2);
-            return O.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+          var $2 = b.p(f2), y2 = function(t2) {
+            var e2 = O(l2);
+            return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
           };
-          if ($2 === f)
-            return this.set(f, this.$M + r2);
           if ($2 === c)
-            return this.set(c, this.$y + r2);
+            return this.set(c, this.$M + r2);
+          if ($2 === h)
+            return this.set(h, this.$y + r2);
           if ($2 === a)
             return y2(1);
           if ($2 === o)
             return y2(7);
           var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
-          return O.w(m3, this);
+          return b.w(m3, this);
         }, m2.subtract = function(t2, e2) {
           return this.add(-1 * t2, e2);
         }, m2.format = function(t2) {
           var e2 = this, n2 = this.$locale();
           if (!this.isValid())
             return n2.invalidDate || l;
-          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = O.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, f2 = n2.months, h2 = function(t3, n3, i3, s3) {
+          var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
             return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
-          }, c2 = function(t3) {
-            return O.s(s2 % 12 || 12, t3, "0");
-          }, d2 = n2.meridiem || function(t3, e3, n3) {
+          }, d2 = function(t3) {
+            return b.s(s2 % 12 || 12, t3, "0");
+          }, $2 = f2 || function(t3, e3, n3) {
             var r3 = t3 < 12 ? "AM" : "PM";
             return n3 ? r3.toLowerCase() : r3;
-          }, $2 = { YY: String(this.$y).slice(-2), YYYY: O.s(this.$y, 4, "0"), M: a2 + 1, MM: O.s(a2 + 1, 2, "0"), MMM: h2(n2.monthsShort, a2, f2, 3), MMMM: h2(f2, a2), D: this.$D, DD: O.s(this.$D, 2, "0"), d: String(this.$W), dd: h2(n2.weekdaysMin, this.$W, o2, 2), ddd: h2(n2.weekdaysShort, this.$W, o2, 3), dddd: o2[this.$W], H: String(s2), HH: O.s(s2, 2, "0"), h: c2(1), hh: c2(2), a: d2(s2, u2, true), A: d2(s2, u2, false), m: String(u2), mm: O.s(u2, 2, "0"), s: String(this.$s), ss: O.s(this.$s, 2, "0"), SSS: O.s(this.$ms, 3, "0"), Z: i2 };
-          return r2.replace(y, function(t3, e3) {
-            return e3 || $2[t3] || i2.replace(":", "");
+          };
+          return r2.replace(y, function(t3, r3) {
+            return r3 || function(t4) {
+              switch (t4) {
+                case "YY":
+                  return String(e2.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e2.$y, 4, "0");
+                case "M":
+                  return a2 + 1;
+                case "MM":
+                  return b.s(a2 + 1, 2, "0");
+                case "MMM":
+                  return h2(n2.monthsShort, a2, c2, 3);
+                case "MMMM":
+                  return h2(c2, a2);
+                case "D":
+                  return e2.$D;
+                case "DD":
+                  return b.s(e2.$D, 2, "0");
+                case "d":
+                  return String(e2.$W);
+                case "dd":
+                  return h2(n2.weekdaysMin, e2.$W, o2, 2);
+                case "ddd":
+                  return h2(n2.weekdaysShort, e2.$W, o2, 3);
+                case "dddd":
+                  return o2[e2.$W];
+                case "H":
+                  return String(s2);
+                case "HH":
+                  return b.s(s2, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s2, u2, true);
+                case "A":
+                  return $2(s2, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e2.$s);
+                case "ss":
+                  return b.s(e2.$s, 2, "0");
+                case "SSS":
+                  return b.s(e2.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            }(t3) || i2.replace(":", "");
           });
         }, m2.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, m2.diff = function(r2, d2, l2) {
-          var $2, y2 = O.p(d2), M3 = w(r2), m3 = (M3.utcOffset() - this.utcOffset()) * e, v2 = this - M3, g2 = O.m(this, M3);
-          return g2 = ($2 = {}, $2[c] = g2 / 12, $2[f] = g2, $2[h] = g2 / 3, $2[o] = (v2 - m3) / 6048e5, $2[a] = (v2 - m3) / 864e5, $2[u] = v2 / n, $2[s] = v2 / e, $2[i] = v2 / t, $2)[y2] || v2, l2 ? g2 : O.a(g2);
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
+            return b.m(y2, m3);
+          };
+          switch (M3) {
+            case h:
+              $2 = D2() / 12;
+              break;
+            case c:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n;
+              break;
+            case s:
+              $2 = g2 / e;
+              break;
+            case i:
+              $2 = g2 / t;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
         }, m2.daysInMonth = function() {
-          return this.endOf(f).$D;
+          return this.endOf(c).$D;
         }, m2.$locale = function() {
           return D[this.$L];
         }, m2.locale = function(t2, e2) {
           if (!t2)
             return this.$L;
-          var n2 = this.clone(), r2 = S(t2, e2, true);
+          var n2 = this.clone(), r2 = w(t2, e2, true);
           return r2 && (n2.$L = r2), n2;
         }, m2.clone = function() {
-          return O.w(this.$d, this);
+          return b.w(this.$d, this);
         }, m2.toDate = function() {
           return new Date(this.valueOf());
         }, m2.toJSON = function() {
@@ -229,16 +311,16 @@ var require_dayjs_min = __commonJS({
         }, m2.toString = function() {
           return this.$d.toUTCString();
         }, M2;
-      }(), T = _.prototype;
-      return w.prototype = T, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", f], ["$y", c], ["$D", d]].forEach(function(t2) {
-        T[t2[1]] = function(e2) {
+      }(), k = _.prototype;
+      return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+        k[t2[1]] = function(e2) {
           return this.$g(e2, t2[0], t2[1]);
         };
-      }), w.extend = function(t2, e2) {
-        return t2.$i || (t2(e2, _, w), t2.$i = true), w;
-      }, w.locale = S, w.isDayjs = p, w.unix = function(t2) {
-        return w(1e3 * t2);
-      }, w.en = D[g], w.Ls = D, w.p = {}, w;
+      }), O.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
     });
   }
 });
@@ -894,13 +976,14 @@ __export(src_exports, {
   AntDActionElement: () => AntDActionElement,
   AntDDragHandle: () => AntDDragHandle,
   AntDNotToggle: () => AntDNotToggle,
+  AntDShiftActions: () => AntDShiftActions,
   AntDValueEditor: () => AntDValueEditor,
   AntDValueSelector: () => AntDValueSelector,
   QueryBuilderAntD: () => QueryBuilderAntD,
   antdControlElements: () => antdControlElements
 });
 module.exports = __toCommonJS(src_exports);
-var import_react_querybuilder4 = require("react-querybuilder");
+var import_react_querybuilder5 = require("react-querybuilder");
 
 // src/AntDActionElement.tsx
 var import_antd = require("antd");
@@ -992,24 +1075,71 @@ var AntDNotToggle = ({
 );
 AntDNotToggle.displayName = "AntDNotToggle";
 
+// src/AntDShiftActions.tsx
+var import_icons2 = require("@ant-design/icons");
+var import_antd3 = require("antd");
+var React4 = __toESM(require("react"));
+var import_react_querybuilder = require("react-querybuilder");
+var AntDShiftActions = ({
+  path,
+  disabled,
+  className,
+  // labels, // Labels are hard-coded in this component
+  titles,
+  testID,
+  lastInGroup,
+  schema: { combinators, dispatchQuery, getQuery }
+}) => {
+  const { shiftUp, shiftUpDisabled, shiftDown, shiftDownDisabled } = (0, import_react_querybuilder.useShiftActions)({
+    combinators,
+    disabled,
+    dispatchQuery,
+    getQuery,
+    lastInGroup,
+    path
+  });
+  return /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
+    import_antd3.Button,
+    {
+      type: "primary",
+      size: "small",
+      title: titles?.shiftUp,
+      onClick: shiftUp,
+      disabled: shiftUpDisabled
+    },
+    /* @__PURE__ */ React4.createElement(import_icons2.CaretUpOutlined, null)
+  ), /* @__PURE__ */ React4.createElement(
+    import_antd3.Button,
+    {
+      type: "primary",
+      size: "small",
+      title: titles?.shiftDown,
+      onClick: shiftDown,
+      disabled: shiftDownDisabled
+    },
+    /* @__PURE__ */ React4.createElement(import_icons2.CaretDownOutlined, null)
+  ));
+};
+AntDShiftActions.displayName = "AntDShiftActions";
+
 // src/AntDValueEditor.tsx
-var import_antd5 = require("antd");
+var import_antd6 = require("antd");
 var import_dayjs = __toESM(require_dayjs_min());
 var import_dayjs2 = __toESM(require_dayjs());
+var React7 = __toESM(require("react"));
+var import_react_querybuilder4 = require("react-querybuilder");
+
+// src/AntDValueSelector.tsx
+var import_antd5 = require("antd");
 var React6 = __toESM(require("react"));
 var import_react_querybuilder3 = require("react-querybuilder");
 
-// src/AntDValueSelector.tsx
+// src/utils.tsx
 var import_antd4 = require("antd");
 var React5 = __toESM(require("react"));
 var import_react_querybuilder2 = require("react-querybuilder");
-
-// src/utils.tsx
-var import_antd3 = require("antd");
-var React4 = __toESM(require("react"));
-var import_react_querybuilder = require("react-querybuilder");
-var { OptGroup, Option } = import_antd3.Select;
-var toOptions = (arr) => (0, import_react_querybuilder.isOptionGroupArray)(arr) ? arr.map((og) => /* @__PURE__ */ React4.createElement(OptGroup, { key: og.label, label: og.label }, og.options.map((opt) => /* @__PURE__ */ React4.createElement(Option, { key: opt.name, value: opt.name }, opt.label)))) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ React4.createElement(Option, { key: opt.name, value: opt.name }, opt.label)) : (
+var { OptGroup, Option } = import_antd4.Select;
+var toOptions = (arr) => (0, import_react_querybuilder2.isOptionGroupArray)(arr) ? arr.map((og) => /* @__PURE__ */ React5.createElement(OptGroup, { key: og.label, label: og.label }, og.options.map((opt) => /* @__PURE__ */ React5.createElement(Option, { key: opt.name, value: opt.name }, opt.label)))) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ React5.createElement(Option, { key: opt.name, value: opt.name }, opt.label)) : (
   /* istanbul ignore next */
   null
 );
@@ -1026,6 +1156,7 @@ var AntDValueSelector = ({
   listsAsArrays,
   // Props that should not be in extraProps
   testID: _testID,
+  rule: _rule,
   rules: _rules,
   level: _level,
   path: _path,
@@ -1037,13 +1168,13 @@ var AntDValueSelector = ({
   schema: _schema,
   ...extraProps
 }) => {
-  const { onChange, val } = (0, import_react_querybuilder2.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
+  const { onChange, val } = (0, import_react_querybuilder3.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
   const modeObj = multiple ? { mode: "multiple" } : {};
-  return /* @__PURE__ */ React5.createElement("span", { title, className }, /* @__PURE__ */ React5.createElement(
-    import_antd4.Select,
+  return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
+    import_antd5.Select,
     {
       ...modeObj,
-      dropdownMatchSelectWidth: false,
+      popupMatchSelectWidth: false,
       disabled,
       value: val,
       onChange,
@@ -1055,7 +1186,7 @@ var AntDValueSelector = ({
 AntDValueSelector.displayName = "AntDValueSelector";
 
 // src/AntDValueEditor.tsx
-var DatePicker = import_antd5.DatePicker.generatePicker(import_dayjs2.default);
+var DatePicker = import_antd6.DatePicker.generatePicker(import_dayjs2.default);
 var AntDValueEditor = ({
   fieldData,
   operator,
@@ -1075,7 +1206,7 @@ var AntDValueEditor = ({
   selectorComponent: SelectorComponent = AntDValueSelector,
   ...props
 }) => {
-  const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder3.useValueEditor)({
+  const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder4.useValueEditor)({
     handleOnChange,
     inputType,
     operator,
@@ -1095,51 +1226,51 @@ var AntDValueEditor = ({
     const editors = ["from", "to"].map((key, i) => {
       if (type === "text") {
         if (inputTypeCoerced === "time") {
-          return /* @__PURE__ */ React6.createElement(
-            import_antd5.TimePicker,
+          return /* @__PURE__ */ React7.createElement(
+            import_antd6.TimePicker,
             {
               key,
               value: valueAsArray[i] ? (0, import_dayjs.default)(valueAsArray[i], "HH:mm:ss") : null,
-              className: import_react_querybuilder3.standardClassnames.valueListItem,
+              className: import_react_querybuilder4.standardClassnames.valueListItem,
               disabled,
               placeholder: placeHolderText,
               onChange: (d) => multiValueHandler(d?.format("HH:mm:ss") ?? "", i)
             }
           );
         }
-        return /* @__PURE__ */ React6.createElement(
-          import_antd5.Input,
+        return /* @__PURE__ */ React7.createElement(
+          import_antd6.Input,
           {
             key,
             type: inputTypeCoerced,
             value: valueAsArray[i] ?? "",
-            className: import_react_querybuilder3.standardClassnames.valueListItem,
+            className: import_react_querybuilder4.standardClassnames.valueListItem,
             disabled,
             placeholder: placeHolderText,
             onChange: (e) => multiValueHandler(e.target.value, i)
           }
         );
       }
-      return /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React7.createElement(
         SelectorComponent,
         {
           ...props,
           key,
-          className: import_react_querybuilder3.standardClassnames.valueListItem,
+          className: import_react_querybuilder4.standardClassnames.valueListItem,
           handleOnChange: (v) => multiValueHandler(v, i),
           disabled,
-          value: valueAsArray[i] ?? (0, import_react_querybuilder3.getFirstOption)(values),
+          value: valueAsArray[i] ?? (0, import_react_querybuilder4.getFirstOption)(values),
           options: values,
           listsAsArrays
         }
       );
     });
-    return /* @__PURE__ */ React6.createElement("span", { "data-testid": testID, className, title }, editors[0], separator, editors[1]);
+    return /* @__PURE__ */ React7.createElement("span", { "data-testid": testID, className, title }, editors[0], separator, editors[1]);
   }
   switch (type) {
     case "select":
     case "multiselect":
-      return /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React7.createElement(
         SelectorComponent,
         {
           ...props,
@@ -1154,8 +1285,8 @@ var AntDValueEditor = ({
         }
       );
     case "textarea":
-      return /* @__PURE__ */ React6.createElement(
-        import_antd5.Input.TextArea,
+      return /* @__PURE__ */ React7.createElement(
+        import_antd6.Input.TextArea,
         {
           value,
           title,
@@ -1166,8 +1297,8 @@ var AntDValueEditor = ({
         }
       );
     case "switch":
-      return /* @__PURE__ */ React6.createElement(
-        import_antd5.Switch,
+      return /* @__PURE__ */ React7.createElement(
+        import_antd6.Switch,
         {
           checked: !!value,
           title,
@@ -1177,8 +1308,8 @@ var AntDValueEditor = ({
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
-        import_antd5.Checkbox,
+      return /* @__PURE__ */ React7.createElement("span", { title, className }, /* @__PURE__ */ React7.createElement(
+        import_antd6.Checkbox,
         {
           type: "checkbox",
           disabled,
@@ -1187,8 +1318,8 @@ var AntDValueEditor = ({
         }
       ));
     case "radio":
-      return /* @__PURE__ */ React6.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React6.createElement(
-        import_antd5.Radio,
+      return /* @__PURE__ */ React7.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React7.createElement(
+        import_antd6.Radio,
         {
           key: v.name,
           value: v.name,
@@ -1202,10 +1333,10 @@ var AntDValueEditor = ({
   switch (inputTypeCoerced) {
     case "date":
     case "datetime-local":
-      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ React6.createElement(
+      return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ React7.createElement(
         DatePicker.RangePicker,
         {
-          value: (0, import_react_querybuilder3.toArray)(value)?.length >= 2 ? (0, import_react_querybuilder3.toArray)(value).map((v) => (0, import_dayjs.default)(v)) : void 0,
+          value: (0, import_react_querybuilder4.toArray)(value)?.length >= 2 ? (0, import_react_querybuilder4.toArray)(value).map((v) => (0, import_dayjs.default)(v)) : void 0,
           showTime: inputTypeCoerced === "datetime-local",
           className,
           disabled,
@@ -1219,7 +1350,7 @@ var AntDValueEditor = ({
             }
           )
         }
-      ) : /* @__PURE__ */ React6.createElement(
+      ) : /* @__PURE__ */ React7.createElement(
         DatePicker,
         {
           value: value ? (0, import_dayjs.default)(value) : null,
@@ -1231,8 +1362,8 @@ var AntDValueEditor = ({
         }
       );
     case "time":
-      return /* @__PURE__ */ React6.createElement(
-        import_antd5.TimePicker,
+      return /* @__PURE__ */ React7.createElement(
+        import_antd6.TimePicker,
         {
           value: value ? (0, import_dayjs.default)(value, "HH:mm:ss") : null,
           className,
@@ -1242,8 +1373,8 @@ var AntDValueEditor = ({
         }
       );
   }
-  return /* @__PURE__ */ React6.createElement(
-    import_antd5.Input,
+  return /* @__PURE__ */ React7.createElement(
+    import_antd6.Input,
     {
       type: inputTypeCoerced,
       value,
@@ -1273,9 +1404,10 @@ var antdControlElements = {
   removeRuleAction: AntDActionElement,
   valueEditor: AntDValueEditor,
   dragHandle: AntDDragHandle,
-  valueSourceSelector: AntDValueSelector
+  valueSourceSelector: AntDValueSelector,
+  shiftActions: AntDShiftActions
 };
-var QueryBuilderAntD = (0, import_react_querybuilder4.getCompatContextProvider)({
+var QueryBuilderAntD = (0, import_react_querybuilder5.getCompatContextProvider)({
   key: "antd",
   controlElements: antdControlElements
 });
@@ -1284,6 +1416,7 @@ var QueryBuilderAntD = (0, import_react_querybuilder4.getCompatContextProvider)(
   AntDActionElement,
   AntDDragHandle,
   AntDNotToggle,
+  AntDShiftActions,
   AntDValueEditor,
   AntDValueSelector,
   QueryBuilderAntD,