@elliemae/ds-query-builder 2.2.1 → 2.3.0-alpha.4

package/cjs/components/ConditionController/ConditionController.js

@@ -1,100 +1,116 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSTooltip = require('@elliemae/ds-tooltip');
-var dsPopper = require('@elliemae/ds-popper');
-var dsIcon = require('@elliemae/ds-icon');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var ToolBarAnimation = require('../ToolBarAnimation/ToolBarAnimation.js');
-var constants = require('../helpers/constants.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _ToolBarAnimation, _QueryRemove, _QueryAdd, _ParenthesisAdd;
-
-const ConditionController = _ref => {
-  let {
-    onAddFilter = () => null,
-    onAddRuleContainer = () => null,
-    onRemoveFilter = () => null,
-    handleTooltipRow = () => null,
-    buttonTriggerSize = dsIcon.DSIconSizes.M,
-    buttonTriggerType = 'text',
-    buttonActionSize = dsIcon.DSIconSizes.M,
-    buttonActionType = 'text',
-    delayClose = constants.DELAY_CLOSE,
-    delayOpen = constants.DELAY_OPEN,
-    isOpen = false,
-    toolTipZIndex
-  } = _ref;
-  const {
-    cssClassName,
-    classNameBlock,
-    classNameElement
-  } = dsClassnames.convertPropToCssClassName('query-builder-condition-controller');
-  return /*#__PURE__*/_jsx__default["default"]("div", {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ConditionController_exports = {};
+__export(ConditionController_exports, {
+  default: () => ConditionController_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
+var import_ds_popper = require("@elliemae/ds-popper");
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ToolBarAnimation = require("../ToolBarAnimation/ToolBarAnimation");
+var import_constants = require("../helpers/constants");
+const ConditionController = ({
+  onAddFilter = () => null,
+  onAddRuleContainer = () => null,
+  onRemoveFilter = () => null,
+  handleTooltipRow = () => null,
+  buttonTriggerSize = import_ds_icon.DSIconSizes.M,
+  buttonTriggerType = "text",
+  buttonActionSize = import_ds_icon.DSIconSizes.M,
+  buttonActionType = "text",
+  delayClose = import_constants.DELAY_CLOSE,
+  delayOpen = import_constants.DELAY_OPEN,
+  isOpen = false,
+  toolTipZIndex
+}) => {
+  const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-condition-controller");
+  return /* @__PURE__ */ import_react.default.createElement("div", {
     className: cssClassName
-  }, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
-    delayClose: delayClose,
-    delayOpen: delayOpen,
-    interactionType: dsPopper.PopperInteractions.CLICK,
-    isOpen: isOpen,
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+    delayClose,
+    delayOpen,
+    interactionType: import_ds_popper.PopperInteractions.CLICK,
+    isOpen,
     onOpen: handleTooltipRow,
-    placement: dsPopper.PopperPositions.LEFT,
-    springAnimationComponent: _ToolBarAnimation || (_ToolBarAnimation = /*#__PURE__*/_jsx__default["default"](ToolBarAnimation.ToolBarAnimation, {
-      duration: constants.TOOLBAR_ANIMATION_DURATION
-    })),
-    title: /*#__PURE__*/_jsx__default["default"]("div", {
-      className: classNameBlock('actions')
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    placement: import_ds_popper.PopperPositions.LEFT,
+    springAnimationComponent: /* @__PURE__ */ import_react.default.createElement(import_ToolBarAnimation.ToolBarAnimation, {
+      duration: import_constants.TOOLBAR_ANIMATION_DURATION
+    }),
+    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: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryRemove, {})),
+      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'
+        "data-testid": "query-remove-button"
       }
-    }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
       buttonType: buttonActionType,
-      className: classNameElement('add-rule'),
-      icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryAdd, {})),
+      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'
+        "data-testid": "query-add-button"
       }
-    }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
       buttonType: buttonActionType,
-      className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
-      icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.ParenthesisAdd, {})),
+      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'
+        "data-testid": "parenthesis-add-button"
       }
     })),
-    tooltipType: DSTooltip.TooltipType.TOOLBAR,
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
       buttonType: buttonTriggerType,
