@elliemae/ds-query-builder 2.0.0-next.0 → 2.0.0-next.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 (58) hide show
  1. package/cjs/DSQueryBuilder.js +60 -56
  2. package/cjs/components/AndOrController/AndOrController.js +21 -27
  3. package/cjs/components/ConditionController/ConditionController.js +27 -33
  4. package/cjs/components/DisplayOutput/DisplayOutput.js +18 -17
  5. package/cjs/components/DragContainerController/DragContainerController.js +14 -16
  6. package/cjs/components/DragControllerRow/DragControllerRow.js +10 -6
  7. package/cjs/components/FieldControllerRow/FieldControllerRow.js +22 -22
  8. package/cjs/components/Nestable/Nestable.js +27 -13
  9. package/cjs/components/Nestable/NestableItem.js +21 -13
  10. package/cjs/components/Nestable/actions/events.js +6 -1
  11. package/cjs/components/Nestable/actions/getPaths.js +11 -1
  12. package/cjs/components/Nestable/actions/moveItem.js +12 -5
  13. package/cjs/components/Nestable/actions/paths.js +15 -3
  14. package/cjs/components/QueryBuilderImpl.js +6 -1
  15. package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +28 -20
  16. package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +40 -30
  17. package/cjs/components/ToolBarAnimation/ToolBarAnimation.js +5 -0
  18. package/cjs/components/format/sqlFormat.js +25 -23
  19. package/cjs/components/format/sqlSafeFormat.js +27 -25
  20. package/cjs/components/format/xmlFormat.js +25 -23
  21. package/cjs/components/helpers/actions.js +61 -36
  22. package/cjs/components/helpers/dependencies.js +17 -8
  23. package/cjs/components/helpers/store.js +5 -0
  24. package/cjs/index.js +2 -1
  25. package/cjs/propTypes.js +1 -3
  26. package/esm/DSQueryBuilder.js +60 -57
  27. package/esm/components/AndOrController/AndOrController.js +11 -13
  28. package/esm/components/ConditionController/ConditionController.js +21 -23
  29. package/esm/components/DisplayOutput/DisplayOutput.js +14 -11
  30. package/esm/components/DragContainerController/DragContainerController.js +11 -11
  31. package/esm/components/DragControllerRow/DragControllerRow.js +7 -2
  32. package/esm/components/FieldControllerRow/FieldControllerRow.js +22 -20
  33. package/esm/components/Nestable/Nestable.js +26 -12
  34. package/esm/components/Nestable/NestableItem.js +21 -13
  35. package/esm/components/Nestable/actions/events.js +6 -1
  36. package/esm/components/Nestable/actions/getPaths.js +11 -1
  37. package/esm/components/Nestable/actions/moveItem.js +12 -5
  38. package/esm/components/Nestable/actions/paths.js +15 -3
  39. package/esm/components/QueryBuilderImpl.js +6 -1
  40. package/esm/components/QueryBuilderItem/QueryBuilderItem.js +28 -20
  41. package/esm/components/QueryBuilderRow/QueryBuilderRow.js +40 -29
  42. package/esm/components/ToolBarAnimation/ToolBarAnimation.js +5 -0
  43. package/esm/components/format/sqlFormat.js +25 -23
  44. package/esm/components/format/sqlSafeFormat.js +27 -25
  45. package/esm/components/format/xmlFormat.js +25 -23
  46. package/esm/components/helpers/actions.js +61 -36
  47. package/esm/components/helpers/dependencies.js +17 -8
  48. package/esm/components/helpers/store.js +5 -0
  49. package/esm/index.js +1 -1
  50. package/esm/propTypes.js +1 -3
  51. package/package.json +9 -7
  52. package/types/DSQueryBuilder.d.ts +1 -1
  53. package/types/components/AndOrController/AndOrController.d.ts +4 -4
  54. package/types/components/ConditionController/ConditionController.d.ts +2 -2
  55. package/types/components/DragContainerController/DragContainerController.d.ts +3 -3
  56. package/types/components/DragControllerRow/DragControllerRow.d.ts +2 -2
  57. package/cjs/package.json +0 -7
  58. package/esm/package.json +0 -7
