@elliemae/ds-query-builder 1.60.0 → 2.0.0-alpha.12

package/esm/components/ConditionController/ConditionController.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
 import { PopperInteractions, PopperPositions } from '@elliemae/ds-popper';
@@ -6,86 +7,66 @@ import { DSIconSizes } from '@elliemae/ds-icon';
 import { QueryRemove, QueryAdd, ParenthesisAdd, MoreOptionsVert } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';
-import { TOOLBAR_ANIMATION_DURATION, DELAY_CLOSE, DELAY_OPEN } from '../helpers/constants.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-shared/Animations/GrowRight';
+import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';
 
-/* eslint-disable react/prop-types */
+var _ToolBarAnimation, _QueryRemove, _QueryAdd, _ParenthesisAdd;
 
-var ConditionController = function ConditionController(_ref) {
-  var _ref$onAddFilter = _ref.onAddFilter,
-      onAddFilter = _ref$onAddFilter === void 0 ? function () {
-    return null;
-  } : _ref$onAddFilter,
-      _ref$onAddRuleContain = _ref.onAddRuleContainer,
-      onAddRuleContainer = _ref$onAddRuleContain === void 0 ? function () {
-    return null;
-  } : _ref$onAddRuleContain,
-      _ref$onRemoveFilter = _ref.onRemoveFilter,
-      onRemoveFilter = _ref$onRemoveFilter === void 0 ? function () {
-    return null;
-  } : _ref$onRemoveFilter,
-      _ref$handleTooltipRow = _ref.handleTooltipRow,
-      handleTooltipRow = _ref$handleTooltipRow === void 0 ? function () {
-    return null;
-  } : _ref$handleTooltipRow,
-      _ref$buttonTriggerSiz = _ref.buttonTriggerSize,
-      buttonTriggerSize = _ref$buttonTriggerSiz === void 0 ? DSIconSizes.M : _ref$buttonTriggerSiz,
-      _ref$buttonTriggerTyp = _ref.buttonTriggerType,
-      buttonTriggerType = _ref$buttonTriggerTyp === void 0 ? 'text' : _ref$buttonTriggerTyp,
-      _ref$buttonActionSize = _ref.buttonActionSize,
-      buttonActionSize = _ref$buttonActionSize === void 0 ? DSIconSizes.M : _ref$buttonActionSize,
-      _ref$buttonActionType = _ref.buttonActionType,
-      buttonActionType = _ref$buttonActionType === void 0 ? 'text' : _ref$buttonActionType,
-      _ref$delayClose = _ref.delayClose,
-      delayClose = _ref$delayClose === void 0 ? DELAY_CLOSE : _ref$delayClose,
-      _ref$delayOpen = _ref.delayOpen,
-      delayOpen = _ref$delayOpen === void 0 ? DELAY_OPEN : _ref$delayOpen,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      toolTipZIndex = _ref.toolTipZIndex;
-
-  var _convertPropToCssClas = convertPropToCssClassName('query-builder-condition-controller'),
-      cssClassName = _convertPropToCssClas.cssClassName,
-      classNameBlock = _convertPropToCssClas.classNameBlock,
-      classNameElement = _convertPropToCssClas.classNameElement;
-
-  return /*#__PURE__*/React.createElement("div", {
+const ConditionController = _ref => {
+  let {
+    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
+  } = _ref;
+  const {
+    cssClassName,
+    classNameBlock,
+    classNameElement
+  } = convertPropToCssClassName('query-builder-condition-controller');
+  return /*#__PURE__*/_jsx("div", {
     className: cssClassName
-  }, /*#__PURE__*/React.createElement(DSTooltip, {
+  }, void 0, /*#__PURE__*/_jsx(DSTooltip, {
     delayClose: delayClose,
     delayOpen: delayOpen,
     interactionType: PopperInteractions.CLICK,
     isOpen: isOpen,
     onOpen: handleTooltipRow,
     placement: PopperPositions.LEFT,
-    springAnimationComponent: /*#__PURE__*/React.createElement(ToolBarAnimation, {
+    springAnimationComponent: _ToolBarAnimation || (_ToolBarAnimation = /*#__PURE__*/_jsx(ToolBarAnimation, {
       duration: TOOLBAR_ANIMATION_DURATION
-    }),
-    title: /*#__PURE__*/React.createElement("div", {
+    })),
+    title: /*#__PURE__*/_jsx("div", {
       className: classNameBlock('actions')
-    }, /*#__PURE__*/React.createElement(DSButton, {
+    }, void 0, /*#__PURE__*/_jsx(DSButton, {
       buttonType: buttonActionType,
       className: classNameElement('remove-rule'),
-      icon: /*#__PURE__*/React.createElement(QueryRemove, null),
+      icon: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx(QueryRemove, {})),
       onClick: onRemoveFilter,
       size: buttonActionSize,
       containerProps: {
         'data-testid': 'query-remove-button'
       }
-    }), /*#__PURE__*/React.createElement(DSButton, {
+    }), /*#__PURE__*/_jsx(DSButton, {
       buttonType: buttonActionType,
       className: classNameElement('add-rule'),
-      icon: /*#__PURE__*/React.createElement(QueryAdd, null),
+      icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx(QueryAdd, {})),
       onClick: onAddFilter,
       size: buttonActionSize,
       containerProps: {
         'data-testid': 'query-add-button'
       }
-    }), /*#__PURE__*/React.createElement(DSButton, {
+    }), /*#__PURE__*/_jsx(DSButton, {
       buttonType: buttonActionType,
       className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
-      icon: /*#__PURE__*/React.createElement(ParenthesisAdd, null),
+      icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx(ParenthesisAdd, {})),
       onClick: onAddRuleContainer,
       size: buttonActionSize,
       containerProps: {
@@ -93,9 +74,9 @@ var ConditionController = function ConditionController(_ref) {
       }
     })),
     tooltipType: TooltipType.TOOLBAR,
-    triggerComponent: /*#__PURE__*/React.createElement(DSButton, {
+    triggerComponent: /*#__PURE__*/_jsx(DSButton, {
       buttonType: buttonTriggerType,
-      icon: /*#__PURE__*/React.createElement(MoreOptionsVert, {
+      icon: /*#__PURE__*/_jsx(MoreOptionsVert, {
         color: ['neutral', '500']
       }),
       onClick: handleTooltipRow,
@@ -109,4 +90,3 @@ var ConditionController = function ConditionController(_ref) {
 };
 
 export { ConditionController as default };
-//# sourceMappingURL=ConditionController.js.map

package/esm/components/DisplayOutput/DisplayOutput.js

@@ -1,98 +1,83 @@
-import _typeof from '@babel/runtime/helpers/esm/typeof';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import React, { Component } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { Component } from 'react';
 import { Grid } from '@elliemae/ds-grid';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';
 import { ChevronRight, ChevronDown } from '@elliemae/ds-icons';
 import { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+const {
+  cssClassName
+} = convertPropToCssClassName('query-builder-output');
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+class DisplayOutput extends Component {
+  constructor(props) {
+    super(props);
 
-var _convertPropToCssClas = convertPropToCssClassName('query-builder-output'),
-    cssClassName = _convertPropToCssClas.cssClassName;
-
-var DisplayOutput = /*#__PURE__*/function (_Component) {
-  _inherits(DisplayOutput, _Component);
-
-  var _super = _createSuper(DisplayOutput);
-
-  function DisplayOutput(props) {
-    var _this;
-
-    _classCallCheck(this, DisplayOutput);
-
-    _this = _super.call(this, props);
-
-    _this.handleChange = function () {
-      _this.setState(function (_ref) {
-        var show = _ref.show;
+    this.handleChange = () => {
+      this.setState(_ref => {
+        let {
+          show
+        } = _ref;
         return {
           show: !show
         };
       });
     };
 
-    _this.state = {
+    this.state = {
       show: props.show
     };
-    return _this;
   }
 
-  _createClass(DisplayOutput, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var show = this.state.show;
-      var _this$props = this.props,
-          showLabel = _this$props.showLabel,
-          hideLabel = _this$props.hideLabel,
-          displayFixedOutput = _this$props.displayFixedOutput;
-      return /*#__PURE__*/React.createElement(QueryBuilderContext.Consumer, null, function (_ref2) {
-        var format = _ref2.format;
-        var display = '';
-
-        try {
-          display = _typeof(format) === 'object' ? JSON.stringify(format) : format;
-        } catch (e) {
-          display = e;
-        }
-
-        if (displayFixedOutput) {
-          return /*#__PURE__*/React.createElement("div", {
-            className: cssClassName
-          }, /*#__PURE__*/React.createElement(Grid, {
-            p: "xxs"
-          }, /*#__PURE__*/React.createElement("strong", null, displayFixedOutput)), /*#__PURE__*/React.createElement(Grid, {
-            pl: "xxs",
-            pr: "xxs"
-          }, display));
-        }
-
-        return /*#__PURE__*/React.createElement("div", {
+  render() {
+    var _Grid;
+
+    const {
+      show
+    } = this.state;
+    const {
+      showLabel,
+      hideLabel,
+      displayFixedOutput
+    } = this.props;
+    return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
+      let {
+        format
+      } = _ref2;
+      let display = '';
+
+      try {
+        display = typeof format === 'object' ? JSON.stringify(format) : format;
+      } catch (e) {
+        display = e;
+      }
+
+      if (displayFixedOutput) {
+        return /*#__PURE__*/_jsx("div", {
           className: cssClassName
-        }, /*#__PURE__*/React.createElement(DSAccordion, {
-          activeValue: show,
-          onChange: _this2.handleChange
-        }, /*#__PURE__*/React.createElement(DSAccordionItem, {
-          iconClosed: ChevronRight,
-          iconOpened: ChevronDown,
-          title: show ? hideLabel : showLabel,
-          value: true
-        }, /*#__PURE__*/React.createElement("div", null, display))));
-      });
-    }
-  }]);
+        }, void 0, _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
+          p: "xxs"
+        }, void 0, /*#__PURE__*/_jsx("strong", {}, void 0, displayFixedOutput))), /*#__PURE__*/_jsx(Grid, {
+          pl: "xxs",
+          pr: "xxs"
+        }, void 0, display));
+      }
+
+      return /*#__PURE__*/_jsx("div", {
+        className: cssClassName
+      }, void 0, /*#__PURE__*/_jsx(DSAccordion, {
+        activeValue: show,
+        onChange: this.handleChange
+      }, void 0, /*#__PURE__*/_jsx(DSAccordionItem, {
+        iconClosed: ChevronRight,
+        iconOpened: ChevronDown,
+        title: show ? hideLabel : showLabel,
+        value: true
+      }, void 0, /*#__PURE__*/_jsx("div", {}, void 0, display))));
+    });
+  }
 
-  return DisplayOutput;
-}(Component);
+}
 
 export { DisplayOutput as default };
-//# sourceMappingURL=DisplayOutput.js.map

package/esm/components/DragContainerController/DragContainerController.js

@@ -1,34 +1,34 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';
-import { MoreOptionsVert, GripperVertical } from '@elliemae/ds-icons';
+import { GripperVertical, MoreOptionsVert } from '@elliemae/ds-icons';
 
-var DragContainerController = function DragContainerController(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? DSIconColors.NEUTRAL : _ref$color,
-      _ref$icon = _ref.icon,
-      Icon = _ref$icon === void 0 ? GripperVertical : _ref$icon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? DSIconSizes.S : _ref$size,
-      _ref$multipleSize = _ref.multipleSize,
-      multipleSize = _ref$multipleSize === void 0 ? false : _ref$multipleSize,
-      onClick = _ref.onClick;
+var _div;
 
-  var _convertPropToCssClas = convertPropToCssClassName('query-builder-drag-group'),
-      cssClassName = _convertPropToCssClas.cssClassName;
-
-  return /*#__PURE__*/React.createElement("div", {
+const DragContainerController = _ref => {
+  let {
+    color = DSIconColors.NEUTRAL,
+    icon: Icon = GripperVertical,
+    size = DSIconSizes.S,
+    multipleSize = false,
+    onClick
+  } = _ref;
+  const {
+    cssClassName
+  } = convertPropToCssClassName('query-builder-drag-group');
+  return /*#__PURE__*/_jsx("div", {
     className: "".concat(cssClassName)
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, void 0, /*#__PURE__*/_jsx(Icon, {
     color: color,
     size: size
-  }), /*#__PURE__*/React.createElement("div", {
+  }), _div || (_div = /*#__PURE__*/_jsx("div", {
     className: "separator"
-  }), /*#__PURE__*/React.createElement(MoreOptionsVert, {
+  })), /*#__PURE__*/_jsx(MoreOptionsVert, {
     color: color,
     onClick: onClick,
     size: size
-  }), multipleSize && /*#__PURE__*/React.createElement(Icon, {
+  }), multipleSize && /*#__PURE__*/_jsx(Icon, {
     className: "additional-drag",
     color: color,
     onClick: onClick,
@@ -37,4 +37,3 @@ var DragContainerController = function DragContainerController(_ref) {
 };
 
 export { DragContainerController as default };
-//# sourceMappingURL=DragContainerController.js.map

package/esm/components/DragControllerRow/DragControllerRow.js

@@ -1,29 +1,39 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'react';
 import { DSIconSizes } from '@elliemae/ds-icon';
 import { GripperVertical } from '@elliemae/ds-icons';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["className", "color", "icon", "size"];
+const _excluded = ["className", "color", "icon", "size"];
 
-var DragControllerRow = function DragControllerRow(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? 'drag-controller' : _ref$className,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? ['neutral', '500'] : _ref$color,
-      _ref$icon = _ref.icon,
-      Icon = _ref$icon === void 0 ? GripperVertical : _ref$icon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? DSIconSizes.M : _ref$size,
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 = GripperVertical,
+    size = DSIconSizes.M
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     className: className
-  }, rest), /*#__PURE__*/React.createElement(Icon, {
-    color: color,
-    size: size
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx(Icon, {
+      color: color,
+      size: size
+    })
   }));
 };
 
 export { DragControllerRow as default };
-//# sourceMappingURL=DragControllerRow.js.map

package/esm/components/FieldControllerRow/FieldControllerRow.js

@@ -1,26 +1,22 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { DSComboBox, DSTextBox } from '@elliemae/ds-form';
 
-var FieldControllerRow = function FieldControllerRow(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return null;
-  } : _ref$onChange,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'DSComboBox' : _ref$type;
-  return /*#__PURE__*/React.createElement("div", {
+const FieldControllerRow = _ref => {
+  let {
+    className = '',
+    onChange = () => null,
+    options = [],
+    value = '',
+    type = 'DSComboBox'
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
     className: className
-  }, type === 'DSComboBox' && /*#__PURE__*/React.createElement(DSComboBox, {
+  }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx(DSComboBox, {
     onChange: onChange,
     options: options,
     value: value
-  }), type === 'DSTextBox' && /*#__PURE__*/React.createElement(DSTextBox, {
+  }), type === 'DSTextBox' && /*#__PURE__*/_jsx(DSTextBox, {
     fluidWidth: true,
     onChange: onChange,
     options: options,
@@ -29,4 +25,3 @@ var FieldControllerRow = function FieldControllerRow(_ref) {
 };
 
 export { FieldControllerRow as default };
-//# sourceMappingURL=FieldControllerRow.js.map