@elliemae/ds-query-builder 1.60.0 → 2.0.0-alpha.12

package/cjs/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,80 +1,69 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
-var components_QueryBuilderContext_QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js');
-var components_helpers_types = require('../helpers/types.js');
-var components_AndOrController_AndOrController = require('../AndOrController/AndOrController.js');
-var components_QueryBuilderRow_QueryBuilderRow = require('../QueryBuilderRow/QueryBuilderRow.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-tooltip');
-require('@elliemae/ds-popper');
-require('@elliemae/ds-form');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-icon');
-require('../helpers/constants.js');
-require('../ToolBarAnimation/ToolBarAnimation.js');
-require('@elliemae/ds-shared/Animations/GrowRight');
-require('../DragContainerController/DragContainerController.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('../helpers/dependencies.js');
-require('lodash');
-require('@elliemae/ds-utilities/operators');
-require('../ConditionController/ConditionController.js');
-require('../DragControllerRow/DragControllerRow.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-var QueryBuilderItem = function QueryBuilderItem(_ref) {
-  var item = _ref.item;
-  var element = item.element;
-  var type = element.type,
-      idFilter = element.idFilter,
-      idGroup = element.idGroup,
-      condition = element.condition;
-  return /*#__PURE__*/React__default['default'].createElement(components_QueryBuilderContext_QueryBuilderContext.QueryBuilderContext.Consumer, null, function (_ref2) {
-    var fields = _ref2.fields,
-        handleFieldChange = _ref2.handleFieldChange,
-        _onAddFilter = _ref2.onAddFilter,
-        onAddFilterToGroup = _ref2.onAddFilterToGroup,
-        _onAddRuleContainer = _ref2.onAddRuleContainer,
-        _onRemoveFilter = _ref2.onRemoveFilter,
-        showDragController = _ref2.showDragController,
-        _handleRuleContainerOperator = _ref2.handleRuleContainerOperator,
-        _handleRuleContainerUnGroup = _ref2.handleRuleContainerUnGroup,
-        step = _ref2.step,
-        items = _ref2.items,
-        isDraggableItem = _ref2.isDraggableItem,
-        setDraggableItems = _ref2.setDraggableItems,
-        singleRow = _ref2.singleRow,
-        toolTipZIndex = _ref2.toolTipZIndex;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    if (type === components_helpers_types.QB_DRAG_TYPES.FILTER) {
-      return /*#__PURE__*/React__default['default'].createElement(components_QueryBuilderRow_QueryBuilderRow, _extends__default['default']({}, element, {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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: function onAddFilter() {
-          return _onAddFilter(idGroup, idFilter);
-        },
-        onAddRuleContainer: function onAddRuleContainer() {
-          return _onAddRuleContainer(idGroup, idFilter);
-        },
-        onRemoveFilter: function onRemoveFilter() {
-          return _onRemoveFilter(idFilter);
-        },
+        onAddFilter: () => onAddFilter(idGroup, idFilter),
+        onAddRuleContainer: () => onAddRuleContainer(idGroup, idFilter),
+        onRemoveFilter: () => onRemoveFilter(idFilter),
         setDraggableItems: setDraggableItems,
         showDragController: showDragController,
         step: step,
@@ -84,19 +73,13 @@ var QueryBuilderItem = function QueryBuilderItem(_ref) {
     }
 
     if (singleRow) return null;
-    return /*#__PURE__*/React__default['default'].createElement(components_AndOrController_AndOrController, {
+    return /*#__PURE__*/_jsx__default["default"](AndOrController, {
       allowUnGroup: true,
       condition: condition,
-      handleRuleContainerOperator: function handleRuleContainerOperator(value) {
-        return _handleRuleContainerOperator(idGroup, value);
-      },
-      handleRuleContainerUnGroup: function handleRuleContainerUnGroup() {
-        return _handleRuleContainerUnGroup(idGroup);
-      },
+      handleRuleContainerOperator: value => handleRuleContainerOperator(idGroup, value),
+      handleRuleContainerUnGroup: () => handleRuleContainerUnGroup(idGroup),
       multipleSize: false,
-      onAddFilter: function onAddFilter() {
-        return onAddFilterToGroup(idGroup);
-      },
+      onAddFilter: () => onAddFilterToGroup(idGroup),
       showDragController: true,
       step: step,
       toolTipZIndex: toolTipZIndex
@@ -105,4 +88,3 @@ var QueryBuilderItem = function QueryBuilderItem(_ref) {
 };
 
 module.exports = QueryBuilderItem;
-//# sourceMappingURL=QueryBuilderItem.js.map

package/cjs/components/QueryBuilderRow/QueryBuilderRow.js

@@ -1,104 +1,83 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+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 components_helpers_dependencies = require('../helpers/dependencies.js');
-var components_ConditionController_ConditionController = require('../ConditionController/ConditionController.js');
-var components_DragControllerRow_DragControllerRow = require('../DragControllerRow/DragControllerRow.js');
-require('lodash');
-require('@elliemae/ds-utilities/operators');
-require('../helpers/types.js');
-require('@elliemae/ds-popper');
-require('@elliemae/ds-icon');
-require('@elliemae/ds-button');
-require('../ToolBarAnimation/ToolBarAnimation.js');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-shared/Animations/GrowRight');
-require('../helpers/constants.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
+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 _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var RenderField = function RenderField(_ref) {
-  var target = _ref.target,
-      component = _ref.component,
-      valueProp = _ref.valueProp,
-      additionalInfo = _ref.additionalInfo,
-      handleMouseEnterInput = _ref.handleMouseEnterInput,
-      handleMouseLeaveInput = _ref.handleMouseLeaveInput,
-      onChangeHandler = _ref.onChangeHandler,
-      hasError = _ref.hasError;
-  var ref = React__default['default'].useRef();
-  var id = React__default['default'].useMemo(function () {
-    return "el_".concat(String.fromCharCode(65 + Math.floor(Math.random() * 26)));
-  }, []);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+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: function onMouseDownCapture() {
+    onMouseDownCapture: () => {
       var _ref$current;
 
       // eslint-disable-next-line no-underscore-dangle
-      var _refInput = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("#".concat(id));
+      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: function onMouseEnter() {
-      return handleMouseEnterInput();
-    },
-    onMouseLeave: function onMouseLeave() {
-      return handleMouseLeaveInput();
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    onMouseEnter: () => handleMouseEnterInput(),
+    onMouseLeave: () => handleMouseLeaveInput()
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: ref,
-    className: "em-ds-query-builder-row__input-controller"
-  }, /*#__PURE__*/React__default['default'].cloneElement(component, {
-    id: id,
-    onChange: function onChange(e, extraData) {
-      return onChangeHandler(e, target, extraData);
-    },
-    value: valueProp != null ? valueProp : '',
-    checked: valueProp === true,
-    additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
-    'aria-invalid': Boolean(hasError)
-  })), hasError && hasError.errorMessage ? /*#__PURE__*/React__default['default'].createElement("div", {
+    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'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(DSTooltip.DSTooltipV3, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip.DSTooltipV3, {
     text: hasError.errorMessage
-  }, /*#__PURE__*/React__default['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__*/React__default['default'].createElement(dsIcons.AlertsDetail, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsDetail, {
     width: 20,
     height: 20,
     color: ['danger', 900],
@@ -131,142 +110,145 @@ var RenderField = function RenderField(_ref) {
   // );
 };
 
-var QueryBuilderRow = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](QueryBuilderRow, _Component);
-
-  var _super = _createSuper(QueryBuilderRow);
-
-  function QueryBuilderRow(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, QueryBuilderRow);
+class QueryBuilderRow extends React.Component {
+  constructor(props) {
+    super(props);
 
-    _this = _super.call(this, props);
+    this.handleMouseEnterRow = () => {};
 
-    _this.handleMouseEnterRow = function () {};
-
-    _this.handleMouseLeaveRow = function () {
-      _this.handleTooltipRow(false);
+    this.handleMouseLeaveRow = () => {
+      this.handleTooltipRow(false);
     };
 
-    _this.handleMouseEnterInput = function () {
-      var setDraggableItems = _this.props.setDraggableItems;
+    this.handleMouseEnterInput = () => {
+      const {
+        setDraggableItems
+      } = this.props;
       setDraggableItems(false);
     };
 
-    _this.handleMouseLeaveInput = function () {
-      var setDraggableItems = _this.props.setDraggableItems;
+    this.handleMouseLeaveInput = () => {
+      const {
+        setDraggableItems
+      } = this.props;
       setDraggableItems(true);
     };
 
-    _this.handleTooltipRow = function (isOpen) {
-      _this.setState({
-        isOpen: isOpen
+    this.handleTooltipRow = isOpen => {
+      this.setState({
+        isOpen
       });
     };
 
-    _this.state = {
+    this.state = {
       isOpen: false
     };
-    return _this;
   }
 
-  _createClass__default['default'](QueryBuilderRow, [{
-    key: "onChangeHandler",
-    value: function onChangeHandler(e, target, extraData, hasError) {
-      var _objectSpread2, _handleFieldChange;
-
-      var _this$props = this.props,
-          handleFieldChange = _this$props.handleFieldChange,
-          idFilter = _this$props.idFilter,
-          idGroup = _this$props.idGroup,
-          additionalInfo = _this$props.additionalInfo;
-          _this$props.field;
-          _this$props.operator;
-          _this$props.value;
-      var eventValue = e;
+  onChangeHandler(e, target, extraData, hasError) {
+    const {
+      handleFieldChange,
+      idFilter,
+      idGroup,
+      additionalInfo,
+      field,
+      operator,
+      value
+    } = this.props;
+    let eventValue = e;
 
-      if (e && e.target) {
-        var _e$target = e.target,
-            _value = _e$target.value,
-            checked = _e$target.checked;
-        if (_value || _value === '' || typeof _value === 'boolean') eventValue = _value;else eventValue = checked || e;
-      }
-
-      handleFieldChange((_handleFieldChange = {}, _defineProperty__default['default'](_handleFieldChange, target, eventValue), _defineProperty__default['default'](_handleFieldChange, "idFilter", idFilter), _defineProperty__default['default'](_handleFieldChange, "idGroup", idGroup), _defineProperty__default['default'](_handleFieldChange, "additionalInfo", _objectSpread(_objectSpread({}, additionalInfo), {}, (_objectSpread2 = {}, _defineProperty__default['default'](_objectSpread2, target, extraData), _defineProperty__default['default'](_objectSpread2, "".concat(target, "_error"), hasError), _defineProperty__default['default'](_objectSpread2, "".concat(target, "_touched"), true), _objectSpread2))), _defineProperty__default['default'](_handleFieldChange, "target", target), _handleFieldChange));
+    if (e && e.target) {
+      const {
+        value,
+        checked
+      } = e.target;
+      if (value || value === '' || typeof value === 'boolean') eventValue = value;else eventValue = checked || e;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var isOpen = this.state.isOpen;
-      var _this$props2 = this.props,
-          fields = _this$props2.fields,
-          onAddFilter = _this$props2.onAddFilter,
-          onRemoveFilter = _this$props2.onRemoveFilter,
-          onAddRuleContainer = _this$props2.onAddRuleContainer,
-          field = _this$props2.field,
-          operator = _this$props2.operator,
-          value = _this$props2.value,
-          additionalInfo = _this$props2.additionalInfo,
-          items = _this$props2.items,
-          singleRow = _this$props2.singleRow,
-          toolTipZIndex = _this$props2.toolTipZIndex;
-          _this$props2.error;
 
-      var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('query-builder-row', isOpen ? 'has-open-tooltip' : 'has-close-tooltip', singleRow ? 'is-single-row' : 'is-multiple-row'),
-          cssClassName = _convertPropToCssClas.cssClassName,
-          classNameBlock = _convertPropToCssClas.classNameBlock,
-          classNameElement = _convertPropToCssClas.classNameElement;
+    handleFieldChange({
+      [target]: eventValue,
+      idFilter,
+      idGroup,
+      additionalInfo: _objectSpread(_objectSpread({}, additionalInfo), {}, {
+        [target]: extraData,
+        ["".concat(target, "_error")]: hasError,
+        ["".concat(target, "_touched")]: true
+      }),
+      target
+    });
+  }
 
-      var test = components_helpers_dependencies.resolveDependencies({
-        field: field,
-        operator: operator,
-        value: value,
-        additionalInfo: additionalInfo
-      }, fields);
-      var gridTemplateColumns = ['24px'].concat(_toConsumableArray__default['default'](test.map(function () {
-        return 'minmax(0, 1fr)';
-      })), ['30px']).join(' ');
-      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+  render() {
+    const {
+      isOpen
+    } = this.state;
+    const {
+      fields,
+      onAddFilter,
+      onRemoveFilter,
+      onAddRuleContainer,
+      field,
+      operator,
+      value,
+      additionalInfo,
+      items,
+      singleRow,
+      toolTipZIndex,
+      error
+    } = this.props;
+    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(() => '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: gridTemplateColumns
+          gridTemplateColumns
         }
-      }, !singleRow && /*#__PURE__*/React__default['default'].createElement(components_DragControllerRow_DragControllerRow, {
+      }, void 0, !singleRow && /*#__PURE__*/_jsx__default["default"](DragControllerRow, {
         className: classNameElement('drag-controller'),
-        onMouseDownCapture: function onMouseDownCapture() {
-          return _this2.handleMouseLeaveInput();
-        }
-      }), test.map(function (renderField) {
-        var target = renderField.target,
-            component = renderField.component;
-        var valueProp = _this2.props[target];
-        var isTouched = additionalInfo && additionalInfo["".concat(target, "_touched")];
-        var hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
-          field: field,
-          operator: operator,
-          value: value,
-          additionalInfo: additionalInfo
+        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__*/React__default['default'].createElement(RenderField, {
+        return /*#__PURE__*/_jsx__default["default"](RenderField, {
           component: component,
           target: target,
           valueProp: valueProp,
-          onChangeHandler: function onChangeHandler(e, target, extraData) {
-            _this2.onChangeHandler(e, target, extraData, hasError);
+          onChangeHandler: (e, target, extraData) => {
+            this.onChangeHandler(e, target, extraData, hasError);
           },
-          handleMouseEnterInput: _this2.handleMouseEnterInput,
-          handleMouseLeaveInput: _this2.handleMouseLeaveInput,
+          handleMouseEnterInput: this.handleMouseEnterInput,
+          handleMouseLeaveInput: this.handleMouseLeaveInput,
           additionalInfo: additionalInfo,
           hasError: isTouched && hasError
         });
-      }), !singleRow && /*#__PURE__*/React__default['default'].createElement("div", {
+      }), !singleRow && /*#__PURE__*/_jsx__default["default"]("div", {
         className: classNameBlock('controller')
-      }, /*#__PURE__*/React__default['default'].createElement(components_ConditionController_ConditionController, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](ConditionController, {
         handleTooltipRow: this.handleTooltipRow,
         isOpen: isOpen,
         items: items,
@@ -274,12 +256,10 @@ var QueryBuilderRow = /*#__PURE__*/function (_Component) {
         onAddRuleContainer: onAddRuleContainer,
         onRemoveFilter: onRemoveFilter,
         toolTipZIndex: toolTipZIndex
-      }))));
-    }
-  }]);
+      })))
+    });
+  }
 
-  return QueryBuilderRow;
-}(React.Component);
+}
 
 module.exports = QueryBuilderRow;
-//# sourceMappingURL=QueryBuilderRow.js.map

package/cjs/components/ToolBarAnimation/ToolBarAnimation.js

@@ -2,23 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var GrowRight = require('@elliemae/ds-shared/Animations/GrowRight');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var GrowRight__default = /*#__PURE__*/_interopDefaultLegacy(GrowRight);
 
-var ToolBarAnimation = function ToolBarAnimation(props) {
-  return /*#__PURE__*/React__default['default'].createElement(GrowRight__default['default'], _extends__default['default']({}, props, {
-    key: "popper-animation-key",
-    from: 0.5,
-    to: 1
-  }));
-};
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const ToolBarAnimation = props => /*#__PURE__*/React.createElement(GrowRight__default["default"], _objectSpread(_objectSpread({}, props), {}, {
+  key: "popper-animation-key",
+  from: 0.5,
+  to: 1
+}));
 
 exports.ToolBarAnimation = ToolBarAnimation;
-//# sourceMappingURL=ToolBarAnimation.js.map