@elliemae/ds-query-builder 2.0.0-next.9 → 2.0.0-rc.4

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 (54) hide show
  1. package/cjs/DSQueryBuilder.js +60 -56
  2. package/cjs/components/AndOrController/AndOrController.js +16 -22
  3. package/cjs/components/ConditionController/ConditionController.js +26 -32
  4. package/cjs/components/DisplayOutput/DisplayOutput.js +18 -17
  5. package/cjs/components/DragContainerController/DragContainerController.js +13 -15
  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 +24 -10
  9. package/cjs/components/Nestable/NestableItem.js +18 -10
  10. package/cjs/components/Nestable/actions/events.js +5 -0
  11. package/cjs/components/Nestable/actions/getPaths.js +9 -1
  12. package/cjs/components/Nestable/actions/moveItem.js +12 -5
  13. package/cjs/components/Nestable/actions/paths.js +13 -3
  14. package/cjs/components/QueryBuilderImpl.js +5 -0
  15. package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +28 -20
  16. package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +33 -24
  17. package/cjs/components/ToolBarAnimation/ToolBarAnimation.js +5 -0
  18. package/cjs/components/format/sqlFormat.js +9 -7
  19. package/cjs/components/format/sqlSafeFormat.js +9 -7
  20. package/cjs/components/format/xmlFormat.js +9 -7
  21. package/cjs/components/helpers/actions.js +59 -34
  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/esm/DSQueryBuilder.js +60 -57
  26. package/esm/components/AndOrController/AndOrController.js +6 -8
  27. package/esm/components/ConditionController/ConditionController.js +20 -22
  28. package/esm/components/DisplayOutput/DisplayOutput.js +14 -11
  29. package/esm/components/DragContainerController/DragContainerController.js +10 -10
  30. package/esm/components/DragControllerRow/DragControllerRow.js +7 -2
  31. package/esm/components/FieldControllerRow/FieldControllerRow.js +22 -20
  32. package/esm/components/Nestable/Nestable.js +23 -9
  33. package/esm/components/Nestable/NestableItem.js +18 -10
  34. package/esm/components/Nestable/actions/events.js +5 -0
  35. package/esm/components/Nestable/actions/getPaths.js +9 -1
  36. package/esm/components/Nestable/actions/moveItem.js +12 -5
  37. package/esm/components/Nestable/actions/paths.js +13 -3
  38. package/esm/components/QueryBuilderImpl.js +5 -0
  39. package/esm/components/QueryBuilderItem/QueryBuilderItem.js +28 -20
  40. package/esm/components/QueryBuilderRow/QueryBuilderRow.js +33 -23
  41. package/esm/components/ToolBarAnimation/ToolBarAnimation.js +5 -0
  42. package/esm/components/format/sqlFormat.js +9 -7
  43. package/esm/components/format/sqlSafeFormat.js +9 -7
  44. package/esm/components/format/xmlFormat.js +9 -7
  45. package/esm/components/helpers/actions.js +59 -34
  46. package/esm/components/helpers/dependencies.js +17 -8
  47. package/esm/components/helpers/store.js +5 -0
  48. package/esm/index.js +1 -1
  49. package/package.json +9 -7
  50. package/types/DSQueryBuilder.d.ts +1 -1
  51. package/types/components/AndOrController/AndOrController.d.ts +4 -4
  52. package/types/components/ConditionController/ConditionController.d.ts +2 -2
  53. package/types/components/DragContainerController/DragContainerController.d.ts +3 -3
  54. package/types/components/DragControllerRow/DragControllerRow.d.ts +2 -2
@@ -15,62 +15,65 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
 
16
16
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
17
17
 
