@elliemae/ds-query-builder 2.1.0-rc.7 → 2.2.0-alpha.2

package/esm/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,83 +1,63 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';
-import { QB_DRAG_TYPES } from '../helpers/types.js';
-import AndOrController from '../AndOrController/AndOrController.js';
-import QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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(QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
-    let {
-      fields,
-      handleFieldChange,
-      onAddFilter,
-      onAddFilterToGroup,
-      onAddRuleContainer,
-      onRemoveFilter,
-      showDragController,
-      handleRuleContainerOperator,
-      handleRuleContainerUnGroup,
-      step,
-      items,
-      isDraggableItem,
-      setDraggableItems,
-      singleRow,
-      toolTipZIndex
-    } = _ref2;
-
+import * as React from "react";
+import React2 from "react";
+import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext";
+import { QB_DRAG_TYPES } from "../helpers/types";
+import AndOrController from "../AndOrController/AndOrController";
+import QueryBuilderRow from "../QueryBuilderRow/QueryBuilderRow";
+const QueryBuilderItem = ({ item }) => {
+  const { element } = item;
+  const { type, idFilter, idGroup, condition } = element;
+  return /* @__PURE__ */ React2.createElement(QueryBuilderContext.Consumer, null, ({
+    fields,
+    handleFieldChange,
+    onAddFilter,
+    onAddFilterToGroup,
+    onAddRuleContainer,
+    onRemoveFilter,
+    showDragController,
+    handleRuleContainerOperator,
+    handleRuleContainerUnGroup,
+    step,
+    items,
+    isDraggableItem,
+    setDraggableItems,
+    singleRow,
+    toolTipZIndex
+  }) => {
     if (type === QB_DRAG_TYPES.FILTER) {
-      return /*#__PURE__*/jsx(QueryBuilderRow, _objectSpread(_objectSpread({}, element), {}, {
-        fields: fields,
-        handleFieldChange: handleFieldChange,
-        isDraggableItem: isDraggableItem,
-        items: items,
+      return /* @__PURE__ */ React2.createElement(QueryBuilderRow, {
+        ...element,
+        fields,
+        handleFieldChange,
+        isDraggableItem,
+        items,
         onAddFilter: () => onAddFilter(idGroup, idFilter),
         onAddRuleContainer: () => onAddRuleContainer(idGroup, idFilter),
         onRemoveFilter: () => onRemoveFilter(idFilter),
-        setDraggableItems: setDraggableItems,
-        showDragController: showDragController,
-        step: step,
-        singleRow: singleRow,
-        toolTipZIndex: toolTipZIndex
-      }));
+        setDraggableItems,
+        showDragController,
+        step,
+        singleRow,
+        toolTipZIndex
+      });
     }
-
-    if (singleRow) return null;
-    return /*#__PURE__*/_jsx(AndOrController, {
+    if (singleRow)
+      return null;
+    return /* @__PURE__ */ React2.createElement(AndOrController, {
       allowUnGroup: true,
-      condition: condition,
-      handleRuleContainerOperator: value => handleRuleContainerOperator(idGroup, value),
+      condition,
+      handleRuleContainerOperator: (value) => handleRuleContainerOperator(idGroup, value),
       handleRuleContainerUnGroup: () => handleRuleContainerUnGroup(idGroup),
       multipleSize: false,
       onAddFilter: () => onAddFilterToGroup(idGroup),
       showDragController: true,
-      step: step,
-      toolTipZIndex: toolTipZIndex
+      step,
+      toolTipZIndex
     });
   });
 };
-
-export { QueryBuilderItem as default };
+var QueryBuilderItem_default = QueryBuilderItem;
+export {
+  QueryBuilderItem_default as default
+};
+//# sourceMappingURL=QueryBuilderItem.js.map

package/esm/components/QueryBuilderItem/QueryBuilderItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES } from '../helpers/types';\nimport AndOrController from '../AndOrController/AndOrController';\nimport QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';\n\nconst QueryBuilderItem = ({ item }) => {\n  const { element } = item;\n  const { type, idFilter, idGroup, condition } = element;\n  return (\n    <QueryBuilderContext.Consumer>\n      {({\n        fields,\n        handleFieldChange,\n        onAddFilter,\n        onAddFilterToGroup,\n        onAddRuleContainer,\n        onRemoveFilter,\n        showDragController,\n        handleRuleContainerOperator,\n        handleRuleContainerUnGroup,\n        step,\n        items,\n        isDraggableItem,\n        setDraggableItems,\n        singleRow,\n        toolTipZIndex,\n      }) => {\n        if (type === QB_DRAG_TYPES.FILTER) {\n          return (\n            <QueryBuilderRow\n              {...element}\n              fields={fields}\n              handleFieldChange={handleFieldChange}\n              isDraggableItem={isDraggableItem}\n              items={items}\n              onAddFilter={() => onAddFilter(idGroup, idFilter)}\n              onAddRuleContainer={() => onAddRuleContainer(idGroup, idFilter)}\n              onRemoveFilter={() => onRemoveFilter(idFilter)}\n              setDraggableItems={setDraggableItems}\n              showDragController={showDragController}\n              step={step}\n              singleRow={singleRow}\n              toolTipZIndex={toolTipZIndex}\n            />\n          );\n        }\n        if (singleRow) return null;\n        return (\n          <AndOrController\n            allowUnGroup\n            condition={condition}\n            handleRuleContainerOperator={(value) =>\n              handleRuleContainerOperator(idGroup, value)\n            }\n            handleRuleContainerUnGroup={() =>\n              handleRuleContainerUnGroup(idGroup)\n            }\n            multipleSize={false}\n            onAddFilter={() => onAddFilterToGroup(idGroup)}\n            showDragController\n            step={step}\n            toolTipZIndex={toolTipZIndex}\n          />\n        );\n      }}\n    </QueryBuilderContext.Consumer>\n  );\n};\n\nexport default QueryBuilderItem;\n"],
+  "mappings": "AAAA;ACCA;AAEA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,CAAC,EAAE,WAAW;AACrC,QAAM,EAAE,YAAY;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,cAAc;AAC/C,SACE,qCAAC,oBAAoB,UAArB,MACG,CAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,QACI;AACJ,QAAI,SAAS,cAAc,QAAQ;AACjC,aACE,qCAAC,iBAAD;AAAA,WACM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,MAAM,YAAY,SAAS;AAAA,QACxC,oBAAoB,MAAM,mBAAmB,SAAS;AAAA,QACtD,gBAAgB,MAAM,eAAe;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAIN,QAAI;AAAW,aAAO;AACtB,WACE,qCAAC,iBAAD;AAAA,MACE,cAAY;AAAA,MACZ;AAAA,MACA,6BAA6B,CAAC,UAC5B,4BAA4B,SAAS;AAAA,MAEvC,4BAA4B,MAC1B,2BAA2B;AAAA,MAE7B,cAAc;AAAA,MACd,aAAa,MAAM,mBAAmB;AAAA,MACtC,oBAAkB;AAAA,MAClB;AAAA,MACA;AAAA;AAAA;AAAA;AAQZ,IAAO,2BAAQ;",
+  "names": []
+}

package/esm/components/QueryBuilderRow/QueryBuilderRow.js

@@ -1,179 +1,107 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import React, { Component } from 'react';
-import { AlertsDetail } from '@elliemae/ds-icons';
-import { DSTooltipV3 } from '@elliemae/ds-tooltip';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { resolveDependencies } from '../helpers/dependencies.js';
-import ConditionController from '../ConditionController/ConditionController.js';
-import DragControllerRow from '../DragControllerRow/DragControllerRow.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-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(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.useRef();
-  const id = React.useMemo(() => "el_".concat(String.fromCharCode(65 + Math.floor(Math.random() * 26))), []);
-  return /*#__PURE__*/_jsx("div", {
-    className: "em-ds-query-builder-row-input child-type-".concat(target, " ").concat(hasError && hasError.error ? 'row-input-error' : ''),
+import * as React from "react";
+import React2, { Component } from "react";
+import { AlertsDetail } from "@elliemae/ds-icons";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { resolveDependencies } from "../helpers/dependencies";
+import ConditionController from "../ConditionController/ConditionController";
+import DragControllerRow from "../DragControllerRow/DragControllerRow";
+const RenderField = ({
+  target,
+  component,
+  valueProp,
+  additionalInfo,
+  handleMouseEnterInput,
+  handleMouseLeaveInput,
+  onChangeHandler,
+  hasError
+}) => {
+  const ref = React2.useRef();
+  const id = React2.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: `em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? "row-input-error" : ""}`,
     onMouseDownCapture: () => {
-      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());
+      const _refInput = ref.current?.querySelector(`#${id}`);
+      if (_refInput && _refInput.focus)
+        setTimeout(_refInput.focus());
       handleMouseEnterInput();
     },
     onMouseEnter: () => handleMouseEnterInput(),
     onMouseLeave: () => handleMouseLeaveInput()
-  }, void 0, /*#__PURE__*/jsx("div", {
-    ref: ref,
-    className: "em-ds-query-builder-row__input-controller",
-    children: /*#__PURE__*/React.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("div", {
-    style: {
-      width: '40px'
-    }
-  }, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
+  }, /* @__PURE__ */ React2.createElement("div", {
+    ref,
+    className: "em-ds-query-builder-row__input-controller"
+  }, React2.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__ */ React2.createElement("div", {
+    style: { width: "40px" }
+  }, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
     text: hasError.errorMessage
-  }, void 0, /*#__PURE__*/_jsx("div", {
+  }, /* @__PURE__ */ React2.createElement("div", {
     tabIndex: 0,
     className: "row-icon-alert",
     "data-testid": "qb-error-state-icon",
     role: "alert"
-  }, void 0, /*#__PURE__*/_jsx(AlertsDetail, {
+  }, /* @__PURE__ */ React2.createElement(AlertsDetail, {
     width: 20,
     height: 20,
-    color: ['danger', 900],
+    color: ["danger", 900],
     title: hasError.errorMessage
-  })))) : 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],
-  // );
+  })))) : null);
 };
