@elliemae/ds-query-builder 2.1.1-rc.1 → 2.2.0-alpha.4

package/cjs/DSQueryBuilder.js

@@ -1,98 +1,118 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var QueryBuilderImpl = require('./components/QueryBuilderImpl.js');
-var types = require('./components/helpers/types.js');
-var selectors = require('./components/helpers/selectors.js');
-var format = require('./components/format/format.js');
-var propTypes = require('./propTypes.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const DSQueryBuilder = _ref => {
-  let {
-    containerProps = {},
-    addFilterMethod = types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,
-    groupFilterMethod = types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,
-    onChange = () => null,
-    fields = [],
-    fieldsSharedActions = {
-      onFieldChange: [],
-      onOperatorChange: [],
-      onValueChange: []
-    },
-    format = types.QB_EXPORT_FORMAT_TYPES.DEFAULT,
-    init = null,
-    ruleContainerClassName = '',
-    handleDrop = () => null,
-    handleDropFilter = () => null,
-    handleDropGroup = () => null,
-    handleFieldChange = () => null,
-    handleRuleContainerOperator = () => null,
-    handleRuleContainerUnGroup = () => null,
-    onAddFilter = () => null,
-    onAddRuleContainer = () => null,
-    onRemoveFilter = () => null,
-    displayFixedOutput,
-    displayOutput = false,
-    displayOutputLabel = {
-      show: 'Show output',
-      hide: 'Hide output'
-    },
-    singleRow = false,
-    toolTipZIndex = 110
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](QueryBuilderImpl, {
-    addFilterMethod: addFilterMethod,
-    containerProps: containerProps,
-    displayFixedOutput: displayFixedOutput,
-    displayOutput: displayOutput,
-    displayOutputLabel: displayOutputLabel,
-    fields: fields,
-    fieldsSharedActions: fieldsSharedActions,
-    format: format,
-    groupFilterMethod: groupFilterMethod,
-    handleDrop: handleDrop,
-    handleDropFilter: handleDropFilter,
-    handleDropGroup: handleDropGroup,
-    handleFieldChange: handleFieldChange,
-    handleRuleContainerOperator: handleRuleContainerOperator,
-    handleRuleContainerUnGroup: handleRuleContainerUnGroup,
-    init: init,
-    onAddFilter: onAddFilter,
-    onAddRuleContainer: onAddRuleContainer,
-    onChange: onChange,
-    onRemoveFilter: onRemoveFilter,
-    ruleContainerClassName: ruleContainerClassName,
-    singleRow: singleRow,
-    toolTipZIndex: toolTipZIndex
-  });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-const DSQueryBuilderWithSchema = reactDesc.describe(DSQueryBuilder);
-DSQueryBuilderWithSchema.propTypes = propTypes.props;
-
-exports.QB_ADD_FILTER_METHOD_TYPES = types.QB_ADD_FILTER_METHOD_TYPES;
-exports.QB_DRAG_LOCATIONS = types.QB_DRAG_LOCATIONS;
-exports.QB_DRAG_TYPES = types.QB_DRAG_TYPES;
-exports.QB_EXPORT_FORMAT_TYPES = types.QB_EXPORT_FORMAT_TYPES;
-exports.QB_FIELD_SHARED_ACTIONS = types.QB_FIELD_SHARED_ACTIONS;
-exports.QB_FIELD_TYPES = types.QB_FIELD_TYPES;
-exports.QB_GROUP_CONDITION_TYPES = types.QB_GROUP_CONDITION_TYPES;
-exports.QB_GROUP_FILTER_METHOD_TYPES = types.QB_GROUP_FILTER_METHOD_TYPES;
-exports.QB_OPERATOR_TYPES = types.QB_OPERATOR_TYPES;
-exports.QB_DEFAULT_VALUES_OPTIONS = selectors.QB_DEFAULT_VALUES_OPTIONS;
-exports.QB_FIELD_OPTIONS = selectors.QB_FIELD_OPTIONS;
-exports.QB_LOAN_VALUES_OPTIONS = selectors.QB_LOAN_VALUES_OPTIONS;
-exports.QB_OPERATOR_OPTIONS = selectors.QB_OPERATOR_OPTIONS;
-exports.QB_SUBJECT_VALUES_OPTIONS = selectors.QB_SUBJECT_VALUES_OPTIONS;
-exports.QueryBuilderFormat = format;
-exports.DSQueryBuilder = DSQueryBuilder;
-exports.DSQueryBuilderWithSchema = DSQueryBuilderWithSchema;
-exports["default"] = DSQueryBuilder;
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSQueryBuilder_exports = {};
+__export(DSQueryBuilder_exports, {
+  DSQueryBuilder: () => DSQueryBuilder,
+  DSQueryBuilderWithSchema: () => DSQueryBuilderWithSchema,
+  QB_ADD_FILTER_METHOD_TYPES: () => import_types.QB_ADD_FILTER_METHOD_TYPES,
+  QB_DEFAULT_VALUES_OPTIONS: () => import_selectors.QB_DEFAULT_VALUES_OPTIONS,
+  QB_DRAG_LOCATIONS: () => import_types.QB_DRAG_LOCATIONS,
+  QB_DRAG_TYPES: () => import_types.QB_DRAG_TYPES,
+  QB_EXPORT_FORMAT_TYPES: () => import_types.QB_EXPORT_FORMAT_TYPES,
+  QB_FIELD_OPTIONS: () => import_selectors.QB_FIELD_OPTIONS,
+  QB_FIELD_SHARED_ACTIONS: () => import_types.QB_FIELD_SHARED_ACTIONS,
+  QB_FIELD_TYPES: () => import_types.QB_FIELD_TYPES,
+  QB_GROUP_CONDITION_TYPES: () => import_types.QB_GROUP_CONDITION_TYPES,
+  QB_GROUP_FILTER_METHOD_TYPES: () => import_types.QB_GROUP_FILTER_METHOD_TYPES,
+  QB_LOAN_VALUES_OPTIONS: () => import_selectors.QB_LOAN_VALUES_OPTIONS,
+  QB_OPERATOR_OPTIONS: () => import_selectors.QB_OPERATOR_OPTIONS,
+  QB_OPERATOR_TYPES: () => import_types.QB_OPERATOR_TYPES,
+  QB_SUBJECT_VALUES_OPTIONS: () => import_selectors.QB_SUBJECT_VALUES_OPTIONS,
+  QueryBuilderFormat: () => import_format.default,
+  default: () => DSQueryBuilder_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_QueryBuilderImpl = __toESM(require("./components/QueryBuilderImpl"));
+var import_types = require("./components/helpers/types");
+var import_selectors = require("./components/helpers/selectors");
+var import_format = __toESM(require("./components/format/format"));
+var import_propTypes = require("./propTypes");
+const DSQueryBuilder = ({
+  containerProps = {},
+  addFilterMethod = import_types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,
+  groupFilterMethod = import_types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,
+  onChange = () => null,
+  fields = [],
+  fieldsSharedActions = {
+    onFieldChange: [],
+    onOperatorChange: [],
+    onValueChange: []
+  },
+  format = import_types.QB_EXPORT_FORMAT_TYPES.DEFAULT,
+  init = null,
+  ruleContainerClassName = "",
+  handleDrop = () => null,
+  handleDropFilter = () => null,
+  handleDropGroup = () => null,
+  handleFieldChange = () => null,
+  handleRuleContainerOperator = () => null,
+  handleRuleContainerUnGroup = () => null,
+  onAddFilter = () => null,
+  onAddRuleContainer = () => null,
+  onRemoveFilter = () => null,
+  displayFixedOutput,
+  displayOutput = false,
+  displayOutputLabel = {
+    show: "Show output",
+    hide: "Hide output"
+  },
+  singleRow = false,
+  toolTipZIndex = 110
+}) => /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderImpl.default, {
+  addFilterMethod,
+  containerProps,
+  displayFixedOutput,
+  displayOutput,
+  displayOutputLabel,
+  fields,
+  fieldsSharedActions,
+  format,
+  groupFilterMethod,
+  handleDrop,
+  handleDropFilter,
+  handleDropGroup,
+  handleFieldChange,
+  handleRuleContainerOperator,
+  handleRuleContainerUnGroup,
+  init,
+  onAddFilter,
+  onAddRuleContainer,
+  onChange,
+  onRemoveFilter,
+  ruleContainerClassName,
+  singleRow,
+  toolTipZIndex
+});
+DSQueryBuilder.propTypes = import_propTypes.props;
+const DSQueryBuilderWithSchema = (0, import_react_desc.describe)(DSQueryBuilder);
+DSQueryBuilderWithSchema.propTypes = import_propTypes.props;
+var DSQueryBuilder_default = DSQueryBuilder;
+module.exports = __toCommonJS(DSQueryBuilder_exports);
+//# sourceMappingURL=DSQueryBuilder.js.map

package/cjs/DSQueryBuilder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSQueryBuilder.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport QueryBuilderImpl from './components/QueryBuilderImpl';\nimport {\n  QB_FIELD_TYPES,\n  QB_OPERATOR_TYPES,\n  QB_GROUP_CONDITION_TYPES,\n  QB_DRAG_TYPES,\n  QB_DRAG_LOCATIONS,\n  QB_EXPORT_FORMAT_TYPES,\n  QB_ADD_FILTER_METHOD_TYPES,\n  QB_GROUP_FILTER_METHOD_TYPES,\n  QB_FIELD_SHARED_ACTIONS,\n} from './components/helpers/types';\nimport {\n  QB_OPERATOR_OPTIONS,\n  QB_DEFAULT_VALUES_OPTIONS,\n  QB_FIELD_OPTIONS,\n  QB_LOAN_VALUES_OPTIONS,\n  QB_SUBJECT_VALUES_OPTIONS,\n} from './components/helpers/selectors';\nimport QueryBuilderFormat from './components/format/format';\nimport { props } from './propTypes';\n\nconst DSQueryBuilder = ({\n  containerProps = {},\n  addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n  groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,\n  onChange = () => null,\n  fields = [],\n  fieldsSharedActions = {\n    onFieldChange: [],\n    onOperatorChange: [],\n    onValueChange: [],\n  },\n  format = QB_EXPORT_FORMAT_TYPES.DEFAULT,\n  init = null,\n  ruleContainerClassName = '',\n  handleDrop = () => null,\n  handleDropFilter = () => null,\n  handleDropGroup = () => null,\n  handleFieldChange = () => null,\n  handleRuleContainerOperator = () => null,\n  handleRuleContainerUnGroup = () => null,\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  displayFixedOutput,\n  displayOutput = false,\n  displayOutputLabel = {\n    show: 'Show output',\n    hide: 'Hide output',\n  },\n  singleRow = false,\n  toolTipZIndex = 110,\n}) => (\n  <QueryBuilderImpl\n    addFilterMethod={addFilterMethod}\n    containerProps={containerProps}\n    displayFixedOutput={displayFixedOutput}\n    displayOutput={displayOutput}\n    displayOutputLabel={displayOutputLabel}\n    fields={fields}\n    fieldsSharedActions={fieldsSharedActions}\n    format={format}\n    groupFilterMethod={groupFilterMethod}\n    handleDrop={handleDrop}\n    handleDropFilter={handleDropFilter}\n    handleDropGroup={handleDropGroup}\n    handleFieldChange={handleFieldChange}\n    handleRuleContainerOperator={handleRuleContainerOperator}\n    handleRuleContainerUnGroup={handleRuleContainerUnGroup}\n    init={init}\n    onAddFilter={onAddFilter}\n    onAddRuleContainer={onAddRuleContainer}\n    onChange={onChange}\n    onRemoveFilter={onRemoveFilter}\n    ruleContainerClassName={ruleContainerClassName}\n    singleRow={singleRow}\n    toolTipZIndex={toolTipZIndex}\n  />\n);\n\nDSQueryBuilder.propTypes = props;\nconst DSQueryBuilderWithSchema = describe(DSQueryBuilder);\nDSQueryBuilderWithSchema.propTypes = props;\n\nexport {\n  QB_FIELD_SHARED_ACTIONS,\n  QB_FIELD_TYPES,\n  QB_OPERATOR_TYPES,\n  QB_OPERATOR_OPTIONS,\n  QB_DEFAULT_VALUES_OPTIONS,\n  QB_FIELD_OPTIONS,\n  QB_LOAN_VALUES_OPTIONS,\n  QB_SUBJECT_VALUES_OPTIONS,\n  QB_GROUP_CONDITION_TYPES,\n  QB_DRAG_TYPES,\n  QB_DRAG_LOCATIONS,\n  QB_EXPORT_FORMAT_TYPES,\n  QB_ADD_FILTER_METHOD_TYPES,\n  QB_GROUP_FILTER_METHOD_TYPES,\n  QueryBuilderFormat,\n  DSQueryBuilderWithSchema,\n  DSQueryBuilder,\n};\n\nexport default DSQueryBuilder;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAA6B;AAC7B,mBAUO;AACP,uBAMO;AACP,oBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB;AAAA,EACjB,kBAAkB,wCAA2B;AAAA,EAC7C,oBAAoB,0CAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS;AAAA,EACT,sBAAsB;AAAA,IACpB,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,eAAe;AAAA;AAAA,EAEjB,SAAS,oCAAuB;AAAA,EAChC,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,kBAAkB,MAAM;AAAA,EACxB,oBAAoB,MAAM;AAAA,EAC1B,8BAA8B,MAAM;AAAA,EACpC,6BAA6B,MAAM;AAAA,EACnC,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,MAAM;AAAA;AAAA,EAER,YAAY;AAAA,EACZ,gBAAgB;AAAA,MAEhB,mDAAC,iCAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAIJ,eAAe,YAAY;AAC3B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/components/AndOrController/AndOrController.js

@@ -1,55 +1,58 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSTooltip = require('@elliemae/ds-tooltip');
-var dsPopper = require('@elliemae/ds-popper');
-var dsForm = require('@elliemae/ds-form');
-var DSButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-var dsIcon = require('@elliemae/ds-icon');
-var constants = require('../helpers/constants.js');
-var ToolBarAnimation = require('../ToolBarAnimation/ToolBarAnimation.js');
-var DragContainerController = require('../DragContainerController/DragContainerController.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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _QueryAdd, _ParenthesisRemove, _div;
-const {
-  cssClassName,
-  classNameBlock,
-  classNameElement,
-  mainModifier,
-  classNameBlockModifier
-} = dsClassnames.convertPropToCssClassName('query-builder-and-or-controller');
-/**
- * condition-display-step: required to avoid the cache of the trigger
- *
- * @param e
- * @param isOpen
- */
-
-class AndOrController extends React.Component {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var AndOrController_exports = {};
+__export(AndOrController_exports, {
+  default: () => AndOrController_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
+var import_ds_popper = require("@elliemae/ds-popper");
+var import_ds_form = require("@elliemae/ds-form");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_constants = require("../helpers/constants");
+var import_ToolBarAnimation = require("../ToolBarAnimation/ToolBarAnimation");
+var import_DragContainerController = __toESM(require("../DragContainerController/DragContainerController"));
+const { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-and-or-controller");
+class AndOrController extends import_react.Component {
   constructor(props) {
     super(props);
-
-    this.handleMouseEnterRow = e => {
-      this.handleTooltipRow(true); // this.handleMouseMove(e)
+    this.handleMouseEnterRow = (e) => {
+      this.handleTooltipRow(true);
     };
-
-    this.handleMouseMove = e => {
-      if (!this.contenerRef.current) return;
+    this.handleMouseMove = (e) => {
+      if (!this.contenerRef.current)
+        return;
       const mouse = e.clientY;
-      const {
-        height
-      } = this.contenerRef.current.getBoundingClientRect();
+      const { height } = this.contenerRef.current.getBoundingClientRect();
       const delta = height / 2;
       const topDiff = this.myRef.current.getBoundingClientRect().top;
       const refHeight = this.myRef.current.getBoundingClientRect().height;
@@ -57,30 +60,22 @@ class AndOrController extends React.Component {
         top: mouse - topDiff - refHeight / 2 - delta
       });
     };
-
     this.handleMouseLeaveRow = () => {
       this.handleTooltipRow(false);
     };
-
-    this.handleTooltipRow = isOpen => {
-      this.setState({
-        isOpen
-      });
-      const {
-        handleTooltipGroup
-      } = this.props;
+    this.handleTooltipRow = (isOpen) => {
+      this.setState({ isOpen });
+      const { handleTooltipGroup } = this.props;
       handleTooltipGroup(isOpen);
     };
-
-    this.contenerRef = /*#__PURE__*/React__default["default"].createRef();
-    this.myRef = /*#__PURE__*/React__default["default"].createRef();
+    this.contenerRef = import_react.default.createRef();
+    this.myRef = import_react.default.createRef();
     this.state = {
       isOpen: false,
       top: 0,
       right: -2
     };
   }
-
   render() {
     const {
       handleRuleContainerOperator,
@@ -104,119 +99,110 @@ class AndOrController extends React.Component {
       isMain,
       toolTipZIndex
     } = this.props;
-    const {
-      isOpen,
-      top,
-      right
-    } = this.state;
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
+    const { isOpen, top, right } = this.state;
+    return /* @__PURE__ */ import_react.default.createElement("div", {
       ref: this.myRef,
-      className: "".concat(cssClassName, " ").concat(mainModifier(condition ? 'active' : 'default'), " step-").concat(step, "  ").concat(isMain ? 'is-main-group-join' : '') // onMouseEnter={this.handleMouseEnterRow}
-      ,
-      onMouseLeave: this.handleMouseLeaveRow // onMouseMove={this.handleMouseMove}
-      ,
-      children: /*#__PURE__*/_jsx__default["default"]("div", {
-        className: "".concat(classNameBlock('content'), " step-").concat(step)
-      }, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
-        delayClose: delayClose,
-        delayOpen: delayOpen,
-        interactionType: toolBarInteractionType,
-        isOpen: isOpen,
-        onOpen: this.handleTooltipRow,
-        placement: toolBarPosition,
-        springAnimationComponent: /*#__PURE__*/_jsx__default["default"](ToolBarAnimation.ToolBarAnimation, {
-          duration: toolBarAnimationDuration
-        }),
-        step: step,
-        title: /*#__PURE__*/jsxRuntime.jsxs("div", {
-          ref: this.contenerRef,
-          className: classNameBlock('actions'),
-          style: {
-            transition: '0.2s',
-            position: 'absolute',
-            top: "".concat(top, "px"),
-            right: "".concat(right, "px")
-          },
-          children: [/*#__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'
-            }
-          }), allowUnGroup && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-            buttonType: "text",
-            className: classNameElement('ungroup'),
-            icon: _ParenthesisRemove || (_ParenthesisRemove = /*#__PURE__*/_jsx__default["default"](dsIcons.ParenthesisRemove, {})),
-            onClick: handleRuleContainerUnGroup,
-            size: buttonActionSize,
-            containerProps: {
-              'data-testid': 'parenthesis-remove-button'
-            }
-          }), /*#__PURE__*/_jsx__default["default"](dsForm.DSToggle, {
-            checked: condition,
-            className: classNameElement('and-or-toggle'),
-            labelOff: labelOff,
-            labelOn: labelOn,
-            onChange: e => handleRuleContainerOperator(e.target.checked),
-            size: toogleActionSize,
-            containerProps: {
-              'data-testid': 'and-or-toggle-button'
-            }
-          })]
-        }),
-        tooltipType: DSTooltip.TooltipType.TOOLBAR,
-        triggerComponent: /*#__PURE__*/_jsx__default["default"]("div", {
-          className: "".concat(classNameBlock('trigger-controller'), " ").concat(showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : '', " step-").concat(step)
-        }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-          className: classNameElement('condition-display')
-        }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
-          className: classNameElement('condition-display-label')
-        }, void 0, condition ? labelOn : labelOff), /*#__PURE__*/_jsx__default["default"]("span", {
-          className: classNameElement('condition-display-step')
-        }, void 0, step), _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {
-          className: "separator"
-        })), /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
-          color: dsIcon.DSIconColors.NEUTRAL,
-          onClick: this.handleMouseEnterRow,
-          size: dsIcon.DSIconSizes.S,
-          containerProps: {
-            'data-testid': 'and-or-more-options-button'
-          }
-        })), showDragController && /*#__PURE__*/_jsx__default["default"](DragContainerController, {
-          multipleSize: multipleSize,
-          onClick: this.handleMouseEnterRow
-        })),
-        zIndex: toolTipZIndex
-      }))
-    });
+      className: `${cssClassName} ${mainModifier(condition ? "active" : "default")} step-${step}  ${isMain ? "is-main-group-join" : ""}`,
+      onMouseLeave: this.handleMouseLeaveRow
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: `${classNameBlock("content")} step-${step}`
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.default, {
+      delayClose,
+      delayOpen,
+      interactionType: toolBarInteractionType,
+      isOpen,
+      onOpen: this.handleTooltipRow,
+      placement: toolBarPosition,
+      springAnimationComponent: /* @__PURE__ */ import_react.default.createElement(import_ToolBarAnimation.ToolBarAnimation, {
+        duration: toolBarAnimationDuration
+      }),
+      step,
+      title: /* @__PURE__ */ import_react.default.createElement("div", {
+        ref: this.contenerRef,
+        className: classNameBlock("actions"),
+        style: {
+          transition: "0.2s",
+          position: "absolute",
+          top: `${top}px`,
+          right: `${right}px`
+        }
+      }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+        buttonType: buttonActionType,
+        className: classNameElement("add-rule"),
+        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.QueryAdd, null),
+        onClick: onAddFilter,
+        size: buttonActionSize,
+        containerProps: {
+          "data-testid": "query-add-button"
+        }
+      }), allowUnGroup && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+        buttonType: "text",
+        className: classNameElement("ungroup"),
+        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ParenthesisRemove, null),
+        onClick: handleRuleContainerUnGroup,
+        size: buttonActionSize,
+        containerProps: {
+          "data-testid": "parenthesis-remove-button"
+        }
+      }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSToggle, {
+        checked: condition,
+        className: classNameElement("and-or-toggle"),
+        labelOff,
+        labelOn,
+        onChange: (e) => handleRuleContainerOperator(e.target.checked),
+        size: toogleActionSize,
+        containerProps: {
+          "data-testid": "and-or-toggle-button"
+        }
+      })),
+      tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
+      triggerComponent: /* @__PURE__ */ import_react.default.createElement("div", {
+        className: `${classNameBlock("trigger-controller")} ${showDragController ? classNameBlockModifier("draggable", "trigger-controller") : ""} step-${step}`
+      }, /* @__PURE__ */ import_react.default.createElement("div", {
+        className: classNameElement("condition-display")
+      }, /* @__PURE__ */ import_react.default.createElement("span", {
+        className: classNameElement("condition-display-label")
+      }, condition ? labelOn : labelOff), /* @__PURE__ */ import_react.default.createElement("span", {
+        className: classNameElement("condition-display-step")
+      }, step), /* @__PURE__ */ import_react.default.createElement("div", {
+        className: "separator"
+      }), /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, {
+        color: import_ds_icon.DSIconColors.NEUTRAL,
+        onClick: this.handleMouseEnterRow,
+        size: import_ds_icon.DSIconSizes.S,
+        containerProps: {
+          "data-testid": "and-or-more-options-button"
+        }
+      })), showDragController && /* @__PURE__ */ import_react.default.createElement(import_DragContainerController.default, {
+        multipleSize,
+        onClick: this.handleMouseEnterRow
+      })),
+      zIndex: toolTipZIndex
+    })));
   }
