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

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

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/esm/components/Nestable/NestableItem.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/NestableItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\nimport React from 'react';\nimport cn from 'classnames';\n\nconst NestableItem = ({\n  item,\n  isCopy,\n  options,\n  index,\n  isAndItem,\n  isOrItem,\n  isDraggableItem,\n  singleRow,\n}) => {\n  const { dragItem, renderItem, handler, childrenProp } = options;\n\n  const isCollapsed = options.isCollapsed(item);\n  const isDragging = !isCopy && dragItem && dragItem.id === item.id;\n  const hasChildren = item[childrenProp] && item[childrenProp].length > 0;\n\n  let Handler;\n  const isOrGroup =\n    item.element.type === 'group' &&\n    (item.element.condition === '' || item.element.condition === false);\n  const isAndGroup =\n    item.element.type === 'group' &&\n    !(item.element.condition === '' || item.element.condition === false);\n\n  const itemProps = {\n    className: cn(\n      `nestable-item${isCopy ? '-copy' : ''}`,\n      `nestable-item${isCopy ? '-copy' : ''}-${item.id}`,\n      `nestable-item-type-${item.element.type}`,\n      {\n        'is-or-group': isOrGroup,\n        'is-and-group': isAndGroup,\n        'is-and-filter': item.element.type === 'filter' && isAndItem,\n        'is-or-filter': item.element.type === 'filter' && isOrItem,\n      },\n      {\n        'is-dragging': isDragging,\n      },\n    ),\n  };\n\n  let rowProps = {};\n  let handlerProps = {};\n  if (!isCopy) {\n    if (dragItem) {\n      rowProps = {\n        ...rowProps,\n        onMouseEnter: e => options.onMouseEnter(e, item),\n      };\n    } else {\n      handlerProps = {\n        ...handlerProps,\n        draggable: isDraggableItem !== false,\n        onDragStart: e => options.onDragStart(e, item),\n      };\n    }\n  }\n\n  if (handler) {\n    Handler = (\n      <span className=\"nestable-item-handler\" {...handlerProps}>\n        {handler}\n      </span>\n    );\n    // Handler = React.cloneElement(handler, handlerProps);\n  } else {\n    rowProps = {\n      ...rowProps,\n      ...handlerProps,\n    };\n  }\n\n  const childLength = item[childrenProp].length;\n  let childClass = 'single';\n  if (childLength === 0) childClass = 'empty';\n  else if (childLength > 1) childClass = 'multiple';\n\n  return (\n    <li {...itemProps}>\n      <div\n        className={`nestable-item-name nestable-item-name--${item.element.type} `}\n        {...rowProps}\n      >\n        {renderItem({\n          item,\n          handler: Handler,\n          index,\n        })}\n      </div>\n      {hasChildren && item.element.type === 'group' && !isCollapsed && (\n        <ol className={`nestable-list nestable-child-count-${childClass} `}>\n          {item[childrenProp].map((currentitem, i) => (\n            <NestableItem\n              key={i}\n              index={i}\n              isAndItem={isAndGroup}\n              isCopy={isCopy}\n              isOrItem={isOrGroup}\n              item={currentitem}\n              options={options}\n              singleRow={singleRow}\n            />\n          ))}\n        </ol>\n      )}\n    </li>\n  );\n};\n\nexport default NestableItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgEjB,cAkBF,YAlBE;AA9DN,OAAO,QAAQ;AAEf,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,aAAa,IAAI;AAExD,QAAM,cAAc,QAAQ,YAAY,IAAI;AAC5C,QAAM,aAAa,CAAC,UAAU,YAAY,SAAS,OAAO,KAAK;AAC/D,QAAM,cAAc,KAAK,iBAAiB,KAAK,cAAc,SAAS;AAEtE,MAAI;AACJ,QAAM,YACJ,KAAK,QAAQ,SAAS,YACrB,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,EAAE,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,WAAW;AAAA,MACT,gBAAgB,SAAS,UAAU;AAAA,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK;AAAA,MAC9C,sBAAsB,KAAK,QAAQ;AAAA,MACnC;AAAA,QACE,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,QACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACpD;AAAA,MACA;AAAA,QACE,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,MAAI,WAAW,CAAC;AAChB,MAAI,eAAe,CAAC;AACpB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW;AAAA,QACT,GAAG;AAAA,QACH,cAAc,OAAK,QAAQ,aAAa,GAAG,IAAI;AAAA,MACjD;AAAA,IACF,OAAO;AACL,qBAAe;AAAA,QACb,GAAG;AAAA,QACH,WAAW,oBAAoB;AAAA,QAC/B,aAAa,OAAK,QAAQ,YAAY,GAAG,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AAEA,MAAI,SAAS;AACX,cACE,oBAAC;AAAA,MAAK,WAAU;AAAA,MAAyB,GAAG;AAAA,MACzC;AAAA,KACH;AAAA,EAGJ,OAAO;AACL,eAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,QAAM,cAAc,KAAK,cAAc;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,qBAAC;AAAA,IAAI,GAAG;AAAA,IACN;AAAA,0BAAC;AAAA,QACC,WAAW,0CAA0C,KAAK,QAAQ;AAAA,QACjE,GAAG;AAAA,QAEH,qBAAW;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,OACH;AAAA,MACC,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,oBAAC;AAAA,QAAG,WAAW,sCAAsC;AAAA,QAClD,eAAK,cAAc,IAAI,CAAC,aAAa,MACpC,oBAAC;AAAA,UAEC,OAAO;AAAA,UACP,WAAW;AAAA,UACX;AAAA,UACA,UAAU;AAAA,UACV,MAAM;AAAA,UACN;AAAA,UACA;AAAA,WAPK,CAQP,CACD;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACgEjB,cAkBF,YAlBE;AA9DN,OAAO,QAAQ;AAEf,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,aAAa,IAAI;AAExD,QAAM,cAAc,QAAQ,YAAY,IAAI;AAC5C,QAAM,aAAa,CAAC,UAAU,YAAY,SAAS,OAAO,KAAK;AAC/D,QAAM,cAAc,KAAK,iBAAiB,KAAK,cAAc,SAAS;AAEtE,MAAI;AACJ,QAAM,YACJ,KAAK,QAAQ,SAAS,YACrB,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,EAAE,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,WAAW;AAAA,MACT,gBAAgB,SAAS,UAAU;AAAA,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK;AAAA,MAC9C,sBAAsB,KAAK,QAAQ;AAAA,MACnC;AAAA,QACE,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,QACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACpD;AAAA,MACA;AAAA,QACE,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,MAAI,WAAW,CAAC;AAChB,MAAI,eAAe,CAAC;AACpB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW;AAAA,QACT,GAAG;AAAA,QACH,cAAc,OAAK,QAAQ,aAAa,GAAG,IAAI;AAAA,MACjD;AAAA,IACF,OAAO;AACL,qBAAe;AAAA,QACb,GAAG;AAAA,QACH,WAAW,oBAAoB;AAAA,QAC/B,aAAa,OAAK,QAAQ,YAAY,GAAG,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AAEA,MAAI,SAAS;AACX,cACE,oBAAC,UAAK,WAAU,yBAAyB,GAAG,cACzC,mBACH;AAAA,EAGJ,OAAO;AACL,eAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,QAAM,cAAc,KAAK,cAAc;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,qBAAC,QAAI,GAAG,WACN;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,0CAA0C,KAAK,QAAQ;AAAA,QACjE,GAAG;AAAA,QAEH,qBAAW;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA;AAAA,IACH;AAAA,IACC,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,oBAAC,QAAG,WAAW,sCAAsC,eAClD,eAAK,cAAc,IAAI,CAAC,aAAa,MACpC;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO;AAAA,QACP,WAAW;AAAA,QACX;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN;AAAA,QACA;AAAA;AAAA,MAPK;AAAA,IAQP,CACD,GACH;AAAA,KAEJ;AAEJ;AAEA,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -134,69 +134,81 @@ class QueryBuilderImpl extends Component {
       toolTipZIndex
     } = this.props;
     const { condition } = mapGroups[main];
-    return /* @__PURE__ */ jsxs(QueryBuilderContext.Provider, {
-      value: {
-        toolTipZIndex,
-        fields,
-        handleDrop: this.handleDrop,
-        handleFieldChange: this.handleFieldChange,
-        handleRuleContainerOperator: this.handleRuleContainerOperator,
-        handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,
-        mapFilters,
-        mapGroups,
-        onAddFilter: this.onAddFilter,
-        onAddFilterToGroup: this.onAddFilterToGroup,
-        onAddRuleContainer: this.onAddRuleContainer,
-        onRemoveFilter: this.onRemoveFilter,
-        ruleContainerClassName,
-        showDragController: false,
-        format,
-        step,
-        items,
-        isDraggableItem: this.isDraggableItem,
-        setDraggableItems: this.setDraggableItems,
-        singleRow
-      },
-      children: [
-        /* @__PURE__ */ jsxs("div", {
-          ...containerProps,
-          className: `nested-main-group ${condition !== true ? "is-or-group" : "is-and-groupL"} ${singleRow ? "query-main-single-row" : "query-main-multiple-row"}`,
-          children: [
-            /* @__PURE__ */ jsx(Nestable, {
-              isAndItem: condition === true,
-              isDraggableItem: this.isDraggableItem,
-              isOrItem: condition !== true,
-              items,
-              onChange: this.onOrderDragAndDrop,
-              renderItem: QueryBuilderItem,
-              setDraggableItems: this.setDraggableItems,
-              step,
-              singleRow
-            }),
-            !singleRow && /* @__PURE__ */ jsx("div", {
-              className: "rule-container-options",
-              children: /* @__PURE__ */ jsx(AndOrController, {
-                allowUnGroup: false,
-                condition,
-                handleRuleContainerOperator: (value) => this.handleRuleContainerOperator(main, value),
-                handleRuleContainerUnGroup: () => this.handleRuleContainerUnGroup(main),
-                isMain: true,
-                onAddFilter: () => this.onAddFilterToGroup(main),
-                showDragController: false,
-                step,
-                toolTipZIndex
-              })
-            })
-          ]
-        }),
-        (displayOutput || displayFixedOutput) && /* @__PURE__ */ jsx(DisplayOutput, {
-          displayFixedOutput,
-          hideLabel: displayOutputLabel.hide,
-          showLabel: displayOutputLabel.show,
-          show: displayOutputLabel.open
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      QueryBuilderContext.Provider,
+      {
+        value: {
+          toolTipZIndex,
+          fields,
+          handleDrop: this.handleDrop,
+          handleFieldChange: this.handleFieldChange,
+          handleRuleContainerOperator: this.handleRuleContainerOperator,
+          handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,
+          mapFilters,
+          mapGroups,
+          onAddFilter: this.onAddFilter,
+          onAddFilterToGroup: this.onAddFilterToGroup,
+          onAddRuleContainer: this.onAddRuleContainer,
+          onRemoveFilter: this.onRemoveFilter,
+          ruleContainerClassName,
+          showDragController: false,
+          format,
+          step,
+          items,
+          isDraggableItem: this.isDraggableItem,
+          setDraggableItems: this.setDraggableItems,
+          singleRow
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ...containerProps,
+              className: `nested-main-group ${condition !== true ? "is-or-group" : "is-and-groupL"} ${singleRow ? "query-main-single-row" : "query-main-multiple-row"}`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Nestable,
+                  {
+                    isAndItem: condition === true,
+                    isDraggableItem: this.isDraggableItem,
+                    isOrItem: condition !== true,
+                    items,
+                    onChange: this.onOrderDragAndDrop,
+                    renderItem: QueryBuilderItem,
+                    setDraggableItems: this.setDraggableItems,
+                    step,
+                    singleRow
+                  }
+                ),
+                !singleRow && /* @__PURE__ */ jsx("div", { className: "rule-container-options", children: /* @__PURE__ */ jsx(
+                  AndOrController,
+                  {
+                    allowUnGroup: false,
+                    condition,
+                    handleRuleContainerOperator: (value) => this.handleRuleContainerOperator(main, value),
+                    handleRuleContainerUnGroup: () => this.handleRuleContainerUnGroup(main),
+                    isMain: true,
+                    onAddFilter: () => this.onAddFilterToGroup(main),
+                    showDragController: false,
+                    step,
+                    toolTipZIndex
+                  }
+                ) })
+              ]
+            }
+          ),
+          (displayOutput || displayFixedOutput) && /* @__PURE__ */ jsx(
+            DisplayOutput,
+            {
+              displayFixedOutput,
+              hideLabel: displayOutputLabel.hide,
+              showLabel: displayOutputLabel.show,
+              show: displayOutputLabel.open
+            }
+          )
+        ]
+      }
+    );
   }
 }
 var QueryBuilderImpl_default = QueryBuilderImpl;

