@react-querybuilder/antd 6.1.4 → 6.2.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/dist/cjs/index.js +6 -0
- package/dist/cjs/react-querybuilder_antd.cjs.development.js +435 -0
- package/dist/cjs/react-querybuilder_antd.cjs.development.js.map +1 -0
- package/dist/cjs/react-querybuilder_antd.cjs.production.js +2 -0
- package/dist/cjs/react-querybuilder_antd.cjs.production.js.map +1 -0
- package/dist/react-querybuilder_antd.d.ts +41 -0
- package/dist/react-querybuilder_antd.legacy-esm.js +515 -0
- package/dist/react-querybuilder_antd.legacy-esm.js.map +1 -0
- package/dist/react-querybuilder_antd.mjs +399 -0
- package/dist/react-querybuilder_antd.mjs.map +1 -0
- package/dist/react-querybuilder_antd.production.mjs +2 -0
- package/dist/react-querybuilder_antd.production.mjs.map +1 -0
- package/package.json +22 -27
- package/dist/index.cjs +0 -234
- package/dist/index.cjs.map +0 -1
- package/dist/index.mjs +0 -15043
- package/dist/index.mjs.map +0 -1
- package/dist/types/AntD.test.d.ts +0 -5
- package/dist/types/AntD.test.d.ts.map +0 -1
- package/dist/types/AntDActionElement.d.ts +0 -10
- package/dist/types/AntDActionElement.d.ts.map +0 -1
- package/dist/types/AntDDragHandle.d.ts +0 -7
- package/dist/types/AntDDragHandle.d.ts.map +0 -1
- package/dist/types/AntDNotToggle.d.ts +0 -10
- package/dist/types/AntDNotToggle.d.ts.map +0 -1
- package/dist/types/AntDValueEditor.d.ts +0 -6
- package/dist/types/AntDValueEditor.d.ts.map +0 -1
- package/dist/types/AntDValueSelector.d.ts +0 -10
- package/dist/types/AntDValueSelector.d.ts.map +0 -1
- package/dist/types/index.d.ts +0 -10
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/utils.d.ts +0 -5
- package/dist/types/utils.d.ts.map +0 -1
- package/index.d.mts +0 -4
|
@@ -0,0 +1,435 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/index.ts
|
|
31
|
+
var src_exports = {};
|
|
32
|
+
__export(src_exports, {
|
|
33
|
+
AntDActionElement: () => AntDActionElement,
|
|
34
|
+
AntDDragHandle: () => AntDDragHandle,
|
|
35
|
+
AntDNotToggle: () => AntDNotToggle,
|
|
36
|
+
AntDValueEditor: () => AntDValueEditor,
|
|
37
|
+
AntDValueSelector: () => AntDValueSelector,
|
|
38
|
+
QueryBuilderAntD: () => QueryBuilderAntD,
|
|
39
|
+
antdControlElements: () => antdControlElements
|
|
40
|
+
});
|
|
41
|
+
module.exports = __toCommonJS(src_exports);
|
|
42
|
+
var import_react_querybuilder4 = require("react-querybuilder");
|
|
43
|
+
|
|
44
|
+
// src/AntDActionElement.tsx
|
|
45
|
+
var import_antd = require("antd");
|
|
46
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
47
|
+
var AntDActionElement = ({
|
|
48
|
+
className,
|
|
49
|
+
handleOnClick,
|
|
50
|
+
label,
|
|
51
|
+
title,
|
|
52
|
+
disabled,
|
|
53
|
+
disabledTranslation,
|
|
54
|
+
// Props that should not be in extraProps
|
|
55
|
+
testID: _testID,
|
|
56
|
+
rules: _rules,
|
|
57
|
+
level: _level,
|
|
58
|
+
path: _path,
|
|
59
|
+
context: _context,
|
|
60
|
+
validation: _validation,
|
|
61
|
+
ruleOrGroup: _ruleOrGroup,
|
|
62
|
+
schema: _schema,
|
|
63
|
+
...extraProps
|
|
64
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
65
|
+
import_antd.Button,
|
|
66
|
+
{
|
|
67
|
+
type: "primary",
|
|
68
|
+
className,
|
|
69
|
+
title: disabledTranslation && disabled ? disabledTranslation.title : title,
|
|
70
|
+
onClick: (e) => handleOnClick(e),
|
|
71
|
+
disabled: disabled && !disabledTranslation,
|
|
72
|
+
...extraProps,
|
|
73
|
+
children: disabledTranslation && disabled ? disabledTranslation.label : label
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
AntDActionElement.displayName = "AntDActionElement";
|
|
77
|
+
|
|
78
|
+
// src/AntDDragHandle.tsx
|
|
79
|
+
var import_icons = require("@ant-design/icons");
|
|
80
|
+
var import_react = require("react");
|
|
81
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
82
|
+
var AntDDragHandle = (0, import_react.forwardRef)(
|
|
83
|
+
({
|
|
84
|
+
className,
|
|
85
|
+
title,
|
|
86
|
+
// Props that should not be in extraProps
|
|
87
|
+
testID: _testID,
|
|
88
|
+
level: _level,
|
|
89
|
+
path: _path,
|
|
90
|
+
label: _label,
|
|
91
|
+
disabled: _disabled,
|
|
92
|
+
context: _context,
|
|
93
|
+
validation: _validation,
|
|
94
|
+
schema: _schema,
|
|
95
|
+
...extraProps
|
|
96
|
+
}, dragRef) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.HolderOutlined, { ref: dragRef, className, title, ...extraProps })
|
|
97
|
+
);
|
|
98
|
+
AntDDragHandle.displayName = "AntDDragHandle";
|
|
99
|
+
|
|
100
|
+
// src/AntDNotToggle.tsx
|
|
101
|
+
var import_antd2 = require("antd");
|
|
102
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
103
|
+
var AntDNotToggle = ({
|
|
104
|
+
className,
|
|
105
|
+
handleOnChange,
|
|
106
|
+
label,
|
|
107
|
+
checked,
|
|
108
|
+
title,
|
|
109
|
+
disabled,
|
|
110
|
+
// Props that should not be in extraProps
|
|
111
|
+
path: _path,
|
|
112
|
+
context: _context,
|
|
113
|
+
validation: _validation,
|
|
114
|
+
testID: _testID,
|
|
115
|
+
schema: _schema,
|
|
116
|
+
...extraProps
|
|
117
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
118
|
+
import_antd2.Switch,
|
|
119
|
+
{
|
|
120
|
+
title,
|
|
121
|
+
className,
|
|
122
|
+
onChange: (v) => handleOnChange(v),
|
|
123
|
+
checked: !!checked,
|
|
124
|
+
disabled,
|
|
125
|
+
checkedChildren: label,
|
|
126
|
+
unCheckedChildren: "=",
|
|
127
|
+
...extraProps
|
|
128
|
+
}
|
|
129
|
+
);
|
|
130
|
+
AntDNotToggle.displayName = "AntDNotToggle";
|
|
131
|
+
|
|
132
|
+
// src/AntDValueEditor.tsx
|
|
133
|
+
var import_antd5 = require("antd");
|
|
134
|
+
var import_generatePicker = __toESM(require("antd/es/date-picker/generatePicker/index.js"));
|
|
135
|
+
var import_dayjs = __toESM(require("dayjs"));
|
|
136
|
+
var import_dayjs2 = __toESM(require("rc-picker/lib/generate/dayjs"));
|
|
137
|
+
var import_react_querybuilder3 = require("react-querybuilder");
|
|
138
|
+
|
|
139
|
+
// src/AntDValueSelector.tsx
|
|
140
|
+
var import_antd4 = require("antd");
|
|
141
|
+
var import_react_querybuilder2 = require("react-querybuilder");
|
|
142
|
+
|
|
143
|
+
// src/utils.tsx
|
|
144
|
+
var import_antd3 = require("antd");
|
|
145
|
+
var import_react_querybuilder = require("react-querybuilder");
|
|
146
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
147
|
+
var { OptGroup, Option } = import_antd3.Select;
|
|
148
|
+
var toOptions = (arr) => (0, import_react_querybuilder.isOptionGroupArray)(arr) ? arr.map((og) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(OptGroup, { label: og.label, children: og.options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Option, { value: opt.name, children: opt.label }, opt.name)) }, og.label)) : Array.isArray(arr) ? arr.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Option, { value: opt.name, children: opt.label }, opt.name)) : (
|
|
149
|
+
/* istanbul ignore next */
|
|
150
|
+
null
|
|
151
|
+
);
|
|
152
|
+
|
|
153
|
+
// src/AntDValueSelector.tsx
|
|
154
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
155
|
+
var AntDValueSelector = ({
|
|
156
|
+
className,
|
|
157
|
+
handleOnChange,
|
|
158
|
+
options,
|
|
159
|
+
value,
|
|
160
|
+
title,
|
|
161
|
+
disabled,
|
|
162
|
+
multiple,
|
|
163
|
+
listsAsArrays,
|
|
164
|
+
// Props that should not be in extraProps
|
|
165
|
+
testID: _testID,
|
|
166
|
+
rules: _rules,
|
|
167
|
+
level: _level,
|
|
168
|
+
path: _path,
|
|
169
|
+
context: _context,
|
|
170
|
+
validation: _validation,
|
|
171
|
+
operator: _operator,
|
|
172
|
+
field: _field,
|
|
173
|
+
fieldData: _fieldData,
|
|
174
|
+
schema: _schema,
|
|
175
|
+
...extraProps
|
|
176
|
+
}) => {
|
|
177
|
+
const { onChange, val } = (0, import_react_querybuilder2.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
|
|
178
|
+
const modeObj = multiple ? { mode: "multiple" } : {};
|
|
179
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { title, className, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
180
|
+
import_antd4.Select,
|
|
181
|
+
{
|
|
182
|
+
...modeObj,
|
|
183
|
+
dropdownMatchSelectWidth: false,
|
|
184
|
+
disabled,
|
|
185
|
+
value: val,
|
|
186
|
+
onChange,
|
|
187
|
+
...extraProps,
|
|
188
|
+
children: toOptions(options)
|
|
189
|
+
}
|
|
190
|
+
) });
|
|
191
|
+
};
|
|
192
|
+
AntDValueSelector.displayName = "AntDValueSelector";
|
|
193
|
+
|
|
194
|
+
// src/AntDValueEditor.tsx
|
|
195
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
196
|
+
var import_react2 = require("react");
|
|
197
|
+
var DatePicker = (0, import_generatePicker.default)(import_dayjs2.default);
|
|
198
|
+
var AntDValueEditor = ({
|
|
199
|
+
fieldData,
|
|
200
|
+
operator,
|
|
201
|
+
value,
|
|
202
|
+
handleOnChange,
|
|
203
|
+
title,
|
|
204
|
+
className,
|
|
205
|
+
type,
|
|
206
|
+
inputType,
|
|
207
|
+
values = [],
|
|
208
|
+
listsAsArrays,
|
|
209
|
+
parseNumbers,
|
|
210
|
+
separator,
|
|
211
|
+
valueSource: _vs,
|
|
212
|
+
disabled,
|
|
213
|
+
testID,
|
|
214
|
+
selectorComponent: SelectorComponent = AntDValueSelector,
|
|
215
|
+
...props
|
|
216
|
+
}) => {
|
|
217
|
+
const { valueAsArray, multiValueHandler } = (0, import_react_querybuilder3.useValueEditor)({
|
|
218
|
+
handleOnChange,
|
|
219
|
+
inputType,
|
|
220
|
+
operator,
|
|
221
|
+
value,
|
|
222
|
+
type,
|
|
223
|
+
listsAsArrays,
|
|
224
|
+
parseNumbers,
|
|
225
|
+
values
|
|
226
|
+
});
|
|
227
|
+
if (operator === "null" || operator === "notNull") {
|
|
228
|
+
return null;
|
|
229
|
+
}
|
|
230
|
+
const placeHolderText = fieldData?.placeholder ?? "";
|
|
231
|
+
const inputTypeCoerced = ["in", "notIn"].includes(operator) ? "text" : inputType || "text";
|
|
232
|
+
if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text") && // Date ranges are handled differently in AntD--see below
|
|
233
|
+
inputTypeCoerced !== "date" && inputTypeCoerced !== "datetime-local") {
|
|
234
|
+
const editors = ["from", "to"].map((key, i) => {
|
|
235
|
+
if (type === "text") {
|
|
236
|
+
if (inputTypeCoerced === "time") {
|
|
237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
238
|
+
import_antd5.TimePicker,
|
|
239
|
+
{
|
|
240
|
+
value: valueAsArray[i] ? (0, import_dayjs.default)(valueAsArray[i], "HH:mm:ss") : null,
|
|
241
|
+
className: import_react_querybuilder3.standardClassnames.valueListItem,
|
|
242
|
+
disabled,
|
|
243
|
+
placeholder: placeHolderText,
|
|
244
|
+
onChange: (d) => multiValueHandler(d?.format("HH:mm:ss") ?? "", i)
|
|
245
|
+
},
|
|
246
|
+
key
|
|
247
|
+
);
|
|
248
|
+
}
|
|
249
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
250
|
+
import_antd5.Input,
|
|
251
|
+
{
|
|
252
|
+
type: inputTypeCoerced,
|
|
253
|
+
value: valueAsArray[i] ?? "",
|
|
254
|
+
className: import_react_querybuilder3.standardClassnames.valueListItem,
|
|
255
|
+
disabled,
|
|
256
|
+
placeholder: placeHolderText,
|
|
257
|
+
onChange: (e) => multiValueHandler(e.target.value, i)
|
|
258
|
+
},
|
|
259
|
+
key
|
|
260
|
+
);
|
|
261
|
+
}
|
|
262
|
+
return /* @__PURE__ */ (0, import_react2.createElement)(
|
|
263
|
+
SelectorComponent,
|
|
264
|
+
{
|
|
265
|
+
...props,
|
|
266
|
+
key,
|
|
267
|
+
className: import_react_querybuilder3.standardClassnames.valueListItem,
|
|
268
|
+
handleOnChange: (v) => multiValueHandler(v, i),
|
|
269
|
+
disabled,
|
|
270
|
+
value: valueAsArray[i] ?? (0, import_react_querybuilder3.getFirstOption)(values),
|
|
271
|
+
options: values,
|
|
272
|
+
listsAsArrays
|
|
273
|
+
}
|
|
274
|
+
);
|
|
275
|
+
});
|
|
276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { "data-testid": testID, className, title, children: [
|
|
277
|
+
editors[0],
|
|
278
|
+
separator,
|
|
279
|
+
editors[1]
|
|
280
|
+
] });
|
|
281
|
+
}
|
|
282
|
+
switch (type) {
|
|
283
|
+
case "select":
|
|
284
|
+
case "multiselect":
|
|
285
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
286
|
+
SelectorComponent,
|
|
287
|
+
{
|
|
288
|
+
...props,
|
|
289
|
+
className,
|
|
290
|
+
handleOnChange,
|
|
291
|
+
options: values,
|
|
292
|
+
value,
|
|
293
|
+
title,
|
|
294
|
+
disabled,
|
|
295
|
+
multiple: type === "multiselect",
|
|
296
|
+
listsAsArrays
|
|
297
|
+
}
|
|
298
|
+
);
|
|
299
|
+
case "textarea":
|
|
300
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
301
|
+
import_antd5.Input.TextArea,
|
|
302
|
+
{
|
|
303
|
+
value,
|
|
304
|
+
title,
|
|
305
|
+
className,
|
|
306
|
+
disabled,
|
|
307
|
+
placeholder: placeHolderText,
|
|
308
|
+
onChange: (e) => handleOnChange(e.target.value)
|
|
309
|
+
}
|
|
310
|
+
);
|
|
311
|
+
case "switch":
|
|
312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
313
|
+
import_antd5.Switch,
|
|
314
|
+
{
|
|
315
|
+
checked: !!value,
|
|
316
|
+
title,
|
|
317
|
+
className,
|
|
318
|
+
disabled,
|
|
319
|
+
onChange: (v) => handleOnChange(v)
|
|
320
|
+
}
|
|
321
|
+
);
|
|
322
|
+
case "checkbox":
|
|
323
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { title, className, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
324
|
+
import_antd5.Checkbox,
|
|
325
|
+
{
|
|
326
|
+
type: "checkbox",
|
|
327
|
+
disabled,
|
|
328
|
+
onChange: (e) => handleOnChange(e.target.checked),
|
|
329
|
+
checked: !!value
|
|
330
|
+
}
|
|
331
|
+
) });
|
|
332
|
+
case "radio":
|
|
333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className, title, children: values.map((v) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
334
|
+
import_antd5.Radio,
|
|
335
|
+
{
|
|
336
|
+
value: v.name,
|
|
337
|
+
checked: value === v.name,
|
|
338
|
+
disabled,
|
|
339
|
+
onChange: (e) => handleOnChange(e.target.value),
|
|
340
|
+
children: v.label
|
|
341
|
+
},
|
|
342
|
+
v.name
|
|
343
|
+
)) });
|
|
344
|
+
}
|
|
345
|
+
switch (inputTypeCoerced) {
|
|
346
|
+
case "date":
|
|
347
|
+
case "datetime-local":
|
|
348
|
+
return operator === "between" || operator === "notBetween" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
349
|
+
DatePicker.RangePicker,
|
|
350
|
+
{
|
|
351
|
+
value: (0, import_react_querybuilder3.toArray)(value)?.length >= 2 ? (0, import_react_querybuilder3.toArray)(value).map((v) => (0, import_dayjs.default)(v)) : void 0,
|
|
352
|
+
showTime: inputTypeCoerced === "datetime-local",
|
|
353
|
+
className,
|
|
354
|
+
disabled,
|
|
355
|
+
placeholder: [placeHolderText, placeHolderText],
|
|
356
|
+
onChange: (
|
|
357
|
+
/* istanbul ignore next */
|
|
358
|
+
(dates) => {
|
|
359
|
+
const format = `YYYY-MM-DD${inputTypeCoerced === "datetime-local" ? "THH:mm:ss" : ""}`;
|
|
360
|
+
const dateArray = dates?.map((d) => d?.format(format));
|
|
361
|
+
handleOnChange(dateArray ? listsAsArrays ? dateArray : dateArray.join(",") : dates);
|
|
362
|
+
}
|
|
363
|
+
)
|
|
364
|
+
}
|
|
365
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
366
|
+
DatePicker,
|
|
367
|
+
{
|
|
368
|
+
value: value ? (0, import_dayjs.default)(value) : null,
|
|
369
|
+
showTime: inputTypeCoerced === "datetime-local",
|
|
370
|
+
className,
|
|
371
|
+
disabled,
|
|
372
|
+
placeholder: placeHolderText,
|
|
373
|
+
onChange: (_d, dateString) => handleOnChange(dateString)
|
|
374
|
+
}
|
|
375
|
+
);
|
|
376
|
+
case "time":
|
|
377
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
378
|
+
import_antd5.TimePicker,
|
|
379
|
+
{
|
|
380
|
+
value: value ? (0, import_dayjs.default)(value, "HH:mm:ss") : null,
|
|
381
|
+
className,
|
|
382
|
+
disabled,
|
|
383
|
+
placeholder: placeHolderText,
|
|
384
|
+
onChange: (d) => handleOnChange(d?.format("HH:mm:ss") ?? "")
|
|
385
|
+
}
|
|
386
|
+
);
|
|
387
|
+
}
|
|
388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
389
|
+
import_antd5.Input,
|
|
390
|
+
{
|
|
391
|
+
type: inputTypeCoerced,
|
|
392
|
+
value,
|
|
393
|
+
title,
|
|
394
|
+
className,
|
|
395
|
+
disabled,
|
|
396
|
+
placeholder: placeHolderText,
|
|
397
|
+
onChange: (e) => handleOnChange(e.target.value)
|
|
398
|
+
}
|
|
399
|
+
);
|
|
400
|
+
};
|
|
401
|
+
AntDValueEditor.displayName = "AntDValueEditor";
|
|
402
|
+
|
|
403
|
+
// src/index.ts
|
|
404
|
+
var antdControlElements = {
|
|
405
|
+
addGroupAction: AntDActionElement,
|
|
406
|
+
addRuleAction: AntDActionElement,
|
|
407
|
+
cloneGroupAction: AntDActionElement,
|
|
408
|
+
cloneRuleAction: AntDActionElement,
|
|
409
|
+
lockGroupAction: AntDActionElement,
|
|
410
|
+
lockRuleAction: AntDActionElement,
|
|
411
|
+
combinatorSelector: AntDValueSelector,
|
|
412
|
+
fieldSelector: AntDValueSelector,
|
|
413
|
+
notToggle: AntDNotToggle,
|
|
414
|
+
operatorSelector: AntDValueSelector,
|
|
415
|
+
removeGroupAction: AntDActionElement,
|
|
416
|
+
removeRuleAction: AntDActionElement,
|
|
417
|
+
valueEditor: AntDValueEditor,
|
|
418
|
+
dragHandle: AntDDragHandle,
|
|
419
|
+
valueSourceSelector: AntDValueSelector
|
|
420
|
+
};
|
|
421
|
+
var QueryBuilderAntD = (0, import_react_querybuilder4.getCompatContextProvider)({
|
|
422
|
+
key: "antd",
|
|
423
|
+
controlElements: antdControlElements
|
|
424
|
+
});
|
|
425
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
426
|
+
0 && (module.exports = {
|
|
427
|
+
AntDActionElement,
|
|
428
|
+
AntDDragHandle,
|
|
429
|
+
AntDNotToggle,
|
|
430
|
+
AntDValueEditor,
|
|
431
|
+
AntDValueSelector,
|
|
432
|
+
QueryBuilderAntD,
|
|
433
|
+
antdControlElements
|
|
434
|
+
});
|
|
435
|
+
//# sourceMappingURL=react-querybuilder_antd.cjs.development.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/AntDActionElement.tsx","../../src/AntDDragHandle.tsx","../../src/AntDNotToggle.tsx","../../src/AntDValueEditor.tsx","../../src/AntDValueSelector.tsx","../../src/utils.tsx"],"sourcesContent":["import type { Controls } from '@react-querybuilder/ts';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { AntDActionElement } from './AntDActionElement';\nimport { AntDDragHandle } from './AntDDragHandle';\nimport { AntDNotToggle } from './AntDNotToggle';\nimport { AntDValueEditor } from './AntDValueEditor';\nimport { AntDValueSelector } from './AntDValueSelector';\nexport { AntDActionElement, AntDDragHandle, AntDNotToggle, AntDValueEditor, AntDValueSelector };\n\nexport const antdControlElements: Partial<Controls> = {\n addGroupAction: AntDActionElement,\n addRuleAction: AntDActionElement,\n cloneGroupAction: AntDActionElement,\n cloneRuleAction: AntDActionElement,\n lockGroupAction: AntDActionElement,\n lockRuleAction: AntDActionElement,\n combinatorSelector: AntDValueSelector,\n fieldSelector: AntDValueSelector,\n notToggle: AntDNotToggle,\n operatorSelector: AntDValueSelector,\n removeGroupAction: AntDActionElement,\n removeRuleAction: AntDActionElement,\n valueEditor: AntDValueEditor,\n dragHandle: AntDDragHandle,\n valueSourceSelector: AntDValueSelector,\n};\n\nexport const QueryBuilderAntD = getCompatContextProvider({\n key: 'antd',\n controlElements: antdControlElements,\n});\n","import type { ActionWithRulesProps } from '@react-querybuilder/ts';\nimport { Button } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\n\n// TODO: This may be unnecessary. Find out if there's a way to allow\n// `data-${string}` index keys without breaking other type contraints.\ntype RemoveDataIndexKeys<T> = {\n [K in keyof T as `data-${string}` extends K ? never : K]: T[K];\n};\n\ntype AntDActionProps = ActionWithRulesProps &\n RemoveDataIndexKeys<ComponentPropsWithoutRef<typeof Button>>;\n\nexport const AntDActionElement = ({\n className,\n handleOnClick,\n label,\n title,\n disabled,\n disabledTranslation,\n // Props that should not be in extraProps\n testID: _testID,\n rules: _rules,\n level: _level,\n path: _path,\n context: _context,\n validation: _validation,\n ruleOrGroup: _ruleOrGroup,\n schema: _schema,\n ...extraProps\n}: AntDActionProps) => (\n <Button\n type=\"primary\"\n className={className}\n title={disabledTranslation && disabled ? disabledTranslation.title : title}\n onClick={e => handleOnClick(e)}\n disabled={disabled && !disabledTranslation}\n {...extraProps}>\n {disabledTranslation && disabled ? disabledTranslation.label : label}\n </Button>\n);\n\nAntDActionElement.displayName = 'AntDActionElement';\n","import { HolderOutlined } from '@ant-design/icons';\nimport type { DragHandleProps } from '@react-querybuilder/ts';\nimport type { ComponentPropsWithRef } from 'react';\nimport { forwardRef } from 'react';\n\ntype AntDDragHandleProps = DragHandleProps & ComponentPropsWithRef<typeof HolderOutlined>;\n\nexport const AntDDragHandle = forwardRef<HTMLSpanElement, AntDDragHandleProps>(\n (\n {\n className,\n title,\n // Props that should not be in extraProps\n testID: _testID,\n level: _level,\n path: _path,\n label: _label,\n disabled: _disabled,\n context: _context,\n validation: _validation,\n schema: _schema,\n ...extraProps\n },\n dragRef\n ) => <HolderOutlined ref={dragRef} className={className} title={title} {...extraProps} />\n);\n\nAntDDragHandle.displayName = 'AntDDragHandle';\n","import type { NotToggleProps } from '@react-querybuilder/ts';\nimport { Switch } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\n\ntype AntDNotToggleProps = NotToggleProps & ComponentPropsWithoutRef<typeof Switch>;\n\nexport const AntDNotToggle = ({\n className,\n handleOnChange,\n label,\n checked,\n title,\n disabled,\n // Props that should not be in extraProps\n path: _path,\n context: _context,\n validation: _validation,\n testID: _testID,\n schema: _schema,\n ...extraProps\n}: AntDNotToggleProps) => (\n <Switch\n title={title}\n className={className}\n onChange={v => handleOnChange(v)}\n checked={!!checked}\n disabled={disabled}\n checkedChildren={label}\n unCheckedChildren=\"=\"\n {...extraProps}\n />\n);\n\nAntDNotToggle.displayName = 'AntDNotToggle';\n","import { Checkbox, Input, Radio, Switch, TimePicker } from 'antd';\nimport generatePicker from 'antd/es/date-picker/generatePicker/index.js';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';\nimport {\n getFirstOption,\n standardClassnames,\n toArray,\n useValueEditor,\n type ValueEditorProps,\n} from 'react-querybuilder';\nimport { AntDValueSelector } from './AntDValueSelector';\n\nconst DatePicker = generatePicker(dayjsGenerateConfig);\n\nexport const AntDValueEditor = ({\n fieldData,\n operator,\n value,\n handleOnChange,\n title,\n className,\n type,\n inputType,\n values = [],\n listsAsArrays,\n parseNumbers,\n separator,\n valueSource: _vs,\n disabled,\n testID,\n selectorComponent: SelectorComponent = AntDValueSelector,\n ...props\n}: ValueEditorProps) => {\n const { valueAsArray, multiValueHandler } = useValueEditor({\n handleOnChange,\n inputType,\n operator,\n value,\n type,\n listsAsArrays,\n parseNumbers,\n values,\n });\n\n if (operator === 'null' || operator === 'notNull') {\n return null;\n }\n\n const placeHolderText = fieldData?.placeholder ?? '';\n const inputTypeCoerced = ['in', 'notIn'].includes(operator) ? 'text' : inputType || 'text';\n\n if (\n (operator === 'between' || operator === 'notBetween') &&\n (type === 'select' || type === 'text') &&\n // Date ranges are handled differently in AntD--see below\n inputTypeCoerced !== 'date' &&\n inputTypeCoerced !== 'datetime-local'\n ) {\n const editors = ['from', 'to'].map((key, i) => {\n if (type === 'text') {\n if (inputTypeCoerced === 'time') {\n return (\n <TimePicker\n key={key}\n value={valueAsArray[i] ? dayjs(valueAsArray[i], 'HH:mm:ss') : null}\n className={standardClassnames.valueListItem}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={d => multiValueHandler(d?.format('HH:mm:ss') ?? '', i)}\n />\n );\n }\n return (\n <Input\n key={key}\n type={inputTypeCoerced}\n value={valueAsArray[i] ?? ''}\n className={standardClassnames.valueListItem}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={e => multiValueHandler(e.target.value, i)}\n />\n );\n }\n return (\n <SelectorComponent\n {...props}\n key={key}\n className={standardClassnames.valueListItem}\n handleOnChange={v => multiValueHandler(v, i)}\n disabled={disabled}\n value={valueAsArray[i] ?? getFirstOption(values)}\n options={values}\n listsAsArrays={listsAsArrays}\n />\n );\n });\n return (\n <span data-testid={testID} className={className} title={title}>\n {editors[0]}\n {separator}\n {editors[1]}\n </span>\n );\n }\n\n switch (type) {\n case 'select':\n case 'multiselect':\n return (\n <SelectorComponent\n {...props}\n className={className}\n handleOnChange={handleOnChange}\n options={values}\n value={value}\n title={title}\n disabled={disabled}\n multiple={type === 'multiselect'}\n listsAsArrays={listsAsArrays}\n />\n );\n\n case 'textarea':\n return (\n <Input.TextArea\n value={value}\n title={title}\n className={className}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={e => handleOnChange(e.target.value)}\n />\n );\n\n case 'switch':\n return (\n <Switch\n checked={!!value}\n title={title}\n className={className}\n disabled={disabled}\n onChange={v => handleOnChange(v)}\n />\n );\n\n case 'checkbox':\n return (\n <span title={title} className={className}>\n <Checkbox\n type=\"checkbox\"\n disabled={disabled}\n onChange={e => handleOnChange(e.target.checked)}\n checked={!!value}\n />\n </span>\n );\n\n case 'radio':\n return (\n <span className={className} title={title}>\n {values.map(v => (\n <Radio\n key={v.name}\n value={v.name}\n checked={value === v.name}\n disabled={disabled}\n onChange={e => handleOnChange(e.target.value)}>\n {v.label}\n </Radio>\n ))}\n </span>\n );\n }\n\n switch (inputTypeCoerced) {\n case 'date':\n case 'datetime-local':\n return operator === 'between' || operator === 'notBetween' ? (\n <DatePicker.RangePicker\n value={\n toArray(value)?.length >= 2\n ? (toArray(value).map(v => dayjs(v)) as [Dayjs, Dayjs])\n : undefined\n }\n showTime={inputTypeCoerced === 'datetime-local'}\n className={className}\n disabled={disabled}\n placeholder={[placeHolderText, placeHolderText]}\n // TODO: the function below is currently untested (see the\n // \"should render a date range picker\" test in ./AntD.test.tsx)\n onChange={\n /* istanbul ignore next */\n dates => {\n const format = `YYYY-MM-DD${\n inputTypeCoerced === 'datetime-local' ? 'THH:mm:ss' : ''\n }`;\n const dateArray = dates?.map(d => d?.format(format));\n handleOnChange(dateArray ? (listsAsArrays ? dateArray : dateArray.join(',')) : dates);\n }\n }\n />\n ) : (\n <DatePicker\n value={value ? dayjs(value) : null}\n showTime={inputTypeCoerced === 'datetime-local'}\n className={className}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={(_d, dateString) => handleOnChange(dateString)}\n />\n );\n\n case 'time':\n return (\n <TimePicker\n value={value ? dayjs(value, 'HH:mm:ss') : null}\n className={className}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={d => handleOnChange(d?.format('HH:mm:ss') ?? '')}\n />\n );\n }\n\n return (\n <Input\n type={inputTypeCoerced}\n value={value}\n title={title}\n className={className}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={e => handleOnChange(e.target.value)}\n />\n );\n};\n\nAntDValueEditor.displayName = 'AntDValueEditor';\n","import type { VersatileSelectorProps } from '@react-querybuilder/ts';\nimport { Select } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useValueSelector } from 'react-querybuilder';\nimport { toOptions } from './utils';\n\ntype AntDValueSelectorProps = VersatileSelectorProps &\n Omit<ComponentPropsWithoutRef<typeof Select>, 'onChange' | 'defaultValue'>;\n\nexport const AntDValueSelector = ({\n className,\n handleOnChange,\n options,\n value,\n title,\n disabled,\n multiple,\n listsAsArrays,\n // Props that should not be in extraProps\n testID: _testID,\n rules: _rules,\n level: _level,\n path: _path,\n context: _context,\n validation: _validation,\n operator: _operator,\n field: _field,\n fieldData: _fieldData,\n schema: _schema,\n ...extraProps\n}: AntDValueSelectorProps) => {\n const { onChange, val } = useValueSelector({ handleOnChange, listsAsArrays, multiple, value });\n\n const modeObj = multiple ? { mode: 'multiple' as const } : {};\n\n return (\n <span title={title} className={className}>\n <Select\n {...modeObj}\n dropdownMatchSelectWidth={false}\n disabled={disabled}\n value={val}\n onChange={onChange}\n {...extraProps}>\n {toOptions(options)}\n </Select>\n </span>\n );\n};\n\nAntDValueSelector.displayName = 'AntDValueSelector';\n","import type { OptionList } from '@react-querybuilder/ts';\nimport { Select } from 'antd';\nimport { isOptionGroupArray } from 'react-querybuilder';\n\nconst { OptGroup, Option } = Select;\n\nexport { isOptionGroupArray };\n\nexport const toOptions = (arr?: OptionList) =>\n isOptionGroupArray(arr)\n ? arr.map(og => (\n <OptGroup key={og.label} label={og.label}>\n {og.options.map(opt => (\n <Option key={opt.name} value={opt.name}>\n {opt.label}\n </Option>\n ))}\n </OptGroup>\n ))\n : Array.isArray(arr)\n ? arr.map(opt => (\n <Option key={opt.name} value={opt.name}>\n {opt.label}\n </Option>\n ))\n : /* istanbul ignore next */ null;\n"],"mappings":"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","names":["import_react_querybuilder","import_jsx_runtime","import_antd","import_jsx_runtime","import_antd","import_dayjs","import_react_querybuilder","import_antd","import_react_querybuilder","import_antd","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","generatePicker","dayjsGenerateConfig","dayjs"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var ae=Object.create;var R=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty;var pe=(o,e)=>{for(var t in e)R(o,t,{get:e[t],enumerable:!0})},G=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of ne(e))!se.call(o,a)&&a!==t&&R(o,a,{get:()=>e[a],enumerable:!(n=le(e,a))||n.enumerable});return o};var O=(o,e,t)=>(t=o!=null?ae(ie(o)):{},G(e||!o||!o.__esModule?R(t,"default",{value:o,enumerable:!0}):t,o)),me=o=>G(R({},"__esModule",{value:!0}),o);var ue={};pe(ue,{AntDActionElement:()=>u,AntDDragHandle:()=>V,AntDNotToggle:()=>w,AntDValueEditor:()=>T,AntDValueSelector:()=>A,QueryBuilderAntD:()=>de,antdControlElements:()=>re});module.exports=me(ue);var oe=require("react-querybuilder");var q=require("antd"),B=require("react/jsx-runtime"),u=({className:o,handleOnClick:e,label:t,title:n,disabled:a,disabledTranslation:l,testID:m,rules:_,level:y,path:g,context:v,validation:P,ruleOrGroup:S,schema:s,...N})=>(0,B.jsx)(q.Button,{type:"primary",className:o,title:l&&a?l.title:n,onClick:x=>e(x),disabled:a&&!l,...N,children:l&&a?l.label:t});u.displayName="AntDActionElement";var K=require("@ant-design/icons"),L=require("react"),M=require("react/jsx-runtime"),V=(0,L.forwardRef)(({className:o,title:e,testID:t,level:n,path:a,label:l,disabled:m,context:_,validation:y,schema:g,...v},P)=>(0,M.jsx)(K.HolderOutlined,{ref:P,className:o,title:e,...v}));V.displayName="AntDDragHandle";var Y=require("antd"),j=require("react/jsx-runtime"),w=({className:o,handleOnChange:e,label:t,checked:n,title:a,disabled:l,path:m,context:_,validation:y,testID:g,schema:v,...P})=>(0,j.jsx)(Y.Switch,{title:a,className:o,onChange:S=>e(S),checked:!!n,disabled:l,checkedChildren:t,unCheckedChildren:"=",...P});w.displayName="AntDNotToggle";var p=require("antd"),Z=O(require("antd/es/date-picker/generatePicker/index.js")),H=O(require("dayjs")),ee=O(require("rc-picker/lib/generate/dayjs")),f=require("react-querybuilder");var J=require("antd"),U=require("react-querybuilder");var F=require("antd"),Q=require("react-querybuilder"),I=require("react/jsx-runtime"),{OptGroup:ce,Option:$}=F.Select;var z=o=>(0,Q.isOptionGroupArray)(o)?o.map(e=>(0,I.jsx)(ce,{label:e.label,children:e.options.map(t=>(0,I.jsx)($,{value:t.name,children:t.label},t.name))},e.label)):Array.isArray(o)?o.map(e=>(0,I.jsx)($,{value:e.name,children:e.label},e.name)):null;var W=require("react/jsx-runtime"),A=({className:o,handleOnChange:e,options:t,value:n,title:a,disabled:l,multiple:m,listsAsArrays:_,testID:y,rules:g,level:v,path:P,context:S,validation:s,operator:N,field:x,fieldData:E,schema:k,...b})=>{let{onChange:h,val:c}=(0,U.useValueSelector)({handleOnChange:e,listsAsArrays:_,multiple:m,value:n});return(0,W.jsx)("span",{title:a,className:o,children:(0,W.jsx)(J.Select,{...m?{mode:"multiple"}:{},dropdownMatchSelectWidth:!1,disabled:l,value:c,onChange:h,...b,children:z(t)})})};A.displayName="AntDValueSelector";var i=require("react/jsx-runtime"),te=require("react"),X=(0,Z.default)(ee.default),T=({fieldData:o,operator:e,value:t,handleOnChange:n,title:a,className:l,type:m,inputType:_,values:y=[],listsAsArrays:g,parseNumbers:v,separator:P,valueSource:S,disabled:s,testID:N,selectorComponent:x=A,...E})=>{let{valueAsArray:k,multiValueHandler:b}=(0,f.useValueEditor)({handleOnChange:n,inputType:_,operator:e,value:t,type:m,listsAsArrays:g,parseNumbers:v,values:y});if(e==="null"||e==="notNull")return null;let h=o?.placeholder??"",c=["in","notIn"].includes(e)?"text":_||"text";if((e==="between"||e==="notBetween")&&(m==="select"||m==="text")&&c!=="date"&&c!=="datetime-local"){let r=["from","to"].map((D,d)=>m==="text"?c==="time"?(0,i.jsx)(p.TimePicker,{value:k[d]?(0,H.default)(k[d],"HH:mm:ss"):null,className:f.standardClassnames.valueListItem,disabled:s,placeholder:h,onChange:C=>b(C?.format("HH:mm:ss")??"",d)},D):(0,i.jsx)(p.Input,{type:c,value:k[d]??"",className:f.standardClassnames.valueListItem,disabled:s,placeholder:h,onChange:C=>b(C.target.value,d)},D):(0,te.createElement)(x,{...E,key:D,className:f.standardClassnames.valueListItem,handleOnChange:C=>b(C,d),disabled:s,value:k[d]??(0,f.getFirstOption)(y),options:y,listsAsArrays:g}));return(0,i.jsxs)("span",{"data-testid":N,className:l,title:a,children:[r[0],P,r[1]]})}switch(m){case"select":case"multiselect":return(0,i.jsx)(x,{...E,className:l,handleOnChange:n,options:y,value:t,title:a,disabled:s,multiple:m==="multiselect",listsAsArrays:g});case"textarea":return(0,i.jsx)(p.Input.TextArea,{value:t,title:a,className:l,disabled:s,placeholder:h,onChange:r=>n(r.target.value)});case"switch":return(0,i.jsx)(p.Switch,{checked:!!t,title:a,className:l,disabled:s,onChange:r=>n(r)});case"checkbox":return(0,i.jsx)("span",{title:a,className:l,children:(0,i.jsx)(p.Checkbox,{type:"checkbox",disabled:s,onChange:r=>n(r.target.checked),checked:!!t})});case"radio":return(0,i.jsx)("span",{className:l,title:a,children:y.map(r=>(0,i.jsx)(p.Radio,{value:r.name,checked:t===r.name,disabled:s,onChange:D=>n(D.target.value),children:r.label},r.name))})}switch(c){case"date":case"datetime-local":return e==="between"||e==="notBetween"?(0,i.jsx)(X.RangePicker,{value:(0,f.toArray)(t)?.length>=2?(0,f.toArray)(t).map(r=>(0,H.default)(r)):void 0,showTime:c==="datetime-local",className:l,disabled:s,placeholder:[h,h],onChange:r=>{let D=`YYYY-MM-DD${c==="datetime-local"?"THH:mm:ss":""}`,d=r?.map(C=>C?.format(D));n(d?g?d:d.join(","):r)}}):(0,i.jsx)(X,{value:t?(0,H.default)(t):null,showTime:c==="datetime-local",className:l,disabled:s,placeholder:h,onChange:(r,D)=>n(D)});case"time":return(0,i.jsx)(p.TimePicker,{value:t?(0,H.default)(t,"HH:mm:ss"):null,className:l,disabled:s,placeholder:h,onChange:r=>n(r?.format("HH:mm:ss")??"")})}return(0,i.jsx)(p.Input,{type:c,value:t,title:a,className:l,disabled:s,placeholder:h,onChange:r=>n(r.target.value)})};T.displayName="AntDValueEditor";var re={addGroupAction:u,addRuleAction:u,cloneGroupAction:u,cloneRuleAction:u,lockGroupAction:u,lockRuleAction:u,combinatorSelector:A,fieldSelector:A,notToggle:w,operatorSelector:A,removeGroupAction:u,removeRuleAction:u,valueEditor:T,dragHandle:V,valueSourceSelector:A},de=(0,oe.getCompatContextProvider)({key:"antd",controlElements:re});0&&(module.exports={AntDActionElement,AntDDragHandle,AntDNotToggle,AntDValueEditor,AntDValueSelector,QueryBuilderAntD,antdControlElements});
|
|
2
|
+
//# sourceMappingURL=react-querybuilder_antd.cjs.production.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/AntDActionElement.tsx","../../src/AntDDragHandle.tsx","../../src/AntDNotToggle.tsx","../../src/AntDValueEditor.tsx","../../src/AntDValueSelector.tsx","../../src/utils.tsx"],"sourcesContent":["import type { Controls } from '@react-querybuilder/ts';\nimport { getCompatContextProvider } from 'react-querybuilder';\nimport { AntDActionElement } from './AntDActionElement';\nimport { AntDDragHandle } from './AntDDragHandle';\nimport { AntDNotToggle } from './AntDNotToggle';\nimport { AntDValueEditor } from './AntDValueEditor';\nimport { AntDValueSelector } from './AntDValueSelector';\nexport { AntDActionElement, AntDDragHandle, AntDNotToggle, AntDValueEditor, AntDValueSelector };\n\nexport const antdControlElements: Partial<Controls> = {\n addGroupAction: AntDActionElement,\n addRuleAction: AntDActionElement,\n cloneGroupAction: AntDActionElement,\n cloneRuleAction: AntDActionElement,\n lockGroupAction: AntDActionElement,\n lockRuleAction: AntDActionElement,\n combinatorSelector: AntDValueSelector,\n fieldSelector: AntDValueSelector,\n notToggle: AntDNotToggle,\n operatorSelector: AntDValueSelector,\n removeGroupAction: AntDActionElement,\n removeRuleAction: AntDActionElement,\n valueEditor: AntDValueEditor,\n dragHandle: AntDDragHandle,\n valueSourceSelector: AntDValueSelector,\n};\n\nexport const QueryBuilderAntD = getCompatContextProvider({\n key: 'antd',\n controlElements: antdControlElements,\n});\n","import type { ActionWithRulesProps } from '@react-querybuilder/ts';\nimport { Button } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\n\n// TODO: This may be unnecessary. Find out if there's a way to allow\n// `data-${string}` index keys without breaking other type contraints.\ntype RemoveDataIndexKeys<T> = {\n [K in keyof T as `data-${string}` extends K ? never : K]: T[K];\n};\n\ntype AntDActionProps = ActionWithRulesProps &\n RemoveDataIndexKeys<ComponentPropsWithoutRef<typeof Button>>;\n\nexport const AntDActionElement = ({\n className,\n handleOnClick,\n label,\n title,\n disabled,\n disabledTranslation,\n // Props that should not be in extraProps\n testID: _testID,\n rules: _rules,\n level: _level,\n path: _path,\n context: _context,\n validation: _validation,\n ruleOrGroup: _ruleOrGroup,\n schema: _schema,\n ...extraProps\n}: AntDActionProps) => (\n <Button\n type=\"primary\"\n className={className}\n title={disabledTranslation && disabled ? disabledTranslation.title : title}\n onClick={e => handleOnClick(e)}\n disabled={disabled && !disabledTranslation}\n {...extraProps}>\n {disabledTranslation && disabled ? disabledTranslation.label : label}\n </Button>\n);\n\nAntDActionElement.displayName = 'AntDActionElement';\n","import { HolderOutlined } from '@ant-design/icons';\nimport type { DragHandleProps } from '@react-querybuilder/ts';\nimport type { ComponentPropsWithRef } from 'react';\nimport { forwardRef } from 'react';\n\ntype AntDDragHandleProps = DragHandleProps & ComponentPropsWithRef<typeof HolderOutlined>;\n\nexport const AntDDragHandle = forwardRef<HTMLSpanElement, AntDDragHandleProps>(\n (\n {\n className,\n title,\n // Props that should not be in extraProps\n testID: _testID,\n level: _level,\n path: _path,\n label: _label,\n disabled: _disabled,\n context: _context,\n validation: _validation,\n schema: _schema,\n ...extraProps\n },\n dragRef\n ) => <HolderOutlined ref={dragRef} className={className} title={title} {...extraProps} />\n);\n\nAntDDragHandle.displayName = 'AntDDragHandle';\n","import type { NotToggleProps } from '@react-querybuilder/ts';\nimport { Switch } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\n\ntype AntDNotToggleProps = NotToggleProps & ComponentPropsWithoutRef<typeof Switch>;\n\nexport const AntDNotToggle = ({\n className,\n handleOnChange,\n label,\n checked,\n title,\n disabled,\n // Props that should not be in extraProps\n path: _path,\n context: _context,\n validation: _validation,\n testID: _testID,\n schema: _schema,\n ...extraProps\n}: AntDNotToggleProps) => (\n <Switch\n title={title}\n className={className}\n onChange={v => handleOnChange(v)}\n checked={!!checked}\n disabled={disabled}\n checkedChildren={label}\n unCheckedChildren=\"=\"\n {...extraProps}\n />\n);\n\nAntDNotToggle.displayName = 'AntDNotToggle';\n","import { Checkbox, Input, Radio, Switch, TimePicker } from 'antd';\nimport generatePicker from 'antd/es/date-picker/generatePicker/index.js';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';\nimport {\n getFirstOption,\n standardClassnames,\n toArray,\n useValueEditor,\n type ValueEditorProps,\n} from 'react-querybuilder';\nimport { AntDValueSelector } from './AntDValueSelector';\n\nconst DatePicker = generatePicker(dayjsGenerateConfig);\n\nexport const AntDValueEditor = ({\n fieldData,\n operator,\n value,\n handleOnChange,\n title,\n className,\n type,\n inputType,\n values = [],\n listsAsArrays,\n parseNumbers,\n separator,\n valueSource: _vs,\n disabled,\n testID,\n selectorComponent: SelectorComponent = AntDValueSelector,\n ...props\n}: ValueEditorProps) => {\n const { valueAsArray, multiValueHandler } = useValueEditor({\n handleOnChange,\n inputType,\n operator,\n value,\n type,\n listsAsArrays,\n parseNumbers,\n values,\n });\n\n if (operator === 'null' || operator === 'notNull') {\n return null;\n }\n\n const placeHolderText = fieldData?.placeholder ?? '';\n const inputTypeCoerced = ['in', 'notIn'].includes(operator) ? 'text' : inputType || 'text';\n\n if (\n (operator === 'between' || operator === 'notBetween') &&\n (type === 'select' || type === 'text') &&\n // Date ranges are handled differently in AntD--see below\n inputTypeCoerced !== 'date' &&\n inputTypeCoerced !== 'datetime-local'\n ) {\n const editors = ['from', 'to'].map((key, i) => {\n if (type === 'text') {\n if (inputTypeCoerced === 'time') {\n return (\n <TimePicker\n key={key}\n value={valueAsArray[i] ? dayjs(valueAsArray[i], 'HH:mm:ss') : null}\n className={standardClassnames.valueListItem}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={d => multiValueHandler(d?.format('HH:mm:ss') ?? '', i)}\n />\n );\n }\n return (\n <Input\n key={key}\n type={inputTypeCoerced}\n value={valueAsArray[i] ?? ''}\n className={standardClassnames.valueListItem}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={e => multiValueHandler(e.target.value, i)}\n />\n );\n }\n return (\n <SelectorComponent\n {...props}\n key={key}\n className={standardClassnames.valueListItem}\n handleOnChange={v => multiValueHandler(v, i)}\n disabled={disabled}\n value={valueAsArray[i] ?? getFirstOption(values)}\n options={values}\n listsAsArrays={listsAsArrays}\n />\n );\n });\n return (\n <span data-testid={testID} className={className} title={title}>\n {editors[0]}\n {separator}\n {editors[1]}\n </span>\n );\n }\n\n switch (type) {\n case 'select':\n case 'multiselect':\n return (\n <SelectorComponent\n {...props}\n className={className}\n handleOnChange={handleOnChange}\n options={values}\n value={value}\n title={title}\n disabled={disabled}\n multiple={type === 'multiselect'}\n listsAsArrays={listsAsArrays}\n />\n );\n\n case 'textarea':\n return (\n <Input.TextArea\n value={value}\n title={title}\n className={className}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={e => handleOnChange(e.target.value)}\n />\n );\n\n case 'switch':\n return (\n <Switch\n checked={!!value}\n title={title}\n className={className}\n disabled={disabled}\n onChange={v => handleOnChange(v)}\n />\n );\n\n case 'checkbox':\n return (\n <span title={title} className={className}>\n <Checkbox\n type=\"checkbox\"\n disabled={disabled}\n onChange={e => handleOnChange(e.target.checked)}\n checked={!!value}\n />\n </span>\n );\n\n case 'radio':\n return (\n <span className={className} title={title}>\n {values.map(v => (\n <Radio\n key={v.name}\n value={v.name}\n checked={value === v.name}\n disabled={disabled}\n onChange={e => handleOnChange(e.target.value)}>\n {v.label}\n </Radio>\n ))}\n </span>\n );\n }\n\n switch (inputTypeCoerced) {\n case 'date':\n case 'datetime-local':\n return operator === 'between' || operator === 'notBetween' ? (\n <DatePicker.RangePicker\n value={\n toArray(value)?.length >= 2\n ? (toArray(value).map(v => dayjs(v)) as [Dayjs, Dayjs])\n : undefined\n }\n showTime={inputTypeCoerced === 'datetime-local'}\n className={className}\n disabled={disabled}\n placeholder={[placeHolderText, placeHolderText]}\n // TODO: the function below is currently untested (see the\n // \"should render a date range picker\" test in ./AntD.test.tsx)\n onChange={\n /* istanbul ignore next */\n dates => {\n const format = `YYYY-MM-DD${\n inputTypeCoerced === 'datetime-local' ? 'THH:mm:ss' : ''\n }`;\n const dateArray = dates?.map(d => d?.format(format));\n handleOnChange(dateArray ? (listsAsArrays ? dateArray : dateArray.join(',')) : dates);\n }\n }\n />\n ) : (\n <DatePicker\n value={value ? dayjs(value) : null}\n showTime={inputTypeCoerced === 'datetime-local'}\n className={className}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={(_d, dateString) => handleOnChange(dateString)}\n />\n );\n\n case 'time':\n return (\n <TimePicker\n value={value ? dayjs(value, 'HH:mm:ss') : null}\n className={className}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={d => handleOnChange(d?.format('HH:mm:ss') ?? '')}\n />\n );\n }\n\n return (\n <Input\n type={inputTypeCoerced}\n value={value}\n title={title}\n className={className}\n disabled={disabled}\n placeholder={placeHolderText}\n onChange={e => handleOnChange(e.target.value)}\n />\n );\n};\n\nAntDValueEditor.displayName = 'AntDValueEditor';\n","import type { VersatileSelectorProps } from '@react-querybuilder/ts';\nimport { Select } from 'antd';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { useValueSelector } from 'react-querybuilder';\nimport { toOptions } from './utils';\n\ntype AntDValueSelectorProps = VersatileSelectorProps &\n Omit<ComponentPropsWithoutRef<typeof Select>, 'onChange' | 'defaultValue'>;\n\nexport const AntDValueSelector = ({\n className,\n handleOnChange,\n options,\n value,\n title,\n disabled,\n multiple,\n listsAsArrays,\n // Props that should not be in extraProps\n testID: _testID,\n rules: _rules,\n level: _level,\n path: _path,\n context: _context,\n validation: _validation,\n operator: _operator,\n field: _field,\n fieldData: _fieldData,\n schema: _schema,\n ...extraProps\n}: AntDValueSelectorProps) => {\n const { onChange, val } = useValueSelector({ handleOnChange, listsAsArrays, multiple, value });\n\n const modeObj = multiple ? { mode: 'multiple' as const } : {};\n\n return (\n <span title={title} className={className}>\n <Select\n {...modeObj}\n dropdownMatchSelectWidth={false}\n disabled={disabled}\n value={val}\n onChange={onChange}\n {...extraProps}>\n {toOptions(options)}\n </Select>\n </span>\n );\n};\n\nAntDValueSelector.displayName = 'AntDValueSelector';\n","import type { OptionList } from '@react-querybuilder/ts';\nimport { Select } from 'antd';\nimport { isOptionGroupArray } from 'react-querybuilder';\n\nconst { OptGroup, Option } = Select;\n\nexport { isOptionGroupArray };\n\nexport const toOptions = (arr?: OptionList) =>\n isOptionGroupArray(arr)\n ? arr.map(og => (\n <OptGroup key={og.label} label={og.label}>\n {og.options.map(opt => (\n <Option key={opt.name} value={opt.name}>\n {opt.label}\n </Option>\n ))}\n </OptGroup>\n ))\n : Array.isArray(arr)\n ? arr.map(opt => (\n <Option key={opt.name} value={opt.name}>\n {opt.label}\n </Option>\n ))\n : /* istanbul ignore next */ null;\n"],"mappings":"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","names":["src_exports","__export","AntDActionElement","AntDDragHandle","AntDNotToggle","AntDValueEditor","AntDValueSelector","QueryBuilderAntD","antdControlElements","__toCommonJS","import_react_querybuilder","import_antd","import_jsx_runtime","AntDActionElement","className","handleOnClick","label","title","disabled","disabledTranslation","_testID","_rules","_level","_path","_context","_validation","_ruleOrGroup","_schema","extraProps","e","import_icons","import_react","import_jsx_runtime","AntDDragHandle","className","title","_testID","_level","_path","_label","_disabled","_context","_validation","_schema","extraProps","dragRef","import_antd","import_jsx_runtime","AntDNotToggle","className","handleOnChange","label","checked","title","disabled","_path","_context","_validation","_testID","_schema","extraProps","v","import_antd","import_generatePicker","import_dayjs","import_react_querybuilder","import_antd","import_react_querybuilder","import_antd","import_react_querybuilder","import_jsx_runtime","OptGroup","Option","toOptions","arr","og","OptGroup","opt","Option","import_jsx_runtime","AntDValueSelector","className","handleOnChange","options","value","title","disabled","multiple","listsAsArrays","_testID","_rules","_level","_path","_context","_validation","_operator","_field","_fieldData","_schema","extraProps","onChange","val","toOptions","import_jsx_runtime","import_react","DatePicker","generatePicker","dayjsGenerateConfig","AntDValueEditor","fieldData","operator","value","handleOnChange","title","className","type","inputType","values","listsAsArrays","parseNumbers","separator","_vs","disabled","testID","SelectorComponent","AntDValueSelector","props","valueAsArray","multiValueHandler","placeHolderText","inputTypeCoerced","editors","key","i","dayjs","d","e","v","dates","format","dateArray","_d","dateString","antdControlElements","AntDActionElement","AntDValueSelector","AntDNotToggle","AntDValueEditor","AntDDragHandle","QueryBuilderAntD"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as react_querybuilder from 'react-querybuilder';
|
|
2
|
+
import { ValueEditorProps } from 'react-querybuilder';
|
|
3
|
+
import { ActionWithRulesProps, DragHandleProps, NotToggleProps, VersatileSelectorProps, Controls } from '@react-querybuilder/ts';
|
|
4
|
+
import { Button, Switch, Select } from 'antd';
|
|
5
|
+
import * as react from 'react';
|
|
6
|
+
import { ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
|
|
7
|
+
import { HolderOutlined } from '@ant-design/icons';
|
|
8
|
+
|
|
9
|
+
type RemoveDataIndexKeys<T> = {
|
|
10
|
+
[K in keyof T as `data-${string}` extends K ? never : K]: T[K];
|
|
11
|
+
};
|
|
12
|
+
type AntDActionProps = ActionWithRulesProps & RemoveDataIndexKeys<ComponentPropsWithoutRef<typeof Button>>;
|
|
13
|
+
declare const AntDActionElement: {
|
|
14
|
+
({ className, handleOnClick, label, title, disabled, disabledTranslation, testID: _testID, rules: _rules, level: _level, path: _path, context: _context, validation: _validation, ruleOrGroup: _ruleOrGroup, schema: _schema, ...extraProps }: AntDActionProps): JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
type AntDDragHandleProps = DragHandleProps & ComponentPropsWithRef<typeof HolderOutlined>;
|
|
19
|
+
declare const AntDDragHandle: react.ForwardRefExoticComponent<Omit<AntDDragHandleProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;
|
|
20
|
+
|
|
21
|
+
type AntDNotToggleProps = NotToggleProps & ComponentPropsWithoutRef<typeof Switch>;
|
|
22
|
+
declare const AntDNotToggle: {
|
|
23
|
+
({ className, handleOnChange, label, checked, title, disabled, path: _path, context: _context, validation: _validation, testID: _testID, schema: _schema, ...extraProps }: AntDNotToggleProps): JSX.Element;
|
|
24
|
+
displayName: string;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
declare const AntDValueEditor: {
|
|
28
|
+
({ fieldData, operator, value, handleOnChange, title, className, type, inputType, values, listsAsArrays, parseNumbers, separator, valueSource: _vs, disabled, testID, selectorComponent: SelectorComponent, ...props }: ValueEditorProps): JSX.Element | null;
|
|
29
|
+
displayName: string;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
type AntDValueSelectorProps = VersatileSelectorProps & Omit<ComponentPropsWithoutRef<typeof Select>, 'onChange' | 'defaultValue'>;
|
|
33
|
+
declare const AntDValueSelector: {
|
|
34
|
+
({ 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): JSX.Element;
|
|
35
|
+
displayName: string;
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
declare const antdControlElements: Partial<Controls>;
|
|
39
|
+
declare const QueryBuilderAntD: react_querybuilder.QueryBuilderContextProvider<Record<string, any>>;
|
|
40
|
+
|
|
41
|
+
export { AntDActionElement, AntDDragHandle, AntDNotToggle, AntDValueEditor, AntDValueSelector, QueryBuilderAntD, antdControlElements };
|