@@ -2,10 +2,10 @@
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');
5
7
  var types = require('../helpers/types.js');
6
8
 
7
- /* eslint-disable complexity */
8
-
9
9
  const specialChar = /[ !@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/;
10
10
 
11
11
  const conditionSql = (condition, value) => {
@@ -22,17 +22,17 @@ const conditionSql = (condition, value) => {
22
22
  START_WITH
23
23
  } = types.QB_OPERATOR_TYPES; // eslint-disable-next-line no-restricted-globals
24
24
 
25
- const valueDisplay = isNaN(value) ? `'${value}'` : value;
26
- if (condition === EQUAL) return ` = ${valueDisplay}`;
27
- if (condition === NOT_EQUAL) return ` <> ${valueDisplay}`;
28
- if (condition === GREATER_THAN) return ` > ${valueDisplay}`;
29
- if (condition === LESS_THAN) return ` < ${valueDisplay}`;
30
- if (condition === CONTAINS) return ` LIKE '%${value}%'`;
31
- if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;
32
- if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;
33
- if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;
34
- if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;
35
- if (condition === START_WITH) return ` LIKE '${value}%'`;
25
+ const valueDisplay = isNaN(value) ? "'".concat(value, "'") : value;
26
+ if (condition === EQUAL) return " = ".concat(valueDisplay);
27
+ if (condition === NOT_EQUAL) return " <> ".concat(valueDisplay);
28
+ if (condition === GREATER_THAN) return " > ".concat(valueDisplay);
29
+ if (condition === LESS_THAN) return " < ".concat(valueDisplay);
30
+ if (condition === CONTAINS) return " LIKE '%".concat(value, "%'");
31
+ if (condition === NOT_CONTAINS) return " NOT LIKE '%".concat(value, "%'");
32
+ if (condition === BETWEEN) return " BETWEEN ".concat(value[0], " AND ").concat(value[1], " ");
33
+ if (condition === GREATER_THAN_OR_EQUAL) return " >= ".concat(value);
34
+ if (condition === LESS_THAN_OR_EQUAL) return " <= ".concat(value);
35
+ if (condition === START_WITH) return " LIKE '".concat(value, "%'");
36
36
  return condition;
37
37
  };
38
38
 
@@ -44,34 +44,36 @@ const renderFilterSQl = filter => {
44
44
  } = filter.element; // eslint-disable-next-line no-restricted-globals
45
45
 
46
46
  const fieldDisplay = // eslint-disable-next-line no-restricted-globals
47
- /[.]/.test(field) || !isNaN(field) ? `\\"${field}\\"` : field;
48
- return `${fieldDisplay} ${conditionSql(operator, value) || ''}`;
47
+ /[.]/.test(field) || !isNaN(field) ? "\\\"".concat(field, "\\\"") : field;
48
+ return "".concat(fieldDisplay, " ").concat(conditionSql(operator, value) || '');
49
49
  };
50
50
 
