npm - @elliemae/ds-query-builder - Versions diffs - 3.12.0-rc.2 → 3.12.0-rc.21 - Mend

@elliemae/ds-query-builder 3.12.0-rc.2 → 3.12.0-rc.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCX;AA7BZ,iCAAoC;AACpC,mBAA8B;AAC9B,6BAA4B;AAC5B,6BAA4B;AAE5B,MAAM,mBAAmB,CAAC,EAAE,KAAK,MAAM;AACrC,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,UAAU,IAAI;AAC/C,SACE,4CAAC,+CAAoB,UAApB;AAAA,IACE,WAAC;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,IACF,MAAM;AACJ,UAAI,SAAS,2BAAc,QAAQ;AACjC,eACE,4CAAC,uBAAAA,SAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,MAAM,YAAY,SAAS,QAAQ;AAAA,UAChD,oBAAoB,MAAM,mBAAmB,SAAS,QAAQ;AAAA,UAC9D,gBAAgB,MAAM,eAAe,QAAQ;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,SACF;AAAA,MAEJ;AACA,UAAI;AAAW,eAAO;AACtB,aACE,4CAAC,uBAAAC,SAAA;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA,6BAA6B,CAAC,UAC5B,4BAA4B,SAAS,KAAK;AAAA,QAE5C,4BAA4B,MAC1B,2BAA2B,OAAO;AAAA,QAEpC,cAAc;AAAA,QACd,aAAa,MAAM,mBAAmB,OAAO;AAAA,QAC7C,oBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,OACF;AAAA,IAEJ;AAAA,GACF;AAEJ;AAEA,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCX;AA7BZ,iCAAoC;AACpC,mBAA8B;AAC9B,6BAA4B;AAC5B,6BAA4B;AAE5B,MAAM,mBAAmB,CAAC,EAAE,KAAK,MAAM;AACrC,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,UAAU,IAAI;AAC/C,SACE,4CAAC,+CAAoB,UAApB,EACE,WAAC;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,EACF,MAAM;AACJ,QAAI,SAAS,2BAAc,QAAQ;AACjC,aACE;AAAA,QAAC,uBAAAA;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,MAAM,YAAY,SAAS,QAAQ;AAAA,UAChD,oBAAoB,MAAM,mBAAmB,SAAS,QAAQ;AAAA,UAC9D,gBAAgB,MAAM,eAAe,QAAQ;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IAEJ;AACA,QAAI;AAAW,aAAO;AACtB,WACE;AAAA,MAAC,uBAAAC;AAAA,MAAA;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA,6BAA6B,CAAC,UAC5B,4BAA4B,SAAS,KAAK;AAAA,QAE5C,4BAA4B,MAC1B,2BAA2B,OAAO;AAAA,QAEpC,cAAc;AAAA,QACd,aAAa,MAAM,mBAAmB,OAAO;AAAA,QAC7C,oBAAkB;AAAA,QAClB;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ,GACF;AAEJ;AAEA,IAAO,2BAAQ;",
   "names": ["QueryBuilderRow", "AndOrController"]
 }

package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js CHANGED Viewed

