@elliemae/ds-query-builder 1.60.0 → 2.0.0-alpha.12

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 (210) hide show
  1. package/cjs/DSQueryBuilder.js +58 -151
  2. package/cjs/components/AndOrController/AndOrController.js +126 -162
  3. package/cjs/components/ConditionController/ConditionController.js +40 -60
  4. package/cjs/components/DisplayOutput/DisplayOutput.js +62 -83
  5. package/cjs/components/DragContainerController/DragContainerController.js +20 -21
  6. package/cjs/components/DragControllerRow/DragControllerRow.js +33 -23
  7. package/cjs/components/FieldControllerRow/FieldControllerRow.js +14 -19
  8. package/cjs/components/Nestable/Nestable.js +243 -283
  9. package/cjs/components/Nestable/NestableItem.js +61 -52
  10. package/cjs/components/Nestable/actions/events.js +53 -35
  11. package/cjs/components/Nestable/actions/getItemOptions.js +14 -12
  12. package/cjs/components/Nestable/actions/getPaths.js +46 -38
  13. package/cjs/components/Nestable/actions/index.js +21 -26
  14. package/cjs/components/Nestable/actions/moveItem.js +26 -16
  15. package/cjs/components/Nestable/actions/paths.js +48 -40
  16. package/cjs/components/Nestable/actions/tryDecreaseDepth.js +12 -12
  17. package/cjs/components/Nestable/actions/tryIncreaseDepth.js +14 -14
  18. package/cjs/components/Nestable/index.js +2 -25
  19. package/cjs/components/QueryBuilderContext/QueryBuilderContext.js +1 -2
  20. package/cjs/components/QueryBuilderImpl.js +216 -283
  21. package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +59 -77
  22. package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +154 -174
  23. package/cjs/components/ToolBarAnimation/ToolBarAnimation.js +16 -11
  24. package/cjs/components/format/format.js +27 -39
  25. package/cjs/components/format/sqlFormat.js +35 -32
  26. package/cjs/components/format/sqlSafeFormat.js +38 -35
  27. package/cjs/components/format/xmlFormat.js +35 -32
  28. package/cjs/components/helpers/actions.js +108 -93
  29. package/cjs/components/helpers/constants.js +3 -4
  30. package/cjs/components/helpers/dependencies.js +36 -26
  31. package/cjs/components/helpers/selectors.js +18 -19
  32. package/cjs/components/helpers/store.js +87 -109
  33. package/cjs/components/helpers/types.js +9 -10
  34. package/cjs/index.js +19 -76
  35. package/cjs/propTypes.js +4 -5
  36. package/esm/DSQueryBuilder.js +37 -130
  37. package/esm/components/AndOrController/AndOrController.js +120 -152
  38. package/esm/components/ConditionController/ConditionController.js +37 -57
  39. package/esm/components/DisplayOutput/DisplayOutput.js +61 -76
  40. package/esm/components/DragContainerController/DragContainerController.js +20 -21
  41. package/esm/components/DragControllerRow/DragControllerRow.js +27 -17
  42. package/esm/components/FieldControllerRow/FieldControllerRow.js +13 -18
  43. package/esm/components/Nestable/Nestable.js +235 -268
  44. package/esm/components/Nestable/NestableItem.js +58 -48
  45. package/esm/components/Nestable/actions/events.js +52 -34
  46. package/esm/components/Nestable/actions/getItemOptions.js +14 -12
  47. package/esm/components/Nestable/actions/getPaths.js +46 -33
  48. package/esm/components/Nestable/actions/index.js +0 -5
  49. package/esm/components/Nestable/actions/moveItem.js +23 -13
  50. package/esm/components/Nestable/actions/paths.js +48 -35
  51. package/esm/components/Nestable/actions/tryDecreaseDepth.js +12 -12
  52. package/esm/components/Nestable/actions/tryIncreaseDepth.js +14 -14
  53. package/esm/components/Nestable/index.js +0 -23
  54. package/esm/components/QueryBuilderContext/QueryBuilderContext.js +1 -2
  55. package/esm/components/QueryBuilderImpl.js +204 -265
  56. package/esm/components/QueryBuilderItem/QueryBuilderItem.js +52 -70
  57. package/esm/components/QueryBuilderRow/QueryBuilderRow.js +149 -164
  58. package/esm/components/ToolBarAnimation/ToolBarAnimation.js +16 -10
  59. package/esm/components/format/format.js +19 -27
  60. package/esm/components/format/sqlFormat.js +34 -31
  61. package/esm/components/format/sqlSafeFormat.js +37 -34
  62. package/esm/components/format/xmlFormat.js +34 -31
  63. package/esm/components/helpers/actions.js +100 -85
  64. package/esm/components/helpers/constants.js +3 -4
  65. package/esm/components/helpers/dependencies.js +33 -21
  66. package/esm/components/helpers/selectors.js +5 -6
  67. package/esm/components/helpers/store.js +84 -104
  68. package/esm/components/helpers/types.js +9 -10
  69. package/esm/index.js +0 -57
  70. package/esm/propTypes.js +1 -2
  71. package/package.json +173 -15
  72. package/types/DSQueryBuilder.d.ts +211 -0
  73. package/types/components/AndOrController/AndOrController.d.ts +38 -0
  74. package/types/components/ConditionController/ConditionController.d.ts +16 -0
  75. package/types/components/DisplayOutput/DisplayOutput.d.ts +7 -0
  76. package/types/components/DragContainerController/DragContainerController.d.ts +9 -0
  77. package/types/components/DragControllerRow/DragControllerRow.d.ts +9 -0
  78. package/types/components/FieldControllerRow/FieldControllerRow.d.ts +9 -0
  79. package/types/components/Nestable/Nestable.d.ts +51 -0
  80. package/types/components/Nestable/NestableItem.d.ts +12 -0
  81. package/types/components/Nestable/actions/events.d.ts +6 -0
  82. package/types/components/Nestable/actions/getItemOptions.d.ts +11 -0
  83. package/types/components/Nestable/actions/getPaths.d.ts +5 -0
  84. package/types/components/Nestable/actions/index.d.ts +6 -0
  85. package/types/components/Nestable/actions/moveItem.d.ts +5 -0
  86. package/types/components/Nestable/actions/paths.d.ts +5 -0
  87. package/types/components/Nestable/actions/tryDecreaseDepth.d.ts +1 -0
  88. package/types/components/Nestable/actions/tryIncreaseDepth.d.ts +1 -0
  89. package/types/components/Nestable/index.d.ts +2 -0
  90. package/types/components/QueryBuilderContext/QueryBuilderContext.d.ts +2 -0
  91. package/types/components/QueryBuilderImpl.d.ts +49 -0
  92. package/types/components/QueryBuilderItem/QueryBuilderItem.d.ts +5 -0
  93. package/types/components/QueryBuilderRow/QueryBuilderRow.d.ts +12 -0
  94. package/types/components/ToolBarAnimation/ToolBarAnimation.d.ts +3 -0
  95. package/types/components/format/format.d.ts +26 -0
  96. package/types/components/format/sqlFormat.d.ts +5 -0
  97. package/types/components/format/sqlSafeFormat.d.ts +6 -0
  98. package/types/components/format/xmlFormat.d.ts +5 -0
  99. package/types/components/helpers/actions.d.ts +63 -0
  100. package/types/components/helpers/constants.d.ts +3 -0
  101. package/types/components/helpers/dependencies.d.ts +1 -0
  102. package/types/components/helpers/selectors.d.ts +20 -0
  103. package/types/components/helpers/store.d.ts +144 -0
  104. package/types/components/helpers/types.d.ts +50 -0
  105. package/types/index.d.ts +2 -0
  106. package/types/propTypes.d.ts +156 -0
  107. package/DSQueryBuilder/package.json +0 -10
  108. package/cjs/DSQueryBuilder.js.map +0 -1
  109. package/cjs/components/AndOrController/AndOrController.js.map +0 -1
  110. package/cjs/components/ConditionController/ConditionController.js.map +0 -1
  111. package/cjs/components/DisplayOutput/DisplayOutput.js.map +0 -1
  112. package/cjs/components/DragContainerController/DragContainerController.js.map +0 -1
  113. package/cjs/components/DragControllerRow/DragControllerRow.js.map +0 -1
  114. package/cjs/components/FieldControllerRow/FieldControllerRow.js.map +0 -1
  115. package/cjs/components/Nestable/Nestable.js.map +0 -1
  116. package/cjs/components/Nestable/NestableItem.js.map +0 -1
  117. package/cjs/components/Nestable/actions/events.js.map +0 -1
  118. package/cjs/components/Nestable/actions/getItemOptions.js.map +0 -1
  119. package/cjs/components/Nestable/actions/getPaths.js.map +0 -1
  120. package/cjs/components/Nestable/actions/index.js.map +0 -1
  121. package/cjs/components/Nestable/actions/moveItem.js.map +0 -1
  122. package/cjs/components/Nestable/actions/paths.js.map +0 -1
  123. package/cjs/components/Nestable/actions/tryDecreaseDepth.js.map +0 -1
  124. package/cjs/components/Nestable/actions/tryIncreaseDepth.js.map +0 -1
  125. package/cjs/components/Nestable/index.js.map +0 -1
  126. package/cjs/components/QueryBuilderContext/QueryBuilderContext.js.map +0 -1
  127. package/cjs/components/QueryBuilderImpl.js.map +0 -1
  128. package/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map +0 -1
  129. package/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +0 -1
  130. package/cjs/components/ToolBarAnimation/ToolBarAnimation.js.map +0 -1
  131. package/cjs/components/format/format.js.map +0 -1
  132. package/cjs/components/format/sqlFormat.js.map +0 -1
  133. package/cjs/components/format/sqlSafeFormat.js.map +0 -1
  134. package/cjs/components/format/xmlFormat.js.map +0 -1
  135. package/cjs/components/helpers/actions.js.map +0 -1
  136. package/cjs/components/helpers/constants.js.map +0 -1
  137. package/cjs/components/helpers/dependencies.js.map +0 -1
  138. package/cjs/components/helpers/selectors.js.map +0 -1
  139. package/cjs/components/helpers/store.js.map +0 -1
  140. package/cjs/components/helpers/types.js.map +0 -1
  141. package/cjs/index.js.map +0 -1
  142. package/cjs/propTypes.js.map +0 -1
  143. package/components/AndOrController/AndOrController/package.json +0 -10
  144. package/components/ConditionController/ConditionController/package.json +0 -10
  145. package/components/DisplayOutput/DisplayOutput/package.json +0 -10
  146. package/components/DragContainerController/DragContainerController/package.json +0 -10
  147. package/components/DragControllerRow/DragControllerRow/package.json +0 -10
  148. package/components/FieldControllerRow/FieldControllerRow/package.json +0 -10
  149. package/components/Nestable/Nestable/package.json +0 -10
  150. package/components/Nestable/NestableItem/package.json +0 -10
  151. package/components/Nestable/actions/events/package.json +0 -10
  152. package/components/Nestable/actions/getItemOptions/package.json +0 -10
  153. package/components/Nestable/actions/getPaths/package.json +0 -10
  154. package/components/Nestable/actions/moveItem/package.json +0 -10
  155. package/components/Nestable/actions/package.json +0 -10
  156. package/components/Nestable/actions/paths/package.json +0 -10
  157. package/components/Nestable/actions/tryDecreaseDepth/package.json +0 -10
  158. package/components/Nestable/actions/tryIncreaseDepth/package.json +0 -10
  159. package/components/Nestable/package.json +0 -10
  160. package/components/QueryBuilderContext/QueryBuilderContext/package.json +0 -10
  161. package/components/QueryBuilderImpl/package.json +0 -10
  162. package/components/QueryBuilderItem/QueryBuilderItem/package.json +0 -10
  163. package/components/QueryBuilderRow/QueryBuilderRow/package.json +0 -10
  164. package/components/ToolBarAnimation/ToolBarAnimation/package.json +0 -10
  165. package/components/format/format/package.json +0 -10
  166. package/components/format/sqlFormat/package.json +0 -10
  167. package/components/format/sqlSafeFormat/package.json +0 -10
  168. package/components/format/xmlFormat/package.json +0 -10
  169. package/components/helpers/actions/package.json +0 -10
  170. package/components/helpers/constants/package.json +0 -10
  171. package/components/helpers/dependencies/package.json +0 -10
  172. package/components/helpers/selectors/package.json +0 -10
  173. package/components/helpers/store/package.json +0 -10
  174. package/components/helpers/types/package.json +0 -10
  175. package/esm/DSQueryBuilder.js.map +0 -1
  176. package/esm/components/AndOrController/AndOrController.js.map +0 -1
  177. package/esm/components/ConditionController/ConditionController.js.map +0 -1
  178. package/esm/components/DisplayOutput/DisplayOutput.js.map +0 -1
  179. package/esm/components/DragContainerController/DragContainerController.js.map +0 -1
  180. package/esm/components/DragControllerRow/DragControllerRow.js.map +0 -1
  181. package/esm/components/FieldControllerRow/FieldControllerRow.js.map +0 -1
  182. package/esm/components/Nestable/Nestable.js.map +0 -1
  183. package/esm/components/Nestable/NestableItem.js.map +0 -1
  184. package/esm/components/Nestable/actions/events.js.map +0 -1
  185. package/esm/components/Nestable/actions/getItemOptions.js.map +0 -1
  186. package/esm/components/Nestable/actions/getPaths.js.map +0 -1
  187. package/esm/components/Nestable/actions/index.js.map +0 -1
  188. package/esm/components/Nestable/actions/moveItem.js.map +0 -1
  189. package/esm/components/Nestable/actions/paths.js.map +0 -1
  190. package/esm/components/Nestable/actions/tryDecreaseDepth.js.map +0 -1
  191. package/esm/components/Nestable/actions/tryIncreaseDepth.js.map +0 -1
  192. package/esm/components/Nestable/index.js.map +0 -1
  193. package/esm/components/QueryBuilderContext/QueryBuilderContext.js.map +0 -1
  194. package/esm/components/QueryBuilderImpl.js.map +0 -1
  195. package/esm/components/QueryBuilderItem/QueryBuilderItem.js.map +0 -1
  196. package/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +0 -1
  197. package/esm/components/ToolBarAnimation/ToolBarAnimation.js.map +0 -1
  198. package/esm/components/format/format.js.map +0 -1
  199. package/esm/components/format/sqlFormat.js.map +0 -1
  200. package/esm/components/format/sqlSafeFormat.js.map +0 -1
  201. package/esm/components/format/xmlFormat.js.map +0 -1
  202. package/esm/components/helpers/actions.js.map +0 -1
  203. package/esm/components/helpers/constants.js.map +0 -1
  204. package/esm/components/helpers/dependencies.js.map +0 -1
  205. package/esm/components/helpers/selectors.js.map +0 -1
  206. package/esm/components/helpers/store.js.map +0 -1
  207. package/esm/components/helpers/types.js.map +0 -1
  208. package/esm/index.js.map +0 -1
  209. package/esm/propTypes.js.map +0 -1
  210. package/propTypes/package.json +0 -10
