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

package/esm/components/QueryBuilderRow/QueryBuilderRow.js

@@ -1,268 +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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import React, { Component } from 'react';
-import { AlertsDetail } from '@elliemae/ds-icons';
-import { DSTooltipV3 } from '@elliemae/ds-tooltip';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { resolveDependencies } from '../helpers/dependencies.js';
-import ConditionController from '../ConditionController/ConditionController.js';
-import DragControllerRow from '../DragControllerRow/DragControllerRow.js';
-import { jsx, Fragment } 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 RenderField = _ref => {
-  let {
-    target,
-    component,
-    valueProp,
-    additionalInfo,
-    handleMouseEnterInput,
-    handleMouseLeaveInput,
-    onChangeHandler,
-    hasError
-  } = _ref;
-  const ref = React.useRef();
-  const id = React.useMemo(() => "el_".concat(String.fromCharCode(65 + Math.floor(Math.random() * 26))), []);
-  return /*#__PURE__*/_jsx("div", {
-    className: "em-ds-query-builder-row-input child-type-".concat(target, " ").concat(hasError && hasError.error ? 'row-input-error' : ''),
-    onMouseDownCapture: () => {
-      var _ref$current;
-
-      // eslint-disable-next-line no-underscore-dangle
-      const _refInput = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("#".concat(id));
-
-      if (_refInput && _refInput.focus) setTimeout(_refInput.focus());
-      handleMouseEnterInput();
-    },
-    onMouseEnter: () => handleMouseEnterInput(),
-    onMouseLeave: () => handleMouseLeaveInput()
-  }, void 0, /*#__PURE__*/jsx("div", {
-    ref: ref,
-    className: "em-ds-query-builder-row__input-controller",
-    children: /*#__PURE__*/React.cloneElement(component, {
-      id,
-      onChange: (e, extraData) => onChangeHandler(e, target, extraData),
-      value: valueProp != null ? valueProp : '',
-      checked: valueProp === true,
-      additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
-      'aria-invalid': Boolean(hasError)
-    })
-  }), hasError && hasError.errorMessage ? /*#__PURE__*/_jsx("div", {
-    style: {
-      width: '40px'
-    }
-  }, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
-    text: hasError.errorMessage
-  }, void 0, /*#__PURE__*/_jsx("div", {
-    tabIndex: 0,
-    className: "row-icon-alert",
-    "data-testid": "qb-error-state-icon",
-    role: "alert"
-  }, void 0, /*#__PURE__*/_jsx(AlertsDetail, {
-    width: 20,
-    height: 20,
-    color: ['danger', 900],
-    title: hasError.errorMessage
-  })))) : null); // return React.useMemo(
-  //   () => (
-  //     <div
-  //       className={`em-ds-query-builder-row-input child-type-${target}`}
-  //       onMouseDownCapture={() => {
-  //         // eslint-disable-next-line no-underscore-dangle
-  //         const _refInput = ref.current.querySelector(`#${id}`);
-  //         if (_refInput && _refInput.focus) setTimeout(_refInput.focus());
-  //         handleMouseEnterInput();
-  //       }}
-  //       onMouseEnter={() => handleMouseEnterInput()}
-  //       onMouseLeave={() => handleMouseLeaveInput()}
-  //     >
-  //       <div ref={ref} className="em-ds-query-builder-row__input-controller">
-  //         {React.cloneElement(component, {
-  //           id,
-  //           onChange: (e, extraData) => onChangeHandler(e, target, extraData),
-  //           value: valueProp != null ? valueProp : '',
-  //           checked: valueProp === true,
-  //           additionalInfo: additionalInfo ? additionalInfo[target] : {},
-  //         })}
-  //       </div>
-  //     </div>
-  //   ),
-  //   [target, component, valueProp, additionalInfo],
-  // );
-};
-
-class QueryBuilderRow extends Component {
-  constructor(props) {
-    super(props);
-
-    this.handleMouseEnterRow = () => {};
-
-    this.handleMouseLeaveRow = () => {
-      this.handleTooltipRow(false);
-    };
-
-    this.handleMouseEnterInput = () => {
-      const {
-        setDraggableItems
-      } = this.props;
-      setDraggableItems(false);
-    };
-
-    this.handleMouseLeaveInput = () => {
-      const {
-        setDraggableItems
-      } = this.props;
-      setDraggableItems(true);
-    };
-
-    this.handleTooltipRow = isOpen => {
-      this.setState({
-        isOpen
-      });
-    };
-
-    this.state = {
-      isOpen: false
-    };
-  }
-
-  onChangeHandler(e, target, extraData, hasError) {
-    const {
-      handleFieldChange,
-      idFilter,
-      idGroup,
-      additionalInfo,
-      field,
-      operator,
-      value
-    } = this.props;
-    let eventValue = e;
-
-    if (e && e.target) {
-      const {
-        value,
-        checked
-      } = e.target;
-      if (value || value === '' || typeof value === 'boolean') eventValue = value;else eventValue = checked || e;
-    }
-
-    handleFieldChange({
-      [target]: eventValue,
-      idFilter,
-      idGroup,
-      additionalInfo: _objectSpread(_objectSpread({}, additionalInfo), {}, {
-        [target]: extraData,
-        ["".concat(target, "_error")]: hasError,
-        ["".concat(target, "_touched")]: true
-      }),
-      target
-    });
-  }
-
-  render() {
-    const {
-      isOpen
-    } = this.state;
-    const {
-      fields,
-      onAddFilter,
-      onRemoveFilter,
-      onAddRuleContainer,
-      field,
-      operator,
-      value,
-      additionalInfo,
-      items,
-      singleRow,
-      toolTipZIndex,
-      error
-    } = this.props;
-    const {
-      cssClassName,
-      classNameBlock,
-      classNameElement
-    } = convertPropToCssClassName('query-builder-row', isOpen ? 'has-open-tooltip' : 'has-close-tooltip', singleRow ? 'is-single-row' : 'is-multiple-row');
-    const test = resolveDependencies({
-      field,
-      operator,
-      value,
-      additionalInfo
-    }, fields);
-    const gridTemplateColumns = ['24px', ...test.map(r => {
-      if (r.handleWidth) {
-        return r.handleWidth(this.props[r.target], {
-          field,
-          operator,
-          value,
-          additionalInfo
-        });
-      }
-
-      return 'minmax(0, 1fr)';
-    }), '30px'].join(' ');
-    return /*#__PURE__*/jsx(Fragment, {
-      children: /*#__PURE__*/_jsx("div", {
-        className: cssClassName,
-        onMouseEnter: this.handleMouseEnterRow,
-        onMouseLeave: this.handleMouseLeaveRow,
-        style: {
-          gridTemplateColumns
-        }
-      }, void 0, !singleRow && /*#__PURE__*/_jsx(DragControllerRow, {
-        className: classNameElement('drag-controller'),
-        onMouseDownCapture: () => this.handleMouseLeaveInput()
-      }), test.map(renderField => {
-        const {
-          target,
-          component
-        } = renderField;
-        const {
-          [target]: valueProp
-        } = this.props;
-        const isTouched = additionalInfo && additionalInfo["".concat(target, "_touched")];
-        const hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
-          field,
-          operator,
-          value,
-          additionalInfo
-        }) : false;
-        return /*#__PURE__*/_jsx(RenderField, {
-          component: component,
-          target: target,
-          valueProp: valueProp,
-          onChangeHandler: (e, target, extraData) => {
-            this.onChangeHandler(e, target, extraData, hasError);
-          },
-          handleMouseEnterInput: this.handleMouseEnterInput,
-          handleMouseLeaveInput: this.handleMouseLeaveInput,
-          additionalInfo: additionalInfo,
-          hasError: isTouched && hasError
-        });
-      }), !singleRow && /*#__PURE__*/_jsx("div", {
-        className: classNameBlock('controller')
-      }, void 0, /*#__PURE__*/_jsx(ConditionController, {
-        handleTooltipRow: this.handleTooltipRow,
-        isOpen: isOpen,
-        items: items,
-        onAddFilter: onAddFilter,
-        onAddRuleContainer: onAddRuleContainer,
-        onRemoveFilter: onRemoveFilter,
-        toolTipZIndex: toolTipZIndex
-      })))
-    });
-  }
-
-}
-
-export { QueryBuilderRow as default };

