@elliemae/ds-query-builder 3.0.0-next.2 → 3.0.0-next.3

package/cjs/components/helpers/types.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const QB_FIELD_TYPES = {
-  LOAN_VALUES: 'loanValues',
-  LTV_VALUES: 'ltvValues',
-  SUBJECT_VALUES: 'subjectValues',
-  LAST_VALUES: 'lastValues',
-  CREDIT_VALUES: 'creditValues'
-};
-const QB_OPERATOR_TYPES = {
-  EQUAL: 'equal',
-  NOT_EQUAL: 'notEqual',
-  GREATER_THAN: 'greaterThan',
-  LESS_THAN: 'lessThan',
-  CONTAINS: 'contains',
-  NOT_CONTAINS: 'notNontains',
-  BETWEEN: 'between',
-  GREATER_THAN_OR_EQUAL: 'greaterThanOrEquals',
-  LESS_THAN_OR_EQUAL: 'lessThanOrEquals',
-  START_WITH: 'startsWith'
-};
-const QB_GROUP_CONDITION_TYPES = {
-  AND: true,
-  OR: false
-};
-const QB_DRAG_TYPES = {
-  FILTER: 'filter',
-  GROUP: 'group'
-};
-const QB_DRAG_LOCATIONS = {
-  ABOVE: 'above',
-  BELOW: 'below'
-};
-const QB_EXPORT_FORMAT_TYPES = {
-  DEFAULT: 'defaultFormat',
-  XML: 'xmlFormat',
-  SQL: 'sqlFormat',
-  SAFESQL: 'sqlSafeFormat'
-};
-const QB_ADD_FILTER_METHOD_TYPES = {
-  IN_PLACE: 'inplace',
-  APPEND: 'append'
-};
-const QB_GROUP_FILTER_METHOD_TYPES = {
-  IN_PLACE: 'inplace',
-  APPEND: 'append'
-};
-const QB_FIELD_SHARED_ACTIONS = {
-  RESET_FIELD: 'resetField',
-  RESET_OPERATOR: 'resetOperator',
-  RESET_VALUE: 'resetValue'
-};
-
-exports.QB_ADD_FILTER_METHOD_TYPES = QB_ADD_FILTER_METHOD_TYPES;
-exports.QB_DRAG_LOCATIONS = QB_DRAG_LOCATIONS;
-exports.QB_DRAG_TYPES = QB_DRAG_TYPES;
-exports.QB_EXPORT_FORMAT_TYPES = QB_EXPORT_FORMAT_TYPES;
-exports.QB_FIELD_SHARED_ACTIONS = QB_FIELD_SHARED_ACTIONS;
-exports.QB_FIELD_TYPES = QB_FIELD_TYPES;
-exports.QB_GROUP_CONDITION_TYPES = QB_GROUP_CONDITION_TYPES;
-exports.QB_GROUP_FILTER_METHOD_TYPES = QB_GROUP_FILTER_METHOD_TYPES;
-exports.QB_OPERATOR_TYPES = QB_OPERATOR_TYPES;

package/cjs/index.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSQueryBuilder = require('./DSQueryBuilder.js');
-var types = require('./components/helpers/types.js');
-var selectors = require('./components/helpers/selectors.js');
-var format = require('./components/format/format.js');
-
-
-
-exports.DSQueryBuilder = DSQueryBuilder.DSQueryBuilder;
-exports.DSQueryBuilderWithSchema = DSQueryBuilder.DSQueryBuilderWithSchema;
-exports["default"] = DSQueryBuilder.DSQueryBuilder;
-exports.QB_ADD_FILTER_METHOD_TYPES = types.QB_ADD_FILTER_METHOD_TYPES;
-exports.QB_DRAG_LOCATIONS = types.QB_DRAG_LOCATIONS;
-exports.QB_DRAG_TYPES = types.QB_DRAG_TYPES;
-exports.QB_EXPORT_FORMAT_TYPES = types.QB_EXPORT_FORMAT_TYPES;
-exports.QB_FIELD_SHARED_ACTIONS = types.QB_FIELD_SHARED_ACTIONS;
-exports.QB_FIELD_TYPES = types.QB_FIELD_TYPES;
-exports.QB_GROUP_CONDITION_TYPES = types.QB_GROUP_CONDITION_TYPES;
-exports.QB_GROUP_FILTER_METHOD_TYPES = types.QB_GROUP_FILTER_METHOD_TYPES;
-exports.QB_OPERATOR_TYPES = types.QB_OPERATOR_TYPES;
-exports.QB_DEFAULT_VALUES_OPTIONS = selectors.QB_DEFAULT_VALUES_OPTIONS;
-exports.QB_FIELD_OPTIONS = selectors.QB_FIELD_OPTIONS;
-exports.QB_LOAN_VALUES_OPTIONS = selectors.QB_LOAN_VALUES_OPTIONS;
-exports.QB_OPERATOR_OPTIONS = selectors.QB_OPERATOR_OPTIONS;
-exports.QB_SUBJECT_VALUES_OPTIONS = selectors.QB_SUBJECT_VALUES_OPTIONS;
-exports.QueryBuilderFormat = format;

