@elliemae/ds-query-builder 2.3.0-alpha.6 → 2.3.0-next.0

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

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

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

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

package/dist/esm/components/ConditionController/ConditionController.js

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ConditionController/ConditionController.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\n\nconst ConditionController = ({\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  handleTooltipRow = () => null,\n  buttonTriggerSize = DSIconSizes.M,\n  buttonTriggerType = 'text',\n  buttonActionSize = DSIconSizes.M,\n  buttonActionType = 'text',\n  delayClose = DELAY_CLOSE,\n  delayOpen = DELAY_OPEN,\n  isOpen = false,\n  toolTipZIndex,\n}) => {\n  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n    'query-builder-condition-controller',\n  );\n  return (\n    <div className={cssClassName}>\n      <DSTooltip\n        delayClose={delayClose}\n        delayOpen={delayOpen}\n        interactionType={Interaction.CLICK}\n        isOpen={isOpen}\n        onOpen={handleTooltipRow}\n        placement={Position.LEFT}\n        springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n        title={\n          <div className={classNameBlock('actions')}>\n            <DSButton\n              buttonType={buttonActionType}\n              className={classNameElement('remove-rule')}\n              icon={<QueryRemove />}\n              onClick={onRemoveFilter}\n              size={buttonActionSize}\n              containerProps={{\n                'data-testid': 'query-remove-button',\n              }}\n            />\n            <DSButton\n              buttonType={buttonActionType}\n              className={classNameElement('add-rule')}\n              icon={<QueryAdd />}\n              onClick={onAddFilter}\n              size={buttonActionSize}\n              containerProps={{\n                'data-testid': 'query-add-button',\n              }}\n            />\n            <DSButton\n              buttonType={buttonActionType}\n              className={`${classNameElement('add-rule-container')} no-border-right`}\n              icon={<ParenthesisAdd />}\n              onClick={onAddRuleContainer}\n              size={buttonActionSize}\n              containerProps={{\n                'data-testid': 'parenthesis-add-button',\n              }}\n            />\n          </div>\n        }\n        tooltipType={TooltipType.TOOLBAR}\n        triggerComponent={\n          <DSButton\n            buttonType={buttonTriggerType}\n            icon={<MoreOptionsVert color={['neutral', '500']} />}\n            onClick={handleTooltipRow}\n            size={buttonTriggerSize}\n            containerProps={{\n              'data-testid': 'condition-more-options-button',\n            }}\n          />\n        }\n        zIndex={toolTipZIndex}\n      />\n    </div>\n  );\n};\n\nexport default ConditionController;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,YAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,YAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,MACI;AACJ,QAAM,EAAE,cAAc,gBAAgB,qBAAqB,0BACzD;AAEF,SACE,qCAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KACd,qCAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,iBAAiB,YAAY;AAAA,IAC7B;AAAA,IACA,QAAQ;AAAA,IACR,WAAW,SAAS;AAAA,IACpB,0BAA0B,qCAAC,kBAAD;AAAA,MAAkB,UAAU;AAAA;AAAA,IACtD,OACE,qCAAC,OAAD;AAAA,MAAK,WAAW,eAAe;AAAA,OAC7B,qCAAC,UAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,iBAAiB;AAAA,MAC5B,MAAM,qCAAC,aAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,QAGnB,qCAAC,UAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,iBAAiB;AAAA,MAC5B,MAAM,qCAAC,UAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA,QAGnB,qCAAC,UAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAW,GAAG,iBAAiB;AAAA,MAC/B,MAAM,qCAAC,gBAAD;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA;AAAA,IAKvB,aAAa,YAAY;AAAA,IACzB,kBACE,qCAAC,UAAD;AAAA,MACE,YAAY;AAAA,MACZ,MAAM,qCAAC,iBAAD;AAAA,QAAiB,OAAO,CAAC,WAAW;AAAA;AAAA,MAC1C,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,QACd,eAAe;AAAA;AAAA;AAAA,IAIrB,QAAQ;AAAA;AAAA;AAMhB,IAAO,8BAAQ;",
-  "names": []
-}