package/esm/components/ToolBarAnimation/ToolBarAnimation.js

@@ -1,20 +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 { createElement } from 'react';
-import GrowRight from '@elliemae/ds-shared/Animations/GrowRight';
-
-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 ToolBarAnimation = props => /*#__PURE__*/createElement(GrowRight, _objectSpread(_objectSpread({}, props), {}, {
-  key: "popper-animation-key",
-  from: 0.5,
-  to: 1
-}));
-
-export { ToolBarAnimation };

package/esm/components/format/format.js

@@ -1,31 +0,0 @@
-import { sqlFormat } from './sqlFormat.js';
-import { xmlFormat } from './xmlFormat.js';
-import { sqlSafeFormat } from './sqlSafeFormat.js';
-
-class QueryBuilderFormat {
-  constructor() {
-    this.format = {
-      defaultFormat: query => query,
-      sqlFormat,
-      xmlFormat,
-      sqlSafeFormat
-    };
-    this.currentFormat = 'sqlFormat';
-
-    this.setDefaultFormat = formatName => {
-      if (this.format[formatName]) this.currentFormat = formatName;
-    };
-
-    this.addFormat = (formatName, format) => this.format[formatName] = format;
-
-    this.run = (query, formatName) => {
-      if (this.format[formatName]) return this.format[formatName](query);
-      return this.format[this.currentFormat](query);
-    };
-  }
-
-}
-
-var QueryBuilderFormat$1 = new QueryBuilderFormat();
-
-export { QueryBuilderFormat$1 as default };

