@elliemae/ds-query-builder 3.4.3-rc.1 → 3.4.3

package/dist/cjs/DSQueryBuilder.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSQueryBuilder_exports = {};
 __export(DSQueryBuilder_exports, {
@@ -42,7 +45,7 @@ __export(DSQueryBuilder_exports, {
 });
 module.exports = __toCommonJS(DSQueryBuilder_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_QueryBuilderImpl = __toESM(require("./components/QueryBuilderImpl"));
 var import_types = require("./components/helpers/types");
@@ -80,7 +83,7 @@ const DSQueryBuilder = ({
   },
   singleRow = false,
   toolTipZIndex = 110
-}) => /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderImpl.default, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_QueryBuilderImpl.default, {
   addFilterMethod,
   containerProps,
   displayFixedOutput,

package/dist/cjs/DSQueryBuilder.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSQueryBuilder.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport QueryBuilderImpl from './components/QueryBuilderImpl';\nimport {\n  QB_FIELD_TYPES,\n  QB_OPERATOR_TYPES,\n  QB_GROUP_CONDITION_TYPES,\n  QB_DRAG_TYPES,\n  QB_DRAG_LOCATIONS,\n  QB_EXPORT_FORMAT_TYPES,\n  QB_ADD_FILTER_METHOD_TYPES,\n  QB_GROUP_FILTER_METHOD_TYPES,\n  QB_FIELD_SHARED_ACTIONS,\n} from './components/helpers/types';\nimport {\n  QB_OPERATOR_OPTIONS,\n  QB_DEFAULT_VALUES_OPTIONS,\n  QB_FIELD_OPTIONS,\n  QB_LOAN_VALUES_OPTIONS,\n  QB_SUBJECT_VALUES_OPTIONS,\n} from './components/helpers/selectors';\nimport QueryBuilderFormat from './components/format/format';\nimport { props } from './propTypes';\n\nconst DSQueryBuilder = ({\n  containerProps = {},\n  addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n  groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,\n  onChange = () => null,\n  fields = [],\n  fieldsSharedActions = {\n    onFieldChange: [],\n    onOperatorChange: [],\n    onValueChange: [],\n  },\n  format = QB_EXPORT_FORMAT_TYPES.DEFAULT,\n  init = null,\n  ruleContainerClassName = '',\n  handleDrop = () => null,\n  handleDropFilter = () => null,\n  handleDropGroup = () => null,\n  handleFieldChange = () => null,\n  handleRuleContainerOperator = () => null,\n  handleRuleContainerUnGroup = () => null,\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  displayFixedOutput,\n  displayOutput = false,\n  displayOutputLabel = {\n    show: 'Show output',\n    hide: 'Hide output',\n  },\n  singleRow = false,\n  toolTipZIndex = 110,\n}) => (\n  <QueryBuilderImpl\n    addFilterMethod={addFilterMethod}\n    containerProps={containerProps}\n    displayFixedOutput={displayFixedOutput}\n    displayOutput={displayOutput}\n    displayOutputLabel={displayOutputLabel}\n    fields={fields}\n    fieldsSharedActions={fieldsSharedActions}\n    format={format}\n    groupFilterMethod={groupFilterMethod}\n    handleDrop={handleDrop}\n    handleDropFilter={handleDropFilter}\n    handleDropGroup={handleDropGroup}\n    handleFieldChange={handleFieldChange}\n    handleRuleContainerOperator={handleRuleContainerOperator}\n    handleRuleContainerUnGroup={handleRuleContainerUnGroup}\n    init={init}\n    onAddFilter={onAddFilter}\n    onAddRuleContainer={onAddRuleContainer}\n    onChange={onChange}\n    onRemoveFilter={onRemoveFilter}\n    ruleContainerClassName={ruleContainerClassName}\n    singleRow={singleRow}\n    toolTipZIndex={toolTipZIndex}\n  />\n);\n\nDSQueryBuilder.propTypes = props;\nDSQueryBuilder.displayName = 'DSQueryBuilder';\nconst DSQueryBuilderWithSchema = describe(DSQueryBuilder);\nDSQueryBuilderWithSchema.propTypes = props;\n\nexport {\n  QB_FIELD_SHARED_ACTIONS,\n  QB_FIELD_TYPES,\n  QB_OPERATOR_TYPES,\n  QB_OPERATOR_OPTIONS,\n  QB_DEFAULT_VALUES_OPTIONS,\n  QB_FIELD_OPTIONS,\n  QB_LOAN_VALUES_OPTIONS,\n  QB_SUBJECT_VALUES_OPTIONS,\n  QB_GROUP_CONDITION_TYPES,\n  QB_DRAG_TYPES,\n  QB_DRAG_LOCATIONS,\n  QB_EXPORT_FORMAT_TYPES,\n  QB_ADD_FILTER_METHOD_TYPES,\n  QB_GROUP_FILTER_METHOD_TYPES,\n  QueryBuilderFormat,\n  DSQueryBuilderWithSchema,\n  DSQueryBuilder,\n};\n\nexport default DSQueryBuilder;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAyB;AACzB,8BAA6B;AAC7B,mBAUO;AACP,uBAMO;AACP,oBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,wCAA2B;AAAA,EAC7C,oBAAoB,0CAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS,CAAC;AAAA,EACV,sBAAsB;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,SAAS,oCAAuB;AAAA,EAChC,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,kBAAkB,MAAM;AAAA,EACxB,oBAAoB,MAAM;AAAA,EAC1B,8BAA8B,MAAM;AAAA,EACpC,6BAA6B,MAAM;AAAA,EACnC,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,MAEhB,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,8BAA6B;AAC7B,mBAUO;AACP,uBAMO;AACP,oBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,wCAA2B;AAAA,EAC7C,oBAAoB,0CAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS,CAAC;AAAA,EACV,sBAAsB;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,SAAS,oCAAuB;AAAA,EAChC,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,kBAAkB,MAAM;AAAA,EACxB,oBAAoB,MAAM;AAAA,EAC1B,8BAA8B,MAAM;AAAA,EACpC,6BAA6B,MAAM;AAAA,EACnC,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,MACE,4CAAC,wBAAAC,SAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
+  "names": ["QueryBuilderFormat", "QueryBuilderImpl"]
 }

package/dist/cjs/components/AndOrController/AndOrController.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var AndOrController_exports = {};
 __export(AndOrController_exports, {
@@ -25,6 +28,7 @@ __export(AndOrController_exports, {
 });
 module.exports = __toCommonJS(AndOrController_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
@@ -95,91 +99,110 @@ class AndOrController extends import_react.Component {
       toolTipZIndex
     } = this.props;
     const { isOpen, top, right } = this.state;
-    return /* @__PURE__ */ import_react.default.createElement("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       ref: this.myRef,
       className: `${cssClassName} ${mainModifier(condition ? "active" : "default")} step-${step}  ${isMain ? "is-main-group-join" : ""}`,
-      onMouseLeave: this.handleMouseLeaveRow
-    }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: `${classNameBlock("content")} step-${step}`
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
-      delayClose,
-      delayOpen,
-      interactionType: toolBarInteractionType,
-      isOpen,
-      onOpen: this.handleTooltipRow,
-      placement: toolBarPosition,
-      springAnimationComponent: /* @__PURE__ */ import_react.default.createElement(import_ToolBarAnimation.ToolBarAnimation, {
-        duration: toolBarAnimationDuration
-      }),
-      step,
-      title: /* @__PURE__ */ import_react.default.createElement("div", {
-        ref: this.contenerRef,
-        className: classNameBlock("actions"),
-        style: {
-          transition: "0.2s",
-          position: "absolute",
-          top: `${top}px`,
-          right: `${right}px`
-        }
-      }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
-        title: "Add condition",
-        triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-          buttonType: buttonActionType,
-          className: classNameElement("add-rule"),
-          icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryAdd, null),
-          onClick: onAddFilter,
-          size: buttonActionSize,
-          containerProps: {
-            "data-testid": "query-add-button"
-          }
-        })
-      }), allowUnGroup && /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
-        title: "Remove group",
-        triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-          buttonType: "text",
-          className: classNameElement("ungroup"),
-          icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ParenthesisRemove, null),
-          onClick: handleRuleContainerUnGroup,
-          size: buttonActionSize,
-          containerProps: {
-            "data-testid": "parenthesis-remove-button"
-          }
+      onMouseLeave: this.handleMouseLeaveRow,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        className: `${classNameBlock("content")} step-${step}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
+          delayClose,
+          delayOpen,
+          interactionType: toolBarInteractionType,
+          isOpen,
+          onOpen: this.handleTooltipRow,
+          placement: toolBarPosition,
+          springAnimationComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToolBarAnimation.ToolBarAnimation, {
+            duration: toolBarAnimationDuration
+          }),
+          step,
+          title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+            ref: this.contenerRef,
+            className: classNameBlock("actions"),
+            style: {
+              transition: "0.2s",
+              position: "absolute",
+              top: `${top}px`,
+              right: `${right}px`
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
+                title: "Add condition",
+                triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+                  buttonType: buttonActionType,
+                  className: classNameElement("add-rule"),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryAdd, {}),
+                  onClick: onAddFilter,
+                  size: buttonActionSize,
+                  containerProps: {
+                    "data-testid": "query-add-button"
+                  }
+                })
+              }),
+              allowUnGroup && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
+                title: "Remove group",
+                triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+                  buttonType: "text",
+                  className: classNameElement("ungroup"),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ParenthesisRemove, {}),
+                  onClick: handleRuleContainerUnGroup,
+                  size: buttonActionSize,
+                  containerProps: {
+                    "data-testid": "parenthesis-remove-button"
+                  }
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSToggle, {
+                checked: condition,
+                className: classNameElement("and-or-toggle"),
+                labelOff,
+                labelOn,
+                onChange: (e) => handleRuleContainerOperator(e.target.checked),
+                size: toogleActionSize,
+                containerProps: {
+                  "data-testid": "and-or-toggle-button"
+                }
+              })
+            ]
+          }),
+          tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
+          triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+            className: `${classNameBlock("trigger-controller")} ${showDragController ? classNameBlockModifier("draggable", "trigger-controller") : ""} step-${step}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+                className: classNameElement("condition-display"),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                    className: classNameElement("condition-display-label"),
+                    children: condition ? labelOn : labelOff
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                    className: classNameElement("condition-display-step"),
+                    children: step
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                    className: "separator"
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {
+                    color: import_ds_icon.DSIconColors.NEUTRAL,
+                    onClick: this.handleMouseEnterRow,
+                    size: import_ds_icon.DSIconSizes.S,
+                    containerProps: {
+                      "data-testid": "and-or-more-options-button"
+                    }
+                  })
+                ]
+              }),
+              showDragController && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DragContainerController.default, {
+                multipleSize,
+                onClick: this.handleMouseEnterRow
+              })
+            ]
+          }),
+          zIndex: toolTipZIndex
         })