@@ -48,49 +48,31 @@ const RenderField = ({
 }) => {
   const ref = import_react.default.useRef();
   const id = import_react.default.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-    className: `em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? "row-input-error" : ""}`,
-    onMouseDownCapture: () => {
-      const _refInput = ref.current?.querySelector(`#${id}`);
-      if (_refInput && _refInput.focus)
-        setTimeout(_refInput.focus());
-      handleMouseEnterInput();
-    },
-    onMouseEnter: () => handleMouseEnterInput(),
-    onMouseLeave: () => handleMouseLeaveInput(),
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-        ref,
-        className: "em-ds-query-builder-row__input-controller",
-        children: import_react.default.cloneElement(component, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? "row-input-error" : ""}`,
+      onMouseDownCapture: () => {
+        const _refInput = ref.current?.querySelector(`#${id}`);
+        if (_refInput && _refInput.focus)
+          setTimeout(_refInput.focus());
+        handleMouseEnterInput();
+      },
+      onMouseEnter: () => handleMouseEnterInput(),
+      onMouseLeave: () => handleMouseLeaveInput(),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: "em-ds-query-builder-row__input-controller", children: import_react.default.cloneElement(component, {
           id,
           onChange: (e, extraData) => onChangeHandler(e, target, extraData),
           value: valueProp != null ? valueProp : "",
           checked: valueProp === true,
           additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
           "aria-invalid": Boolean(hasError)
-        })
-      }),
-      hasError && hasError.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-        style: { width: "40px" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.DSTooltipV3, {
-          text: hasError.errorMessage,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-            tabIndex: 0,
-            className: "row-icon-alert",
-            "data-testid": "qb-error-state-icon",
-            role: "alert",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.AlertsDetail, {
-              width: 20,
-              height: 20,
-              color: ["danger", 900],
-              title: hasError.errorMessage
-            })
-          })
-        })
-      }) : null
-    ]
-  });
+        }) }),
+        hasError && hasError.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "40px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.DSTooltipV3, { text: hasError.errorMessage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { tabIndex: 0, className: "row-icon-alert", "data-testid": "qb-error-state-icon", role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.AlertsDetail, { width: 20, height: 20, color: ["danger", 900], title: hasError.errorMessage }) }) }) }) : null
+      ]
+    }
+  );
 };
 class QueryBuilderRow extends import_react.Component {
   constructor(props) {
@@ -170,7 +152,7 @@ class QueryBuilderRow extends import_react.Component {
       fields
     );
     const gridTemplateColumns = [
-      "24px",
+      singleRow ? "" : "24px",
       ...test.map((r) => {
         if (r.handleWidth) {
           return r.handleWidth(this.props[r.target], {
@@ -184,8 +166,9 @@ class QueryBuilderRow extends import_react.Component {
       }),
       "30px"
     ].join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
         className: cssClassName,
         onMouseEnter: this.handleMouseEnterRow,
         onMouseLeave: this.handleMouseLeaveRow,
@@ -193,10 +176,13 @@ class QueryBuilderRow extends import_react.Component {
           gridTemplateColumns
         },
         children: [
-          !singleRow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DragControllerRow.default, {
-            className: classNameElement("drag-controller"),
-            onMouseDownCapture: () => this.handleMouseLeaveInput()
-          }),
+          !singleRow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_DragControllerRow.default,
+            {
+              className: classNameElement("drag-controller"),
+              onMouseDownCapture: () => this.handleMouseLeaveInput()
+            }
+          ),
           test.map((renderField) => {
             const { target, component } = renderField;
             const { [target]: valueProp } = this.props;
@@ -207,22 +193,25 @@ class QueryBuilderRow extends import_react.Component {
               value,
               additionalInfo
             }) : false;
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderField, {
-              component,
-              target,
-              valueProp,
-              onChangeHandler: (e, target2, extraData) => {
-                this.onChangeHandler(e, target2, extraData, hasError);
-              },
-              handleMouseEnterInput: this.handleMouseEnterInput,
-              handleMouseLeaveInput: this.handleMouseLeaveInput,
-              additionalInfo,
-              hasError: isTouched && hasError
-            });
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              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__ */ (0, import_jsx_runtime.jsx)("div", {
-            className: classNameBlock("controller"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ConditionController.default, {
+          !singleRow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: classNameBlock("controller"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_ConditionController.default,
+            {
               handleTooltipRow: this.handleTooltipRow,
               isOpen,
               items,
@@ -230,11 +219,11 @@ class QueryBuilderRow extends import_react.Component {
               onAddRuleContainer,
               onRemoveFilter,
               toolTipZIndex
-            })
-          })
+            }
+          ) })
         ]
-      })
-    });
+      }
+    ) });
   }
 }
 var QueryBuilderRow_default = QueryBuilderRow;