package/cjs/propTypes.js

@@ -1,97 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var types = require('./components/helpers/types.js');
-
-const props = {
-  /** inpect props to component wrapper */
-  containerProps: reactDesc.PropTypes.object.description('inject props to component wrapper'),
-
-  /** add filter strategy */
-  addFilterMethod: reactDesc.PropTypes.oneOf([types.QB_ADD_FILTER_METHOD_TYPES.APPEND, types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE]).description('add filter strategy'),
-
-  /** group filter strategy */
-  groupFilterMethod: reactDesc.PropTypes.oneOf([types.QB_ADD_FILTER_METHOD_TYPES.APPEND, types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE]).description('group filter strategy'),
-
-  /** change callback */
-  onChange: reactDesc.PropTypes.func.description('change callback'),
-
-  /** fields to query */
-  fields: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-    target: reactDesc.PropTypes.oneOf(['operator', 'field', 'value']),
-    component: reactDesc.PropTypes.element,
-    condition: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-      source: reactDesc.PropTypes.oneOf(['operator', 'field', 'value']),
-      operator: reactDesc.PropTypes.oneOf(['checkNotEmpty', 'greaterThan', 'greaterThanOrEquals', 'lessThanOrEquals', 'startsWith', 'contains', 'validDate', 'equal', 'notEqual', 'isNull', 'isNotNull', 'isIn', 'isNotIn']),
-      value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number])
-    }))
-  })).description('fields to query'),
-
-  /** fields actions */
-  fieldsSharedActions: reactDesc.PropTypes.shape({
-    onFieldChange: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.func),
-    onOperatorChange: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.func),
-    onValueChange: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.func)
-  }).description('fields actions'),
-
-  /** query builder format */
-  format: reactDesc.PropTypes.string.description('query builder format'),
-
-  /** initial values */
-  init: reactDesc.PropTypes.shape({
-    step: reactDesc.PropTypes.number,
-    mapFilters: reactDesc.PropTypes.object,
-    mapGroups: reactDesc.PropTypes.object,
-    main: reactDesc.PropTypes.string,
-    items: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object)
-  }).description('initial values'),
-
-  /** class for rule container */
-  ruleContainerClassName: reactDesc.PropTypes.string.description('class for rule container'),
-
-  /** handle field change */
-  handleDrop: reactDesc.PropTypes.func.description('handle field change'),
-
-  /** handle field change drop */
-  handleDropFilter: reactDesc.PropTypes.func.description('handle field change drop'),
-
-  /** handle field group change */
-  handleDropGroup: reactDesc.PropTypes.func.description('handle field group change'),
-
-  /** handle field change */
-  handleFieldChange: reactDesc.PropTypes.func.description('handle field change'),
-
-  /** handle rule container operator change */
-  handleRuleContainerOperator: reactDesc.PropTypes.func.description('handle rule container operator change'),
-
-  /** handle rule container grouping change */
-  handleRuleContainerUnGroup: reactDesc.PropTypes.func.description('handle rule container grouping change'),
-
-  /** filter add callback */
-  onAddFilter: reactDesc.PropTypes.func.description('filter add callback'),
-
-  /** rule container add callback */
-  onAddRuleContainer: reactDesc.PropTypes.func.description('rule container add callback'),
-
-  /** remove filter callback */
-  onRemoveFilter: reactDesc.PropTypes.func.description('remove filter callback'),
-  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(''),
-
-  /** show output */
-  displayOutput: reactDesc.PropTypes.bool.description('show output'),
-
-  /** show output label */
-  displayOutputLabel: reactDesc.PropTypes.shape({
-    show: reactDesc.PropTypes.string,
-    hide: reactDesc.PropTypes.string,
-    open: reactDesc.PropTypes.bool
-  }).description('show output label'),
-
-  /** one or multiple rows for query */
-  singleRow: reactDesc.PropTypes.bool.description('one or multiple rows for query'),
-  toolTipZIndex: reactDesc.PropTypes.number.description('ZIndex for action controls').defaultValue(110)
-};
-
-exports.props = props;

