@elliemae/ds-query-builder 3.0.0-next.2 → 3.0.0-next.3

package/cjs/components/Nestable/actions/tryIncreaseDepth.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function tryIncreaseDepth(dragItem) {
-  const {
-    maxDepth,
-    childrenProp,
-    collapsed
-  } = this.props;
-  const pathFrom = this.getPathById(dragItem.id);
-  const itemIndex = pathFrom[pathFrom.length - 1];
-  const newDepth = pathFrom.length + this.getItemDepth(dragItem); // has previous sibling and isn't at max depth
-
-  if (itemIndex > 0 && newDepth <= maxDepth) {
-    const prevSibling = this.getItemByPath(pathFrom.slice(0, -1).concat(itemIndex - 1)); // previous sibling is not collapsed
-
-    if (!prevSibling[childrenProp].length || !this.isCollapsed(prevSibling)) {
-      const pathTo = pathFrom.slice(0, -1).concat(itemIndex - 1).concat(prevSibling[childrenProp].length); // if collapsed by default
-      // and was no children here
-      // open this node
-
-      let collapseProps = {};
-
-      if (collapsed && !prevSibling[childrenProp].length) {
-        collapseProps = this.onToggleCollapse(prevSibling, true);
-      }
-
-      this.moveItem({
-        dragItem,
-        pathFrom,
-        pathTo
-      }, collapseProps);
-    }
-  }
-}
-
-exports.tryIncreaseDepth = tryIncreaseDepth;

package/cjs/components/Nestable/index.js

@@ -1,7 +0,0 @@
-'use strict';
-
-var Nestable = require('./Nestable.js');
-
-
-
-module.exports = Nestable;

package/cjs/components/QueryBuilderContext/QueryBuilderContext.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const QueryBuilderContext = /*#__PURE__*/React__default["default"].createContext({});
-
-exports.QueryBuilderContext = QueryBuilderContext;

package/cjs/components/QueryBuilderImpl.js