18
- const DSQueryBuilder = ({
19
- containerProps = {},
20
- addFilterMethod = types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,
21
- groupFilterMethod = types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,
22
- onChange = () => null,
23
- fields = [],
24
- fieldsSharedActions = {
25
- onFieldChange: [],
26
- onOperatorChange: [],
27
- onValueChange: []
28
- },
29
- format = types.QB_EXPORT_FORMAT_TYPES.DEFAULT,
30
- init = null,
31
- ruleContainerClassName = '',
32
- handleDrop = () => null,
33
- handleDropFilter = () => null,
34
- handleDropGroup = () => null,
35
- handleFieldChange = () => null,
36
- handleRuleContainerOperator = () => null,
37
- handleRuleContainerUnGroup = () => null,
38
- onAddFilter = () => null,
39
- onAddRuleContainer = () => null,
40
- onRemoveFilter = () => null,
41
- displayFixedOutput,
42
- displayOutput = false,
43
- displayOutputLabel = {
44
- show: 'Show output',
45
- hide: 'Hide output'
46
- },
47
- singleRow = false,
48
- toolTipZIndex = 110
49
- }) => /*#__PURE__*/_jsx__default["default"](QueryBuilderImpl, {
50
- addFilterMethod: addFilterMethod,
51
- containerProps: containerProps,
52
- displayFixedOutput: displayFixedOutput,
53
- displayOutput: displayOutput,
54
- displayOutputLabel: displayOutputLabel,
55
- fields: fields,
56
- fieldsSharedActions: fieldsSharedActions,
57
- format: format,
58
- groupFilterMethod: groupFilterMethod,
59
- handleDrop: handleDrop,
60
- handleDropFilter: handleDropFilter,
61
- handleDropGroup: handleDropGroup,
62
- handleFieldChange: handleFieldChange,
63
- handleRuleContainerOperator: handleRuleContainerOperator,
64
- handleRuleContainerUnGroup: handleRuleContainerUnGroup,
65
- init: init,
66
- onAddFilter: onAddFilter,
67
- onAddRuleContainer: onAddRuleContainer,
68
- onChange: onChange,
69
- onRemoveFilter: onRemoveFilter,
70
- ruleContainerClassName: ruleContainerClassName,
71
- singleRow: singleRow,
72
- toolTipZIndex: toolTipZIndex
73
- });
18
+ const DSQueryBuilder = _ref => {
19
+ let {
20
+ containerProps = {},
21
+ addFilterMethod = types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,
22
+ groupFilterMethod = types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,
23
+ onChange = () => null,
24
+ fields = [],
25
+ fieldsSharedActions = {
26
+ onFieldChange: [],
27
+ onOperatorChange: [],
28
+ onValueChange: []
29
+ },
30
+ format = types.QB_EXPORT_FORMAT_TYPES.DEFAULT,
31
+ init = null,
32
+ ruleContainerClassName = '',
33
+ handleDrop = () => null,
34
+ handleDropFilter = () => null,
35
+ handleDropGroup = () => null,
36
+ handleFieldChange = () => null,
37
+ handleRuleContainerOperator = () => null,
38
+ handleRuleContainerUnGroup = () => null,
39
+ onAddFilter = () => null,
40
+ onAddRuleContainer = () => null,
41
+ onRemoveFilter = () => null,
42
+ displayFixedOutput,
43
+ displayOutput = false,
44
+ displayOutputLabel = {
45
+ show: 'Show output',
46
+ hide: 'Hide output'
47
+ },
48
+ singleRow = false,
49
+ toolTipZIndex = 110
50
+ } = _ref;
51
+ return /*#__PURE__*/_jsx__default["default"](QueryBuilderImpl, {
52
+ addFilterMethod: addFilterMethod,
53
+ containerProps: containerProps,
54
+ displayFixedOutput: displayFixedOutput,
55
+ displayOutput: displayOutput,
56
+ displayOutputLabel: displayOutputLabel,
57
+ fields: fields,
58
+ fieldsSharedActions: fieldsSharedActions,
59
+ format: format,
60
+ groupFilterMethod: groupFilterMethod,
61
+ handleDrop: handleDrop,
62
+ handleDropFilter: handleDropFilter,
63
+ handleDropGroup: handleDropGroup,
64
+ handleFieldChange: handleFieldChange,
65
+ handleRuleContainerOperator: handleRuleContainerOperator,
66
+ handleRuleContainerUnGroup: handleRuleContainerUnGroup,
67
+ init: init,
68
+ onAddFilter: onAddFilter,
69
+ onAddRuleContainer: onAddRuleContainer,
70
+ onChange: onChange,
71
+ onRemoveFilter: onRemoveFilter,
72
+ ruleContainerClassName: ruleContainerClassName,
73
+ singleRow: singleRow,
74
+ toolTipZIndex: toolTipZIndex
75
+ });
76
+ };
74
77
 