package/esm/DSQueryBuilder.js

@@ -1,74 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import QueryBuilderImpl from './components/QueryBuilderImpl.js';
-import { QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES, QB_EXPORT_FORMAT_TYPES } from './components/helpers/types.js';
-export { QB_ADD_FILTER_METHOD_TYPES, QB_DRAG_LOCATIONS, QB_DRAG_TYPES, QB_EXPORT_FORMAT_TYPES, QB_FIELD_SHARED_ACTIONS, QB_FIELD_TYPES, QB_GROUP_CONDITION_TYPES, QB_GROUP_FILTER_METHOD_TYPES, QB_OPERATOR_TYPES } from './components/helpers/types.js';
-export { QB_DEFAULT_VALUES_OPTIONS, QB_FIELD_OPTIONS, QB_LOAN_VALUES_OPTIONS, QB_OPERATOR_OPTIONS, QB_SUBJECT_VALUES_OPTIONS } from './components/helpers/selectors.js';
-export { default as QueryBuilderFormat } from './components/format/format.js';
-import { props } from './propTypes.js';
-
-const DSQueryBuilder = _ref => {
-  let {
-    containerProps = {},
-    addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,
-    groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,
-    onChange = () => null,
-    fields = [],
-    fieldsSharedActions = {
-      onFieldChange: [],
-      onOperatorChange: [],
-      onValueChange: []
-    },
-    format = QB_EXPORT_FORMAT_TYPES.DEFAULT,
-    init = null,
-    ruleContainerClassName = '',
-    handleDrop = () => null,
-    handleDropFilter = () => null,
-    handleDropGroup = () => null,
-    handleFieldChange = () => null,
-    handleRuleContainerOperator = () => null,
-    handleRuleContainerUnGroup = () => null,
-    onAddFilter = () => null,
-    onAddRuleContainer = () => null,
-    onRemoveFilter = () => null,
-    displayFixedOutput,
-    displayOutput = false,
-    displayOutputLabel = {
-      show: 'Show output',
-      hide: 'Hide output'
-    },
-    singleRow = false,
-    toolTipZIndex = 110
-  } = _ref;
-  return /*#__PURE__*/_jsx(QueryBuilderImpl, {
-    addFilterMethod: addFilterMethod,
-    containerProps: containerProps,
-    displayFixedOutput: displayFixedOutput,
-    displayOutput: displayOutput,
-    displayOutputLabel: displayOutputLabel,
-    fields: fields,
-    fieldsSharedActions: fieldsSharedActions,
-    format: format,
-    groupFilterMethod: groupFilterMethod,
-    handleDrop: handleDrop,
-    handleDropFilter: handleDropFilter,
-    handleDropGroup: handleDropGroup,
-    handleFieldChange: handleFieldChange,
-    handleRuleContainerOperator: handleRuleContainerOperator,
-    handleRuleContainerUnGroup: handleRuleContainerUnGroup,
-    init: init,
-    onAddFilter: onAddFilter,
-    onAddRuleContainer: onAddRuleContainer,
-    onChange: onChange,
-    onRemoveFilter: onRemoveFilter,
-    ruleContainerClassName: ruleContainerClassName,
-    singleRow: singleRow,
-    toolTipZIndex: toolTipZIndex
-  });
-};
-
-const DSQueryBuilderWithSchema = describe(DSQueryBuilder);
-DSQueryBuilderWithSchema.propTypes = props;
-
-export { DSQueryBuilder, DSQueryBuilderWithSchema, DSQueryBuilder as default };

package/esm/components/AndOrController/AndOrController.js