package/dist/esm/components/QueryBuilderImpl.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/QueryBuilderImpl.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport Nestable from './Nestable';\n\nimport { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from './helpers/types';\nimport QueryBuilderStore from './helpers/store';\nimport AndOrController from './AndOrController/AndOrController';\n\nimport QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem';\nimport DisplayOutput from './DisplayOutput/DisplayOutput';\n\nclass QueryBuilderImpl extends Component {\n  isDraggableItem = true;\n\n  constructor(props) {\n    super(props);\n\n    this.store = new QueryBuilderStore(props.init, props.format);\n    this.state = this.store.getInitialState();\n  }\n\n  onOrderDragAndDrop = (items, item) => {\n    const newFilters = this.store.onOrderDragAndDrop(items, item);\n    this.sendCall('reOrderOnDragAndDrop', { items });\n    this.sendChange(newFilters);\n  };\n\n  onAddFilterToGroup = (idGroup) => {\n    const newFilters = this.store.addFilter(idGroup);\n    this.sendCall('onAddFilterToGroup', { idGroup });\n    this.sendChange(newFilters);\n  };\n\n  onAddFilter = (idGroup, idFilter) => {\n    const { addFilterMethod } = this.props;\n    const newFilters =\n      addFilterMethod === QB_ADD_FILTER_METHOD_TYPES.IN_PLACE\n        ? this.store.addFilterNextToFilterId(idGroup, idFilter)\n        : this.onAddFilterToGroup(idGroup);\n    this.sendCall('onAddFilter', { idGroup, idFilter });\n    this.sendChange(newFilters);\n  };\n\n  onAddRuleContainer = (idGroup, idFilter) => {\n    const { groupFilterMethod } = this.props;\n    const newFilters =\n      groupFilterMethod === QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE\n        ? this.store.addRuleContainerInPlace(idGroup, idFilter)\n        : this.store.addRuleContainer(idGroup, idFilter);\n    this.sendCall('onAddRuleContainer', { idGroup, idFilter });\n    this.sendChange(newFilters);\n  };\n\n  onRemoveFilter = (idFilter) => {\n    const newFilters = this.store.onRemoveFilter(idFilter);\n    this.sendCall('onRemoveFilter', { idFilter });\n    this.sendChange(newFilters);\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (\n      props.init &&\n      props.init.step !== undefined &&\n      Number.isInteger(props.init.step) &&\n      props.init.step !== state.step\n    ) {\n      const store = new QueryBuilderStore(props.init, props.format);\n      QueryBuilderImpl.recalculateStore = store;\n      return store.getInitialState();\n    }\n    return null;\n  }\n\n  componentDidUpdate() {\n    if (QueryBuilderImpl.recalculateStore) {\n      this.store = QueryBuilderImpl.recalculateStore;\n      QueryBuilderImpl.recalculateStore = null;\n    }\n  }\n\n  handleFieldChange = (data) => {\n    const { fieldsSharedActions } = this.props;\n    const newFilters = this.store.changeFilter({\n      ...data,\n      fieldsSharedActions,\n    });\n    this.sendCall('handleFieldChange', { data });\n    this.sendChange(newFilters);\n  };\n\n  handleRuleContainerOperator = (idGroup, value) => {\n    const newFilters = this.store.changeGroupOperator(idGroup, value);\n    this.sendCall('handleRuleContainerOperator', { idGroup, value });\n    this.sendChange(newFilters);\n  };\n\n  handleRuleContainerUnGroup = (idGroup) => {\n    const newFilters = this.store.unGroup(idGroup);\n    this.sendCall('handleRuleContainerUnGroup', { idGroup });\n    this.sendChange(newFilters);\n  };\n\n  /**\n   * handleFieldChange and handleDropFilter\n   * are equals right now, but they maybe\n   * will have diferents logic\n   *\n   * @param filter\n   * @param dragTo\n   */\n  handleDropFilter = (filter, dragTo) => {\n    const { position: oldPosition, idGroup, idFilter } = filter;\n    const { position: newPosition, targetIdGroup } = dragTo;\n    const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n    this.sendCall('handleDropFilter', { filter, dragTo });\n    this.sendChange(newFilters);\n  };\n\n  /**\n   * handleFieldChange and handleDropFilter\n   * are equals right now, but they maybe\n   * will have diferents logic\n   *\n   * @param group\n   * @param dragTo\n   */\n  handleDropGroup = (group, dragTo) => {\n    const { position: oldPosition, idFilter, idGroup } = group;\n    const { position: newPosition, targetIdGroup } = dragTo;\n    const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n    this.sendCall('handleDropGroup', { group, dragTo });\n    this.sendChange(newFilters);\n  };\n\n  handleDrop = (dragElement, dragTo) => {\n    const { type } = dragElement;\n    if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);\n    return this.handleDropGroup(dragElement, dragTo);\n  };\n\n  sendChange = ({ format, ...newFilters }) => {\n    this.setState({ format, ...newFilters });\n    const { onChange } = this.props;\n    onChange(format, newFilters);\n  };\n\n  sendCall = (action, data) => {\n    const { [action]: callback } = this.props;\n    if (callback) callback(data);\n  };\n\n  setDraggableItems = (drag) => {\n    this.isDraggableItem = true;\n    try {\n      const ua = window.navigator.userAgent;\n      const msie = ua.indexOf('MSIE ');\n      // eslint-disable-next-line no-useless-escape\n      if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n        const { isDraggableItem } = this.state;\n        if (drag !== isDraggableItem) {\n          this.setState({ isDraggableItem: drag });\n        }\n        this.isDraggableItem = drag;\n      }\n    } catch (error) {\n      this.isDraggableItem = true;\n    }\n  };\n\n  render() {\n    const { mapGroups, main, mapFilters, step, items, format } = this.state;\n    const {\n      containerProps,\n      ruleContainerClassName,\n      fields,\n      displayFixedOutput,\n      displayOutput,\n      displayOutputLabel,\n      singleRow,\n      toolTipZIndex,\n    } = this.props;\n    // const { children } = items[0]\n    const { condition } = mapGroups[main];\n\n    return (\n      <QueryBuilderContext.Provider\n        value={{\n          toolTipZIndex,\n          fields,\n          handleDrop: this.handleDrop,\n          handleFieldChange: this.handleFieldChange,\n          handleRuleContainerOperator: this.handleRuleContainerOperator,\n          handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,\n          mapFilters,\n          mapGroups,\n          onAddFilter: this.onAddFilter,\n          onAddFilterToGroup: this.onAddFilterToGroup,\n          onAddRuleContainer: this.onAddRuleContainer,\n          onRemoveFilter: this.onRemoveFilter,\n          ruleContainerClassName,\n          showDragController: false,\n          format,\n          step,\n          items,\n          isDraggableItem: this.isDraggableItem,\n          setDraggableItems: this.setDraggableItems,\n          singleRow,\n        }}\n      >\n        <div\n          {...containerProps}\n          className={`nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${\n            singleRow ? 'query-main-single-row' : 'query-main-multiple-row'\n          }`}\n        >\n          <Nestable\n            isAndItem={condition === true}\n            isDraggableItem={this.isDraggableItem}\n            isOrItem={condition !== true}\n            items={items}\n            onChange={this.onOrderDragAndDrop}\n            renderItem={QueryBuilderItem}\n            setDraggableItems={this.setDraggableItems}\n            step={step}\n            singleRow={singleRow}\n          />\n          {!singleRow && (\n            <div className=\"rule-container-options\">\n              <AndOrController\n                allowUnGroup={false}\n                condition={condition}\n                handleRuleContainerOperator={(value) => this.handleRuleContainerOperator(main, value)}\n                handleRuleContainerUnGroup={() => this.handleRuleContainerUnGroup(main)}\n                isMain\n                onAddFilter={() => this.onAddFilterToGroup(main)}\n                showDragController={false}\n                step={step}\n                toolTipZIndex={toolTipZIndex}\n              />\n            </div>\n          )}\n        </div>\n        {(displayOutput || displayFixedOutput) && (\n          <DisplayOutput\n            displayFixedOutput={displayFixedOutput}\n            hideLabel={displayOutputLabel.hide}\n            showLabel={displayOutputLabel.show}\n            show={displayOutputLabel.open}\n          />\n        )}\n      </QueryBuilderContext.Provider>\n    );\n  }\n}\n\nexport default QueryBuilderImpl;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -7,26 +7,27 @@ import QueryBuilderRow from "../QueryBuilderRow/QueryBuilderRow";
 const QueryBuilderItem = ({ item }) => {
   const { element } = item;
   const { type, idFilter, idGroup, condition } = element;
-  return /* @__PURE__ */ jsx(QueryBuilderContext.Consumer, {
-    children: ({
-      fields,
-      handleFieldChange,
-      onAddFilter,
-      onAddFilterToGroup,
-      onAddRuleContainer,
-      onRemoveFilter,
-      showDragController,
-      handleRuleContainerOperator,
-      handleRuleContainerUnGroup,
-      step,
-      items,
-      isDraggableItem,
-      setDraggableItems,
-      singleRow,
-      toolTipZIndex
-    }) => {
-      if (type === QB_DRAG_TYPES.FILTER) {
-        return /* @__PURE__ */ jsx(QueryBuilderRow, {
+  return /* @__PURE__ */ jsx(QueryBuilderContext.Consumer, { children: ({
+    fields,
+    handleFieldChange,
+    onAddFilter,
+    onAddFilterToGroup,
+    onAddRuleContainer,
+    onRemoveFilter,
+    showDragController,
+    handleRuleContainerOperator,
+    handleRuleContainerUnGroup,
+    step,
+    items,
+    isDraggableItem,
+    setDraggableItems,
+    singleRow,
+    toolTipZIndex
+  }) => {
+    if (type === QB_DRAG_TYPES.FILTER) {
+      return /* @__PURE__ */ jsx(
+        QueryBuilderRow,
+        {
           ...element,
           fields,
           handleFieldChange,
@@ -40,11 +41,14 @@ const QueryBuilderItem = ({ item }) => {
           step,
           singleRow,
           toolTipZIndex
-        });
-      }
-      if (singleRow)
-        return null;
-      return /* @__PURE__ */ jsx(AndOrController, {
+        }
+      );
+    }
+    if (singleRow)
+      return null;
+    return /* @__PURE__ */ jsx(
+      AndOrController,
+      {
         allowUnGroup: true,
         condition,
         handleRuleContainerOperator: (value) => handleRuleContainerOperator(idGroup, value),
@@ -54,9 +58,9 @@ const QueryBuilderItem = ({ item }) => {
         showDragController: true,
         step,
         toolTipZIndex
-      });
-    }
-  });
+      }
+    );
+  } });
 };
 var QueryBuilderItem_default = QueryBuilderItem;
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES } from '../helpers/types';\nimport AndOrController from '../AndOrController/AndOrController';\nimport QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';\n\nconst QueryBuilderItem = ({ item }) => {\n  const { element } = item;\n  const { type, idFilter, idGroup, condition } = element;\n  return (\n    <QueryBuilderContext.Consumer>\n      {({\n        fields,\n        handleFieldChange,\n        onAddFilter,\n        onAddFilterToGroup,\n        onAddRuleContainer,\n        onRemoveFilter,\n        showDragController,\n        handleRuleContainerOperator,\n        handleRuleContainerUnGroup,\n        step,\n        items,\n        isDraggableItem,\n        setDraggableItems,\n        singleRow,\n        toolTipZIndex,\n      }) => {\n        if (type === QB_DRAG_TYPES.FILTER) {\n          return (\n            <QueryBuilderRow\n              {...element}\n              fields={fields}\n              handleFieldChange={handleFieldChange}\n              isDraggableItem={isDraggableItem}\n              items={items}\n              onAddFilter={() => onAddFilter(idGroup, idFilter)}\n              onAddRuleContainer={() => onAddRuleContainer(idGroup, idFilter)}\n              onRemoveFilter={() => onRemoveFilter(idFilter)}\n              setDraggableItems={setDraggableItems}\n              showDragController={showDragController}\n              step={step}\n              singleRow={singleRow}\n              toolTipZIndex={toolTipZIndex}\n            />\n          );\n        }\n        if (singleRow) return null;\n        return (\n          <AndOrController\n            allowUnGroup\n            condition={condition}\n            handleRuleContainerOperator={(value) =>\n              handleRuleContainerOperator(idGroup, value)\n            }\n            handleRuleContainerUnGroup={() =>\n              handleRuleContainerUnGroup(idGroup)\n            }\n            multipleSize={false}\n            onAddFilter={() => onAddFilterToGroup(idGroup)}\n            showDragController\n            step={step}\n            toolTipZIndex={toolTipZIndex}\n          />\n        );\n      }}\n    </QueryBuilderContext.Consumer>\n  );\n};\n\nexport default QueryBuilderItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgCX;AA7BZ,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,OAAO,qBAAqB;AAC5B,OAAO,qBAAqB;AAE5B,MAAM,mBAAmB,CAAC,EAAE,KAAK,MAAM;AACrC,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,UAAU,IAAI;AAC/C,SACE,oBAAC,oBAAoB,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,cAAc,QAAQ;AACjC,eACE,oBAAC;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,oBAAC;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,YAAY,WAAW;ACgCX;AA7BZ,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,OAAO,qBAAqB;AAC5B,OAAO,qBAAqB;AAE5B,MAAM,mBAAmB,CAAC,EAAE,KAAK,MAAM;AACrC,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,UAAU,IAAI;AAC/C,SACE,oBAAC,oBAAoB,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,cAAc,QAAQ;AACjC,aACE;AAAA,QAAC;AAAA;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;AAAA;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": []
 }

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

@@ -19,49 +19,31 @@ const RenderField = ({
 }) => {
   const ref = React2.useRef();
   const id = React2.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);
-  return /* @__PURE__ */ 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__ */ jsx("div", {
-        ref,
-        className: "em-ds-query-builder-row__input-controller",
-        children: React2.cloneElement(component, {
+  return /* @__PURE__ */ 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__ */ jsx("div", { ref, className: "em-ds-query-builder-row__input-controller", children: React2.cloneElement(component, {
           id,
           onChange: (e, extraData) => onChangeHandler(e, target, extraData),
           value: valueProp != null ? valueProp : "",
           checked: valueProp === true,
           additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
           "aria-invalid": Boolean(hasError)
-        })
-      }),
-      hasError && hasError.errorMessage ? /* @__PURE__ */ jsx("div", {
-        style: { width: "40px" },
-        children: /* @__PURE__ */ jsx(DSTooltipV3, {
-          text: hasError.errorMessage,
-          children: /* @__PURE__ */ jsx("div", {
-            tabIndex: 0,
-            className: "row-icon-alert",
-            "data-testid": "qb-error-state-icon",
-            role: "alert",
-            children: /* @__PURE__ */ jsx(AlertsDetail, {
-              width: 20,
-              height: 20,
-              color: ["danger", 900],
-              title: hasError.errorMessage
-            })
-          })
-        })
-      }) : null
-    ]
-  });
+        }) }),
+        hasError && hasError.errorMessage ? /* @__PURE__ */ jsx("div", { style: { width: "40px" }, children: /* @__PURE__ */ jsx(DSTooltipV3, { text: hasError.errorMessage, children: /* @__PURE__ */ jsx("div", { tabIndex: 0, className: "row-icon-alert", "data-testid": "qb-error-state-icon", role: "alert", children: /* @__PURE__ */ jsx(AlertsDetail, { width: 20, height: 20, color: ["danger", 900], title: hasError.errorMessage }) }) }) }) : null
+      ]
+    }
+  );
 };
 class QueryBuilderRow extends Component {
   constructor(props) {
@@ -141,7 +123,7 @@ class QueryBuilderRow extends Component {
       fields
     );
     const gridTemplateColumns = [
-      "24px",
+      singleRow ? "" : "24px",
       ...test.map((r) => {
         if (r.handleWidth) {
           return r.handleWidth(this.props[r.target], {
@@ -155,8 +137,9 @@ class QueryBuilderRow extends Component {
       }),
       "30px"
     ].join(" ");
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: /* @__PURE__ */ jsxs("div", {
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
         className: cssClassName,
         onMouseEnter: this.handleMouseEnterRow,
         onMouseLeave: this.handleMouseLeaveRow,
@@ -164,10 +147,13 @@ class QueryBuilderRow extends Component {
           gridTemplateColumns
         },
         children: [
-          !singleRow && /* @__PURE__ */ jsx(DragControllerRow, {
-            className: classNameElement("drag-controller"),
-            onMouseDownCapture: () => this.handleMouseLeaveInput()
-          }),
+          !singleRow && /* @__PURE__ */ jsx(
+            DragControllerRow,
+            {
+              className: classNameElement("drag-controller"),
+              onMouseDownCapture: () => this.handleMouseLeaveInput()
+            }
+          ),
           test.map((renderField) => {
             const { target, component } = renderField;
             const { [target]: valueProp } = this.props;
@@ -178,22 +164,25 @@ class QueryBuilderRow extends Component {
               value,
               additionalInfo
             }) : false;
-            return /* @__PURE__ */ 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__ */ 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__ */ jsx("div", {
-            className: classNameBlock("controller"),
-            children: /* @__PURE__ */ jsx(ConditionController, {
+          !singleRow && /* @__PURE__ */ jsx("div", { className: classNameBlock("controller"), children: /* @__PURE__ */ jsx(
+            ConditionController,
+            {
               handleTooltipRow: this.handleTooltipRow,
               isOpen,
               items,
@@ -201,11 +190,11 @@ class QueryBuilderRow extends Component {
               onAddRuleContainer,
               onRemoveFilter,
               toolTipZIndex
-            })
-          })
+            }
+          ) })
         ]
-      })
-    });
+      }
+    ) });
   }
 }
 var QueryBuilderRow_default = QueryBuilderRow;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { Component } from 'react';\nimport { AlertsDetail } from '@elliemae/ds-icons';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n  target,\n  component,\n  valueProp,\n  additionalInfo,\n  handleMouseEnterInput,\n  handleMouseLeaveInput,\n  onChangeHandler,\n  hasError,\n}) => {\n  const ref = React.useRef<HTMLElement>();\n  const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n  return (\n    <div\n      className={`em-ds-query-builder-row-input child-type-${target} ${\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"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { Component } from 'react';\nimport { AlertsDetail } from '@elliemae/ds-icons';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n  target,\n  component,\n  valueProp,\n  additionalInfo,\n  handleMouseEnterInput,\n  handleMouseLeaveInput,\n  onChangeHandler,\n  hasError,\n}) => {\n  const ref = React.useRef<HTMLElement>();\n  const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n  return (\n    <div\n      className={`em-ds-query-builder-row-input child-type-${target} ${\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"],
+  "mappings": "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",
   "names": ["React", "value", "target"]
 }

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

@@ -1,12 +1,7 @@
 import * as React from "react";
 import { createElement } from "react";
 import { GrowRight } from "@elliemae/ds-shared";
-const ToolBarAnimation = (props) => /* @__PURE__ */ createElement(GrowRight, {
-  ...props,
-  key: "popper-animation-key",
-  from: 0.5,
-  to: 1
-});
+const ToolBarAnimation = (props) => /* @__PURE__ */ createElement(GrowRight, { ...props, key: "popper-animation-key", from: 0.5, to: 1 });
 export {
   ToolBarAnimation
 };

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

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-query-builder",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Query Builder",
   "files": [
@@ -171,17 +171,17 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-accordion": "3.12.0-rc.2",
-    "@elliemae/ds-button": "3.12.0-rc.2",
-    "@elliemae/ds-classnames": "3.12.0-rc.2",
-    "@elliemae/ds-form": "3.12.0-rc.2",
-    "@elliemae/ds-grid": "3.12.0-rc.2",
-    "@elliemae/ds-icon": "3.12.0-rc.2",
-    "@elliemae/ds-icons": "3.12.0-rc.2",
-    "@elliemae/ds-popper": "3.12.0-rc.2",
-    "@elliemae/ds-shared": "3.12.0-rc.2",
-    "@elliemae/ds-tooltip": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2",
+    "@elliemae/ds-accordion": "3.12.0-rc.3",
+    "@elliemae/ds-button": "3.12.0-rc.3",
+    "@elliemae/ds-classnames": "3.12.0-rc.3",
+    "@elliemae/ds-form": "3.12.0-rc.3",
+    "@elliemae/ds-grid": "3.12.0-rc.3",
+    "@elliemae/ds-icon": "3.12.0-rc.3",
+    "@elliemae/ds-icons": "3.12.0-rc.3",
+    "@elliemae/ds-popper": "3.12.0-rc.3",
+    "@elliemae/ds-shared": "3.12.0-rc.3",
+    "@elliemae/ds-tooltip": "3.12.0-rc.3",
+    "@elliemae/ds-utilities": "3.12.0-rc.3",
     "classnames": "~2.3.1",
     "prop-types": "~15.8.1",
     "react-addons-update": "~15.6.3"