@elliemae/ds-query-builder 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/components/helpers/actions.js

@@ -3,6 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var types = require('./types.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,7 +29,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 
 const createNewFilter = function (idGroup) {
-  const idFilter = `filter_${new Date().getTime()}_${Math.random().toString(36).substring(7)}`;
+  const idFilter = "filter_".concat(new Date().getTime(), "_").concat(Math.random().toString(36).substring(7));
   return {
     idGroup,
     field: '',
@@ -38,7 +47,7 @@ const createNewFilter = function (idGroup) {
  */
 
 const createNewGroup = function (parentIdGroup) {
-  const idGroup = `group_${new Date().getTime()}_${Math.random().toString(36).substring(7)}`;
+  const idGroup = "group_".concat(new Date().getTime(), "_").concat(Math.random().toString(36).substring(7));
   return {
     parentIdGroup,
     idGroup,
@@ -84,9 +93,12 @@ const addFilterToMainItem = function (items, newFilter) {
   });
 };
 const findInChilds = function (childs, filterId) {
-  const found = childs.find(({
-    id
-  }) => id === filterId);
+  const found = childs.find(_ref => {
+    let {
+      id
+    } = _ref;
+    return id === filterId;
+  });
 
   if (!found) {
     let findInChild;
@@ -102,9 +114,12 @@ const findItemFilterById = function (filterId) {
   return findInChilds(this.items, filterId);
 };
 const findParentWithFilterId = function (childs, filterId) {
-  const found = childs.find(({
-    id
-  }) => id === filterId);
+  const found = childs.find(_ref2 => {
+    let {
+      id
+    } = _ref2;
+    return id === filterId;
+  });
 
   if (!found) {
     let findInChild;
@@ -121,17 +136,23 @@ const findParentFilterById = function (filterId) {
 };
 const filterInChildren = function (childs, filterId, mainId) {
   if (childs.children) {
-    childs.children = childs.children.filter(({
-      id
-    }) => id !== filterId);
+    childs.children = childs.children.filter(_ref3 => {
+      let {
+        id
+      } = _ref3;
+      return id !== filterId;
+    });
     childs.children = childs.children.forEach(item => filterInChildren(item.children, filterId));
     return childs;
   } // main
 
 
-  if (childs.length > 1) childs = childs.filter(({
-    id
-  }) => id !== filterId); // https://jira.elliemae.io/browse/PUI-1252
+  if (childs.length > 1) childs = childs.filter(_ref4 => {
+    let {
+      id
+    } = _ref4;
+    return id !== filterId;
+  }); // https://jira.elliemae.io/browse/PUI-1252
 
   if (childs.length === 0 && mainId) {
     const emptyFilter = createNewFilter.call(this, mainId);
@@ -194,19 +215,20 @@ const changeGroupOperator = function (idGroup, value) {
     group.element.condition = value;
   }
 };
-const changeFilterItem = function ({
-  idFilter,
-  field,
-  value,
-  operator,
-  additionalInfo,
-  target,
-  fieldsSharedActions: {
-    onFieldChange,
-    onOperatorChange,
-    onValueChange
-  }
-}) {
+const changeFilterItem = function (_ref5) {
+  let {
+    idFilter,
+    field,
+    value,
+    operator,
+    additionalInfo,
+    target,
+    fieldsSharedActions: {
+      onFieldChange,
+      onOperatorChange,
+      onValueChange
+    }
+  } = _ref5;
   const child = findItemFilterById.call(this, idFilter);
   if (field || field === '' || typeof field === 'boolean') child.element.field = field;
   if (operator) child.element.operator = operator;
@@ -214,21 +236,24 @@ const changeFilterItem = function ({
   if (additionalInfo) child.element.additionalInfo = additionalInfo; // shared fields actions
 
   if (target === 'field') {
-    onFieldChange.forEach(({
-      action
-    }) => {
+    onFieldChange.forEach(_ref6 => {
+      let {
+        action
+      } = _ref6;
       if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
     });
   } else if (target === 'operator') {
-    onOperatorChange.forEach(({
-      action
-    }) => {
+    onOperatorChange.forEach(_ref7 => {
+      let {
+        action
+      } = _ref7;
       if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
     });
   } else if (target === 'value') {
-    onValueChange.forEach(({
-      action
-    }) => {
+    onValueChange.forEach(_ref8 => {
+      let {
+        action
+      } = _ref8;
       if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === types.QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
     });
   }

package/cjs/components/helpers/dependencies.js

@@ -2,6 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.every.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.every.js');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 var lodash = require('lodash');
 var operators = require('@elliemae/ds-utilities/operators');
 var types = require('./types.js');
@@ -26,7 +33,8 @@ function _interopNamespace(e) {
 
 var operators__namespace = /*#__PURE__*/_interopNamespace(operators);
 
-const resolveCondition = (condition, state, resolveBy = types.QB_GROUP_CONDITION_TYPES.AND) => {
+const resolveCondition = function (condition, state) {
+  let resolveBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : types.QB_GROUP_CONDITION_TYPES.AND;
   if (condition.length === 0 || !condition) return true; // resolve by AND: all the conditions must be true
 
   if (resolveBy) {
@@ -53,13 +61,14 @@ const resolveCondition = (condition, state, resolveBy = types.QB_GROUP_CONDITION
 };
 
 const resolveDependencies = (state, fields) => {
-  const fieldsToRender = fields.reduce((result, {
-    target,
-    component,
-    condition,
-    resolveBy,
-    validation
-  }) => {
+  const fieldsToRender = fields.reduce((result, _ref) => {
+    let {
+      target,
+      component,
+      condition,
+      resolveBy,
+      validation
+    } = _ref;
     if (resolveCondition(condition, state, resolveBy)) result.push({
       target,
       component,

package/cjs/components/helpers/store.js

@@ -1,6 +1,11 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var actions = require('./actions.js');
 var format = require('../format/format.js');
 
@@ -25,36 +30,30 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 class QueryBuilderStore {
   constructor(init, _format) {
-    _defineProperty__default["default"](this, "items", []);
+    this.items = [];
+    this.step = 0;
+    this.steps = {};
+    this.mapFilters = {};
+    this.mapGroups = {};
+    this.main = null;
+    this.format = null;
 
-    _defineProperty__default["default"](this, "step", 0);
+    this.createNewFilter = idGroup => actions.createNewFilter.call(this, idGroup);
 
-    _defineProperty__default["default"](this, "steps", {});
+    this.createNewGroup = parentIdGroup => actions.createNewGroup.call(this, parentIdGroup);
 
-    _defineProperty__default["default"](this, "mapFilters", {});
-
-    _defineProperty__default["default"](this, "mapGroups", {});
-
-    _defineProperty__default["default"](this, "main", null);
-
-    _defineProperty__default["default"](this, "format", null);
-
-    _defineProperty__default["default"](this, "createNewFilter", idGroup => actions.createNewFilter.call(this, idGroup));
-
-    _defineProperty__default["default"](this, "createNewGroup", parentIdGroup => actions.createNewGroup.call(this, parentIdGroup));
-
-    _defineProperty__default["default"](this, "onOrderDragAndDrop", items => {
+    this.onOrderDragAndDrop = items => {
       this.items = items;
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "addFilterNextToFilterId", (idGroup, idFilter) => {
+    this.addFilterNextToFilterId = (idGroup, idFilter) => {
       // eslint-disable-line
       this.addFilter(idGroup);
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "addFilter", idGroup => {
+    this.addFilter = idGroup => {
       const newFilter = this.createNewFilter(idGroup);
       actions.addFilterToMap.call(this, newFilter); // new API
 
@@ -69,22 +68,22 @@ class QueryBuilderStore {
       }
 
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "onRemoveFilter", idFilter => {
+    this.onRemoveFilter = idFilter => {
       // new API
       actions.removeFilterItem.call(this, idFilter);
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "addRuleContainerInPlace", (idGroup, idFilter) => {
+    this.addRuleContainerInPlace = (idGroup, idFilter) => {
       // Create a new group
       const newGroup = this.createNewGroup(idGroup);
       actions.addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "addRuleContainer", (idGroup, idFilter) => {
+    this.addRuleContainer = (idGroup, idFilter) => {
       // eslint-disable-line
       const newGroup = this.createNewGroup(idGroup);
       actions.addGroupToMap.call(this, newGroup);
@@ -100,33 +99,33 @@ class QueryBuilderStore {
       }
 
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "unGroup", idGroup => {
+    this.unGroup = idGroup => {
       actions.unGroupFilterToItem.call(this, idGroup);
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "changeGroupOperator", (idGroup, value) => {
+    this.changeGroupOperator = (idGroup, value) => {
       this.getGroupById(idGroup).condition = value;
       actions.changeGroupOperator.call(this, idGroup, value);
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "changeFilter", data => {
+    this.changeFilter = data => {
       const {
         idFilter
       } = data;
       this.mapFilters[idFilter] = _objectSpread(_objectSpread({}, this.mapFilters[idFilter]), data);
       actions.changeFilterItem.call(this, data);
       return this.getState();
-    });
+    };
 
-    _defineProperty__default["default"](this, "getGroupById", idGroup => this.mapGroups[idGroup] || {});
+    this.getGroupById = idGroup => this.mapGroups[idGroup] || {};
 
-    _defineProperty__default["default"](this, "getFilterById", idFilter => this.mapFilters[idFilter]);
+    this.getFilterById = idFilter => this.mapFilters[idFilter];
 
-    _defineProperty__default["default"](this, "getInitialState", () => {
+    this.getInitialState = () => {
       const newFilters = {
         step: this.step,
         mapFilters: _objectSpread({}, this.mapFilters),
@@ -138,9 +137,9 @@ class QueryBuilderStore {
       return _objectSpread(_objectSpread({}, newFilters), {}, {
         format: format$1
       });
-    });
+    };
 
-    _defineProperty__default["default"](this, "getState", () => {
+    this.getState = () => {
       this.step += 1;
       const newFilters = {
         step: this.step,
@@ -153,7 +152,7 @@ class QueryBuilderStore {
       return _objectSpread(_objectSpread({}, newFilters), {}, {
         format: format$1
       });
-    });
+    };
 
     this.firstLoad = true;
     this.format = _format;

package/cjs/index.js

@@ -9,8 +9,9 @@ var format = require('./components/format/format.js');
 
 
 
+exports.DSQueryBuilder = DSQueryBuilder.DSQueryBuilder;
 exports.DSQueryBuilderWithSchema = DSQueryBuilder.DSQueryBuilderWithSchema;
-exports["default"] = DSQueryBuilder["default"];
+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;

package/cjs/propTypes.js

@@ -77,9 +77,7 @@ const props = {
 
   /** 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' 
-  and it will always render the output without the ability to close it. 
-  `).defaultValue(''),
+  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'),

package/esm/DSQueryBuilder.js

@@ -8,64 +8,67 @@ export { QB_DEFAULT_VALUES_OPTIONS, QB_FIELD_OPTIONS, QB_LOAN_VALUES_OPTIONS, QB
 export { default as QueryBuilderFormat } from './components/format/format.js';
 import { props } from './propTypes.js';
 
-const DSQueryBuilder = ({
-  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
-}) => /*#__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 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 { DSQueryBuilderWithSchema, DSQueryBuilder as default };
+export { DSQueryBuilder, DSQueryBuilderWithSchema, DSQueryBuilder as default };

package/esm/components/AndOrController/AndOrController.js

@@ -1,15 +1,12 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { Component } from 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSTooltip, { TooltipType } from '@elliemae/ds-basic/Tooltip';
-import { PopperInteractions, PopperPositions } from '@elliemae/ds-basic/Popper';
-import DSToggle from '@elliemae/ds-basic/form/Toggle';
-import DSButton from '@elliemae/ds-basic/Button';
-import QueryAdd from '@elliemae/ds-icons/QueryAdd';
-import ParenthesisRemove from '@elliemae/ds-icons/ParenthesisRemove';
-import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
-import { DSIconSizes, DSIconColors } from '@elliemae/ds-basic/Icon';
+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';
@@ -34,11 +31,11 @@ class AndOrController extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "handleMouseEnterRow", e => {
+    this.handleMouseEnterRow = e => {
       this.handleTooltipRow(true); // this.handleMouseMove(e)
-    });
+    };
 
-    _defineProperty(this, "handleMouseMove", e => {
+    this.handleMouseMove = e => {
       if (!this.contenerRef.current) return;
       const mouse = e.clientY;
       const {
@@ -50,13 +47,13 @@ class AndOrController extends Component {
       this.setState({
         top: mouse - topDiff - refHeight / 2 - delta
       });
-    });
+    };
 
-    _defineProperty(this, "handleMouseLeaveRow", () => {
+    this.handleMouseLeaveRow = () => {
       this.handleTooltipRow(false);
-    });
+    };
 
-    _defineProperty(this, "handleTooltipRow", isOpen => {
+    this.handleTooltipRow = isOpen => {
       this.setState({
         isOpen
       });
@@ -64,7 +61,7 @@ class AndOrController extends Component {
         handleTooltipGroup
       } = this.props;
       handleTooltipGroup(isOpen);
-    });
+    };
 
     this.contenerRef = /*#__PURE__*/React.createRef();
     this.myRef = /*#__PURE__*/React.createRef();
@@ -105,12 +102,12 @@ class AndOrController extends Component {
     } = this.state;
     return /*#__PURE__*/jsx("div", {
       ref: this.myRef,
-      className: `${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step}  ${isMain ? 'is-main-group-join' : ''}` // onMouseEnter={this.handleMouseEnterRow}
+      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: `${classNameBlock('content')} step-${step}`
+        className: "".concat(classNameBlock('content'), " step-").concat(step)
       }, void 0, /*#__PURE__*/_jsx(DSTooltip, {
         delayClose: delayClose,
         delayOpen: delayOpen,
@@ -128,8 +125,8 @@ class AndOrController extends Component {
           style: {
             transition: '0.2s',
             position: 'absolute',
-            top: `${top}px`,
-            right: `${right}px`
+            top: "".concat(top, "px"),
+            right: "".concat(right, "px")
           },
           children: [/*#__PURE__*/_jsx(DSButton, {
             buttonType: buttonActionType,
@@ -163,7 +160,7 @@ class AndOrController extends Component {
         }),
         tooltipType: TooltipType.TOOLBAR,
         triggerComponent: /*#__PURE__*/_jsx("div", {
-          className: `${classNameBlock('trigger-controller')} ${showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''} step-${step}`
+          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", {
@@ -190,7 +187,7 @@ class AndOrController extends Component {
 
 }
 
-_defineProperty(AndOrController, "defaultProps", {
+AndOrController.defaultProps = {
   isMain: false,
   handleRuleContainerOperator: () => null,
   handleRuleContainerUnGroup: () => null,
@@ -211,6 +208,6 @@ _defineProperty(AndOrController, "defaultProps", {
   toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,
   toolBarInteractionType: PopperInteractions.CLICK,
   toolBarPosition: PopperPositions.LEFT
-});
+};
 
 export { AndOrController as default };