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

package/esm/components/Nestable/actions/moveItem.js

@@ -1,45 +0,0 @@
-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 update from 'react-addons-update';
-
-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(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; }
-function moveItem(_ref) {
-  let {
-    dragItem,
-    pathFrom,
-    pathTo
-  } = _ref;
-  let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const {
-    childrenProp
-  } = this.props;
-  let {
-    items
-  } = this.state; // the remove action might affect the next position,
-  // so update next coordinates accordingly
-
-  const realPathTo = this.getRealNextPath(pathFrom, pathTo);
-  const removePath = this.getSplicePath(pathFrom, {
-    numToRemove: 1,
-    childrenProp
-  });
-  const insertPath = this.getSplicePath(realPathTo, {
-    numToRemove: 0,
-    itemsToInsert: [dragItem],
-    childrenProp
-  });
-  items = update(items, removePath);
-  items = update(items, insertPath);
-  this.setState(_objectSpread({
-    items,
-    isDirty: true
-  }, extraProps));
-}
-
-export { moveItem };

package/esm/components/Nestable/actions/tryDecreaseDepth.js

@@ -1,31 +0,0 @@
-function tryDecreaseDepth(dragItem) {
-  const {
-    childrenProp,
-    collapsed
-  } = this.props;
-  const pathFrom = this.getPathById(dragItem.id);
-  const itemIndex = pathFrom[pathFrom.length - 1]; // has parent
-
-  if (pathFrom.length > 1) {
-    const parent = this.getItemByPath(pathFrom.slice(0, -1)); // is last (by order) item in array
-
-    if (itemIndex + 1 === parent[childrenProp].length) {
-      const pathTo = pathFrom.slice(0, -1);
-      pathTo[pathTo.length - 1] += 1; // if collapsed by default and is last (by count) item in array remove this node from list of open nodes
-
-      let collapseProps = {};
-
-      if (collapsed && parent[childrenProp].length === 1) {
-        collapseProps = this.onToggleCollapse(parent, true);
-      }
-
-      this.moveItem({
-        dragItem,
-        pathFrom,
-        pathTo
-      }, collapseProps);
-    }
-  }
-}
-
-export { tryDecreaseDepth };

package/esm/components/Nestable/index.js

@@ -1,2 +0,0 @@
-import Nestable from './Nestable.js';
-export { default } from './Nestable.js';

package/esm/components/QueryBuilderContext/QueryBuilderContext.js

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const QueryBuilderContext = /*#__PURE__*/React.createContext({});
-
-export { QueryBuilderContext };

package/esm/components/QueryBuilderImpl.js

@@ -1,301 +0,0 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { Component } from 'react';
-import Nestable from './Nestable/Nestable.js';
-import { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext.js';
-import { QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES, QB_DRAG_TYPES } from './helpers/types.js';
-import QueryBuilderStore from './helpers/store.js';
-import AndOrController from './AndOrController/AndOrController.js';
-import QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem.js';
-import DisplayOutput from './DisplayOutput/DisplayOutput.js';
-import { jsxs } from 'react/jsx-runtime';
-
-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(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 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 === 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 === 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 === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
-      return this.handleDropGroup(dragElement, dragTo);
-    };
-
-    this.sendChange = _ref => {
-      let {
-        format
-      } = _ref,
-          newFilters = _objectWithoutProperties(_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 QueryBuilderStore(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 = new QueryBuilderStore(props.init, props.format);
-      QueryBuilderImpl.recalculateStore = store;
-      return store.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(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__*/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(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("div", {
-        className: "rule-container-options"
-      }, void 0, /*#__PURE__*/_jsx(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(DisplayOutput, {
-      displayFixedOutput: displayFixedOutput,
-      hideLabel: displayOutputLabel.hide,
-      showLabel: displayOutputLabel.show,
-      show: displayOutputLabel.open
-    }));
-  }
-
-}
-
-export { QueryBuilderImpl as default };

package/esm/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,83 +0,0 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';
-import { QB_DRAG_TYPES } from '../helpers/types.js';
-import AndOrController from '../AndOrController/AndOrController.js';
-import QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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(QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
-    let {
-      fields,
-      handleFieldChange,
-      onAddFilter,
-      onAddFilterToGroup,
-      onAddRuleContainer,
-      onRemoveFilter,
-      showDragController,
-      handleRuleContainerOperator,
-      handleRuleContainerUnGroup,
-      step,
-      items,
-      isDraggableItem,
-      setDraggableItems,
-      singleRow,
-      toolTipZIndex
-    } = _ref2;
-
-    if (type === QB_DRAG_TYPES.FILTER) {
-      return /*#__PURE__*/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(AndOrController, {
-      allowUnGroup: true,
-      condition: condition,
-      handleRuleContainerOperator: value => handleRuleContainerOperator(idGroup, value),
-      handleRuleContainerUnGroup: () => handleRuleContainerUnGroup(idGroup),
-      multipleSize: false,
-      onAddFilter: () => onAddFilterToGroup(idGroup),
-      showDragController: true,
-      step: step,
-      toolTipZIndex: toolTipZIndex
-    });
-  });
-};
-
-export { QueryBuilderItem as default };