@@ -1,213 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React, { Component } from 'react';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
-import { PopperInteractions, PopperPositions } from '@elliemae/ds-popper';
-import { DSToggle } from '@elliemae/ds-form';
-import DSButton from '@elliemae/ds-button';
-import { QueryAdd, ParenthesisRemove, MoreOptionsVert } from '@elliemae/ds-icons';
-import { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';
-import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';
-import { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';
-import DragContainerController from '../DragContainerController/DragContainerController.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _QueryAdd, _ParenthesisRemove, _div;
-const {
-  cssClassName,
-  classNameBlock,
-  classNameElement,
-  mainModifier,
-  classNameBlockModifier
-} = convertPropToCssClassName('query-builder-and-or-controller');
-/**
- * condition-display-step: required to avoid the cache of the trigger
- *
- * @param e
- * @param isOpen
- */
-
-class AndOrController extends Component {
-  constructor(props) {
-    super(props);
-
-    this.handleMouseEnterRow = e => {
-      this.handleTooltipRow(true); // this.handleMouseMove(e)
-    };
-
-    this.handleMouseMove = e => {
-      if (!this.contenerRef.current) return;
-      const mouse = e.clientY;
-      const {
-        height
-      } = this.contenerRef.current.getBoundingClientRect();
-      const delta = height / 2;
-      const topDiff = this.myRef.current.getBoundingClientRect().top;
-      const refHeight = this.myRef.current.getBoundingClientRect().height;
-      this.setState({
-        top: mouse - topDiff - refHeight / 2 - delta
-      });
-    };
-
-    this.handleMouseLeaveRow = () => {
-      this.handleTooltipRow(false);
-    };
-
-    this.handleTooltipRow = isOpen => {
-      this.setState({
-        isOpen
-      });
-      const {
-        handleTooltipGroup
-      } = this.props;
-      handleTooltipGroup(isOpen);
-    };
-
-    this.contenerRef = /*#__PURE__*/React.createRef();
-    this.myRef = /*#__PURE__*/React.createRef();
-    this.state = {
-      isOpen: false,
-      top: 0,
-      right: -2
-    };
-  }
-
-  render() {
-    const {
-      handleRuleContainerOperator,
-      handleRuleContainerUnGroup,
-      labelOn,
-      labelOff,
-      condition,
-      showDragController,
-      allowUnGroup,
-      buttonActionSize,
-      buttonActionType,
-      toogleActionSize,
-      onAddFilter,
-      multipleSize,
-      delayClose,
-      delayOpen,
-      step,
-      toolBarAnimationDuration,
-      toolBarInteractionType,
-      toolBarPosition,
-      isMain,
-      toolTipZIndex
-    } = this.props;
-    const {
-      isOpen,
-      top,
-      right
-    } = this.state;
-    return /*#__PURE__*/jsx("div", {
-      ref: this.myRef,
-      className: "".concat(cssClassName, " ").concat(mainModifier(condition ? 'active' : 'default'), " step-").concat(step, "  ").concat(isMain ? 'is-main-group-join' : '') // onMouseEnter={this.handleMouseEnterRow}
-      ,
-      onMouseLeave: this.handleMouseLeaveRow // onMouseMove={this.handleMouseMove}
-      ,
-      children: /*#__PURE__*/_jsx("div", {
-        className: "".concat(classNameBlock('content'), " step-").concat(step)
-      }, void 0, /*#__PURE__*/_jsx(DSTooltip, {
-        delayClose: delayClose,
-        delayOpen: delayOpen,
-        interactionType: toolBarInteractionType,
-        isOpen: isOpen,
-        onOpen: this.handleTooltipRow,
-        placement: toolBarPosition,
-        springAnimationComponent: /*#__PURE__*/_jsx(ToolBarAnimation, {
-          duration: toolBarAnimationDuration
-        }),
-        step: step,
-        title: /*#__PURE__*/jsxs("div", {
-          ref: this.contenerRef,
-          className: classNameBlock('actions'),
-          style: {
-            transition: '0.2s',
-            position: 'absolute',
-            top: "".concat(top, "px"),
-            right: "".concat(right, "px")
-          },
-          children: [/*#__PURE__*/_jsx(DSButton, {
-            buttonType: buttonActionType,
-            className: classNameElement('add-rule'),
-            icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx(QueryAdd, {})),
-            onClick: onAddFilter,
-            size: buttonActionSize,
-            containerProps: {
-              'data-testid': 'query-add-button'
-            }
-          }), allowUnGroup && /*#__PURE__*/_jsx(DSButton, {
-            buttonType: "text",
-            className: classNameElement('ungroup'),
-            icon: _ParenthesisRemove || (_ParenthesisRemove = /*#__PURE__*/_jsx(ParenthesisRemove, {})),
-            onClick: handleRuleContainerUnGroup,
-            size: buttonActionSize,
-            containerProps: {
-              'data-testid': 'parenthesis-remove-button'
-            }
-          }), /*#__PURE__*/_jsx(DSToggle, {
-            checked: condition,
-            className: classNameElement('and-or-toggle'),
-            labelOff: labelOff,
-            labelOn: labelOn,
-            onChange: e => handleRuleContainerOperator(e.target.checked),
-            size: toogleActionSize,
-            containerProps: {
-              'data-testid': 'and-or-toggle-button'
-            }
-          })]
-        }),
-        tooltipType: TooltipType.TOOLBAR,
-        triggerComponent: /*#__PURE__*/_jsx("div", {
-          className: "".concat(classNameBlock('trigger-controller'), " ").concat(showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : '', " step-").concat(step)
-        }, void 0, /*#__PURE__*/_jsx("div", {
-          className: classNameElement('condition-display')
-        }, void 0, /*#__PURE__*/_jsx("span", {
-          className: classNameElement('condition-display-label')
-        }, void 0, condition ? labelOn : labelOff), /*#__PURE__*/_jsx("span", {
-          className: classNameElement('condition-display-step')
-        }, void 0, step), _div || (_div = /*#__PURE__*/_jsx("div", {
-          className: "separator"
-        })), /*#__PURE__*/_jsx(MoreOptionsVert, {
-          color: DSIconColors.NEUTRAL,
-          onClick: this.handleMouseEnterRow,
-          size: DSIconSizes.S,
-          containerProps: {
-            'data-testid': 'and-or-more-options-button'
-          }
-        })), showDragController && /*#__PURE__*/_jsx(DragContainerController, {
-          multipleSize: multipleSize,
-          onClick: this.handleMouseEnterRow
-        })),
-        zIndex: toolTipZIndex
-      }))
-    });
-  }
-
-}
-
-AndOrController.defaultProps = {
-  isMain: false,
-  handleRuleContainerOperator: () => null,
-  handleRuleContainerUnGroup: () => null,
-  handleTooltipGroup: () => null,
-  labelOn: 'AND',
-  labelOff: 'OR',
-  condition: true,
-  showDragController: true,
-  allowUnGroup: true,
-  buttonActionSize: DSIconSizes.M,
-  buttonActionType: 'text',
-  toogleActionSize: DSIconSizes.S,
-  onAddFilter: () => null,
-  multipleSize: false,
-  delayClose: DELAY_CLOSE,
-  delayOpen: DELAY_OPEN,
-  step: null,
-  toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,
-  toolBarInteractionType: PopperInteractions.CLICK,
-  toolBarPosition: PopperPositions.LEFT
-};
-
-export { AndOrController as default };

package/esm/components/ConditionController/ConditionController.js

@@ -1,92 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
-import { PopperInteractions, PopperPositions } from '@elliemae/ds-popper';
-import { DSIconSizes } from '@elliemae/ds-icon';
-import { QueryRemove, QueryAdd, ParenthesisAdd, MoreOptionsVert } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';
-import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';
-
-var _ToolBarAnimation, _QueryRemove, _QueryAdd, _ParenthesisAdd;
-
-const ConditionController = _ref => {
-  let {
-    onAddFilter = () => null,
-    onAddRuleContainer = () => null,
-    onRemoveFilter = () => null,
-    handleTooltipRow = () => null,
-    buttonTriggerSize = DSIconSizes.M,
-    buttonTriggerType = 'text',
-    buttonActionSize = DSIconSizes.M,
-    buttonActionType = 'text',
-    delayClose = DELAY_CLOSE,
-    delayOpen = DELAY_OPEN,
-    isOpen = false,
-    toolTipZIndex
-  } = _ref;
-  const {
-    cssClassName,
-    classNameBlock,
-    classNameElement
-  } = convertPropToCssClassName('query-builder-condition-controller');
-  return /*#__PURE__*/_jsx("div", {
-    className: cssClassName
-  }, void 0, /*#__PURE__*/_jsx(DSTooltip, {
-    delayClose: delayClose,
-    delayOpen: delayOpen,
-    interactionType: PopperInteractions.CLICK,
-    isOpen: isOpen,
-    onOpen: handleTooltipRow,
-    placement: PopperPositions.LEFT,
-    springAnimationComponent: _ToolBarAnimation || (_ToolBarAnimation = /*#__PURE__*/_jsx(ToolBarAnimation, {
-      duration: TOOLBAR_ANIMATION_DURATION
-    })),
-    title: /*#__PURE__*/_jsx("div", {
-      className: classNameBlock('actions')
-    }, void 0, /*#__PURE__*/_jsx(DSButton, {
-      buttonType: buttonActionType,
-      className: classNameElement('remove-rule'),
-      icon: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx(QueryRemove, {})),
-      onClick: onRemoveFilter,
-      size: buttonActionSize,
-      containerProps: {
-        'data-testid': 'query-remove-button'
-      }
-    }), /*#__PURE__*/_jsx(DSButton, {
-      buttonType: buttonActionType,
-      className: classNameElement('add-rule'),
-      icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx(QueryAdd, {})),
-      onClick: onAddFilter,
-      size: buttonActionSize,
-      containerProps: {
-        'data-testid': 'query-add-button'
-      }
-    }), /*#__PURE__*/_jsx(DSButton, {
-      buttonType: buttonActionType,
-      className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
-      icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx(ParenthesisAdd, {})),
-      onClick: onAddRuleContainer,
-      size: buttonActionSize,
-      containerProps: {
-        'data-testid': 'parenthesis-add-button'
-      }
-    })),
-    tooltipType: TooltipType.TOOLBAR,
-    triggerComponent: /*#__PURE__*/_jsx(DSButton, {
-      buttonType: buttonTriggerType,
-      icon: /*#__PURE__*/_jsx(MoreOptionsVert, {
-        color: ['neutral', '500']
-      }),
-      onClick: handleTooltipRow,
-      size: buttonTriggerSize,
-      containerProps: {
-        'data-testid': 'condition-more-options-button'
-      }
-    }),
-    zIndex: toolTipZIndex
-  }));
-};
-
-export { ConditionController as default };