package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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} ${\n        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    this.onChangeHandler = this.onChangeHandler.bind(this);\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* 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} ${\n        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    this.onChangeHandler = this.onChangeHandler.bind(this);\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      singleRow ? '' : '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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBnB;AArBJ,mBAAiC;AACjC,sBAA6B;AAC7B,wBAA4B;AAC5B,2BAA0C;AAC1C,0BAAoC;AACpC,iCAAgC;AAChC,+BAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAM,aAAAA,QAAM,OAAoB;AACtC,QAAM,KAAK,aAAAA,QAAM,QAAQ,MAAM,MAAM,OAAO,aAAa,KAAK,KAAK,MAAM,KAAK,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;AACnG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,4CAA4C,UACrD,YAAY,SAAS,QAAQ,oBAAoB;AAAA,MAEnD,oBAAoB,MAAM;AAExB,cAAM,YAAY,IAAI,SAAS,cAAc,IAAI,IAAI;AACrD,YAAI,aAAa,UAAU;AAAO,qBAAW,UAAU,MAAM,CAAC;AAC9D,8BAAsB;AAAA,MACxB;AAAA,MACA,cAAc,MAAM,sBAAsB;AAAA,MAC1C,cAAc,MAAM,sBAAsB;AAAA,MAE1C;AAAA,oDAAC,SAAI,KAAU,WAAU,6CACtB,uBAAAA,QAAM,aAAa,WAAW;AAAA,UAC7B;AAAA,UACA,UAAU,CAAC,GAAG,cAAc,gBAAgB,GAAG,QAAQ,SAAS;AAAA,UAChE,OAAO,aAAa,OAAO,YAAY;AAAA,UACvC,SAAS,cAAc;AAAA,UACvB,gBAAgB,iBAAiB,eAAe,UAAU,kBAAkB,CAAC;AAAA,UAC7E,gBAAgB,QAAQ,QAAQ;AAAA,QAClC,CAAC,GACH;AAAA,QACC,YAAY,SAAS,eACpB,4CAAC,SAAI,OAAO,EAAE,OAAO,OAAO,GAC1B,sDAAC,iCAAY,MAAM,SAAS,cAE1B,sDAAC,SAAI,UAAU,GAAG,WAAU,kBAAiB,eAAY,uBAAsB,MAAK,SAClF,sDAAC,gCAAa,OAAO,IAAI,QAAQ,IAAI,OAAO,CAAC,UAAU,GAAG,GAAG,OAAO,SAAS,cAAc,GAC7F,GACF,GACF,IACE;AAAA;AAAA;AAAA,EACN;AA4BJ;AACA,MAAM,wBAAwB,uBAAoB;AAAA,EAChD,YAAY,OAAY;AACtB,UAAM,KAAK;AA8Bb,+BAAsB,MAAM;AAAA,IAAC;AAE7B,+BAAsB,MAAM;AAC1B,WAAK,iBAAiB,KAAK;AAAA,IAC7B;AAEA,iCAAwB,MAAM;AAC5B,YAAM,EAAE,kBAAkB,IAAI,KAAK;AACnC,wBAAkB,KAAK;AAAA,IACzB;AAEA,iCAAwB,MAAM;AAC5B,YAAM,EAAE,kBAAkB,IAAI,KAAK;AACnC,wBAAkB,IAAI;AAAA,IACxB;AAEA,4BAAmB,CAAC,WAAW;AAC7B,WAAK,SAAS,EAAE,OAAO,CAAC;AAAA,IAC1B;AA/CE,SAAK,QAAQ;AAAA,MACX,QAAQ;AAAA,IACV;AAEA,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AAAA,EACvD;AAAA,EAEA,gBAAgB,GAAG,QAAQ,WAAW,UAAU;AAC9C,UAAM,EAAE,mBAAmB,UAAU,SAAS,gBAAgB,OAAO,UAAU,MAAM,IAAI,KAAK;AAC9F,QAAI,aAAa;AACjB,QAAI,KAAK,EAAE,QAAQ;AACjB,YAAM,EAAE,OAAAC,QAAO,QAAQ,IAAI,EAAE;AAC7B,UAAIA,UAASA,WAAU,MAAM,OAAOA,WAAU;AAAW,qBAAaA;AAAA;AACjE,qBAAa,WAAW;AAAA,IAC/B;AACA,sBAAkB;AAAA,MAChB,CAAC,SAAS;AAAA,MACV;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,QACd,GAAG;AAAA,QACH,CAAC,SAAS;AAAA,QACV,CAAC,GAAG,iBAAiB;AAAA,QACrB,CAAC,GAAG,mBAAmB;AAAA,MACzB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAsBA,SAAS;AACP,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,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,IACF,IAAI,KAAK;AACT,UAAM,EAAE,cAAc,gBAAgB,iBAAiB,QAAI;AAAA,MACzD;AAAA,MACA,SAAS,qBAAqB;AAAA,MAC9B,YAAY,kBAAkB;AAAA,IAChC;AACA,UAAM,WAAO;AAAA,MACX;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,UAAM,sBAAsB;AAAA,MAC1B,YAAY,KAAK;AAAA,MACjB,GAAG,KAAK,IAAI,CAAC,MAAM;AACjB,YAAI,EAAE,aAAa;AACjB,iBAAO,EAAE,YAAY,KAAK,MAAM,EAAE,SAAS;AAAA,YACzC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC;AAAA,QACH;AACA,eAAO;AAAA,MACT,CAAC;AAAA,MACD;AAAA,IACF,EAAE,KAAK,GAAG;AAEV,WACE,2EACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,cAAc,KAAK;AAAA,QACnB,cAAc,KAAK;AAAA,QACnB,OAAO;AAAA,UACL;AAAA,QACF;AAAA,QAEC;AAAA,WAAC,aACA;AAAA,YAAC,yBAAAC;AAAA,YAAA;AAAA,cACC,WAAW,iBAAiB,iBAAiB;AAAA,cAC7C,oBAAoB,MAAM,KAAK,sBAAsB;AAAA;AAAA,UACvD;AAAA,UAED,KAAK,IAAI,CAAC,gBAAgB;AACzB,kBAAM,EAAE,QAAQ,UAAU,IAAI;AAC9B,kBAAM,GAAG,SAAS,UAAU,IAAI,KAAK;AAErC,kBAAM,YAAY,kBAAkB,eAAe,GAAG;AACtD,kBAAM,WACJ,eAAe,YAAY,aACvB,YAAY,WAAW,WAAW;AAAA,cAChC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC,IACD;AACN,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,iBAAiB,CAAC,GAAGC,SAAQ,cAAc;AACzC,uBAAK,gBAAgB,GAAGA,SAAQ,WAAW,QAAQ;AAAA,gBACrD;AAAA,gBACA,uBAAuB,KAAK;AAAA,gBAC5B,uBAAuB,KAAK;AAAA,gBAC5B;AAAA,gBACA,UAAU,aAAa;AAAA;AAAA,YACzB;AAAA,UAEJ,CAAC;AAAA,UACA,CAAC,aACA,4CAAC,SAAI,WAAW,eAAe,YAAY,GACzC;AAAA,YAAC,2BAAAC;AAAA,YAAA;AAAA,cACC,kBAAkB,KAAK;AAAA,cACvB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,IAAO,0BAAQ;",
   "names": ["React", "value", "DragControllerRow", "target", "ConditionController"]
 }