package/dist/esm/components/DisplayOutput/DisplayOutput.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
-import { ChevronDown, ChevronRight } from "@elliemae/ds-icons";
-import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext";
-const { cssClassName } = convertPropToCssClassName("query-builder-output");
-class DisplayOutput extends Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = () => {
-      this.setState(({ show }) => ({
-        show: !show
-      }));
-    };
-    this.state = {
-      show: props.show
-    };
-  }
-  render() {
-    const { show } = this.state;
-    const { showLabel, hideLabel, displayFixedOutput } = this.props;
-    return /* @__PURE__ */ React2.createElement(QueryBuilderContext.Consumer, null, ({ format }) => {
-      let display = "";
-      try {
-        display = typeof format === "object" ? JSON.stringify(format) : format;
-      } catch (e) {
-        display = e;
-      }
-      if (displayFixedOutput) {
-        return /* @__PURE__ */ React2.createElement("div", {
-          className: cssClassName,
-          "data-testid": "qb-fixed-output-wrapper"
-        }, /* @__PURE__ */ React2.createElement(Grid, {
-          p: "xxs"
-        }, /* @__PURE__ */ React2.createElement("strong", {
-          "data-testid": "qb-fixed-output-label"
-        }, displayFixedOutput)), /* @__PURE__ */ React2.createElement(Grid, {
-          pl: "xxs",
-          pr: "xxs",
-          "data-testid": "qb-fixed-output-content"
-        }, display));
-      }
-      return /* @__PURE__ */ React2.createElement("div", {
-        className: cssClassName
-      }, /* @__PURE__ */ React2.createElement(DSAccordion, {
-        activeValue: show,
-        onChange: this.handleChange
-      }, /* @__PURE__ */ React2.createElement(DSAccordionItem, {
-        iconClosed: ChevronRight,
-        iconOpened: ChevronDown,
-        title: show ? hideLabel : showLabel,
-        value: true
-      }, /* @__PURE__ */ React2.createElement("div", null, display))));
-    });
-  }
-}
-var DisplayOutput_default = DisplayOutput;
-export {
-  DisplayOutput_default as default
-};
-//# sourceMappingURL=DisplayOutput.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DisplayOutput/DisplayOutput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BAA0B;AAEnD,4BAA4B,UAAU;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,qCAAC,oBAAoB,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,qCAAC,OAAD;AAAA,UAAK,WAAW;AAAA,UAAc,eAAY;AAAA,WACxC,qCAAC,MAAD;AAAA,UAAM,GAAE;AAAA,WACN,qCAAC,UAAD;AAAA,UAAQ,eAAY;AAAA,WAAyB,sBAE/C,qCAAC,MAAD;AAAA,UAAM,IAAG;AAAA,UAAM,IAAG;AAAA,UAAM,eAAY;AAAA,WACjC;AAAA;AAMT,aACE,qCAAC,OAAD;AAAA,QAAK,WAAW;AAAA,SACd,qCAAC,aAAD;AAAA,QAAa,aAAa;AAAA,QAAM,UAAU,KAAK;AAAA,SAC7C,qCAAC,iBAAD;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,OAAO,OAAO,YAAY;AAAA,QAC1B,OAAK;AAAA,SAEL,qCAAC,OAAD,MAAM;AAAA;AAAA;AAAA;AAWxB,IAAO,wBAAQ;",
-  "names": []
-}

package/dist/esm/components/DragContainerController/DragContainerController.js

