@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,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');
|
|
@@ -23,31 +28,30 @@ const _excluded = ["format"];
|
|
|
23
28
|
|
|
24
29
|
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; }
|
|
25
30
|
|
|
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[
|
|
31
|
+
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; }
|
|
27
32
|
|
|
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,21 +147,21 @@ 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,
|
|
160
|
-
newFilters = _objectWithoutProperties__default[
|
|
164
|
+
newFilters = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
161
165
|
|
|
162
166
|
this.setState(_objectSpread({
|
|
163
167
|
format
|
|
@@ -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();
|
|
@@ -234,6 +238,7 @@ class QueryBuilderImpl extends React.Component {
|
|
|
234
238
|
containerProps,
|
|
235
239
|
ruleContainerClassName,
|
|
236
240
|
fields,
|
|
241
|
+
displayFixedOutput,
|
|
237
242
|
displayOutput,
|
|
238
243
|
displayOutputLabel,
|
|
239
244
|
singleRow,
|
|
@@ -243,7 +248,7 @@ class QueryBuilderImpl extends React.Component {
|
|
|
243
248
|
const {
|
|
244
249
|
condition
|
|
245
250
|
} = mapGroups[main];
|
|
246
|
-
return /*#__PURE__*/_jsx__default[
|
|
251
|
+
return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Provider, {
|
|
247
252
|
value: {
|
|
248
253
|
toolTipZIndex,
|
|
249
254
|
fields,
|
|
@@ -267,8 +272,8 @@ class QueryBuilderImpl extends React.Component {
|
|
|
267
272
|
singleRow
|
|
268
273
|
}
|
|
269
274
|
}, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
270
|
-
className:
|
|
271
|
-
children: [/*#__PURE__*/_jsx__default[
|
|
275
|
+
className: "nested-main-group ".concat(condition !== true ? 'is-or-group' : 'is-and-groupL', " ").concat(singleRow ? 'query-main-single-row' : 'query-main-multiple-row'),
|
|
276
|
+
children: [/*#__PURE__*/_jsx__default["default"](Nestable, {
|
|
272
277
|
isAndItem: condition === true,
|
|
273
278
|
isDraggableItem: this.isDraggableItem,
|
|
274
279
|
isOrItem: condition !== true,
|
|
@@ -278,9 +283,9 @@ class QueryBuilderImpl extends React.Component {
|
|
|
278
283
|
setDraggableItems: this.setDraggableItems,
|
|
279
284
|
step: step,
|
|
280
285
|
singleRow: singleRow
|
|
281
|
-
}), !singleRow && /*#__PURE__*/_jsx__default[
|
|
286
|
+
}), !singleRow && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
282
287
|
className: "rule-container-options"
|
|
283
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
288
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](AndOrController, {
|
|
284
289
|
allowUnGroup: false,
|
|
285
290
|
condition: condition,
|
|
286
291
|
handleRuleContainerOperator: value => this.handleRuleContainerOperator(main, value),
|
|
@@ -291,7 +296,8 @@ class QueryBuilderImpl extends React.Component {
|
|
|
291
296
|
step: step,
|
|
292
297
|
toolTipZIndex: toolTipZIndex
|
|
293
298
|
}))]
|
|
294
|
-
})), displayOutput && /*#__PURE__*/_jsx__default[
|
|
299
|
+
})), (displayOutput || displayFixedOutput) && /*#__PURE__*/_jsx__default["default"](DisplayOutput, {
|
|
300
|
+
displayFixedOutput: displayFixedOutput,
|
|
295
301
|
hideLabel: displayOutputLabel.hide,
|
|
296
302
|
showLabel: displayOutputLabel.show,
|
|
297
303
|
show: displayOutputLabel.open
|
|
@@ -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');
|
|
@@ -16,11 +21,12 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
16
21
|
|
|
17
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; }
|
|
18
23
|
|
|
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[
|
|
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[
|
|
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,
|
|
@@ -65,7 +73,7 @@ const QueryBuilderItem = ({
|
|
|
65
73
|
}
|
|
66
74
|
|
|
67
75
|
if (singleRow) return null;
|
|
68
|
-
return /*#__PURE__*/_jsx__default[
|
|
76
|
+
return /*#__PURE__*/_jsx__default["default"](AndOrController, {
|
|
69
77
|
allowUnGroup: true,
|
|
70
78
|
condition: condition,
|
|
71
79
|
handleRuleContainerOperator: value => handleRuleContainerOperator(idGroup, value),
|
|
@@ -2,9 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
13
|
var React = require('react');
|
|
6
|
-
var
|
|
7
|
-
var DSTooltip = require('@elliemae/ds-
|
|
14
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
15
|
+
var DSTooltip = require('@elliemae/ds-tooltip');
|
|
8
16
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
17
|
var dependencies = require('../helpers/dependencies.js');
|
|
10
18
|
var ConditionController = require('../ConditionController/ConditionController.js');
|
|
@@ -16,31 +24,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
24
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
17
25
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
18
26
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
var AlertsDetail__default = /*#__PURE__*/_interopDefaultLegacy(AlertsDetail);
|
|
20
27
|
|
|
21
28
|
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; }
|
|
22
29
|
|
|
23
|
-
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
|
-
|
|
25
|
-
const RenderField =
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
30
|
+
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; }
|
|
31
|
+
|
|
32
|
+
const RenderField = _ref => {
|
|
33
|
+
let {
|
|
34
|
+
target,
|
|
35
|
+
component,
|
|
36
|
+
valueProp,
|
|
37
|
+
additionalInfo,
|
|
38
|
+
handleMouseEnterInput,
|
|
39
|
+
handleMouseLeaveInput,
|
|
40
|
+
onChangeHandler,
|
|
41
|
+
hasError
|
|
42
|
+
} = _ref;
|
|
43
|
+
const ref = React__default["default"].useRef();
|
|
44
|
+
const id = React__default["default"].useMemo(() => "el_".concat(String.fromCharCode(65 + Math.floor(Math.random() * 26))), []);
|
|
45
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
46
|
+
className: "em-ds-query-builder-row-input child-type-".concat(target, " ").concat(hasError && hasError.error ? 'row-input-error' : ''),
|
|
39
47
|
onMouseDownCapture: () => {
|
|
40
48
|
var _ref$current;
|
|
41
49
|
|
|
42
50
|
// eslint-disable-next-line no-underscore-dangle
|
|
43
|
-
const _refInput = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(
|
|
51
|
+
const _refInput = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("#".concat(id));
|
|
44
52
|
|
|
45
53
|
if (_refInput && _refInput.focus) setTimeout(_refInput.focus());
|
|
46
54
|
handleMouseEnterInput();
|
|
@@ -50,24 +58,31 @@ const RenderField = ({
|
|
|
50
58
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
51
59
|
ref: ref,
|
|
52
60
|
className: "em-ds-query-builder-row__input-controller",
|
|
53
|
-
children: /*#__PURE__*/React__default[
|
|
61
|
+
children: /*#__PURE__*/React__default["default"].cloneElement(component, {
|
|
54
62
|
id,
|
|
55
63
|
onChange: (e, extraData) => onChangeHandler(e, target, extraData),
|
|
56
64
|
value: valueProp != null ? valueProp : '',
|
|
57
65
|
checked: valueProp === true,
|
|
58
|
-
additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {}
|
|
66
|
+
additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
|
|
67
|
+
'aria-invalid': Boolean(hasError)
|
|
59
68
|
})
|
|
60
|
-
}), hasError && hasError.errorMessage ? /*#__PURE__*/_jsx__default[
|
|
69
|
+
}), hasError && hasError.errorMessage ? /*#__PURE__*/_jsx__default["default"]("div", {
|
|
70
|
+
style: {
|
|
71
|
+
width: '40px'
|
|
72
|
+
}
|
|
73
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip.DSTooltipV3, {
|
|
74
|
+
text: hasError.errorMessage
|
|
75
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
76
|
+
tabIndex: 0,
|
|
61
77
|
className: "row-icon-alert",
|
|
62
|
-
"data-testid": "qb-error-state-icon"
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
})) : null); // return React.useMemo(
|
|
78
|
+
"data-testid": "qb-error-state-icon",
|
|
79
|
+
role: "alert"
|
|
80
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsDetail, {
|
|
81
|
+
width: 20,
|
|
82
|
+
height: 20,
|
|
83
|
+
color: ['danger', 900],
|
|
84
|
+
title: hasError.errorMessage
|
|
85
|
+
})))) : null); // return React.useMemo(
|
|
71
86
|
// () => (
|
|
72
87
|
// <div
|
|
73
88
|
// className={`em-ds-query-builder-row-input child-type-${target}`}
|
|
@@ -99,31 +114,31 @@ class QueryBuilderRow extends React.Component {
|
|
|
99
114
|
constructor(props) {
|
|
100
115
|
super(props);
|
|
101
116
|
|
|
102
|
-
|
|
117
|
+
this.handleMouseEnterRow = () => {};
|
|
103
118
|
|
|
104
|
-
|
|
119
|
+
this.handleMouseLeaveRow = () => {
|
|
105
120
|
this.handleTooltipRow(false);
|
|
106
|
-
}
|
|
121
|
+
};
|
|
107
122
|
|
|
108
|
-
|
|
123
|
+
this.handleMouseEnterInput = () => {
|
|
109
124
|
const {
|
|
110
125
|
setDraggableItems
|
|
111
126
|
} = this.props;
|
|
112
127
|
setDraggableItems(false);
|
|
113
|
-
}
|
|
128
|
+
};
|
|
114
129
|
|
|
115
|
-
|
|
130
|
+
this.handleMouseLeaveInput = () => {
|
|
116
131
|
const {
|
|
117
132
|
setDraggableItems
|
|
118
133
|
} = this.props;
|
|
119
134
|
setDraggableItems(true);
|
|
120
|
-
}
|
|
135
|
+
};
|
|
121
136
|
|
|
122
|
-
|
|
137
|
+
this.handleTooltipRow = isOpen => {
|
|
123
138
|
this.setState({
|
|
124
139
|
isOpen
|
|
125
140
|
});
|
|
126
|
-
}
|
|
141
|
+
};
|
|
127
142
|
|
|
128
143
|
this.state = {
|
|
129
144
|
isOpen: false
|
|
@@ -156,8 +171,8 @@ class QueryBuilderRow extends React.Component {
|
|
|
156
171
|
idGroup,
|
|
157
172
|
additionalInfo: _objectSpread(_objectSpread({}, additionalInfo), {}, {
|
|
158
173
|
[target]: extraData,
|
|
159
|
-
[
|
|
160
|
-
[
|
|
174
|
+
["".concat(target, "_error")]: hasError,
|
|
175
|
+
["".concat(target, "_touched")]: true
|
|
161
176
|
}),
|
|
162
177
|
target
|
|
163
178
|
});
|
|
@@ -194,14 +209,14 @@ class QueryBuilderRow extends React.Component {
|
|
|
194
209
|
}, fields);
|
|
195
210
|
const gridTemplateColumns = ['24px', ...test.map(() => 'minmax(0, 1fr)'), '30px'].join(' ');
|
|
196
211
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
197
|
-
children: /*#__PURE__*/_jsx__default[
|
|
212
|
+
children: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
198
213
|
className: cssClassName,
|
|
199
214
|
onMouseEnter: this.handleMouseEnterRow,
|
|
200
215
|
onMouseLeave: this.handleMouseLeaveRow,
|
|
201
216
|
style: {
|
|
202
217
|
gridTemplateColumns
|
|
203
218
|
}
|
|
204
|
-
}, void 0, !singleRow && /*#__PURE__*/_jsx__default[
|
|
219
|
+
}, void 0, !singleRow && /*#__PURE__*/_jsx__default["default"](DragControllerRow, {
|
|
205
220
|
className: classNameElement('drag-controller'),
|
|
206
221
|
onMouseDownCapture: () => this.handleMouseLeaveInput()
|
|
207
222
|
}), test.map(renderField => {
|
|
@@ -212,14 +227,14 @@ class QueryBuilderRow extends React.Component {
|
|
|
212
227
|
const {
|
|
213
228
|
[target]: valueProp
|
|
214
229
|
} = this.props;
|
|
215
|
-
const isTouched = additionalInfo && additionalInfo[
|
|
230
|
+
const isTouched = additionalInfo && additionalInfo["".concat(target, "_touched")];
|
|
216
231
|
const hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
|
|
217
232
|
field,
|
|
218
233
|
operator,
|
|
219
234
|
value,
|
|
220
235
|
additionalInfo
|
|
221
236
|
}) : false;
|
|
222
|
-
return /*#__PURE__*/_jsx__default[
|
|
237
|
+
return /*#__PURE__*/_jsx__default["default"](RenderField, {
|
|
223
238
|
component: component,
|
|
224
239
|
target: target,
|
|
225
240
|
valueProp: valueProp,
|
|
@@ -231,9 +246,9 @@ class QueryBuilderRow extends React.Component {
|
|
|
231
246
|
additionalInfo: additionalInfo,
|
|
232
247
|
hasError: isTouched && hasError
|
|
233
248
|
});
|
|
234
|
-
}), !singleRow && /*#__PURE__*/_jsx__default[
|
|
249
|
+
}), !singleRow && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
235
250
|
className: classNameBlock('controller')
|
|
236
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
251
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](ConditionController, {
|
|
237
252
|
handleTooltipRow: this.handleTooltipRow,
|
|
238
253
|
isOpen: isOpen,
|
|
239
254
|
items: items,
|
|
@@ -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 React = require('react');
|
|
7
12
|
var GrowRight = require('@elliemae/ds-shared/Animations/GrowRight');
|
|
@@ -13,9 +18,9 @@ var GrowRight__default = /*#__PURE__*/_interopDefaultLegacy(GrowRight);
|
|
|
13
18
|
|
|
14
19
|
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; }
|
|
15
20
|
|
|
16
|
-
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[
|
|
21
|
+
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; }
|
|
17
22
|
|
|
18
|
-
const ToolBarAnimation = props => /*#__PURE__*/React.createElement(GrowRight__default[
|
|
23
|
+
const ToolBarAnimation = props => /*#__PURE__*/React.createElement(GrowRight__default["default"], _objectSpread(_objectSpread({}, props), {}, {
|
|
19
24
|
key: "popper-animation-key",
|
|
20
25
|
from: 0.5,
|
|
21
26
|
to: 1
|
|
@@ -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
|
}
|