package/esm/components/DisplayOutput/DisplayOutput.js

@@ -1,87 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { Component } from 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';
-import { ChevronRight, ChevronDown } from '@elliemae/ds-icons';
-import { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';
-
-const {
-  cssClassName
-} = convertPropToCssClassName('query-builder-output');
-
-class DisplayOutput extends Component {
-  constructor(props) {
-    super(props);
-
-    this.handleChange = () => {
-      this.setState(_ref => {
-        let {
-          show
-        } = _ref;
-        return {
-          show: !show
-        };
-      });
-    };
-
-    this.state = {
-      show: props.show
-    };
-  }
-
-  render() {
-    var _Grid;
-
-    const {
-      show
-    } = this.state;
-    const {
-      showLabel,
-      hideLabel,
-      displayFixedOutput
-    } = this.props;
-    return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
-      let {
-        format
-      } = _ref2;
-      let display = '';
-
-      try {
-        display = typeof format === 'object' ? JSON.stringify(format) : format;
-      } catch (e) {
-        display = e;
-      }
-
-      if (displayFixedOutput) {
-        return /*#__PURE__*/_jsx("div", {
-          className: cssClassName,
-          "data-testid": "qb-fixed-output-wrapper"
-        }, void 0, _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
-          p: "xxs"
-        }, void 0, /*#__PURE__*/_jsx("strong", {
-          "data-testid": "qb-fixed-output-label"
-        }, void 0, displayFixedOutput))), /*#__PURE__*/_jsx(Grid, {
-          pl: "xxs",
-          pr: "xxs",
-          "data-testid": "qb-fixed-output-content"
-        }, void 0, display));
-      }
-
-      return /*#__PURE__*/_jsx("div", {
-        className: cssClassName
-      }, void 0, /*#__PURE__*/_jsx(DSAccordion, {
-        activeValue: show,
-        onChange: this.handleChange
-      }, void 0, /*#__PURE__*/_jsx(DSAccordionItem, {
-        iconClosed: ChevronRight,
-        iconOpened: ChevronDown,
-        title: show ? hideLabel : showLabel,
-        value: true
-      }, void 0, /*#__PURE__*/_jsx("div", {}, void 0, display))));
-    });
-  }
-
-}
-
-export { DisplayOutput as default };