51
- const sqlSafeFormat = ({
52
- main,
53
- mapGroups,
54
- items
55
- }) => {
51
+ const sqlSafeFormat = _ref => {
52
+ let {
53
+ main,
54
+ mapGroups,
55
+ items
56
+ } = _ref;
57
+
56
58
  const groupSql = (item, idGroup) => {
57
59
  if (idGroup === main) {
58
60
  const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';
59
- return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line
61
+ return " ( ".concat(filterSql(item, groupCondition), " ) "); // eslint-disable-line
60
62
  }
61
63
 
62
64
  const groupCondition = item.element.condition === true ? 'AND' : 'OR';
63
- return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line
65
+ return " ( ".concat(filterSql(item.children, groupCondition), " ) "); // eslint-disable-line
64
66
  };
65
67
 
66
68
  const filterSql = (filters, groupCondition) => {
67
69
  const filterGroup = filters.map(filter => {
68
- if (filter.element.type === 'filter') return ` ${renderFilterSQl(filter)} `;
69
- return ` ${groupSql(filter) || ''} `;
70
+ if (filter.element.type === 'filter') return " ".concat(renderFilterSQl(filter), " ");
71
+ return " ".concat(groupSql(filter) || '', " ");
70
72
  });
71
73
  return filterGroup.join(groupCondition);
72
74
  };
73
75
 
74
- const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;
76
+ const sql = " FROM [TABLE_NAME] WHERE ".concat(groupSql(items, main) || '', " ");
75
77
  return sql;
76
78
  };
77
79
 
@@ -2,10 +2,10 @@
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');
5
7
  var types = require('../helpers/types.js');
6
8
 
7
- /* eslint-disable complexity */
8
-
9
9
  const conditionSql = (condition, value) => {
10
10
  const {
11
11
  EQUAL,
@@ -19,16 +19,16 @@ const conditionSql = (condition, value) => {
19
19
  LESS_THAN_OR_EQUAL,
20
20
  START_WITH
21
21
  } = types.QB_OPERATOR_TYPES;
22
- if (condition === EQUAL) return `<condition>EQUAL</condition><value>${value}</value>`;
23
- if (condition === NOT_EQUAL) return `<condition>NOT_EQUAL</condition><value>${value}</value>`;
24
- if (condition === GREATER_THAN) return `<condition>GREATER_THAN</condition><value>${value}</value>`;
25
- if (condition === LESS_THAN) return `<condition>LESS_THAN</condition><value>${value}</value>`;
26
- if (condition === CONTAINS) return `<condition>LIKE</condition><value>${value}</value>`;
27
- if (condition === NOT_CONTAINS) return `<condition>NOT_LIKE</condition><value>${value}</value>`;
28
- if (condition === BETWEEN) return `<condition>NOT_LIKE</condition><value><from>${value[0]}</from><to>${value[1]}</to></value>`;
29
- if (condition === GREATER_THAN_OR_EQUAL) return `<condition>GREATER_THAN_OR_EQUAL</condition><value>${value}</value>`;
30
- if (condition === LESS_THAN_OR_EQUAL) return `<condition>LESS_THAN_OR_EQUAL</condition><value>${value}</value>`;
31
- if (condition === START_WITH) return `<condition>GREATER_THAN</condition><value>${value}</value>`;
22
+ if (condition === EQUAL) return "<condition>EQUAL</condition><value>".concat(value, "</value>");
23
+ if (condition === NOT_EQUAL) return "<condition>NOT_EQUAL</condition><value>".concat(value, "</value>");
24
+ if (condition === GREATER_THAN) return "<condition>GREATER_THAN</condition><value>".concat(value, "</value>");
25
+ if (condition === LESS_THAN) return "<condition>LESS_THAN</condition><value>".concat(value, "</value>");
26
+ if (condition === CONTAINS) return "<condition>LIKE</condition><value>".concat(value, "</value>");
27
+ if (condition === NOT_CONTAINS) return "<condition>NOT_LIKE</condition><value>".concat(value, "</value>");
28
+ if (condition === BETWEEN) return "<condition>NOT_LIKE</condition><value><from>".concat(value[0], "</from><to>").concat(value[1], "</to></value>");
29
+ if (condition === GREATER_THAN_OR_EQUAL) return "<condition>GREATER_THAN_OR_EQUAL</condition><value>".concat(value, "</value>");
30
+ if (condition === LESS_THAN_OR_EQUAL) return "<condition>LESS_THAN_OR_EQUAL</condition><value>".concat(value, "</value>");
31
+ if (condition === START_WITH) return "<condition>GREATER_THAN</condition><value>".concat(value, "</value>");
32
32
  return condition;
33
33
  };
34
34
 
@@ -38,33 +38,35 @@ const renderFilterSQl = filter => {
38
38
  operator,
39
39
  value
40
40
  } = filter.element;
41
- return `<filter><field>${field}</field>${conditionSql(operator, value) || ''}</filter>`;
41
+ return "<filter><field>".concat(field, "</field>").concat(conditionSql(operator, value) || '', "</filter>");
42
42
  };
43
43
 
44
- const xmlFormat = ({
45
- main,
46
- mapGroups,
47
- items
48
- }) => {
44
+ const xmlFormat = _ref => {
45
+ let {
46
+ main,
47
+ mapGroups,
48
+ items
49
+ } = _ref;
50
+
49
51
  const groupXML = (item, idGroup) => {
50
52
  if (idGroup === main) {
51
53
  const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';
52
- return `<group value="${groupCondition}">${filterXML(item)}</group>`; // eslint-disable-line
54
+ return "<group value=\"".concat(groupCondition, "\">").concat(filterXML(item), "</group>"); // eslint-disable-line
53
55
  }
54
56
 
55
57
  const groupCondition = item.element.condition === true ? 'AND' : 'OR';
56
- return `<group value="${groupCondition}">${filterXML(item.children)}</group>`; // eslint-disable-line
58
+ return "<group value=\"".concat(groupCondition, "\">").concat(filterXML(item.children), "</group>"); // eslint-disable-line
57
59
  };
58
60
 
59
61
  const filterXML = filters => {
60
62
  const filterGroup = filters.map(filter => {
61
- if (filter.element.type === 'filter') return `${renderFilterSQl(filter) || ''} `;
62
- return ` ${groupXML(filter)} `;
63
+ if (filter.element.type === 'filter') return "".concat(renderFilterSQl(filter) || '', " ");
64
+ return " ".concat(groupXML(filter), " ");
63
65
  });
64
66
  return filterGroup.join('');
65
67
  };
66
68
 
67
- const xml = `<xml><query>${groupXML(items, main) || ''}</query></xml>`;
69
+ const xml = "<xml><query>".concat(groupXML(items, main) || '', "</query></xml>");
68
70
  return xml;
69
71
  };
70
72
 
@@ -3,6 +3,15 @@
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.find.js');
7
+ require('core-js/modules/esnext.iterator.constructor.js');
8
+ require('core-js/modules/esnext.iterator.find.js');
9
+ require('core-js/modules/esnext.async-iterator.for-each.js');
10
+ require('core-js/modules/esnext.iterator.for-each.js');
11
+ require('core-js/modules/esnext.async-iterator.filter.js');
12
+ require('core-js/modules/esnext.iterator.filter.js');
13
+ require('core-js/modules/esnext.async-iterator.map.js');
14
+ require('core-js/modules/esnext.iterator.map.js');
6
15
  var types = require('./types.js');
7
16
 
8
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,7 +29,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
20
29
  */
21
30
 
22
31
  const createNewFilter = function (idGroup) {
23
- const idFilter = `filter_${new Date().getTime()}_${Math.random().toString(36).substring(7)}`;
32
+ const idFilter = "filter_".concat(new Date().getTime(), "_").concat(Math.random().toString(36).substring(7));
24
33
  return {
25
34
  idGroup,
26
35
  field: '',
@@ -38,7 +47,7 @@ const createNewFilter = function (idGroup) {
38
47
  */
39
48
 
40
49
  const createNewGroup = function (parentIdGroup) {
41
- const idGroup = `group_${new Date().getTime()}_${Math.random().toString(36).substring(7)}`;
50
+ const idGroup = "group_".concat(new Date().getTime(), "_").concat(Math.random().toString(36).substring(7));
42
51
  return {
43
52
  parentIdGroup,
44
53
  idGroup,
@@ -84,9 +93,12 @@ const addFilterToMainItem = function (items, newFilter) {
84
93
  });
85
94
  };
86
95
  const findInChilds = function (childs, filterId) {
87
- const found = childs.find(({
88
- id
89
- }) => id === filterId);
96
+ const found = childs.find(_ref => {
97
+ let {
98
+ id
99
+ } = _ref;
100
+ return id === filterId;
101
+ });
90
102
 
91
103
  if (!found) {
92
104
  let findInChild;
@@ -102,9 +114,12 @@ const findItemFilterById = function (filterId) {
102
114
  return findInChilds(this.items, filterId);
103
115
  };
104
116
  const findParentWithFilterId = function (childs, filterId) {
105
- const found = childs.find(({
106
- id
107
- }) => id === filterId);
117
+ const found = childs.find(_ref2 => {
118
+ let {
119
+ id
120
+ } = _ref2;
121
+ return id === filterId;
122
+ });
108
123
 
109
124
  if (!found) {
110
125
  let findInChild;
@@ -121,17 +136,23 @@ const findParentFilterById = function (filterId) {
121
136
  };
122
137
  const filterInChildren = function (childs, filterId, mainId) {
123
138
  if (childs.children) {
124
- childs.children = childs.children.filter(({
125
- id
126
- }) => id !== filterId);
139
+ childs.children = childs.children.filter(_ref3 => {
140
+ let {
141
+ id
142
+ } = _ref3;
143
+ return id !== filterId;
144
+ });
127
145
  childs.children = childs.children.forEach(item => filterInChildren(item.children, filterId));
128
146
  return childs;
129
147
  } // main
130
148
 
131
149
 
132
- if (childs.length > 1) childs = childs.filter(({
133
- id
134
- }) => id !== filterId); // https://jira.elliemae.io/browse/PUI-1252
150
+ if (childs.length > 1) childs = childs.filter(_ref4 => {
151
+ let {
152
+ id
153
+ } = _ref4;
154
+ return id !== filterId;
155
+ }); // https://jira.elliemae.io/browse/PUI-1252
135
156
 
136
157
  if (childs.length === 0 && mainId) {
137
158
  const emptyFilter = createNewFilter.call(this, mainId);
@@ -194,19 +215,20 @@ const changeGroupOperator = function (idGroup, value) {
194
215
  group.element.condition = value;
195
216
  }
196
217
  };
197
- const changeFilterItem = function ({
198
- idFilter,
199
- field,
200
- value,
201
- operator,
202
- additionalInfo,
203
- target,
204
- fieldsSharedActions: {
205
- onFieldChange,
206
- onOperatorChange,
207
- onValueChange
208
- }
209
- }) {
218
+ const changeFilterItem = function (_ref5) {
219
+ let {
220
+ idFilter,
221
+ field,
222
+ value,
223
+ operator,
224
+ additionalInfo,
225
+ target,
226
+ fieldsSharedActions: {
227
+ onFieldChange,
228
+ onOperatorChange,
229
+ onValueChange
230
+ }
231
+ } = _ref5;
210
232
  const child = findItemFilterById.call(this, idFilter);
211
233
  if (field || field === '' || typeof field === 'boolean') child.element.field = field;
212
234
  if (operator) child.element.operator = operator;
@@ -214,21 +236,24 @@ const changeFilterItem = function ({
214
236
  if (additionalInfo) child.element.additionalInfo = additionalInfo; // shared fields actions
215
237
 
216
238
  if (target === 'field') {
217
- onFieldChange.forEach(({
218
- action
219
- }) => {
239
+ onFieldChange.forEach(_ref6 => {
240
+ let {
241
+ action
242
+ } = _ref6;
220
243
  if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
221
244
  });
222
245
  } else if (target === 'operator') {
223
- onOperatorChange.forEach(({
224
- action
225
- }) => {
246
+ onOperatorChange.forEach(_ref7 => {
247
+ let {
248
+ action
249
+ } = _ref7;
226
250
  if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
227
251
  });
228
252
  } else if (target === 'value') {
229
- onValueChange.forEach(({
230
- action
231
- }) => {
253
+ onValueChange.forEach(_ref8 => {
254
+ let {
255
+ action
256
+ } = _ref8;
232
257
  if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
233
258
  });
234
259
  }
@@ -2,6 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ require('core-js/modules/esnext.async-iterator.every.js');
6
+ require('core-js/modules/esnext.iterator.constructor.js');
7
+ require('core-js/modules/esnext.iterator.every.js');
8
+ require('core-js/modules/esnext.async-iterator.some.js');
9
+ require('core-js/modules/esnext.iterator.some.js');
10
+ require('core-js/modules/esnext.async-iterator.reduce.js');
11
+ require('core-js/modules/esnext.iterator.reduce.js');
5
12
  var lodash = require('lodash');
6
13
  var operators = require('@elliemae/ds-utilities/operators');
7
14
  var types = require('./types.js');
@@ -26,7 +33,8 @@ function _interopNamespace(e) {
26
33
 
27
34
  var operators__namespace = /*#__PURE__*/_interopNamespace(operators);
28
35
 
29
- const resolveCondition = (condition, state, resolveBy = types.QB_GROUP_CONDITION_TYPES.AND) => {
36
+ const resolveCondition = function (condition, state) {
37
+ let resolveBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : types.QB_GROUP_CONDITION_TYPES.AND;
30
38
  if (condition.length === 0 || !condition) return true; // resolve by AND: all the conditions must be true
31
39
 
32
40
  if (resolveBy) {
@@ -53,13 +61,14 @@ const resolveCondition = (condition, state, resolveBy = types.QB_GROUP_CONDITION
53
61
  };
54
62
 
55
63
  const resolveDependencies = (state, fields) => {
56
- const fieldsToRender = fields.reduce((result, {
57
- target,
58
- component,
59
- condition,
60
- resolveBy,
61
- validation
62
- }) => {
64
+ const fieldsToRender = fields.reduce((result, _ref) => {
65
+ let {
66
+ target,
67
+ component,
68
+ condition,
69
+ resolveBy,
70
+ validation
71
+ } = _ref;
63
72
  if (resolveCondition(condition, state, resolveBy)) result.push({
64
73
  target,
65
74
  component,
@@ -1,6 +1,11 @@
1
1
  'use strict';
2
2
 
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ require('core-js/modules/esnext.async-iterator.for-each.js');
5
+ require('core-js/modules/esnext.iterator.constructor.js');
6
+ require('core-js/modules/esnext.iterator.for-each.js');
7
+ require('core-js/modules/esnext.async-iterator.filter.js');
8
+ require('core-js/modules/esnext.iterator.filter.js');
4
9
  var actions = require('./actions.js');
5
10
  var format = require('../format/format.js');
6
11
 
package/cjs/index.js CHANGED
@@ -9,8 +9,9 @@ var format = require('./components/format/format.js');
9
9
 
10
10
 
11
11
 
12
+ exports.DSQueryBuilder = DSQueryBuilder.DSQueryBuilder;
12
13
  exports.DSQueryBuilderWithSchema = DSQueryBuilder.DSQueryBuilderWithSchema;
13
- exports["default"] = DSQueryBuilder["default"];
14
+ exports["default"] = DSQueryBuilder.DSQueryBuilder;
14
15
  exports.QB_ADD_FILTER_METHOD_TYPES = types.QB_ADD_FILTER_METHOD_TYPES;
15
16
  exports.QB_DRAG_LOCATIONS = types.QB_DRAG_LOCATIONS;
16
17
  exports.QB_DRAG_TYPES = types.QB_DRAG_TYPES;
package/cjs/propTypes.js CHANGED
@@ -77,9 +77,7 @@ const props = {
77
77
 
78
78
  /** remove filter callback */
79
79
  onRemoveFilter: reactDesc.PropTypes.func.description('remove filter callback'),
80
- displayFixedOutput: reactDesc.PropTypes.string.description(`Label for fixed output.Using this props it will ignore 'displayOutput' and 'displayOutputLabel'
81
- and it will always render the output without the ability to close it.
82
- `).defaultValue(''),
80
+ displayFixedOutput: reactDesc.PropTypes.string.description("Label for fixed output.Using this props it will ignore 'displayOutput' and 'displayOutputLabel' \n and it will always render the output without the ability to close it. \n ").defaultValue(''),
83
81
 
84
82
  /** show output */
85
83
  displayOutput: reactDesc.PropTypes.bool.description('show output'),
@@ -8,64 +8,67 @@ export { QB_DEFAULT_VALUES_OPTIONS, QB_FIELD_OPTIONS, QB_LOAN_VALUES_OPTIONS, QB
8
8
  export { default as QueryBuilderFormat } from './components/format/format.js';
9
9
  import { props } from './propTypes.js';
10
10
 
11
- const DSQueryBuilder = ({
12
- containerProps = {},
13
- addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,
14
- groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,
15
- onChange = () => null,
16
- fields = [],
17
- fieldsSharedActions = {
18
- onFieldChange: [],
19
- onOperatorChange: [],
20
- onValueChange: []
21
- },
22
- format = QB_EXPORT_FORMAT_TYPES.DEFAULT,
23
- init = null,
24
- ruleContainerClassName = '',
25
- handleDrop = () => null,
26
- handleDropFilter = () => null,
27
- handleDropGroup = () => null,
28
- handleFieldChange = () => null,
29
- handleRuleContainerOperator = () => null,
30
- handleRuleContainerUnGroup = () => null,
31
- onAddFilter = () => null,
32
- onAddRuleContainer = () => null,
33
- onRemoveFilter = () => null,
34
- displayFixedOutput,
35
- displayOutput = false,
36
- displayOutputLabel = {
37
- show: 'Show output',
38
- hide: 'Hide output'
39
- },
40
- singleRow = false,
41
- toolTipZIndex = 110
42
- }) => /*#__PURE__*/_jsx(QueryBuilderImpl, {
43
- addFilterMethod: addFilterMethod,
44
- containerProps: containerProps,
45
- displayFixedOutput: displayFixedOutput,
46
- displayOutput: displayOutput,
47
- displayOutputLabel: displayOutputLabel,
48
- fields: fields,
49
- fieldsSharedActions: fieldsSharedActions,
50
- format: format,
51
- groupFilterMethod: groupFilterMethod,
52
- handleDrop: handleDrop,
53
- handleDropFilter: handleDropFilter,
54
- handleDropGroup: handleDropGroup,
55
- handleFieldChange: handleFieldChange,
56
- handleRuleContainerOperator: handleRuleContainerOperator,
57
- handleRuleContainerUnGroup: handleRuleContainerUnGroup,
58
- init: init,
59
- onAddFilter: onAddFilter,
60
- onAddRuleContainer: onAddRuleContainer,
61
- onChange: onChange,
62
- onRemoveFilter: onRemoveFilter,
63
- ruleContainerClassName: ruleContainerClassName,
64
- singleRow: singleRow,
65
- toolTipZIndex: toolTipZIndex
66
- });
11
+ const DSQueryBuilder = _ref => {
12
+ let {
13
+ containerProps = {},
14
+ addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,
15
+ groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,
16
+ onChange = () => null,
17
+ fields = [],
18
+ fieldsSharedActions = {
19
+ onFieldChange: [],
20
+ onOperatorChange: [],
21
+ onValueChange: []
22
+ },
23
+ format = QB_EXPORT_FORMAT_TYPES.DEFAULT,
24
+ init = null,
25
+ ruleContainerClassName = '',
26
+ handleDrop = () => null,
27
+ handleDropFilter = () => null,
28
+ handleDropGroup = () => null,
29
+ handleFieldChange = () => null,
30
+ handleRuleContainerOperator = () => null,
31
+ handleRuleContainerUnGroup = () => null,
32
+ onAddFilter = () => null,
33
+ onAddRuleContainer = () => null,
34
+ onRemoveFilter = () => null,
35
+ displayFixedOutput,
36
+ displayOutput = false,
37
+ displayOutputLabel = {
38
+ show: 'Show output',
39
+ hide: 'Hide output'
40
+ },
41
+ singleRow = false,
42
+ toolTipZIndex = 110
43
+ } = _ref;
44
+ return /*#__PURE__*/_jsx(QueryBuilderImpl, {
45
+ addFilterMethod: addFilterMethod,
46
+ containerProps: containerProps,
47
+ displayFixedOutput: displayFixedOutput,
48
+ displayOutput: displayOutput,
49
+ displayOutputLabel: displayOutputLabel,
50
+ fields: fields,
51
+ fieldsSharedActions: fieldsSharedActions,
52
+ format: format,
53
+ groupFilterMethod: groupFilterMethod,
54
+ handleDrop: handleDrop,
55
+ handleDropFilter: handleDropFilter,
56
+ handleDropGroup: handleDropGroup,
57
+ handleFieldChange: handleFieldChange,
58
+ handleRuleContainerOperator: handleRuleContainerOperator,
59
+ handleRuleContainerUnGroup: handleRuleContainerUnGroup,
60
+ init: init,
61
+ onAddFilter: onAddFilter,
62
+ onAddRuleContainer: onAddRuleContainer,
63
+ onChange: onChange,
64
+ onRemoveFilter: onRemoveFilter,
65
+ ruleContainerClassName: ruleContainerClassName,
66
+ singleRow: singleRow,
67
+ toolTipZIndex: toolTipZIndex
68
+ });
69
+ };
67
70
 
68
71
  const DSQueryBuilderWithSchema = describe(DSQueryBuilder);
69
72
  DSQueryBuilderWithSchema.propTypes = props;
70
73
 
71
- export { DSQueryBuilderWithSchema, DSQueryBuilder as default };
74
+ export { DSQueryBuilder, DSQueryBuilderWithSchema, DSQueryBuilder as default };
@@ -2,14 +2,12 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
2
2
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
3
3
  import React, { Component } from 'react';
4
4
  import { convertPropToCssClassName } from '@elliemae/ds-classnames';
5
- import DSTooltip, { TooltipType } from '@elliemae/ds-basic/Tooltip';
6
- import { PopperInteractions, PopperPositions } from '@elliemae/ds-basic/Popper';
7
- import DSToggle from '@elliemae/ds-basic/form/Toggle';
8
- import DSButton from '@elliemae/ds-basic/Button';
9
- import QueryAdd from '@elliemae/ds-icons/QueryAdd';
10
- import ParenthesisRemove from '@elliemae/ds-icons/ParenthesisRemove';
11
- import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
12
- import { DSIconSizes, DSIconColors } from '@elliemae/ds-basic/Icon';
5
+ import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
6
+ import { PopperInteractions, PopperPositions } from '@elliemae/ds-popper';
7
+ import { DSToggle } from '@elliemae/ds-form';
8
+ import DSButton from '@elliemae/ds-button';
9
+ import { QueryAdd, ParenthesisRemove, MoreOptionsVert } from '@elliemae/ds-icons';
10
+ import { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';
13
11
  import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';
14
12
  import { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';
15
13
  import DragContainerController from '../DragContainerController/DragContainerController.js';
@@ -105,12 +103,12 @@ class AndOrController extends Component {
105
103
  } = this.state;
106
104
  return /*#__PURE__*/jsx("div", {
107
105
  ref: this.myRef,
108
- className: `${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step} ${isMain ? 'is-main-group-join' : ''}` // onMouseEnter={this.handleMouseEnterRow}
106
+ className: "".concat(cssClassName, " ").concat(mainModifier(condition ? 'active' : 'default'), " step-").concat(step, " ").concat(isMain ? 'is-main-group-join' : '') // onMouseEnter={this.handleMouseEnterRow}
109
107
  ,
110
108
  onMouseLeave: this.handleMouseLeaveRow // onMouseMove={this.handleMouseMove}
111
109
  ,
112
110
  children: /*#__PURE__*/_jsx("div", {
113
- className: `${classNameBlock('content')} step-${step}`
111
+ className: "".concat(classNameBlock('content'), " step-").concat(step)
114
112
  }, void 0, /*#__PURE__*/_jsx(DSTooltip, {
115
113
  delayClose: delayClose,
116
114
  delayOpen: delayOpen,
@@ -128,8 +126,8 @@ class AndOrController extends Component {
128
126
  style: {
129
127
  transition: '0.2s',
130
128
  position: 'absolute',
131
- top: `${top}px`,
132
- right: `${right}px`
129
+ top: "".concat(top, "px"),
130
+ right: "".concat(right, "px")
133
131
  },
134
132
  children: [/*#__PURE__*/_jsx(DSButton, {
135
133
  buttonType: buttonActionType,
@@ -163,7 +161,7 @@ class AndOrController extends Component {
163
161
  }),
164
162
  tooltipType: TooltipType.TOOLBAR,
165
163
  triggerComponent: /*#__PURE__*/_jsx("div", {
166
- className: `${classNameBlock('trigger-controller')} ${showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''} step-${step}`
164
+ className: "".concat(classNameBlock('trigger-controller'), " ").concat(showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : '', " step-").concat(step)
167
165
  }, void 0, /*#__PURE__*/_jsx("div", {
168
166
  className: classNameElement('condition-display')
169
167
  }, void 0, /*#__PURE__*/_jsx("span", {