75
78
  const DSQueryBuilderWithSchema = reactDesc.describe(DSQueryBuilder);
76
79
  DSQueryBuilderWithSchema.propTypes = propTypes.props;
@@ -90,5 +93,6 @@ exports.QB_LOAN_VALUES_OPTIONS = selectors.QB_LOAN_VALUES_OPTIONS;
90
93
  exports.QB_OPERATOR_OPTIONS = selectors.QB_OPERATOR_OPTIONS;
91
94
  exports.QB_SUBJECT_VALUES_OPTIONS = selectors.QB_SUBJECT_VALUES_OPTIONS;
92
95
  exports.QueryBuilderFormat = format;
96
+ exports.DSQueryBuilder = DSQueryBuilder;
93
97
  exports.DSQueryBuilderWithSchema = DSQueryBuilderWithSchema;
94
98
  exports["default"] = DSQueryBuilder;
@@ -4,14 +4,12 @@ var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
5
  var React = require('react');
6
6
  var dsClassnames = require('@elliemae/ds-classnames');
7
- var DSTooltip = require('@elliemae/ds-basic/Tooltip');
8
- var Popper = require('@elliemae/ds-basic/Popper');
9
- var DSToggle = require('@elliemae/ds-basic/form/Toggle');
10
- var DSButton = require('@elliemae/ds-basic/Button');
11
- var QueryAdd = require('@elliemae/ds-icons/QueryAdd');
12
- var ParenthesisRemove = require('@elliemae/ds-icons/ParenthesisRemove');
13
- var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
14
- var Icon = require('@elliemae/ds-basic/Icon');
7
+ var DSTooltip = require('@elliemae/ds-tooltip');
8
+ var dsPopper = require('@elliemae/ds-popper');
9
+ var dsForm = require('@elliemae/ds-form');
10
+ var DSButton = require('@elliemae/ds-button');
11
+ var dsIcons = require('@elliemae/ds-icons');
12
+ var dsIcon = require('@elliemae/ds-icon');
15
13
  var constants = require('../helpers/constants.js');
16
14
  var ToolBarAnimation = require('../ToolBarAnimation/ToolBarAnimation.js');
17
15
  var DragContainerController = require('../DragContainerController/DragContainerController.js');
@@ -23,11 +21,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
23
21
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
24
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
23
  var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
26
- var DSToggle__default = /*#__PURE__*/_interopDefaultLegacy(DSToggle);
27
24
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
28
- var QueryAdd__default = /*#__PURE__*/_interopDefaultLegacy(QueryAdd);
29
- var ParenthesisRemove__default = /*#__PURE__*/_interopDefaultLegacy(ParenthesisRemove);
30
- var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
31
25
 
32
26
  var _QueryAdd, _ParenthesisRemove, _div;