-      }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSToggle, {
-        checked: condition,
-        className: classNameElement("and-or-toggle"),
-        labelOff,
-        labelOn,
-        onChange: (e) => handleRuleContainerOperator(e.target.checked),
-        size: toogleActionSize,
-        containerProps: {
-          "data-testid": "and-or-toggle-button"
-        }
-      })),
-      tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
-      triggerComponent: /* @__PURE__ */ import_react.default.createElement("div", {
-        className: `${classNameBlock("trigger-controller")} ${showDragController ? classNameBlockModifier("draggable", "trigger-controller") : ""} step-${step}`
-      }, /* @__PURE__ */ import_react.default.createElement("div", {
-        className: classNameElement("condition-display")
-      }, /* @__PURE__ */ import_react.default.createElement("span", {
-        className: classNameElement("condition-display-label")
-      }, condition ? labelOn : labelOff), /* @__PURE__ */ import_react.default.createElement("span", {
-        className: classNameElement("condition-display-step")
-      }, step), /* @__PURE__ */ import_react.default.createElement("div", {
-        className: "separator"
-      }), /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, {
-        color: import_ds_icon.DSIconColors.NEUTRAL,
-        onClick: this.handleMouseEnterRow,
-        size: import_ds_icon.DSIconSizes.S,
-        containerProps: {
-          "data-testid": "and-or-more-options-button"
-        }
-      })), showDragController && /* @__PURE__ */ import_react.default.createElement(import_DragContainerController.default, {
-        multipleSize,
-        onClick: this.handleMouseEnterRow
-      })),
-      zIndex: toolTipZIndex
-    })));
+      })
+    });
   }
 }
 AndOrController.defaultProps = {

package/dist/cjs/components/AndOrController/AndOrController.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/AndOrController/AndOrController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n  convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n *\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n  static defaultProps = {\n    isMain: false,\n    handleRuleContainerOperator: () => null,\n    handleRuleContainerUnGroup: () => null,\n    handleTooltipGroup: () => null,\n    labelOn: 'AND',\n    labelOff: 'OR',\n    condition: true,\n    showDragController: true,\n    allowUnGroup: true,\n    buttonActionSize: DSIconSizes.M,\n    buttonActionType: 'text',\n    toogleActionSize: DSIconSizes.S,\n    onAddFilter: () => null,\n    multipleSize: false,\n    delayClose: DELAY_CLOSE,\n    delayOpen: DELAY_OPEN,\n    step: null,\n    toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n    toolBarInteractionType: Interaction.CLICK,\n    toolBarPosition: Position.LEFT,\n  };\n\n  constructor(props) {\n    super(props);\n    this.contenerRef = React.createRef();\n    this.myRef = React.createRef();\n    this.state = {\n      isOpen: false,\n      top: 0,\n      right: -2,\n    };\n  }\n\n  handleMouseEnterRow = (e) => {\n    this.handleTooltipRow(true);\n    // this.handleMouseMove(e)\n  };\n\n  handleMouseMove = (e) => {\n    if (!this.contenerRef.current) return;\n    const mouse = e.clientY;\n    const { height } = this.contenerRef.current.getBoundingClientRect();\n    const delta = height / 2;\n    const topDiff = this.myRef.current.getBoundingClientRect().top;\n    const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n    this.setState({\n      top: mouse - topDiff - refHeight / 2 - delta,\n    });\n  };\n\n  handleMouseLeaveRow = () => {\n    this.handleTooltipRow(false);\n  };\n\n  handleTooltipRow = (isOpen) => {\n    this.setState({ isOpen });\n    const { handleTooltipGroup } = this.props;\n    handleTooltipGroup(isOpen);\n  };\n\n  render() {\n    const {\n      handleRuleContainerOperator,\n      handleRuleContainerUnGroup,\n      labelOn,\n      labelOff,\n      condition,\n      showDragController,\n      allowUnGroup,\n      buttonActionSize,\n      buttonActionType,\n      toogleActionSize,\n      onAddFilter,\n      multipleSize,\n      delayClose,\n      delayOpen,\n      step,\n      toolBarAnimationDuration,\n      toolBarInteractionType,\n      toolBarPosition,\n      isMain,\n      toolTipZIndex,\n    } = this.props;\n    const { isOpen, top, right } = this.state;\n    return (\n      <div\n        ref={this.myRef}\n        className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step}  ${isMain ? 'is-main-group-join' : ''\n          }`}\n        // onMouseEnter={this.handleMouseEnterRow}\n        onMouseLeave={this.handleMouseLeaveRow}\n      // onMouseMove={this.handleMouseMove}\n      >\n        <div className={`${classNameBlock('content')} step-${step}`}>\n          <DSTooltip\n            delayClose={delayClose}\n            delayOpen={delayOpen}\n            interactionType={toolBarInteractionType}\n            isOpen={isOpen}\n            onOpen={this.handleTooltipRow}\n            placement={toolBarPosition}\n            springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n            step={step}\n            title={\n              <div\n                ref={this.contenerRef}\n                className={classNameBlock('actions')}\n                style={{\n                  transition: '0.2s',\n                  position: 'absolute',\n                  top: `${top}px`,\n                  right: `${right}px`,\n                }}\n              >\n                <DSTooltip title=\"Add condition\"\n                  triggerComponent={<DSButton\n                    buttonType={buttonActionType}\n                    className={classNameElement('add-rule')}\n                    icon={<QueryAdd />}\n                    onClick={onAddFilter}\n                    size={buttonActionSize}\n                    containerProps={{\n                      'data-testid': 'query-add-button',\n                    }}\n                  />}\n                />\n                {allowUnGroup && (\n                  <DSTooltip title=\"Remove group\"\n                  triggerComponent={<DSButton\n                    buttonType=\"text\"\n                    className={classNameElement('ungroup')}\n                    icon={<ParenthesisRemove />}\n                    onClick={handleRuleContainerUnGroup}\n                    size={buttonActionSize}\n                    containerProps={{\n                      'data-testid': 'parenthesis-remove-button',\n                    }}\n                  />}\n                />\n                )}\n                <DSToggle\n                  checked={condition}\n                  className={classNameElement('and-or-toggle')}\n                  labelOff={labelOff}\n                  labelOn={labelOn}\n                  onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n                  size={toogleActionSize}\n                  containerProps={{\n                    'data-testid': 'and-or-toggle-button',\n                  }}\n                />\n              </div>\n            }\n            tooltipType={TooltipType.TOOLBAR}\n            triggerComponent={\n              <div\n                className={`${classNameBlock('trigger-controller')} ${showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n                  } step-${step}`}\n              >\n                <div className={classNameElement('condition-display')}>\n                  <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n                  <span className={classNameElement('condition-display-step')}>{step}</span>\n                  <div className=\"separator\" />\n                  <MoreOptionsVert\n                    color={DSIconColors.NEUTRAL}\n                    onClick={this.handleMouseEnterRow}\n                    size={DSIconSizes.S}\n                    containerProps={{\n                      'data-testid': 'and-or-more-options-button',\n                    }}\n                  />\n                </div>\n                {showDragController && (\n                  <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n                )}\n              </div>\n            }\n            zIndex={toolTipZIndex}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AndOrController;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAiC;AACjC,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAAyB;AACzB,uBAAqB;AACrB,sBAA6D;AAC7D,qBAA0C;AAC1C,uBAAoE;AACpE,8BAAiC;AACjC,qCAAoC;AAEpC,MAAM,EAAE,cAAc,gBAAgB,kBAAkB,cAAc,2BACpE,oDAA0B,iCAAiC;AAO7D,MAAM,wBAAwB,uBAAU;AAAA,EAwBtC,YAAY,OAAO;AACjB,UAAM,KAAK;AAUb,+BAAsB,CAAC,MAAM;AAC3B,WAAK,iBAAiB,IAAI;AAAA,IAE5B;AAEA,2BAAkB,CAAC,MAAM;AACvB,UAAI,CAAC,KAAK,YAAY;AAAS;AAC/B,YAAM,QAAQ,EAAE;AAChB,YAAM,EAAE,WAAW,KAAK,YAAY,QAAQ,sBAAsB;AAClE,YAAM,QAAQ,SAAS;AACvB,YAAM,UAAU,KAAK,MAAM,QAAQ,sBAAsB,EAAE;AAC3D,YAAM,YAAY,KAAK,MAAM,QAAQ,sBAAsB,EAAE;AAE7D,WAAK,SAAS;AAAA,QACZ,KAAK,QAAQ,UAAU,YAAY,IAAI;AAAA,MACzC,CAAC;AAAA,IACH;AAEA,+BAAsB,MAAM;AAC1B,WAAK,iBAAiB,KAAK;AAAA,IAC7B;AAEA,4BAAmB,CAAC,WAAW;AAC7B,WAAK,SAAS,EAAE,OAAO,CAAC;AACxB,YAAM,EAAE,uBAAuB,KAAK;AACpC,yBAAmB,MAAM;AAAA,IAC3B;AAnCE,SAAK,cAAc,qBAAM,UAAU;AACnC,SAAK,QAAQ,qBAAM,UAAU;AAC7B,SAAK,QAAQ;AAAA,MACX,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EA8BA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,EAAE,QAAQ,KAAK,UAAU,KAAK;AACpC,WACE,mDAAC;AAAA,MACC,KAAK,KAAK;AAAA,MACV,WAAW,GAAG,gBAAgB,aAAa,YAAY,WAAW,SAAS,UAAU,SAAS,SAAS,uBAAuB;AAAA,MAG9H,cAAc,KAAK;AAAA,OAGnB,mDAAC;AAAA,MAAI,WAAW,GAAG,eAAe,SAAS,UAAU;AAAA,OACnD,mDAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,QAAQ,KAAK;AAAA,MACb,WAAW;AAAA,MACX,0BAA0B,mDAAC;AAAA,QAAiB,UAAU;AAAA,OAA0B;AAAA,MAChF;AAAA,MACA,OACE,mDAAC;AAAA,QACC,KAAK,KAAK;AAAA,QACV,WAAW,eAAe,SAAS;AAAA,QACnC,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,KAAK,GAAG;AAAA,UACR,OAAO,GAAG;AAAA,QACZ;AAAA,SAEA,mDAAC;AAAA,QAAU,OAAM;AAAA,QACf,kBAAkB,mDAAC;AAAA,UACjB,YAAY;AAAA,UACZ,WAAW,iBAAiB,UAAU;AAAA,UACtC,MAAM,mDAAC,8BAAS;AAAA,UAChB,SAAS;AAAA,UACT,MAAM;AAAA,UACN,gBAAgB;AAAA,YACd,eAAe;AAAA,UACjB;AAAA,SACF;AAAA,OACF,GACC,gBACC,mDAAC;AAAA,QAAU,OAAM;AAAA,QACjB,kBAAkB,mDAAC;AAAA,UACjB,YAAW;AAAA,UACX,WAAW,iBAAiB,SAAS;AAAA,UACrC,MAAM,mDAAC,uCAAkB;AAAA,UACzB,SAAS;AAAA,UACT,MAAM;AAAA,UACN,gBAAgB;AAAA,YACd,eAAe;AAAA,UACjB;AAAA,SACF;AAAA,OACF,GAEA,mDAAC;AAAA,QACC,SAAS;AAAA,QACT,WAAW,iBAAiB,eAAe;AAAA,QAC3C;AAAA,QACA;AAAA,QACA,UAAU,CAAC,MAAM,4BAA4B,EAAE,OAAO,OAAO;AAAA,QAC7D,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF,CACF;AAAA,MAEF,aAAa,8BAAY;AAAA,MACzB,kBACE,mDAAC;AAAA,QACC,WAAW,GAAG,eAAe,oBAAoB,KAAK,qBAAqB,uBAAuB,aAAa,oBAAoB,IAAI,WAC5H;AAAA,SAEX,mDAAC;AAAA,QAAI,WAAW,iBAAiB,mBAAmB;AAAA,SAClD,mDAAC;AAAA,QAAK,WAAW,iBAAiB,yBAAyB;AAAA,SAAI,YAAY,UAAU,QAAS,GAC9F,mDAAC;AAAA,QAAK,WAAW,iBAAiB,wBAAwB;AAAA,SAAI,IAAK,GACnE,mDAAC;AAAA,QAAI,WAAU;AAAA,OAAY,GAC3B,mDAAC;AAAA,QACC,OAAO,4BAAa;AAAA,QACpB,SAAS,KAAK;AAAA,QACd,MAAM,2BAAY;AAAA,QAClB,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF,CACF,GACC,sBACC,mDAAC;AAAA,QAAwB;AAAA,QAA4B,SAAS,KAAK;AAAA,OAAqB,CAE5F;AAAA,MAEF,QAAQ;AAAA,KACV,CACF,CACF;AAAA,EAEJ;AACF;AAzLE,AADI,gBACG,eAAe;AAAA,EACpB,QAAQ;AAAA,EACR,6BAA6B,MAAM;AAAA,EACnC,4BAA4B,MAAM;AAAA,EAClC,oBAAoB,MAAM;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,kBAAkB,2BAAY;AAAA,EAC9B,kBAAkB;AAAA,EAClB,kBAAkB,2BAAY;AAAA,EAC9B,aAAa,MAAM;AAAA,EACnB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,0BAA0B;AAAA,EAC1B,wBAAwB,oCAAY;AAAA,EACpC,iBAAiB,iCAAS;AAC5B;AAsKF,IAAO,0BAAQ;",
-  "names": []
+  "mappings": "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",
+  "names": ["React", "DSTooltip", "DSButton", "DragContainerController", "Interaction", "Position"]
 }

package/dist/cjs/components/ConditionController/ConditionController.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ConditionController_exports = {};
 __export(ConditionController_exports, {
@@ -25,7 +28,7 @@ __export(ConditionController_exports, {
 });
 module.exports = __toCommonJS(ConditionController_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
 var import_ds_popper = require("@elliemae/ds-popper");
@@ -48,72 +51,80 @@ const ConditionController = ({
   isOpen = false,
   toolTipZIndex
 }) => {
-  const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-condition-controller");
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: cssClassName
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
-    delayClose,
-    delayOpen,
-    interactionType: import_ds_popper.PopperInteractions.CLICK,
-    isOpen,
-    onOpen: handleTooltipRow,
-    placement: import_ds_popper.PopperPositions.LEFT,
-    springAnimationComponent: /* @__PURE__ */ import_react.default.createElement(import_ToolBarAnimation.ToolBarAnimation, {
-      duration: import_constants.TOOLBAR_ANIMATION_DURATION
-    }),
-    title: /* @__PURE__ */ import_react.default.createElement("div", {
-      className: classNameBlock("actions")
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
-      title: "Remove condition",
-      triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-        buttonType: buttonActionType,
-        className: classNameElement("remove-rule"),
-        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryRemove, null),
-        onClick: onRemoveFilter,
-        size: buttonActionSize,
-        containerProps: {
-          "data-testid": "query-remove-button"
-        }
-      })
-    }), /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
-      title: "Add condition",
-      triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-        buttonType: buttonActionType,
-        className: classNameElement("add-rule"),
-        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryAdd, null),
-        onClick: onAddFilter,
-        size: buttonActionSize,
-        containerProps: {
-          "data-testid": "query-add-button"
-        }
-      })
-    }), /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
-      title: "Add group",
-      triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-        buttonType: buttonActionType,
-        className: `${classNameElement("add-rule-container")} no-border-right`,
-        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ParenthesisAdd, null),
-        onClick: onAddRuleContainer,
-        size: buttonActionSize,
+  const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)(
+    "query-builder-condition-controller"
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    className: cssClassName,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
+      delayClose,
+      delayOpen,
+      interactionType: import_ds_popper.PopperInteractions.CLICK,
+      isOpen,
+      onOpen: handleTooltipRow,
+      placement: import_ds_popper.PopperPositions.LEFT,
+      springAnimationComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToolBarAnimation.ToolBarAnimation, {
+        duration: import_constants.TOOLBAR_ANIMATION_DURATION
+      }),
+      title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+        className: classNameBlock("actions"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
+            title: "Remove condition",
+            triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+              buttonType: buttonActionType,
+              className: classNameElement("remove-rule"),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryRemove, {}),
+              onClick: onRemoveFilter,
+              size: buttonActionSize,
+              containerProps: {
+                "data-testid": "query-remove-button"
+              }
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
+            title: "Add condition",
+            triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+              buttonType: buttonActionType,
+              className: classNameElement("add-rule"),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryAdd, {}),
+              onClick: onAddFilter,
+              size: buttonActionSize,
+              containerProps: {
+                "data-testid": "query-add-button"
+              }
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
+            title: "Add group",
+            triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+              buttonType: buttonActionType,
+              className: `${classNameElement("add-rule-container")} no-border-right`,
+              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ParenthesisAdd, {}),
+              onClick: onAddRuleContainer,
+              size: buttonActionSize,
+              containerProps: {
+                "data-testid": "parenthesis-add-button"
+              }
+            })
+          })
+        ]
+      }),
+      tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
+      triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+        buttonType: buttonTriggerType,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {
+          color: ["neutral", "500"]
+        }),
+        onClick: handleTooltipRow,
+        size: buttonTriggerSize,
         containerProps: {
-          "data-testid": "parenthesis-add-button"
+          "data-testid": "condition-more-options-button"
         }