package/esm/components/format/sqlFormat.js

@@ -1,69 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { QB_OPERATOR_TYPES } from '../helpers/types.js';
-
-const conditionSql = (condition, value) => {
-  const {
-    EQUAL,
-    NOT_EQUAL,
-    GREATER_THAN,
-    LESS_THAN,
-    CONTAINS,
-    NOT_CONTAINS,
-    BETWEEN,
-    GREATER_THAN_OR_EQUAL,
-    LESS_THAN_OR_EQUAL,
-    START_WITH
-  } = QB_OPERATOR_TYPES;
-  if (condition === EQUAL) return " = '".concat(value, "'");
-  if (condition === NOT_EQUAL) return " <> '".concat(value, "'");
-  if (condition === GREATER_THAN) return " > ".concat(value);
-  if (condition === LESS_THAN) return " < ".concat(value);
-  if (condition === CONTAINS) return " LIKE '%".concat(value, "%'");
-  if (condition === NOT_CONTAINS) return " NOT LIKE '%".concat(value, "%'");
-  if (condition === BETWEEN) return " BETWEEN ".concat(value[0], " AND ").concat(value[1], " ");
-  if (condition === GREATER_THAN_OR_EQUAL) return " >= ".concat(value);
-  if (condition === LESS_THAN_OR_EQUAL) return " <= ".concat(value);
-  if (condition === START_WITH) return " LIKE '".concat(value, "%'");
-  return condition;
-};
-
-const renderFilterSQl = filter => {
-  const {
-    field,
-    operator,
-    value
-  } = filter.element;
-  return "".concat(field, " ").concat(conditionSql(operator, value) || '');
-};
-
-const sqlFormat = _ref => {
-  let {
-    main,
-    mapGroups,
-    items
-  } = _ref;
-
-  const groupSql = (item, idGroup) => {
-    if (idGroup === main) {
-      const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';
-      return " ( ".concat(filterSql(item, groupCondition), " ) "); // eslint-disable-line
-    }
-
-    const groupCondition = item.element.condition === true ? 'AND' : 'OR';
-    return " ( ".concat(filterSql(item.children, groupCondition), " ) "); // eslint-disable-line
-  };
-
-  const filterSql = (filters, groupCondition) => {
-    const filterGroup = filters.map(filter => {
-      if (filter.element.type === 'filter') return " ".concat(renderFilterSQl(filter), " ");
-      return " ".concat(groupSql(filter) || '', " ");
-    });
-    return filterGroup.join(groupCondition);
-  };
-
-  const sql = " FROM [TABLE_NAME] WHERE ".concat(groupSql(items, main) || '', " ");
-  return sql;
-};
-
-export { sqlFormat };

package/esm/components/format/sqlSafeFormat.js

