@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.
Files changed (62) hide show
  1. package/cjs/DSQueryBuilder.js +61 -55
  2. package/cjs/components/AndOrController/AndOrController.js +44 -52
  3. package/cjs/components/ConditionController/ConditionController.js +35 -41
  4. package/cjs/components/DisplayOutput/DisplayOutput.js +38 -24
  5. package/cjs/components/DragContainerController/DragContainerController.js +16 -18
  6. package/cjs/components/DragControllerRow/DragControllerRow.js +12 -8
  7. package/cjs/components/FieldControllerRow/FieldControllerRow.js +22 -22
  8. package/cjs/components/Nestable/Nestable.js +54 -40
  9. package/cjs/components/Nestable/NestableItem.js +24 -16
  10. package/cjs/components/Nestable/actions/events.js +7 -2
  11. package/cjs/components/Nestable/actions/getPaths.js +11 -1
  12. package/cjs/components/Nestable/actions/moveItem.js +15 -8
  13. package/cjs/components/Nestable/actions/paths.js +15 -3
  14. package/cjs/components/QueryBuilderContext/QueryBuilderContext.js +1 -1
  15. package/cjs/components/QueryBuilderImpl.js +44 -38
  16. package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +30 -22
  17. package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +64 -49
  18. package/cjs/components/ToolBarAnimation/ToolBarAnimation.js +7 -2
  19. package/cjs/components/format/format.js +8 -14
  20. package/cjs/components/format/sqlFormat.js +25 -23
  21. package/cjs/components/format/sqlSafeFormat.js +27 -25
  22. package/cjs/components/format/xmlFormat.js +25 -23
  23. package/cjs/components/helpers/actions.js +62 -37
  24. package/cjs/components/helpers/dependencies.js +19 -12
  25. package/cjs/components/helpers/store.js +39 -40
  26. package/cjs/index.js +2 -1
  27. package/cjs/propTypes.js +1 -0
  28. package/esm/DSQueryBuilder.js +60 -55
  29. package/esm/components/AndOrController/AndOrController.js +21 -24
  30. package/esm/components/ConditionController/ConditionController.js +21 -23
  31. package/esm/components/DisplayOutput/DisplayOutput.js +32 -15
  32. package/esm/components/DragContainerController/DragContainerController.js +11 -11
  33. package/esm/components/DragControllerRow/DragControllerRow.js +7 -2
  34. package/esm/components/FieldControllerRow/FieldControllerRow.js +22 -20
  35. package/esm/components/Nestable/Nestable.js +46 -32
  36. package/esm/components/Nestable/NestableItem.js +21 -13
  37. package/esm/components/Nestable/actions/events.js +6 -1
  38. package/esm/components/Nestable/actions/getPaths.js +11 -1
  39. package/esm/components/Nestable/actions/moveItem.js +12 -5
  40. package/esm/components/Nestable/actions/paths.js +15 -3
  41. package/esm/components/QueryBuilderImpl.js +38 -32
  42. package/esm/components/QueryBuilderItem/QueryBuilderItem.js +28 -20
  43. package/esm/components/QueryBuilderRow/QueryBuilderRow.js +54 -38
  44. package/esm/components/ToolBarAnimation/ToolBarAnimation.js +5 -0
  45. package/esm/components/format/format.js +8 -10
  46. package/esm/components/format/sqlFormat.js +25 -23
  47. package/esm/components/format/sqlSafeFormat.js +27 -25
  48. package/esm/components/format/xmlFormat.js +25 -23
  49. package/esm/components/helpers/actions.js +61 -36
  50. package/esm/components/helpers/dependencies.js +17 -8
  51. package/esm/components/helpers/store.js +38 -39
  52. package/esm/index.js +1 -1
  53. package/esm/propTypes.js +1 -0
  54. package/package.json +14 -7
  55. package/types/DSQueryBuilder.d.ts +172 -25
  56. package/types/components/AndOrController/AndOrController.d.ts +4 -4
  57. package/types/components/ConditionController/ConditionController.d.ts +2 -2
  58. package/types/components/DragContainerController/DragContainerController.d.ts +3 -3
  59. package/types/components/DragControllerRow/DragControllerRow.d.ts +2 -2
  60. package/types/propTypes.d.ts +133 -22
  61. package/cjs/package.json +0 -7
  62. 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['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
+ 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
- _defineProperty__default['default'](this, "isDraggableItem", true);
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
- _defineProperty__default['default'](this, "onAddFilterToGroup", idGroup => {
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
- _defineProperty__default['default'](this, "onAddFilter", (idGroup, idFilter) => {
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
- _defineProperty__default['default'](this, "onAddRuleContainer", (idGroup, idFilter) => {
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
- _defineProperty__default['default'](this, "onRemoveFilter", idFilter => {
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
- _defineProperty__default['default'](this, "handleFieldChange", data => {
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
- _defineProperty__default['default'](this, "handleRuleContainerOperator", (idGroup, value) => {
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
- _defineProperty__default['default'](this, "handleRuleContainerUnGroup", idGroup => {
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
- _defineProperty__default['default'](this, "handleDropFilter", (filter, dragTo) => {
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
- _defineProperty__default['default'](this, "handleDropGroup", (group, dragTo) => {
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
- _defineProperty__default['default'](this, "handleDrop", (dragElement, dragTo) => {
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
- _defineProperty__default['default'](this, "sendChange", _ref => {
160
+ this.sendChange = _ref => {
157
161
  let {
158
162
  format
159
163
  } = _ref,
160
- newFilters = _objectWithoutProperties__default['default'](_ref, _excluded);
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
- _defineProperty__default['default'](this, "sendCall", (action, data) => {
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
- _defineProperty__default['default'](this, "setDraggableItems", drag => {
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['default'](QueryBuilderContext.QueryBuilderContext.Provider, {
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: `nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${singleRow ? 'query-main-single-row' : 'query-main-multiple-row'}`,
271
- children: [/*#__PURE__*/_jsx__default['default'](Nestable, {
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['default']("div", {
286
+ }), !singleRow && /*#__PURE__*/_jsx__default["default"]("div", {
282
287
  className: "rule-container-options"
283
- }, void 0, /*#__PURE__*/_jsx__default['default'](AndOrController, {
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['default'](DisplayOutput, {
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['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; }
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
- item
23
- }) => {
26
+ const QueryBuilderItem = _ref => {
27
+ let {
28
+ item
29
+ } = _ref;
24
30
  const {
25
31
  element
26
32
  } = item;
@@ -30,23 +36,25 @@ const QueryBuilderItem = ({
30
36
  idGroup,
31
37
  condition
32
38
  } = element;
33
- return /*#__PURE__*/_jsx__default['default'](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, ({
34
- fields,
35
- handleFieldChange,
36
- onAddFilter,
37
- onAddFilterToGroup,
38
- onAddRuleContainer,
39
- onRemoveFilter,
40
- showDragController,
41
- handleRuleContainerOperator,
42
- handleRuleContainerUnGroup,
43
- step,
44
- items,
45
- isDraggableItem,
46
- setDraggableItems,
47
- singleRow,
48
- toolTipZIndex
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['default'](AndOrController, {
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 AlertsDetail = require('@elliemae/ds-icons/AlertsDetail');
7
- var DSTooltip = require('@elliemae/ds-basic/Tooltip');
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['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; }
24
-
25
- const RenderField = ({
26
- target,
27
- component,
28
- valueProp,
29
- additionalInfo,
30
- handleMouseEnterInput,
31
- handleMouseLeaveInput,
32
- onChangeHandler,
33
- hasError
34
- }) => {
35
- const ref = React__default['default'].useRef();
36
- const id = React__default['default'].useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);
37
- return /*#__PURE__*/_jsx__default['default']("div", {
38
- className: `em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? 'row-input-error' : ''}`,
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(`#${id}`);
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['default'].cloneElement(component, {
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['default']("span", {
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
- }, void 0, /*#__PURE__*/_jsx__default['default'](DSTooltip.DSTooltipV2, {
64
- title: hasError.errorMessage,
65
- triggerComponent: /*#__PURE__*/_jsx__default['default'](AlertsDetail__default['default'], {
66
- width: 20,
67
- height: 20,
68
- color: ['danger', 900]
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
- _defineProperty__default['default'](this, "handleMouseEnterRow", () => {});
117
+ this.handleMouseEnterRow = () => {};
103
118
 
104
- _defineProperty__default['default'](this, "handleMouseLeaveRow", () => {
119
+ this.handleMouseLeaveRow = () => {
105
120
  this.handleTooltipRow(false);
106
- });
121
+ };
107
122
 
108
- _defineProperty__default['default'](this, "handleMouseEnterInput", () => {
123
+ this.handleMouseEnterInput = () => {
109
124
  const {
110
125
  setDraggableItems
111
126
  } = this.props;
112
127
  setDraggableItems(false);
113
- });
128
+ };
114
129
 
115
- _defineProperty__default['default'](this, "handleMouseLeaveInput", () => {
130
+ this.handleMouseLeaveInput = () => {
116
131
  const {
117
132
  setDraggableItems
118
133
  } = this.props;
119
134
  setDraggableItems(true);
120
- });
135
+ };
121
136
 
122
- _defineProperty__default['default'](this, "handleTooltipRow", isOpen => {
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
- [`${target}_error`]: hasError,
160
- [`${target}_touched`]: true
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['default']("div", {
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['default'](DragControllerRow, {
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[`${target}_error`];
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['default'](RenderField, {
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['default']("div", {
249
+ }), !singleRow && /*#__PURE__*/_jsx__default["default"]("div", {
235
250
  className: classNameBlock('controller')
236
- }, void 0, /*#__PURE__*/_jsx__default['default'](ConditionController, {
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['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 _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['default'], _objectSpread(_objectSpread({}, props), {}, {
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
- _defineProperty__default['default'](this, "format", {
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
- _defineProperty__default['default'](this, "setDefaultFormat", formatName => {
17
+ this.setDefaultFormat = formatName => {
24
18
  if (this.format[formatName]) this.currentFormat = formatName;
25
- });
19
+ };
26
20
 
27
- _defineProperty__default['default'](this, "addFormat", (formatName, format) => this.format[formatName] = format);
21
+ this.addFormat = (formatName, format) => this.format[formatName] = format;
28
22
 
29
- _defineProperty__default['default'](this, "run", (query, formatName) => {
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
  }