package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js CHANGED Viewed

@@ -30,10 +30,5 @@ module.exports = __toCommonJS(ToolBarAnimation_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
 var import_ds_shared = require("@elliemae/ds-shared");
-const ToolBarAnimation = (props) => /* @__PURE__ */ (0, import_react.createElement)(import_ds_shared.GrowRight, {
-  ...props,
-  key: "popper-animation-key",
-  from: 0.5,
-  to: 1
-});
+const ToolBarAnimation = (props) => /* @__PURE__ */ (0, import_react.createElement)(import_ds_shared.GrowRight, { ...props, key: "popper-animation-key", from: 0.5, to: 1 });
 //# sourceMappingURL=ToolBarAnimation.js.map

package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/ToolBarAnimation/ToolBarAnimation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { GrowRight } from '@elliemae/ds-shared';\n\nconst ToolBarAnimation = (props) => <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />;\n\nexport { ToolBarAnimation };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGa;AAFpC,uBAA0B;AAE1B,MAAM,mBAAmB,CAAC,UAAU,gDAAC;AAAA,EAAW,GAAG;AAAA,EAAO,KAAI;AAAA,EAAuB,MAAM;AAAA,EAAK,IAAI;AAAA,CAAG;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGa;AAFpC,uBAA0B;AAE1B,MAAM,mBAAmB,CAAC,UAAU,gDAAC,8BAAW,GAAG,OAAO,KAAI,wBAAuB,MAAM,KAAK,IAAI,GAAG;",
   "names": []
 }

package/dist/esm/DSQueryBuilder.js CHANGED Viewed

