@elliemae/ds-query-builder 2.0.0-next.9 → 2.0.0-rc.12
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/cjs/DSQueryBuilder.js +60 -56
- package/cjs/components/AndOrController/AndOrController.js +26 -34
- package/cjs/components/ConditionController/ConditionController.js +26 -32
- package/cjs/components/DisplayOutput/DisplayOutput.js +20 -21
- package/cjs/components/DragContainerController/DragContainerController.js +13 -15
- package/cjs/components/DragControllerRow/DragControllerRow.js +10 -6
- package/cjs/components/FieldControllerRow/FieldControllerRow.js +22 -22
- package/cjs/components/Nestable/Nestable.js +44 -30
- package/cjs/components/Nestable/NestableItem.js +18 -10
- package/cjs/components/Nestable/actions/events.js +5 -0
- package/cjs/components/Nestable/actions/getPaths.js +9 -1
- package/cjs/components/Nestable/actions/moveItem.js +12 -5
- package/cjs/components/Nestable/actions/paths.js +13 -3
- package/cjs/components/QueryBuilderImpl.js +34 -30
- package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +28 -20
- package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +42 -33
- package/cjs/components/ToolBarAnimation/ToolBarAnimation.js +5 -0
- package/cjs/components/format/format.js +8 -14
- package/cjs/components/format/sqlFormat.js +9 -7
- package/cjs/components/format/sqlSafeFormat.js +9 -7
- package/cjs/components/format/xmlFormat.js +9 -7
- package/cjs/components/helpers/actions.js +59 -34
- package/cjs/components/helpers/dependencies.js +17 -8
- package/cjs/components/helpers/store.js +38 -39
- package/cjs/index.js +2 -1
- package/esm/DSQueryBuilder.js +60 -57
- package/esm/components/AndOrController/AndOrController.js +16 -19
- package/esm/components/ConditionController/ConditionController.js +20 -22
- package/esm/components/DisplayOutput/DisplayOutput.js +16 -14
- package/esm/components/DragContainerController/DragContainerController.js +10 -10
- package/esm/components/DragControllerRow/DragControllerRow.js +7 -2
- package/esm/components/FieldControllerRow/FieldControllerRow.js +22 -20
- package/esm/components/Nestable/Nestable.js +43 -29
- package/esm/components/Nestable/NestableItem.js +18 -10
- package/esm/components/Nestable/actions/events.js +5 -0
- package/esm/components/Nestable/actions/getPaths.js +9 -1
- package/esm/components/Nestable/actions/moveItem.js +12 -5
- package/esm/components/Nestable/actions/paths.js +13 -3
- package/esm/components/QueryBuilderImpl.js +34 -30
- package/esm/components/QueryBuilderItem/QueryBuilderItem.js +28 -20
- package/esm/components/QueryBuilderRow/QueryBuilderRow.js +42 -32
- package/esm/components/ToolBarAnimation/ToolBarAnimation.js +5 -0
- package/esm/components/format/format.js +8 -10
- package/esm/components/format/sqlFormat.js +9 -7
- package/esm/components/format/sqlSafeFormat.js +9 -7
- package/esm/components/format/xmlFormat.js +9 -7
- package/esm/components/helpers/actions.js +59 -34
- package/esm/components/helpers/dependencies.js +17 -8
- package/esm/components/helpers/store.js +38 -39
- package/esm/index.js +1 -1
- package/package.json +14 -7
- package/types/DSQueryBuilder.d.ts +170 -25
- package/types/components/AndOrController/AndOrController.d.ts +4 -4
- package/types/components/ConditionController/ConditionController.d.ts +2 -2
- package/types/components/DragContainerController/DragContainerController.d.ts +3 -3
- package/types/components/DragControllerRow/DragControllerRow.d.ts +2 -2
- package/types/propTypes.d.ts +133 -23
|
@@ -2,10 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.find.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.find.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
14
|
var React = require('react');
|
|
6
15
|
var cn = require('classnames');
|
|
7
16
|
var utils = require('@elliemae/ds-shared/utils');
|
|
8
|
-
var
|
|
17
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
9
18
|
var tryIncreaseDepth = require('./actions/tryIncreaseDepth.js');
|
|
10
19
|
var tryDecreaseDepth = require('./actions/tryDecreaseDepth.js');
|
|
11
20
|
var moveItem = require('./actions/moveItem.js');
|
|
@@ -24,49 +33,49 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
24
33
|
|
|
25
34
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
26
35
|
|
|
27
|
-
const shallowCompare = (instance, nextProps, nextState) => !
|
|
36
|
+
const shallowCompare = (instance, nextProps, nextState) => !dsUtilities.isEqualWith(instance.props, nextProps) || !dsUtilities.isEqualWith(instance.state, nextState);
|
|
28
37
|
|
|
29
38
|
class Nestable extends React.Component {
|
|
30
39
|
constructor(props) {
|
|
31
40
|
super(props);
|
|
32
41
|
|
|
33
|
-
|
|
42
|
+
this.onDragStart = (e, item) => {
|
|
34
43
|
events.onDragStart.call(this, e, item);
|
|
35
|
-
}
|
|
44
|
+
};
|
|
36
45
|
|
|
37
|
-
|
|
46
|
+
this.onDragEnd = (e, isCancel) => events.onDragEnd.call(this, e, isCancel);
|
|
38
47
|
|
|
39
|
-
|
|
48
|
+
this.onMouseMove = e => events.onMouseMove.call(this, e);
|
|
40
49
|
|
|
41
|
-
|
|
50
|
+
this.onMouseEnter = (e, item) => events.onMouseEnter.call(this, e, item);
|
|
42
51
|
|
|
43
|
-
|
|
52
|
+
this.onToggleCollapse = (item, isGetter) => events.onToggleCollapse.call(this, item, isGetter);
|
|
44
53
|
|
|
45
|
-
|
|
54
|
+
this.onKeyDown = e => events.onKeyDown.call(this, e);
|
|
46
55
|
|
|
47
|
-
|
|
56
|
+
this.getDefaultItems = () => {
|
|
48
57
|
const {
|
|
49
58
|
items
|
|
50
59
|
} = this.state;
|
|
51
60
|
return items;
|
|
52
|
-
}
|
|
61
|
+
};
|
|
53
62
|
|
|
54
|
-
|
|
63
|
+
this.getItemDepth = item => paths.getItemDepth.call(this, item);
|
|
55
64
|
|
|
56
|
-
|
|
65
|
+
this.startTrackMouse = () => {
|
|
57
66
|
document.addEventListener('mousemove', this.onMouseMove);
|
|
58
67
|
document.addEventListener('mouseup', this.onDragEnd);
|
|
59
68
|
document.addEventListener('keydown', this.onKeyDown);
|
|
60
|
-
}
|
|
69
|
+
};
|
|
61
70
|
|
|
62
|
-
|
|
71
|
+
this.stopTrackMouse = () => {
|
|
63
72
|
document.removeEventListener('mousemove', this.onMouseMove);
|
|
64
73
|
document.removeEventListener('mouseup', this.onDragEnd);
|
|
65
74
|
document.removeEventListener('keydown', this.onKeyDown);
|
|
66
75
|
this.elCopyStyles = null;
|
|
67
|
-
}
|
|
76
|
+
};
|
|
68
77
|
|
|
69
|
-
|
|
78
|
+
this.isCollapsed = item => {
|
|
70
79
|
const {
|
|
71
80
|
collapsed
|
|
72
81
|
} = this.props;
|
|
@@ -74,9 +83,9 @@ class Nestable extends React.Component {
|
|
|
74
83
|
collapsedGroups
|
|
75
84
|
} = this.state;
|
|
76
85
|
return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
|
|
77
|
-
}
|
|
86
|
+
};
|
|
78
87
|
|
|
79
|
-
|
|
88
|
+
this.checkFilterChildren = items => items.find(current => {
|
|
80
89
|
const {
|
|
81
90
|
element: {
|
|
82
91
|
type
|
|
@@ -85,9 +94,9 @@ class Nestable extends React.Component {
|
|
|
85
94
|
} = current;
|
|
86
95
|
if (type === 'filter' && children.length > 0) return true;
|
|
87
96
|
return this.checkFilterChildren(children);
|
|
88
|
-
})
|
|
97
|
+
});
|
|
89
98
|
|
|
90
|
-
|
|
99
|
+
this.dragRevert = () => {
|
|
91
100
|
const {
|
|
92
101
|
itemsOld
|
|
93
102
|
} = this.state;
|
|
@@ -97,7 +106,7 @@ class Nestable extends React.Component {
|
|
|
97
106
|
dragItem: null,
|
|
98
107
|
isDirty: false
|
|
99
108
|
});
|
|
100
|
-
}
|
|
109
|
+
};
|
|
101
110
|
|
|
102
111
|
this.state = {
|
|
103
112
|
items: [],
|
|
@@ -170,15 +179,18 @@ class Nestable extends React.Component {
|
|
|
170
179
|
return null;
|
|
171
180
|
}
|
|
172
181
|
|
|
173
|
-
getPathById(id
|
|
182
|
+
getPathById(id) {
|
|
183
|
+
let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
|
|
174
184
|
return paths.getPathById.call(this, id, items);
|
|
175
185
|
}
|
|
176
186
|
|
|
177
|
-
getItemByPath(path
|
|
187
|
+
getItemByPath(path) {
|
|
188
|
+
let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
|
|
178
189
|
return paths.getItemByPath.call(this, path, items);
|
|
179
190
|
}
|
|
180
191
|
|
|
181
|
-
getSplicePath(path
|
|
192
|
+
getSplicePath(path) {
|
|
193
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
182
194
|
return paths.getSplicePath.call(this, path, options);
|
|
183
195
|
}
|
|
184
196
|
|
|
@@ -215,11 +227,13 @@ class Nestable extends React.Component {
|
|
|
215
227
|
tryDecreaseDepth.tryDecreaseDepth.call(this, dragItem);
|
|
216
228
|
}
|
|
217
229
|
|
|
218
|
-
moveItem({
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
230
|
+
moveItem(_ref) {
|
|
231
|
+
let {
|
|
232
|
+
dragItem,
|
|
233
|
+
pathFrom,
|
|
234
|
+
pathTo
|
|
235
|
+
} = _ref;
|
|
236
|
+
let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
223
237
|
moveItem.moveItem.call(this, {
|
|
224
238
|
dragItem,
|
|
225
239
|
pathFrom,
|
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
12
|
require('react');
|
|
6
13
|
var cn = require('classnames');
|
|
7
14
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -16,16 +23,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
16
23
|
|
|
17
24
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
18
25
|
|
|
19
|
-
const NestableItem =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
const NestableItem = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
item,
|
|
29
|
+
isCopy,
|
|
30
|
+
options,
|
|
31
|
+
index,
|
|
32
|
+
isAndItem,
|
|
33
|
+
isOrItem,
|
|
34
|
+
isDraggableItem,
|
|
35
|
+
singleRow
|
|
36
|
+
} = _ref;
|
|
29
37
|
const {
|
|
30
38
|
dragItem,
|
|
31
39
|
renderItem,
|
|
@@ -3,6 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
11
|
var utils = require('@elliemae/ds-shared/utils');
|
|
7
12
|
|
|
8
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.every.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.every.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
12
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
13
|
|
|
7
14
|
function getRealNextPath(prevPath, nextPath) {
|
|
@@ -89,7 +96,8 @@ function getItemDepth(item) {
|
|
|
89
96
|
|
|
90
97
|
return level;
|
|
91
98
|
}
|
|
92
|
-
function getSplicePath(path
|
|
99
|
+
function getSplicePath(path) {
|
|
100
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
93
101
|
const splicePath = {};
|
|
94
102
|
const numToRemove = options.numToRemove || 0;
|
|
95
103
|
const itemsToInsert = options.itemsToInsert || [];
|
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
11
|
var update = require('react-addons-update');
|
|
7
12
|
|
|
@@ -13,11 +18,13 @@ var update__default = /*#__PURE__*/_interopDefaultLegacy(update);
|
|
|
13
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
14
19
|
|
|
15
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
16
|
-
function moveItem({
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
+
function moveItem(_ref) {
|
|
22
|
+
let {
|
|
23
|
+
dragItem,
|
|
24
|
+
pathFrom,
|
|
25
|
+
pathTo
|
|
26
|
+
} = _ref;
|
|
27
|
+
let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
21
28
|
const {
|
|
22
29
|
childrenProp
|
|
23
30
|
} = this.props;
|
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.every.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.every.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
12
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
13
|
|
|
7
14
|
function getRealNextPath(prevPath, nextPath) {
|
|
@@ -45,7 +52,8 @@ function getRealNextPath(prevPath, nextPath) {
|
|
|
45
52
|
|
|
46
53
|
return nextPath;
|
|
47
54
|
}
|
|
48
|
-
function getPathById(id
|
|
55
|
+
function getPathById(id) {
|
|
56
|
+
let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
|
|
49
57
|
const {
|
|
50
58
|
childrenProp
|
|
51
59
|
} = this.props;
|
|
@@ -65,7 +73,8 @@ function getPathById(id, items = this.getDefaultItems()) {
|
|
|
65
73
|
});
|
|
66
74
|
return path;
|
|
67
75
|
}
|
|
68
|
-
function getItemByPath(path
|
|
76
|
+
function getItemByPath(path) {
|
|
77
|
+
let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
|
|
69
78
|
const {
|
|
70
79
|
childrenProp
|
|
71
80
|
} = this.props;
|
|
@@ -89,7 +98,8 @@ function getItemDepth(item) {
|
|
|
89
98
|
|
|
90
99
|
return level;
|
|
91
100
|
}
|
|
92
|
-
function getSplicePath(path
|
|
101
|
+
function getSplicePath(path) {
|
|
102
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
93
103
|
const splicePath = {};
|
|
94
104
|
const numToRemove = options.numToRemove || 0;
|
|
95
105
|
const itemsToInsert = options.itemsToInsert || [];
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
9
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
@@ -28,26 +33,25 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
28
33
|
class QueryBuilderImpl extends React.Component {
|
|
29
34
|
constructor(props) {
|
|
30
35
|
super(props);
|
|
36
|
+
this.isDraggableItem = true;
|
|
31
37
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
_defineProperty__default["default"](this, "onOrderDragAndDrop", (items, item) => {
|
|
38
|
+
this.onOrderDragAndDrop = (items, item) => {
|
|
35
39
|
const newFilters = this.store.onOrderDragAndDrop(items, item);
|
|
36
40
|
this.sendCall('reOrderOnDragAndDrop', {
|
|
37
41
|
items
|
|
38
42
|
});
|
|
39
43
|
this.sendChange(newFilters);
|
|
40
|
-
}
|
|
44
|
+
};
|
|
41
45
|
|
|
42
|
-
|
|
46
|
+
this.onAddFilterToGroup = idGroup => {
|
|
43
47
|
const newFilters = this.store.addFilter(idGroup);
|
|
44
48
|
this.sendCall('onAddFilterToGroup', {
|
|
45
49
|
idGroup
|
|
46
50
|
});
|
|
47
51
|
this.sendChange(newFilters);
|
|
48
|
-
}
|
|
52
|
+
};
|
|
49
53
|
|
|
50
|
-
|
|
54
|
+
this.onAddFilter = (idGroup, idFilter) => {
|
|
51
55
|
const {
|
|
52
56
|
addFilterMethod
|
|
53
57
|
} = this.props;
|
|
@@ -57,9 +61,9 @@ class QueryBuilderImpl extends React.Component {
|
|
|
57
61
|
idFilter
|
|
58
62
|
});
|
|
59
63
|
this.sendChange(newFilters);
|
|
60
|
-
}
|
|
64
|
+
};
|
|
61
65
|
|
|
62
|
-
|
|
66
|
+
this.onAddRuleContainer = (idGroup, idFilter) => {
|
|
63
67
|
const {
|
|
64
68
|
groupFilterMethod
|
|
65
69
|
} = this.props;
|
|
@@ -69,17 +73,17 @@ class QueryBuilderImpl extends React.Component {
|
|
|
69
73
|
idFilter
|
|
70
74
|
});
|
|
71
75
|
this.sendChange(newFilters);
|
|
72
|
-
}
|
|
76
|
+
};
|
|
73
77
|
|
|
74
|
-
|
|
78
|
+
this.onRemoveFilter = idFilter => {
|
|
75
79
|
const newFilters = this.store.onRemoveFilter(idFilter);
|
|
76
80
|
this.sendCall('onRemoveFilter', {
|
|
77
81
|
idFilter
|
|
78
82
|
});
|
|
79
83
|
this.sendChange(newFilters);
|
|
80
|
-
}
|
|
84
|
+
};
|
|
81
85
|
|
|
82
|
-
|
|
86
|
+
this.handleFieldChange = data => {
|
|
83
87
|
const {
|
|
84
88
|
fieldsSharedActions
|
|
85
89
|
} = this.props;
|
|
@@ -90,26 +94,26 @@ class QueryBuilderImpl extends React.Component {
|
|
|
90
94
|
data
|
|
91
95
|
});
|
|
92
96
|
this.sendChange(newFilters);
|
|
93
|
-
}
|
|
97
|
+
};
|
|
94
98
|
|
|
95
|
-
|
|
99
|
+
this.handleRuleContainerOperator = (idGroup, value) => {
|
|
96
100
|
const newFilters = this.store.changeGroupOperator(idGroup, value);
|
|
97
101
|
this.sendCall('handleRuleContainerOperator', {
|
|
98
102
|
idGroup,
|
|
99
103
|
value
|
|
100
104
|
});
|
|
101
105
|
this.sendChange(newFilters);
|
|
102
|
-
}
|
|
106
|
+
};
|
|
103
107
|
|
|
104
|
-
|
|
108
|
+
this.handleRuleContainerUnGroup = idGroup => {
|
|
105
109
|
const newFilters = this.store.unGroup(idGroup);
|
|
106
110
|
this.sendCall('handleRuleContainerUnGroup', {
|
|
107
111
|
idGroup
|
|
108
112
|
});
|
|
109
113
|
this.sendChange(newFilters);
|
|
110
|
-
}
|
|
114
|
+
};
|
|
111
115
|
|
|
112
|
-
|
|
116
|
+
this.handleDropFilter = (filter, dragTo) => {
|
|
113
117
|
const {
|
|
114
118
|
position: oldPosition,
|
|
115
119
|
idGroup,
|
|
@@ -125,9 +129,9 @@ class QueryBuilderImpl extends React.Component {
|
|
|
125
129
|
dragTo
|
|
126
130
|
});
|
|
127
131
|
this.sendChange(newFilters);
|
|
128
|
-
}
|
|
132
|
+
};
|
|
129
133
|
|
|
130
|
-
|
|
134
|
+
this.handleDropGroup = (group, dragTo) => {
|
|
131
135
|
const {
|
|
132
136
|
position: oldPosition,
|
|
133
137
|
idFilter,
|
|
@@ -143,17 +147,17 @@ class QueryBuilderImpl extends React.Component {
|
|
|
143
147
|
dragTo
|
|
144
148
|
});
|
|
145
149
|
this.sendChange(newFilters);
|
|
146
|
-
}
|
|
150
|
+
};
|
|
147
151
|
|
|
148
|
-
|
|
152
|
+
this.handleDrop = (dragElement, dragTo) => {
|
|
149
153
|
const {
|
|
150
154
|
type
|
|
151
155
|
} = dragElement;
|
|
152
156
|
if (type === types.QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
|
|
153
157
|
return this.handleDropGroup(dragElement, dragTo);
|
|
154
|
-
}
|
|
158
|
+
};
|
|
155
159
|
|
|
156
|
-
|
|
160
|
+
this.sendChange = _ref => {
|
|
157
161
|
let {
|
|
158
162
|
format
|
|
159
163
|
} = _ref,
|
|
@@ -166,16 +170,16 @@ class QueryBuilderImpl extends React.Component {
|
|
|
166
170
|
onChange
|
|
167
171
|
} = this.props;
|
|
168
172
|
onChange(format, newFilters);
|
|
169
|
-
}
|
|
173
|
+
};
|
|
170
174
|
|
|
171
|
-
|
|
175
|
+
this.sendCall = (action, data) => {
|
|
172
176
|
const {
|
|
173
177
|
[action]: callback
|
|
174
178
|
} = this.props;
|
|
175
179
|
if (callback) callback(data);
|
|
176
|
-
}
|
|
180
|
+
};
|
|
177
181
|
|
|
178
|
-
|
|
182
|
+
this.setDraggableItems = drag => {
|
|
179
183
|
this.isDraggableItem = true;
|
|
180
184
|
|
|
181
185
|
try {
|
|
@@ -198,7 +202,7 @@ class QueryBuilderImpl extends React.Component {
|
|
|
198
202
|
} catch (error) {
|
|
199
203
|
this.isDraggableItem = true;
|
|
200
204
|
}
|
|
201
|
-
}
|
|
205
|
+
};
|
|
202
206
|
|
|
203
207
|
this.store = new store(props.init, props.format);
|
|
204
208
|
this.state = this.store.getInitialState();
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
3
8
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
9
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
10
|
require('react');
|
|
@@ -18,9 +23,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
18
23
|
|
|
19
24
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
20
25
|
|
|
21
|
-
const QueryBuilderItem =
|
|
22
|
-
|
|
23
|
-
|
|
26
|
+
const QueryBuilderItem = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
item
|
|
29
|
+
} = _ref;
|
|
24
30
|
const {
|
|
25
31
|
element
|
|
26
32
|
} = item;
|
|
@@ -30,23 +36,25 @@ const QueryBuilderItem = ({
|
|
|
30
36
|
idGroup,
|
|
31
37
|
condition
|
|
32
38
|
} = element;
|
|
33
|
-
return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
|
|
40
|
+
let {
|
|
41
|
+
fields,
|
|
42
|
+
handleFieldChange,
|
|
43
|
+
onAddFilter,
|
|
44
|
+
onAddFilterToGroup,
|
|
45
|
+
onAddRuleContainer,
|
|
46
|
+
onRemoveFilter,
|
|
47
|
+
showDragController,
|
|
48
|
+
handleRuleContainerOperator,
|
|
49
|
+
handleRuleContainerUnGroup,
|
|
50
|
+
step,
|
|
51
|
+
items,
|
|
52
|
+
isDraggableItem,
|
|
53
|
+
setDraggableItems,
|
|
54
|
+
singleRow,
|
|
55
|
+
toolTipZIndex
|
|
56
|
+
} = _ref2;
|
|
57
|
+
|
|
50
58
|
if (type === types.QB_DRAG_TYPES.FILTER) {
|
|
51
59
|
return /*#__PURE__*/jsxRuntime.jsx(QueryBuilderRow, _objectSpread(_objectSpread({}, element), {}, {
|
|
52
60
|
fields: fields,
|