@elliemae/ds-query-builder 2.0.0-rc.9 → 2.0.2
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/components/AndOrController/AndOrController.js +10 -12
- package/cjs/components/DisplayOutput/DisplayOutput.js +2 -4
- package/cjs/components/DragControllerRow/DragControllerRow.js +2 -2
- package/cjs/components/Nestable/Nestable.js +22 -22
- package/cjs/components/Nestable/NestableItem.js +2 -2
- package/cjs/components/Nestable/actions/events.js +2 -2
- package/cjs/components/Nestable/actions/moveItem.js +2 -2
- package/cjs/components/QueryBuilderImpl.js +31 -32
- package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +2 -2
- package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +11 -11
- package/cjs/components/ToolBarAnimation/ToolBarAnimation.js +2 -2
- package/cjs/components/format/format.js +8 -14
- package/cjs/components/helpers/actions.js +2 -2
- package/cjs/components/helpers/store.js +35 -41
- package/esm/components/AndOrController/AndOrController.js +10 -11
- package/esm/components/DisplayOutput/DisplayOutput.js +2 -3
- package/esm/components/DragControllerRow/DragControllerRow.js +2 -2
- package/esm/components/Nestable/Nestable.js +22 -22
- package/esm/components/Nestable/NestableItem.js +2 -2
- package/esm/components/Nestable/actions/events.js +2 -2
- package/esm/components/Nestable/actions/moveItem.js +2 -2
- package/esm/components/QueryBuilderImpl.js +31 -32
- package/esm/components/QueryBuilderItem/QueryBuilderItem.js +2 -2
- package/esm/components/QueryBuilderRow/QueryBuilderRow.js +11 -11
- package/esm/components/ToolBarAnimation/ToolBarAnimation.js +2 -2
- package/esm/components/format/format.js +8 -10
- package/esm/components/helpers/actions.js +2 -2
- package/esm/components/helpers/store.js +35 -41
- package/package.json +12 -12
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
4
|
var React = require('react');
|
|
6
5
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
7
6
|
var DSTooltip = require('@elliemae/ds-tooltip');
|
|
@@ -18,7 +17,6 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
18
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
18
|
|
|
20
19
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
21
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
22
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
21
|
var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
|
|
24
22
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
@@ -42,11 +40,11 @@ class AndOrController extends React.Component {
|
|
|
42
40
|
constructor(props) {
|
|
43
41
|
super(props);
|
|
44
42
|
|
|
45
|
-
|
|
43
|
+
this.handleMouseEnterRow = e => {
|
|
46
44
|
this.handleTooltipRow(true); // this.handleMouseMove(e)
|
|
47
|
-
}
|
|
45
|
+
};
|
|
48
46
|
|
|
49
|
-
|
|
47
|
+
this.handleMouseMove = e => {
|
|
50
48
|
if (!this.contenerRef.current) return;
|
|
51
49
|
const mouse = e.clientY;
|
|
52
50
|
const {
|
|
@@ -58,13 +56,13 @@ class AndOrController extends React.Component {
|
|
|
58
56
|
this.setState({
|
|
59
57
|
top: mouse - topDiff - refHeight / 2 - delta
|
|
60
58
|
});
|
|
61
|
-
}
|
|
59
|
+
};
|
|
62
60
|
|
|
63
|
-
|
|
61
|
+
this.handleMouseLeaveRow = () => {
|
|
64
62
|
this.handleTooltipRow(false);
|
|
65
|
-
}
|
|
63
|
+
};
|
|
66
64
|
|
|
67
|
-
|
|
65
|
+
this.handleTooltipRow = isOpen => {
|
|
68
66
|
this.setState({
|
|
69
67
|
isOpen
|
|
70
68
|
});
|
|
@@ -72,7 +70,7 @@ class AndOrController extends React.Component {
|
|
|
72
70
|
handleTooltipGroup
|
|
73
71
|
} = this.props;
|
|
74
72
|
handleTooltipGroup(isOpen);
|
|
75
|
-
}
|
|
73
|
+
};
|
|
76
74
|
|
|
77
75
|
this.contenerRef = /*#__PURE__*/React__default["default"].createRef();
|
|
78
76
|
this.myRef = /*#__PURE__*/React__default["default"].createRef();
|
|
@@ -198,7 +196,7 @@ class AndOrController extends React.Component {
|
|
|
198
196
|
|
|
199
197
|
}
|
|
200
198
|
|
|
201
|
-
|
|
199
|
+
AndOrController.defaultProps = {
|
|
202
200
|
isMain: false,
|
|
203
201
|
handleRuleContainerOperator: () => null,
|
|
204
202
|
handleRuleContainerUnGroup: () => null,
|
|
@@ -219,6 +217,6 @@ _defineProperty__default["default"](AndOrController, "defaultProps", {
|
|
|
219
217
|
toolBarAnimationDuration: constants.TOOLBAR_ANIMATION_DURATION,
|
|
220
218
|
toolBarInteractionType: dsPopper.PopperInteractions.CLICK,
|
|
221
219
|
toolBarPosition: dsPopper.PopperPositions.LEFT
|
|
222
|
-
}
|
|
220
|
+
};
|
|
223
221
|
|
|
224
222
|
module.exports = AndOrController;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
4
|
var React = require('react');
|
|
6
5
|
var dsGrid = require('@elliemae/ds-grid');
|
|
7
6
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
@@ -12,7 +11,6 @@ var QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js
|
|
|
12
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
12
|
|
|
14
13
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
14
|
|
|
17
15
|
const {
|
|
18
16
|
cssClassName
|
|
@@ -22,7 +20,7 @@ class DisplayOutput extends React.Component {
|
|
|
22
20
|
constructor(props) {
|
|
23
21
|
super(props);
|
|
24
22
|
|
|
25
|
-
|
|
23
|
+
this.handleChange = () => {
|
|
26
24
|
this.setState(_ref => {
|
|
27
25
|
let {
|
|
28
26
|
show
|
|
@@ -31,7 +29,7 @@ class DisplayOutput extends React.Component {
|
|
|
31
29
|
show: !show
|
|
32
30
|
};
|
|
33
31
|
});
|
|
34
|
-
}
|
|
32
|
+
};
|
|
35
33
|
|
|
36
34
|
this.state = {
|
|
37
35
|
show: props.show
|
|
@@ -21,9 +21,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
21
21
|
|
|
22
22
|
const _excluded = ["className", "color", "icon", "size"];
|
|
23
23
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
|
|
28
28
|
const DragControllerRow = _ref => {
|
|
29
29
|
let {
|
|
@@ -29,9 +29,9 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
29
29
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
30
30
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
31
31
|
|
|
32
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
33
33
|
|
|
34
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
35
|
|
|
36
36
|
const shallowCompare = (instance, nextProps, nextState) => !dsUtilities.isEqualWith(instance.props, nextProps) || !dsUtilities.isEqualWith(instance.state, nextState);
|
|
37
37
|
|
|
@@ -39,43 +39,43 @@ class Nestable extends React.Component {
|
|
|
39
39
|
constructor(props) {
|
|
40
40
|
super(props);
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
this.onDragStart = (e, item) => {
|
|
43
43
|
events.onDragStart.call(this, e, item);
|
|
44
|
-
}
|
|
44
|
+
};
|
|
45
45
|
|
|
46
|
-
|
|
46
|
+
this.onDragEnd = (e, isCancel) => events.onDragEnd.call(this, e, isCancel);
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
this.onMouseMove = e => events.onMouseMove.call(this, e);
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
this.onMouseEnter = (e, item) => events.onMouseEnter.call(this, e, item);
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
this.onToggleCollapse = (item, isGetter) => events.onToggleCollapse.call(this, item, isGetter);
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
this.onKeyDown = e => events.onKeyDown.call(this, e);
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
this.getDefaultItems = () => {
|
|
57
57
|
const {
|
|
58
58
|
items
|
|
59
59
|
} = this.state;
|
|
60
60
|
return items;
|
|
61
|
-
}
|
|
61
|
+
};
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
this.getItemDepth = item => paths.getItemDepth.call(this, item);
|
|
64
64
|
|
|
65
|
-
|
|
65
|
+
this.startTrackMouse = () => {
|
|
66
66
|
document.addEventListener('mousemove', this.onMouseMove);
|
|
67
67
|
document.addEventListener('mouseup', this.onDragEnd);
|
|
68
68
|
document.addEventListener('keydown', this.onKeyDown);
|
|
69
|
-
}
|
|
69
|
+
};
|
|
70
70
|
|
|
71
|
-
|
|
71
|
+
this.stopTrackMouse = () => {
|
|
72
72
|
document.removeEventListener('mousemove', this.onMouseMove);
|
|
73
73
|
document.removeEventListener('mouseup', this.onDragEnd);
|
|
74
74
|
document.removeEventListener('keydown', this.onKeyDown);
|
|
75
75
|
this.elCopyStyles = null;
|
|
76
|
-
}
|
|
76
|
+
};
|
|
77
77
|
|
|
78
|
-
|
|
78
|
+
this.isCollapsed = item => {
|
|
79
79
|
const {
|
|
80
80
|
collapsed
|
|
81
81
|
} = this.props;
|
|
@@ -83,9 +83,9 @@ class Nestable extends React.Component {
|
|
|
83
83
|
collapsedGroups
|
|
84
84
|
} = this.state;
|
|
85
85
|
return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
|
|
86
|
-
}
|
|
86
|
+
};
|
|
87
87
|
|
|
88
|
-
|
|
88
|
+
this.checkFilterChildren = items => items.find(current => {
|
|
89
89
|
const {
|
|
90
90
|
element: {
|
|
91
91
|
type
|
|
@@ -94,9 +94,9 @@ class Nestable extends React.Component {
|
|
|
94
94
|
} = current;
|
|
95
95
|
if (type === 'filter' && children.length > 0) return true;
|
|
96
96
|
return this.checkFilterChildren(children);
|
|
97
|
-
})
|
|
97
|
+
});
|
|
98
98
|
|
|
99
|
-
|
|
99
|
+
this.dragRevert = () => {
|
|
100
100
|
const {
|
|
101
101
|
itemsOld
|
|
102
102
|
} = this.state;
|
|
@@ -106,7 +106,7 @@ class Nestable extends React.Component {
|
|
|
106
106
|
dragItem: null,
|
|
107
107
|
isDirty: false
|
|
108
108
|
});
|
|
109
|
-
}
|
|
109
|
+
};
|
|
110
110
|
|
|
111
111
|
this.state = {
|
|
112
112
|
items: [],
|
|
@@ -19,9 +19,9 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
19
19
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
20
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
21
21
|
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
25
|
|
|
26
26
|
const NestableItem = _ref => {
|
|
27
27
|
let {
|
|
@@ -14,9 +14,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
|
|
15
15
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
16
|
|
|
17
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
18
|
|
|
19
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
19
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
20
|
function onDragStart(e, item) {
|
|
21
21
|
if (e) {
|
|
22
22
|
e.preventDefault();
|
|
@@ -15,9 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
15
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
16
|
var update__default = /*#__PURE__*/_interopDefaultLegacy(update);
|
|
17
17
|
|
|
18
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
18
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
19
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21
21
|
function moveItem(_ref) {
|
|
22
22
|
let {
|
|
23
23
|
dragItem,
|
|
@@ -26,33 +26,32 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
26
26
|
|
|
27
27
|
const _excluded = ["format"];
|
|
28
28
|
|
|
29
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
29
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
30
30
|
|
|
31
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
31
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
32
|
|
|
33
33
|
class QueryBuilderImpl extends React.Component {
|
|
34
34
|
constructor(props) {
|
|
35
35
|
super(props);
|
|
36
|
+
this.isDraggableItem = true;
|
|
36
37
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
_defineProperty__default["default"](this, "onOrderDragAndDrop", (items, item) => {
|
|
38
|
+
this.onOrderDragAndDrop = (items, item) => {
|
|
40
39
|
const newFilters = this.store.onOrderDragAndDrop(items, item);
|
|
41
40
|
this.sendCall('reOrderOnDragAndDrop', {
|
|
42
41
|
items
|
|
43
42
|
});
|
|
44
43
|
this.sendChange(newFilters);
|
|
45
|
-
}
|
|
44
|
+
};
|
|
46
45
|
|
|
47
|
-
|
|
46
|
+
this.onAddFilterToGroup = idGroup => {
|
|
48
47
|
const newFilters = this.store.addFilter(idGroup);
|
|
49
48
|
this.sendCall('onAddFilterToGroup', {
|
|
50
49
|
idGroup
|
|
51
50
|
});
|
|
52
51
|
this.sendChange(newFilters);
|
|
53
|
-
}
|
|
52
|
+
};
|
|
54
53
|
|
|
55
|
-
|
|
54
|
+
this.onAddFilter = (idGroup, idFilter) => {
|
|
56
55
|
const {
|
|
57
56
|
addFilterMethod
|
|
58
57
|
} = this.props;
|
|
@@ -62,9 +61,9 @@ class QueryBuilderImpl extends React.Component {
|
|
|
62
61
|
idFilter
|
|
63
62
|
});
|
|
64
63
|
this.sendChange(newFilters);
|
|
65
|
-
}
|
|
64
|
+
};
|
|
66
65
|
|
|
67
|
-
|
|
66
|
+
this.onAddRuleContainer = (idGroup, idFilter) => {
|
|
68
67
|
const {
|
|
69
68
|
groupFilterMethod
|
|
70
69
|
} = this.props;
|
|
@@ -74,17 +73,17 @@ class QueryBuilderImpl extends React.Component {
|
|
|
74
73
|
idFilter
|
|
75
74
|
});
|
|
76
75
|
this.sendChange(newFilters);
|
|
77
|
-
}
|
|
76
|
+
};
|
|
78
77
|
|
|
79
|
-
|
|
78
|
+
this.onRemoveFilter = idFilter => {
|
|
80
79
|
const newFilters = this.store.onRemoveFilter(idFilter);
|
|
81
80
|
this.sendCall('onRemoveFilter', {
|
|
82
81
|
idFilter
|
|
83
82
|
});
|
|
84
83
|
this.sendChange(newFilters);
|
|
85
|
-
}
|
|
84
|
+
};
|
|
86
85
|
|
|
87
|
-
|
|
86
|
+
this.handleFieldChange = data => {
|
|
88
87
|
const {
|
|
89
88
|
fieldsSharedActions
|
|
90
89
|
} = this.props;
|
|
@@ -95,26 +94,26 @@ class QueryBuilderImpl extends React.Component {
|
|
|
95
94
|
data
|
|
96
95
|
});
|
|
97
96
|
this.sendChange(newFilters);
|
|
98
|
-
}
|
|
97
|
+
};
|
|
99
98
|
|
|
100
|
-
|
|
99
|
+
this.handleRuleContainerOperator = (idGroup, value) => {
|
|
101
100
|
const newFilters = this.store.changeGroupOperator(idGroup, value);
|
|
102
101
|
this.sendCall('handleRuleContainerOperator', {
|
|
103
102
|
idGroup,
|
|
104
103
|
value
|
|
105
104
|
});
|
|
106
105
|
this.sendChange(newFilters);
|
|
107
|
-
}
|
|
106
|
+
};
|
|
108
107
|
|
|
109
|
-
|
|
108
|
+
this.handleRuleContainerUnGroup = idGroup => {
|
|
110
109
|
const newFilters = this.store.unGroup(idGroup);
|
|
111
110
|
this.sendCall('handleRuleContainerUnGroup', {
|
|
112
111
|
idGroup
|
|
113
112
|
});
|
|
114
113
|
this.sendChange(newFilters);
|
|
115
|
-
}
|
|
114
|
+
};
|
|
116
115
|
|
|
117
|
-
|
|
116
|
+
this.handleDropFilter = (filter, dragTo) => {
|
|
118
117
|
const {
|
|
119
118
|
position: oldPosition,
|
|
120
119
|
idGroup,
|
|
@@ -130,9 +129,9 @@ class QueryBuilderImpl extends React.Component {
|
|
|
130
129
|
dragTo
|
|
131
130
|
});
|
|
132
131
|
this.sendChange(newFilters);
|
|
133
|
-
}
|
|
132
|
+
};
|
|
134
133
|
|
|
135
|
-
|
|
134
|
+
this.handleDropGroup = (group, dragTo) => {
|
|
136
135
|
const {
|
|
137
136
|
position: oldPosition,
|
|
138
137
|
idFilter,
|
|
@@ -148,17 +147,17 @@ class QueryBuilderImpl extends React.Component {
|
|
|
148
147
|
dragTo
|
|
149
148
|
});
|
|
150
149
|
this.sendChange(newFilters);
|
|
151
|
-
}
|
|
150
|
+
};
|
|
152
151
|
|
|
153
|
-
|
|
152
|
+
this.handleDrop = (dragElement, dragTo) => {
|
|
154
153
|
const {
|
|
155
154
|
type
|
|
156
155
|
} = dragElement;
|
|
157
156
|
if (type === types.QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
|
|
158
157
|
return this.handleDropGroup(dragElement, dragTo);
|
|
159
|
-
}
|
|
158
|
+
};
|
|
160
159
|
|
|
161
|
-
|
|
160
|
+
this.sendChange = _ref => {
|
|
162
161
|
let {
|
|
163
162
|
format
|
|
164
163
|
} = _ref,
|
|
@@ -171,16 +170,16 @@ class QueryBuilderImpl extends React.Component {
|
|
|
171
170
|
onChange
|
|
172
171
|
} = this.props;
|
|
173
172
|
onChange(format, newFilters);
|
|
174
|
-
}
|
|
173
|
+
};
|
|
175
174
|
|
|
176
|
-
|
|
175
|
+
this.sendCall = (action, data) => {
|
|
177
176
|
const {
|
|
178
177
|
[action]: callback
|
|
179
178
|
} = this.props;
|
|
180
179
|
if (callback) callback(data);
|
|
181
|
-
}
|
|
180
|
+
};
|
|
182
181
|
|
|
183
|
-
|
|
182
|
+
this.setDraggableItems = drag => {
|
|
184
183
|
this.isDraggableItem = true;
|
|
185
184
|
|
|
186
185
|
try {
|
|
@@ -203,7 +202,7 @@ class QueryBuilderImpl extends React.Component {
|
|
|
203
202
|
} catch (error) {
|
|
204
203
|
this.isDraggableItem = true;
|
|
205
204
|
}
|
|
206
|
-
}
|
|
205
|
+
};
|
|
207
206
|
|
|
208
207
|
this.store = new store(props.init, props.format);
|
|
209
208
|
this.state = this.store.getInitialState();
|
|
@@ -19,9 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
19
19
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
20
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
21
|
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
25
|
|
|
26
26
|
const QueryBuilderItem = _ref => {
|
|
27
27
|
let {
|
|
@@ -25,9 +25,9 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
25
25
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
26
26
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
27
|
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
29
|
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
31
|
|
|
32
32
|
const RenderField = _ref => {
|
|
33
33
|
let {
|
|
@@ -114,31 +114,31 @@ class QueryBuilderRow extends React.Component {
|
|
|
114
114
|
constructor(props) {
|
|
115
115
|
super(props);
|
|
116
116
|
|
|
117
|
-
|
|
117
|
+
this.handleMouseEnterRow = () => {};
|
|
118
118
|
|
|
119
|
-
|
|
119
|
+
this.handleMouseLeaveRow = () => {
|
|
120
120
|
this.handleTooltipRow(false);
|
|
121
|
-
}
|
|
121
|
+
};
|
|
122
122
|
|
|
123
|
-
|
|
123
|
+
this.handleMouseEnterInput = () => {
|
|
124
124
|
const {
|
|
125
125
|
setDraggableItems
|
|
126
126
|
} = this.props;
|
|
127
127
|
setDraggableItems(false);
|
|
128
|
-
}
|
|
128
|
+
};
|
|
129
129
|
|
|
130
|
-
|
|
130
|
+
this.handleMouseLeaveInput = () => {
|
|
131
131
|
const {
|
|
132
132
|
setDraggableItems
|
|
133
133
|
} = this.props;
|
|
134
134
|
setDraggableItems(true);
|
|
135
|
-
}
|
|
135
|
+
};
|
|
136
136
|
|
|
137
|
-
|
|
137
|
+
this.handleTooltipRow = isOpen => {
|
|
138
138
|
this.setState({
|
|
139
139
|
isOpen
|
|
140
140
|
});
|
|
141
|
-
}
|
|
141
|
+
};
|
|
142
142
|
|
|
143
143
|
this.state = {
|
|
144
144
|
isOpen: false
|
|
@@ -16,9 +16,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
16
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
17
17
|
var GrowRight__default = /*#__PURE__*/_interopDefaultLegacy(GrowRight);
|
|
18
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
19
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
22
|
|
|
23
23
|
const ToolBarAnimation = props => /*#__PURE__*/React.createElement(GrowRight__default["default"], _objectSpread(_objectSpread({}, props), {}, {
|
|
24
24
|
key: "popper-animation-key",
|
|
@@ -1,35 +1,29 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
3
|
var sqlFormat = require('./sqlFormat.js');
|
|
5
4
|
var xmlFormat = require('./xmlFormat.js');
|
|
6
5
|
var sqlSafeFormat = require('./sqlSafeFormat.js');
|
|
7
6
|
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
11
|
-
|
|
12
7
|
class QueryBuilderFormat {
|
|
13
8
|
constructor() {
|
|
14
|
-
|
|
9
|
+
this.format = {
|
|
15
10
|
defaultFormat: query => query,
|
|
16
11
|
sqlFormat: sqlFormat.sqlFormat,
|
|
17
12
|
xmlFormat: xmlFormat.xmlFormat,
|
|
18
13
|
sqlSafeFormat: sqlSafeFormat.sqlSafeFormat
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
_defineProperty__default["default"](this, "currentFormat", 'sqlFormat');
|
|
14
|
+
};
|
|
15
|
+
this.currentFormat = 'sqlFormat';
|
|
22
16
|
|
|
23
|
-
|
|
17
|
+
this.setDefaultFormat = formatName => {
|
|
24
18
|
if (this.format[formatName]) this.currentFormat = formatName;
|
|
25
|
-
}
|
|
19
|
+
};
|
|
26
20
|
|
|
27
|
-
|
|
21
|
+
this.addFormat = (formatName, format) => this.format[formatName] = format;
|
|
28
22
|
|
|
29
|
-
|
|
23
|
+
this.run = (query, formatName) => {
|
|
30
24
|
if (this.format[formatName]) return this.format[formatName](query);
|
|
31
25
|
return this.format[this.currentFormat](query);
|
|
32
|
-
}
|
|
26
|
+
};
|
|
33
27
|
}
|
|
34
28
|
|
|
35
29
|
}
|
|
@@ -18,9 +18,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
18
|
|
|
19
19
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
20
|
|
|
21
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
21
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
22
|
|
|
23
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
23
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
24
|
/**
|
|
25
25
|
* this is injected. instance of QBStore
|
|
26
26
|
*
|