-      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
-        color: ['neutral', '500']
+      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, {
+        color: ["neutral", "500"]
       }),
       onClick: handleTooltipRow,
       size: buttonTriggerSize,
       containerProps: {
-        'data-testid': 'condition-more-options-button'
+        "data-testid": "condition-more-options-button"
       }
     }),
     zIndex: toolTipZIndex
   }));
 };
-
-module.exports = ConditionController;
+var ConditionController_default = ConditionController;
+module.exports = __toCommonJS(ConditionController_exports);
+//# sourceMappingURL=ConditionController.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

package/cjs/components/DisplayOutput/DisplayOutput.js

@@ -1,89 +1,92 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsGrid = require('@elliemae/ds-grid');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsAccordion = require('@elliemae/ds-accordion');
-var dsIcons = require('@elliemae/ds-icons');
-var QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const {
-  cssClassName
-} = dsClassnames.convertPropToCssClassName('query-builder-output');
-
-class DisplayOutput extends React.Component {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DisplayOutput_exports = {};
+__export(DisplayOutput_exports, {
+  default: () => DisplayOutput_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_accordion = require("@elliemae/ds-accordion");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_QueryBuilderContext = require("../QueryBuilderContext/QueryBuilderContext");
+const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-output");
+class DisplayOutput extends import_react.Component {
   constructor(props) {
     super(props);
-
     this.handleChange = () => {
-      this.setState(_ref => {
-        let {
-          show
-        } = _ref;
-        return {
-          show: !show
-        };
-      });
+      this.setState(({ show }) => ({
+        show: !show
+      }));
     };
-
     this.state = {
       show: props.show
     };
   }
-
   render() {
-    var _Grid;
-
-    const {
-      show
-    } = this.state;
-    const {
-      showLabel,
-      hideLabel,
-      displayFixedOutput
-    } = this.props;
-    return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
-      let {
-        format
-      } = _ref2;
-      let display = '';
-
+    const { show } = this.state;
+    const { showLabel, hideLabel, displayFixedOutput } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderContext.QueryBuilderContext.Consumer, null, ({ format }) => {
+      let display = "";
       try {
-        display = typeof format === 'object' ? JSON.stringify(format) : format;
+        display = typeof format === "object" ? JSON.stringify(format) : format;
       } catch (e) {
         display = e;
       }
-
       if (displayFixedOutput) {
-        return /*#__PURE__*/_jsx__default["default"]("div", {
-          className: cssClassName
-        }, void 0, _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+        return /* @__PURE__ */ import_react.default.createElement("div", {
+          className: cssClassName,
+          "data-testid": "qb-fixed-output-wrapper"
+        }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
           p: "xxs"
-        }, void 0, /*#__PURE__*/_jsx__default["default"]("strong", {}, void 0, displayFixedOutput))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+        }, /* @__PURE__ */ import_react.default.createElement("strong", {
+          "data-testid": "qb-fixed-output-label"
+        }, displayFixedOutput)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
           pl: "xxs",
-          pr: "xxs"
-        }, void 0, display));
+          pr: "xxs",
+          "data-testid": "qb-fixed-output-content"
+        }, display));
       }
-
-      return /*#__PURE__*/_jsx__default["default"]("div", {
+      return /* @__PURE__ */ import_react.default.createElement("div", {
         className: cssClassName
-      }, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordion, {
+      }, /* @__PURE__ */ import_react.default.createElement(import_ds_accordion.DSAccordion, {
         activeValue: show,
         onChange: this.handleChange
-      }, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordionItem, {
-        iconClosed: dsIcons.ChevronRight,
-        iconOpened: dsIcons.ChevronDown,
+      }, /* @__PURE__ */ import_react.default.createElement(import_ds_accordion.DSAccordionItem, {
+        iconClosed: import_ds_icons.ChevronRight,
+        iconOpened: import_ds_icons.ChevronDown,
         title: show ? hideLabel : showLabel,
         value: true
-      }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, display))));
+      }, /* @__PURE__ */ import_react.default.createElement("div", null, display))));
     });
   }
