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

package/cjs/components/ConditionController/ConditionController.js

@@ -1,100 +0,0 @@
-'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", {
-    className: cssClassName
-  }, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
-    delayClose: delayClose,
-    delayOpen: delayOpen,
-    interactionType: dsPopper.PopperInteractions.CLICK,
-    isOpen: 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"], {
-      buttonType: buttonActionType,
-      className: classNameElement('remove-rule'),
-      icon: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryRemove, {})),
-      onClick: onRemoveFilter,
-      size: buttonActionSize,
-      containerProps: {
-        'data-testid': 'query-remove-button'
-      }
-    }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      buttonType: buttonActionType,
-      className: classNameElement('add-rule'),
-      icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryAdd, {})),
-      onClick: onAddFilter,
-      size: buttonActionSize,
-      containerProps: {
-        'data-testid': 'query-add-button'
-      }
-    }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      buttonType: buttonActionType,
-      className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
-      icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.ParenthesisAdd, {})),
-      onClick: onAddRuleContainer,
-      size: buttonActionSize,
-      containerProps: {
-        'data-testid': 'parenthesis-add-button'
-      }
-    })),
-    tooltipType: DSTooltip.TooltipType.TOOLBAR,
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      buttonType: buttonTriggerType,
-      icon: /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
-        color: ['neutral', '500']
-      }),
-      onClick: handleTooltipRow,
-      size: buttonTriggerSize,
-      containerProps: {
-        'data-testid': 'condition-more-options-button'
-      }
-    }),
-    zIndex: toolTipZIndex
-  }));
-};
-
-module.exports = ConditionController;

package/cjs/components/DisplayOutput/DisplayOutput.js

@@ -1,89 +0,0 @@
-'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 {
-  constructor(props) {
-    super(props);
-
-    this.handleChange = () => {
-      this.setState(_ref => {
-        let {
-          show
-        } = _ref;
-        return {
-          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 = '';
-
-      try {
-        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, {
-          p: "xxs"
-        }, void 0, /*#__PURE__*/_jsx__default["default"]("strong", {}, void 0, displayFixedOutput))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-          pl: "xxs",
-          pr: "xxs"
-        }, void 0, display));
-      }
-
-      return /*#__PURE__*/_jsx__default["default"]("div", {
-        className: cssClassName
-      }, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordion, {
-        activeValue: show,
-        onChange: this.handleChange
-      }, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordionItem, {
-        iconClosed: dsIcons.ChevronRight,
-        iconOpened: dsIcons.ChevronDown,
-        title: show ? hideLabel : showLabel,
-        value: true
-      }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, display))));
-    });
-  }
-
-}
-
-module.exports = DisplayOutput;

package/cjs/components/DragContainerController/DragContainerController.js

@@ -1,45 +0,0 @@
-'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", {
-    className: "separator"
-  })), /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
-    color: color,
-    onClick: onClick,
-    size: size
-  }), multipleSize && /*#__PURE__*/_jsx__default["default"](Icon, {
-    className: "additional-drag",
-    color: color,
-    onClick: onClick,
-    size: size
-  }));
-};
-
-module.exports = DragContainerController;

package/cjs/components/DragControllerRow/DragControllerRow.js

@@ -1,47 +0,0 @@
-'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
-    })
-  }));
-};
-
-module.exports = DragControllerRow;

package/cjs/components/FieldControllerRow/FieldControllerRow.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsForm = require('@elliemae/ds-form');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const FieldControllerRow = _ref => {
-  let {
-    className = '',
-    onChange = () => null,
-    options = [],
-    value = '',
-    type = 'DSComboBox'
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: className
-  }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
-    onChange: onChange,
-    options: options,
-    value: value
-  }), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
-    fluidWidth: true,
-    onChange: onChange,
-    options: options,
-    value: value
-  }));
-};
-
-module.exports = FieldControllerRow;

package/cjs/components/Nestable/Nestable.js