-
 }
-
 AndOrController.defaultProps = {
   isMain: false,
   handleRuleContainerOperator: () => null,
   handleRuleContainerUnGroup: () => null,
   handleTooltipGroup: () => null,
-  labelOn: 'AND',
-  labelOff: 'OR',
+  labelOn: "AND",
+  labelOff: "OR",
   condition: true,
   showDragController: true,
   allowUnGroup: true,
-  buttonActionSize: dsIcon.DSIconSizes.M,
-  buttonActionType: 'text',
-  toogleActionSize: dsIcon.DSIconSizes.S,
+  buttonActionSize: import_ds_icon.DSIconSizes.M,
+  buttonActionType: "text",
+  toogleActionSize: import_ds_icon.DSIconSizes.S,
   onAddFilter: () => null,
   multipleSize: false,
-  delayClose: constants.DELAY_CLOSE,
-  delayOpen: constants.DELAY_OPEN,
+  delayClose: import_constants.DELAY_CLOSE,
+  delayOpen: import_constants.DELAY_OPEN,
   step: null,
-  toolBarAnimationDuration: constants.TOOLBAR_ANIMATION_DURATION,
-  toolBarInteractionType: dsPopper.PopperInteractions.CLICK,
-  toolBarPosition: dsPopper.PopperPositions.LEFT
+  toolBarAnimationDuration: import_constants.TOOLBAR_ANIMATION_DURATION,
+  toolBarInteractionType: import_ds_popper.PopperInteractions.CLICK,
+  toolBarPosition: import_ds_popper.PopperPositions.LEFT
 };