-
 class QueryBuilderRow extends 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,
-        checked
-      } = e.target;
-      if (value || value === '' || typeof value === 'boolean') eventValue = value;else eventValue = checked || e;
+      const { value: value2, checked } = e.target;
+      if (value2 || value2 === "" || typeof value2 === "boolean")
+        eventValue = value2;
+      else
+        eventValue = checked || e;
     }
-
     handleFieldChange({
       [target]: eventValue,
       idFilter,
       idGroup,
-      additionalInfo: _objectSpread(_objectSpread({}, additionalInfo), {}, {
+      additionalInfo: {
+        ...additionalInfo,
         [target]: extraData,
-        ["".concat(target, "_error")]: hasError,
-        ["".concat(target, "_touched")]: true
-      }),
+        [`${target}_error`]: hasError,
+        [`${target}_touched`]: true
+      },
       target
     });
   }
-
   render() {
-    const {
-      isOpen
-    } = this.state;
+    const { isOpen } = this.state;
     const {
       fields,
       onAddFilter,
@@ -188,81 +116,75 @@ class QueryBuilderRow extends Component {
       toolTipZIndex,
       error
     } = this.props;
-    const {
-      cssClassName,
-      classNameBlock,
-      classNameElement
-    } = convertPropToCssClassName('query-builder-row', isOpen ? 'has-open-tooltip' : 'has-close-tooltip', singleRow ? 'is-single-row' : 'is-multiple-row');
+    const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName("query-builder-row", isOpen ? "has-open-tooltip" : "has-close-tooltip", singleRow ? "is-single-row" : "is-multiple-row");
     const test = 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__*/jsx(Fragment, {
-      children: /*#__PURE__*/_jsx("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
+          });
         }
-      }, void 0, !singleRow && /*#__PURE__*/_jsx(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(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("div", {
-        className: classNameBlock('controller')
-      }, void 0, /*#__PURE__*/_jsx(ConditionController, {
-        handleTooltipRow: this.handleTooltipRow,
-        isOpen: isOpen,
-        items: items,
-        onAddFilter: onAddFilter,
-        onAddRuleContainer: onAddRuleContainer,
-        onRemoveFilter: onRemoveFilter,
-        toolTipZIndex: toolTipZIndex
-      })))
-    });
+        return "minmax(0, 1fr)";
+      }),
+      "30px"
+    ].join(" ");
+    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
+      className: cssClassName,
+      onMouseEnter: this.handleMouseEnterRow,
+      onMouseLeave: this.handleMouseLeaveRow,
+      style: {
+        gridTemplateColumns
+      }
+    }, !singleRow && /* @__PURE__ */ React2.createElement(DragControllerRow, {
+      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__ */ React2.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__ */ React2.createElement("div", {
+      className: classNameBlock("controller")
+    }, /* @__PURE__ */ React2.createElement(ConditionController, {
+      handleTooltipRow: this.handleTooltipRow,
+      isOpen,
+      items,
+      onAddFilter,
+      onAddRuleContainer,
+      onRemoveFilter,
+      toolTipZIndex
+    }))));
   }