33
27
  const {
@@ -148,7 +142,7 @@ class AndOrController extends React.Component {
148
142
  children: [/*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
149
143
  buttonType: buttonActionType,
150
144
  className: classNameElement('add-rule'),
151
- icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](QueryAdd__default["default"], {})),
145
+ icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryAdd, {})),
152
146
  onClick: onAddFilter,
153
147
  size: buttonActionSize,
154
148
  containerProps: {
@@ -157,13 +151,13 @@ class AndOrController extends React.Component {
157
151
  }), allowUnGroup && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
158
152
  buttonType: "text",
159
153
  className: classNameElement('ungroup'),
160
- icon: _ParenthesisRemove || (_ParenthesisRemove = /*#__PURE__*/_jsx__default["default"](ParenthesisRemove__default["default"], {})),
154
+ icon: _ParenthesisRemove || (_ParenthesisRemove = /*#__PURE__*/_jsx__default["default"](dsIcons.ParenthesisRemove, {})),
161
155
  onClick: handleRuleContainerUnGroup,
162
156
  size: buttonActionSize,
163
157
  containerProps: {
164
158
  'data-testid': 'parenthesis-remove-button'
165
159
  }
166
- }), /*#__PURE__*/_jsx__default["default"](DSToggle__default["default"], {
160
+ }), /*#__PURE__*/_jsx__default["default"](dsForm.DSToggle, {
167
161
  checked: condition,
168
162
  className: classNameElement('and-or-toggle'),
169
163
  labelOff: labelOff,
@@ -186,10 +180,10 @@ class AndOrController extends React.Component {
186
180
  className: classNameElement('condition-display-step')
187
181
  }, void 0, step), _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {
188
182
  className: "separator"
189
- })), /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {
190
- color: Icon.DSIconColors.NEUTRAL,
183
+ })), /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
184
+ color: dsIcon.DSIconColors.NEUTRAL,
191
185
  onClick: this.handleMouseEnterRow,
192
- size: Icon.DSIconSizes.S,
186
+ size: dsIcon.DSIconSizes.S,
193
187
  containerProps: {
194
188
  'data-testid': 'and-or-more-options-button'
195
189
  }
@@ -214,17 +208,17 @@ _defineProperty__default["default"](AndOrController, "defaultProps", {
214
208
  condition: true,
215
209
  showDragController: true,
216
210
  allowUnGroup: true,
217
- buttonActionSize: Icon.DSIconSizes.M,
211
+ buttonActionSize: dsIcon.DSIconSizes.M,
218
212
  buttonActionType: 'text',
219
- toogleActionSize: Icon.DSIconSizes.S,
213
+ toogleActionSize: dsIcon.DSIconSizes.S,
220
214
  onAddFilter: () => null,
221
215
  multipleSize: false,
222
216
  delayClose: constants.DELAY_CLOSE,
223
217
  delayOpen: constants.DELAY_OPEN,
224
218
  step: null,
225
219
  toolBarAnimationDuration: constants.TOOLBAR_ANIMATION_DURATION,
226
- toolBarInteractionType: Popper.PopperInteractions.CLICK,
227
- toolBarPosition: Popper.PopperPositions.LEFT
220
+ toolBarInteractionType: dsPopper.PopperInteractions.CLICK,
221
+ toolBarPosition: dsPopper.PopperPositions.LEFT
228
222
  });
229
223
 
230
224
  module.exports = AndOrController;
@@ -3,14 +3,11 @@
3
3
  var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  require('react');
5
5
  var dsClassnames = require('@elliemae/ds-classnames');
6
- var DSTooltip = require('@elliemae/ds-basic/Tooltip');
7
- var Popper = require('@elliemae/ds-basic/Popper');
8
- var Icon = require('@elliemae/ds-basic/Icon');
9
- var DSButton = require('@elliemae/ds-basic/Button');
10
- var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
11
- var QueryRemove = require('@elliemae/ds-icons/QueryRemove');
12
- var QueryAdd = require('@elliemae/ds-icons/QueryAdd');
13
- var ParenthesisAdd = require('@elliemae/ds-icons/ParenthesisAdd');
6
+ var DSTooltip = require('@elliemae/ds-tooltip');
7
+ var dsPopper = require('@elliemae/ds-popper');
8
+ var dsIcon = require('@elliemae/ds-icon');
9
+ var dsIcons = require('@elliemae/ds-icons');
10
+ var DSButton = require('@elliemae/ds-button');
14
11
  var ToolBarAnimation = require('../ToolBarAnimation/ToolBarAnimation.js');