-
-module.exports = AndOrController;
+var AndOrController_default = AndOrController;
+module.exports = __toCommonJS(AndOrController_exports);
+//# sourceMappingURL=AndOrController.js.map

package/cjs/components/AndOrController/AndOrController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/AndOrController/AndOrController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n  convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n *\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n  static defaultProps = {\n    isMain: false,\n    handleRuleContainerOperator: () => null,\n    handleRuleContainerUnGroup: () => null,\n    handleTooltipGroup: () => null,\n    labelOn: 'AND',\n    labelOff: 'OR',\n    condition: true,\n    showDragController: true,\n    allowUnGroup: true,\n    buttonActionSize: DSIconSizes.M,\n    buttonActionType: 'text',\n    toogleActionSize: DSIconSizes.S,\n    onAddFilter: () => null,\n    multipleSize: false,\n    delayClose: DELAY_CLOSE,\n    delayOpen: DELAY_OPEN,\n    step: null,\n    toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n    toolBarInteractionType: Interaction.CLICK,\n    toolBarPosition: Position.LEFT,\n  };\n\n  constructor(props) {\n    super(props);\n    this.contenerRef = React.createRef();\n    this.myRef = React.createRef();\n    this.state = {\n      isOpen: false,\n      top: 0,\n      right: -2,\n    };\n  }\n\n  handleMouseEnterRow = (e) => {\n    this.handleTooltipRow(true);\n    // this.handleMouseMove(e)\n  };\n\n  handleMouseMove = (e) => {\n    if (!this.contenerRef.current) return;\n    const mouse = e.clientY;\n    const { height } = this.contenerRef.current.getBoundingClientRect();\n    const delta = height / 2;\n    const topDiff = this.myRef.current.getBoundingClientRect().top;\n    const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n    this.setState({\n      top: mouse - topDiff - refHeight / 2 - delta,\n    });\n  };\n\n  handleMouseLeaveRow = () => {\n    this.handleTooltipRow(false);\n  };\n\n  handleTooltipRow = (isOpen) => {\n    this.setState({ isOpen });\n    const { handleTooltipGroup } = this.props;\n    handleTooltipGroup(isOpen);\n  };\n\n  render() {\n    const {\n      handleRuleContainerOperator,\n      handleRuleContainerUnGroup,\n      labelOn,\n      labelOff,\n      condition,\n      showDragController,\n      allowUnGroup,\n      buttonActionSize,\n      buttonActionType,\n      toogleActionSize,\n      onAddFilter,\n      multipleSize,\n      delayClose,\n      delayOpen,\n      step,\n      toolBarAnimationDuration,\n      toolBarInteractionType,\n      toolBarPosition,\n      isMain,\n      toolTipZIndex,\n    } = this.props;\n    const { isOpen, top, right } = this.state;\n    return (\n      <div\n        ref={this.myRef}\n        className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step}  ${\n          isMain ? 'is-main-group-join' : ''\n        }`}\n        // onMouseEnter={this.handleMouseEnterRow}\n        onMouseLeave={this.handleMouseLeaveRow}\n        // onMouseMove={this.handleMouseMove}\n      >\n        <div className={`${classNameBlock('content')} step-${step}`}>\n          <DSTooltip\n            delayClose={delayClose}\n            delayOpen={delayOpen}\n            interactionType={toolBarInteractionType}\n            isOpen={isOpen}\n            onOpen={this.handleTooltipRow}\n            placement={toolBarPosition}\n            springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n            step={step}\n            title={\n              <div\n                ref={this.contenerRef}\n                className={classNameBlock('actions')}\n                style={{\n                  transition: '0.2s',\n                  position: 'absolute',\n                  top: `${top}px`,\n                  right: `${right}px`,\n                }}\n              >\n                <DSButton\n                  buttonType={buttonActionType}\n                  className={classNameElement('add-rule')}\n                  icon={<QueryAdd />}\n                  onClick={onAddFilter}\n                  size={buttonActionSize}\n                  containerProps={{\n                    'data-testid': 'query-add-button',\n                  }}\n                />\n                {allowUnGroup && (\n                  <DSButton\n                    buttonType=\"text\"\n                    className={classNameElement('ungroup')}\n                    icon={<ParenthesisRemove />}\n                    onClick={handleRuleContainerUnGroup}\n                    size={buttonActionSize}\n                    containerProps={{\n                      'data-testid': 'parenthesis-remove-button',\n                    }}\n                  />\n                )}\n                <DSToggle\n                  checked={condition}\n                  className={classNameElement('and-or-toggle')}\n                  labelOff={labelOff}\n                  labelOn={labelOn}\n                  onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n                  size={toogleActionSize}\n                  containerProps={{\n                    'data-testid': 'and-or-toggle-button',\n                  }}\n                />\n              </div>\n            }\n            tooltipType={TooltipType.TOOLBAR}\n            triggerComponent={\n              <div\n                className={`${classNameBlock('trigger-controller')} ${\n                  showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n                } step-${step}`}\n              >\n                <div className={classNameElement('condition-display')}>\n                  <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n                  <span className={classNameElement('condition-display-step')}>{step}</span>\n                  <div className=\"separator\" />\n                  <MoreOptionsVert\n                    color={DSIconColors.NEUTRAL}\n                    onClick={this.handleMouseEnterRow}\n                    size={DSIconSizes.S}\n                    containerProps={{\n                      'data-testid': 'and-or-more-options-button',\n                    }}\n                  />\n                </div>\n                {showDragController && (\n                  <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n                )}\n              </div>\n            }\n            zIndex={toolTipZIndex}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AndOrController;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAiC;AACjC,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAAyB;AACzB,uBAAqB;AACrB,sBAA6D;AAC7D,qBAA0C;AAC1C,uBAAoE;AACpE,8BAAiC;AACjC,qCAAoC;AAEpC,MAAM,EAAE,cAAc,gBAAgB,kBAAkB,cAAc,2BACpE,oDAA0B;AAO5B,8BAA8B,uBAAU;AAAA,EAwBtC,YAAY,OAAO;AACjB,UAAM;AAUR,+BAAsB,CAAC,MAAM;AAC3B,WAAK,iBAAiB;AAAA;AAIxB,2BAAkB,CAAC,MAAM;AACvB,UAAI,CAAC,KAAK,YAAY;AAAS;AAC/B,YAAM,QAAQ,EAAE;AAChB,YAAM,EAAE,WAAW,KAAK,YAAY,QAAQ;AAC5C,YAAM,QAAQ,SAAS;AACvB,YAAM,UAAU,KAAK,MAAM,QAAQ,wBAAwB;AAC3D,YAAM,YAAY,KAAK,MAAM,QAAQ,wBAAwB;AAE7D,WAAK,SAAS;AAAA,QACZ,KAAK,QAAQ,UAAU,YAAY,IAAI;AAAA;AAAA;AAI3C,+BAAsB,MAAM;AAC1B,WAAK,iBAAiB;AAAA;AAGxB,4BAAmB,CAAC,WAAW;AAC7B,WAAK,SAAS,EAAE;AAChB,YAAM,EAAE,uBAAuB,KAAK;AACpC,yBAAmB;AAAA;AAlCnB,SAAK,cAAc,qBAAM;AACzB,SAAK,QAAQ,qBAAM;AACnB,SAAK,QAAQ;AAAA,MACX,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,OAAO;AAAA;AAAA;AAAA,EAgCX,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,EAAE,QAAQ,KAAK,UAAU,KAAK;AACpC,WACE,mDAAC,OAAD;AAAA,MACE,KAAK,KAAK;AAAA,MACV,WAAW,GAAG,gBAAgB,aAAa,YAAY,WAAW,mBAAmB,SACnF,SAAS,uBAAuB;AAAA,MAGlC,cAAc,KAAK;AAAA,OAGnB,mDAAC,OAAD;AAAA,MAAK,WAAW,GAAG,eAAe,mBAAmB;AAAA,OACnD,mDAAC,2BAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,QAAQ,KAAK;AAAA,MACb,WAAW;AAAA,MACX,0BAA0B,mDAAC,0CAAD;AAAA,QAAkB,UAAU;AAAA;AAAA,MACtD;AAAA,MACA,OACE,mDAAC,OAAD;AAAA,QACE,KAAK,KAAK;AAAA,QACV,WAAW,eAAe;AAAA,QAC1B,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,KAAK,GAAG;AAAA,UACR,OAAO,GAAG;AAAA;AAAA,SAGZ,mDAAC,0BAAD;AAAA,QACE,YAAY;AAAA,QACZ,WAAW,iBAAiB;AAAA,QAC5B,MAAM,mDAAC,0BAAD;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA;AAAA,UAGlB,gBACC,mDAAC,0BAAD;AAAA,QACE,YAAW;AAAA,QACX,WAAW,iBAAiB;AAAA,QAC5B,MAAM,mDAAC,mCAAD;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA;AAAA,UAIrB,mDAAC,yBAAD;AAAA,QACE,SAAS;AAAA,QACT,WAAW,iBAAiB;AAAA,QAC5B;AAAA,QACA;AAAA,QACA,UAAU,CAAC,MAAM,4BAA4B,EAAE,OAAO;AAAA,QACtD,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA;AAAA;AAAA,MAKvB,aAAa,8BAAY;AAAA,MACzB,kBACE,mDAAC,OAAD;AAAA,QACE,WAAW,GAAG,eAAe,yBAC3B,qBAAqB,uBAAuB,aAAa,wBAAwB,WAC1E;AAAA,SAET,mDAAC,OAAD;AAAA,QAAK,WAAW,iBAAiB;AAAA,SAC/B,mDAAC,QAAD;AAAA,QAAM,WAAW,iBAAiB;AAAA,SAA6B,YAAY,UAAU,WACrF,mDAAC,QAAD;AAAA,QAAM,WAAW,iBAAiB;AAAA,SAA4B,OAC9D,mDAAC,OAAD;AAAA,QAAK,WAAU;AAAA,UACf,mDAAC,iCAAD;AAAA,QACE,OAAO,4BAAa;AAAA,QACpB,SAAS,KAAK;AAAA,QACd,MAAM,2BAAY;AAAA,QAClB,gBAAgB;AAAA,UACd,eAAe;AAAA;AAAA,WAIpB,sBACC,mDAAC,wCAAD;AAAA,QAAyB;AAAA,QAA4B,SAAS,KAAK;AAAA;AAAA,MAIzE,QAAQ;AAAA;AAAA;AAAA;AAjLX,AADT,gBACS,eAAe;AAAA,EACpB,QAAQ;AAAA,EACR,6BAA6B,MAAM;AAAA,EACnC,4BAA4B,MAAM;AAAA,EAClC,oBAAoB,MAAM;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,kBAAkB,2BAAY;AAAA,EAC9B,kBAAkB;AAAA,EAClB,kBAAkB,2BAAY;AAAA,EAC9B,aAAa,MAAM;AAAA,EACnB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,0BAA0B;AAAA,EAC1B,wBAAwB,oCAAY;AAAA,EACpC,iBAAiB,iCAAS;AAAA;AAqK9B,IAAO,0BAAQ;",
+  "names": []
+}