@@ -1,76 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { QB_OPERATOR_TYPES } from '../helpers/types.js';
-
-const specialChar = /[ !@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/;
-
-const conditionSql = (condition, value) => {
-  const {
-    EQUAL,
-    NOT_EQUAL,
-    GREATER_THAN,
-    LESS_THAN,
-    CONTAINS,
-    NOT_CONTAINS,
-    BETWEEN,
-    GREATER_THAN_OR_EQUAL,
-    LESS_THAN_OR_EQUAL,
-    START_WITH
-  } = QB_OPERATOR_TYPES; // eslint-disable-next-line no-restricted-globals
-
-  const valueDisplay = isNaN(value) ? "'".concat(value, "'") : value;
-  if (condition === EQUAL) return " = ".concat(valueDisplay);
-  if (condition === NOT_EQUAL) return " <> ".concat(valueDisplay);
-  if (condition === GREATER_THAN) return " > ".concat(valueDisplay);
-  if (condition === LESS_THAN) return " < ".concat(valueDisplay);
-  if (condition === CONTAINS) return " LIKE '%".concat(value, "%'");
-  if (condition === NOT_CONTAINS) return " NOT LIKE '%".concat(value, "%'");
-  if (condition === BETWEEN) return " BETWEEN ".concat(value[0], " AND ").concat(value[1], " ");
-  if (condition === GREATER_THAN_OR_EQUAL) return " >= ".concat(value);
-  if (condition === LESS_THAN_OR_EQUAL) return " <= ".concat(value);
-  if (condition === START_WITH) return " LIKE '".concat(value, "%'");
-  return condition;
-};
-
-const renderFilterSQl = filter => {
-  const {
-    field,
-    operator,
-    value
-  } = filter.element; // eslint-disable-next-line no-restricted-globals
-
-  const fieldDisplay = // eslint-disable-next-line no-restricted-globals
-  /[.]/.test(field) || !isNaN(field) ? "\\\"".concat(field, "\\\"") : field;
-  return "".concat(fieldDisplay, " ").concat(conditionSql(operator, value) || '');
-};
-
-const sqlSafeFormat = _ref => {
-  let {
-    main,
-    mapGroups,
-    items
-  } = _ref;
-
-  const groupSql = (item, idGroup) => {
-    if (idGroup === main) {
-      const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';
-      return " ( ".concat(filterSql(item, groupCondition), " ) "); // eslint-disable-line
-    }
-
-    const groupCondition = item.element.condition === true ? 'AND' : 'OR';
-    return " ( ".concat(filterSql(item.children, groupCondition), " ) "); // eslint-disable-line
-  };
-
-  const filterSql = (filters, groupCondition) => {
-    const filterGroup = filters.map(filter => {
-      if (filter.element.type === 'filter') return " ".concat(renderFilterSQl(filter), " ");
-      return " ".concat(groupSql(filter) || '', " ");
-    });
-    return filterGroup.join(groupCondition);
-  };
-
-  const sql = " FROM [TABLE_NAME] WHERE ".concat(groupSql(items, main) || '', " ");
-  return sql;
-};
-
-export { specialChar, sqlSafeFormat };

package/esm/components/format/xmlFormat.js

@@ -1,69 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { QB_OPERATOR_TYPES } from '../helpers/types.js';
-
-const conditionSql = (condition, value) => {
-  const {
-    EQUAL,
-    NOT_EQUAL,
-    GREATER_THAN,
-    LESS_THAN,
-    CONTAINS,
-    NOT_CONTAINS,
-    BETWEEN,
-    GREATER_THAN_OR_EQUAL,
-    LESS_THAN_OR_EQUAL,
-    START_WITH
-  } = QB_OPERATOR_TYPES;
-  if (condition === EQUAL) return "<condition>EQUAL</condition><value>".concat(value, "</value>");
-  if (condition === NOT_EQUAL) return "<condition>NOT_EQUAL</condition><value>".concat(value, "</value>");
-  if (condition === GREATER_THAN) return "<condition>GREATER_THAN</condition><value>".concat(value, "</value>");
-  if (condition === LESS_THAN) return "<condition>LESS_THAN</condition><value>".concat(value, "</value>");
-  if (condition === CONTAINS) return "<condition>LIKE</condition><value>".concat(value, "</value>");
-  if (condition === NOT_CONTAINS) return "<condition>NOT_LIKE</condition><value>".concat(value, "</value>");
-  if (condition === BETWEEN) return "<condition>NOT_LIKE</condition><value><from>".concat(value[0], "</from><to>").concat(value[1], "</to></value>");
-  if (condition === GREATER_THAN_OR_EQUAL) return "<condition>GREATER_THAN_OR_EQUAL</condition><value>".concat(value, "</value>");
-  if (condition === LESS_THAN_OR_EQUAL) return "<condition>LESS_THAN_OR_EQUAL</condition><value>".concat(value, "</value>");
-  if (condition === START_WITH) return "<condition>GREATER_THAN</condition><value>".concat(value, "</value>");
-  return condition;
-};
-
-const renderFilterSQl = filter => {
-  const {
-    field,
-    operator,
-    value
-  } = filter.element;
-  return "<filter><field>".concat(field, "</field>").concat(conditionSql(operator, value) || '', "</filter>");
-};
-
-const xmlFormat = _ref => {
-  let {
-    main,
-    mapGroups,
-    items
-  } = _ref;
-
-  const groupXML = (item, idGroup) => {
-    if (idGroup === main) {
-      const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';
-      return "<group value=\"".concat(groupCondition, "\">").concat(filterXML(item), "</group>"); // eslint-disable-line
-    }
-
-    const groupCondition = item.element.condition === true ? 'AND' : 'OR';
-    return "<group value=\"".concat(groupCondition, "\">").concat(filterXML(item.children), "</group>"); // eslint-disable-line
-  };
-
-  const filterXML = filters => {
-    const filterGroup = filters.map(filter => {
-      if (filter.element.type === 'filter') return "".concat(renderFilterSQl(filter) || '', " ");
-      return " ".concat(groupXML(filter), " ");
-    });
-    return filterGroup.join('');
-  };
-
-  const xml = "<xml><query>".concat(groupXML(items, main) || '', "</query></xml>");
-  return xml;
-};
-
-export { xmlFormat };