-      })
-    })),
-    tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: buttonTriggerType,
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, {
-        color: ["neutral", "500"]
       }),
-      onClick: handleTooltipRow,
-      size: buttonTriggerSize,
-      containerProps: {
-        "data-testid": "condition-more-options-button"
-      }
-    }),
-    zIndex: toolTipZIndex
-  }));
+      zIndex: toolTipZIndex
+    })
+  });
 };
 var ConditionController_default = ConditionController;
 //# sourceMappingURL=ConditionController.js.map

package/dist/cjs/components/ConditionController/ConditionController.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/ConditionController/ConditionController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\n\nconst ConditionController = ({\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  handleTooltipRow = () => null,\n  buttonTriggerSize = DSIconSizes.M,\n  buttonTriggerType = 'text',\n  buttonActionSize = DSIconSizes.M,\n  buttonActionType = 'text',\n  delayClose = DELAY_CLOSE,\n  delayOpen = DELAY_OPEN,\n  isOpen = false,\n  toolTipZIndex,\n}) => {\n  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n    'query-builder-condition-controller',\n  );\n  return (\n    <div className={cssClassName}>\n      <DSTooltip\n        delayClose={delayClose}\n        delayOpen={delayOpen}\n        interactionType={Interaction.CLICK}\n        isOpen={isOpen}\n        onOpen={handleTooltipRow}\n        placement={Position.LEFT}\n        springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n        title={\n          <div className={classNameBlock('actions')}>\n            <DSTooltip title=\"Remove condition\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={classNameElement('remove-rule')}\n                icon={<QueryRemove />}\n                onClick={onRemoveFilter}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'query-remove-button',\n                }}\n              />}\n            />\n\n            <DSTooltip title=\"Add condition\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={classNameElement('add-rule')}\n                icon={<QueryAdd />}\n                onClick={onAddFilter}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'query-add-button',\n                }}\n              />}\n            />\n\n            <DSTooltip title=\"Add group\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={`${classNameElement('add-rule-container')} no-border-right`}\n                icon={<ParenthesisAdd />}\n                onClick={onAddRuleContainer}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'parenthesis-add-button',\n                }}\n              />}\n            />\n\n          </div>\n        }\n        tooltipType={TooltipType.TOOLBAR}\n        triggerComponent={\n          <DSButton\n            buttonType={buttonTriggerType}\n            icon={<MoreOptionsVert color={['neutral', '500']} />}\n            onClick={handleTooltipRow}\n            size={buttonTriggerSize}\n            containerProps={{\n              'data-testid': 'condition-more-options-button',\n            }}\n          />\n        }\n        zIndex={toolTipZIndex}\n      />\n    </div>\n  );\n};\n\nexport default ConditionController;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAA4B;AAC5B,sBAAuE;AACvE,uBAAqB;AACrB,8BAAiC;AACjC,uBAAoE;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,2BAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,2BAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,MACI;AACJ,QAAM,EAAE,cAAc,gBAAgB,qBAAqB,oDACzD,oCACF;AACA,SACE,mDAAC;AAAA,IAAI,WAAW;AAAA,KACd,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,iBAAiB,oCAAY;AAAA,IAC7B;AAAA,IACA,QAAQ;AAAA,IACR,WAAW,iCAAS;AAAA,IACpB,0BAA0B,mDAAC;AAAA,MAAiB,UAAU;AAAA,KAA4B;AAAA,IAClF,OACE,mDAAC;AAAA,MAAI,WAAW,eAAe,SAAS;AAAA,OACtC,mDAAC;AAAA,MAAU,OAAM;AAAA,MACf,kBAAkB,mDAAC;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW,iBAAiB,aAAa;AAAA,QACzC,MAAM,mDAAC,iCAAY;AAAA,QACnB,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,KACF,GAEA,mDAAC;AAAA,MAAU,OAAM;AAAA,MACf,kBAAkB,mDAAC;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW,iBAAiB,UAAU;AAAA,QACtC,MAAM,mDAAC,8BAAS;AAAA,QAChB,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,KACF,GAEA,mDAAC;AAAA,MAAU,OAAM;AAAA,MACf,kBAAkB,mDAAC;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,QACnD,MAAM,mDAAC,oCAAe;AAAA,QACtB,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,KACF,CAEF;AAAA,IAEF,aAAa,8BAAY;AAAA,IACzB,kBACE,mDAAC;AAAA,MACC,YAAY;AAAA,MACZ,MAAM,mDAAC;AAAA,QAAgB,OAAO,CAAC,WAAW,KAAK;AAAA,OAAG;AAAA,MAClD,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA,MACjB;AAAA,KACF;AAAA,IAEF,QAAQ;AAAA,GACV,CACF;AAEJ;AAEA,IAAO,8BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAA4B;AAC5B,sBAAuE;AACvE,uBAAqB;AACrB,8BAAiC;AACjC,uBAAoE;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,2BAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,2BAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,QAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,4CAAC;AAAA,IAAI,WAAW;AAAA,IACd,sDAAC,kBAAAA,SAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,iBAAAC,mBAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,iBAAAC,gBAAS;AAAA,MACpB,0BAA0B,4CAAC;AAAA,QAAiB,UAAU;AAAA,OAA4B;AAAA,MAClF,OACE,6CAAC;AAAA,QAAI,WAAW,eAAe,SAAS;AAAA,QACtC;AAAA,sDAAC,kBAAAF,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,aAAa;AAAA,cACzC,MAAM,4CAAC,+BAAY;AAAA,cACnB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,4CAAC,kBAAAH,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,UAAU;AAAA,cACtC,MAAM,4CAAC,4BAAS;AAAA,cAChB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,4CAAC,kBAAAH,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,cACnD,MAAM,4CAAC,kCAAe;AAAA,cACtB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA;AAAA,OAEF;AAAA,MAEF,aAAa,8BAAY;AAAA,MACzB,kBACE,4CAAC,iBAAAA,SAAA;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,4CAAC;AAAA,UAAgB,OAAO,CAAC,WAAW,KAAK;AAAA,SAAG;AAAA,QAClD,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,MAEF,QAAQ;AAAA,KACV;AAAA,GACF;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": ["DSTooltip", "Interaction", "Position", "DSButton"]
 }

package/dist/cjs/components/DisplayOutput/DisplayOutput.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DisplayOutput_exports = {};
 __export(DisplayOutput_exports, {
@@ -25,7 +28,8 @@ __export(DisplayOutput_exports, {
 });
 module.exports = __toCommonJS(DisplayOutput_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_accordion = require("@elliemae/ds-accordion");
@@ -47,38 +51,52 @@ class DisplayOutput extends import_react.Component {
   render() {
     const { show } = this.state;
     const { showLabel, hideLabel, displayFixedOutput } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderContext.QueryBuilderContext.Consumer, null, ({ format }) => {
-      let display = "";
-      try {
-        display = typeof format === "object" ? JSON.stringify(format) : format;
-      } catch (e) {
-        display = e;
-      }
-      if (displayFixedOutput) {
-        return /* @__PURE__ */ import_react.default.createElement("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_QueryBuilderContext.QueryBuilderContext.Consumer, {
+      children: ({ format }) => {
+        let display = "";
+        try {
+          display = typeof format === "object" ? JSON.stringify(format) : format;
+        } catch (e) {
+          display = e;
+        }
+        if (displayFixedOutput) {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+            className: cssClassName,
+            "data-testid": "qb-fixed-output-wrapper",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                p: "xxs",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
+                  "data-testid": "qb-fixed-output-label",
+                  children: displayFixedOutput
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                pl: "xxs",
+                pr: "xxs",
+                "data-testid": "qb-fixed-output-content",
+                children: display
+              })
+            ]
+          });
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
           className: cssClassName,
-          "data-testid": "qb-fixed-output-wrapper"
-        }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-          p: "xxs"
-        }, /* @__PURE__ */ import_react.default.createElement("strong", {
-          "data-testid": "qb-fixed-output-label"
-        }, displayFixedOutput)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-          pl: "xxs",
-          pr: "xxs",
-          "data-testid": "qb-fixed-output-content"
-        }, display));
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_accordion.DSAccordion, {
+            activeValue: show,
+            onChange: this.handleChange,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_accordion.DSAccordionItem, {
+              iconClosed: import_ds_icons.ChevronRight,
+              iconOpened: import_ds_icons.ChevronDown,
+              title: show ? hideLabel : showLabel,
+              value: true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                children: display
+              })
+            })
+          })
+        });
       }
-      return /* @__PURE__ */ import_react.default.createElement("div", {
-        className: cssClassName
-      }, /* @__PURE__ */ import_react.default.createElement(import_ds_accordion.DSAccordion, {
-        activeValue: show,
-        onChange: this.handleChange
-      }, /* @__PURE__ */ import_react.default.createElement(import_ds_accordion.DSAccordionItem, {
-        iconClosed: import_ds_icons.ChevronRight,
-        iconOpened: import_ds_icons.ChevronDown,
-        title: show ? hideLabel : showLabel,
-        value: true
-      }, /* @__PURE__ */ import_react.default.createElement("div", null, display))));
     });
   }
 }