@@ -1,309 +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 _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var Nestable = require('./Nestable/Nestable.js');
-var QueryBuilderContext = require('./QueryBuilderContext/QueryBuilderContext.js');
-var types = require('./helpers/types.js');
-var store = require('./helpers/store.js');
-var AndOrController = require('./AndOrController/AndOrController.js');
-var QueryBuilderItem = require('./QueryBuilderItem/QueryBuilderItem.js');
-var DisplayOutput = require('./DisplayOutput/DisplayOutput.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-const _excluded = ["format"];
-
-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; }
-
-class QueryBuilderImpl extends React.Component {
-  constructor(props) {
-    super(props);
-    this.isDraggableItem = true;
-
-    this.onOrderDragAndDrop = (items, item) => {
-      const newFilters = this.store.onOrderDragAndDrop(items, item);
-      this.sendCall('reOrderOnDragAndDrop', {
-        items
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.onAddFilterToGroup = idGroup => {
-      const newFilters = this.store.addFilter(idGroup);
-      this.sendCall('onAddFilterToGroup', {
-        idGroup
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.onAddFilter = (idGroup, idFilter) => {
-      const {
-        addFilterMethod
-      } = this.props;
-      const newFilters = addFilterMethod === types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addFilterNextToFilterId(idGroup, idFilter) : this.onAddFilterToGroup(idGroup);
-      this.sendCall('onAddFilter', {
-        idGroup,
-        idFilter
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.onAddRuleContainer = (idGroup, idFilter) => {
-      const {
-        groupFilterMethod
-      } = this.props;
-      const newFilters = groupFilterMethod === types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addRuleContainerInPlace(idGroup, idFilter) : this.store.addRuleContainer(idGroup, idFilter);
-      this.sendCall('onAddRuleContainer', {
-        idGroup,
-        idFilter
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.onRemoveFilter = idFilter => {
-      const newFilters = this.store.onRemoveFilter(idFilter);
-      this.sendCall('onRemoveFilter', {
-        idFilter
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.handleFieldChange = data => {
-      const {
-        fieldsSharedActions
-      } = this.props;
-      const newFilters = this.store.changeFilter(_objectSpread(_objectSpread({}, data), {}, {
-        fieldsSharedActions
-      }));
-      this.sendCall('handleFieldChange', {
-        data
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.handleRuleContainerOperator = (idGroup, value) => {
-      const newFilters = this.store.changeGroupOperator(idGroup, value);
-      this.sendCall('handleRuleContainerOperator', {
-        idGroup,
-        value
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.handleRuleContainerUnGroup = idGroup => {
-      const newFilters = this.store.unGroup(idGroup);
-      this.sendCall('handleRuleContainerUnGroup', {
-        idGroup
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.handleDropFilter = (filter, dragTo) => {
-      const {
-        position: oldPosition,
-        idGroup,
-        idFilter
-      } = filter;
-      const {
-        position: newPosition,
-        targetIdGroup
-      } = dragTo;
-      const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);
-      this.sendCall('handleDropFilter', {
-        filter,
-        dragTo
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.handleDropGroup = (group, dragTo) => {
-      const {
-        position: oldPosition,
-        idFilter,
-        idGroup
-      } = group;
-      const {
-        position: newPosition,
-        targetIdGroup
-      } = dragTo;
-      const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);
-      this.sendCall('handleDropGroup', {
-        group,
-        dragTo
-      });
-      this.sendChange(newFilters);
-    };
-
-    this.handleDrop = (dragElement, dragTo) => {
-      const {
-        type
-      } = dragElement;
-      if (type === types.QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
-      return this.handleDropGroup(dragElement, dragTo);
-    };
-
-    this.sendChange = _ref => {
-      let {
-        format
-      } = _ref,
-          newFilters = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-      this.setState(_objectSpread({
-        format
-      }, newFilters));
-      const {
-        onChange
-      } = this.props;
-      onChange(format, newFilters);
-    };
-
-    this.sendCall = (action, data) => {
-      const {
-        [action]: callback
-      } = this.props;
-      if (callback) callback(data);
-    };
-
-    this.setDraggableItems = drag => {
-      this.isDraggableItem = true;
-
-      try {
-        const ua = window.navigator.userAgent;
-        const msie = ua.indexOf('MSIE '); // eslint-disable-next-line no-useless-escape
-
-        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
-          const {
-            isDraggableItem
-          } = this.state;
-
-          if (drag !== isDraggableItem) {
-            this.setState({
-              isDraggableItem: drag
-            });
-          }
-
-          this.isDraggableItem = drag;
-        }
-      } catch (error) {
-        this.isDraggableItem = true;
-      }
-    };
-
-    this.store = new store(props.init, props.format);
-    this.state = this.store.getInitialState();
-  }
-
-  static getDerivedStateFromProps(props, state) {
-    if (props.init && props.init.step !== undefined && Number.isInteger(props.init.step) && props.init.step !== state.step) {
-      const store$1 = new store(props.init, props.format);
-      QueryBuilderImpl.recalculateStore = store$1;
-      return store$1.getInitialState();
-    }
-
-    return null;
-  }
-
-  componentDidUpdate() {
-    if (QueryBuilderImpl.recalculateStore) {
-      this.store = QueryBuilderImpl.recalculateStore;
-      QueryBuilderImpl.recalculateStore = null;
-    }
-  }
-
-  render() {
-    const {
-      mapGroups,
-      main,
-      mapFilters,
-      step,
-      items,
-      format
-    } = this.state;
-    const {
-      containerProps,
-      ruleContainerClassName,
-      fields,
-      displayFixedOutput,
-      displayOutput,
-      displayOutputLabel,
-      singleRow,
-      toolTipZIndex
-    } = this.props; // const { children } = items[0]
-
-    const {
-      condition
-    } = mapGroups[main];
-    return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Provider, {
-      value: {
-        toolTipZIndex,
-        fields,
-        handleDrop: this.handleDrop,
-        handleFieldChange: this.handleFieldChange,
-        handleRuleContainerOperator: this.handleRuleContainerOperator,
-        handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,
-        mapFilters,
-        mapGroups,
-        onAddFilter: this.onAddFilter,
-        onAddFilterToGroup: this.onAddFilterToGroup,
-        onAddRuleContainer: this.onAddRuleContainer,
-        onRemoveFilter: this.onRemoveFilter,
-        ruleContainerClassName,
-        showDragController: false,
-        format,
-        step,
-        items,
-        isDraggableItem: this.isDraggableItem,
-        setDraggableItems: this.setDraggableItems,
-        singleRow
-      }
-    }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: "nested-main-group ".concat(condition !== true ? 'is-or-group' : 'is-and-groupL', " ").concat(singleRow ? 'query-main-single-row' : 'query-main-multiple-row'),
-      children: [/*#__PURE__*/_jsx__default["default"](Nestable, {
-        isAndItem: condition === true,
-        isDraggableItem: this.isDraggableItem,
-        isOrItem: condition !== true,
-        items: items,
-        onChange: this.onOrderDragAndDrop,
-        renderItem: QueryBuilderItem,
-        setDraggableItems: this.setDraggableItems,
-        step: step,
-        singleRow: singleRow
-      }), !singleRow && /*#__PURE__*/_jsx__default["default"]("div", {
-        className: "rule-container-options"
-      }, void 0, /*#__PURE__*/_jsx__default["default"](AndOrController, {
-        allowUnGroup: false,
-        condition: condition,
-        handleRuleContainerOperator: value => this.handleRuleContainerOperator(main, value),
-        handleRuleContainerUnGroup: () => this.handleRuleContainerUnGroup(main),
-        isMain: true,
-        onAddFilter: () => this.onAddFilterToGroup(main),
-        showDragController: false,
-        step: step,
-        toolTipZIndex: toolTipZIndex
-      }))]
-    })), (displayOutput || displayFixedOutput) && /*#__PURE__*/_jsx__default["default"](DisplayOutput, {
-      displayFixedOutput: displayFixedOutput,
-      hideLabel: displayOutputLabel.hide,
-      showLabel: displayOutputLabel.show,
-      show: displayOutputLabel.open
-    }));
-  }
-
-}
-
-module.exports = QueryBuilderImpl;

package/cjs/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,90 +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 _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js');
-var types = require('../helpers/types.js');
-var AndOrController = require('../AndOrController/AndOrController.js');
-var QueryBuilderRow = require('../QueryBuilderRow/QueryBuilderRow.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-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);
-
-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 QueryBuilderItem = _ref => {
-  let {
-    item
-  } = _ref;
-  const {
-    element
-  } = item;
-  const {
-    type,
-    idFilter,
-    idGroup,
-    condition
-  } = element;
-  return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
-    let {
-      fields,
-      handleFieldChange,
-      onAddFilter,
-      onAddFilterToGroup,
-      onAddRuleContainer,
-      onRemoveFilter,
-      showDragController,
-      handleRuleContainerOperator,
-      handleRuleContainerUnGroup,
-      step,
-      items,
-      isDraggableItem,
-      setDraggableItems,
-      singleRow,
-      toolTipZIndex
-    } = _ref2;
-
-    if (type === types.QB_DRAG_TYPES.FILTER) {
-      return /*#__PURE__*/jsxRuntime.jsx(QueryBuilderRow, _objectSpread(_objectSpread({}, element), {}, {
-        fields: fields,
-        handleFieldChange: handleFieldChange,
-        isDraggableItem: isDraggableItem,
-        items: items,
-        onAddFilter: () => onAddFilter(idGroup, idFilter),
-        onAddRuleContainer: () => onAddRuleContainer(idGroup, idFilter),
-        onRemoveFilter: () => onRemoveFilter(idFilter),
-        setDraggableItems: setDraggableItems,
-        showDragController: showDragController,
-        step: step,
-        singleRow: singleRow,
-        toolTipZIndex: toolTipZIndex
-      }));
-    }
-
-    if (singleRow) return null;
-    return /*#__PURE__*/_jsx__default["default"](AndOrController, {
-      allowUnGroup: true,
-      condition: condition,
-      handleRuleContainerOperator: value => handleRuleContainerOperator(idGroup, value),
-      handleRuleContainerUnGroup: () => handleRuleContainerUnGroup(idGroup),
-      multipleSize: false,
-      onAddFilter: () => onAddFilterToGroup(idGroup),
-      showDragController: true,
-      step: step,
-      toolTipZIndex: toolTipZIndex
-    });
-  });
-};
-
-module.exports = QueryBuilderItem;