@elliemae/ds-query-builder 3.16.0 → 3.16.1

package/dist/esm/components/Nestable/NestableItem.js.map

@@ -1,7 +1,7 @@
 {
   "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,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\nimport React from 'react';\nimport cn from 'classnames';\n\nconst NestableItem = ({ item, isCopy, options, index, isAndItem, isOrItem, isDraggableItem, singleRow }) => {\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' && (item.element.condition === '' || item.element.condition === false);\n  const isAndGroup =\n    item.element.type === 'group' && !(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 className={`nestable-item-name nestable-item-name--${item.element.type} `} {...rowProps}>\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;ACqDjB,cAkBF,YAlBE;AAnDN,OAAO,QAAQ;AAEf,MAAM,eAAe,CAAC,EAAE,MAAM,QAAQ,SAAS,OAAO,WAAW,UAAU,iBAAiB,UAAU,MAAM;AAC1G,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,YAAY,KAAK,KAAK,YAAY,EAAE,SAAS;AAEtE,MAAI;AACJ,QAAM,YACJ,KAAK,QAAQ,SAAS,YAAY,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAChG,QAAM,aACJ,KAAK,QAAQ,SAAS,WAAW,EAAE,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEjG,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,CAAC,MAAM,QAAQ,aAAa,GAAG,IAAI;AAAA,MACnD;AAAA,IACF,OAAO;AACL,qBAAe;AAAA,QACb,GAAG;AAAA,QACH,WAAW,oBAAoB;AAAA,QAC/B,aAAa,CAAC,MAAM,QAAQ,YAAY,GAAG,IAAI;AAAA,MACjD;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,YAAY,EAAE;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,qBAAC,QAAI,GAAG,WACN;AAAA,wBAAC,SAAI,WAAW,0CAA0C,KAAK,QAAQ,SAAU,GAAG,UACjF,qBAAW;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACF,CAAC,GACH;AAAA,IACC,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,oBAAC,QAAG,WAAW,sCAAsC,eAClD,eAAK,YAAY,EAAE,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/Nestable/actions/events.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/events.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise, no-loops/no-loops, max-lines, max-statements, no-restricted-syntax, no-prototype-builtins */\nimport { closest, getOffsetRect, getTotalScroll, getTransformProps } from '@elliemae/ds-shared';\n\nexport function onDragStart(e, item) {\n  if (e) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n  this.el = closest(e.target, '.nestable-item');\n  this.startTrackMouse();\n  this.onMouseMove(e);\n  const { items } = this.state;\n  this.setState({\n    dragItem: item,\n    itemsOld: items,\n  });\n}\n\nexport function onDragEnd(e, isCancel) {\n  if (e && e.preventDefault) e.preventDefault();\n\n  this.stopTrackMouse();\n  this.el = null;\n\n  // check if filter has children\n  const { items } = this.state;\n  const nestedInFilter = this.checkFilterChildren(items);\n  if (nestedInFilter) return this.dragRevert();\n\n  return isCancel ? this.dragRevert() : this.dragApply();\n}\n\nexport function onMouseMove(e) {\n  const { group, threshold } = this.props;\n  const { dragItem } = this.state;\n  const { clientX, clientY } = e;\n  const transformProps = getTransformProps(clientX, clientY);\n  const elCopy = document.querySelector(`.nestable-${group} .nestable-drag-layer > .nestable-list`);\n  if (!this.elCopyStyles) {\n    const offset = getOffsetRect(this.el);\n    const scroll = getTotalScroll(this.el);\n\n    this.elCopyStyles = {\n      marginTop: offset.top - clientY - scroll.top,\n      marginLeft: offset.left - clientX - scroll.left,\n      ...transformProps,\n    };\n  } else {\n    this.elCopyStyles = {\n      ...this.elCopyStyles,\n      ...transformProps,\n    };\n    for (const key in transformProps) {\n      if (transformProps.hasOwnProperty(key)) {\n        elCopy.style[key] = transformProps[key];\n      }\n    }\n    const diffX = clientX - this.mouse.last.x;\n    if ((diffX >= 0 && this.mouse.shift.x >= 0) || (diffX <= 0 && this.mouse.shift.x <= 0)) {\n      this.mouse.shift.x += diffX;\n    } else {\n      this.mouse.shift.x = 0;\n    }\n    this.mouse.last.x = clientX;\n    if (Math.abs(this.mouse.shift.x) > threshold) {\n      if (this.mouse.shift.x > 0) {\n        this.tryIncreaseDepth(dragItem);\n      } else {\n        this.tryDecreaseDepth(dragItem);\n      }\n      this.mouse.shift.x = 0;\n    }\n  }\n}\nexport function onMouseEnter(e, item) {\n  if (e) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  const { collapsed, childrenProp } = this.props;\n  const { dragItem } = this.state;\n  if (dragItem.id === item.id) return;\n\n  const pathFrom = this.getPathById(dragItem.id);\n  const pathTo = this.getPathById(item.id);\n\n  // if collapsed by default\n  // and move last (by count) child\n  // remove parent node from list of open nodes\n  let collapseProps = {};\n  if (collapsed && pathFrom.length > 1) {\n    const parent = this.getItemByPath(pathFrom.slice(0, -1));\n    if (parent[childrenProp].length === 1) {\n      collapseProps = this.onToggleCollapse(parent, true);\n    }\n  }\n\n  this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n}\n\nexport function onToggleCollapse(item, isGetter) {\n  const { collapsed } = this.props;\n  const { collapsedGroups } = this.state;\n  const isCollapsed = this.isCollapsed(item);\n\n  const newState = {\n    collapsedGroups:\n      isCollapsed ^ collapsed ? collapsedGroups.filter((id) => id !== item.id) : collapsedGroups.concat(item.id),\n  };\n\n  if (isGetter) {\n    return newState;\n  }\n  return this.setState(newState);\n}\nexport function onKeyDown(e) {\n  if (e.which === 27) {\n    // ESC\n    this.onDragEnd(null, true);\n  }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/Nestable/actions/getPaths.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/getPaths.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function getRealNextPath(prevPath, nextPath) {\n  const { childrenProp } = this.props;\n  const ppLastIndex = prevPath.length - 1;\n  const npLastIndex = nextPath.length - 1;\n\n  if (prevPath.length < nextPath.length) {\n    // move into deep\n    let wasShifted = false;\n\n    return nextPath.map((nextIndex, i) => {\n      if (wasShifted) {\n        return i === npLastIndex ? nextIndex + 1 : nextIndex;\n      }\n\n      if (typeof prevPath[i] !== 'number') {\n        return nextIndex;\n      }\n\n      if (nextPath[i] > prevPath[i] && i === ppLastIndex) {\n        wasShifted = true;\n        return nextIndex - 1;\n      }\n\n      return nextIndex;\n    });\n  }\n\n  if (prevPath.length === nextPath.length) {\n    // if move bottom + move to item with children => make it a first child instead of swap\n    if (nextPath[npLastIndex] > prevPath[npLastIndex]) {\n      const target = this.getItemByPath(nextPath);\n\n      if (\n        target[childrenProp] &&\n        target[childrenProp].length &&\n        !this.isCollapsed(target)\n      ) {\n        return nextPath\n          .slice(0, -1)\n          .concat(nextPath[npLastIndex] - 1)\n          .concat(0);\n      }\n    }\n  }\n\n  return nextPath;\n}\n\nexport function getPathById(id, items) {\n  const { childrenProp } = this.props;\n  let path = [];\n\n  items.every((item, i) => {\n    if (item.id === id) {\n      path.push(i);\n    } else if (item[childrenProp]) {\n      const childrenPath = this.getPathById(id, item[childrenProp]);\n\n      if (childrenPath.length) {\n        path = path.concat(i).concat(childrenPath);\n      }\n    }\n\n    return path.length === 0;\n  });\n\n  return path;\n}\n\nexport function getItemByPath(path, items) {\n  const { childrenProp } = this.props;\n  let item = null;\n\n  path.forEach(index => {\n    const list = item ? item[childrenProp] : items;\n    item = list[index];\n  });\n\n  return item;\n}\nexport function getItemDepth(item) {\n  const { childrenProp } = this.props;\n  let level = 1;\n\n  if (item[childrenProp].length > 0) {\n    const childrenDepths = item[childrenProp].map(this.getItemDepth);\n    level += Math.max(...childrenDepths);\n  }\n\n  return level;\n}\nexport function getSplicePath(path, options = {}) {\n  const splicePath = {};\n  const numToRemove = options.numToRemove || 0;\n  const itemsToInsert = options.itemsToInsert || [];\n  const lastIndex = path.length - 1;\n  let currentPath = splicePath;\n\n  path.forEach((index, i) => {\n    if (i === lastIndex) {\n      currentPath.$splice = [[index, numToRemove, ...itemsToInsert]];\n    } else {\n      const nextPath = {};\n      currentPath[index] = { [options.childrenProp]: nextPath };\n      currentPath = nextPath;\n    }\n  });\n\n  return splicePath;\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,gBAAgB,UAAU,UAAU;AAClD,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAM,cAAc,SAAS,SAAS;AACtC,QAAM,cAAc,SAAS,SAAS;AAEtC,MAAI,SAAS,SAAS,SAAS,QAAQ;AAErC,QAAI,aAAa;AAEjB,WAAO,SAAS,IAAI,CAAC,WAAW,MAAM;AACpC,UAAI,YAAY;AACd,eAAO,MAAM,cAAc,YAAY,IAAI;AAAA,MAC7C;AAEA,UAAI,OAAO,SAAS,OAAO,UAAU;AACnC,eAAO;AAAA,MACT;AAEA,UAAI,SAAS,KAAK,SAAS,MAAM,MAAM,aAAa;AAClD,qBAAa;AACb,eAAO,YAAY;AAAA,MACrB;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,MAAI,SAAS,WAAW,SAAS,QAAQ;AAEvC,QAAI,SAAS,eAAe,SAAS,cAAc;AACjD,YAAM,SAAS,KAAK,cAAc,QAAQ;AAE1C,UACE,OAAO,iBACP,OAAO,cAAc,UACrB,CAAC,KAAK,YAAY,MAAM,GACxB;AACA,eAAO,SACJ,MAAM,GAAG,EAAE,EACX,OAAO,SAAS,eAAe,CAAC,EAChC,OAAO,CAAC;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,YAAY,IAAI,OAAO;AACrC,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,OAAO,CAAC;AAEZ,QAAM,MAAM,CAAC,MAAM,MAAM;AACvB,QAAI,KAAK,OAAO,IAAI;AAClB,WAAK,KAAK,CAAC;AAAA,IACb,WAAW,KAAK,eAAe;AAC7B,YAAM,eAAe,KAAK,YAAY,IAAI,KAAK,aAAa;AAE5D,UAAI,aAAa,QAAQ;AACvB,eAAO,KAAK,OAAO,CAAC,EAAE,OAAO,YAAY;AAAA,MAC3C;AAAA,IACF;AAEA,WAAO,KAAK,WAAW;AAAA,EACzB,CAAC;AAED,SAAO;AACT;AAEO,SAAS,cAAc,MAAM,OAAO;AACzC,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,OAAO;AAEX,OAAK,QAAQ,WAAS;AACpB,UAAM,OAAO,OAAO,KAAK,gBAAgB;AACzC,WAAO,KAAK;AAAA,EACd,CAAC;AAED,SAAO;AACT;AACO,SAAS,aAAa,MAAM;AACjC,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,QAAQ;AAEZ,MAAI,KAAK,cAAc,SAAS,GAAG;AACjC,UAAM,iBAAiB,KAAK,cAAc,IAAI,KAAK,YAAY;AAC/D,aAAS,KAAK,IAAI,GAAG,cAAc;AAAA,EACrC;AAEA,SAAO;AACT;AACO,SAAS,cAAc,MAAM,UAAU,CAAC,GAAG;AAChD,QAAM,aAAa,CAAC;AACpB,QAAM,cAAc,QAAQ,eAAe;AAC3C,QAAM,gBAAgB,QAAQ,iBAAiB,CAAC;AAChD,QAAM,YAAY,KAAK,SAAS;AAChC,MAAI,cAAc;AAElB,OAAK,QAAQ,CAAC,OAAO,MAAM;AACzB,QAAI,MAAM,WAAW;AACnB,kBAAY,UAAU,CAAC,CAAC,OAAO,aAAa,GAAG,aAAa,CAAC;AAAA,IAC/D,OAAO;AACL,YAAM,WAAW,CAAC;AAClB,kBAAY,SAAS,EAAE,CAAC,QAAQ,eAAe,SAAS;AACxD,oBAAc;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function getRealNextPath(prevPath, nextPath) {\n  const { childrenProp } = this.props;\n  const ppLastIndex = prevPath.length - 1;\n  const npLastIndex = nextPath.length - 1;\n\n  if (prevPath.length < nextPath.length) {\n    // move into deep\n    let wasShifted = false;\n\n    return nextPath.map((nextIndex, i) => {\n      if (wasShifted) {\n        return i === npLastIndex ? nextIndex + 1 : nextIndex;\n      }\n\n      if (typeof prevPath[i] !== 'number') {\n        return nextIndex;\n      }\n\n      if (nextPath[i] > prevPath[i] && i === ppLastIndex) {\n        wasShifted = true;\n        return nextIndex - 1;\n      }\n\n      return nextIndex;\n    });\n  }\n\n  if (prevPath.length === nextPath.length) {\n    // if move bottom + move to item with children => make it a first child instead of swap\n    if (nextPath[npLastIndex] > prevPath[npLastIndex]) {\n      const target = this.getItemByPath(nextPath);\n\n      if (target[childrenProp] && target[childrenProp].length && !this.isCollapsed(target)) {\n        return nextPath\n          .slice(0, -1)\n          .concat(nextPath[npLastIndex] - 1)\n          .concat(0);\n      }\n    }\n  }\n\n  return nextPath;\n}\n\nexport function getPathById(id, items) {\n  const { childrenProp } = this.props;\n  let path = [];\n\n  items.every((item, i) => {\n    if (item.id === id) {\n      path.push(i);\n    } else if (item[childrenProp]) {\n      const childrenPath = this.getPathById(id, item[childrenProp]);\n\n      if (childrenPath.length) {\n        path = path.concat(i).concat(childrenPath);\n      }\n    }\n\n    return path.length === 0;\n  });\n\n  return path;\n}\n\nexport function getItemByPath(path, items) {\n  const { childrenProp } = this.props;\n  let item = null;\n\n  path.forEach((index) => {\n    const list = item ? item[childrenProp] : items;\n    item = list[index];\n  });\n\n  return item;\n}\nexport function getItemDepth(item) {\n  const { childrenProp } = this.props;\n  let level = 1;\n\n  if (item[childrenProp].length > 0) {\n    const childrenDepths = item[childrenProp].map(this.getItemDepth);\n    level += Math.max(...childrenDepths);\n  }\n\n  return level;\n}\nexport function getSplicePath(path, options = {}) {\n  const splicePath = {};\n  const numToRemove = options.numToRemove || 0;\n  const itemsToInsert = options.itemsToInsert || [];\n  const lastIndex = path.length - 1;\n  let currentPath = splicePath;\n\n  path.forEach((index, i) => {\n    if (i === lastIndex) {\n      currentPath.$splice = [[index, numToRemove, ...itemsToInsert]];\n    } else {\n      const nextPath = {};\n      currentPath[index] = { [options.childrenProp]: nextPath };\n      currentPath = nextPath;\n    }\n  });\n\n  return splicePath;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,gBAAgB,UAAU,UAAU;AAClD,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAM,cAAc,SAAS,SAAS;AACtC,QAAM,cAAc,SAAS,SAAS;AAEtC,MAAI,SAAS,SAAS,SAAS,QAAQ;AAErC,QAAI,aAAa;AAEjB,WAAO,SAAS,IAAI,CAAC,WAAW,MAAM;AACpC,UAAI,YAAY;AACd,eAAO,MAAM,cAAc,YAAY,IAAI;AAAA,MAC7C;AAEA,UAAI,OAAO,SAAS,CAAC,MAAM,UAAU;AACnC,eAAO;AAAA,MACT;AAEA,UAAI,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,MAAM,aAAa;AAClD,qBAAa;AACb,eAAO,YAAY;AAAA,MACrB;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,MAAI,SAAS,WAAW,SAAS,QAAQ;AAEvC,QAAI,SAAS,WAAW,IAAI,SAAS,WAAW,GAAG;AACjD,YAAM,SAAS,KAAK,cAAc,QAAQ;AAE1C,UAAI,OAAO,YAAY,KAAK,OAAO,YAAY,EAAE,UAAU,CAAC,KAAK,YAAY,MAAM,GAAG;AACpF,eAAO,SACJ,MAAM,GAAG,EAAE,EACX,OAAO,SAAS,WAAW,IAAI,CAAC,EAChC,OAAO,CAAC;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,YAAY,IAAI,OAAO;AACrC,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,OAAO,CAAC;AAEZ,QAAM,MAAM,CAAC,MAAM,MAAM;AACvB,QAAI,KAAK,OAAO,IAAI;AAClB,WAAK,KAAK,CAAC;AAAA,IACb,WAAW,KAAK,YAAY,GAAG;AAC7B,YAAM,eAAe,KAAK,YAAY,IAAI,KAAK,YAAY,CAAC;AAE5D,UAAI,aAAa,QAAQ;AACvB,eAAO,KAAK,OAAO,CAAC,EAAE,OAAO,YAAY;AAAA,MAC3C;AAAA,IACF;AAEA,WAAO,KAAK,WAAW;AAAA,EACzB,CAAC;AAED,SAAO;AACT;AAEO,SAAS,cAAc,MAAM,OAAO;AACzC,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,OAAO;AAEX,OAAK,QAAQ,CAAC,UAAU;AACtB,UAAM,OAAO,OAAO,KAAK,YAAY,IAAI;AACzC,WAAO,KAAK,KAAK;AAAA,EACnB,CAAC;AAED,SAAO;AACT;AACO,SAAS,aAAa,MAAM;AACjC,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,QAAQ;AAEZ,MAAI,KAAK,YAAY,EAAE,SAAS,GAAG;AACjC,UAAM,iBAAiB,KAAK,YAAY,EAAE,IAAI,KAAK,YAAY;AAC/D,aAAS,KAAK,IAAI,GAAG,cAAc;AAAA,EACrC;AAEA,SAAO;AACT;AACO,SAAS,cAAc,MAAM,UAAU,CAAC,GAAG;AAChD,QAAM,aAAa,CAAC;AACpB,QAAM,cAAc,QAAQ,eAAe;AAC3C,QAAM,gBAAgB,QAAQ,iBAAiB,CAAC;AAChD,QAAM,YAAY,KAAK,SAAS;AAChC,MAAI,cAAc;AAElB,OAAK,QAAQ,CAAC,OAAO,MAAM;AACzB,QAAI,MAAM,WAAW;AACnB,kBAAY,UAAU,CAAC,CAAC,OAAO,aAAa,GAAG,aAAa,CAAC;AAAA,IAC/D,OAAO;AACL,YAAM,WAAW,CAAC;AAClB,kBAAY,KAAK,IAAI,EAAE,CAAC,QAAQ,YAAY,GAAG,SAAS;AACxD,oBAAc;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/dist/esm/components/Nestable/actions/index.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { tryIncreaseDepth } from "./tryIncreaseDepth";
-import { tryDecreaseDepth } from "./tryDecreaseDepth";
-import { moveItem } from "./moveItem";
-export * from "./paths";
-export * from "./events";
-export * from "./getItemOptions";
+import { tryIncreaseDepth } from "./tryIncreaseDepth.js";
+import { tryDecreaseDepth } from "./tryDecreaseDepth.js";
+import { moveItem } from "./moveItem.js";
+export * from "./paths.js";
+export * from "./events.js";
+export * from "./getItemOptions.js";
 export {
   moveItem,
   tryDecreaseDepth,

package/dist/esm/components/Nestable/actions/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { tryIncreaseDepth } from './tryIncreaseDepth';\nexport { tryDecreaseDepth } from './tryDecreaseDepth';\nexport { moveItem } from './moveItem';\nexport * from './paths';\nexport * from './events';\nexport * from './getItemOptions';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { tryIncreaseDepth } from './tryIncreaseDepth.js';\nexport { tryDecreaseDepth } from './tryDecreaseDepth.js';\nexport { moveItem } from './moveItem.js';\nexport * from './paths.js';\nexport * from './events.js';\nexport * from './getItemOptions.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/components/Nestable/actions/paths.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/paths.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function getRealNextPath(prevPath, nextPath) {\n  const { childrenProp } = this.props;\n  const ppLastIndex = prevPath.length - 1;\n  const npLastIndex = nextPath.length - 1;\n\n  if (prevPath.length < nextPath.length) {\n    // move into deep\n    let wasShifted = false;\n\n    return nextPath.map((nextIndex, i) => {\n      if (wasShifted) {\n        return i === npLastIndex ? nextIndex + 1 : nextIndex;\n      }\n\n      if (typeof prevPath[i] !== 'number') {\n        return nextIndex;\n      }\n\n      if (nextPath[i] > prevPath[i] && i === ppLastIndex) {\n        wasShifted = true;\n        return nextIndex - 1;\n      }\n\n      return nextIndex;\n    });\n  }\n\n  if (prevPath.length === nextPath.length) {\n    // if move bottom + move to item with children => make it a first child instead of swap\n    if (nextPath[npLastIndex] > prevPath[npLastIndex]) {\n      const target = this.getItemByPath(nextPath);\n\n      if (\n        target[childrenProp] &&\n        target[childrenProp].length &&\n        !this.isCollapsed(target)\n      ) {\n        return nextPath\n          .slice(0, -1)\n          .concat(nextPath[npLastIndex] - 1)\n          .concat(0);\n      }\n    }\n  }\n\n  return nextPath;\n}\n\nexport function getPathById(id, items = this.getDefaultItems()) {\n  const { childrenProp } = this.props;\n  let path = [];\n\n  items.every((item, i) => {\n    if (item.id === id) {\n      path.push(i);\n    } else if (item[childrenProp]) {\n      const childrenPath = this.getPathById(id, item[childrenProp]);\n\n      if (childrenPath.length) {\n        path = path.concat(i).concat(childrenPath);\n      }\n    }\n\n    return path.length === 0;\n  });\n\n  return path;\n}\n\nexport function getItemByPath(path, items = this.getDefaultItems()) {\n  const { childrenProp } = this.props;\n  let item = null;\n\n  path.forEach(index => {\n    const list = item ? item[childrenProp] : items;\n    item = list[index];\n  });\n\n  return item;\n}\n\nexport function getItemDepth(item) {\n  const { childrenProp } = this.props;\n  let level = 1;\n\n  if (item[childrenProp].length > 0) {\n    const childrenDepths = item[childrenProp].map(this.getItemDepth);\n    level += Math.max(...childrenDepths);\n  }\n\n  return level;\n}\n\nexport function getSplicePath(path, options = {}) {\n  const splicePath = {};\n  const numToRemove = options.numToRemove || 0;\n  const itemsToInsert = options.itemsToInsert || [];\n  const lastIndex = path.length - 1;\n  let currentPath = splicePath;\n\n  path.forEach((index, i) => {\n    if (i === lastIndex) {\n      currentPath.$splice = [[index, numToRemove, ...itemsToInsert]];\n    } else {\n      const nextPath = {};\n      currentPath[index] = { [options.childrenProp]: nextPath };\n      currentPath = nextPath;\n    }\n  });\n\n  return splicePath;\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,gBAAgB,UAAU,UAAU;AAClD,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAM,cAAc,SAAS,SAAS;AACtC,QAAM,cAAc,SAAS,SAAS;AAEtC,MAAI,SAAS,SAAS,SAAS,QAAQ;AAErC,QAAI,aAAa;AAEjB,WAAO,SAAS,IAAI,CAAC,WAAW,MAAM;AACpC,UAAI,YAAY;AACd,eAAO,MAAM,cAAc,YAAY,IAAI;AAAA,MAC7C;AAEA,UAAI,OAAO,SAAS,OAAO,UAAU;AACnC,eAAO;AAAA,MACT;AAEA,UAAI,SAAS,KAAK,SAAS,MAAM,MAAM,aAAa;AAClD,qBAAa;AACb,eAAO,YAAY;AAAA,MACrB;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,MAAI,SAAS,WAAW,SAAS,QAAQ;AAEvC,QAAI,SAAS,eAAe,SAAS,cAAc;AACjD,YAAM,SAAS,KAAK,cAAc,QAAQ;AAE1C,UACE,OAAO,iBACP,OAAO,cAAc,UACrB,CAAC,KAAK,YAAY,MAAM,GACxB;AACA,eAAO,SACJ,MAAM,GAAG,EAAE,EACX,OAAO,SAAS,eAAe,CAAC,EAChC,OAAO,CAAC;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,YAAY,IAAI,QAAQ,KAAK,gBAAgB,GAAG;AAC9D,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,OAAO,CAAC;AAEZ,QAAM,MAAM,CAAC,MAAM,MAAM;AACvB,QAAI,KAAK,OAAO,IAAI;AAClB,WAAK,KAAK,CAAC;AAAA,IACb,WAAW,KAAK,eAAe;AAC7B,YAAM,eAAe,KAAK,YAAY,IAAI,KAAK,aAAa;AAE5D,UAAI,aAAa,QAAQ;AACvB,eAAO,KAAK,OAAO,CAAC,EAAE,OAAO,YAAY;AAAA,MAC3C;AAAA,IACF;AAEA,WAAO,KAAK,WAAW;AAAA,EACzB,CAAC;AAED,SAAO;AACT;AAEO,SAAS,cAAc,MAAM,QAAQ,KAAK,gBAAgB,GAAG;AAClE,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,OAAO;AAEX,OAAK,QAAQ,WAAS;AACpB,UAAM,OAAO,OAAO,KAAK,gBAAgB;AACzC,WAAO,KAAK;AAAA,EACd,CAAC;AAED,SAAO;AACT;AAEO,SAAS,aAAa,MAAM;AACjC,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,QAAQ;AAEZ,MAAI,KAAK,cAAc,SAAS,GAAG;AACjC,UAAM,iBAAiB,KAAK,cAAc,IAAI,KAAK,YAAY;AAC/D,aAAS,KAAK,IAAI,GAAG,cAAc;AAAA,EACrC;AAEA,SAAO;AACT;AAEO,SAAS,cAAc,MAAM,UAAU,CAAC,GAAG;AAChD,QAAM,aAAa,CAAC;AACpB,QAAM,cAAc,QAAQ,eAAe;AAC3C,QAAM,gBAAgB,QAAQ,iBAAiB,CAAC;AAChD,QAAM,YAAY,KAAK,SAAS;AAChC,MAAI,cAAc;AAElB,OAAK,QAAQ,CAAC,OAAO,MAAM;AACzB,QAAI,MAAM,WAAW;AACnB,kBAAY,UAAU,CAAC,CAAC,OAAO,aAAa,GAAG,aAAa,CAAC;AAAA,IAC/D,OAAO;AACL,YAAM,WAAW,CAAC;AAClB,kBAAY,SAAS,EAAE,CAAC,QAAQ,eAAe,SAAS;AACxD,oBAAc;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function getRealNextPath(prevPath, nextPath) {\n  const { childrenProp } = this.props;\n  const ppLastIndex = prevPath.length - 1;\n  const npLastIndex = nextPath.length - 1;\n\n  if (prevPath.length < nextPath.length) {\n    // move into deep\n    let wasShifted = false;\n\n    return nextPath.map((nextIndex, i) => {\n      if (wasShifted) {\n        return i === npLastIndex ? nextIndex + 1 : nextIndex;\n      }\n\n      if (typeof prevPath[i] !== 'number') {\n        return nextIndex;\n      }\n\n      if (nextPath[i] > prevPath[i] && i === ppLastIndex) {\n        wasShifted = true;\n        return nextIndex - 1;\n      }\n\n      return nextIndex;\n    });\n  }\n\n  if (prevPath.length === nextPath.length) {\n    // if move bottom + move to item with children => make it a first child instead of swap\n    if (nextPath[npLastIndex] > prevPath[npLastIndex]) {\n      const target = this.getItemByPath(nextPath);\n\n      if (target[childrenProp] && target[childrenProp].length && !this.isCollapsed(target)) {\n        return nextPath\n          .slice(0, -1)\n          .concat(nextPath[npLastIndex] - 1)\n          .concat(0);\n      }\n    }\n  }\n\n  return nextPath;\n}\n\nexport function getPathById(id, items = this.getDefaultItems()) {\n  const { childrenProp } = this.props;\n  let path = [];\n\n  items.every((item, i) => {\n    if (item.id === id) {\n      path.push(i);\n    } else if (item[childrenProp]) {\n      const childrenPath = this.getPathById(id, item[childrenProp]);\n\n      if (childrenPath.length) {\n        path = path.concat(i).concat(childrenPath);\n      }\n    }\n\n    return path.length === 0;\n  });\n\n  return path;\n}\n\nexport function getItemByPath(path, items = this.getDefaultItems()) {\n  const { childrenProp } = this.props;\n  let item = null;\n\n  path.forEach((index) => {\n    const list = item ? item[childrenProp] : items;\n    item = list[index];\n  });\n\n  return item;\n}\n\nexport function getItemDepth(item) {\n  const { childrenProp } = this.props;\n  let level = 1;\n\n  if (item[childrenProp].length > 0) {\n    const childrenDepths = item[childrenProp].map(this.getItemDepth);\n    level += Math.max(...childrenDepths);\n  }\n\n  return level;\n}\n\nexport function getSplicePath(path, options = {}) {\n  const splicePath = {};\n  const numToRemove = options.numToRemove || 0;\n  const itemsToInsert = options.itemsToInsert || [];\n  const lastIndex = path.length - 1;\n  let currentPath = splicePath;\n\n  path.forEach((index, i) => {\n    if (i === lastIndex) {\n      currentPath.$splice = [[index, numToRemove, ...itemsToInsert]];\n    } else {\n      const nextPath = {};\n      currentPath[index] = { [options.childrenProp]: nextPath };\n      currentPath = nextPath;\n    }\n  });\n\n  return splicePath;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,gBAAgB,UAAU,UAAU;AAClD,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAM,cAAc,SAAS,SAAS;AACtC,QAAM,cAAc,SAAS,SAAS;AAEtC,MAAI,SAAS,SAAS,SAAS,QAAQ;AAErC,QAAI,aAAa;AAEjB,WAAO,SAAS,IAAI,CAAC,WAAW,MAAM;AACpC,UAAI,YAAY;AACd,eAAO,MAAM,cAAc,YAAY,IAAI;AAAA,MAC7C;AAEA,UAAI,OAAO,SAAS,CAAC,MAAM,UAAU;AACnC,eAAO;AAAA,MACT;AAEA,UAAI,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,MAAM,aAAa;AAClD,qBAAa;AACb,eAAO,YAAY;AAAA,MACrB;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,MAAI,SAAS,WAAW,SAAS,QAAQ;AAEvC,QAAI,SAAS,WAAW,IAAI,SAAS,WAAW,GAAG;AACjD,YAAM,SAAS,KAAK,cAAc,QAAQ;AAE1C,UAAI,OAAO,YAAY,KAAK,OAAO,YAAY,EAAE,UAAU,CAAC,KAAK,YAAY,MAAM,GAAG;AACpF,eAAO,SACJ,MAAM,GAAG,EAAE,EACX,OAAO,SAAS,WAAW,IAAI,CAAC,EAChC,OAAO,CAAC;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,YAAY,IAAI,QAAQ,KAAK,gBAAgB,GAAG;AAC9D,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,OAAO,CAAC;AAEZ,QAAM,MAAM,CAAC,MAAM,MAAM;AACvB,QAAI,KAAK,OAAO,IAAI;AAClB,WAAK,KAAK,CAAC;AAAA,IACb,WAAW,KAAK,YAAY,GAAG;AAC7B,YAAM,eAAe,KAAK,YAAY,IAAI,KAAK,YAAY,CAAC;AAE5D,UAAI,aAAa,QAAQ;AACvB,eAAO,KAAK,OAAO,CAAC,EAAE,OAAO,YAAY;AAAA,MAC3C;AAAA,IACF;AAEA,WAAO,KAAK,WAAW;AAAA,EACzB,CAAC;AAED,SAAO;AACT;AAEO,SAAS,cAAc,MAAM,QAAQ,KAAK,gBAAgB,GAAG;AAClE,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,OAAO;AAEX,OAAK,QAAQ,CAAC,UAAU;AACtB,UAAM,OAAO,OAAO,KAAK,YAAY,IAAI;AACzC,WAAO,KAAK,KAAK;AAAA,EACnB,CAAC;AAED,SAAO;AACT;AAEO,SAAS,aAAa,MAAM;AACjC,QAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,MAAI,QAAQ;AAEZ,MAAI,KAAK,YAAY,EAAE,SAAS,GAAG;AACjC,UAAM,iBAAiB,KAAK,YAAY,EAAE,IAAI,KAAK,YAAY;AAC/D,aAAS,KAAK,IAAI,GAAG,cAAc;AAAA,EACrC;AAEA,SAAO;AACT;AAEO,SAAS,cAAc,MAAM,UAAU,CAAC,GAAG;AAChD,QAAM,aAAa,CAAC;AACpB,QAAM,cAAc,QAAQ,eAAe;AAC3C,QAAM,gBAAgB,QAAQ,iBAAiB,CAAC;AAChD,QAAM,YAAY,KAAK,SAAS;AAChC,MAAI,cAAc;AAElB,OAAK,QAAQ,CAAC,OAAO,MAAM;AACzB,QAAI,MAAM,WAAW;AACnB,kBAAY,UAAU,CAAC,CAAC,OAAO,aAAa,GAAG,aAAa,CAAC;AAAA,IAC/D,OAAO;AACL,YAAM,WAAW,CAAC;AAClB,kBAAY,KAAK,IAAI,EAAE,CAAC,QAAQ,YAAY,GAAG,SAAS;AACxD,oBAAc;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/dist/esm/components/Nestable/actions/tryDecreaseDepth.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/tryDecreaseDepth.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function tryDecreaseDepth(dragItem) {\n  const { childrenProp, collapsed } = this.props;\n  const pathFrom = this.getPathById(dragItem.id);\n  const itemIndex = pathFrom[pathFrom.length - 1];\n  // has parent\n  if (pathFrom.length > 1) {\n    const parent = this.getItemByPath(pathFrom.slice(0, -1));\n    // is last (by order) item in array\n    if (itemIndex + 1 === parent[childrenProp].length) {\n      const pathTo = pathFrom.slice(0, -1);\n      pathTo[pathTo.length - 1] += 1;\n      // if collapsed by default and is last (by count) item in array remove this node from list of open nodes\n      let collapseProps = {};\n      if (collapsed && parent[childrenProp].length === 1) {\n        collapseProps = this.onToggleCollapse(parent, true);\n      }\n\n      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n    }\n  }\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,iBAAiB,UAAU;AACzC,QAAM,EAAE,cAAc,UAAU,IAAI,KAAK;AACzC,QAAM,WAAW,KAAK,YAAY,SAAS,EAAE;AAC7C,QAAM,YAAY,SAAS,SAAS,SAAS;AAE7C,MAAI,SAAS,SAAS,GAAG;AACvB,UAAM,SAAS,KAAK,cAAc,SAAS,MAAM,GAAG,EAAE,CAAC;AAEvD,QAAI,YAAY,MAAM,OAAO,cAAc,QAAQ;AACjD,YAAM,SAAS,SAAS,MAAM,GAAG,EAAE;AACnC,aAAO,OAAO,SAAS,MAAM;AAE7B,UAAI,gBAAgB,CAAC;AACrB,UAAI,aAAa,OAAO,cAAc,WAAW,GAAG;AAClD,wBAAgB,KAAK,iBAAiB,QAAQ,IAAI;AAAA,MACpD;AAEA,WAAK,SAAS,EAAE,UAAU,UAAU,OAAO,GAAG,aAAa;AAAA,IAC7D;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,iBAAiB,UAAU;AACzC,QAAM,EAAE,cAAc,UAAU,IAAI,KAAK;AACzC,QAAM,WAAW,KAAK,YAAY,SAAS,EAAE;AAC7C,QAAM,YAAY,SAAS,SAAS,SAAS,CAAC;AAE9C,MAAI,SAAS,SAAS,GAAG;AACvB,UAAM,SAAS,KAAK,cAAc,SAAS,MAAM,GAAG,EAAE,CAAC;AAEvD,QAAI,YAAY,MAAM,OAAO,YAAY,EAAE,QAAQ;AACjD,YAAM,SAAS,SAAS,MAAM,GAAG,EAAE;AACnC,aAAO,OAAO,SAAS,CAAC,KAAK;AAE7B,UAAI,gBAAgB,CAAC;AACrB,UAAI,aAAa,OAAO,YAAY,EAAE,WAAW,GAAG;AAClD,wBAAgB,KAAK,iBAAiB,QAAQ,IAAI;AAAA,MACpD;AAEA,WAAK,SAAS,EAAE,UAAU,UAAU,OAAO,GAAG,aAAa;AAAA,IAC7D;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/components/Nestable/actions/tryIncreaseDepth.js

@@ -5,9 +5,7 @@ function tryIncreaseDepth(dragItem) {
   const itemIndex = pathFrom[pathFrom.length - 1];
   const newDepth = pathFrom.length + this.getItemDepth(dragItem);
   if (itemIndex > 0 && newDepth <= maxDepth) {
-    const prevSibling = this.getItemByPath(
-      pathFrom.slice(0, -1).concat(itemIndex - 1)
-    );
+    const prevSibling = this.getItemByPath(pathFrom.slice(0, -1).concat(itemIndex - 1));
     if (!prevSibling[childrenProp].length || !this.isCollapsed(prevSibling)) {
       const pathTo = pathFrom.slice(0, -1).concat(itemIndex - 1).concat(prevSibling[childrenProp].length);
       let collapseProps = {};

package/dist/esm/components/Nestable/actions/tryIncreaseDepth.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/tryIncreaseDepth.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function tryIncreaseDepth(dragItem) {\n  const { maxDepth, childrenProp, collapsed } = this.props;\n  const pathFrom = this.getPathById(dragItem.id);\n  const itemIndex = pathFrom[pathFrom.length - 1];\n  const newDepth = pathFrom.length + this.getItemDepth(dragItem);\n\n  // has previous sibling and isn't at max depth\n  if (itemIndex > 0 && newDepth <= maxDepth) {\n    const prevSibling = this.getItemByPath(\n      pathFrom.slice(0, -1).concat(itemIndex - 1),\n    );\n    // previous sibling is not collapsed\n    if (!prevSibling[childrenProp].length || !this.isCollapsed(prevSibling)) {\n      const pathTo = pathFrom\n        .slice(0, -1)\n        .concat(itemIndex - 1)\n        .concat(prevSibling[childrenProp].length);\n\n      // if collapsed by default\n      // and was no children here\n      // open this node\n      let collapseProps = {};\n      if (collapsed && !prevSibling[childrenProp].length) {\n        collapseProps = this.onToggleCollapse(prevSibling, true);\n      }\n\n      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n    }\n  }\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,iBAAiB,UAAU;AACzC,QAAM,EAAE,UAAU,cAAc,UAAU,IAAI,KAAK;AACnD,QAAM,WAAW,KAAK,YAAY,SAAS,EAAE;AAC7C,QAAM,YAAY,SAAS,SAAS,SAAS;AAC7C,QAAM,WAAW,SAAS,SAAS,KAAK,aAAa,QAAQ;AAG7D,MAAI,YAAY,KAAK,YAAY,UAAU;AACzC,UAAM,cAAc,KAAK;AAAA,MACvB,SAAS,MAAM,GAAG,EAAE,EAAE,OAAO,YAAY,CAAC;AAAA,IAC5C;AAEA,QAAI,CAAC,YAAY,cAAc,UAAU,CAAC,KAAK,YAAY,WAAW,GAAG;AACvE,YAAM,SAAS,SACZ,MAAM,GAAG,EAAE,EACX,OAAO,YAAY,CAAC,EACpB,OAAO,YAAY,cAAc,MAAM;AAK1C,UAAI,gBAAgB,CAAC;AACrB,UAAI,aAAa,CAAC,YAAY,cAAc,QAAQ;AAClD,wBAAgB,KAAK,iBAAiB,aAAa,IAAI;AAAA,MACzD;AAEA,WAAK,SAAS,EAAE,UAAU,UAAU,OAAO,GAAG,aAAa;AAAA,IAC7D;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function tryIncreaseDepth(dragItem) {\n  const { maxDepth, childrenProp, collapsed } = this.props;\n  const pathFrom = this.getPathById(dragItem.id);\n  const itemIndex = pathFrom[pathFrom.length - 1];\n  const newDepth = pathFrom.length + this.getItemDepth(dragItem);\n\n  // has previous sibling and isn't at max depth\n  if (itemIndex > 0 && newDepth <= maxDepth) {\n    const prevSibling = this.getItemByPath(pathFrom.slice(0, -1).concat(itemIndex - 1));\n    // previous sibling is not collapsed\n    if (!prevSibling[childrenProp].length || !this.isCollapsed(prevSibling)) {\n      const pathTo = pathFrom\n        .slice(0, -1)\n        .concat(itemIndex - 1)\n        .concat(prevSibling[childrenProp].length);\n\n      // if collapsed by default\n      // and was no children here\n      // open this node\n      let collapseProps = {};\n      if (collapsed && !prevSibling[childrenProp].length) {\n        collapseProps = this.onToggleCollapse(prevSibling, true);\n      }\n\n      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n    }\n  }\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,iBAAiB,UAAU;AACzC,QAAM,EAAE,UAAU,cAAc,UAAU,IAAI,KAAK;AACnD,QAAM,WAAW,KAAK,YAAY,SAAS,EAAE;AAC7C,QAAM,YAAY,SAAS,SAAS,SAAS,CAAC;AAC9C,QAAM,WAAW,SAAS,SAAS,KAAK,aAAa,QAAQ;AAG7D,MAAI,YAAY,KAAK,YAAY,UAAU;AACzC,UAAM,cAAc,KAAK,cAAc,SAAS,MAAM,GAAG,EAAE,EAAE,OAAO,YAAY,CAAC,CAAC;AAElF,QAAI,CAAC,YAAY,YAAY,EAAE,UAAU,CAAC,KAAK,YAAY,WAAW,GAAG;AACvE,YAAM,SAAS,SACZ,MAAM,GAAG,EAAE,EACX,OAAO,YAAY,CAAC,EACpB,OAAO,YAAY,YAAY,EAAE,MAAM;AAK1C,UAAI,gBAAgB,CAAC;AACrB,UAAI,aAAa,CAAC,YAAY,YAAY,EAAE,QAAQ;AAClD,wBAAgB,KAAK,iBAAiB,aAAa,IAAI;AAAA,MACzD;AAEA,WAAK,SAAS,EAAE,UAAU,UAAU,OAAO,GAAG,aAAa;AAAA,IAC7D;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/components/Nestable/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import Nestable from "./Nestable";
+import Nestable from "./Nestable.js";
 var Nestable_default = Nestable;
 export {
   Nestable_default as default

package/dist/esm/components/Nestable/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Nestable from './Nestable';\n\nexport default Nestable;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Nestable from './Nestable.js';\n\nexport default Nestable;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,cAAc;AAErB,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/components/QueryBuilderImpl.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Component } from "react";
-import Nestable from "./Nestable";
-import { QueryBuilderContext } from "./QueryBuilderContext/QueryBuilderContext";
-import { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from "./helpers/types";
-import QueryBuilderStore from "./helpers/store";
-import AndOrController from "./AndOrController/AndOrController";
-import QueryBuilderItem from "./QueryBuilderItem/QueryBuilderItem";
-import DisplayOutput from "./DisplayOutput/DisplayOutput";
+import Nestable from "./Nestable/index.js";
+import { QueryBuilderContext } from "./QueryBuilderContext/QueryBuilderContext.js";
+import { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from "./helpers/types.js";
+import QueryBuilderStore from "./helpers/store.js";
+import AndOrController from "./AndOrController/AndOrController.js";
+import QueryBuilderItem from "./QueryBuilderItem/QueryBuilderItem.js";
+import DisplayOutput from "./DisplayOutput/DisplayOutput.js";
 class QueryBuilderImpl extends Component {
   constructor(props) {
     super(props);
@@ -58,6 +58,14 @@ class QueryBuilderImpl extends Component {
       this.sendCall("handleRuleContainerUnGroup", { idGroup });
       this.sendChange(newFilters);
     };
+    /**
+     * handleFieldChange and handleDropFilter
+     * are equals right now, but they maybe
+     * will have diferents logic
+     *
+     * @param filter
+     * @param dragTo
+     */
     this.handleDropFilter = (filter, dragTo) => {
       const { position: oldPosition, idGroup, idFilter } = filter;
       const { position: newPosition, targetIdGroup } = dragTo;
@@ -65,6 +73,14 @@ class QueryBuilderImpl extends Component {
       this.sendCall("handleDropFilter", { filter, dragTo });
       this.sendChange(newFilters);
     };
+    /**
+     * handleFieldChange and handleDropFilter
+     * are equals right now, but they maybe
+     * will have diferents logic
+     *
+     * @param group
+     * @param dragTo
+     */
     this.handleDropGroup = (group, dragTo) => {
       const { position: oldPosition, idFilter, idGroup } = group;
       const { position: newPosition, targetIdGroup } = dragTo;

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

@@ -1,7 +1,7 @@
 {
   "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';\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';\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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",
+  "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/index.js';\nimport { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext.js';\nimport { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from './helpers/types.js';\nimport QueryBuilderStore from './helpers/store.js';\nimport AndOrController from './AndOrController/AndOrController.js';\nimport QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem.js';\nimport DisplayOutput from './DisplayOutput/DisplayOutput.js';\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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",
   "names": []
 }

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

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext";
-import { QB_DRAG_TYPES } from "../helpers/types";
-import AndOrController from "../AndOrController/AndOrController";
-import QueryBuilderRow from "../QueryBuilderRow/QueryBuilderRow";
+import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext.js";
+import { QB_DRAG_TYPES } from "../helpers/types.js";
+import AndOrController from "../AndOrController/AndOrController.js";
+import QueryBuilderRow from "../QueryBuilderRow/QueryBuilderRow.js";
 const QueryBuilderItem = ({ item }) => {
   const { element } = item;
   const { type, idFilter, idGroup, condition } = element;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\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;AC+BX;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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';\nimport { QB_DRAG_TYPES } from '../helpers/types.js';\nimport AndOrController from '../AndOrController/AndOrController.js';\nimport QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow.js';\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) => handleRuleContainerOperator(idGroup, value)}\n            handleRuleContainerUnGroup={() => handleRuleContainerUnGroup(idGroup)}\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;AC+BX;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,UAAU,4BAA4B,SAAS,KAAK;AAAA,QAClF,4BAA4B,MAAM,2BAA2B,OAAO;AAAA,QACpE,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

@@ -4,9 +4,9 @@ import React2, { Component } from "react";
 import { AlertsDetail } from "@elliemae/ds-icons";
 import { DSTooltipV3 } from "@elliemae/ds-tooltip";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { resolveDependencies } from "../helpers/dependencies";
-import ConditionController from "../ConditionController/ConditionController";
-import DragControllerRow from "../DragControllerRow/DragControllerRow";
+import { resolveDependencies } from "../helpers/dependencies.js";
+import ConditionController from "../ConditionController/ConditionController.js";
+import DragControllerRow from "../DragControllerRow/DragControllerRow.js";
 const RenderField = ({
   target,
   component,

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

@@ -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      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": "AAAA,YAAY,WAAW;ACuBnB,SAkKE,UArJA,KAbF;AArBJ,OAAOA,UAAS,iBAAiB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,iCAAiC;AAC1C,SAAS,2BAA2B;AACpC,OAAO,yBAAyB;AAChC,OAAO,uBAAuB;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAMA,OAAM,OAAoB;AACtC,QAAM,KAAKA,OAAM,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,4BAAC,SAAI,KAAU,WAAU,6CACtB,UAAAA,OAAM,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,oBAAC,SAAI,OAAO,EAAE,OAAO,OAAO,GAC1B,8BAAC,eAAY,MAAM,SAAS,cAE1B,8BAAC,SAAI,UAAU,GAAG,WAAU,kBAAiB,eAAY,uBAAsB,MAAK,SAClF,8BAAC,gBAAa,OAAO,IAAI,QAAQ,IAAI,OAAO,CAAC,UAAU,GAAG,GAAG,OAAO,SAAS,cAAc,GAC7F,GACF,GACF,IACE;AAAA;AAAA;AAAA,EACN;AA4BJ;AACA,MAAM,wBAAwB,UAAoB;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,IAAI;AAAA,MACzD;AAAA,MACA,SAAS,qBAAqB;AAAA,MAC9B,YAAY,kBAAkB;AAAA,IAChC;AACA,UAAM,OAAO;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,gCACE;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;AAAA;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,oBAAC,SAAI,WAAW,eAAe,YAAY,GACzC;AAAA,YAAC;AAAA;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;",
+  "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.js';\nimport ConditionController from '../ConditionController/ConditionController.js';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow.js';\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/format/format.js

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { sqlFormat } from "./sqlFormat";
-import { xmlFormat } from "./xmlFormat";
-import { sqlSafeFormat } from "./sqlSafeFormat";
+import { sqlFormat } from "./sqlFormat.js";
+import { xmlFormat } from "./xmlFormat.js";
+import { sqlSafeFormat } from "./sqlSafeFormat.js";
 class QueryBuilderFormat {
   constructor() {
     this.format = {

package/dist/esm/components/format/format.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/format/format.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { sqlFormat } from './sqlFormat';\nimport { xmlFormat } from './xmlFormat';\nimport { sqlSafeFormat } from './sqlSafeFormat';\n\nclass QueryBuilderFormat {\n  format = {\n    defaultFormat: query => query,\n    sqlFormat,\n    xmlFormat,\n    sqlSafeFormat,\n  };\n\n  currentFormat = 'sqlFormat';\n\n  setDefaultFormat = formatName => {\n    if (this.format[formatName]) this.currentFormat = formatName;\n  };\n\n  addFormat = (formatName, format) => (this.format[formatName] = format);\n\n  run = (query, formatName) => {\n    if (this.format[formatName]) return this.format[formatName](query);\n    return this.format[this.currentFormat](query);\n  };\n}\n\nexport default new QueryBuilderFormat();\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,MAAM,mBAAmB;AAAA,EAAzB;AACE,kBAAS;AAAA,MACP,eAAe,WAAS;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,yBAAgB;AAEhB,4BAAmB,gBAAc;AAC/B,UAAI,KAAK,OAAO;AAAa,aAAK,gBAAgB;AAAA,IACpD;AAEA,qBAAY,CAAC,YAAY,WAAY,KAAK,OAAO,cAAc;AAE/D,eAAM,CAAC,OAAO,eAAe;AAC3B,UAAI,KAAK,OAAO;AAAa,eAAO,KAAK,OAAO,YAAY,KAAK;AACjE,aAAO,KAAK,OAAO,KAAK,eAAe,KAAK;AAAA,IAC9C;AAAA;AACF;AAEA,IAAO,iBAAQ,IAAI,mBAAmB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { sqlFormat } from './sqlFormat.js';\nimport { xmlFormat } from './xmlFormat.js';\nimport { sqlSafeFormat } from './sqlSafeFormat.js';\n\nclass QueryBuilderFormat {\n  format = {\n    defaultFormat: (query) => query,\n    sqlFormat,\n    xmlFormat,\n    sqlSafeFormat,\n  };\n\n  currentFormat = 'sqlFormat';\n\n  setDefaultFormat = (formatName) => {\n    if (this.format[formatName]) this.currentFormat = formatName;\n  };\n\n  addFormat = (formatName, format) => (this.format[formatName] = format);\n\n  run = (query, formatName) => {\n    if (this.format[formatName]) return this.format[formatName](query);\n    return this.format[this.currentFormat](query);\n  };\n}\n\nexport default new QueryBuilderFormat();\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,MAAM,mBAAmB;AAAA,EAAzB;AACE,kBAAS;AAAA,MACP,eAAe,CAAC,UAAU;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,yBAAgB;AAEhB,4BAAmB,CAAC,eAAe;AACjC,UAAI,KAAK,OAAO,UAAU;AAAG,aAAK,gBAAgB;AAAA,IACpD;AAEA,qBAAY,CAAC,YAAY,WAAY,KAAK,OAAO,UAAU,IAAI;AAE/D,eAAM,CAAC,OAAO,eAAe;AAC3B,UAAI,KAAK,OAAO,UAAU;AAAG,eAAO,KAAK,OAAO,UAAU,EAAE,KAAK;AACjE,aAAO,KAAK,OAAO,KAAK,aAAa,EAAE,KAAK;AAAA,IAC9C;AAAA;AACF;AAEA,IAAO,iBAAQ,IAAI,mBAAmB;",
   "names": []
 }

package/dist/esm/components/format/sqlFormat.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { QB_OPERATOR_TYPES } from "../helpers/types";
+import { QB_OPERATOR_TYPES } from "../helpers/types.js";
 const conditionSql = (condition, value) => {
   const {
     EQUAL,

package/dist/esm/components/format/sqlFormat.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/format/sqlFormat.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { QB_OPERATOR_TYPES } from '../helpers/types';\n\nconst conditionSql = (condition, value) => {\n  const {\n    EQUAL,\n    NOT_EQUAL,\n    GREATER_THAN,\n    LESS_THAN,\n    CONTAINS,\n    NOT_CONTAINS,\n    BETWEEN,\n    GREATER_THAN_OR_EQUAL,\n    LESS_THAN_OR_EQUAL,\n    START_WITH,\n  } = QB_OPERATOR_TYPES;\n\n  if (condition === EQUAL) return ` = '${value}'`;\n  if (condition === NOT_EQUAL) return ` <> '${value}'`;\n  if (condition === GREATER_THAN) return ` > ${value}`;\n  if (condition === LESS_THAN) return ` < ${value}`;\n  if (condition === CONTAINS) return ` LIKE '%${value}%'`;\n  if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;\n  if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;\n  if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;\n  if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;\n  if (condition === START_WITH) return ` LIKE '${value}%'`;\n  return condition;\n};\n\nconst renderFilterSQl = (filter) => {\n  const { field, operator, value } = filter.element;\n\n  return `${field} ${conditionSql(operator, value) || ''}`;\n};\nexport const sqlFormat = ({ main, mapGroups, items }) => {\n  const groupSql = (item, idGroup) => {\n    if (idGroup === main) {\n      const groupCondition =\n        mapGroups[idGroup].condition === true ? 'AND' : 'OR';\n      return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line\n    }\n    const groupCondition = item.element.condition === true ? 'AND' : 'OR';\n    return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line\n  };\n\n  const filterSql = (filters, groupCondition) => {\n    const filterGroup = filters.map((filter) => {\n      if (filter.element.type === 'filter')\n        return ` ${renderFilterSQl(filter)} `;\n      return ` ${groupSql(filter) || ''} `;\n    });\n    return filterGroup.join(groupCondition);\n  };\n\n  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;\n\n  return sql;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,yBAAyB;AAElC,MAAM,eAAe,CAAC,WAAW,UAAU;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,cAAc;AAAO,WAAO,OAAO;AACvC,MAAI,cAAc;AAAW,WAAO,QAAQ;AAC5C,MAAI,cAAc;AAAc,WAAO,MAAM;AAC7C,MAAI,cAAc;AAAW,WAAO,MAAM;AAC1C,MAAI,cAAc;AAAU,WAAO,WAAW;AAC9C,MAAI,cAAc;AAAc,WAAO,eAAe;AACtD,MAAI,cAAc;AAAS,WAAO,YAAY,MAAM,UAAU,MAAM;AACpE,MAAI,cAAc;AAAuB,WAAO,OAAO;AACvD,MAAI,cAAc;AAAoB,WAAO,OAAO;AACpD,MAAI,cAAc;AAAY,WAAO,UAAU;AAC/C,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,WAAW;AAClC,QAAM,EAAE,OAAO,UAAU,MAAM,IAAI,OAAO;AAE1C,SAAO,GAAG,SAAS,aAAa,UAAU,KAAK,KAAK;AACtD;AACO,MAAM,YAAY,CAAC,EAAE,MAAM,WAAW,MAAM,MAAM;AACvD,QAAM,WAAW,CAAC,MAAM,YAAY;AAClC,QAAI,YAAY,MAAM;AACpB,YAAMA,kBACJ,UAAU,SAAS,cAAc,OAAO,QAAQ;AAClD,aAAO,MAAM,UAAU,MAAMA,eAAc;AAAA,IAC7C;AACA,UAAM,iBAAiB,KAAK,QAAQ,cAAc,OAAO,QAAQ;AACjE,WAAO,MAAM,UAAU,KAAK,UAAU,cAAc;AAAA,EACtD;AAEA,QAAM,YAAY,CAAC,SAAS,mBAAmB;AAC7C,UAAM,cAAc,QAAQ,IAAI,CAAC,WAAW;AAC1C,UAAI,OAAO,QAAQ,SAAS;AAC1B,eAAO,IAAI,gBAAgB,MAAM;AACnC,aAAO,IAAI,SAAS,MAAM,KAAK;AAAA,IACjC,CAAC;AACD,WAAO,YAAY,KAAK,cAAc;AAAA,EACxC;AAEA,QAAM,MAAM,4BAA4B,SAAS,OAAO,IAAI,KAAK;AAEjE,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { QB_OPERATOR_TYPES } from '../helpers/types.js';\n\nconst conditionSql = (condition, value) => {\n  const {\n    EQUAL,\n    NOT_EQUAL,\n    GREATER_THAN,\n    LESS_THAN,\n    CONTAINS,\n    NOT_CONTAINS,\n    BETWEEN,\n    GREATER_THAN_OR_EQUAL,\n    LESS_THAN_OR_EQUAL,\n    START_WITH,\n  } = QB_OPERATOR_TYPES;\n\n  if (condition === EQUAL) return ` = '${value}'`;\n  if (condition === NOT_EQUAL) return ` <> '${value}'`;\n  if (condition === GREATER_THAN) return ` > ${value}`;\n  if (condition === LESS_THAN) return ` < ${value}`;\n  if (condition === CONTAINS) return ` LIKE '%${value}%'`;\n  if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;\n  if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;\n  if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;\n  if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;\n  if (condition === START_WITH) return ` LIKE '${value}%'`;\n  return condition;\n};\n\nconst renderFilterSQl = (filter) => {\n  const { field, operator, value } = filter.element;\n\n  return `${field} ${conditionSql(operator, value) || ''}`;\n};\nexport const sqlFormat = ({ main, mapGroups, items }) => {\n  const groupSql = (item, idGroup) => {\n    if (idGroup === main) {\n      const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';\n      return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line\n    }\n    const groupCondition = item.element.condition === true ? 'AND' : 'OR';\n    return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line\n  };\n\n  const filterSql = (filters, groupCondition) => {\n    const filterGroup = filters.map((filter) => {\n      if (filter.element.type === 'filter') return ` ${renderFilterSQl(filter)} `;\n      return ` ${groupSql(filter) || ''} `;\n    });\n    return filterGroup.join(groupCondition);\n  };\n\n  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;\n\n  return sql;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,yBAAyB;AAElC,MAAM,eAAe,CAAC,WAAW,UAAU;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,MAAI,cAAc;AAAO,WAAO,OAAO;AACvC,MAAI,cAAc;AAAW,WAAO,QAAQ;AAC5C,MAAI,cAAc;AAAc,WAAO,MAAM;AAC7C,MAAI,cAAc;AAAW,WAAO,MAAM;AAC1C,MAAI,cAAc;AAAU,WAAO,WAAW;AAC9C,MAAI,cAAc;AAAc,WAAO,eAAe;AACtD,MAAI,cAAc;AAAS,WAAO,YAAY,MAAM,CAAC,SAAS,MAAM,CAAC;AACrE,MAAI,cAAc;AAAuB,WAAO,OAAO;AACvD,MAAI,cAAc;AAAoB,WAAO,OAAO;AACpD,MAAI,cAAc;AAAY,WAAO,UAAU;AAC/C,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,WAAW;AAClC,QAAM,EAAE,OAAO,UAAU,MAAM,IAAI,OAAO;AAE1C,SAAO,GAAG,SAAS,aAAa,UAAU,KAAK,KAAK;AACtD;AACO,MAAM,YAAY,CAAC,EAAE,MAAM,WAAW,MAAM,MAAM;AACvD,QAAM,WAAW,CAAC,MAAM,YAAY;AAClC,QAAI,YAAY,MAAM;AACpB,YAAMA,kBAAiB,UAAU,OAAO,EAAE,cAAc,OAAO,QAAQ;AACvE,aAAO,MAAM,UAAU,MAAMA,eAAc;AAAA,IAC7C;AACA,UAAM,iBAAiB,KAAK,QAAQ,cAAc,OAAO,QAAQ;AACjE,WAAO,MAAM,UAAU,KAAK,UAAU,cAAc;AAAA,EACtD;AAEA,QAAM,YAAY,CAAC,SAAS,mBAAmB;AAC7C,UAAM,cAAc,QAAQ,IAAI,CAAC,WAAW;AAC1C,UAAI,OAAO,QAAQ,SAAS;AAAU,eAAO,IAAI,gBAAgB,MAAM;AACvE,aAAO,IAAI,SAAS,MAAM,KAAK;AAAA,IACjC,CAAC;AACD,WAAO,YAAY,KAAK,cAAc;AAAA,EACxC;AAEA,QAAM,MAAM,4BAA4B,SAAS,OAAO,IAAI,KAAK;AAEjE,SAAO;AACT;",
   "names": ["groupCondition"]
 }

package/dist/esm/components/format/sqlSafeFormat.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { QB_OPERATOR_TYPES } from "../helpers/types";
+import { QB_OPERATOR_TYPES } from "../helpers/types.js";
 const specialChar = /[ !@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/;
 const conditionSql = (condition, value) => {
   const {
@@ -39,7 +39,10 @@ const conditionSql = (condition, value) => {
 };
 const renderFilterSQl = (filter) => {
   const { field, operator, value } = filter.element;
-  const fieldDisplay = /[.]/.test(field) || !isNaN(field) ? `\\"${field}\\"` : field;
+  const fieldDisplay = (
+    // eslint-disable-next-line no-restricted-globals
+    /[.]/.test(field) || !isNaN(field) ? `\\"${field}\\"` : field
+  );
   return `${fieldDisplay} ${conditionSql(operator, value) || ""}`;
 };
 const sqlSafeFormat = ({ main, mapGroups, items }) => {

package/dist/esm/components/format/sqlSafeFormat.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/format/sqlSafeFormat.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { QB_OPERATOR_TYPES } from '../helpers/types';\n\n// eslint-disable-next-line no-useless-escape\nexport const specialChar = /[ !@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]/;\n\nconst conditionSql = (condition, value) => {\n  const {\n    EQUAL,\n    NOT_EQUAL,\n    GREATER_THAN,\n    LESS_THAN,\n    CONTAINS,\n    NOT_CONTAINS,\n    BETWEEN,\n    GREATER_THAN_OR_EQUAL,\n    LESS_THAN_OR_EQUAL,\n    START_WITH,\n  } = QB_OPERATOR_TYPES;\n  // eslint-disable-next-line no-restricted-globals\n  const valueDisplay = isNaN(value) ? `'${value}'` : value;\n\n  if (condition === EQUAL) return ` = ${valueDisplay}`;\n  if (condition === NOT_EQUAL) return ` <> ${valueDisplay}`;\n  if (condition === GREATER_THAN) return ` > ${valueDisplay}`;\n  if (condition === LESS_THAN) return ` < ${valueDisplay}`;\n  if (condition === CONTAINS) return ` LIKE '%${value}%'`;\n  if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;\n  if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;\n  if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;\n  if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;\n  if (condition === START_WITH) return ` LIKE '${value}%'`;\n  return condition;\n};\n\nconst renderFilterSQl = (filter) => {\n  const { field, operator, value } = filter.element;\n  // eslint-disable-next-line no-restricted-globals\n  const fieldDisplay =\n    // eslint-disable-next-line no-restricted-globals\n    /[.]/.test(field) || !isNaN(field) ? `\\\\\"${field}\\\\\"` : field;\n  return `${fieldDisplay} ${conditionSql(operator, value) || ''}`;\n};\nexport const sqlSafeFormat = ({ main, mapGroups, items }) => {\n  const groupSql = (item, idGroup) => {\n    if (idGroup === main) {\n      const groupCondition =\n        mapGroups[idGroup].condition === true ? 'AND' : 'OR';\n      return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line\n    }\n    const groupCondition = item.element.condition === true ? 'AND' : 'OR';\n    return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line\n  };\n\n  const filterSql = (filters, groupCondition) => {\n    const filterGroup = filters.map((filter) => {\n      if (filter.element.type === 'filter')\n        return ` ${renderFilterSQl(filter)} `;\n      return ` ${groupSql(filter) || ''} `;\n    });\n    return filterGroup.join(groupCondition);\n  };\n\n  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;\n\n  return sql;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,yBAAyB;AAG3B,MAAM,cAAc;AAE3B,MAAM,eAAe,CAAC,WAAW,UAAU;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAe,MAAM,KAAK,IAAI,IAAI,WAAW;AAEnD,MAAI,cAAc;AAAO,WAAO,MAAM;AACtC,MAAI,cAAc;AAAW,WAAO,OAAO;AAC3C,MAAI,cAAc;AAAc,WAAO,MAAM;AAC7C,MAAI,cAAc;AAAW,WAAO,MAAM;AAC1C,MAAI,cAAc;AAAU,WAAO,WAAW;AAC9C,MAAI,cAAc;AAAc,WAAO,eAAe;AACtD,MAAI,cAAc;AAAS,WAAO,YAAY,MAAM,UAAU,MAAM;AACpE,MAAI,cAAc;AAAuB,WAAO,OAAO;AACvD,MAAI,cAAc;AAAoB,WAAO,OAAO;AACpD,MAAI,cAAc;AAAY,WAAO,UAAU;AAC/C,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,WAAW;AAClC,QAAM,EAAE,OAAO,UAAU,MAAM,IAAI,OAAO;AAE1C,QAAM,eAEJ,MAAM,KAAK,KAAK,KAAK,CAAC,MAAM,KAAK,IAAI,MAAM,aAAa;AAC1D,SAAO,GAAG,gBAAgB,aAAa,UAAU,KAAK,KAAK;AAC7D;AACO,MAAM,gBAAgB,CAAC,EAAE,MAAM,WAAW,MAAM,MAAM;AAC3D,QAAM,WAAW,CAAC,MAAM,YAAY;AAClC,QAAI,YAAY,MAAM;AACpB,YAAMA,kBACJ,UAAU,SAAS,cAAc,OAAO,QAAQ;AAClD,aAAO,MAAM,UAAU,MAAMA,eAAc;AAAA,IAC7C;AACA,UAAM,iBAAiB,KAAK,QAAQ,cAAc,OAAO,QAAQ;AACjE,WAAO,MAAM,UAAU,KAAK,UAAU,cAAc;AAAA,EACtD;AAEA,QAAM,YAAY,CAAC,SAAS,mBAAmB;AAC7C,UAAM,cAAc,QAAQ,IAAI,CAAC,WAAW;AAC1C,UAAI,OAAO,QAAQ,SAAS;AAC1B,eAAO,IAAI,gBAAgB,MAAM;AACnC,aAAO,IAAI,SAAS,MAAM,KAAK;AAAA,IACjC,CAAC;AACD,WAAO,YAAY,KAAK,cAAc;AAAA,EACxC;AAEA,QAAM,MAAM,4BAA4B,SAAS,OAAO,IAAI,KAAK;AAEjE,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { QB_OPERATOR_TYPES } from '../helpers/types.js';\n\n// eslint-disable-next-line no-useless-escape\nexport const specialChar = /[ !@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]/;\n\nconst conditionSql = (condition, value) => {\n  const {\n    EQUAL,\n    NOT_EQUAL,\n    GREATER_THAN,\n    LESS_THAN,\n    CONTAINS,\n    NOT_CONTAINS,\n    BETWEEN,\n    GREATER_THAN_OR_EQUAL,\n    LESS_THAN_OR_EQUAL,\n    START_WITH,\n  } = QB_OPERATOR_TYPES;\n  // eslint-disable-next-line no-restricted-globals\n  const valueDisplay = isNaN(value) ? `'${value}'` : value;\n\n  if (condition === EQUAL) return ` = ${valueDisplay}`;\n  if (condition === NOT_EQUAL) return ` <> ${valueDisplay}`;\n  if (condition === GREATER_THAN) return ` > ${valueDisplay}`;\n  if (condition === LESS_THAN) return ` < ${valueDisplay}`;\n  if (condition === CONTAINS) return ` LIKE '%${value}%'`;\n  if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;\n  if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;\n  if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;\n  if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;\n  if (condition === START_WITH) return ` LIKE '${value}%'`;\n  return condition;\n};\n\nconst renderFilterSQl = (filter) => {\n  const { field, operator, value } = filter.element;\n  // eslint-disable-next-line no-restricted-globals\n  const fieldDisplay =\n    // eslint-disable-next-line no-restricted-globals\n    /[.]/.test(field) || !isNaN(field) ? `\\\\\"${field}\\\\\"` : field;\n  return `${fieldDisplay} ${conditionSql(operator, value) || ''}`;\n};\nexport const sqlSafeFormat = ({ main, mapGroups, items }) => {\n  const groupSql = (item, idGroup) => {\n    if (idGroup === main) {\n      const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';\n      return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line\n    }\n    const groupCondition = item.element.condition === true ? 'AND' : 'OR';\n    return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line\n  };\n\n  const filterSql = (filters, groupCondition) => {\n    const filterGroup = filters.map((filter) => {\n      if (filter.element.type === 'filter') return ` ${renderFilterSQl(filter)} `;\n      return ` ${groupSql(filter) || ''} `;\n    });\n    return filterGroup.join(groupCondition);\n  };\n\n  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;\n\n  return sql;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,yBAAyB;AAG3B,MAAM,cAAc;AAE3B,MAAM,eAAe,CAAC,WAAW,UAAU;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAe,MAAM,KAAK,IAAI,IAAI,WAAW;AAEnD,MAAI,cAAc;AAAO,WAAO,MAAM;AACtC,MAAI,cAAc;AAAW,WAAO,OAAO;AAC3C,MAAI,cAAc;AAAc,WAAO,MAAM;AAC7C,MAAI,cAAc;AAAW,WAAO,MAAM;AAC1C,MAAI,cAAc;AAAU,WAAO,WAAW;AAC9C,MAAI,cAAc;AAAc,WAAO,eAAe;AACtD,MAAI,cAAc;AAAS,WAAO,YAAY,MAAM,CAAC,SAAS,MAAM,CAAC;AACrE,MAAI,cAAc;AAAuB,WAAO,OAAO;AACvD,MAAI,cAAc;AAAoB,WAAO,OAAO;AACpD,MAAI,cAAc;AAAY,WAAO,UAAU;AAC/C,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,WAAW;AAClC,QAAM,EAAE,OAAO,UAAU,MAAM,IAAI,OAAO;AAE1C,QAAM;AAAA;AAAA,IAEJ,MAAM,KAAK,KAAK,KAAK,CAAC,MAAM,KAAK,IAAI,MAAM,aAAa;AAAA;AAC1D,SAAO,GAAG,gBAAgB,aAAa,UAAU,KAAK,KAAK;AAC7D;AACO,MAAM,gBAAgB,CAAC,EAAE,MAAM,WAAW,MAAM,MAAM;AAC3D,QAAM,WAAW,CAAC,MAAM,YAAY;AAClC,QAAI,YAAY,MAAM;AACpB,YAAMA,kBAAiB,UAAU,OAAO,EAAE,cAAc,OAAO,QAAQ;AACvE,aAAO,MAAM,UAAU,MAAMA,eAAc;AAAA,IAC7C;AACA,UAAM,iBAAiB,KAAK,QAAQ,cAAc,OAAO,QAAQ;AACjE,WAAO,MAAM,UAAU,KAAK,UAAU,cAAc;AAAA,EACtD;AAEA,QAAM,YAAY,CAAC,SAAS,mBAAmB;AAC7C,UAAM,cAAc,QAAQ,IAAI,CAAC,WAAW;AAC1C,UAAI,OAAO,QAAQ,SAAS;AAAU,eAAO,IAAI,gBAAgB,MAAM;AACvE,aAAO,IAAI,SAAS,MAAM,KAAK;AAAA,IACjC,CAAC;AACD,WAAO,YAAY,KAAK,cAAc;AAAA,EACxC;AAEA,QAAM,MAAM,4BAA4B,SAAS,OAAO,IAAI,KAAK;AAEjE,SAAO;AACT;",
   "names": ["groupCondition"]
 }