@@ -1,4 +1,5 @@
1
- import React from 'react';
1
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
2
+ import 'react';
2
3
  import { describe } from 'react-desc';
3
4
  import QueryBuilderImpl from './components/QueryBuilderImpl.js';
4
5
  import { QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES, QB_EXPORT_FORMAT_TYPES } from './components/helpers/types.js';
@@ -6,133 +7,41 @@ export { QB_ADD_FILTER_METHOD_TYPES, QB_DRAG_LOCATIONS, QB_DRAG_TYPES, QB_EXPORT
6
7
  export { QB_DEFAULT_VALUES_OPTIONS, QB_FIELD_OPTIONS, QB_LOAN_VALUES_OPTIONS, QB_OPERATOR_OPTIONS, QB_SUBJECT_VALUES_OPTIONS } from './components/helpers/selectors.js';
7
8
  export { default as QueryBuilderFormat } from './components/format/format.js';
8
9
  import { props } from './propTypes.js';
9
- import '@babel/runtime/helpers/esm/extends';
10
- import '@babel/runtime/helpers/esm/objectWithoutProperties';
11
- import '@babel/runtime/helpers/esm/defineProperty';
12
- import '@babel/runtime/helpers/esm/classCallCheck';
13
- import '@babel/runtime/helpers/esm/createClass';
14
- import '@babel/runtime/helpers/esm/inherits';
15
- import '@babel/runtime/helpers/esm/possibleConstructorReturn';
16
- import '@babel/runtime/helpers/esm/getPrototypeOf';
17
- import './components/Nestable/Nestable.js';
18
- import '@babel/runtime/helpers/esm/assertThisInitialized';
19
- import 'prop-types';
20
- import 'classnames';
21
- import '@elliemae/ds-shared/utils';
22
- import '@elliemae/ds-utilities';
23
- import './components/Nestable/actions/tryIncreaseDepth.js';
24
- import './components/Nestable/actions/tryDecreaseDepth.js';
25
- import './components/Nestable/actions/moveItem.js';
26
- import 'react-addons-update';
27
- import './components/Nestable/actions/paths.js';
28
- import '@babel/runtime/helpers/esm/toConsumableArray';
29
- import './components/Nestable/actions/events.js';
30
- import './components/Nestable/actions/getItemOptions.js';
31
- import './components/Nestable/NestableItem.js';
32
- import './components/QueryBuilderContext/QueryBuilderContext.js';
33
- import './components/helpers/store.js';
34
- import './components/helpers/actions.js';
35
- import './components/AndOrController/AndOrController.js';
36
- import '@elliemae/ds-classnames';
37
- import '@elliemae/ds-tooltip';
38
- import '@elliemae/ds-popper';
39
- import '@elliemae/ds-form';
40
- import '@elliemae/ds-button';
41
- import '@elliemae/ds-icons';
42
- import '@elliemae/ds-icon';
43
- import './components/helpers/constants.js';
44
- import './components/ToolBarAnimation/ToolBarAnimation.js';
45
- import '@elliemae/ds-shared/Animations/GrowRight';
46
- import './components/DragContainerController/DragContainerController.js';
47
- import './components/QueryBuilderItem/QueryBuilderItem.js';
48
- import './components/QueryBuilderRow/QueryBuilderRow.js';
49
- import './components/helpers/dependencies.js';
50
- import 'lodash';
51
- import '@elliemae/ds-utilities/operators';
52
- import './components/ConditionController/ConditionController.js';
53
- import './components/DragControllerRow/DragControllerRow.js';
54
- import './components/DisplayOutput/DisplayOutput.js';
55
- import '@babel/runtime/helpers/esm/typeof';
56
- import '@elliemae/ds-grid';
57
- import '@elliemae/ds-accordion';
58
- import './components/format/sqlFormat.js';
59
- import './components/format/xmlFormat.js';
60
- import './components/format/sqlSafeFormat.js';
61
10
 
62
- var DSQueryBuilder = function DSQueryBuilder(_ref) {
63
- var _ref$containerProps = _ref.containerProps,
64
- containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
65
- _ref$addFilterMethod = _ref.addFilterMethod,
66
- addFilterMethod = _ref$addFilterMethod === void 0 ? QB_ADD_FILTER_METHOD_TYPES.IN_PLACE : _ref$addFilterMethod,
67
- _ref$groupFilterMetho = _ref.groupFilterMethod,
68
- groupFilterMethod = _ref$groupFilterMetho === void 0 ? QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE : _ref$groupFilterMetho,
69
- _ref$onChange = _ref.onChange,
70
- onChange = _ref$onChange === void 0 ? function () {
71
- return null;
72
- } : _ref$onChange,
73
- _ref$fields = _ref.fields,
74
- fields = _ref$fields === void 0 ? [] : _ref$fields,
75
- _ref$fieldsSharedActi = _ref.fieldsSharedActions,
76
- fieldsSharedActions = _ref$fieldsSharedActi === void 0 ? {
77
- onFieldChange: [],
78
- onOperatorChange: [],
79
- onValueChange: []
80
- } : _ref$fieldsSharedActi,
81
- _ref$format = _ref.format,
82
- format = _ref$format === void 0 ? QB_EXPORT_FORMAT_TYPES.DEFAULT : _ref$format,
83
- _ref$init = _ref.init,
84
- init = _ref$init === void 0 ? null : _ref$init,
85
- _ref$ruleContainerCla = _ref.ruleContainerClassName,
86
- ruleContainerClassName = _ref$ruleContainerCla === void 0 ? '' : _ref$ruleContainerCla,
87
- _ref$handleDrop = _ref.handleDrop,
88
- handleDrop = _ref$handleDrop === void 0 ? function () {
89
- return null;
90
- } : _ref$handleDrop,
91
- _ref$handleDropFilter = _ref.handleDropFilter,
92
- handleDropFilter = _ref$handleDropFilter === void 0 ? function () {
93
- return null;
94
- } : _ref$handleDropFilter,
95
- _ref$handleDropGroup = _ref.handleDropGroup,
96
- handleDropGroup = _ref$handleDropGroup === void 0 ? function () {
97
- return null;
98
- } : _ref$handleDropGroup,
99
- _ref$handleFieldChang = _ref.handleFieldChange,
100
- handleFieldChange = _ref$handleFieldChang === void 0 ? function () {
101
- return null;
102
- } : _ref$handleFieldChang,
103
- _ref$handleRuleContai = _ref.handleRuleContainerOperator,
104
- handleRuleContainerOperator = _ref$handleRuleContai === void 0 ? function () {
105
- return null;
106
- } : _ref$handleRuleContai,
107
- _ref$handleRuleContai2 = _ref.handleRuleContainerUnGroup,
108
- handleRuleContainerUnGroup = _ref$handleRuleContai2 === void 0 ? function () {
109
- return null;
110
- } : _ref$handleRuleContai2,
111
- _ref$onAddFilter = _ref.onAddFilter,
112
- onAddFilter = _ref$onAddFilter === void 0 ? function () {
113
- return null;
114
- } : _ref$onAddFilter,
115
- _ref$onAddRuleContain = _ref.onAddRuleContainer,
116
- onAddRuleContainer = _ref$onAddRuleContain === void 0 ? function () {
117
- return null;
118
- } : _ref$onAddRuleContain,
119
- _ref$onRemoveFilter = _ref.onRemoveFilter,
120
- onRemoveFilter = _ref$onRemoveFilter === void 0 ? function () {
121
- return null;
122
- } : _ref$onRemoveFilter,
123
- displayFixedOutput = _ref.displayFixedOutput,
124
- _ref$displayOutput = _ref.displayOutput,
125
- displayOutput = _ref$displayOutput === void 0 ? false : _ref$displayOutput,
126
- _ref$displayOutputLab = _ref.displayOutputLabel,
127
- displayOutputLabel = _ref$displayOutputLab === void 0 ? {
128
- show: 'Show output',
129
- hide: 'Hide output'
130
- } : _ref$displayOutputLab,
131
- _ref$singleRow = _ref.singleRow,
132
- singleRow = _ref$singleRow === void 0 ? false : _ref$singleRow,
133
- _ref$toolTipZIndex = _ref.toolTipZIndex,
134
- toolTipZIndex = _ref$toolTipZIndex === void 0 ? 110 : _ref$toolTipZIndex;
135
- return /*#__PURE__*/React.createElement(QueryBuilderImpl, {
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, {
136
45
  addFilterMethod: addFilterMethod,
137
46
  containerProps: containerProps,
138
47
  displayFixedOutput: displayFixedOutput,
@@ -159,9 +68,7 @@ var DSQueryBuilder = function DSQueryBuilder(_ref) {
159
68
  });
160
69
  };
161
70
 
162
- DSQueryBuilder.propTypes = props;
163
- var DSQueryBuilderWithSchema = describe(DSQueryBuilder);
71
+ const DSQueryBuilderWithSchema = describe(DSQueryBuilder);
164
72
  DSQueryBuilderWithSchema.propTypes = props;
165
73
 
166
74
  export { DSQueryBuilder, DSQueryBuilderWithSchema, DSQueryBuilder as default };
167
- //# sourceMappingURL=DSQueryBuilder.js.map
@@ -1,8 +1,4 @@
1
- import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
2
- import _createClass from '@babel/runtime/helpers/esm/createClass';
3
- import _inherits from '@babel/runtime/helpers/esm/inherits';
4
- import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
5
- import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
1
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
6
2
  import React, { Component } from 'react';
7
3
  import { convertPropToCssClassName } from '@elliemae/ds-classnames';
8
4
  import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
@@ -14,19 +10,16 @@ import { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';
14
10
  import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';
15
11
  import { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';
16
12
  import DragContainerController from '../DragContainerController/DragContainerController.js';
17
- import '@babel/runtime/helpers/esm/extends';
18
- import '@elliemae/ds-shared/Animations/GrowRight';
19
-
20
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
21
-
22
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
23
-
24
- var _convertPropToCssClas = convertPropToCssClassName('query-builder-and-or-controller'),
25
- cssClassName = _convertPropToCssClas.cssClassName,
26
- classNameBlock = _convertPropToCssClas.classNameBlock,
27
- classNameElement = _convertPropToCssClas.classNameElement,
28
- mainModifier = _convertPropToCssClas.mainModifier,
29
- classNameBlockModifier = _convertPropToCssClas.classNameBlockModifier;
13
+ import { jsx, jsxs } from 'react/jsx-runtime';
14
+
15
+ var _QueryAdd, _ParenthesisRemove, _div;
16
+ const {
17
+ cssClassName,
18
+ classNameBlock,
19
+ classNameElement,
20
+ mainModifier,
21
+ classNameBlockModifier
22
+ } = convertPropToCssClassName('query-builder-and-or-controller');
30
23
  /**
31
24
  * condition-display-step: required to avoid the cache of the trigger
32
25
  *
@@ -34,113 +27,99 @@ var _convertPropToCssClas = convertPropToCssClassName('query-builder-and-or-cont
34
27
  * @param isOpen
35
28
  */
36
29
 
30
+ class AndOrController extends Component {
31
+ constructor(props) {
32
+ super(props);
37
33
 
38
- var AndOrController = /*#__PURE__*/function (_Component) {
39
- _inherits(AndOrController, _Component);
40
-
41
- var _super = _createSuper(AndOrController);
42
-
43
- function AndOrController(props) {
44
- var _this;
45
-
46
- _classCallCheck(this, AndOrController);
47
-
48
- _this = _super.call(this, props);
49
-
50
- _this.handleMouseEnterRow = function (e) {
51
- _this.handleTooltipRow(true); // this.handleMouseMove(e)
52
-
34
+ this.handleMouseEnterRow = e => {
35
+ this.handleTooltipRow(true); // this.handleMouseMove(e)
53
36
  };
54
37
 
55
- _this.handleMouseMove = function (e) {
56
- if (!_this.contenerRef.current) return;
57
- var mouse = e.clientY;
58
-
59
- var _this$contenerRef$cur = _this.contenerRef.current.getBoundingClientRect(),
60
- height = _this$contenerRef$cur.height;
61
-
62
- var delta = height / 2;
63
-
64
- var topDiff = _this.myRef.current.getBoundingClientRect().top;
65
-
66
- var refHeight = _this.myRef.current.getBoundingClientRect().height;
67
-
68
- _this.setState({
38
+ this.handleMouseMove = e => {
39
+ if (!this.contenerRef.current) return;
40
+ const mouse = e.clientY;
41
+ const {
42
+ height
43
+ } = this.contenerRef.current.getBoundingClientRect();
44
+ const delta = height / 2;
45
+ const topDiff = this.myRef.current.getBoundingClientRect().top;
46
+ const refHeight = this.myRef.current.getBoundingClientRect().height;
47
+ this.setState({
69
48
  top: mouse - topDiff - refHeight / 2 - delta
70
49
  });
71
50
  };
72
51
 
73
- _this.handleMouseLeaveRow = function () {
74
- _this.handleTooltipRow(false);
52
+ this.handleMouseLeaveRow = () => {
53
+ this.handleTooltipRow(false);
75
54
  };
76
55
 
77
- _this.handleTooltipRow = function (isOpen) {
78
- _this.setState({
79
- isOpen: isOpen
56
+ this.handleTooltipRow = isOpen => {
57
+ this.setState({
58
+ isOpen
80
59
  });
81
-
82
- var handleTooltipGroup = _this.props.handleTooltipGroup;
60
+ const {
61
+ handleTooltipGroup
62
+ } = this.props;
83
63
  handleTooltipGroup(isOpen);
84
64
  };
85
65
 
86
- _this.contenerRef = /*#__PURE__*/React.createRef();
87
- _this.myRef = /*#__PURE__*/React.createRef();
88
- _this.state = {
66
+ this.contenerRef = /*#__PURE__*/React.createRef();
67
+ this.myRef = /*#__PURE__*/React.createRef();
68
+ this.state = {
89
69
  isOpen: false,
90
70
  top: 0,
91
71
  right: -2
92
72
  };
93
- return _this;
94
73
  }
95
74
 
96
- _createClass(AndOrController, [{
97
- key: "render",
98
- value: function render() {
99
- var _this$props = this.props,
100
- handleRuleContainerOperator = _this$props.handleRuleContainerOperator,
101
- handleRuleContainerUnGroup = _this$props.handleRuleContainerUnGroup,
102
- labelOn = _this$props.labelOn,
103
- labelOff = _this$props.labelOff,
104
- condition = _this$props.condition,
105
- showDragController = _this$props.showDragController,
106
- allowUnGroup = _this$props.allowUnGroup,
107
- buttonActionSize = _this$props.buttonActionSize,
108
- buttonActionType = _this$props.buttonActionType,
109
- toogleActionSize = _this$props.toogleActionSize,
110
- onAddFilter = _this$props.onAddFilter,
111
- multipleSize = _this$props.multipleSize,
112
- delayClose = _this$props.delayClose,
113
- delayOpen = _this$props.delayOpen,
114
- step = _this$props.step,
115
- toolBarAnimationDuration = _this$props.toolBarAnimationDuration,
116
- toolBarInteractionType = _this$props.toolBarInteractionType,
117
- toolBarPosition = _this$props.toolBarPosition,
118
- isMain = _this$props.isMain,
119
- toolTipZIndex = _this$props.toolTipZIndex;
120
- var _this$state = this.state,
121
- isOpen = _this$state.isOpen,
122
- top = _this$state.top,
123
- right = _this$state.right;
124
- return /*#__PURE__*/React.createElement("div", {
125
- ref: this.myRef,
126
- className: "".concat(cssClassName, " ").concat(mainModifier(condition ? 'active' : 'default'), " step-").concat(step, " ").concat(isMain ? 'is-main-group-join' : '') // onMouseEnter={this.handleMouseEnterRow}
127
- ,
128
- onMouseLeave: this.handleMouseLeaveRow // onMouseMove={this.handleMouseMove}
129
-
130
- }, /*#__PURE__*/React.createElement("div", {
75
+ render() {
76
+ const {
77
+ handleRuleContainerOperator,
78
+ handleRuleContainerUnGroup,
79
+ labelOn,
80
+ labelOff,
81
+ condition,
82
+ showDragController,
83
+ allowUnGroup,
84
+ buttonActionSize,
85
+ buttonActionType,
86
+ toogleActionSize,
87
+ onAddFilter,
88
+ multipleSize,
89
+ delayClose,
90
+ delayOpen,
91
+ step,
92
+ toolBarAnimationDuration,
93
+ toolBarInteractionType,
94
+ toolBarPosition,
95
+ isMain,
96
+ toolTipZIndex
97
+ } = this.props;
98
+ const {
99
+ isOpen,
100
+ top,
101
+ right
102
+ } = this.state;
103
+ return /*#__PURE__*/jsx("div", {
104
+ ref: this.myRef,
105
+ className: "".concat(cssClassName, " ").concat(mainModifier(condition ? 'active' : 'default'), " step-").concat(step, " ").concat(isMain ? 'is-main-group-join' : '') // onMouseEnter={this.handleMouseEnterRow}
106
+ ,
107
+ onMouseLeave: this.handleMouseLeaveRow // onMouseMove={this.handleMouseMove}
108
+ ,
109
+ children: /*#__PURE__*/_jsx("div", {
131
110
  className: "".concat(classNameBlock('content'), " step-").concat(step)
132
- }, /*#__PURE__*/React.createElement(DSTooltip, {
111
+ }, void 0, /*#__PURE__*/_jsx(DSTooltip, {
133
112
  delayClose: delayClose,
134
113
  delayOpen: delayOpen,
135
114
  interactionType: toolBarInteractionType,
136
115
  isOpen: isOpen,
137
116
  onOpen: this.handleTooltipRow,
138
117
  placement: toolBarPosition,
139
- springAnimationComponent: /*#__PURE__*/React.createElement(ToolBarAnimation, {
118
+ springAnimationComponent: /*#__PURE__*/_jsx(ToolBarAnimation, {
140
119
  duration: toolBarAnimationDuration
141
120
  }),
142
121
  step: step,
143
- title: /*#__PURE__*/React.createElement("div", {
122
+ title: /*#__PURE__*/jsxs("div", {
144
123
  ref: this.contenerRef,
145
124
  className: classNameBlock('actions'),
146
125
  style: {
@@ -148,79 +127,71 @@ var AndOrController = /*#__PURE__*/function (_Component) {
148
127
  position: 'absolute',
149
128
  top: "".concat(top, "px"),
150
129
  right: "".concat(right, "px")
151
- }
152
- }, /*#__PURE__*/React.createElement(DSButton, {
153
- buttonType: buttonActionType,
154
- className: classNameElement('add-rule'),
155
- icon: /*#__PURE__*/React.createElement(QueryAdd, null),
156
- onClick: onAddFilter,
157
- size: buttonActionSize,
158
- containerProps: {
159
- 'data-testid': 'query-add-button'
160
- }
161
- }), allowUnGroup && /*#__PURE__*/React.createElement(DSButton, {
162
- buttonType: "text",
163
- className: classNameElement('ungroup'),
164
- icon: /*#__PURE__*/React.createElement(ParenthesisRemove, null),
165
- onClick: handleRuleContainerUnGroup,
166
- size: buttonActionSize,
167
- containerProps: {
168
- 'data-testid': 'parenthesis-remove-button'
169
- }
170
- }), /*#__PURE__*/React.createElement(DSToggle, {
171
- checked: condition,
172
- className: classNameElement('and-or-toggle'),
173
- labelOff: labelOff,
174
- labelOn: labelOn,
175
- onChange: function onChange(e) {
176
- return handleRuleContainerOperator(e.target.checked);
177
130
  },
178
- size: toogleActionSize,
179
- containerProps: {
180
- 'data-testid': 'and-or-toggle-button'
181
- }
182
- })),
131
+ children: [/*#__PURE__*/_jsx(DSButton, {
132
+ buttonType: buttonActionType,
133
+ className: classNameElement('add-rule'),
134
+ icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx(QueryAdd, {})),
135
+ onClick: onAddFilter,
136
+ size: buttonActionSize,
137
+ containerProps: {
138
+ 'data-testid': 'query-add-button'
139
+ }
140
+ }), allowUnGroup && /*#__PURE__*/_jsx(DSButton, {
141
+ buttonType: "text",
142
+ className: classNameElement('ungroup'),
143
+ icon: _ParenthesisRemove || (_ParenthesisRemove = /*#__PURE__*/_jsx(ParenthesisRemove, {})),
144
+ onClick: handleRuleContainerUnGroup,
145
+ size: buttonActionSize,
146
+ containerProps: {
147
+ 'data-testid': 'parenthesis-remove-button'
148
+ }
149
+ }), /*#__PURE__*/_jsx(DSToggle, {
150
+ checked: condition,
151
+ className: classNameElement('and-or-toggle'),
152
+ labelOff: labelOff,
153
+ labelOn: labelOn,
154
+ onChange: e => handleRuleContainerOperator(e.target.checked),
155
+ size: toogleActionSize,
156
+ containerProps: {
157
+ 'data-testid': 'and-or-toggle-button'
158
+ }
159
+ })]
160
+ }),
183
161
  tooltipType: TooltipType.TOOLBAR,
184
- triggerComponent: /*#__PURE__*/React.createElement("div", {
162
+ triggerComponent: /*#__PURE__*/_jsx("div", {
185
163
  className: "".concat(classNameBlock('trigger-controller'), " ").concat(showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : '', " step-").concat(step)
186
- }, /*#__PURE__*/React.createElement("div", {
164
+ }, void 0, /*#__PURE__*/_jsx("div", {
187
165
  className: classNameElement('condition-display')
188
- }, /*#__PURE__*/React.createElement("span", {
166
+ }, void 0, /*#__PURE__*/_jsx("span", {
189
167
  className: classNameElement('condition-display-label')
190
- }, condition ? labelOn : labelOff), /*#__PURE__*/React.createElement("span", {
168
+ }, void 0, condition ? labelOn : labelOff), /*#__PURE__*/_jsx("span", {
191
169
  className: classNameElement('condition-display-step')
192
- }, step), /*#__PURE__*/React.createElement("div", {
170
+ }, void 0, step), _div || (_div = /*#__PURE__*/_jsx("div", {
193
171
  className: "separator"
194
- }), /*#__PURE__*/React.createElement(MoreOptionsVert, {
172
+ })), /*#__PURE__*/_jsx(MoreOptionsVert, {
195
173
  color: DSIconColors.NEUTRAL,
196
174
  onClick: this.handleMouseEnterRow,
197
175
  size: DSIconSizes.S,
198
176
  containerProps: {
199
177
  'data-testid': 'and-or-more-options-button'
200
178
  }
201
- })), showDragController && /*#__PURE__*/React.createElement(DragContainerController, {
179
+ })), showDragController && /*#__PURE__*/_jsx(DragContainerController, {
202
180
  multipleSize: multipleSize,
203
181
  onClick: this.handleMouseEnterRow
204
182
  })),
205
183
  zIndex: toolTipZIndex
206
- })));
207
- }
208
- }]);
184
+ }))
185
+ });
186
+ }
209
187
 
210
- return AndOrController;
211
- }(Component);
188
+ }
212
189
 
213
190
  AndOrController.defaultProps = {
214
191
  isMain: false,
215
- handleRuleContainerOperator: function handleRuleContainerOperator() {
216
- return null;
217
- },
218
- handleRuleContainerUnGroup: function handleRuleContainerUnGroup() {
219
- return null;
220
- },
221
- handleTooltipGroup: function handleTooltipGroup() {
222
- return null;
223
- },
192
+ handleRuleContainerOperator: () => null,
193
+ handleRuleContainerUnGroup: () => null,
194
+ handleTooltipGroup: () => null,
224
195
  labelOn: 'AND',
225
196
  labelOff: 'OR',
226
197
  condition: true,
@@ -229,9 +200,7 @@ AndOrController.defaultProps = {
229
200
  buttonActionSize: DSIconSizes.M,
230
201
  buttonActionType: 'text',
231
202
  toogleActionSize: DSIconSizes.S,
232
- onAddFilter: function onAddFilter() {
233
- return null;
234
- },
203
+ onAddFilter: () => null,
235
204
  multipleSize: false,
236
205
  delayClose: DELAY_CLOSE,
237
206
  delayOpen: DELAY_OPEN,
@@ -242,4 +211,3 @@ AndOrController.defaultProps = {
242
211
  };
243
212
 
244
213
  export { AndOrController as default };
245
- //# sourceMappingURL=AndOrController.js.map