@@ -53,31 +53,34 @@ const DSQueryBuilder = ({
   },
   singleRow = false,
   toolTipZIndex = 110
-}) => /* @__PURE__ */ jsx(QueryBuilderImpl, {
-  addFilterMethod,
-  containerProps,
-  displayFixedOutput,
-  displayOutput,
-  displayOutputLabel,
-  fields,
-  fieldsSharedActions,
-  format,
-  groupFilterMethod,
-  handleDrop,
-  handleDropFilter,
-  handleDropGroup,
-  handleFieldChange,
-  handleRuleContainerOperator,
-  handleRuleContainerUnGroup,
-  init,
-  onAddFilter,
-  onAddRuleContainer,
-  onChange,
-  onRemoveFilter,
-  ruleContainerClassName,
-  singleRow,
-  toolTipZIndex
-});
+}) => /* @__PURE__ */ jsx(
+  QueryBuilderImpl,
+  {
+    addFilterMethod,
+    containerProps,
+    displayFixedOutput,
+    displayOutput,
+    displayOutputLabel,
+    fields,
+    fieldsSharedActions,
+    format,
+    groupFilterMethod,
+    handleDrop,
+    handleDropFilter,
+    handleDropGroup,
+    handleFieldChange,
+    handleRuleContainerOperator,
+    handleRuleContainerUnGroup,
+    init,
+    onAddFilter,
+    onAddRuleContainer,
+    onChange,
+    onRemoveFilter,
+    ruleContainerClassName,
+    singleRow,
+    toolTipZIndex
+  }
+);
 DSQueryBuilder.propTypes = props;
 DSQueryBuilder.displayName = "DSQueryBuilder";
 const DSQueryBuilderWithSchema = describe(DSQueryBuilder);

package/dist/esm/DSQueryBuilder.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "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 '@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"],
-  "mappings": "AAAA,YAAY,WAAW;ACwDrB;AAvDF,SAAS,gBAAgB;AACzB,OAAO,sBAAsB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,wBAAwB;AAC/B,SAAS,aAAa;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,2BAA2B;AAAA,EAC7C,oBAAoB,6BAA6B;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,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,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,MACE,oBAAC;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,SAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACwDrB;AAvDF,SAAS,gBAAgB;AACzB,OAAO,sBAAsB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,wBAAwB;AAC/B,SAAS,aAAa;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,2BAA2B;AAAA,EAC7C,oBAAoB,6BAA6B;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,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,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,MACE;AAAA,EAAC;AAAA;AAAA,IACC;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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
   "names": []
 }

package/dist/esm/components/AndOrController/AndOrController.js CHANGED Viewed

@@ -70,110 +70,121 @@ class AndOrController extends Component {
       toolTipZIndex
     } = this.props;
     const { isOpen, top, right } = this.state;
