@elliemae/ds-query-builder 2.2.1 → 2.3.0-alpha.4

package/esm/DSQueryBuilder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSQueryBuilder.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\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;\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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB;AAAA,EACjB,kBAAkB,2BAA2B;AAAA,EAC7C,oBAAoB,6BAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS;AAAA,EACT,sBAAsB;AAAA,IACpB,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,eAAe;AAAA;AAAA,EAEjB,SAAS,uBAAuB;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;AAAA,EAER,YAAY;AAAA,EACZ,gBAAgB;AAAA,MAEhB,qCAAC,kBAAD;AAAA,EACE;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;AAIJ,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
+  "names": []
+}

package/esm/components/AndOrController/AndOrController.js

@@ -1,46 +1,27 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React, { Component } from 'react';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
-import { PopperInteractions, PopperPositions } from '@elliemae/ds-popper';
-import { DSToggle } from '@elliemae/ds-form';
-import DSButton from '@elliemae/ds-button';
-import { QueryAdd, ParenthesisRemove, MoreOptionsVert } from '@elliemae/ds-icons';
-import { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';
-import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';
-import { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';
-import DragContainerController from '../DragContainerController/DragContainerController.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _QueryAdd, _ParenthesisRemove, _div;
-const {
-  cssClassName,
-  classNameBlock,
-  classNameElement,
-  mainModifier,
-  classNameBlockModifier
-} = convertPropToCssClassName('query-builder-and-or-controller');
-/**
- * condition-display-step: required to avoid the cache of the trigger
- *
- * @param e
- * @param isOpen
- */
-
+import * as React from "react";
+import React2, { Component } from "react";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import DSTooltip, { TooltipType } from "@elliemae/ds-tooltip";
+import { PopperInteractions as Interaction, PopperPositions as Position } from "@elliemae/ds-popper";
+import { DSToggle } from "@elliemae/ds-form";
+import DSButton from "@elliemae/ds-button";
+import { ParenthesisRemove, MoreOptionsVert, QueryAdd } from "@elliemae/ds-icons";
+import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
+import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from "../helpers/constants";
+import { ToolBarAnimation } from "../ToolBarAnimation/ToolBarAnimation";
+import DragContainerController from "../DragContainerController/DragContainerController";
+const { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } = convertPropToCssClassName("query-builder-and-or-controller");
 class AndOrController extends Component {
   constructor(props) {
     super(props);
-
-    this.handleMouseEnterRow = e => {
-      this.handleTooltipRow(true); // this.handleMouseMove(e)
+    this.handleMouseEnterRow = (e) => {
+      this.handleTooltipRow(true);
     };
-
-    this.handleMouseMove = e => {
-      if (!this.contenerRef.current) return;
+    this.handleMouseMove = (e) => {
+      if (!this.contenerRef.current)
+        return;
       const mouse = e.clientY;
-      const {
-        height
-      } = this.contenerRef.current.getBoundingClientRect();
+      const { height } = this.contenerRef.current.getBoundingClientRect();
       const delta = height / 2;
       const topDiff = this.myRef.current.getBoundingClientRect().top;
       const refHeight = this.myRef.current.getBoundingClientRect().height;
@@ -48,30 +29,22 @@ class AndOrController extends Component {
         top: mouse - topDiff - refHeight / 2 - delta
       });
     };
-
     this.handleMouseLeaveRow = () => {
       this.handleTooltipRow(false);
     };
-
-    this.handleTooltipRow = isOpen => {
-      this.setState({
-        isOpen
-      });
-      const {
-        handleTooltipGroup
-      } = this.props;
+    this.handleTooltipRow = (isOpen) => {
+      this.setState({ isOpen });
+      const { handleTooltipGroup } = this.props;
       handleTooltipGroup(isOpen);
     };
-
-    this.contenerRef = /*#__PURE__*/React.createRef();
-    this.myRef = /*#__PURE__*/React.createRef();
+    this.contenerRef = React2.createRef();
+    this.myRef = React2.createRef();
     this.state = {
       isOpen: false,
       top: 0,
       right: -2
     };
   }
-
   render() {
     const {
       handleRuleContainerOperator,
@@ -95,110 +68,100 @@ class AndOrController extends Component {
       isMain,
       toolTipZIndex
     } = this.props;
-    const {
-      isOpen,
-      top,
-      right
-    } = this.state;
-    return /*#__PURE__*/jsx("div", {
+    const { isOpen, top, right } = this.state;
+    return /* @__PURE__ */ React2.createElement("div", {
       ref: this.myRef,
-      className: "".concat(cssClassName, " ").concat(mainModifier(condition ? 'active' : 'default'), " step-").concat(step, "  ").concat(isMain ? 'is-main-group-join' : '') // onMouseEnter={this.handleMouseEnterRow}
-      ,
-      onMouseLeave: this.handleMouseLeaveRow // onMouseMove={this.handleMouseMove}
-      ,
-      children: /*#__PURE__*/_jsx("div", {
-        className: "".concat(classNameBlock('content'), " step-").concat(step)
-      }, void 0, /*#__PURE__*/_jsx(DSTooltip, {
-        delayClose: delayClose,
-        delayOpen: delayOpen,
-        interactionType: toolBarInteractionType,
-        isOpen: isOpen,
-        onOpen: this.handleTooltipRow,
-        placement: toolBarPosition,
-        springAnimationComponent: /*#__PURE__*/_jsx(ToolBarAnimation, {
-          duration: toolBarAnimationDuration
-        }),
-        step: step,
-        title: /*#__PURE__*/jsxs("div", {
-          ref: this.contenerRef,
-          className: classNameBlock('actions'),
-          style: {
-            transition: '0.2s',
-            position: 'absolute',
-            top: "".concat(top, "px"),
-            right: "".concat(right, "px")
-          },
-          children: [/*#__PURE__*/_jsx(DSButton, {
-            buttonType: buttonActionType,
-            className: classNameElement('add-rule'),
-            icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx(QueryAdd, {})),
-            onClick: onAddFilter,
-            size: buttonActionSize,
-            containerProps: {
-              'data-testid': 'query-add-button'
-            }
-          }), allowUnGroup && /*#__PURE__*/_jsx(DSButton, {
-            buttonType: "text",
-            className: classNameElement('ungroup'),
-            icon: _ParenthesisRemove || (_ParenthesisRemove = /*#__PURE__*/_jsx(ParenthesisRemove, {})),
-            onClick: handleRuleContainerUnGroup,
-            size: buttonActionSize,
-            containerProps: {
-              'data-testid': 'parenthesis-remove-button'
-            }
-          }), /*#__PURE__*/_jsx(DSToggle, {
-            checked: condition,
-            className: classNameElement('and-or-toggle'),
-            labelOff: labelOff,
-            labelOn: labelOn,
-            onChange: e => handleRuleContainerOperator(e.target.checked),
-            size: toogleActionSize,
-            containerProps: {
-              'data-testid': 'and-or-toggle-button'
-            }
-          })]
-        }),
-        tooltipType: TooltipType.TOOLBAR,
-        triggerComponent: /*#__PURE__*/_jsx("div", {
-          className: "".concat(classNameBlock('trigger-controller'), " ").concat(showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : '', " step-").concat(step)
-        }, void 0, /*#__PURE__*/_jsx("div", {
-          className: classNameElement('condition-display')
-        }, void 0, /*#__PURE__*/_jsx("span", {
-          className: classNameElement('condition-display-label')
-        }, void 0, condition ? labelOn : labelOff), /*#__PURE__*/_jsx("span", {
-          className: classNameElement('condition-display-step')
-        }, void 0, step), _div || (_div = /*#__PURE__*/_jsx("div", {
-          className: "separator"
-        })), /*#__PURE__*/_jsx(MoreOptionsVert, {
-          color: DSIconColors.NEUTRAL,
-          onClick: this.handleMouseEnterRow,
-          size: DSIconSizes.S,
-          containerProps: {
-            'data-testid': 'and-or-more-options-button'
-          }
-        })), showDragController && /*#__PURE__*/_jsx(DragContainerController, {
-          multipleSize: multipleSize,
-          onClick: this.handleMouseEnterRow
-        })),
-        zIndex: toolTipZIndex
-      }))
-    });
+      className: `${cssClassName} ${mainModifier(condition ? "active" : "default")} step-${step}  ${isMain ? "is-main-group-join" : ""}`,
+      onMouseLeave: this.handleMouseLeaveRow
+    }, /* @__PURE__ */ React2.createElement("div", {
+      className: `${classNameBlock("content")} step-${step}`
+    }, /* @__PURE__ */ React2.createElement(DSTooltip, {
+      delayClose,
+      delayOpen,
+      interactionType: toolBarInteractionType,
+      isOpen,
+      onOpen: this.handleTooltipRow,
+      placement: toolBarPosition,
+      springAnimationComponent: /* @__PURE__ */ React2.createElement(ToolBarAnimation, {
+        duration: toolBarAnimationDuration
+      }),
+      step,
+      title: /* @__PURE__ */ React2.createElement("div", {
+        ref: this.contenerRef,
+        className: classNameBlock("actions"),
+        style: {
+          transition: "0.2s",
+          position: "absolute",
+          top: `${top}px`,
+          right: `${right}px`
+        }
+      }, /* @__PURE__ */ React2.createElement(DSButton, {
+        buttonType: buttonActionType,
+        className: classNameElement("add-rule"),
+        icon: /* @__PURE__ */ React2.createElement(QueryAdd, null),
+        onClick: onAddFilter,
+        size: buttonActionSize,
+        containerProps: {
+          "data-testid": "query-add-button"
+        }
+      }), allowUnGroup && /* @__PURE__ */ React2.createElement(DSButton, {
+        buttonType: "text",
+        className: classNameElement("ungroup"),
+        icon: /* @__PURE__ */ React2.createElement(ParenthesisRemove, null),
+        onClick: handleRuleContainerUnGroup,
+        size: buttonActionSize,
+        containerProps: {
+          "data-testid": "parenthesis-remove-button"
+        }
+      }), /* @__PURE__ */ React2.createElement(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: TooltipType.TOOLBAR,
+      triggerComponent: /* @__PURE__ */ React2.createElement("div", {
+        className: `${classNameBlock("trigger-controller")} ${showDragController ? classNameBlockModifier("draggable", "trigger-controller") : ""} step-${step}`
+      }, /* @__PURE__ */ React2.createElement("div", {
+        className: classNameElement("condition-display")
+      }, /* @__PURE__ */ React2.createElement("span", {
+        className: classNameElement("condition-display-label")
+      }, condition ? labelOn : labelOff), /* @__PURE__ */ React2.createElement("span", {
+        className: classNameElement("condition-display-step")
+      }, step), /* @__PURE__ */ React2.createElement("div", {
+        className: "separator"
+      }), /* @__PURE__ */ React2.createElement(MoreOptionsVert, {
+        color: DSIconColors.NEUTRAL,
+        onClick: this.handleMouseEnterRow,
+        size: DSIconSizes.S,
+        containerProps: {
+          "data-testid": "and-or-more-options-button"
+        }
+      })), showDragController && /* @__PURE__ */ React2.createElement(DragContainerController, {
+        multipleSize,
+        onClick: this.handleMouseEnterRow
+      })),
+      zIndex: toolTipZIndex
+    })));
   }
-
 }
-
 AndOrController.defaultProps = {
   isMain: false,
   handleRuleContainerOperator: () => null,
   handleRuleContainerUnGroup: () => null,
   handleTooltipGroup: () => null,
-  labelOn: 'AND',
-  labelOff: 'OR',
+  labelOn: "AND",
+  labelOff: "OR",
   condition: true,
   showDragController: true,
   allowUnGroup: true,
   buttonActionSize: DSIconSizes.M,
-  buttonActionType: 'text',
+  buttonActionType: "text",
   toogleActionSize: DSIconSizes.S,
   onAddFilter: () => null,
   multipleSize: false,
@@ -206,8 +169,11 @@ AndOrController.defaultProps = {
   delayOpen: DELAY_OPEN,
   step: null,
   toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,
-  toolBarInteractionType: PopperInteractions.CLICK,
-  toolBarPosition: PopperPositions.LEFT
+  toolBarInteractionType: Interaction.CLICK,
+  toolBarPosition: Position.LEFT
+};
+var AndOrController_default = AndOrController;
+export {
+  AndOrController_default as default
 };
-
-export { AndOrController as default };
+//# sourceMappingURL=AndOrController.js.map

package/esm/components/AndOrController/AndOrController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/AndOrController/AndOrController.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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}  ${\n          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                <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                {allowUnGroup && (\n                  <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                <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')} ${\n                  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"],
+  "mappings": "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",
+  "names": []
+}

package/esm/components/ConditionController/ConditionController.js

@@ -1,92 +1,87 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
-import { PopperInteractions, PopperPositions } from '@elliemae/ds-popper';
-import { DSIconSizes } from '@elliemae/ds-icon';
-import { QueryRemove, QueryAdd, ParenthesisAdd, MoreOptionsVert } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';
-import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';
-
-var _ToolBarAnimation, _QueryRemove, _QueryAdd, _ParenthesisAdd;
-
-const ConditionController = _ref => {
-  let {
-    onAddFilter = () => null,
-    onAddRuleContainer = () => null,
-    onRemoveFilter = () => null,
-    handleTooltipRow = () => null,
-    buttonTriggerSize = DSIconSizes.M,
-    buttonTriggerType = 'text',
-    buttonActionSize = DSIconSizes.M,
-    buttonActionType = 'text',
-    delayClose = DELAY_CLOSE,
-    delayOpen = DELAY_OPEN,
-    isOpen = false,
-    toolTipZIndex
-  } = _ref;
-  const {
-    cssClassName,
-    classNameBlock,
-    classNameElement
-  } = convertPropToCssClassName('query-builder-condition-controller');
-  return /*#__PURE__*/_jsx("div", {
+import * as React from "react";
+import React2 from "react";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import DSTooltip, { TooltipType } from "@elliemae/ds-tooltip";
+import { PopperInteractions as Interaction, PopperPositions as Position } from "@elliemae/ds-popper";
+import { DSIconSizes } from "@elliemae/ds-icon";
+import { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from "@elliemae/ds-icons";
+import DSButton from "@elliemae/ds-button";
+import { ToolBarAnimation } from "../ToolBarAnimation/ToolBarAnimation";
+import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from "../helpers/constants";
+const ConditionController = ({
+  onAddFilter = () => null,
+  onAddRuleContainer = () => null,
+  onRemoveFilter = () => null,
+  handleTooltipRow = () => null,
+  buttonTriggerSize = DSIconSizes.M,
+  buttonTriggerType = "text",
+  buttonActionSize = DSIconSizes.M,
+  buttonActionType = "text",
+  delayClose = DELAY_CLOSE,
+  delayOpen = DELAY_OPEN,
+  isOpen = false,
+  toolTipZIndex
+}) => {
+  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName("query-builder-condition-controller");
+  return /* @__PURE__ */ React2.createElement("div", {
     className: cssClassName
-  }, void 0, /*#__PURE__*/_jsx(DSTooltip, {
-    delayClose: delayClose,
-    delayOpen: delayOpen,
-    interactionType: PopperInteractions.CLICK,
-    isOpen: isOpen,
+  }, /* @__PURE__ */ React2.createElement(DSTooltip, {
+    delayClose,
+    delayOpen,
+    interactionType: Interaction.CLICK,
+    isOpen,
     onOpen: handleTooltipRow,
-    placement: PopperPositions.LEFT,
-    springAnimationComponent: _ToolBarAnimation || (_ToolBarAnimation = /*#__PURE__*/_jsx(ToolBarAnimation, {
+    placement: Position.LEFT,
+    springAnimationComponent: /* @__PURE__ */ React2.createElement(ToolBarAnimation, {
       duration: TOOLBAR_ANIMATION_DURATION
-    })),
-    title: /*#__PURE__*/_jsx("div", {
-      className: classNameBlock('actions')
-    }, void 0, /*#__PURE__*/_jsx(DSButton, {
+    }),
+    title: /* @__PURE__ */ React2.createElement("div", {
+      className: classNameBlock("actions")
+    }, /* @__PURE__ */ React2.createElement(DSButton, {
       buttonType: buttonActionType,
-      className: classNameElement('remove-rule'),
-      icon: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx(QueryRemove, {})),
+      className: classNameElement("remove-rule"),
+      icon: /* @__PURE__ */ React2.createElement(QueryRemove, null),
       onClick: onRemoveFilter,
       size: buttonActionSize,
       containerProps: {
-        'data-testid': 'query-remove-button'
+        "data-testid": "query-remove-button"
       }
-    }), /*#__PURE__*/_jsx(DSButton, {
+    }), /* @__PURE__ */ React2.createElement(DSButton, {
       buttonType: buttonActionType,
-      className: classNameElement('add-rule'),
-      icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx(QueryAdd, {})),
+      className: classNameElement("add-rule"),
+      icon: /* @__PURE__ */ React2.createElement(QueryAdd, null),
       onClick: onAddFilter,
       size: buttonActionSize,
       containerProps: {
-        'data-testid': 'query-add-button'
+        "data-testid": "query-add-button"
       }
-    }), /*#__PURE__*/_jsx(DSButton, {
+    }), /* @__PURE__ */ React2.createElement(DSButton, {
       buttonType: buttonActionType,
-      className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
-      icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx(ParenthesisAdd, {})),
+      className: `${classNameElement("add-rule-container")} no-border-right`,
+      icon: /* @__PURE__ */ React2.createElement(ParenthesisAdd, null),
       onClick: onAddRuleContainer,
       size: buttonActionSize,
       containerProps: {
-        'data-testid': 'parenthesis-add-button'
+        "data-testid": "parenthesis-add-button"
       }
     })),
     tooltipType: TooltipType.TOOLBAR,
-    triggerComponent: /*#__PURE__*/_jsx(DSButton, {
+    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
       buttonType: buttonTriggerType,
-      icon: /*#__PURE__*/_jsx(MoreOptionsVert, {
-        color: ['neutral', '500']
+      icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, {
+        color: ["neutral", "500"]
       }),
       onClick: handleTooltipRow,
       size: buttonTriggerSize,
       containerProps: {
-        'data-testid': 'condition-more-options-button'
+        "data-testid": "condition-more-options-button"
       }
     }),
     zIndex: toolTipZIndex
   }));
 };
-
-export { ConditionController as default };
+var ConditionController_default = ConditionController;
+export {
+  ConditionController_default as default
+};
+//# sourceMappingURL=ConditionController.js.map

package/esm/components/ConditionController/ConditionController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ConditionController/ConditionController.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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            <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            <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            <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          </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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,YAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,YAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,MACI;AACJ,QAAM,EAAE,cAAc,gBAAgB,qBAAqB,0BACzD;AAEF,SACE,qCAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KACd,qCAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,iBAAiB,YAAY;AAAA,IAC7B;AAAA,IACA,QAAQ;AAAA,IACR,WAAW,SAAS;AAAA,IACpB,0BAA0B,qCAAC,kBAAD;AAAA,MAAkB,UAAU;AAAA;AAAA,IACtD,OACE,qCAAC,OAAD;AAAA,MAAK,WAAW,eAAe;AAAA,OAC7B,qCAAC,UAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,iBAAiB;AAAA,MAC5B,MAAM,qCAAC,aAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,QAGnB,qCAAC,UAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,iBAAiB;AAAA,MAC5B,MAAM,qCAAC,UAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,QAGnB,qCAAC,UAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,GAAG,iBAAiB;AAAA,MAC/B,MAAM,qCAAC,gBAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA;AAAA,IAKvB,aAAa,YAAY;AAAA,IACzB,kBACE,qCAAC,UAAD;AAAA,MACE,YAAY;AAAA,MACZ,MAAM,qCAAC,iBAAD;AAAA,QAAiB,OAAO,CAAC,WAAW;AAAA;AAAA,MAC1C,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA;AAAA,IAIrB,QAAQ;AAAA;AAAA;AAMhB,IAAO,8BAAQ;",
+  "names": []
+}