@elliemae/ds-query-builder 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,92 +1,90 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var QueryBuilderItem_exports = {};
-__export(QueryBuilderItem_exports, {
-  default: () => QueryBuilderItem_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_QueryBuilderContext = require("../QueryBuilderContext/QueryBuilderContext");
-var import_types = require("../helpers/types");
-var import_AndOrController = __toESM(require("../AndOrController/AndOrController"));
-var import_QueryBuilderRow = __toESM(require("../QueryBuilderRow/QueryBuilderRow"));
-const QueryBuilderItem = ({ item }) => {
-  const { element } = item;
-  const { type, idFilter, idGroup, condition } = element;
-  return /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderContext.QueryBuilderContext.Consumer, null, ({
-    fields,
-    handleFieldChange,
-    onAddFilter,
-    onAddFilterToGroup,
-    onAddRuleContainer,
-    onRemoveFilter,
-    showDragController,
-    handleRuleContainerOperator,
-    handleRuleContainerUnGroup,
-    step,
-    items,
-    isDraggableItem,
-    setDraggableItems,
-    singleRow,
-    toolTipZIndex
-  }) => {
-    if (type === import_types.QB_DRAG_TYPES.FILTER) {
-      return /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderRow.default, {
-        ...element,
-        fields,
-        handleFieldChange,
-        isDraggableItem,
-        items,
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+var QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js');
+var types = require('../helpers/types.js');
+var AndOrController = require('../AndOrController/AndOrController.js');
+var QueryBuilderRow = require('../QueryBuilderRow/QueryBuilderRow.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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const QueryBuilderItem = _ref => {
+  let {
+    item
+  } = _ref;
+  const {
+    element
+  } = item;
+  const {
+    type,
+    idFilter,
+    idGroup,
+    condition
+  } = element;
+  return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
+    let {
+      fields,
+      handleFieldChange,
+      onAddFilter,
+      onAddFilterToGroup,
+      onAddRuleContainer,
+      onRemoveFilter,
+      showDragController,
+      handleRuleContainerOperator,
+      handleRuleContainerUnGroup,
+      step,
+      items,
+      isDraggableItem,
+      setDraggableItems,
+      singleRow,
+      toolTipZIndex
+    } = _ref2;
+
+    if (type === types.QB_DRAG_TYPES.FILTER) {
+      return /*#__PURE__*/jsxRuntime.jsx(QueryBuilderRow, _objectSpread(_objectSpread({}, element), {}, {
+        fields: fields,
+        handleFieldChange: handleFieldChange,
+        isDraggableItem: isDraggableItem,
+        items: items,
         onAddFilter: () => onAddFilter(idGroup, idFilter),
         onAddRuleContainer: () => onAddRuleContainer(idGroup, idFilter),
         onRemoveFilter: () => onRemoveFilter(idFilter),
-        setDraggableItems,
-        showDragController,
-        step,
-        singleRow,
-        toolTipZIndex
-      });
+        setDraggableItems: setDraggableItems,
+        showDragController: showDragController,
+        step: step,
+        singleRow: singleRow,
+        toolTipZIndex: toolTipZIndex
+      }));
     }
-    if (singleRow)
-      return null;
-    return /* @__PURE__ */ import_react.default.createElement(import_AndOrController.default, {
+
+    if (singleRow) return null;
+    return /*#__PURE__*/_jsx__default["default"](AndOrController, {
       allowUnGroup: true,
-      condition,
-      handleRuleContainerOperator: (value) => handleRuleContainerOperator(idGroup, value),
+      condition: condition,
+      handleRuleContainerOperator: value => handleRuleContainerOperator(idGroup, value),
       handleRuleContainerUnGroup: () => handleRuleContainerUnGroup(idGroup),
       multipleSize: false,
       onAddFilter: () => onAddFilterToGroup(idGroup),
       showDragController: true,
-      step,
-      toolTipZIndex
+      step: step,
+      toolTipZIndex: toolTipZIndex
     });
   });
 };
-var QueryBuilderItem_default = QueryBuilderItem;
-module.exports = __toCommonJS(QueryBuilderItem_exports);
-//# sourceMappingURL=QueryBuilderItem.js.map
+
+module.exports = QueryBuilderItem;

package/cjs/components/QueryBuilderRow/QueryBuilderRow.js

@@ -1,138 +1,187 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var QueryBuilderRow_exports = {};
-__export(QueryBuilderRow_exports, {
-  default: () => QueryBuilderRow_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_tooltip = require("@elliemae/ds-tooltip");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_dependencies = require("../helpers/dependencies");
-var import_ConditionController = __toESM(require("../ConditionController/ConditionController"));
-var import_DragControllerRow = __toESM(require("../DragControllerRow/DragControllerRow"));
-const RenderField = ({
-  target,
-  component,
-  valueProp,
-  additionalInfo,
-  handleMouseEnterInput,
-  handleMouseLeaveInput,
-  onChangeHandler,
-  hasError
-}) => {
-  const ref = import_react.default.useRef();
-  const id = import_react.default.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: `em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? "row-input-error" : ""}`,
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsIcons = require('@elliemae/ds-icons');
+var DSTooltip = require('@elliemae/ds-tooltip');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dependencies = require('../helpers/dependencies.js');
+var ConditionController = require('../ConditionController/ConditionController.js');
+var DragControllerRow = require('../DragControllerRow/DragControllerRow.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const RenderField = _ref => {
+  let {
+    target,
+    component,
+    valueProp,
+    additionalInfo,
+    handleMouseEnterInput,
+    handleMouseLeaveInput,
+    onChangeHandler,
+    hasError
+  } = _ref;
+  const ref = React__default["default"].useRef();
+  const id = React__default["default"].useMemo(() => "el_".concat(String.fromCharCode(65 + Math.floor(Math.random() * 26))), []);
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "em-ds-query-builder-row-input child-type-".concat(target, " ").concat(hasError && hasError.error ? 'row-input-error' : ''),
     onMouseDownCapture: () => {
-      const _refInput = ref.current?.querySelector(`#${id}`);
-      if (_refInput && _refInput.focus)
-        setTimeout(_refInput.focus());
+      var _ref$current;
+
+      // eslint-disable-next-line no-underscore-dangle
+      const _refInput = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("#".concat(id));
+
+      if (_refInput && _refInput.focus) setTimeout(_refInput.focus());
       handleMouseEnterInput();
     },
     onMouseEnter: () => handleMouseEnterInput(),
     onMouseLeave: () => handleMouseLeaveInput()
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    ref,
-    className: "em-ds-query-builder-row__input-controller"
-  }, import_react.default.cloneElement(component, {
-    id,
-    onChange: (e, extraData) => onChangeHandler(e, target, extraData),
-    value: valueProp != null ? valueProp : "",
-    checked: valueProp === true,
-    additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
-    "aria-invalid": Boolean(hasError)
-  })), hasError && hasError.errorMessage ? /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { width: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV3, {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx("div", {
+    ref: ref,
+    className: "em-ds-query-builder-row__input-controller",
+    children: /*#__PURE__*/React__default["default"].cloneElement(component, {
+      id,
+      onChange: (e, extraData) => onChangeHandler(e, target, extraData),
+      value: valueProp != null ? valueProp : '',
+      checked: valueProp === true,
+      additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
+      'aria-invalid': Boolean(hasError)
+    })
+  }), hasError && hasError.errorMessage ? /*#__PURE__*/_jsx__default["default"]("div", {
+    style: {
+      width: '40px'
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip.DSTooltipV3, {
     text: hasError.errorMessage
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     tabIndex: 0,
     className: "row-icon-alert",
     "data-testid": "qb-error-state-icon",
     role: "alert"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.AlertsDetail, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsDetail, {
     width: 20,
     height: 20,
-    color: ["danger", 900],
+    color: ['danger', 900],
     title: hasError.errorMessage
-  })))) : null);
+  })))) : null); // return React.useMemo(
+  //   () => (
+  //     <div
+  //       className={`em-ds-query-builder-row-input child-type-${target}`}
+  //       onMouseDownCapture={() => {
+  //         // eslint-disable-next-line no-underscore-dangle
+  //         const _refInput = ref.current.querySelector(`#${id}`);
+  //         if (_refInput && _refInput.focus) setTimeout(_refInput.focus());
+  //         handleMouseEnterInput();
+  //       }}
+  //       onMouseEnter={() => handleMouseEnterInput()}
+  //       onMouseLeave={() => handleMouseLeaveInput()}
+  //     >
+  //       <div ref={ref} className="em-ds-query-builder-row__input-controller">
+  //         {React.cloneElement(component, {
+  //           id,
+  //           onChange: (e, extraData) => onChangeHandler(e, target, extraData),
+  //           value: valueProp != null ? valueProp : '',
+  //           checked: valueProp === true,
+  //           additionalInfo: additionalInfo ? additionalInfo[target] : {},
+  //         })}
+  //       </div>
+  //     </div>
+  //   ),
+  //   [target, component, valueProp, additionalInfo],
+  // );
 };