@@ -1,36 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
-import { MoreOptionsVert, GripperVertical } from "@elliemae/ds-icons";
-const DragContainerController = ({
-  color = DSIconColors.NEUTRAL,
-  icon: Icon = GripperVertical,
-  size = DSIconSizes.S,
-  multipleSize = false,
-  onClick
-}) => {
-  const { cssClassName } = convertPropToCssClassName("query-builder-drag-group");
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: `${cssClassName}`
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    color,
-    size
-  }), /* @__PURE__ */ React2.createElement("div", {
-    className: "separator"
-  }), /* @__PURE__ */ React2.createElement(MoreOptionsVert, {
-    color,
-    onClick,
-    size
-  }), multipleSize && /* @__PURE__ */ React2.createElement(Icon, {
-    className: "additional-drag",
-    color,
-    onClick,
-    size
-  }));
-};
-var DragContainerController_default = DragContainerController;
-export {
-  DragContainerController_default as default
-};
-//# sourceMappingURL=DragContainerController.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragContainerController/DragContainerController.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ,aAAa;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,EACnB,eAAe;AAAA,EACf;AAAA,MACI;AACJ,QAAM,EAAE,iBAAiB,0BAA0B;AACnD,SACE,qCAAC,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,KACjB,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAc;AAAA,MACpB,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,MACf,qCAAC,iBAAD;AAAA,IAAiB;AAAA,IAAc;AAAA,IAAkB;AAAA,MAChD,gBAAgB,qCAAC,MAAD;AAAA,IAAM,WAAU;AAAA,IAAkB;AAAA,IAAc;AAAA,IAAkB;AAAA;AAAA;AAIzF,IAAO,kCAAQ;",
-  "names": []
-}

package/dist/esm/components/DragControllerRow/DragControllerRow.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { DSIconSizes } from "@elliemae/ds-icon";
-import { GripperVertical } from "@elliemae/ds-icons";
-const DragControllerRow = ({
-  className = "drag-controller",
-  color = ["neutral", "500"],
-  icon: Icon = GripperVertical,
-  size = DSIconSizes.M,
-  ...rest
-}) => /* @__PURE__ */ React2.createElement("div", {
-  className,
-  ...rest
-}, /* @__PURE__ */ React2.createElement(Icon, {
-  color,
-  size
-}));
-var DragControllerRow_default = DragControllerRow;
-export {
-  DragControllerRow_default as default
-};
-//# sourceMappingURL=DragControllerRow.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragControllerRow/DragControllerRow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW;AAAA,EACpB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,KAChB;AAAA,MAEH,qCAAC,OAAD;AAAA,EAAK;AAAA,KAA0B;AAAA,GAC7B,qCAAC,MAAD;AAAA,EAAM;AAAA,EAAc;AAAA;AAGxB,IAAO,4BAAQ;",
-  "names": []
-}

package/dist/esm/components/FieldControllerRow/FieldControllerRow.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { DSTextBox, DSComboBox } from "@elliemae/ds-form";
-const FieldControllerRow = ({
-  className = "",
-  onChange = () => null,
-  options = [],
-  value = "",
-  type = "DSComboBox"
-}) => /* @__PURE__ */ React2.createElement("div", {
-  className
-}, type === "DSComboBox" && /* @__PURE__ */ React2.createElement(DSComboBox, {
-  onChange,
-  options,
-  value
-}), type === "DSTextBox" && /* @__PURE__ */ React2.createElement(DSTextBox, {
-  fluidWidth: true,
-  onChange,
-  options,
-  value
-}));
-var FieldControllerRow_default = FieldControllerRow;
-export {
-  FieldControllerRow_default as default
-};
-//# sourceMappingURL=FieldControllerRow.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/FieldControllerRow/FieldControllerRow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,MAEP,qCAAC,OAAD;AAAA,EAAK;AAAA,GACF,SAAS,gBAAgB,qCAAC,YAAD;AAAA,EAAY;AAAA,EAAoB;AAAA,EAAkB;AAAA,IAC3E,SAAS,eAAe,qCAAC,WAAD;AAAA,EAAW,YAAU;AAAA,EAAC;AAAA,EAAoB;AAAA,EAAkB;AAAA;AAGzF,IAAO,6BAAQ;",
-  "names": []
-}