-    return /* @__PURE__ */ jsx("div", {
-      ref: this.myRef,
-      className: `${cssClassName} ${mainModifier(condition ? "active" : "default")} step-${step}  ${isMain ? "is-main-group-join" : ""}`,
-      onMouseLeave: this.handleMouseLeaveRow,
-      children: /* @__PURE__ */ jsx("div", {
-        className: `${classNameBlock("content")} step-${step}`,
-        children: /* @__PURE__ */ jsx(DSTooltip, {
-          delayClose,
-          delayOpen,
-          interactionType: toolBarInteractionType,
-          isOpen,
-          onOpen: this.handleTooltipRow,
-          placement: toolBarPosition,
-          springAnimationComponent: /* @__PURE__ */ jsx(ToolBarAnimation, {
-            duration: toolBarAnimationDuration
-          }),
-          step,
-          title: /* @__PURE__ */ jsxs("div", {
-            ref: this.contenerRef,
-            className: classNameBlock("actions"),
-            style: {
-              transition: "0.2s",
-              position: "absolute",
-              top: `${top}px`,
-              right: `${right}px`
-            },
-            children: [
-              /* @__PURE__ */ jsx(DSTooltip, {
-                title: "Add condition",
-                triggerComponent: /* @__PURE__ */ jsx(DSButton, {
-                  buttonType: buttonActionType,
-                  className: classNameElement("add-rule"),
-                  icon: /* @__PURE__ */ jsx(QueryAdd, {}),
-                  onClick: onAddFilter,
-                  size: buttonActionSize,
-                  containerProps: {
-                    "data-testid": "query-add-button"
-                  }
-                })
-              }),
-              allowUnGroup && /* @__PURE__ */ jsx(DSTooltip, {
-                title: "Remove group",
-                triggerComponent: /* @__PURE__ */ jsx(DSButton, {
-                  buttonType: "text",
-                  className: classNameElement("ungroup"),
-                  icon: /* @__PURE__ */ jsx(ParenthesisRemove, {}),
-                  onClick: handleRuleContainerUnGroup,
-                  size: buttonActionSize,
-                  containerProps: {
-                    "data-testid": "parenthesis-remove-button"
-                  }
-                })
-              }),
-              /* @__PURE__ */ jsx(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__ */ jsxs("div", {
-            className: `${classNameBlock("trigger-controller")} ${showDragController ? classNameBlockModifier("draggable", "trigger-controller") : ""} step-${step}`,
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: classNameElement("condition-display"),
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: this.myRef,
+        className: `${cssClassName} ${mainModifier(condition ? "active" : "default")} step-${step}  ${isMain ? "is-main-group-join" : ""}`,
+        onMouseLeave: this.handleMouseLeaveRow,
+        children: /* @__PURE__ */ jsx("div", { className: `${classNameBlock("content")} step-${step}`, children: /* @__PURE__ */ jsx(
+          DSTooltip,
+          {
+            delayClose,
+            delayOpen,
+            interactionType: toolBarInteractionType,
+            isOpen,
+            onOpen: this.handleTooltipRow,
+            placement: toolBarPosition,
+            springAnimationComponent: /* @__PURE__ */ jsx(ToolBarAnimation, { duration: toolBarAnimationDuration }),
+            step,
+            title: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: this.contenerRef,
+                className: classNameBlock("actions"),
+                style: {
+                  transition: "0.2s",
+                  position: "absolute",
+                  top: `${top}px`,
+                  right: `${right}px`
+                },
                 children: [
-                  /* @__PURE__ */ jsx("span", {
-                    className: classNameElement("condition-display-label"),
-                    children: condition ? labelOn : labelOff
-                  }),
-                  /* @__PURE__ */ jsx("span", {
-                    className: classNameElement("condition-display-step"),
-                    children: step
-                  }),
-                  /* @__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"
+                  /* @__PURE__ */ jsx(
+                    DSTooltip,
+                    {
+                      title: "Add condition",
+                      triggerComponent: /* @__PURE__ */ jsx(
+                        DSButton,
+                        {
+                          buttonType: buttonActionType,
+                          className: classNameElement("add-rule"),
+                          icon: /* @__PURE__ */ jsx(QueryAdd, {}),
+                          onClick: onAddFilter,
+                          size: buttonActionSize,
+                          containerProps: {
+                            "data-testid": "query-add-button"
+                          }
+                        }
+                      )
                     }
-                  })
+                  ),
+                  allowUnGroup && /* @__PURE__ */ jsx(
+                    DSTooltip,
+                    {
+                      title: "Remove group",
+                      triggerComponent: /* @__PURE__ */ jsx(
+                        DSButton,
+                        {
+                          buttonType: "text",
+                          className: classNameElement("ungroup"),
+                          icon: /* @__PURE__ */ jsx(ParenthesisRemove, {}),
+                          onClick: handleRuleContainerUnGroup,
+                          size: buttonActionSize,
+                          containerProps: {
+                            "data-testid": "parenthesis-remove-button"
+                          }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    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__ */ jsxs(
+              "div",
+              {
+                className: `${classNameBlock("trigger-controller")} ${showDragController ? classNameBlockModifier("draggable", "trigger-controller") : ""} step-${step}`,
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: classNameElement("condition-display"), children: [
+                    /* @__PURE__ */ jsx("span", { className: classNameElement("condition-display-label"), children: condition ? labelOn : labelOff }),
+                    /* @__PURE__ */ jsx("span", { className: classNameElement("condition-display-step"), children: step }),
+                    /* @__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, onClick: this.handleMouseEnterRow })
                 ]
-              }),
-              showDragController && /* @__PURE__ */ jsx(DragContainerController, {
-                multipleSize,
-                onClick: this.handleMouseEnterRow
-              })
-            ]
-          }),
-          zIndex: toolTipZIndex
-        })
-      })
-    });
+              }
+            ),
+            zIndex: toolTipZIndex
+          }
+        ) })
+      }
+    );
   }
 }
 AndOrController.defaultProps = {