@elliemae/ds-query-builder 3.0.0-next.4 → 3.0.0-next.43

package/dist/cjs/DSQueryBuilder.js.map

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

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

@@ -126,24 +126,30 @@ class AndOrController extends import_react.Component {
           top: `${top}px`,
           right: `${right}px`
         }
-      }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-        buttonType: buttonActionType,
-        className: classNameElement("add-rule"),
-        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryAdd, null),
-        onClick: onAddFilter,
-        size: buttonActionSize,
-        containerProps: {
-          "data-testid": "query-add-button"
-        }
-      }), allowUnGroup && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-        buttonType: "text",
-        className: classNameElement("ungroup"),
-        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ParenthesisRemove, null),
-        onClick: handleRuleContainerUnGroup,
-        size: buttonActionSize,
-        containerProps: {
-          "data-testid": "parenthesis-remove-button"
-        }
+      }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+        title: "Add condition",
+        triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+          buttonType: buttonActionType,
+          className: classNameElement("add-rule"),
+          icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryAdd, null),
+          onClick: onAddFilter,
+          size: buttonActionSize,
+          containerProps: {
+            "data-testid": "query-add-button"
+          }
+        })
+      }), allowUnGroup && /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+        title: "Remove group",
+        triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+          buttonType: "text",
+          className: classNameElement("ungroup"),
+          icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ParenthesisRemove, null),
+          onClick: handleRuleContainerUnGroup,
+          size: buttonActionSize,
+          containerProps: {
+            "data-testid": "parenthesis-remove-button"
+          }
+        })
       }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSToggle, {
         checked: condition,
         className: classNameElement("and-or-toggle"),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/AndOrController/AndOrController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n  convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n *\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n  static defaultProps = {\n    isMain: false,\n    handleRuleContainerOperator: () => null,\n    handleRuleContainerUnGroup: () => null,\n    handleTooltipGroup: () => null,\n    labelOn: 'AND',\n    labelOff: 'OR',\n    condition: true,\n    showDragController: true,\n    allowUnGroup: true,\n    buttonActionSize: DSIconSizes.M,\n    buttonActionType: 'text',\n    toogleActionSize: DSIconSizes.S,\n    onAddFilter: () => null,\n    multipleSize: false,\n    delayClose: DELAY_CLOSE,\n    delayOpen: DELAY_OPEN,\n    step: null,\n    toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n    toolBarInteractionType: Interaction.CLICK,\n    toolBarPosition: Position.LEFT,\n  };\n\n  constructor(props) {\n    super(props);\n    this.contenerRef = React.createRef();\n    this.myRef = React.createRef();\n    this.state = {\n      isOpen: false,\n      top: 0,\n      right: -2,\n    };\n  }\n\n  handleMouseEnterRow = (e) => {\n    this.handleTooltipRow(true);\n    // this.handleMouseMove(e)\n  };\n\n  handleMouseMove = (e) => {\n    if (!this.contenerRef.current) return;\n    const mouse = e.clientY;\n    const { height } = this.contenerRef.current.getBoundingClientRect();\n    const delta = height / 2;\n    const topDiff = this.myRef.current.getBoundingClientRect().top;\n    const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n    this.setState({\n      top: mouse - topDiff - refHeight / 2 - delta,\n    });\n  };\n\n  handleMouseLeaveRow = () => {\n    this.handleTooltipRow(false);\n  };\n\n  handleTooltipRow = (isOpen) => {\n    this.setState({ isOpen });\n    const { handleTooltipGroup } = this.props;\n    handleTooltipGroup(isOpen);\n  };\n\n  render() {\n    const {\n      handleRuleContainerOperator,\n      handleRuleContainerUnGroup,\n      labelOn,\n      labelOff,\n      condition,\n      showDragController,\n      allowUnGroup,\n      buttonActionSize,\n      buttonActionType,\n      toogleActionSize,\n      onAddFilter,\n      multipleSize,\n      delayClose,\n      delayOpen,\n      step,\n      toolBarAnimationDuration,\n      toolBarInteractionType,\n      toolBarPosition,\n      isMain,\n      toolTipZIndex,\n    } = this.props;\n    const { isOpen, top, right } = this.state;\n    return (\n      <div\n        ref={this.myRef}\n        className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step}  ${\n          isMain ? 'is-main-group-join' : ''\n        }`}\n        // onMouseEnter={this.handleMouseEnterRow}\n        onMouseLeave={this.handleMouseLeaveRow}\n        // onMouseMove={this.handleMouseMove}\n      >\n        <div className={`${classNameBlock('content')} step-${step}`}>\n          <DSTooltip\n            delayClose={delayClose}\n            delayOpen={delayOpen}\n            interactionType={toolBarInteractionType}\n            isOpen={isOpen}\n            onOpen={this.handleTooltipRow}\n            placement={toolBarPosition}\n            springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n            step={step}\n            title={\n              <div\n                ref={this.contenerRef}\n                className={classNameBlock('actions')}\n                style={{\n                  transition: '0.2s',\n                  position: 'absolute',\n                  top: `${top}px`,\n                  right: `${right}px`,\n                }}\n              >\n                <DSButton\n                  buttonType={buttonActionType}\n                  className={classNameElement('add-rule')}\n                  icon={<QueryAdd />}\n                  onClick={onAddFilter}\n                  size={buttonActionSize}\n                  containerProps={{\n                    'data-testid': 'query-add-button',\n                  }}\n                />\n                {allowUnGroup && (\n                  <DSButton\n                    buttonType=\"text\"\n                    className={classNameElement('ungroup')}\n                    icon={<ParenthesisRemove />}\n                    onClick={handleRuleContainerUnGroup}\n                    size={buttonActionSize}\n                    containerProps={{\n                      'data-testid': 'parenthesis-remove-button',\n                    }}\n                  />\n                )}\n                <DSToggle\n                  checked={condition}\n                  className={classNameElement('and-or-toggle')}\n                  labelOff={labelOff}\n                  labelOn={labelOn}\n                  onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n                  size={toogleActionSize}\n                  containerProps={{\n                    'data-testid': 'and-or-toggle-button',\n                  }}\n                />\n              </div>\n            }\n            tooltipType={TooltipType.TOOLBAR}\n            triggerComponent={\n              <div\n                className={`${classNameBlock('trigger-controller')} ${\n                  showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n                } step-${step}`}\n              >\n                <div className={classNameElement('condition-display')}>\n                  <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n                  <span className={classNameElement('condition-display-step')}>{step}</span>\n                  <div className=\"separator\" />\n                  <MoreOptionsVert\n                    color={DSIconColors.NEUTRAL}\n                    onClick={this.handleMouseEnterRow}\n                    size={DSIconSizes.S}\n                    containerProps={{\n                      'data-testid': 'and-or-more-options-button',\n                    }}\n                  />\n                </div>\n                {showDragController && (\n                  <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n                )}\n              </div>\n            }\n            zIndex={toolTipZIndex}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AndOrController;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n  convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n *\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n  static defaultProps = {\n    isMain: false,\n    handleRuleContainerOperator: () => null,\n    handleRuleContainerUnGroup: () => null,\n    handleTooltipGroup: () => null,\n    labelOn: 'AND',\n    labelOff: 'OR',\n    condition: true,\n    showDragController: true,\n    allowUnGroup: true,\n    buttonActionSize: DSIconSizes.M,\n    buttonActionType: 'text',\n    toogleActionSize: DSIconSizes.S,\n    onAddFilter: () => null,\n    multipleSize: false,\n    delayClose: DELAY_CLOSE,\n    delayOpen: DELAY_OPEN,\n    step: null,\n    toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n    toolBarInteractionType: Interaction.CLICK,\n    toolBarPosition: Position.LEFT,\n  };\n\n  constructor(props) {\n    super(props);\n    this.contenerRef = React.createRef();\n    this.myRef = React.createRef();\n    this.state = {\n      isOpen: false,\n      top: 0,\n      right: -2,\n    };\n  }\n\n  handleMouseEnterRow = (e) => {\n    this.handleTooltipRow(true);\n    // this.handleMouseMove(e)\n  };\n\n  handleMouseMove = (e) => {\n    if (!this.contenerRef.current) return;\n    const mouse = e.clientY;\n    const { height } = this.contenerRef.current.getBoundingClientRect();\n    const delta = height / 2;\n    const topDiff = this.myRef.current.getBoundingClientRect().top;\n    const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n    this.setState({\n      top: mouse - topDiff - refHeight / 2 - delta,\n    });\n  };\n\n  handleMouseLeaveRow = () => {\n    this.handleTooltipRow(false);\n  };\n\n  handleTooltipRow = (isOpen) => {\n    this.setState({ isOpen });\n    const { handleTooltipGroup } = this.props;\n    handleTooltipGroup(isOpen);\n  };\n\n  render() {\n    const {\n      handleRuleContainerOperator,\n      handleRuleContainerUnGroup,\n      labelOn,\n      labelOff,\n      condition,\n      showDragController,\n      allowUnGroup,\n      buttonActionSize,\n      buttonActionType,\n      toogleActionSize,\n      onAddFilter,\n      multipleSize,\n      delayClose,\n      delayOpen,\n      step,\n      toolBarAnimationDuration,\n      toolBarInteractionType,\n      toolBarPosition,\n      isMain,\n      toolTipZIndex,\n    } = this.props;\n    const { isOpen, top, right } = this.state;\n    return (\n      <div\n        ref={this.myRef}\n        className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step}  ${isMain ? 'is-main-group-join' : ''\n          }`}\n        // onMouseEnter={this.handleMouseEnterRow}\n        onMouseLeave={this.handleMouseLeaveRow}\n      // onMouseMove={this.handleMouseMove}\n      >\n        <div className={`${classNameBlock('content')} step-${step}`}>\n          <DSTooltip\n            delayClose={delayClose}\n            delayOpen={delayOpen}\n            interactionType={toolBarInteractionType}\n            isOpen={isOpen}\n            onOpen={this.handleTooltipRow}\n            placement={toolBarPosition}\n            springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n            step={step}\n            title={\n              <div\n                ref={this.contenerRef}\n                className={classNameBlock('actions')}\n                style={{\n                  transition: '0.2s',\n                  position: 'absolute',\n                  top: `${top}px`,\n                  right: `${right}px`,\n                }}\n              >\n                <DSTooltip title=\"Add condition\"\n                  triggerComponent={<DSButton\n                    buttonType={buttonActionType}\n                    className={classNameElement('add-rule')}\n                    icon={<QueryAdd />}\n                    onClick={onAddFilter}\n                    size={buttonActionSize}\n                    containerProps={{\n                      'data-testid': 'query-add-button',\n                    }}\n                  />}\n                />\n                {allowUnGroup && (\n                  <DSTooltip title=\"Remove group\"\n                  triggerComponent={<DSButton\n                    buttonType=\"text\"\n                    className={classNameElement('ungroup')}\n                    icon={<ParenthesisRemove />}\n                    onClick={handleRuleContainerUnGroup}\n                    size={buttonActionSize}\n                    containerProps={{\n                      'data-testid': 'parenthesis-remove-button',\n                    }}\n                  />}\n                />\n                )}\n                <DSToggle\n                  checked={condition}\n                  className={classNameElement('and-or-toggle')}\n                  labelOff={labelOff}\n                  labelOn={labelOn}\n                  onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n                  size={toogleActionSize}\n                  containerProps={{\n                    'data-testid': 'and-or-toggle-button',\n                  }}\n                />\n              </div>\n            }\n            tooltipType={TooltipType.TOOLBAR}\n            triggerComponent={\n              <div\n                className={`${classNameBlock('trigger-controller')} ${showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n                  } step-${step}`}\n              >\n                <div className={classNameElement('condition-display')}>\n                  <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n                  <span className={classNameElement('condition-display-step')}>{step}</span>\n                  <div className=\"separator\" />\n                  <MoreOptionsVert\n                    color={DSIconColors.NEUTRAL}\n                    onClick={this.handleMouseEnterRow}\n                    size={DSIconSizes.S}\n                    containerProps={{\n                      'data-testid': 'and-or-more-options-button',\n                    }}\n                  />\n                </div>\n                {showDragController && (\n                  <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n                )}\n              </div>\n            }\n            zIndex={toolTipZIndex}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AndOrController;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -68,33 +68,42 @@ const ConditionController = ({
     }),
     title: /* @__PURE__ */ import_react.default.createElement("div", {
       className: classNameBlock("actions")
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: buttonActionType,
-      className: classNameElement("remove-rule"),
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryRemove, null),
-      onClick: onRemoveFilter,
-      size: buttonActionSize,
-      containerProps: {
-        "data-testid": "query-remove-button"
-      }
-    }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: buttonActionType,
-      className: classNameElement("add-rule"),
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryAdd, null),
-      onClick: onAddFilter,
-      size: buttonActionSize,
-      containerProps: {
-        "data-testid": "query-add-button"
-      }
-    }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: buttonActionType,
-      className: `${classNameElement("add-rule-container")} no-border-right`,
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ParenthesisAdd, null),
-      onClick: onAddRuleContainer,
-      size: buttonActionSize,
-      containerProps: {
-        "data-testid": "parenthesis-add-button"
-      }
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+      title: "Remove condition",
+      triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+        buttonType: buttonActionType,
+        className: classNameElement("remove-rule"),
+        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryRemove, null),
+        onClick: onRemoveFilter,
+        size: buttonActionSize,
+        containerProps: {
+          "data-testid": "query-remove-button"
+        }
+      })
+    }), /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+      title: "Add condition",
+      triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+        buttonType: buttonActionType,
+        className: classNameElement("add-rule"),
+        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryAdd, null),
+        onClick: onAddFilter,
+        size: buttonActionSize,
+        containerProps: {
+          "data-testid": "query-add-button"
+        }
+      })
+    }), /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+      title: "Add group",
+      triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+        buttonType: buttonActionType,
+        className: `${classNameElement("add-rule-container")} no-border-right`,
+        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ParenthesisAdd, null),
+        onClick: onAddRuleContainer,
+        size: buttonActionSize,
+        containerProps: {
+          "data-testid": "parenthesis-add-button"
+        }
+      })
     })),
     tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
     triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ConditionController/ConditionController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\n\nconst ConditionController = ({\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  handleTooltipRow = () => null,\n  buttonTriggerSize = DSIconSizes.M,\n  buttonTriggerType = 'text',\n  buttonActionSize = DSIconSizes.M,\n  buttonActionType = 'text',\n  delayClose = DELAY_CLOSE,\n  delayOpen = DELAY_OPEN,\n  isOpen = false,\n  toolTipZIndex,\n}) => {\n  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n    'query-builder-condition-controller',\n  );\n  return (\n    <div className={cssClassName}>\n      <DSTooltip\n        delayClose={delayClose}\n        delayOpen={delayOpen}\n        interactionType={Interaction.CLICK}\n        isOpen={isOpen}\n        onOpen={handleTooltipRow}\n        placement={Position.LEFT}\n        springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n        title={\n          <div className={classNameBlock('actions')}>\n            <DSButton\n              buttonType={buttonActionType}\n              className={classNameElement('remove-rule')}\n              icon={<QueryRemove />}\n              onClick={onRemoveFilter}\n              size={buttonActionSize}\n              containerProps={{\n                'data-testid': 'query-remove-button',\n              }}\n            />\n            <DSButton\n              buttonType={buttonActionType}\n              className={classNameElement('add-rule')}\n              icon={<QueryAdd />}\n              onClick={onAddFilter}\n              size={buttonActionSize}\n              containerProps={{\n                'data-testid': 'query-add-button',\n              }}\n            />\n            <DSButton\n              buttonType={buttonActionType}\n              className={`${classNameElement('add-rule-container')} no-border-right`}\n              icon={<ParenthesisAdd />}\n              onClick={onAddRuleContainer}\n              size={buttonActionSize}\n              containerProps={{\n                'data-testid': 'parenthesis-add-button',\n              }}\n            />\n          </div>\n        }\n        tooltipType={TooltipType.TOOLBAR}\n        triggerComponent={\n          <DSButton\n            buttonType={buttonTriggerType}\n            icon={<MoreOptionsVert color={['neutral', '500']} />}\n            onClick={handleTooltipRow}\n            size={buttonTriggerSize}\n            containerProps={{\n              'data-testid': 'condition-more-options-button',\n            }}\n          />\n        }\n        zIndex={toolTipZIndex}\n      />\n    </div>\n  );\n};\n\nexport default ConditionController;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAA4B;AAC5B,sBAAuE;AACvE,uBAAqB;AACrB,8BAAiC;AACjC,uBAAoE;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,2BAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,2BAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,MACI;AACJ,QAAM,EAAE,cAAc,gBAAgB,qBAAqB,oDACzD;AAEF,SACE,mDAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KACd,mDAAC,2BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,iBAAiB,oCAAY;AAAA,IAC7B;AAAA,IACA,QAAQ;AAAA,IACR,WAAW,iCAAS;AAAA,IACpB,0BAA0B,mDAAC,0CAAD;AAAA,MAAkB,UAAU;AAAA;AAAA,IACtD,OACE,mDAAC,OAAD;AAAA,MAAK,WAAW,eAAe;AAAA,OAC7B,mDAAC,0BAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,iBAAiB;AAAA,MAC5B,MAAM,mDAAC,6BAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,QAGnB,mDAAC,0BAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,iBAAiB;AAAA,MAC5B,MAAM,mDAAC,0BAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,QAGnB,mDAAC,0BAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,GAAG,iBAAiB;AAAA,MAC/B,MAAM,mDAAC,gCAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA;AAAA,IAKvB,aAAa,8BAAY;AAAA,IACzB,kBACE,mDAAC,0BAAD;AAAA,MACE,YAAY;AAAA,MACZ,MAAM,mDAAC,iCAAD;AAAA,QAAiB,OAAO,CAAC,WAAW;AAAA;AAAA,MAC1C,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA;AAAA,IAIrB,QAAQ;AAAA;AAAA;AAMhB,IAAO,8BAAQ;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\n\nconst ConditionController = ({\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  handleTooltipRow = () => null,\n  buttonTriggerSize = DSIconSizes.M,\n  buttonTriggerType = 'text',\n  buttonActionSize = DSIconSizes.M,\n  buttonActionType = 'text',\n  delayClose = DELAY_CLOSE,\n  delayOpen = DELAY_OPEN,\n  isOpen = false,\n  toolTipZIndex,\n}) => {\n  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n    'query-builder-condition-controller',\n  );\n  return (\n    <div className={cssClassName}>\n      <DSTooltip\n        delayClose={delayClose}\n        delayOpen={delayOpen}\n        interactionType={Interaction.CLICK}\n        isOpen={isOpen}\n        onOpen={handleTooltipRow}\n        placement={Position.LEFT}\n        springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n        title={\n          <div className={classNameBlock('actions')}>\n            <DSTooltip title=\"Remove condition\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={classNameElement('remove-rule')}\n                icon={<QueryRemove />}\n                onClick={onRemoveFilter}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'query-remove-button',\n                }}\n              />}\n            />\n\n            <DSTooltip title=\"Add condition\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={classNameElement('add-rule')}\n                icon={<QueryAdd />}\n                onClick={onAddFilter}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'query-add-button',\n                }}\n              />}\n            />\n\n            <DSTooltip title=\"Add group\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={`${classNameElement('add-rule-container')} no-border-right`}\n                icon={<ParenthesisAdd />}\n                onClick={onAddRuleContainer}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'parenthesis-add-button',\n                }}\n              />}\n            />\n\n          </div>\n        }\n        tooltipType={TooltipType.TOOLBAR}\n        triggerComponent={\n          <DSButton\n            buttonType={buttonTriggerType}\n            icon={<MoreOptionsVert color={['neutral', '500']} />}\n            onClick={handleTooltipRow}\n            size={buttonTriggerSize}\n            containerProps={{\n              'data-testid': 'condition-more-options-button',\n            }}\n          />\n        }\n        zIndex={toolTipZIndex}\n      />\n    </div>\n  );\n};\n\nexport default ConditionController;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAA4B;AAC5B,sBAAuE;AACvE,uBAAqB;AACrB,8BAAiC;AACjC,uBAAoE;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,2BAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,2BAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,MACI;AACJ,QAAM,EAAE,cAAc,gBAAgB,qBAAqB,oDACzD,oCACF;AACA,SACE,mDAAC;AAAA,IAAI,WAAW;AAAA,KACd,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,iBAAiB,oCAAY;AAAA,IAC7B;AAAA,IACA,QAAQ;AAAA,IACR,WAAW,iCAAS;AAAA,IACpB,0BAA0B,mDAAC;AAAA,MAAiB,UAAU;AAAA,KAA4B;AAAA,IAClF,OACE,mDAAC;AAAA,MAAI,WAAW,eAAe,SAAS;AAAA,OACtC,mDAAC;AAAA,MAAU,OAAM;AAAA,MACf,kBAAkB,mDAAC;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW,iBAAiB,aAAa;AAAA,QACzC,MAAM,mDAAC,iCAAY;AAAA,QACnB,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,KACF,GAEA,mDAAC;AAAA,MAAU,OAAM;AAAA,MACf,kBAAkB,mDAAC;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW,iBAAiB,UAAU;AAAA,QACtC,MAAM,mDAAC,8BAAS;AAAA,QAChB,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,KACF,GAEA,mDAAC;AAAA,MAAU,OAAM;AAAA,MACf,kBAAkB,mDAAC;AAAA,QACjB,YAAY;AAAA,QACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,QACnD,MAAM,mDAAC,oCAAe;AAAA,QACtB,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,KACF,CAEF;AAAA,IAEF,aAAa,8BAAY;AAAA,IACzB,kBACE,mDAAC;AAAA,MACC,YAAY;AAAA,MACZ,MAAM,mDAAC;AAAA,QAAgB,OAAO,CAAC,WAAW,KAAK;AAAA,OAAG;AAAA,MAClD,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA,MACjB;AAAA,KACF;AAAA,IAEF,QAAQ;AAAA,GACV,CACF;AAEJ;AAEA,IAAO,8BAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DisplayOutput/DisplayOutput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { Component } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\n\nconst { cssClassName } = convertPropToCssClassName('query-builder-output');\n\nclass DisplayOutput extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n  }\n\n  handleChange = () => {\n    this.setState(({ show }) => ({\n      show: !show,\n    }));\n  };\n\n  render() {\n    const { show } = this.state;\n    const { showLabel, hideLabel, displayFixedOutput } = this.props;\n    return (\n      <QueryBuilderContext.Consumer>\n        {({ format }) => {\n          let display = '';\n          try {\n            display = typeof format === 'object' ? JSON.stringify(format) : format;\n          } catch (e) {\n            display = e;\n          }\n          if (displayFixedOutput) {\n            return (\n              <div className={cssClassName} data-testid=\"qb-fixed-output-wrapper\">\n                <Grid p=\"xxs\">\n                  <strong data-testid=\"qb-fixed-output-label\">{displayFixedOutput}</strong>\n                </Grid>\n                <Grid pl=\"xxs\" pr=\"xxs\" data-testid=\"qb-fixed-output-content\">\n                  {display}\n                </Grid>\n              </div>\n            );\n          }\n\n          return (\n            <div className={cssClassName}>\n              <DSAccordion activeValue={show} onChange={this.handleChange}>\n                <DSAccordionItem\n                  iconClosed={ChevronRight}\n                  iconOpened={ChevronDown}\n                  title={show ? hideLabel : showLabel}\n                  value\n                >\n                  <div>{display}</div>\n                </DSAccordionItem>\n              </DSAccordion>\n            </div>\n          );\n        }}\n      </QueryBuilderContext.Consumer>\n    );\n  }\n}\n\nexport default DisplayOutput;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,iBAAiB,oDAA0B;AAEnD,4BAA4B,uBAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM;AAMR,wBAAe,MAAM;AACnB,WAAK,SAAS,CAAC,EAAE,WAAY;AAAA,QAC3B,MAAM,CAAC;AAAA;AAAA;AAPT,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA;AAAA;AAAA,EAUhB,SAAS;AACP,UAAM,EAAE,SAAS,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,uBAAuB,KAAK;AAC1D,WACE,mDAAC,+CAAoB,UAArB,MACG,CAAC,EAAE,aAAa;AACf,UAAI,UAAU;AACd,UAAI;AACF,kBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,UAAU;AAAA,eACzD,GAAP;AACA,kBAAU;AAAA;AAEZ,UAAI,oBAAoB;AACtB,eACE,mDAAC,OAAD;AAAA,UAAK,WAAW;AAAA,UAAc,eAAY;AAAA,WACxC,mDAAC,qBAAD;AAAA,UAAM,GAAE;AAAA,WACN,mDAAC,UAAD;AAAA,UAAQ,eAAY;AAAA,WAAyB,sBAE/C,mDAAC,qBAAD;AAAA,UAAM,IAAG;AAAA,UAAM,IAAG;AAAA,UAAM,eAAY;AAAA,WACjC;AAAA;AAMT,aACE,mDAAC,OAAD;AAAA,QAAK,WAAW;AAAA,SACd,mDAAC,iCAAD;AAAA,QAAa,aAAa;AAAA,QAAM,UAAU,KAAK;AAAA,SAC7C,mDAAC,qCAAD;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,OAAO,OAAO,YAAY;AAAA,QAC1B,OAAK;AAAA,SAEL,mDAAC,OAAD,MAAM;AAAA;AAAA;AAAA;AAWxB,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,iBAAiB,oDAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,uBAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,MAAM;AACnB,WAAK,SAAS,CAAC,EAAE,WAAY;AAAA,QAC3B,MAAM,CAAC;AAAA,MACT,EAAE;AAAA,IACJ;AATE,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA,IACd;AAAA,EACF;AAAA,EAQA,SAAS;AACP,UAAM,EAAE,SAAS,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,uBAAuB,KAAK;AAC1D,WACE,mDAAC,+CAAoB,UAApB,MACE,CAAC,EAAE,aAAa;AACf,UAAI,UAAU;AACd,UAAI;AACF,kBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,MAAM,IAAI;AAAA,MAClE,SAAS,GAAP;AACA,kBAAU;AAAA,MACZ;AACA,UAAI,oBAAoB;AACtB,eACE,mDAAC;AAAA,UAAI,WAAW;AAAA,UAAc,eAAY;AAAA,WACxC,mDAAC;AAAA,UAAK,GAAE;AAAA,WACN,mDAAC;AAAA,UAAO,eAAY;AAAA,WAAyB,kBAAmB,CAClE,GACA,mDAAC;AAAA,UAAK,IAAG;AAAA,UAAM,IAAG;AAAA,UAAM,eAAY;AAAA,WACjC,OACH,CACF;AAAA,MAEJ;AAEA,aACE,mDAAC;AAAA,QAAI,WAAW;AAAA,SACd,mDAAC;AAAA,QAAY,aAAa;AAAA,QAAM,UAAU,KAAK;AAAA,SAC7C,mDAAC;AAAA,QACC,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,OAAO,OAAO,YAAY;AAAA,QAC1B,OAAK;AAAA,SAEL,mDAAC,aAAK,OAAQ,CAChB,CACF,CACF;AAAA,IAEJ,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DragContainerController/DragContainerController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { MoreOptionsVert, GripperVertical } from '@elliemae/ds-icons';\n\nconst DragContainerController = ({\n  color = DSIconColors.NEUTRAL,\n  icon: Icon = GripperVertical,\n  size = DSIconSizes.S,\n  multipleSize = false,\n  onClick,\n}) => {\n  const { cssClassName } = convertPropToCssClassName('query-builder-drag-group');\n  return (\n    <div className={`${cssClassName}`}>\n      <Icon color={color} size={size} />\n      <div className=\"separator\" />\n      <MoreOptionsVert color={color} onClick={onClick} size={size} />\n      {multipleSize && <Icon className=\"additional-drag\" color={color} onClick={onClick} size={size} />}\n    </div>\n  );\n};\nexport default DragContainerController;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA0C;AAC1C,qBAA0C;AAC1C,sBAAiD;AAEjD,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ,4BAAa;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,OAAO,2BAAY;AAAA,EACnB,eAAe;AAAA,EACf;AAAA,MACI;AACJ,QAAM,EAAE,iBAAiB,oDAA0B;AACnD,SACE,mDAAC,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,KACjB,mDAAC,MAAD;AAAA,IAAM;AAAA,IAAc;AAAA,MACpB,mDAAC,OAAD;AAAA,IAAK,WAAU;AAAA,MACf,mDAAC,iCAAD;AAAA,IAAiB;AAAA,IAAc;AAAA,IAAkB;AAAA,MAChD,gBAAgB,mDAAC,MAAD;AAAA,IAAM,WAAU;AAAA,IAAkB;AAAA,IAAc;AAAA,IAAkB;AAAA;AAAA;AAIzF,IAAO,kCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA0C;AAC1C,qBAA0C;AAC1C,sBAAiD;AAEjD,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ,4BAAa;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,OAAO,2BAAY;AAAA,EACnB,eAAe;AAAA,EACf;AAAA,MACI;AACJ,QAAM,EAAE,iBAAiB,oDAA0B,0BAA0B;AAC7E,SACE,mDAAC;AAAA,IAAI,WAAW,GAAG;AAAA,KACjB,mDAAC;AAAA,IAAK;AAAA,IAAc;AAAA,GAAY,GAChC,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAY,GAC3B,mDAAC;AAAA,IAAgB;AAAA,IAAc;AAAA,IAAkB;AAAA,GAAY,GAC5D,gBAAgB,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAkB;AAAA,IAAc;AAAA,IAAkB;AAAA,GAAY,CACjG;AAEJ;AACA,IAAO,kCAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/DragControllerRow/DragControllerRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { GripperVertical } from '@elliemae/ds-icons';\n\nconst DragControllerRow = ({\n  className = 'drag-controller',\n  color = ['neutral', '500'],\n  icon: Icon = GripperVertical,\n  size = DSIconSizes.M,\n  ...rest\n}) => (\n  <div className={className} {...rest}>\n    <Icon color={color} size={size} />\n  </div>\n);\nexport default DragControllerRow;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAA4B;AAC5B,sBAAgC;AAEhC,MAAM,oBAAoB,CAAC,OAMxB;AANwB,eACzB;AAAA,gBAAY;AAAA,IACZ,QAAQ,CAAC,WAAW;AAAA,IACpB,MAAM,OAAO;AAAA,IACb,OAAO,2BAAY;AAAA,MAJM,IAKtB,iBALsB,IAKtB;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,OAAD;AAAA,IAAK;AAAA,KAA0B,OAC7B,mDAAC,MAAD;AAAA,IAAM;AAAA,IAAc;AAAA;AAAA;AAGxB,IAAO,4BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAA4B;AAC5B,sBAAgC;AAEhC,MAAM,oBAAoB,CAAC,OAMxB;AANwB,eACzB;AAAA,gBAAY;AAAA,IACZ,QAAQ,CAAC,WAAW,KAAK;AAAA,IACzB,MAAM,OAAO;AAAA,IACb,OAAO,2BAAY;AAAA,MAJM,IAKtB,iBALsB,IAKtB;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC;AAAA,IAAI;AAAA,KAA0B,OAC7B,mDAAC;AAAA,IAAK;AAAA,IAAc;AAAA,GAAY,CAClC;AAAA;AAEF,IAAO,4BAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/FieldControllerRow/FieldControllerRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DSTextBox, DSComboBox } from '@elliemae/ds-form';\n\nconst FieldControllerRow = ({\n  className = '',\n  onChange = () => null,\n  options = [],\n  value = '',\n  type = 'DSComboBox',\n}) => (\n  <div className={className}>\n    {type === 'DSComboBox' && <DSComboBox onChange={onChange} options={options} value={value} />}\n    {type === 'DSTextBox' && <DSTextBox fluidWidth onChange={onChange} options={options} value={value} />}\n  </div>\n);\nexport default FieldControllerRow;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAsC;AAEtC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,MAEP,mDAAC,OAAD;AAAA,EAAK;AAAA,GACF,SAAS,gBAAgB,mDAAC,2BAAD;AAAA,EAAY;AAAA,EAAoB;AAAA,EAAkB;AAAA,IAC3E,SAAS,eAAe,mDAAC,0BAAD;AAAA,EAAW,YAAU;AAAA,EAAC;AAAA,EAAoB;AAAA,EAAkB;AAAA;AAGzF,IAAO,6BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAsC;AAEtC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU,CAAC;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,MAEP,mDAAC;AAAA,EAAI;AAAA,GACF,SAAS,gBAAgB,mDAAC;AAAA,EAAW;AAAA,EAAoB;AAAA,EAAkB;AAAA,CAAc,GACzF,SAAS,eAAe,mDAAC;AAAA,EAAU,YAAU;AAAA,EAAC;AAAA,EAAoB;AAAA,EAAkB;AAAA,CAAc,CACrG;AAEF,IAAO,6BAAQ;",
   "names": []
 }

package/dist/cjs/components/Nestable/Nestable.js

@@ -47,7 +47,7 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
 var import_classnames = __toESM(require("classnames"));
-var import_utils = require("@elliemae/ds-shared/utils");
+var import_ds_shared = require("@elliemae/ds-shared");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_actions = require("./actions");
 var import_NestableItem = __toESM(require("./NestableItem"));
@@ -121,7 +121,7 @@ class Nestable extends import_react.Component {
   componentDidMount() {
     const { childrenProp } = this.props;
     let { items } = this.props;
-    items = (0, import_utils.listWithChildren)(items, childrenProp);
+    items = (0, import_ds_shared.listWithChildren)(items, childrenProp);
     this.setState({ items });
   }
   componentWillUnmount() {
@@ -137,7 +137,7 @@ class Nestable extends import_react.Component {
         extra.collapsedGroups = [];
       }
       return __spreadValues({
-        items: (0, import_utils.listWithChildren)(itemsNew, childrenProp),
+        items: (0, import_ds_shared.listWithChildren)(itemsNew, childrenProp),
         dragItem: null,
         isDirty: false,
         oldProps: props
@@ -205,14 +205,7 @@ class Nestable extends import_react.Component {
   }
   render() {
     const { items, dragItem } = this.state;
-    const {
-      group,
-      isAndItem,
-      isOrItem,
-      isDraggableItem,
-      setDraggableItems,
-      singleRow
-    } = this.props;
+    const { group, isAndItem, isOrItem, isDraggableItem, setDraggableItems, singleRow } = this.props;
     const options = this.getItemOptions();
     const childLength = items.length;
     let childClass = "single";

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Nestable/Nestable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-bitwise, max-lines  */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared/utils';\nimport { isEqualWith } from '@elliemae/ds-utilities';\nimport {\n  tryIncreaseDepth,\n  tryDecreaseDepth,\n  moveItem,\n  getItemOptions,\n  getRealNextPath,\n  getPathById,\n  getItemByPath,\n  getItemDepth,\n  getSplicePath,\n  onDragStart,\n  onDragEnd,\n  onMouseMove,\n  onMouseEnter,\n  onToggleCollapse,\n  onKeyDown,\n} from './actions';\n\nimport NestableItem from './NestableItem';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n  !isEqualWith(instance.props, nextProps) ||\n  !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      items: [],\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n      collapsedGroups: [],\n      stopTrackingMouse: this.stopTrackMouse.bind(this),\n      oldProps: props,\n    };\n\n    this.el = null;\n    this.elCopyStyles = null;\n    this.mouse = {\n      last: { x: 0 },\n      shift: { x: 0 },\n    };\n  }\n\n  componentDidMount() {\n    const { childrenProp } = this.props;\n    let { items } = this.props;\n    // make sure every item has property 'children'\n    items = listWithChildren(items, childrenProp);\n    this.setState({ items });\n  }\n\n  componentWillUnmount() {\n    this.stopTrackMouse();\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const { items: itemsNew, childrenProp } = props;\n    const { stopTrackingMouse, oldProps } = state;\n\n    if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n      stopTrackingMouse();\n      const extra = {};\n      if (oldProps.collapsed !== props.collapsed) {\n        extra.collapsedGroups = [];\n      }\n      return {\n        items: listWithChildren(itemsNew, childrenProp),\n        dragItem: null,\n        isDirty: false,\n        oldProps: props,\n        ...extra,\n      };\n    }\n    return null;\n  }\n\n  onDragStart = (e, item) => {\n    onDragStart.call(this, e, item);\n  };\n\n  onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n  onMouseMove = (e) => onMouseMove.call(this, e);\n\n  onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n  onToggleCollapse = (item, isGetter) =>\n    onToggleCollapse.call(this, item, isGetter);\n\n  onKeyDown = (e) => onKeyDown.call(this, e);\n\n  getDefaultItems = () => {\n    const { items } = this.state;\n    return items;\n  };\n\n  getPathById(id, items = this.getDefaultItems()) {\n    return getPathById.call(this, id, items);\n  }\n\n  getItemByPath(path, items = this.getDefaultItems()) {\n    return getItemByPath.call(this, path, items);\n  }\n\n  getItemDepth = (item) => getItemDepth.call(this, item);\n\n  getSplicePath(path, options = {}) {\n    return getSplicePath.call(this, path, options);\n  }\n\n  getRealNextPath(prevPath, nextPath) {\n    return getRealNextPath.call(this, prevPath, nextPath);\n  }\n\n  getItemOptions() {\n    return getItemOptions.call(this);\n  }\n\n  startTrackMouse = () => {\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onDragEnd);\n    document.addEventListener('keydown', this.onKeyDown);\n  };\n\n  stopTrackMouse = () => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onDragEnd);\n    document.removeEventListener('keydown', this.onKeyDown);\n    this.elCopyStyles = null;\n  };\n\n  isCollapsed = (item) => {\n    const { collapsed } = this.props;\n    const { collapsedGroups } = this.state;\n    return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n  };\n\n  checkFilterChildren = (items) =>\n    items.find((current) => {\n      const {\n        element: { type },\n        children,\n      } = current;\n      if (type === 'filter' && children.length > 0) return true;\n      return this.checkFilterChildren(children);\n    });\n\n  dragRevert = () => {\n    const { itemsOld } = this.state;\n\n    this.setState({\n      items: itemsOld,\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n  };\n\n  dragApply() {\n    const { onChange } = this.props;\n    const { items, isDirty, dragItem } = this.state;\n\n    this.setState({\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n\n    if (onChange && isDirty) onChange(items, dragItem);\n  }\n\n  tryIncreaseDepth(dragItem) {\n    tryIncreaseDepth.call(this, dragItem);\n  }\n\n  tryDecreaseDepth(dragItem) {\n    tryDecreaseDepth.call(this, dragItem);\n  }\n\n  moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n    moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n  }\n\n  renderDragLayer() {\n    const { group } = this.props;\n    const { dragItem } = this.state;\n    const el = document.querySelector(\n      `.nestable-${group} .nestable-item-${dragItem.id}`,\n    );\n\n    let listStyles = {};\n    if (el) {\n      listStyles.width = el.clientWidth;\n    }\n    if (this.elCopyStyles) {\n      listStyles = {\n        ...listStyles,\n        ...this.elCopyStyles,\n      };\n    }\n\n    const options = this.getItemOptions();\n\n    return (\n      <div className=\"nestable-drag-layer\">\n        <ol className=\"nestable-list\" style={listStyles}>\n          <NestableItem isCopy item={dragItem} options={options} />\n        </ol>\n      </div>\n    );\n  }\n\n  render() {\n    const { items, dragItem } = this.state;\n    const {\n      group,\n      isAndItem,\n      isOrItem,\n      isDraggableItem,\n      setDraggableItems,\n      singleRow,\n    } = this.props;\n    const options = this.getItemOptions();\n    const childLength = items.length;\n    let childClass = 'single';\n    if (childLength === 0) childClass = 'empty';\n    else if (childLength > 1) childClass = 'multiple';\n\n    return (\n      <div\n        className={cn('nestable', `nestable-${group}`, {\n          'is-drag-active': dragItem,\n        })}\n      >\n        <ol\n          className={`nestable-list nestable-group nestable-child-count-${childClass}`}\n        >\n          {items.map((item, i) => (\n            <NestableItem\n              key={item.id}\n              index={i}\n              isAndItem={isAndItem}\n              isDraggableItem={isDraggableItem}\n              isOrItem={isOrItem}\n              item={item}\n              options={options}\n              setDraggableItems={setDraggableItems}\n              singleRow={singleRow}\n            />\n          ))}\n        </ol>\n        {dragItem && this.renderDragLayer()}\n      </div>\n    );\n  }\n}\n\nNestable.defaultProps = {\n  items: [],\n  collapsed: false,\n  group: Math.random().toString(36).slice(2),\n  childrenProp: 'children',\n  onChange: () => {},\n};\n\nNestable.propTypes = {\n  childrenProp: PropTypes.string,\n  group: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  collapsed: PropTypes.bool,\n  onChange: PropTypes.func,\n  isAndItem: PropTypes.bool,\n  isOrItem: PropTypes.bool,\n  isDraggableItem: PropTypes.bool,\n  setDraggableItems: PropTypes.func,\n  singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable no-bitwise, max-lines  */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared';\nimport { isEqualWith } from '@elliemae/ds-utilities';\nimport {\n  tryIncreaseDepth,\n  tryDecreaseDepth,\n  moveItem,\n  getItemOptions,\n  getRealNextPath,\n  getPathById,\n  getItemByPath,\n  getItemDepth,\n  getSplicePath,\n  onDragStart,\n  onDragEnd,\n  onMouseMove,\n  onMouseEnter,\n  onToggleCollapse,\n  onKeyDown,\n} from './actions';\n\nimport NestableItem from './NestableItem';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n  !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      items: [],\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n      collapsedGroups: [],\n      stopTrackingMouse: this.stopTrackMouse.bind(this),\n      oldProps: props,\n    };\n\n    this.el = null;\n    this.elCopyStyles = null;\n    this.mouse = {\n      last: { x: 0 },\n      shift: { x: 0 },\n    };\n  }\n\n  componentDidMount() {\n    const { childrenProp } = this.props;\n    let { items } = this.props;\n    // make sure every item has property 'children'\n    items = listWithChildren(items, childrenProp);\n    this.setState({ items });\n  }\n\n  componentWillUnmount() {\n    this.stopTrackMouse();\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const { items: itemsNew, childrenProp } = props;\n    const { stopTrackingMouse, oldProps } = state;\n\n    if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n      stopTrackingMouse();\n      const extra = {};\n      if (oldProps.collapsed !== props.collapsed) {\n        extra.collapsedGroups = [];\n      }\n      return {\n        items: listWithChildren(itemsNew, childrenProp),\n        dragItem: null,\n        isDirty: false,\n        oldProps: props,\n        ...extra,\n      };\n    }\n    return null;\n  }\n\n  onDragStart = (e, item) => {\n    onDragStart.call(this, e, item);\n  };\n\n  onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n  onMouseMove = (e) => onMouseMove.call(this, e);\n\n  onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n  onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);\n\n  onKeyDown = (e) => onKeyDown.call(this, e);\n\n  getDefaultItems = () => {\n    const { items } = this.state;\n    return items;\n  };\n\n  getPathById(id, items = this.getDefaultItems()) {\n    return getPathById.call(this, id, items);\n  }\n\n  getItemByPath(path, items = this.getDefaultItems()) {\n    return getItemByPath.call(this, path, items);\n  }\n\n  getItemDepth = (item) => getItemDepth.call(this, item);\n\n  getSplicePath(path, options = {}) {\n    return getSplicePath.call(this, path, options);\n  }\n\n  getRealNextPath(prevPath, nextPath) {\n    return getRealNextPath.call(this, prevPath, nextPath);\n  }\n\n  getItemOptions() {\n    return getItemOptions.call(this);\n  }\n\n  startTrackMouse = () => {\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onDragEnd);\n    document.addEventListener('keydown', this.onKeyDown);\n  };\n\n  stopTrackMouse = () => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onDragEnd);\n    document.removeEventListener('keydown', this.onKeyDown);\n    this.elCopyStyles = null;\n  };\n\n  isCollapsed = (item) => {\n    const { collapsed } = this.props;\n    const { collapsedGroups } = this.state;\n    return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n  };\n\n  checkFilterChildren = (items) =>\n    items.find((current) => {\n      const {\n        element: { type },\n        children,\n      } = current;\n      if (type === 'filter' && children.length > 0) return true;\n      return this.checkFilterChildren(children);\n    });\n\n  dragRevert = () => {\n    const { itemsOld } = this.state;\n\n    this.setState({\n      items: itemsOld,\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n  };\n\n  dragApply() {\n    const { onChange } = this.props;\n    const { items, isDirty, dragItem } = this.state;\n\n    this.setState({\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n\n    if (onChange && isDirty) onChange(items, dragItem);\n  }\n\n  tryIncreaseDepth(dragItem) {\n    tryIncreaseDepth.call(this, dragItem);\n  }\n\n  tryDecreaseDepth(dragItem) {\n    tryDecreaseDepth.call(this, dragItem);\n  }\n\n  moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n    moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n  }\n\n  renderDragLayer() {\n    const { group } = this.props;\n    const { dragItem } = this.state;\n    const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);\n\n    let listStyles = {};\n    if (el) {\n      listStyles.width = el.clientWidth;\n    }\n    if (this.elCopyStyles) {\n      listStyles = {\n        ...listStyles,\n        ...this.elCopyStyles,\n      };\n    }\n\n    const options = this.getItemOptions();\n\n    return (\n      <div className=\"nestable-drag-layer\">\n        <ol className=\"nestable-list\" style={listStyles}>\n          <NestableItem isCopy item={dragItem} options={options} />\n        </ol>\n      </div>\n    );\n  }\n\n  render() {\n    const { items, dragItem } = this.state;\n    const { group, isAndItem, isOrItem, isDraggableItem, setDraggableItems, singleRow } = this.props;\n    const options = this.getItemOptions();\n    const childLength = items.length;\n    let childClass = 'single';\n    if (childLength === 0) childClass = 'empty';\n    else if (childLength > 1) childClass = 'multiple';\n\n    return (\n      <div\n        className={cn('nestable', `nestable-${group}`, {\n          'is-drag-active': dragItem,\n        })}\n      >\n        <ol className={`nestable-list nestable-group nestable-child-count-${childClass}`}>\n          {items.map((item, i) => (\n            <NestableItem\n              key={item.id}\n              index={i}\n              isAndItem={isAndItem}\n              isDraggableItem={isDraggableItem}\n              isOrItem={isOrItem}\n              item={item}\n              options={options}\n              setDraggableItems={setDraggableItems}\n              singleRow={singleRow}\n            />\n          ))}\n        </ol>\n        {dragItem && this.renderDragLayer()}\n      </div>\n    );\n  }\n}\n\nNestable.defaultProps = {\n  items: [],\n  collapsed: false,\n  group: Math.random().toString(36).slice(2),\n  childrenProp: 'children',\n  onChange: () => {},\n};\n\nNestable.propTypes = {\n  childrenProp: PropTypes.string,\n  group: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  collapsed: PropTypes.bool,\n  onChange: PropTypes.func,\n  isAndItem: PropTypes.bool,\n  isOrItem: PropTypes.bool,\n  isDraggableItem: PropTypes.bool,\n  setDraggableItems: PropTypes.func,\n  singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Nestable/NestableItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAe;AAEf,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,iBAAiB;AAExD,QAAM,cAAc,QAAQ,YAAY;AACxC,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,WACrB,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,CAAE,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,WAAW,+BACT,gBAAgB,SAAS,UAAU,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK,MAC9C,sBAAsB,KAAK,QAAQ,QACnC;AAAA,MACE,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,OAEpD;AAAA,MACE,eAAe;AAAA;AAAA;AAKrB,MAAI,WAAW;AACf,MAAI,eAAe;AACnB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW,iCACN,WADM;AAAA,QAET,cAAc,OAAK,QAAQ,aAAa,GAAG;AAAA;AAAA,WAExC;AACL,qBAAe,iCACV,eADU;AAAA,QAEb,WAAW,oBAAoB;AAAA,QAC/B,aAAa,OAAK,QAAQ,YAAY,GAAG;AAAA;AAAA;AAAA;AAK/C,MAAI,SAAS;AACX,cACE,mDAAC,QAAD;AAAA,MAAM,WAAU;AAAA,OAA4B,eACzC;AAAA,SAIA;AACL,eAAW,kCACN,WACA;AAAA;AAIP,QAAM,cAAc,KAAK,cAAc;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,mDAAC,MAAD,mBAAQ,YACN,mDAAC,OAAD;AAAA,IACE,WAAW,0CAA0C,KAAK,QAAQ;AAAA,KAC9D,WAEH,WAAW;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT;AAAA,OAGH,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,mDAAC,MAAD;AAAA,IAAI,WAAW,sCAAsC;AAAA,KAClD,KAAK,cAAc,IAAI,CAAC,aAAa,MACpC,mDAAC,cAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN;AAAA,IACA;AAAA;AAAA;AASd,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAe;AAEf,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,iBAAiB;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,WACrB,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,CAAE,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,WAAW,+BACT,gBAAgB,SAAS,UAAU,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK,MAC9C,sBAAsB,KAAK,QAAQ,QACnC;AAAA,MACE,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,IACpD,GACA;AAAA,MACE,eAAe;AAAA,IACjB,CACF;AAAA,EACF;AAEA,MAAI,WAAW,CAAC;AAChB,MAAI,eAAe,CAAC;AACpB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW,iCACN,WADM;AAAA,QAET,cAAc,OAAK,QAAQ,aAAa,GAAG,IAAI;AAAA,MACjD;AAAA,IACF,OAAO;AACL,qBAAe,iCACV,eADU;AAAA,QAEb,WAAW,oBAAoB;AAAA,QAC/B,aAAa,OAAK,QAAQ,YAAY,GAAG,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AAEA,MAAI,SAAS;AACX,cACE,mDAAC;AAAA,MAAK,WAAU;AAAA,OAA4B,eACzC,OACH;AAAA,EAGJ,OAAO;AACL,eAAW,kCACN,WACA;AAAA,EAEP;AAEA,QAAM,cAAc,KAAK,cAAc;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,mDAAC,yBAAO,YACN,mDAAC;AAAA,IACC,WAAW,0CAA0C,KAAK,QAAQ;AAAA,KAC9D,WAEH,WAAW;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EACF,CAAC,CACH,GACC,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,mDAAC;AAAA,IAAG,WAAW,sCAAsC;AAAA,KAClD,KAAK,cAAc,IAAI,CAAC,aAAa,MACpC,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN;AAAA,IACA;AAAA,GACF,CACD,CACH,CAEJ;AAEJ;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/components/Nestable/actions/events.js

@@ -49,13 +49,13 @@ __export(events_exports, {
   onToggleCollapse: () => onToggleCollapse
 });
 var React = __toESM(require("react"));
-var import_utils = require("@elliemae/ds-shared/utils");
+var import_ds_shared = require("@elliemae/ds-shared");
 function onDragStart(e, item) {
   if (e) {
     e.preventDefault();
     e.stopPropagation();
   }
-  this.el = (0, import_utils.closest)(e.target, ".nestable-item");
+  this.el = (0, import_ds_shared.closest)(e.target, ".nestable-item");
   this.startTrackMouse();
   this.onMouseMove(e);
   const { items } = this.state;
@@ -79,11 +79,11 @@ function onMouseMove(e) {
   const { group, threshold } = this.props;
   const { dragItem } = this.state;
   const { clientX, clientY } = e;
-  const transformProps = (0, import_utils.getTransformProps)(clientX, clientY);
+  const transformProps = (0, import_ds_shared.getTransformProps)(clientX, clientY);
   const elCopy = document.querySelector(`.nestable-${group} .nestable-drag-layer > .nestable-list`);
   if (!this.elCopyStyles) {
-    const offset = (0, import_utils.getOffsetRect)(this.el);
-    const scroll = (0, import_utils.getTotalScroll)(this.el);
+    const offset = (0, import_ds_shared.getOffsetRect)(this.el);
+    const scroll = (0, import_ds_shared.getTotalScroll)(this.el);
     this.elCopyStyles = __spreadValues({
       marginTop: offset.top - clientY - scroll.top,
       marginLeft: offset.left - clientX - scroll.left

package/dist/cjs/components/Nestable/actions/events.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Nestable/actions/events.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-bitwise, no-loops/no-loops, max-lines, max-statements, no-restricted-syntax, no-prototype-builtins */\nimport {\n  closest,\n  getOffsetRect,\n  getTotalScroll,\n  getTransformProps,\n} from '@elliemae/ds-shared/utils';\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(\n    `.nestable-${group} .nestable-drag-layer > .nestable-list`,\n  );\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 (\n      (diffX >= 0 && this.mouse.shift.x >= 0) ||\n      (diffX <= 0 && this.mouse.shift.x <= 0)\n    ) {\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\n        ? collapsedGroups.filter(id => id !== item.id)\n        : 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/components/Nestable/actions/getItemOptions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/Nestable/actions/getItemOptions.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export function getItemOptions() {\n  const { renderItem, renderCollapseIcon, handler, childrenProp } = this.props;\n  const { dragItem } = this.state;\n\n  return {\n    dragItem,\n    childrenProp,\n    renderItem,\n    renderCollapseIcon,\n    handler,\n\n    onDragStart: this.onDragStart,\n    onMouseEnter: this.onMouseEnter,\n    isCollapsed: this.isCollapsed,\n    onToggleCollapse: this.onToggleCollapse,\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,0BAA0B;AAC/B,QAAM,EAAE,YAAY,oBAAoB,SAAS,iBAAiB,KAAK;AACvE,QAAM,EAAE,aAAa,KAAK;AAE1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa,KAAK;AAAA,IAClB,cAAc,KAAK;AAAA,IACnB,aAAa,KAAK;AAAA,IAClB,kBAAkB,KAAK;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,0BAA0B;AAC/B,QAAM,EAAE,YAAY,oBAAoB,SAAS,iBAAiB,KAAK;AACvE,QAAM,EAAE,aAAa,KAAK;AAE1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa,KAAK;AAAA,IAClB,cAAc,KAAK;AAAA,IACnB,aAAa,KAAK;AAAA,IAClB,kBAAkB,KAAK;AAAA,EACzB;AACF;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/Nestable/actions/getPaths.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,yBAAyB,UAAU,UAAU;AAClD,QAAM,EAAE,iBAAiB,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;AAG7C,UAAI,OAAO,SAAS,OAAO,UAAU;AACnC,eAAO;AAAA;AAGT,UAAI,SAAS,KAAK,SAAS,MAAM,MAAM,aAAa;AAClD,qBAAa;AACb,eAAO,YAAY;AAAA;AAGrB,aAAO;AAAA;AAAA;AAIX,MAAI,SAAS,WAAW,SAAS,QAAQ;AAEvC,QAAI,SAAS,eAAe,SAAS,cAAc;AACjD,YAAM,SAAS,KAAK,cAAc;AAElC,UACE,OAAO,iBACP,OAAO,cAAc,UACrB,CAAC,KAAK,YAAY,SAClB;AACA,eAAO,SACJ,MAAM,GAAG,IACT,OAAO,SAAS,eAAe,GAC/B,OAAO;AAAA;AAAA;AAAA;AAKhB,SAAO;AAAA;AAGF,qBAAqB,IAAI,OAAO;AACrC,QAAM,EAAE,iBAAiB,KAAK;AAC9B,MAAI,OAAO;AAEX,QAAM,MAAM,CAAC,MAAM,MAAM;AACvB,QAAI,KAAK,OAAO,IAAI;AAClB,WAAK,KAAK;AAAA,eACD,KAAK,eAAe;AAC7B,YAAM,eAAe,KAAK,YAAY,IAAI,KAAK;AAE/C,UAAI,aAAa,QAAQ;AACvB,eAAO,KAAK,OAAO,GAAG,OAAO;AAAA;AAAA;AAIjC,WAAO,KAAK,WAAW;AAAA;AAGzB,SAAO;AAAA;AAGF,uBAAuB,MAAM,OAAO;AACzC,QAAM,EAAE,iBAAiB,KAAK;AAC9B,MAAI,OAAO;AAEX,OAAK,QAAQ,WAAS;AACpB,UAAM,OAAO,OAAO,KAAK,gBAAgB;AACzC,WAAO,KAAK;AAAA;AAGd,SAAO;AAAA;AAEF,sBAAsB,MAAM;AACjC,QAAM,EAAE,iBAAiB,KAAK;AAC9B,MAAI,QAAQ;AAEZ,MAAI,KAAK,cAAc,SAAS,GAAG;AACjC,UAAM,iBAAiB,KAAK,cAAc,IAAI,KAAK;AACnD,aAAS,KAAK,IAAI,GAAG;AAAA;AAGvB,SAAO;AAAA;AAEF,uBAAuB,MAAM,UAAU,IAAI;AAChD,QAAM,aAAa;AACnB,QAAM,cAAc,QAAQ,eAAe;AAC3C,QAAM,gBAAgB,QAAQ,iBAAiB;AAC/C,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,WAC1C;AACL,YAAM,WAAW;AACjB,kBAAY,SAAS,GAAG,QAAQ,eAAe;AAC/C,oBAAc;AAAA;AAAA;AAIlB,SAAO;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,yBAAyB,UAAU,UAAU;AAClD,QAAM,EAAE,iBAAiB,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,qBAAqB,IAAI,OAAO;AACrC,QAAM,EAAE,iBAAiB,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,uBAAuB,MAAM,OAAO;AACzC,QAAM,EAAE,iBAAiB,KAAK;AAC9B,MAAI,OAAO;AAEX,OAAK,QAAQ,WAAS;AACpB,UAAM,OAAO,OAAO,KAAK,gBAAgB;AACzC,WAAO,KAAK;AAAA,EACd,CAAC;AAED,SAAO;AACT;AACO,sBAAsB,MAAM;AACjC,QAAM,EAAE,iBAAiB,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,uBAAuB,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,GAAG,QAAQ,eAAe,SAAS;AACxD,oBAAc;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/components/Nestable/actions/moveItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/Nestable/actions/moveItem.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import update from 'react-addons-update';\n\nexport function moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n  const { childrenProp } = this.props;\n  let { items } = this.state;\n\n  // the remove action might affect the next position,\n  // so update next coordinates accordingly\n  const realPathTo = this.getRealNextPath(pathFrom, pathTo);\n\n  const removePath = this.getSplicePath(pathFrom, {\n    numToRemove: 1,\n    childrenProp,\n  });\n\n  const insertPath = this.getSplicePath(realPathTo, {\n    numToRemove: 0,\n    itemsToInsert: [dragItem],\n    childrenProp,\n  });\n\n  items = update(items, removePath);\n  items = update(items, insertPath);\n\n  this.setState({\n    items,\n    isDirty: true,\n    ...extraProps,\n  });\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAmB;AAEZ,kBAAkB,EAAE,UAAU,UAAU,UAAU,aAAa,IAAI;AACxE,QAAM,EAAE,iBAAiB,KAAK;AAC9B,MAAI,EAAE,UAAU,KAAK;AAIrB,QAAM,aAAa,KAAK,gBAAgB,UAAU;AAElD,QAAM,aAAa,KAAK,cAAc,UAAU;AAAA,IAC9C,aAAa;AAAA,IACb;AAAA;AAGF,QAAM,aAAa,KAAK,cAAc,YAAY;AAAA,IAChD,aAAa;AAAA,IACb,eAAe,CAAC;AAAA,IAChB;AAAA;AAGF,UAAQ,wCAAO,OAAO;AACtB,UAAQ,wCAAO,OAAO;AAEtB,OAAK,SAAS;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,KACN;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAmB;AAEZ,kBAAkB,EAAE,UAAU,UAAU,UAAU,aAAa,CAAC,GAAG;AACxE,QAAM,EAAE,iBAAiB,KAAK;AAC9B,MAAI,EAAE,UAAU,KAAK;AAIrB,QAAM,aAAa,KAAK,gBAAgB,UAAU,MAAM;AAExD,QAAM,aAAa,KAAK,cAAc,UAAU;AAAA,IAC9C,aAAa;AAAA,IACb;AAAA,EACF,CAAC;AAED,QAAM,aAAa,KAAK,cAAc,YAAY;AAAA,IAChD,aAAa;AAAA,IACb,eAAe,CAAC,QAAQ;AAAA,IACxB;AAAA,EACF,CAAC;AAED,UAAQ,wCAAO,OAAO,UAAU;AAChC,UAAQ,wCAAO,OAAO,UAAU;AAEhC,OAAK,SAAS;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,KACN,WACJ;AACH;",
   "names": []
 }