@@ -1,320 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.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 React = require('react');
-var cn = require('classnames');
-var utils = require('@elliemae/ds-shared/utils');
-var dsUtilities = require('@elliemae/ds-utilities');
-var tryIncreaseDepth = require('./actions/tryIncreaseDepth.js');
-var tryDecreaseDepth = require('./actions/tryDecreaseDepth.js');
-var moveItem = require('./actions/moveItem.js');
-var paths = require('./actions/paths.js');
-var events = require('./actions/events.js');
-var getItemOptions = require('./actions/getItemOptions.js');
-var NestableItem = require('./NestableItem.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-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 shallowCompare = (instance, nextProps, nextState) => !dsUtilities.isEqualWith(instance.props, nextProps) || !dsUtilities.isEqualWith(instance.state, nextState);
-
-class Nestable extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.onDragStart = (e, item) => {
-      events.onDragStart.call(this, e, item);
-    };
-
-    this.onDragEnd = (e, isCancel) => events.onDragEnd.call(this, e, isCancel);
-
-    this.onMouseMove = e => events.onMouseMove.call(this, e);
-
-    this.onMouseEnter = (e, item) => events.onMouseEnter.call(this, e, item);
-
-    this.onToggleCollapse = (item, isGetter) => events.onToggleCollapse.call(this, item, isGetter);
-
-    this.onKeyDown = e => events.onKeyDown.call(this, e);
-
-    this.getDefaultItems = () => {
-      const {
-        items
-      } = this.state;
-      return items;
-    };
-
-    this.getItemDepth = item => paths.getItemDepth.call(this, item);
-
-    this.startTrackMouse = () => {
-      document.addEventListener('mousemove', this.onMouseMove);
-      document.addEventListener('mouseup', this.onDragEnd);
-      document.addEventListener('keydown', this.onKeyDown);
-    };
-
-    this.stopTrackMouse = () => {
-      document.removeEventListener('mousemove', this.onMouseMove);
-      document.removeEventListener('mouseup', this.onDragEnd);
-      document.removeEventListener('keydown', this.onKeyDown);
-      this.elCopyStyles = null;
-    };
-
-    this.isCollapsed = item => {
-      const {
-        collapsed
-      } = this.props;
-      const {
-        collapsedGroups
-      } = this.state;
-      return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
-    };
-
-    this.checkFilterChildren = items => items.find(current => {
-      const {
-        element: {
-          type
-        },
-        children
-      } = current;
-      if (type === 'filter' && children.length > 0) return true;
-      return this.checkFilterChildren(children);
-    });
-
-    this.dragRevert = () => {
-      const {
-        itemsOld
-      } = this.state;
-      this.setState({
-        items: itemsOld,
-        itemsOld: null,
-        dragItem: null,
-        isDirty: false
-      });
-    };
-
-    this.state = {
-      items: [],
-      itemsOld: null,
-      dragItem: null,
-      isDirty: false,
-      collapsedGroups: [],
-      stopTrackingMouse: this.stopTrackMouse.bind(this),
-      oldProps: props
-    };
-    this.el = null;
-    this.elCopyStyles = null;
-    this.mouse = {
-      last: {
-        x: 0
-      },
-      shift: {
-        x: 0
-      }
-    };
-  }
-
-  componentDidMount() {
-    const {
-      childrenProp
-    } = this.props;
-    let {
-      items
-    } = this.props; // make sure every item has property 'children'
-
-    items = utils.listWithChildren(items, childrenProp);
-    this.setState({
-      items
-    });
-  }
-
-  componentWillUnmount() {
-    this.stopTrackMouse();
-  }
-
-  static getDerivedStateFromProps(props, state) {
-    const {
-      items: itemsNew,
-      childrenProp
-    } = props;
-    const {
-      stopTrackingMouse,
-      oldProps
-    } = state;
-
-    if (shallowCompare({
-      props: oldProps,
-      state: {}
-    }, props, {})) {
-      stopTrackingMouse();
-      const extra = {};
-
-      if (oldProps.collapsed !== props.collapsed) {
-        extra.collapsedGroups = [];
-      }
-
-      return _objectSpread({
-        items: utils.listWithChildren(itemsNew, childrenProp),
-        dragItem: null,
-        isDirty: false,
-        oldProps: props
-      }, extra);
-    }
-
-    return null;
-  }
-
-  getPathById(id) {
-    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
-    return paths.getPathById.call(this, id, items);
-  }
-
-  getItemByPath(path) {
-    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
-    return paths.getItemByPath.call(this, path, items);
-  }
-
-  getSplicePath(path) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return paths.getSplicePath.call(this, path, options);
-  }
-
-  getRealNextPath(prevPath, nextPath) {
-    return paths.getRealNextPath.call(this, prevPath, nextPath);
-  }
-
-  getItemOptions() {
-    return getItemOptions.getItemOptions.call(this);
-  }
-
-  dragApply() {
-    const {
-      onChange
-    } = this.props;
-    const {
-      items,
-      isDirty,
-      dragItem
-    } = this.state;
-    this.setState({
-      itemsOld: null,
-      dragItem: null,
-      isDirty: false
-    });
-    if (onChange && isDirty) onChange(items, dragItem);
-  }
-
-  tryIncreaseDepth(dragItem) {
-    tryIncreaseDepth.tryIncreaseDepth.call(this, dragItem);
-  }
-
-  tryDecreaseDepth(dragItem) {
-    tryDecreaseDepth.tryDecreaseDepth.call(this, dragItem);
-  }
-
-  moveItem(_ref) {
-    let {
-      dragItem,
-      pathFrom,
-      pathTo
-    } = _ref;
-    let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    moveItem.moveItem.call(this, {
-      dragItem,
-      pathFrom,
-      pathTo
-    }, extraProps);
-  }
-
-  renderDragLayer() {
-    const {
-      group
-    } = this.props;
-    const {
-      dragItem
-    } = this.state;
-    const el = document.querySelector(".nestable-".concat(group, " .nestable-item-").concat(dragItem.id));
-    let listStyles = {};
-
-    if (el) {
-      listStyles.width = el.clientWidth;
-    }
-
-    if (this.elCopyStyles) {
-      listStyles = _objectSpread(_objectSpread({}, listStyles), this.elCopyStyles);
-    }
-
-    const options = this.getItemOptions();
-    return /*#__PURE__*/_jsx__default["default"]("div", {
-      className: "nestable-drag-layer"
-    }, void 0, /*#__PURE__*/_jsx__default["default"]("ol", {
-      className: "nestable-list",
-      style: listStyles
-    }, void 0, /*#__PURE__*/_jsx__default["default"](NestableItem, {
-      isCopy: true,
-      item: dragItem,
-      options: options
-    })));
-  }
-
-  render() {
-    const {
-      items,
-      dragItem
-    } = this.state;
-    const {
-      group,
-      isAndItem,
-      isOrItem,
-      isDraggableItem,
-      setDraggableItems,
-      singleRow
-    } = this.props;
-    const options = this.getItemOptions();
-    const childLength = items.length;
-    let childClass = 'single';
-    if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
-    return /*#__PURE__*/_jsx__default["default"]("div", {
-      className: cn__default["default"]('nestable', "nestable-".concat(group), {
-        'is-drag-active': dragItem
-      })
-    }, void 0, /*#__PURE__*/_jsx__default["default"]("ol", {
-      className: "nestable-list nestable-group nestable-child-count-".concat(childClass)
-    }, void 0, items.map((item, i) => /*#__PURE__*/_jsx__default["default"](NestableItem, {
-      index: i,
-      isAndItem: isAndItem,
-      isDraggableItem: isDraggableItem,
-      isOrItem: isOrItem,
-      item: item,
-      options: options,
-      setDraggableItems: setDraggableItems,
-      singleRow: singleRow
-    }, item.id))), dragItem && this.renderDragLayer());
-  }
-
-}
-
-Nestable.defaultProps = {
-  items: [],
-  collapsed: false,
-  group: Math.random().toString(36).slice(2),
-  childrenProp: 'children',
-  onChange: () => {}
-};
-
-module.exports = Nestable;