-
 }
-
-module.exports = DisplayOutput;
+var DisplayOutput_default = DisplayOutput;
+module.exports = __toCommonJS(DisplayOutput_exports);
+//# sourceMappingURL=DisplayOutput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/cjs/components/DragContainerController/DragContainerController.js

@@ -1,45 +1,65 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsIcon = require('@elliemae/ds-icon');
-var dsIcons = require('@elliemae/ds-icons');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _div;
-
-const DragContainerController = _ref => {
-  let {
-    color = dsIcon.DSIconColors.NEUTRAL,
-    icon: Icon = dsIcons.GripperVertical,
-    size = dsIcon.DSIconSizes.S,
-    multipleSize = false,
-    onClick
-  } = _ref;
-  const {
-    cssClassName
-  } = dsClassnames.convertPropToCssClassName('query-builder-drag-group');
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "".concat(cssClassName)
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Icon, {
-    color: color,
-    size: size
-  }), _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DragContainerController_exports = {};
+__export(DragContainerController_exports, {
+  default: () => DragContainerController_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_ds_icons = require("@elliemae/ds-icons");
+const DragContainerController = ({
+  color = import_ds_icon.DSIconColors.NEUTRAL,
+  icon: Icon = import_ds_icons.GripperVertical,
+  size = import_ds_icon.DSIconSizes.S,
+  multipleSize = false,
+  onClick
+}) => {
+  const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-drag-group");
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: `${cssClassName}`
+  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+    color,
+    size
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
     className: "separator"
-  })), /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
-    color: color,
-    onClick: onClick,
-    size: size
-  }), multipleSize && /*#__PURE__*/_jsx__default["default"](Icon, {
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, {
+    color,
+    onClick,
+    size
+  }), multipleSize && /* @__PURE__ */ import_react.default.createElement(Icon, {
     className: "additional-drag",
-    color: color,
-    onClick: onClick,
-    size: size
+    color,
+    onClick,
+    size
   }));
 };
-
-module.exports = DragContainerController;
+var DragContainerController_default = DragContainerController;
+module.exports = __toCommonJS(DragContainerController_exports);
+//# sourceMappingURL=DragContainerController.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/cjs/components/DragControllerRow/DragControllerRow.js

@@ -1,47 +1,51 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var dsIcon = require('@elliemae/ds-icon');
-var dsIcons = require('@elliemae/ds-icons');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["className", "color", "icon", "size"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DragControllerRow = _ref => {
-  let {
-    className = 'drag-controller',
-    color = ['neutral', '500'],
-    icon: Icon = dsIcons.GripperVertical,
-    size = dsIcon.DSIconSizes.M
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-    className: className
-  }, rest), {}, {
-    children: /*#__PURE__*/_jsx__default["default"](Icon, {
-      color: color,
-      size: size
-    })
-  }));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-module.exports = DragControllerRow;
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DragControllerRow_exports = {};
+__export(DragControllerRow_exports, {
+  default: () => DragControllerRow_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_ds_icons = require("@elliemae/ds-icons");
+const DragControllerRow = ({
+  className = "drag-controller",
+  color = ["neutral", "500"],
+  icon: Icon = import_ds_icons.GripperVertical,
+  size = import_ds_icon.DSIconSizes.M,
+  ...rest
+}) => /* @__PURE__ */ import_react.default.createElement("div", {
+  className,
+  ...rest
+}, /* @__PURE__ */ import_react.default.createElement(Icon, {
+  color,
+  size
+}));
+var DragControllerRow_default = DragControllerRow;
+module.exports = __toCommonJS(DragControllerRow_exports);
+//# sourceMappingURL=DragControllerRow.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW;AAAA,EACpB,MAAM,OAAO;AAAA,EACb,OAAO,2BAAY;AAAA,KAChB;AAAA,MAEH,mDAAC,OAAD;AAAA,EAAK;AAAA,KAA0B;AAAA,GAC7B,mDAAC,MAAD;AAAA,EAAM;AAAA,EAAc;AAAA;AAGxB,IAAO,4BAAQ;",
+  "names": []
+}