@react-querybuilder/antd 6.6.0-alpha.0 → 7.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -3
- package/dist/cjs/react-querybuilder_antd.cjs.development.d.ts +119 -18
- package/dist/cjs/react-querybuilder_antd.cjs.development.js +198 -120
- package/dist/cjs/react-querybuilder_antd.cjs.development.js.map +1 -1
- package/dist/cjs/react-querybuilder_antd.cjs.production.d.ts +119 -18
- package/dist/cjs/react-querybuilder_antd.cjs.production.js +1 -1
- package/dist/cjs/react-querybuilder_antd.cjs.production.js.map +1 -1
- package/dist/react-querybuilder_antd.d.mts +119 -18
- package/dist/react-querybuilder_antd.legacy-esm.d.mts +119 -18
- package/dist/react-querybuilder_antd.legacy-esm.js +188 -109
- package/dist/react-querybuilder_antd.legacy-esm.js.map +1 -1
- package/dist/react-querybuilder_antd.mjs +184 -106
- package/dist/react-querybuilder_antd.mjs.map +1 -1
- package/dist/react-querybuilder_antd.production.d.mts +119 -18
- package/dist/react-querybuilder_antd.production.mjs +1 -1
- package/dist/react-querybuilder_antd.production.mjs.map +1 -1
- package/package.json +14 -14
|
@@ -60,9 +60,9 @@ var require_dayjs_min = __commonJS({
|
|
|
60
60
|
return void 0 === t2;
|
|
61
61
|
} }, g = "en", D = {};
|
|
62
62
|
D[g] = M;
|
|
63
|
-
var p = function(t2) {
|
|
64
|
-
return t2 instanceof
|
|
65
|
-
},
|
|
63
|
+
var p = "$isDayjsObject", S = function(t2) {
|
|
64
|
+
return t2 instanceof _ || !(!t2 || !t2[p]);
|
|
65
|
+
}, w = function t2(e2, n2, r2) {
|
|
66
66
|
var i2;
|
|
67
67
|
if (!e2)
|
|
68
68
|
return g;
|
|
@@ -77,18 +77,18 @@ var require_dayjs_min = __commonJS({
|
|
|
77
77
|
D[a2] = e2, i2 = a2;
|
|
78
78
|
}
|
|
79
79
|
return !r2 && i2 && (g = i2), i2 || !r2 && g;
|
|
80
|
-
},
|
|
81
|
-
if (
|
|
80
|
+
}, O = function(t2, e2) {
|
|
81
|
+
if (S(t2))
|
|
82
82
|
return t2.clone();
|
|
83
83
|
var n2 = "object" == typeof e2 ? e2 : {};
|
|
84
|
-
return n2.date = t2, n2.args = arguments, new
|
|
85
|
-
},
|
|
86
|
-
|
|
87
|
-
return
|
|
84
|
+
return n2.date = t2, n2.args = arguments, new _(n2);
|
|
85
|
+
}, b = v;
|
|
86
|
+
b.l = w, b.i = S, b.w = function(t2, e2) {
|
|
87
|
+
return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
|
|
88
88
|
};
|
|
89
|
-
var
|
|
89
|
+
var _ = function() {
|
|
90
90
|
function M2(t2) {
|
|
91
|
-
this.$L =
|
|
91
|
+
this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
|
|
92
92
|
}
|
|
93
93
|
var m2 = M2.prototype;
|
|
94
94
|
return m2.parse = function(t2) {
|
|
@@ -96,7 +96,7 @@ var require_dayjs_min = __commonJS({
|
|
|
96
96
|
var e2 = t3.date, n2 = t3.utc;
|
|
97
97
|
if (null === e2)
|
|
98
98
|
return /* @__PURE__ */ new Date(NaN);
|
|
99
|
-
if (
|
|
99
|
+
if (b.u(e2))
|
|
100
100
|
return /* @__PURE__ */ new Date();
|
|
101
101
|
if (e2 instanceof Date)
|
|
102
102
|
return new Date(e2);
|
|
@@ -108,33 +108,33 @@ var require_dayjs_min = __commonJS({
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
return new Date(e2);
|
|
111
|
-
}(t2), this
|
|
111
|
+
}(t2), this.init();
|
|
112
112
|
}, m2.init = function() {
|
|
113
113
|
var t2 = this.$d;
|
|
114
114
|
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();
|
|
115
115
|
}, m2.$utils = function() {
|
|
116
|
-
return
|
|
116
|
+
return b;
|
|
117
117
|
}, m2.isValid = function() {
|
|
118
118
|
return !(this.$d.toString() === l);
|
|
119
119
|
}, m2.isSame = function(t2, e2) {
|
|
120
|
-
var n2 =
|
|
120
|
+
var n2 = O(t2);
|
|
121
121
|
return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
|
|
122
122
|
}, m2.isAfter = function(t2, e2) {
|
|
123
|
-
return
|
|
123
|
+
return O(t2) < this.startOf(e2);
|
|
124
124
|
}, m2.isBefore = function(t2, e2) {
|
|
125
|
-
return this.endOf(e2) <
|
|
125
|
+
return this.endOf(e2) < O(t2);
|
|
126
126
|
}, m2.$g = function(t2, e2, n2) {
|
|
127
|
-
return
|
|
127
|
+
return b.u(t2) ? this[e2] : this.set(n2, t2);
|
|
128
128
|
}, m2.unix = function() {
|
|
129
129
|
return Math.floor(this.valueOf() / 1e3);
|
|
130
130
|
}, m2.valueOf = function() {
|
|
131
131
|
return this.$d.getTime();
|
|
132
132
|
}, m2.startOf = function(t2, e2) {
|
|
133
|
-
var n2 = this, r2 = !!
|
|
134
|
-
var i2 =
|
|
133
|
+
var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
|
|
134
|
+
var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
|
|
135
135
|
return r2 ? i2 : i2.endOf(a);
|
|
136
136
|
}, $2 = function(t3, e3) {
|
|
137
|
-
return
|
|
137
|
+
return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
|
|
138
138
|
}, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
|
|
139
139
|
switch (f2) {
|
|
140
140
|
case h:
|
|
@@ -159,7 +159,7 @@ var require_dayjs_min = __commonJS({
|
|
|
159
159
|
}, m2.endOf = function(t2) {
|
|
160
160
|
return this.startOf(t2, false);
|
|
161
161
|
}, m2.$set = function(t2, e2) {
|
|
162
|
-
var n2, o2 =
|
|
162
|
+
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;
|
|
163
163
|
if (o2 === c || o2 === h) {
|
|
164
164
|
var y2 = this.clone().set(d, 1);
|
|
165
165
|
y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
|
|
@@ -169,13 +169,13 @@ var require_dayjs_min = __commonJS({
|
|
|
169
169
|
}, m2.set = function(t2, e2) {
|
|
170
170
|
return this.clone().$set(t2, e2);
|
|
171
171
|
}, m2.get = function(t2) {
|
|
172
|
-
return this[
|
|
172
|
+
return this[b.p(t2)]();
|
|
173
173
|
}, m2.add = function(r2, f2) {
|
|
174
174
|
var d2, l2 = this;
|
|
175
175
|
r2 = Number(r2);
|
|
176
|
-
var $2 =
|
|
177
|
-
var e2 =
|
|
178
|
-
return
|
|
176
|
+
var $2 = b.p(f2), y2 = function(t2) {
|
|
177
|
+
var e2 = O(l2);
|
|
178
|
+
return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
|
|
179
179
|
};
|
|
180
180
|
if ($2 === c)
|
|
181
181
|
return this.set(c, this.$M + r2);
|
|
@@ -186,17 +186,17 @@ var require_dayjs_min = __commonJS({
|
|
|
186
186
|
if ($2 === o)
|
|
187
187
|
return y2(7);
|
|
188
188
|
var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
|
|
189
|
-
return
|
|
189
|
+
return b.w(m3, this);
|
|
190
190
|
}, m2.subtract = function(t2, e2) {
|
|
191
191
|
return this.add(-1 * t2, e2);
|
|
192
192
|
}, m2.format = function(t2) {
|
|
193
193
|
var e2 = this, n2 = this.$locale();
|
|
194
194
|
if (!this.isValid())
|
|
195
195
|
return n2.invalidDate || l;
|
|
196
|
-
var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 =
|
|
196
|
+
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) {
|
|
197
197
|
return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
|
|
198
198
|
}, d2 = function(t3) {
|
|
199
|
-
return
|
|
199
|
+
return b.s(s2 % 12 || 12, t3, "0");
|
|
200
200
|
}, $2 = f2 || function(t3, e3, n3) {
|
|
201
201
|
var r3 = t3 < 12 ? "AM" : "PM";
|
|
202
202
|
return n3 ? r3.toLowerCase() : r3;
|
|
@@ -207,11 +207,11 @@ var require_dayjs_min = __commonJS({
|
|
|
207
207
|
case "YY":
|
|
208
208
|
return String(e2.$y).slice(-2);
|
|
209
209
|
case "YYYY":
|
|
210
|
-
return
|
|
210
|
+
return b.s(e2.$y, 4, "0");
|
|
211
211
|
case "M":
|
|
212
212
|
return a2 + 1;
|
|
213
213
|
case "MM":
|
|
214
|
-
return
|
|
214
|
+
return b.s(a2 + 1, 2, "0");
|
|
215
215
|
case "MMM":
|
|
216
216
|
return h2(n2.monthsShort, a2, c2, 3);
|
|
217
217
|
case "MMMM":
|
|
@@ -219,7 +219,7 @@ var require_dayjs_min = __commonJS({
|
|
|
219
219
|
case "D":
|
|
220
220
|
return e2.$D;
|
|
221
221
|
case "DD":
|
|
222
|
-
return
|
|
222
|
+
return b.s(e2.$D, 2, "0");
|
|
223
223
|
case "d":
|
|
224
224
|
return String(e2.$W);
|
|
225
225
|
case "dd":
|
|
@@ -231,7 +231,7 @@ var require_dayjs_min = __commonJS({
|
|
|
231
231
|
case "H":
|
|
232
232
|
return String(s2);
|
|
233
233
|
case "HH":
|
|
234
|
-
return
|
|
234
|
+
return b.s(s2, 2, "0");
|
|
235
235
|
case "h":
|
|
236
236
|
return d2(1);
|
|
237
237
|
case "hh":
|
|
@@ -243,13 +243,13 @@ var require_dayjs_min = __commonJS({
|
|
|
243
243
|
case "m":
|
|
244
244
|
return String(u2);
|
|
245
245
|
case "mm":
|
|
246
|
-
return
|
|
246
|
+
return b.s(u2, 2, "0");
|
|
247
247
|
case "s":
|
|
248
248
|
return String(e2.$s);
|
|
249
249
|
case "ss":
|
|
250
|
-
return
|
|
250
|
+
return b.s(e2.$s, 2, "0");
|
|
251
251
|
case "SSS":
|
|
252
|
-
return
|
|
252
|
+
return b.s(e2.$ms, 3, "0");
|
|
253
253
|
case "Z":
|
|
254
254
|
return i2;
|
|
255
255
|
}
|
|
@@ -259,8 +259,8 @@ var require_dayjs_min = __commonJS({
|
|
|
259
259
|
}, m2.utcOffset = function() {
|
|
260
260
|
return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
|
|
261
261
|
}, m2.diff = function(r2, d2, l2) {
|
|
262
|
-
var $2, y2 = this, M3 =
|
|
263
|
-
return
|
|
262
|
+
var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
|
|
263
|
+
return b.m(y2, m3);
|
|
264
264
|
};
|
|
265
265
|
switch (M3) {
|
|
266
266
|
case h:
|
|
@@ -290,7 +290,7 @@ var require_dayjs_min = __commonJS({
|
|
|
290
290
|
default:
|
|
291
291
|
$2 = g2;
|
|
292
292
|
}
|
|
293
|
-
return l2 ? $2 :
|
|
293
|
+
return l2 ? $2 : b.a($2);
|
|
294
294
|
}, m2.daysInMonth = function() {
|
|
295
295
|
return this.endOf(c).$D;
|
|
296
296
|
}, m2.$locale = function() {
|
|
@@ -298,10 +298,10 @@ var require_dayjs_min = __commonJS({
|
|
|
298
298
|
}, m2.locale = function(t2, e2) {
|
|
299
299
|
if (!t2)
|
|
300
300
|
return this.$L;
|
|
301
|
-
var n2 = this.clone(), r2 =
|
|
301
|
+
var n2 = this.clone(), r2 = w(t2, e2, true);
|
|
302
302
|
return r2 && (n2.$L = r2), n2;
|
|
303
303
|
}, m2.clone = function() {
|
|
304
|
-
return
|
|
304
|
+
return b.w(this.$d, this);
|
|
305
305
|
}, m2.toDate = function() {
|
|
306
306
|
return new Date(this.valueOf());
|
|
307
307
|
}, m2.toJSON = function() {
|
|
@@ -311,16 +311,16 @@ var require_dayjs_min = __commonJS({
|
|
|
311
311
|
}, m2.toString = function() {
|
|
312
312
|
return this.$d.toUTCString();
|
|
313
313
|
}, M2;
|
|
314
|
-
}(),
|
|
315
|
-
return
|
|
316
|
-
|
|
314
|
+
}(), k = _.prototype;
|
|
315
|
+
return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
|
|
316
|
+
k[t2[1]] = function(e2) {
|
|
317
317
|
return this.$g(e2, t2[0], t2[1]);
|
|
318
318
|
};
|
|
319
|
-
}),
|
|
320
|
-
return t2.$i || (t2(e2,
|
|
321
|
-
},
|
|
322
|
-
return
|
|
323
|
-
},
|
|
319
|
+
}), O.extend = function(t2, e2) {
|
|
320
|
+
return t2.$i || (t2(e2, _, O), t2.$i = true), O;
|
|
321
|
+
}, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
|
|
322
|
+
return O(1e3 * t2);
|
|
323
|
+
}, O.en = D[g], O.Ls = D, O.p = {}, O;
|
|
324
324
|
});
|
|
325
325
|
}
|
|
326
326
|
});
|
|
@@ -338,9 +338,9 @@ var require_interopRequireDefault = __commonJS({
|
|
|
338
338
|
}
|
|
339
339
|
});
|
|
340
340
|
|
|
341
|
-
// ../../node_modules/rc-util/lib/warning.js
|
|
341
|
+
// ../../node_modules/rc-picker/node_modules/rc-util/lib/warning.js
|
|
342
342
|
var require_warning = __commonJS({
|
|
343
|
-
"../../node_modules/rc-util/lib/warning.js"(exports) {
|
|
343
|
+
"../../node_modules/rc-picker/node_modules/rc-util/lib/warning.js"(exports) {
|
|
344
344
|
"use strict";
|
|
345
345
|
Object.defineProperty(exports, "__esModule", {
|
|
346
346
|
value: true
|
|
@@ -965,24 +965,27 @@ var require_dayjs = __commonJS({
|
|
|
965
965
|
}
|
|
966
966
|
}
|
|
967
967
|
};
|
|
968
|
-
var _default = generateConfig;
|
|
969
|
-
exports.default = _default;
|
|
968
|
+
var _default = exports.default = generateConfig;
|
|
970
969
|
}
|
|
971
970
|
});
|
|
972
971
|
|
|
973
|
-
// src/index.
|
|
972
|
+
// src/index.tsx
|
|
974
973
|
var src_exports = {};
|
|
975
974
|
__export(src_exports, {
|
|
976
975
|
AntDActionElement: () => AntDActionElement,
|
|
977
976
|
AntDDragHandle: () => AntDDragHandle,
|
|
978
977
|
AntDNotToggle: () => AntDNotToggle,
|
|
978
|
+
AntDShiftActions: () => AntDShiftActions,
|
|
979
979
|
AntDValueEditor: () => AntDValueEditor,
|
|
980
980
|
AntDValueSelector: () => AntDValueSelector,
|
|
981
981
|
QueryBuilderAntD: () => QueryBuilderAntD,
|
|
982
|
-
antdControlElements: () => antdControlElements
|
|
982
|
+
antdControlElements: () => antdControlElements,
|
|
983
|
+
antdTranslations: () => antdTranslations
|
|
983
984
|
});
|
|
984
985
|
module.exports = __toCommonJS(src_exports);
|
|
985
|
-
var
|
|
986
|
+
var import_icons2 = require("@ant-design/icons");
|
|
987
|
+
var React8 = __toESM(require("react"));
|
|
988
|
+
var import_react_querybuilder5 = require("react-querybuilder");
|
|
986
989
|
|
|
987
990
|
// src/AntDActionElement.tsx
|
|
988
991
|
var import_antd = require("antd");
|
|
@@ -1074,24 +1077,71 @@ var AntDNotToggle = ({
|
|
|
1074
1077
|
);
|
|
1075
1078
|
AntDNotToggle.displayName = "AntDNotToggle";
|
|
1076
1079
|
|
|
1080
|
+
// src/AntDShiftActions.tsx
|
|
1081
|
+
var import_antd3 = require("antd");
|
|
1082
|
+
var React4 = __toESM(require("react"));
|
|
1083
|
+
var import_react_querybuilder = require("react-querybuilder");
|
|
1084
|
+
var AntDShiftActions = ({
|
|
1085
|
+
path,
|
|
1086
|
+
disabled,
|
|
1087
|
+
className,
|
|
1088
|
+
labels,
|
|
1089
|
+
titles,
|
|
1090
|
+
testID,
|
|
1091
|
+
lastInGroup,
|
|
1092
|
+
schema: { combinators, dispatchQuery, getQuery }
|
|
1093
|
+
}) => {
|
|
1094
|
+
const { shiftUp, shiftUpDisabled, shiftDown, shiftDownDisabled } = (0, import_react_querybuilder.useShiftActions)({
|
|
1095
|
+
combinators,
|
|
1096
|
+
disabled,
|
|
1097
|
+
dispatchQuery,
|
|
1098
|
+
getQuery,
|
|
1099
|
+
lastInGroup,
|
|
1100
|
+
path
|
|
1101
|
+
});
|
|
1102
|
+
return /* @__PURE__ */ React4.createElement("div", { "data-testid": testID, className }, /* @__PURE__ */ React4.createElement(
|
|
1103
|
+
import_antd3.Button,
|
|
1104
|
+
{
|
|
1105
|
+
type: "primary",
|
|
1106
|
+
size: "small",
|
|
1107
|
+
title: titles?.shiftUp,
|
|
1108
|
+
onClick: shiftUp,
|
|
1109
|
+
disabled: shiftUpDisabled
|
|
1110
|
+
},
|
|
1111
|
+
labels?.shiftUp
|
|
1112
|
+
), /* @__PURE__ */ React4.createElement(
|
|
1113
|
+
import_antd3.Button,
|
|
1114
|
+
{
|
|
1115
|
+
type: "primary",
|
|
1116
|
+
size: "small",
|
|
1117
|
+
title: titles?.shiftDown,
|
|
1118
|
+
onClick: shiftDown,
|
|
1119
|
+
disabled: shiftDownDisabled
|
|
1120
|
+
},
|
|
1121
|
+
labels?.shiftDown
|
|
1122
|
+
));
|
|
1123
|
+
};
|
|
1124
|
+
AntDShiftActions.displayName = "AntDShiftActions";
|
|
1125
|
+
|
|
1077
1126
|
// src/AntDValueEditor.tsx
|
|
1078
|
-
var
|
|
1127
|
+
var import_antd6 = require("antd");
|
|
1128
|
+
var import_generatePicker = __toESM(require("antd/es/date-picker/generatePicker/index.js"));
|
|
1079
1129
|
var import_dayjs = __toESM(require_dayjs_min());
|
|
1080
1130
|
var import_dayjs2 = __toESM(require_dayjs());
|
|
1131
|
+
var React7 = __toESM(require("react"));
|
|
1132
|
+
var import_react_querybuilder4 = require("react-querybuilder");
|
|
1133
|
+
|
|
1134
|
+
// src/AntDValueSelector.tsx
|
|
1135
|
+
var import_antd5 = require("antd");
|
|
1081
1136
|
var React6 = __toESM(require("react"));
|
|
1082
1137
|
var import_react_querybuilder3 = require("react-querybuilder");
|
|
1083
1138
|
|
|
1084
|
-
// src/
|
|
1139
|
+
// src/utils.tsx
|
|
1085
1140
|
var import_antd4 = require("antd");
|
|
1086
1141
|
var React5 = __toESM(require("react"));
|
|
1087
1142
|
var import_react_querybuilder2 = require("react-querybuilder");
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
var import_antd3 = require("antd");
|
|
1091
|
-
var React4 = __toESM(require("react"));
|
|
1092
|
-
var import_react_querybuilder = require("react-querybuilder");
|
|
1093
|
-
var { OptGroup, Option } = import_antd3.Select;
|
|
1094
|
-
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)) : (
|
|
1143
|
+
var { OptGroup, Option } = import_antd4.Select;
|
|
1144
|
+
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)) : (
|
|
1095
1145
|
/* istanbul ignore next */
|
|
1096
1146
|
null
|
|
1097
1147
|
);
|
|
@@ -1108,6 +1158,7 @@ var AntDValueSelector = ({
|
|
|
1108
1158
|
listsAsArrays,
|
|
1109
1159
|
// Props that should not be in extraProps
|
|
1110
1160
|
testID: _testID,
|
|
1161
|
+
rule: _rule,
|
|
1111
1162
|
rules: _rules,
|
|
1112
1163
|
level: _level,
|
|
1113
1164
|
path: _path,
|
|
@@ -1119,10 +1170,10 @@ var AntDValueSelector = ({
|
|
|
1119
1170
|
schema: _schema,
|
|
1120
1171
|
...extraProps
|
|
1121
1172
|
}) => {
|
|
1122
|
-
const { onChange, val } = (0,
|
|
1173
|
+
const { onChange, val } = (0, import_react_querybuilder3.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
|
|
1123
1174
|
const modeObj = multiple ? { mode: "multiple" } : {};
|
|
1124
|
-
return /* @__PURE__ */
|
|
1125
|
-
|
|
1175
|
+
return /* @__PURE__ */ React6.createElement("span", { title, className }, /* @__PURE__ */ React6.createElement(
|
|
1176
|
+
import_antd5.Select,
|
|
1126
1177
|
{
|
|
1127
1178
|
...modeObj,
|
|
1128
1179
|
popupMatchSelectWidth: false,
|
|
@@ -1137,7 +1188,7 @@ var AntDValueSelector = ({
|
|
|
1137
1188
|
AntDValueSelector.displayName = "AntDValueSelector";
|
|
1138
1189
|
|
|
1139
1190
|
// src/AntDValueEditor.tsx
|
|
1140
|
-
var DatePicker =
|
|
1191
|
+
var DatePicker = (0, import_generatePicker.default)(import_dayjs2.default);
|
|
1141
1192
|
var AntDValueEditor = ({
|
|
1142
1193
|
fieldData,
|
|
1143
1194
|
operator,
|
|
@@ -1157,7 +1208,7 @@ var AntDValueEditor = ({
|
|
|
1157
1208
|
selectorComponent: SelectorComponent = AntDValueSelector,
|
|
1158
1209
|
...props
|
|
1159
1210
|
}) => {
|
|
1160
|
-
const { valueAsArray, multiValueHandler } = (0,
|
|
1211
|
+
const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder4.useValueEditor)({
|
|
1161
1212
|
handleOnChange,
|
|
1162
1213
|
inputType,
|
|
1163
1214
|
operator,
|
|
@@ -1177,51 +1228,51 @@ var AntDValueEditor = ({
|
|
|
1177
1228
|
const editors = ["from", "to"].map((key, i) => {
|
|
1178
1229
|
if (type === "text") {
|
|
1179
1230
|
if (inputTypeCoerced === "time") {
|
|
1180
|
-
return /* @__PURE__ */
|
|
1181
|
-
|
|
1231
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1232
|
+
DatePicker.TimePicker,
|
|
1182
1233
|
{
|
|
1183
1234
|
key,
|
|
1184
1235
|
value: valueAsArray[i] ? (0, import_dayjs.default)(valueAsArray[i], "HH:mm:ss") : null,
|
|
1185
|
-
className:
|
|
1236
|
+
className: import_react_querybuilder4.standardClassnames.valueListItem,
|
|
1186
1237
|
disabled,
|
|
1187
1238
|
placeholder: placeHolderText,
|
|
1188
1239
|
onChange: (d) => multiValueHandler(d?.format("HH:mm:ss") ?? "", i)
|
|
1189
1240
|
}
|
|
1190
1241
|
);
|
|
1191
1242
|
}
|
|
1192
|
-
return /* @__PURE__ */
|
|
1193
|
-
|
|
1243
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1244
|
+
import_antd6.Input,
|
|
1194
1245
|
{
|
|
1195
1246
|
key,
|
|
1196
1247
|
type: inputTypeCoerced,
|
|
1197
1248
|
value: valueAsArray[i] ?? "",
|
|
1198
|
-
className:
|
|
1249
|
+
className: import_react_querybuilder4.standardClassnames.valueListItem,
|
|
1199
1250
|
disabled,
|
|
1200
1251
|
placeholder: placeHolderText,
|
|
1201
1252
|
onChange: (e) => multiValueHandler(e.target.value, i)
|
|
1202
1253
|
}
|
|
1203
1254
|
);
|
|
1204
1255
|
}
|
|
1205
|
-
return /* @__PURE__ */
|
|
1256
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1206
1257
|
SelectorComponent,
|
|
1207
1258
|
{
|
|
1208
1259
|
...props,
|
|
1209
1260
|
key,
|
|
1210
|
-
className:
|
|
1261
|
+
className: import_react_querybuilder4.standardClassnames.valueListItem,
|
|
1211
1262
|
handleOnChange: (v) => multiValueHandler(v, i),
|
|
1212
1263
|
disabled,
|
|
1213
|
-
value: valueAsArray[i] ?? (0,
|
|
1264
|
+
value: valueAsArray[i] ?? (0, import_react_querybuilder4.getFirstOption)(values),
|
|
1214
1265
|
options: values,
|
|
1215
1266
|
listsAsArrays
|
|
1216
1267
|
}
|
|
1217
1268
|
);
|
|
1218
1269
|
});
|
|
1219
|
-
return /* @__PURE__ */
|
|
1270
|
+
return /* @__PURE__ */ React7.createElement("span", { "data-testid": testID, className, title }, editors[0], separator, editors[1]);
|
|
1220
1271
|
}
|
|
1221
1272
|
switch (type) {
|
|
1222
1273
|
case "select":
|
|
1223
1274
|
case "multiselect":
|
|
1224
|
-
return /* @__PURE__ */
|
|
1275
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1225
1276
|
SelectorComponent,
|
|
1226
1277
|
{
|
|
1227
1278
|
...props,
|
|
@@ -1236,8 +1287,8 @@ var AntDValueEditor = ({
|
|
|
1236
1287
|
}
|
|
1237
1288
|
);
|
|
1238
1289
|
case "textarea":
|
|
1239
|
-
return /* @__PURE__ */
|
|
1240
|
-
|
|
1290
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1291
|
+
import_antd6.Input.TextArea,
|
|
1241
1292
|
{
|
|
1242
1293
|
value,
|
|
1243
1294
|
title,
|
|
@@ -1248,8 +1299,8 @@ var AntDValueEditor = ({
|
|
|
1248
1299
|
}
|
|
1249
1300
|
);
|
|
1250
1301
|
case "switch":
|
|
1251
|
-
return /* @__PURE__ */
|
|
1252
|
-
|
|
1302
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1303
|
+
import_antd6.Switch,
|
|
1253
1304
|
{
|
|
1254
1305
|
checked: !!value,
|
|
1255
1306
|
title,
|
|
@@ -1259,8 +1310,8 @@ var AntDValueEditor = ({
|
|
|
1259
1310
|
}
|
|
1260
1311
|
);
|
|
1261
1312
|
case "checkbox":
|
|
1262
|
-
return /* @__PURE__ */
|
|
1263
|
-
|
|
1313
|
+
return /* @__PURE__ */ React7.createElement("span", { title, className }, /* @__PURE__ */ React7.createElement(
|
|
1314
|
+
import_antd6.Checkbox,
|
|
1264
1315
|
{
|
|
1265
1316
|
type: "checkbox",
|
|
1266
1317
|
disabled,
|
|
@@ -1269,8 +1320,8 @@ var AntDValueEditor = ({
|
|
|
1269
1320
|
}
|
|
1270
1321
|
));
|
|
1271
1322
|
case "radio":
|
|
1272
|
-
return /* @__PURE__ */
|
|
1273
|
-
|
|
1323
|
+
return /* @__PURE__ */ React7.createElement("span", { className, title }, values.map((v) => /* @__PURE__ */ React7.createElement(
|
|
1324
|
+
import_antd6.Radio,
|
|
1274
1325
|
{
|
|
1275
1326
|
key: v.name,
|
|
1276
1327
|
value: v.name,
|
|
@@ -1283,28 +1334,36 @@ var AntDValueEditor = ({
|
|
|
1283
1334
|
}
|
|
1284
1335
|
switch (inputTypeCoerced) {
|
|
1285
1336
|
case "date":
|
|
1286
|
-
case "datetime-local":
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
(
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1337
|
+
case "datetime-local": {
|
|
1338
|
+
if (operator === "between" || operator === "notBetween") {
|
|
1339
|
+
const dayjsArray = valueAsArray.slice(0, 2).map(import_dayjs.default);
|
|
1340
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1341
|
+
DatePicker.RangePicker,
|
|
1342
|
+
{
|
|
1343
|
+
value: dayjsArray.every((d) => d.isValid()) ? dayjsArray : void 0,
|
|
1344
|
+
showTime: inputTypeCoerced === "datetime-local",
|
|
1345
|
+
className,
|
|
1346
|
+
disabled,
|
|
1347
|
+
placeholder: [placeHolderText, placeHolderText],
|
|
1348
|
+
onChange: (
|
|
1349
|
+
/* istanbul ignore next */
|
|
1350
|
+
(dates) => {
|
|
1351
|
+
const timeFormat = inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : "";
|
|
1352
|
+
const format = `YYYY-MM-DD${timeFormat}`;
|
|
1353
|
+
const dateArray = dates?.map((d) => d?.isValid() ? d.format(format) : void 0);
|
|
1354
|
+
handleOnChange(
|
|
1355
|
+
dateArray ? listsAsArrays ? dateArray : (0, import_react_querybuilder4.joinWith)(dateArray, ",") : dates
|
|
1356
|
+
);
|
|
1357
|
+
}
|
|
1358
|
+
)
|
|
1359
|
+
}
|
|
1360
|
+
);
|
|
1361
|
+
}
|
|
1362
|
+
const dateValue = (0, import_dayjs.default)(value);
|
|
1363
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1305
1364
|
DatePicker,
|
|
1306
1365
|
{
|
|
1307
|
-
value:
|
|
1366
|
+
value: dateValue.isValid() ? dateValue : void 0,
|
|
1308
1367
|
showTime: inputTypeCoerced === "datetime-local",
|
|
1309
1368
|
className,
|
|
1310
1369
|
disabled,
|
|
@@ -1312,20 +1371,23 @@ var AntDValueEditor = ({
|
|
|
1312
1371
|
onChange: (_d, dateString) => handleOnChange(dateString)
|
|
1313
1372
|
}
|
|
1314
1373
|
);
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1374
|
+
}
|
|
1375
|
+
case "time": {
|
|
1376
|
+
const dateValue = (0, import_dayjs.default)(value, "HH:mm:ss");
|
|
1377
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1378
|
+
DatePicker.TimePicker,
|
|
1318
1379
|
{
|
|
1319
|
-
value:
|
|
1380
|
+
value: dateValue.isValid() ? dateValue : void 0,
|
|
1320
1381
|
className,
|
|
1321
1382
|
disabled,
|
|
1322
1383
|
placeholder: placeHolderText,
|
|
1323
1384
|
onChange: (d) => handleOnChange(d?.format("HH:mm:ss") ?? "")
|
|
1324
1385
|
}
|
|
1325
1386
|
);
|
|
1387
|
+
}
|
|
1326
1388
|
}
|
|
1327
|
-
return /* @__PURE__ */
|
|
1328
|
-
|
|
1389
|
+
return /* @__PURE__ */ React7.createElement(
|
|
1390
|
+
import_antd6.Input,
|
|
1329
1391
|
{
|
|
1330
1392
|
type: inputTypeCoerced,
|
|
1331
1393
|
value,
|
|
@@ -1339,7 +1401,7 @@ var AntDValueEditor = ({
|
|
|
1339
1401
|
};
|
|
1340
1402
|
AntDValueEditor.displayName = "AntDValueEditor";
|
|
1341
1403
|
|
|
1342
|
-
// src/index.
|
|
1404
|
+
// src/index.tsx
|
|
1343
1405
|
var antdControlElements = {
|
|
1344
1406
|
addGroupAction: AntDActionElement,
|
|
1345
1407
|
addRuleAction: AntDActionElement,
|
|
@@ -1355,20 +1417,36 @@ var antdControlElements = {
|
|
|
1355
1417
|
removeRuleAction: AntDActionElement,
|
|
1356
1418
|
valueEditor: AntDValueEditor,
|
|
1357
1419
|
dragHandle: AntDDragHandle,
|
|
1358
|
-
valueSourceSelector: AntDValueSelector
|
|
1420
|
+
valueSourceSelector: AntDValueSelector,
|
|
1421
|
+
shiftActions: AntDShiftActions
|
|
1422
|
+
};
|
|
1423
|
+
var antdTranslations = {
|
|
1424
|
+
removeGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.CloseOutlined, null) },
|
|
1425
|
+
removeRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.CloseOutlined, null) },
|
|
1426
|
+
cloneRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.CopyOutlined, null) },
|
|
1427
|
+
cloneRuleGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.CopyOutlined, null) },
|
|
1428
|
+
lockGroup: { label: /* @__PURE__ */ React8.createElement(import_icons2.UnlockOutlined, null) },
|
|
1429
|
+
lockRule: { label: /* @__PURE__ */ React8.createElement(import_icons2.UnlockOutlined, null) },
|
|
1430
|
+
lockGroupDisabled: { label: /* @__PURE__ */ React8.createElement(import_icons2.LockOutlined, null) },
|
|
1431
|
+
lockRuleDisabled: { label: /* @__PURE__ */ React8.createElement(import_icons2.LockOutlined, null) },
|
|
1432
|
+
shiftActionUp: { label: /* @__PURE__ */ React8.createElement(import_icons2.UpOutlined, null) },
|
|
1433
|
+
shiftActionDown: { label: /* @__PURE__ */ React8.createElement(import_icons2.DownOutlined, null) }
|
|
1359
1434
|
};
|
|
1360
|
-
var QueryBuilderAntD = (0,
|
|
1435
|
+
var QueryBuilderAntD = (0, import_react_querybuilder5.getCompatContextProvider)({
|
|
1361
1436
|
key: "antd",
|
|
1362
|
-
controlElements: antdControlElements
|
|
1437
|
+
controlElements: antdControlElements,
|
|
1438
|
+
translations: antdTranslations
|
|
1363
1439
|
});
|
|
1364
1440
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1365
1441
|
0 && (module.exports = {
|
|
1366
1442
|
AntDActionElement,
|
|
1367
1443
|
AntDDragHandle,
|
|
1368
1444
|
AntDNotToggle,
|
|
1445
|
+
AntDShiftActions,
|
|
1369
1446
|
AntDValueEditor,
|
|
1370
1447
|
AntDValueSelector,
|
|
1371
1448
|
QueryBuilderAntD,
|
|
1372
|
-
antdControlElements
|
|
1449
|
+
antdControlElements,
|
|
1450
|
+
antdTranslations
|
|
1373
1451
|
});
|
|
1374
1452
|
//# sourceMappingURL=react-querybuilder_antd.cjs.development.js.map
|