@elliemae/ds-query-builder 3.0.0-next.1 → 3.0.0-next.5

package/package.json

@@ -1,151 +1,154 @@
 {
   "name": "@elliemae/ds-query-builder",
-  "version": "3.0.0-next.1",
+  "version": "3.0.0-next.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Query Builder",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./propTypes": {
-      "import": "./esm/propTypes.js",
-      "require": "./cjs/propTypes.js"
+      "import": "./dist/esm/propTypes.js",
+      "require": "./dist/cjs/propTypes.js"
     },
     "./DSQueryBuilder": {
-      "import": "./esm/DSQueryBuilder.js",
-      "require": "./cjs/DSQueryBuilder.js"
+      "import": "./dist/esm/DSQueryBuilder.js",
+      "require": "./dist/cjs/DSQueryBuilder.js"
     },
     "./components/ToolBarAnimation/ToolBarAnimation": {
-      "import": "./esm/components/ToolBarAnimation/ToolBarAnimation.js",
-      "require": "./cjs/components/ToolBarAnimation/ToolBarAnimation.js"
+      "import": "./dist/esm/components/ToolBarAnimation/ToolBarAnimation.js",
+      "require": "./dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js"
     },
     "./components/QueryBuilderRow/QueryBuilderRow": {
-      "import": "./esm/components/QueryBuilderRow/QueryBuilderRow.js",
-      "require": "./cjs/components/QueryBuilderRow/QueryBuilderRow.js"
+      "import": "./dist/esm/components/QueryBuilderRow/QueryBuilderRow.js",
+      "require": "./dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js"
     },
     "./components/QueryBuilderItem/QueryBuilderItem": {
-      "import": "./esm/components/QueryBuilderItem/QueryBuilderItem.js",
-      "require": "./cjs/components/QueryBuilderItem/QueryBuilderItem.js"
+      "import": "./dist/esm/components/QueryBuilderItem/QueryBuilderItem.js",
+      "require": "./dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js"
     },
     "./components/QueryBuilderImpl": {
-      "import": "./esm/components/QueryBuilderImpl.js",
-      "require": "./cjs/components/QueryBuilderImpl.js"
+      "import": "./dist/esm/components/QueryBuilderImpl.js",
+      "require": "./dist/cjs/components/QueryBuilderImpl.js"
     },
     "./components/QueryBuilderContext/QueryBuilderContext": {
-      "import": "./esm/components/QueryBuilderContext/QueryBuilderContext.js",
-      "require": "./cjs/components/QueryBuilderContext/QueryBuilderContext.js"
+      "import": "./dist/esm/components/QueryBuilderContext/QueryBuilderContext.js",
+      "require": "./dist/cjs/components/QueryBuilderContext/QueryBuilderContext.js"
     },
     "./components/Nestable/NestableItem": {
-      "import": "./esm/components/Nestable/NestableItem.js",
-      "require": "./cjs/components/Nestable/NestableItem.js"
+      "import": "./dist/esm/components/Nestable/NestableItem.js",
+      "require": "./dist/cjs/components/Nestable/NestableItem.js"
     },
     "./components/Nestable/Nestable": {
-      "import": "./esm/components/Nestable/Nestable.js",
-      "require": "./cjs/components/Nestable/Nestable.js"
+      "import": "./dist/esm/components/Nestable/Nestable.js",
+      "require": "./dist/cjs/components/Nestable/Nestable.js"
     },
     "./components/Nestable": {
-      "import": "./esm/components/Nestable/index.js",
-      "require": "./cjs/components/Nestable/index.js"
+      "import": "./dist/esm/components/Nestable/index.js",
+      "require": "./dist/cjs/components/Nestable/index.js"
     },
     "./components/Nestable/actions/tryIncreaseDepth": {
-      "import": "./esm/components/Nestable/actions/tryIncreaseDepth.js",
-      "require": "./cjs/components/Nestable/actions/tryIncreaseDepth.js"
+      "import": "./dist/esm/components/Nestable/actions/tryIncreaseDepth.js",
+      "require": "./dist/cjs/components/Nestable/actions/tryIncreaseDepth.js"
     },
     "./components/Nestable/actions/tryDecreaseDepth": {
-      "import": "./esm/components/Nestable/actions/tryDecreaseDepth.js",
-      "require": "./cjs/components/Nestable/actions/tryDecreaseDepth.js"
+      "import": "./dist/esm/components/Nestable/actions/tryDecreaseDepth.js",
+      "require": "./dist/cjs/components/Nestable/actions/tryDecreaseDepth.js"
     },
     "./components/Nestable/actions/paths": {
-      "import": "./esm/components/Nestable/actions/paths.js",
-      "require": "./cjs/components/Nestable/actions/paths.js"
+      "import": "./dist/esm/components/Nestable/actions/paths.js",
+      "require": "./dist/cjs/components/Nestable/actions/paths.js"
     },
     "./components/Nestable/actions/moveItem": {
-      "import": "./esm/components/Nestable/actions/moveItem.js",
-      "require": "./cjs/components/Nestable/actions/moveItem.js"
+      "import": "./dist/esm/components/Nestable/actions/moveItem.js",
+      "require": "./dist/cjs/components/Nestable/actions/moveItem.js"
     },
     "./components/Nestable/actions": {
-      "import": "./esm/components/Nestable/actions/index.js",
-      "require": "./cjs/components/Nestable/actions/index.js"
+      "import": "./dist/esm/components/Nestable/actions/index.js",
+      "require": "./dist/cjs/components/Nestable/actions/index.js"
     },
     "./components/Nestable/actions/getPaths": {
-      "import": "./esm/components/Nestable/actions/getPaths.js",
-      "require": "./cjs/components/Nestable/actions/getPaths.js"
+      "import": "./dist/esm/components/Nestable/actions/getPaths.js",
+      "require": "./dist/cjs/components/Nestable/actions/getPaths.js"
     },
     "./components/Nestable/actions/getItemOptions": {
-      "import": "./esm/components/Nestable/actions/getItemOptions.js",
-      "require": "./cjs/components/Nestable/actions/getItemOptions.js"
+      "import": "./dist/esm/components/Nestable/actions/getItemOptions.js",
+      "require": "./dist/cjs/components/Nestable/actions/getItemOptions.js"
     },
     "./components/Nestable/actions/events": {
-      "import": "./esm/components/Nestable/actions/events.js",
-      "require": "./cjs/components/Nestable/actions/events.js"
+      "import": "./dist/esm/components/Nestable/actions/events.js",
+      "require": "./dist/cjs/components/Nestable/actions/events.js"
     },
     "./components/helpers/types": {
-      "import": "./esm/components/helpers/types.js",
-      "require": "./cjs/components/helpers/types.js"
+      "import": "./dist/esm/components/helpers/types.js",
+      "require": "./dist/cjs/components/helpers/types.js"
     },
     "./components/helpers/store": {
-      "import": "./esm/components/helpers/store.js",
-      "require": "./cjs/components/helpers/store.js"
+      "import": "./dist/esm/components/helpers/store.js",
+      "require": "./dist/cjs/components/helpers/store.js"
     },
     "./components/helpers/selectors": {
-      "import": "./esm/components/helpers/selectors.js",
-      "require": "./cjs/components/helpers/selectors.js"
+      "import": "./dist/esm/components/helpers/selectors.js",
+      "require": "./dist/cjs/components/helpers/selectors.js"
     },
     "./components/helpers/dependencies": {
-      "import": "./esm/components/helpers/dependencies.js",
-      "require": "./cjs/components/helpers/dependencies.js"
+      "import": "./dist/esm/components/helpers/dependencies.js",
+      "require": "./dist/cjs/components/helpers/dependencies.js"
     },
     "./components/helpers/constants": {
-      "import": "./esm/components/helpers/constants.js",
-      "require": "./cjs/components/helpers/constants.js"
+      "import": "./dist/esm/components/helpers/constants.js",
+      "require": "./dist/cjs/components/helpers/constants.js"
     },
     "./components/helpers/actions": {
-      "import": "./esm/components/helpers/actions.js",
-      "require": "./cjs/components/helpers/actions.js"
+      "import": "./dist/esm/components/helpers/actions.js",
+      "require": "./dist/cjs/components/helpers/actions.js"
     },
     "./components/format/xmlFormat": {
-      "import": "./esm/components/format/xmlFormat.js",
-      "require": "./cjs/components/format/xmlFormat.js"
+      "import": "./dist/esm/components/format/xmlFormat.js",
+      "require": "./dist/cjs/components/format/xmlFormat.js"
     },
     "./components/format/sqlSafeFormat": {
-      "import": "./esm/components/format/sqlSafeFormat.js",
-      "require": "./cjs/components/format/sqlSafeFormat.js"
+      "import": "./dist/esm/components/format/sqlSafeFormat.js",
+      "require": "./dist/cjs/components/format/sqlSafeFormat.js"
     },
     "./components/format/sqlFormat": {
-      "import": "./esm/components/format/sqlFormat.js",
-      "require": "./cjs/components/format/sqlFormat.js"
+      "import": "./dist/esm/components/format/sqlFormat.js",
+      "require": "./dist/cjs/components/format/sqlFormat.js"
     },
     "./components/format/format": {
-      "import": "./esm/components/format/format.js",
-      "require": "./cjs/components/format/format.js"
+      "import": "./dist/esm/components/format/format.js",
+      "require": "./dist/cjs/components/format/format.js"
     },
     "./components/FieldControllerRow/FieldControllerRow": {
-      "import": "./esm/components/FieldControllerRow/FieldControllerRow.js",
-      "require": "./cjs/components/FieldControllerRow/FieldControllerRow.js"
+      "import": "./dist/esm/components/FieldControllerRow/FieldControllerRow.js",
+      "require": "./dist/cjs/components/FieldControllerRow/FieldControllerRow.js"
     },
     "./components/DragControllerRow/DragControllerRow": {
-      "import": "./esm/components/DragControllerRow/DragControllerRow.js",
-      "require": "./cjs/components/DragControllerRow/DragControllerRow.js"
+      "import": "./dist/esm/components/DragControllerRow/DragControllerRow.js",
+      "require": "./dist/cjs/components/DragControllerRow/DragControllerRow.js"
     },
     "./components/DragContainerController/DragContainerController": {
-      "import": "./esm/components/DragContainerController/DragContainerController.js",
-      "require": "./cjs/components/DragContainerController/DragContainerController.js"
+      "import": "./dist/esm/components/DragContainerController/DragContainerController.js",
+      "require": "./dist/cjs/components/DragContainerController/DragContainerController.js"
     },
     "./components/DisplayOutput/DisplayOutput": {
-      "import": "./esm/components/DisplayOutput/DisplayOutput.js",
-      "require": "./cjs/components/DisplayOutput/DisplayOutput.js"
+      "import": "./dist/esm/components/DisplayOutput/DisplayOutput.js",
+      "require": "./dist/cjs/components/DisplayOutput/DisplayOutput.js"
     },
     "./components/ConditionController/ConditionController": {
-      "import": "./esm/components/ConditionController/ConditionController.js",
-      "require": "./cjs/components/ConditionController/ConditionController.js"
+      "import": "./dist/esm/components/ConditionController/ConditionController.js",
+      "require": "./dist/cjs/components/ConditionController/ConditionController.js"
     },
     "./components/AndOrController/AndOrController": {
-      "import": "./esm/components/AndOrController/AndOrController.js",
-      "require": "./cjs/components/AndOrController/AndOrController.js"
+      "import": "./dist/esm/components/AndOrController/AndOrController.js",
+      "require": "./dist/cjs/components/AndOrController/AndOrController.js"
     }
   },
   "sideEffects": [
@@ -157,28 +160,28 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-accordion": "3.0.0-next.1",
-    "@elliemae/ds-button": "3.0.0-next.1",
-    "@elliemae/ds-classnames": "3.0.0-next.1",
-    "@elliemae/ds-form": "3.0.0-next.1",
-    "@elliemae/ds-grid": "3.0.0-next.1",
-    "@elliemae/ds-icon": "3.0.0-next.1",
-    "@elliemae/ds-icons": "3.0.0-next.1",
-    "@elliemae/ds-popper": "3.0.0-next.1",
-    "@elliemae/ds-shared": "3.0.0-next.1",
-    "@elliemae/ds-tooltip": "3.0.0-next.1",
-    "@elliemae/ds-utilities": "3.0.0-next.1",
+    "@elliemae/ds-accordion": "3.0.0-next.5",
+    "@elliemae/ds-button": "3.0.0-next.5",
+    "@elliemae/ds-classnames": "3.0.0-next.5",
+    "@elliemae/ds-form": "3.0.0-next.5",
+    "@elliemae/ds-grid": "3.0.0-next.5",
+    "@elliemae/ds-icon": "3.0.0-next.5",
+    "@elliemae/ds-icons": "3.0.0-next.5",
+    "@elliemae/ds-popper": "3.0.0-next.5",
+    "@elliemae/ds-shared": "3.0.0-next.5",
+    "@elliemae/ds-tooltip": "3.0.0-next.5",
+    "@elliemae/ds-utilities": "3.0.0-next.5",
     "classnames": "~2.2.6",
     "prop-types": "~15.7.2",
     "react-addons-update": "~15.6.3",
@@ -191,7 +194,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSQueryBuilder.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var QueryBuilderImpl = require('./components/QueryBuilderImpl.js');
-var types = require('./components/helpers/types.js');
-var selectors = require('./components/helpers/selectors.js');
-var format = require('./components/format/format.js');
-var propTypes = require('./propTypes.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const DSQueryBuilder = _ref => {
-  let {
-    containerProps = {},
-    addFilterMethod = types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,
-    groupFilterMethod = types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,
-    onChange = () => null,
-    fields = [],
-    fieldsSharedActions = {
-      onFieldChange: [],
-      onOperatorChange: [],
-      onValueChange: []
-    },
-    format = types.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__default["default"](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 = reactDesc.describe(DSQueryBuilder);
-DSQueryBuilderWithSchema.propTypes = propTypes.props;
-
-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;
-exports.DSQueryBuilder = DSQueryBuilder;
-exports.DSQueryBuilderWithSchema = DSQueryBuilderWithSchema;
-exports["default"] = DSQueryBuilder;

package/cjs/components/AndOrController/AndOrController.js

@@ -1,222 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSTooltip = require('@elliemae/ds-tooltip');
-var dsPopper = require('@elliemae/ds-popper');
-var dsForm = require('@elliemae/ds-form');
-var DSButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-var dsIcon = require('@elliemae/ds-icon');
-var constants = require('../helpers/constants.js');
-var ToolBarAnimation = require('../ToolBarAnimation/ToolBarAnimation.js');
-var DragContainerController = require('../DragContainerController/DragContainerController.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _QueryAdd, _ParenthesisRemove, _div;
-const {
-  cssClassName,
-  classNameBlock,
-  classNameElement,
-  mainModifier,
-  classNameBlockModifier
-} = dsClassnames.convertPropToCssClassName('query-builder-and-or-controller');
-/**
- * condition-display-step: required to avoid the cache of the trigger
- *
- * @param e
- * @param isOpen
- */
-
-class AndOrController extends React.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__default["default"].createRef();
-    this.myRef = /*#__PURE__*/React__default["default"].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__*/jsxRuntime.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__default["default"]("div", {
-        className: "".concat(classNameBlock('content'), " step-").concat(step)
-      }, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
-        delayClose: delayClose,
-        delayOpen: delayOpen,
-        interactionType: toolBarInteractionType,
-        isOpen: isOpen,
-        onOpen: this.handleTooltipRow,
-        placement: toolBarPosition,
-        springAnimationComponent: /*#__PURE__*/_jsx__default["default"](ToolBarAnimation.ToolBarAnimation, {
-          duration: toolBarAnimationDuration
-        }),
-        step: step,
-        title: /*#__PURE__*/jsxRuntime.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__default["default"](DSButton__default["default"], {
-            buttonType: buttonActionType,
-            className: classNameElement('add-rule'),
-            icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryAdd, {})),
-            onClick: onAddFilter,
-            size: buttonActionSize,
-            containerProps: {
-              'data-testid': 'query-add-button'
-            }
-          }), allowUnGroup && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-            buttonType: "text",
-            className: classNameElement('ungroup'),
-            icon: _ParenthesisRemove || (_ParenthesisRemove = /*#__PURE__*/_jsx__default["default"](dsIcons.ParenthesisRemove, {})),
-            onClick: handleRuleContainerUnGroup,
-            size: buttonActionSize,
-            containerProps: {
-              'data-testid': 'parenthesis-remove-button'
-            }
-          }), /*#__PURE__*/_jsx__default["default"](dsForm.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: DSTooltip.TooltipType.TOOLBAR,
-        triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {
-          className: "".concat(classNameBlock('trigger-controller'), " ").concat(showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : '', " step-").concat(step)
-        }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-          className: classNameElement('condition-display')
-        }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
-          className: classNameElement('condition-display-label')
-        }, void 0, condition ? labelOn : labelOff), /*#__PURE__*/_jsx__default["default"]("span", {
-          className: classNameElement('condition-display-step')
-        }, void 0, step), _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {
-          className: "separator"
-        })), /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
-          color: dsIcon.DSIconColors.NEUTRAL,
-          onClick: this.handleMouseEnterRow,
-          size: dsIcon.DSIconSizes.S,
-          containerProps: {
-            'data-testid': 'and-or-more-options-button'
-          }
-        })), showDragController && /*#__PURE__*/_jsx__default["default"](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: dsIcon.DSIconSizes.M,
-  buttonActionType: 'text',
-  toogleActionSize: dsIcon.DSIconSizes.S,
-  onAddFilter: () => null,
-  multipleSize: false,
-  delayClose: constants.DELAY_CLOSE,
-  delayOpen: constants.DELAY_OPEN,
-  step: null,
-  toolBarAnimationDuration: constants.TOOLBAR_ANIMATION_DURATION,
-  toolBarInteractionType: dsPopper.PopperInteractions.CLICK,
-  toolBarPosition: dsPopper.PopperPositions.LEFT
-};
-
-module.exports = AndOrController;