-class QueryBuilderRow extends import_react.Component {
+
+class QueryBuilderRow extends React.Component {
   constructor(props) {
     super(props);
-    this.handleMouseEnterRow = () => {
-    };
+
+    this.handleMouseEnterRow = () => {};
+
     this.handleMouseLeaveRow = () => {
       this.handleTooltipRow(false);
     };
+
     this.handleMouseEnterInput = () => {
-      const { setDraggableItems } = this.props;
+      const {
+        setDraggableItems
+      } = this.props;
       setDraggableItems(false);
     };
+
     this.handleMouseLeaveInput = () => {
-      const { setDraggableItems } = this.props;
+      const {
+        setDraggableItems
+      } = this.props;
       setDraggableItems(true);
     };
-    this.handleTooltipRow = (isOpen) => {
-      this.setState({ isOpen });
+
+    this.handleTooltipRow = isOpen => {
+      this.setState({
+        isOpen
+      });
     };
+
     this.state = {
       isOpen: false
     };
   }
+
   onChangeHandler(e, target, extraData, hasError) {
-    const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;
+    const {
+      handleFieldChange,
+      idFilter,
+      idGroup,
+      additionalInfo,
+      field,
+      operator,
+      value
+    } = this.props;
     let eventValue = e;
+
     if (e && e.target) {
-      const { value: value2, checked } = e.target;
-      if (value2 || value2 === "" || typeof value2 === "boolean")
-        eventValue = value2;
-      else
-        eventValue = checked || e;
+      const {
+        value,
+        checked
+      } = e.target;
+      if (value || value === '' || typeof value === 'boolean') eventValue = value;else eventValue = checked || e;
     }
+
     handleFieldChange({
       [target]: eventValue,
       idFilter,
       idGroup,
-      additionalInfo: {
-        ...additionalInfo,
+      additionalInfo: _objectSpread(_objectSpread({}, additionalInfo), {}, {
         [target]: extraData,
-        [`${target}_error`]: hasError,
-        [`${target}_touched`]: true
-      },
+        ["".concat(target, "_error")]: hasError,
+        ["".concat(target, "_touched")]: true
+      }),
       target
     });
   }
+
   render() {
-    const { isOpen } = this.state;
+    const {
+      isOpen
+    } = this.state;
     const {
       fields,
       onAddFilter,
@@ -147,73 +196,81 @@ class QueryBuilderRow extends import_react.Component {
       toolTipZIndex,
       error
     } = this.props;
-    const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-row", isOpen ? "has-open-tooltip" : "has-close-tooltip", singleRow ? "is-single-row" : "is-multiple-row");
-    const test = (0, import_dependencies.resolveDependencies)({
+    const {
+      cssClassName,
+      classNameBlock,
+      classNameElement
+    } = dsClassnames.convertPropToCssClassName('query-builder-row', isOpen ? 'has-open-tooltip' : 'has-close-tooltip', singleRow ? 'is-single-row' : 'is-multiple-row');
+    const test = dependencies.resolveDependencies({
       field,
       operator,
       value,
       additionalInfo
     }, fields);
-    const gridTemplateColumns = [
-      "24px",
-      ...test.map((r) => {
-        if (r.handleWidth) {
-          return r.handleWidth(this.props[r.target], {
-            field,
-            operator,
-            value,
-            additionalInfo
-          });
-        }
-        return "minmax(0, 1fr)";
-      }),
-      "30px"
-    ].join(" ");
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: cssClassName,
-      onMouseEnter: this.handleMouseEnterRow,
-      onMouseLeave: this.handleMouseLeaveRow,
-      style: {
-        gridTemplateColumns
+    const gridTemplateColumns = ['24px', ...test.map(r => {
+      if (r.handleWidth) {
+        return r.handleWidth(this.props[r.target], {
+          field,
+          operator,
+          value,
+          additionalInfo
+        });
       }
-    }, !singleRow && /* @__PURE__ */ import_react.default.createElement(import_DragControllerRow.default, {
-      className: classNameElement("drag-controller"),
-      onMouseDownCapture: () => this.handleMouseLeaveInput()
-    }), test.map((renderField) => {
-      const { target, component } = renderField;
-      const { [target]: valueProp } = this.props;
-      const isTouched = additionalInfo && additionalInfo[`${target}_touched`];
-      const hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
-        field,
-        operator,
-        value,
-        additionalInfo
-      }) : false;
-      return /* @__PURE__ */ import_react.default.createElement(RenderField, {
-        component,
-        target,
-        valueProp,
-        onChangeHandler: (e, target2, extraData) => {
-          this.onChangeHandler(e, target2, extraData, hasError);
-        },
-        handleMouseEnterInput: this.handleMouseEnterInput,
-        handleMouseLeaveInput: this.handleMouseLeaveInput,
-        additionalInfo,
-        hasError: isTouched && hasError
-      });
-    }), !singleRow && /* @__PURE__ */ import_react.default.createElement("div", {
-      className: classNameBlock("controller")
-    }, /* @__PURE__ */ import_react.default.createElement(import_ConditionController.default, {
-      handleTooltipRow: this.handleTooltipRow,
-      isOpen,
-      items,
-      onAddFilter,
-      onAddRuleContainer,
-      onRemoveFilter,
-      toolTipZIndex
-    }))));
+
+      return 'minmax(0, 1fr)';
+    }), '30px'].join(' ');
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: /*#__PURE__*/_jsx__default["default"]("div", {
+        className: cssClassName,
+        onMouseEnter: this.handleMouseEnterRow,
+        onMouseLeave: this.handleMouseLeaveRow,
+        style: {
+          gridTemplateColumns
+        }
+      }, void 0, !singleRow && /*#__PURE__*/_jsx__default["default"](DragControllerRow, {
+        className: classNameElement('drag-controller'),
+        onMouseDownCapture: () => this.handleMouseLeaveInput()
+      }), test.map(renderField => {
+        const {
+          target,
+          component
+        } = renderField;
+        const {
+          [target]: valueProp
+        } = this.props;
+        const isTouched = additionalInfo && additionalInfo["".concat(target, "_touched")];
+        const hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
+          field,
+          operator,
+          value,
+          additionalInfo
+        }) : false;
+        return /*#__PURE__*/_jsx__default["default"](RenderField, {
+          component: component,
+          target: target,
+          valueProp: valueProp,
+          onChangeHandler: (e, target, extraData) => {
+            this.onChangeHandler(e, target, extraData, hasError);
+          },
+          handleMouseEnterInput: this.handleMouseEnterInput,
+          handleMouseLeaveInput: this.handleMouseLeaveInput,
+          additionalInfo: additionalInfo,
+          hasError: isTouched && hasError
+        });
+      }), !singleRow && /*#__PURE__*/_jsx__default["default"]("div", {
+        className: classNameBlock('controller')
+      }, void 0, /*#__PURE__*/_jsx__default["default"](ConditionController, {
+        handleTooltipRow: this.handleTooltipRow,
+        isOpen: isOpen,
+        items: items,
+        onAddFilter: onAddFilter,
+        onAddRuleContainer: onAddRuleContainer,
+        onRemoveFilter: onRemoveFilter,
+        toolTipZIndex: toolTipZIndex
+      })))
+    });
   }
+
 }
-var QueryBuilderRow_default = QueryBuilderRow;
-module.exports = __toCommonJS(QueryBuilderRow_exports);
-//# sourceMappingURL=QueryBuilderRow.js.map
+
+module.exports = QueryBuilderRow;