-
 }
-
-export { QueryBuilderRow as default };
+var QueryBuilderRow_default = QueryBuilderRow;
+export {
+  QueryBuilderRow_default as default
+};
+//# sourceMappingURL=QueryBuilderRow.js.map

package/esm/components/QueryBuilderRow/QueryBuilderRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { Component } from 'react';\nimport { AlertsDetail } from '@elliemae/ds-icons';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n  target,\n  component,\n  valueProp,\n  additionalInfo,\n  handleMouseEnterInput,\n  handleMouseLeaveInput,\n  onChangeHandler,\n  hasError,\n}) => {\n  const ref = React.useRef<HTMLElement>();\n  const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n  return (\n    <div\n      className={`em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? 'row-input-error' : ''\n        }`}\n      onMouseDownCapture={() => {\n        // eslint-disable-next-line no-underscore-dangle\n        const _refInput = ref.current?.querySelector(`#${id}`);\n        if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n        handleMouseEnterInput();\n      }}\n      onMouseEnter={() => handleMouseEnterInput()}\n      onMouseLeave={() => handleMouseLeaveInput()}\n    >\n      <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n        {React.cloneElement(component, {\n          id,\n          onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n          value: valueProp != null ? valueProp : '',\n          checked: valueProp === true,\n          additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},\n          'aria-invalid': Boolean(hasError),\n        })}\n      </div>\n      {hasError && hasError.errorMessage ? (\n        <div style={{ width: '40px' }}>\n          <DSTooltipV3 text={hasError.errorMessage}>\n            {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n            <div tabIndex={0} className=\"row-icon-alert\" data-testid=\"qb-error-state-icon\" role=\"alert\">\n              <AlertsDetail width={20} height={20} color={['danger', 900]} title={hasError.errorMessage} />\n            </div>\n          </DSTooltipV3>\n        </div>\n      ) : null}\n    </div>\n  );\n  // return React.useMemo(\n  //   () => (\n  //     <div\n  //       className={`em-ds-query-builder-row-input child-type-${target}`}\n  //       onMouseDownCapture={() => {\n  //         // eslint-disable-next-line no-underscore-dangle\n  //         const _refInput = ref.current.querySelector(`#${id}`);\n  //         if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n  //         handleMouseEnterInput();\n  //       }}\n  //       onMouseEnter={() => handleMouseEnterInput()}\n  //       onMouseLeave={() => handleMouseLeaveInput()}\n  //     >\n  //       <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n  //         {React.cloneElement(component, {\n  //           id,\n  //           onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n  //           value: valueProp != null ? valueProp : '',\n  //           checked: valueProp === true,\n  //           additionalInfo: additionalInfo ? additionalInfo[target] : {},\n  //         })}\n  //       </div>\n  //     </div>\n  //   ),\n  //   [target, component, valueProp, additionalInfo],\n  // );\n};\nclass QueryBuilderRow extends Component<any, any> {\n  constructor(props: any) {\n    super(props);\n    this.state = {\n      isOpen: false,\n    };\n  }\n\n  onChangeHandler(e, target, extraData, hasError) {\n    const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;\n    let eventValue = e;\n    if (e && e.target) {\n      const { value, checked } = e.target;\n      if (value || value === '' || typeof value === 'boolean') eventValue = value;\n      else eventValue = checked || e;\n    }\n    handleFieldChange({\n      [target]: eventValue,\n      idFilter,\n      idGroup,\n      additionalInfo: {\n        ...additionalInfo,\n        [target]: extraData,\n        [`${target}_error`]: hasError,\n        [`${target}_touched`]: true,\n      },\n      target,\n    });\n  }\n\n  handleMouseEnterRow = () => { };\n\n  handleMouseLeaveRow = () => {\n    this.handleTooltipRow(false);\n  };\n\n  handleMouseEnterInput = () => {\n    const { setDraggableItems } = this.props;\n    setDraggableItems(false);\n  };\n\n  handleMouseLeaveInput = () => {\n    const { setDraggableItems } = this.props;\n    setDraggableItems(true);\n  };\n\n  handleTooltipRow = (isOpen) => {\n    this.setState({ isOpen });\n  };\n\n  render() {\n    const { isOpen } = this.state;\n    const {\n      fields,\n      onAddFilter,\n      onRemoveFilter,\n      onAddRuleContainer,\n      field,\n      operator,\n      value,\n      additionalInfo,\n      items,\n      singleRow,\n      toolTipZIndex,\n      error,\n    } = this.props;\n    const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n      'query-builder-row',\n      isOpen ? 'has-open-tooltip' : 'has-close-tooltip',\n      singleRow ? 'is-single-row' : 'is-multiple-row',\n    );\n    const test = resolveDependencies(\n      {\n        field,\n        operator,\n        value,\n        additionalInfo,\n      },\n      fields,\n    );\n\n    const gridTemplateColumns = [\n      '24px',\n      ...test.map((r) => {\n        if (r.handleWidth) {\n          return r.handleWidth(this.props[r.target], {\n            field,\n            operator,\n            value,\n            additionalInfo,\n          });\n        }\n        return 'minmax(0, 1fr)';\n      }),\n      '30px',\n    ].join(' ');\n\n    return (\n      <>\n        <div\n          className={cssClassName}\n          onMouseEnter={this.handleMouseEnterRow}\n          onMouseLeave={this.handleMouseLeaveRow}\n          style={{\n            gridTemplateColumns,\n          }}\n        >\n          {!singleRow && (\n            <DragControllerRow\n              className={classNameElement('drag-controller')}\n              onMouseDownCapture={() => this.handleMouseLeaveInput()}\n            />\n          )}\n          {test.map((renderField) => {\n            const { target, component } = renderField;\n            const { [target]: valueProp } = this.props;\n\n            const isTouched = additionalInfo && additionalInfo[`${target}_touched`];\n            const hasError =\n              renderField && renderField.validation\n                ? renderField.validation(valueProp, {\n                  field,\n                  operator,\n                  value,\n                  additionalInfo,\n                })\n                : false;\n            return (\n              <RenderField\n                component={component}\n                target={target}\n                valueProp={valueProp}\n                onChangeHandler={(e, target, extraData) => {\n                  this.onChangeHandler(e, target, extraData, hasError);\n                }}\n                handleMouseEnterInput={this.handleMouseEnterInput}\n                handleMouseLeaveInput={this.handleMouseLeaveInput}\n                additionalInfo={additionalInfo}\n                hasError={isTouched && hasError}\n              />\n            );\n          })}\n          {!singleRow && (\n            <div className={classNameBlock('controller')}>\n              <ConditionController\n                handleTooltipRow={this.handleTooltipRow}\n                isOpen={isOpen}\n                items={items}\n                onAddFilter={onAddFilter}\n                onAddRuleContainer={onAddRuleContainer}\n                onRemoveFilter={onRemoveFilter}\n                toolTipZIndex={toolTipZIndex}\n              />\n            </div>\n          )}\n        </div>\n      </>\n    );\n  }\n}\n\nexport default QueryBuilderRow;\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/components/ToolBarAnimation/ToolBarAnimation.js

@@ -1,20 +1,13 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { createElement } from 'react';
-import GrowRight from '@elliemae/ds-shared/Animations/GrowRight';
-
-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(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 ToolBarAnimation = props => /*#__PURE__*/createElement(GrowRight, _objectSpread(_objectSpread({}, props), {}, {
+import * as React from "react";
+import React2 from "react";
+import GrowRight from "@elliemae/ds-shared/Animations/GrowRight";
+const ToolBarAnimation = (props) => /* @__PURE__ */ React2.createElement(GrowRight, {
+  ...props,
   key: "popper-animation-key",
   from: 0.5,
   to: 1
-}));
-
-export { ToolBarAnimation };
+});
+export {
+  ToolBarAnimation
+};
+//# sourceMappingURL=ToolBarAnimation.js.map

package/esm/components/ToolBarAnimation/ToolBarAnimation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ToolBarAnimation/ToolBarAnimation.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport GrowRight from '@elliemae/ds-shared/Animations/GrowRight';\n\nconst ToolBarAnimation = props => (\n  <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />\n);\n\nexport { ToolBarAnimation };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,mBAAmB,WACvB,qCAAC,WAAD;AAAA,KAAe;AAAA,EAAO,KAAI;AAAA,EAAuB,MAAM;AAAA,EAAK,IAAI;AAAA;",
+  "names": []
+}