15
12
  var constants = require('../helpers/constants.js');
16
13
 
@@ -19,27 +16,24 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
16
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
20
17
  var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
21
18
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
22
- var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
23
- var QueryRemove__default = /*#__PURE__*/_interopDefaultLegacy(QueryRemove);
24
- var QueryAdd__default = /*#__PURE__*/_interopDefaultLegacy(QueryAdd);
25
- var ParenthesisAdd__default = /*#__PURE__*/_interopDefaultLegacy(ParenthesisAdd);
26
19
 
27
20
  var _ToolBarAnimation, _QueryRemove, _QueryAdd, _ParenthesisAdd;
28
21
 
29
- const ConditionController = ({
30
- onAddFilter = () => null,
31
- onAddRuleContainer = () => null,
32
- onRemoveFilter = () => null,
33
- handleTooltipRow = () => null,
34
- buttonTriggerSize = Icon.DSIconSizes.M,
35
- buttonTriggerType = 'text',
36
- buttonActionSize = Icon.DSIconSizes.M,
37
- buttonActionType = 'text',
38
- delayClose = constants.DELAY_CLOSE,
39
- delayOpen = constants.DELAY_OPEN,
40
- isOpen = false,
41
- toolTipZIndex
42
- }) => {
22
+ const ConditionController = _ref => {
23
+ let {
24
+ onAddFilter = () => null,
25
+ onAddRuleContainer = () => null,
26
+ onRemoveFilter = () => null,
27
+ handleTooltipRow = () => null,
28
+ buttonTriggerSize = dsIcon.DSIconSizes.M,
29
+ buttonTriggerType = 'text',
30
+ buttonActionSize = dsIcon.DSIconSizes.M,
31
+ buttonActionType = 'text',
32
+ delayClose = constants.DELAY_CLOSE,
33
+ delayOpen = constants.DELAY_OPEN,
34
+ isOpen = false,
35
+ toolTipZIndex
36
+ } = _ref;
43
37
  const {
44
38
  cssClassName,
45
39
  classNameBlock,
@@ -50,10 +44,10 @@ const ConditionController = ({
50
44
  }, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
51
45
  delayClose: delayClose,
52
46
  delayOpen: delayOpen,
53
- interactionType: Popper.PopperInteractions.CLICK,
47
+ interactionType: dsPopper.PopperInteractions.CLICK,
54
48
  isOpen: isOpen,
55
49
  onOpen: handleTooltipRow,
56
- placement: Popper.PopperPositions.LEFT,
50
+ placement: dsPopper.PopperPositions.LEFT,
57
51
  springAnimationComponent: _ToolBarAnimation || (_ToolBarAnimation = /*#__PURE__*/_jsx__default["default"](ToolBarAnimation.ToolBarAnimation, {
58
52
  duration: constants.TOOLBAR_ANIMATION_DURATION
59
53
  })),
@@ -62,7 +56,7 @@ const ConditionController = ({
62
56
  }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
63
57
  buttonType: buttonActionType,
64
58
  className: classNameElement('remove-rule'),
65
- icon: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx__default["default"](QueryRemove__default["default"], {})),
59
+ icon: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryRemove, {})),
66
60
  onClick: onRemoveFilter,
67
61
  size: buttonActionSize,
68
62
  containerProps: {
@@ -71,7 +65,7 @@ const ConditionController = ({
71
65
  }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
72
66
  buttonType: buttonActionType,
73
67
  className: classNameElement('add-rule'),
74
- icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](QueryAdd__default["default"], {})),
68
+ icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryAdd, {})),
75
69
  onClick: onAddFilter,
76
70
  size: buttonActionSize,
