@elliemae/ds-query-builder 2.0.0-alpha.1 → 2.0.0-alpha.13
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 +61 -55
- package/cjs/components/AndOrController/AndOrController.js +44 -52
- package/cjs/components/ConditionController/ConditionController.js +35 -41
- package/cjs/components/DisplayOutput/DisplayOutput.js +38 -24
- package/cjs/components/DragContainerController/DragContainerController.js +16 -18
- package/cjs/components/DragControllerRow/DragControllerRow.js +12 -8
- package/cjs/components/FieldControllerRow/FieldControllerRow.js +22 -22
- package/cjs/components/Nestable/Nestable.js +54 -40
- package/cjs/components/Nestable/NestableItem.js +24 -16
- package/cjs/components/Nestable/actions/events.js +7 -2
- package/cjs/components/Nestable/actions/getPaths.js +11 -1
- package/cjs/components/Nestable/actions/moveItem.js +15 -8
- package/cjs/components/Nestable/actions/paths.js +15 -3
- package/cjs/components/QueryBuilderContext/QueryBuilderContext.js +1 -1
- package/cjs/components/QueryBuilderImpl.js +44 -38
- package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +30 -22
- package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +64 -49
- package/cjs/components/ToolBarAnimation/ToolBarAnimation.js +7 -2
- package/cjs/components/format/format.js +8 -14
- package/cjs/components/format/sqlFormat.js +25 -23
- package/cjs/components/format/sqlSafeFormat.js +27 -25
- package/cjs/components/format/xmlFormat.js +25 -23
- package/cjs/components/helpers/actions.js +62 -37
- package/cjs/components/helpers/dependencies.js +19 -12
- package/cjs/components/helpers/store.js +39 -40
- package/cjs/index.js +2 -1
- package/cjs/propTypes.js +1 -0
- package/esm/DSQueryBuilder.js +60 -55
- package/esm/components/AndOrController/AndOrController.js +21 -24
- package/esm/components/ConditionController/ConditionController.js +21 -23
- package/esm/components/DisplayOutput/DisplayOutput.js +32 -15
- package/esm/components/DragContainerController/DragContainerController.js +11 -11
- package/esm/components/DragControllerRow/DragControllerRow.js +7 -2
- package/esm/components/FieldControllerRow/FieldControllerRow.js +22 -20
- package/esm/components/Nestable/Nestable.js +46 -32
- package/esm/components/Nestable/NestableItem.js +21 -13
- package/esm/components/Nestable/actions/events.js +6 -1
- package/esm/components/Nestable/actions/getPaths.js +11 -1
- package/esm/components/Nestable/actions/moveItem.js +12 -5
- package/esm/components/Nestable/actions/paths.js +15 -3
- package/esm/components/QueryBuilderImpl.js +38 -32
- package/esm/components/QueryBuilderItem/QueryBuilderItem.js +28 -20
- package/esm/components/QueryBuilderRow/QueryBuilderRow.js +54 -38
- package/esm/components/ToolBarAnimation/ToolBarAnimation.js +5 -0
- package/esm/components/format/format.js +8 -10
- package/esm/components/format/sqlFormat.js +25 -23
- package/esm/components/format/sqlSafeFormat.js +27 -25
- package/esm/components/format/xmlFormat.js +25 -23
- package/esm/components/helpers/actions.js +61 -36
- package/esm/components/helpers/dependencies.js +17 -8
- package/esm/components/helpers/store.js +38 -39
- package/esm/index.js +1 -1
- package/esm/propTypes.js +1 -0
- package/package.json +14 -7
- package/types/DSQueryBuilder.d.ts +172 -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 -22
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
|
@@ -1,11 +1,16 @@
|
|
|
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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
9
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
10
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
11
|
require('react');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
12
|
+
var dsIcon = require('@elliemae/ds-icon');
|
|
13
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
9
14
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
15
|
|
|
11
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -13,27 +18,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
18
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
14
19
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
20
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
16
|
-
var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
|
|
17
21
|
|
|
18
22
|
const _excluded = ["className", "color", "icon", "size"];
|
|
19
23
|
|
|
20
24
|
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; }
|
|
21
25
|
|
|
22
|
-
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[
|
|
26
|
+
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; }
|
|
23
27
|
|
|
24
28
|
const DragControllerRow = _ref => {
|
|
25
29
|
let {
|
|
26
30
|
className = 'drag-controller',
|
|
27
31
|
color = ['neutral', '500'],
|
|
28
|
-
icon: Icon
|
|
29
|
-
size =
|
|
32
|
+
icon: Icon = dsIcons.GripperVertical,
|
|
33
|
+
size = dsIcon.DSIconSizes.M
|
|
30
34
|
} = _ref,
|
|
31
|
-
rest = _objectWithoutProperties__default[
|
|
35
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
32
36
|
|
|
33
37
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
34
38
|
className: className
|
|
35
39
|
}, rest), {}, {
|
|
36
|
-
children: /*#__PURE__*/_jsx__default[
|
|
40
|
+
children: /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
37
41
|
color: color,
|
|
38
42
|
size: size
|
|
39
43
|
})
|
|
@@ -2,32 +2,32 @@
|
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
require('react');
|
|
5
|
-
var
|
|
6
|
-
var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
|
|
5
|
+
var dsForm = require('@elliemae/ds-form');
|
|
7
6
|
|
|
8
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
8
|
|
|
10
9
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
|
-
var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
|
|
12
|
-
var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
|
|
13
10
|
|
|
14
|
-
const FieldControllerRow =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
11
|
+
const FieldControllerRow = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
className = '',
|
|
14
|
+
onChange = () => null,
|
|
15
|
+
options = [],
|
|
16
|
+
value = '',
|
|
17
|
+
type = 'DSComboBox'
|
|
18
|
+
} = _ref;
|
|
19
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
20
|
+
className: className
|
|
21
|
+
}, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
|
|
22
|
+
onChange: onChange,
|
|
23
|
+
options: options,
|
|
24
|
+
value: value
|
|
25
|
+
}), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
|
|
26
|
+
fluidWidth: true,
|
|
27
|
+
onChange: onChange,
|
|
28
|
+
options: options,
|
|
29
|
+
value: value
|
|
30
|
+
}));
|
|
31
|
+
};
|
|
32
32
|
|
|
33
33
|
module.exports = FieldControllerRow;
|
|
@@ -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');
|
|
@@ -22,51 +31,51 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
|
22
31
|
|
|
23
32
|
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; }
|
|
24
33
|
|
|
25
|
-
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[
|
|
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,
|
|
@@ -234,7 +248,7 @@ class Nestable extends React.Component {
|
|
|
234
248
|
const {
|
|
235
249
|
dragItem
|
|
236
250
|
} = this.state;
|
|
237
|
-
const el = document.querySelector(
|
|
251
|
+
const el = document.querySelector(".nestable-".concat(group, " .nestable-item-").concat(dragItem.id));
|
|
238
252
|
let listStyles = {};
|
|
239
253
|
|
|
240
254
|
if (el) {
|
|
@@ -246,12 +260,12 @@ class Nestable extends React.Component {
|
|
|
246
260
|
}
|
|
247
261
|
|
|
248
262
|
const options = this.getItemOptions();
|
|
249
|
-
return /*#__PURE__*/_jsx__default[
|
|
263
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
250
264
|
className: "nestable-drag-layer"
|
|
251
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
265
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("ol", {
|
|
252
266
|
className: "nestable-list",
|
|
253
267
|
style: listStyles
|
|
254
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
268
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](NestableItem, {
|
|
255
269
|
isCopy: true,
|
|
256
270
|
item: dragItem,
|
|
257
271
|
options: options
|
|
@@ -275,13 +289,13 @@ class Nestable extends React.Component {
|
|
|
275
289
|
const childLength = items.length;
|
|
276
290
|
let childClass = 'single';
|
|
277
291
|
if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
|
|
278
|
-
return /*#__PURE__*/_jsx__default[
|
|
279
|
-
className: cn__default[
|
|
292
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
293
|
+
className: cn__default["default"]('nestable', "nestable-".concat(group), {
|
|
280
294
|
'is-drag-active': dragItem
|
|
281
295
|
})
|
|
282
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
283
|
-
className:
|
|
284
|
-
}, void 0, items.map((item, i) => /*#__PURE__*/_jsx__default[
|
|
296
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("ol", {
|
|
297
|
+
className: "nestable-list nestable-group nestable-child-count-".concat(childClass)
|
|
298
|
+
}, void 0, items.map((item, i) => /*#__PURE__*/_jsx__default["default"](NestableItem, {
|
|
285
299
|
index: i,
|
|
286
300
|
isAndItem: isAndItem,
|
|
287
301
|
isDraggableItem: isDraggableItem,
|
|
@@ -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');
|
|
@@ -14,18 +21,19 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
|
14
21
|
|
|
15
22
|
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; }
|
|
16
23
|
|
|
17
|
-
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[
|
|
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,
|
|
@@ -39,7 +47,7 @@ const NestableItem = ({
|
|
|
39
47
|
const isOrGroup = item.element.type === 'group' && (item.element.condition === '' || item.element.condition === false);
|
|
40
48
|
const isAndGroup = item.element.type === 'group' && !(item.element.condition === '' || item.element.condition === false);
|
|
41
49
|
const itemProps = {
|
|
42
|
-
className: cn__default[
|
|
50
|
+
className: cn__default["default"]("nestable-item".concat(isCopy ? '-copy' : ''), "nestable-item".concat(isCopy ? '-copy' : '', "-").concat(item.id), "nestable-item-type-".concat(item.element.type), {
|
|
43
51
|
'is-or-group': isOrGroup,
|
|
44
52
|
'is-and-group': isAndGroup,
|
|
45
53
|
'is-and-filter': item.element.type === 'filter' && isAndItem,
|
|
@@ -79,16 +87,16 @@ const NestableItem = ({
|
|
|
79
87
|
if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
|
|
80
88
|
return /*#__PURE__*/jsxRuntime.jsxs("li", _objectSpread(_objectSpread({}, itemProps), {}, {
|
|
81
89
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
82
|
-
className:
|
|
90
|
+
className: "nestable-item-name nestable-item-name--".concat(item.element.type, " ")
|
|
83
91
|
}, rowProps), {}, {
|
|
84
92
|
children: renderItem({
|
|
85
93
|
item,
|
|
86
94
|
handler: Handler,
|
|
87
95
|
index
|
|
88
96
|
})
|
|
89
|
-
})), hasChildren && item.element.type === 'group' && !isCollapsed && /*#__PURE__*/_jsx__default[
|
|
90
|
-
className:
|
|
91
|
-
}, void 0, item[childrenProp].map((currentitem, i) => /*#__PURE__*/_jsx__default[
|
|
97
|
+
})), hasChildren && item.element.type === 'group' && !isCollapsed && /*#__PURE__*/_jsx__default["default"]("ol", {
|
|
98
|
+
className: "nestable-list nestable-child-count-".concat(childClass, " ")
|
|
99
|
+
}, void 0, item[childrenProp].map((currentitem, i) => /*#__PURE__*/_jsx__default["default"](NestableItem, {
|
|
92
100
|
index: i,
|
|
93
101
|
isAndItem: isAndGroup,
|
|
94
102
|
isCopy: isCopy,
|
|
@@ -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 }; }
|
|
@@ -11,7 +16,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
11
16
|
|
|
12
17
|
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; }
|
|
13
18
|
|
|
14
|
-
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[
|
|
19
|
+
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; }
|
|
15
20
|
function onDragStart(e, item) {
|
|
16
21
|
if (e) {
|
|
17
22
|
e.preventDefault();
|
|
@@ -54,7 +59,7 @@ function onMouseMove(e) {
|
|
|
54
59
|
clientY
|
|
55
60
|
} = e;
|
|
56
61
|
const transformProps = utils.getTransformProps(clientX, clientY);
|
|
57
|
-
const elCopy = document.querySelector(
|
|
62
|
+
const elCopy = document.querySelector(".nestable-".concat(group, " .nestable-drag-layer > .nestable-list"));
|
|
58
63
|
|
|
59
64
|
if (!this.elCopyStyles) {
|
|
60
65
|
const offset = utils.getOffsetRect(this.el);
|
|
@@ -2,6 +2,15 @@
|
|
|
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');
|
|
12
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
13
|
+
|
|
5
14
|
function getRealNextPath(prevPath, nextPath) {
|
|
6
15
|
const {
|
|
7
16
|
childrenProp
|
|
@@ -87,7 +96,8 @@ function getItemDepth(item) {
|
|
|
87
96
|
|
|
88
97
|
return level;
|
|
89
98
|
}
|
|
90
|
-
function getSplicePath(path
|
|
99
|
+
function getSplicePath(path) {
|
|
100
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
91
101
|
const splicePath = {};
|
|
92
102
|
const numToRemove = options.numToRemove || 0;
|
|
93
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
|
|
|
@@ -12,12 +17,14 @@ var update__default = /*#__PURE__*/_interopDefaultLegacy(update);
|
|
|
12
17
|
|
|
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
|
-
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[
|
|
16
|
-
function moveItem({
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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; }
|
|
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;
|
|
@@ -36,8 +43,8 @@ function moveItem({
|
|
|
36
43
|
itemsToInsert: [dragItem],
|
|
37
44
|
childrenProp
|
|
38
45
|
});
|
|
39
|
-
items = update__default[
|
|
40
|
-
items = update__default[
|
|
46
|
+
items = update__default["default"](items, removePath);
|
|
47
|
+
items = update__default["default"](items, insertPath);
|
|
41
48
|
this.setState(_objectSpread({
|
|
42
49
|
items,
|
|
43
50
|
isDirty: true
|
|
@@ -2,6 +2,15 @@
|
|
|
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');
|
|
12
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
13
|
+
|
|
5
14
|
function getRealNextPath(prevPath, nextPath) {
|
|
6
15
|
const {
|
|
7
16
|
childrenProp
|
|
@@ -43,7 +52,8 @@ function getRealNextPath(prevPath, nextPath) {
|
|
|
43
52
|
|
|
44
53
|
return nextPath;
|
|
45
54
|
}
|
|
46
|
-
function getPathById(id
|
|
55
|
+
function getPathById(id) {
|
|
56
|
+
let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
|
|
47
57
|
const {
|
|
48
58
|
childrenProp
|
|
49
59
|
} = this.props;
|
|
@@ -63,7 +73,8 @@ function getPathById(id, items = this.getDefaultItems()) {
|
|
|
63
73
|
});
|
|
64
74
|
return path;
|
|
65
75
|
}
|
|
66
|
-
function getItemByPath(path
|
|
76
|
+
function getItemByPath(path) {
|
|
77
|
+
let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
|
|
67
78
|
const {
|
|
68
79
|
childrenProp
|
|
69
80
|
} = this.props;
|
|
@@ -87,7 +98,8 @@ function getItemDepth(item) {
|
|
|
87
98
|
|
|
88
99
|
return level;
|
|
89
100
|
}
|
|
90
|
-
function getSplicePath(path
|
|
101
|
+
function getSplicePath(path) {
|
|
102
|
+
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
91
103
|
const splicePath = {};
|
|
92
104
|
const numToRemove = options.numToRemove || 0;
|
|
93
105
|
const itemsToInsert = options.itemsToInsert || [];
|
|
@@ -8,6 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
10
|
|
|
11
|
-
const QueryBuilderContext = /*#__PURE__*/React__default[
|
|
11
|
+
const QueryBuilderContext = /*#__PURE__*/React__default["default"].createContext({});
|
|
12
12
|
|
|
13
13
|
exports.QueryBuilderContext = QueryBuilderContext;
|