77
71
  containerProps: {
@@ -80,7 +74,7 @@ const ConditionController = ({
80
74
  }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
81
75
  buttonType: buttonActionType,
82
76
  className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
83
- icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx__default["default"](ParenthesisAdd__default["default"], {})),
77
+ icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.ParenthesisAdd, {})),
84
78
  onClick: onAddRuleContainer,
85
79
  size: buttonActionSize,
86
80
  containerProps: {
@@ -90,7 +84,7 @@ const ConditionController = ({
90
84
  tooltipType: DSTooltip.TooltipType.TOOLBAR,
91
85
  triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
92
86
  buttonType: buttonTriggerType,
93
- icon: /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {
87
+ icon: /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
94
88
  color: ['neutral', '500']
95
89
  }),
96
90
  onClick: handleTooltipRow,
@@ -5,17 +5,14 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
5
  var React = require('react');
6
6
  var dsGrid = require('@elliemae/ds-grid');
7
7
  var dsClassnames = require('@elliemae/ds-classnames');
8
- var Accordion = require('@elliemae/ds-basic/Accordion');
9
- var ChevronDown = require('@elliemae/ds-icons/ChevronDown');
10
- var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
8
+ var dsAccordion = require('@elliemae/ds-accordion');
9
+ var dsIcons = require('@elliemae/ds-icons');
11
10
  var QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js');
12
11
 
13
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
13
 
15
14
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
16
15
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
17
- var ChevronDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDown);
18
- var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
19
16
 
20
17
  const {
21
18
  cssClassName
@@ -26,11 +23,14 @@ class DisplayOutput extends React.Component {
26
23
  super(props);
27
24
 
28
25
  _defineProperty__default["default"](this, "handleChange", () => {
29
- this.setState(({
30
- show
31
- }) => ({
32
- show: !show
33
- }));
26
+ this.setState(_ref => {
27
+ let {
28
+ show
29
+ } = _ref;
30
+ return {
31
+ show: !show
32
+ };
33
+ });
34
34
  });
35
35
 
36
36
  this.state = {
@@ -49,9 +49,10 @@ class DisplayOutput extends React.Component {
49
49
  hideLabel,
50
50
  displayFixedOutput
51
51
  } = this.props;
52
- return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, ({
53
- format
54
- }) => {
52
+ return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
53
+ let {
54
+ format
55
+ } = _ref2;
55
56
  let display = '';
56
57
 
57
58
  try {
@@ -73,12 +74,12 @@ class DisplayOutput extends React.Component {
73
74
 
74
75
  return /*#__PURE__*/_jsx__default["default"]("div", {
75
76
  className: cssClassName
76
- }, void 0, /*#__PURE__*/_jsx__default["default"](Accordion.DSAccordion, {
77
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordion, {
77
78
  activeValue: show,
78
79
  onChange: this.handleChange
79
- }, void 0, /*#__PURE__*/_jsx__default["default"](Accordion.DSAccordionItem, {
80
- iconClosed: ChevronRight__default["default"],
81
- iconOpened: ChevronDown__default["default"],
80
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordionItem, {
81
+ iconClosed: dsIcons.ChevronRight,
82
+ iconOpened: dsIcons.ChevronDown,
82
83
  title: show ? hideLabel : showLabel,
83
84
  value: true
84
85
  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, display))));
@@ -3,40 +3,38 @@
3
3
  var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  require('react');
5
5
  var dsClassnames = require('@elliemae/ds-classnames');
6
- var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
7
- var Icon = require('@elliemae/ds-basic/Icon');
8
- var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
6
+ var dsIcon = require('@elliemae/ds-icon');
7
+ var dsIcons = require('@elliemae/ds-icons');
9
8
 
10
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
10
 
12
11
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
13
- var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
14
- var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
15
12
 
16
13
  var _div;
17
14
 
18
- const DragContainerController = ({
19
- color = Icon.DSIconColors.NEUTRAL,
20
- icon: Icon$1 = GripperVertical__default["default"],
21
- size = Icon.DSIconSizes.S,
22
- multipleSize = false,
23
- onClick
24
- }) => {
15
+ const DragContainerController = _ref => {
16
+ let {
17
+ color = dsIcon.DSIconColors.NEUTRAL,
18
+ icon: Icon = dsIcons.GripperVertical,
19
+ size = dsIcon.DSIconSizes.S,
20
+ multipleSize = false,
21
+ onClick
22
+ } = _ref;
25
23
  const {
26
24
  cssClassName
27
25
  } = dsClassnames.convertPropToCssClassName('query-builder-drag-group');
28
26
  return /*#__PURE__*/_jsx__default["default"]("div", {
29
27
  className: "".concat(cssClassName)
30
- }, void 0, /*#__PURE__*/_jsx__default["default"](Icon$1, {
28
+ }, void 0, /*#__PURE__*/_jsx__default["default"](Icon, {
31
29
  color: color,
32
30
  size: size
33
31
  }), _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {
34
32
  className: "separator"
35
- })), /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {
33
+ })), /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
36
34
  color: color,
37
35
  onClick: onClick,
38
36
  size: size
39
- }), multipleSize && /*#__PURE__*/_jsx__default["default"](Icon$1, {
37
+ }), multipleSize && /*#__PURE__*/_jsx__default["default"](Icon, {
40
38
  className: "additional-drag",
41
39
  color: color,
42
40
  onClick: onClick,
@@ -1,11 +1,16 @@
1
1
  'use strict';
2
2
 
3
+ require('core-js/modules/esnext.async-iterator.filter.js');
4
+ require('core-js/modules/esnext.iterator.constructor.js');
5
+ require('core-js/modules/esnext.iterator.filter.js');
6
+ require('core-js/modules/esnext.async-iterator.for-each.js');
7
+ require('core-js/modules/esnext.iterator.for-each.js');
3
8
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
9
  var _jsx = require('@babel/runtime/helpers/jsx');
5
10
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
11
  require('react');
7
- var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
8
- var Icon = require('@elliemae/ds-basic/Icon');
12
+ var dsIcon = require('@elliemae/ds-icon');
13
+ var dsIcons = require('@elliemae/ds-icons');
9
14
  var jsxRuntime = require('react/jsx-runtime');
10
15
 
11
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,7 +18,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
18
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
14
19
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
15
20
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
16
- var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
17
21
 
18
22
  const _excluded = ["className", "color", "icon", "size"];
19
23
 
@@ -25,15 +29,15 @@ const DragControllerRow = _ref => {
25
29
  let {
26
30
  className = 'drag-controller',
27
31
  color = ['neutral', '500'],
28
- icon: Icon$1 = GripperVertical__default["default"],
29
- size = Icon.DSIconSizes.M
32
+ icon: Icon = dsIcons.GripperVertical,
33
+ size = dsIcon.DSIconSizes.M
30
34
  } = _ref,
31
35
  rest = _objectWithoutProperties__default["default"](_ref, _excluded);
32
36
 
33
37
  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
34
38
  className: className
35
39
  }, rest), {}, {
36
- children: /*#__PURE__*/_jsx__default["default"](Icon$1, {
40
+ children: /*#__PURE__*/_jsx__default["default"](Icon, {
37
41
  color: color,
38
42
  size: size
39
43
  })
@@ -2,32 +2,32 @@
2
2
 
3
3
  var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  require('react');
5
- var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
6
- var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
5
+ var dsForm = require('@elliemae/ds-form');
7
6
 
8
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
8
 
10
9
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
11
- var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
12
- var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
13
10
 
14
- const FieldControllerRow = ({
15
- className = '',
16
- onChange = () => null,
17
- options = [],
18
- value = '',
19
- type = 'DSComboBox'
20
- }) => /*#__PURE__*/_jsx__default["default"]("div", {
21
- className: className
22
- }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
23
- onChange: onChange,
24
- options: options,
25
- value: value
26
- }), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
27
- fluidWidth: true,
28
- onChange: onChange,
29
- options: options,
30
- value: value
31
- }));
11
+ const FieldControllerRow = _ref => {
12
+ let {
13
+ className = '',
14
+ onChange = () => null,
15
+ options = [],
16
+ value = '',
17
+ type = 'DSComboBox'
18
+ } = _ref;
19
+ return /*#__PURE__*/_jsx__default["default"]("div", {
20
+ className: className
21
+ }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
22
+ onChange: onChange,
23
+ options: options,
24
+ value: value
25
+ }), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
26
+ fluidWidth: true,
27
+ onChange: onChange,
28
+ options: options,
29
+ value: value
30
+ }));
31
+ };
32
32
 
33
33
  module.exports = FieldControllerRow;
@@ -2,10 +2,19 @@
2
2
 
3
3
  var _jsx = require('@babel/runtime/helpers/jsx');
4
4
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
+ require('core-js/modules/esnext.async-iterator.find.js');
6
+ require('core-js/modules/esnext.iterator.constructor.js');
7
+ require('core-js/modules/esnext.iterator.find.js');
8
+ require('core-js/modules/esnext.async-iterator.map.js');
9
+ require('core-js/modules/esnext.iterator.map.js');
10
+ require('core-js/modules/esnext.async-iterator.filter.js');
11
+ require('core-js/modules/esnext.iterator.filter.js');
12
+ require('core-js/modules/esnext.async-iterator.for-each.js');
13
+ require('core-js/modules/esnext.iterator.for-each.js');
5
14
  var React = require('react');
6
15
  var cn = require('classnames');
7
16
  var utils = require('@elliemae/ds-shared/utils');
8
- var utils$1 = require('@elliemae/ds-utilities/utils');
17
+ var dsUtilities = require('@elliemae/ds-utilities');
9
18
  var tryIncreaseDepth = require('./actions/tryIncreaseDepth.js');
10
19
  var tryDecreaseDepth = require('./actions/tryDecreaseDepth.js');
11
20
  var moveItem = require('./actions/moveItem.js');
@@ -24,7 +33,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
24
33
 
25
34
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
26
35
 
27
- const shallowCompare = (instance, nextProps, nextState) => !utils$1.isEqualWith(instance.props, nextProps) || !utils$1.isEqualWith(instance.state, nextState);
36
+ const shallowCompare = (instance, nextProps, nextState) => !dsUtilities.isEqualWith(instance.props, nextProps) || !dsUtilities.isEqualWith(instance.state, nextState);
28
37
 
29
38
  class Nestable extends React.Component {
30
39
  constructor(props) {
@@ -170,15 +179,18 @@ class Nestable extends React.Component {
170
179
  return null;
171
180
  }
172
181
 
173
- getPathById(id, items = this.getDefaultItems()) {
182
+ getPathById(id) {
183
+ let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
174
184
  return paths.getPathById.call(this, id, items);
175
185
  }
176
186
 
177
- getItemByPath(path, items = this.getDefaultItems()) {
187
+ getItemByPath(path) {
188
+ let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
178
189
  return paths.getItemByPath.call(this, path, items);
179
190
  }
180
191
 
181
- getSplicePath(path, options = {}) {
192
+ getSplicePath(path) {
193
+ let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
182
194
  return paths.getSplicePath.call(this, path, options);
183
195
  }
184
196
 
@@ -215,11 +227,13 @@ class Nestable extends React.Component {
215
227
  tryDecreaseDepth.tryDecreaseDepth.call(this, dragItem);
216
228
  }
217
229
 
218
- moveItem({
219
- dragItem,
220
- pathFrom,
221
- pathTo
222
- }, extraProps = {}) {
230
+ moveItem(_ref) {
231
+ let {
232
+ dragItem,
233
+ pathFrom,
234
+ pathTo
235
+ } = _ref;
236
+ let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
223
237
  moveItem.moveItem.call(this, {
224
238
  dragItem,
225
239
  pathFrom,