@elliemae/ds-query-builder 2.3.0-alpha.9 → 2.3.0-next.3

package/dist/esm/components/Nestable/actions/tryIncreaseDepth.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/tryIncreaseDepth.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function tryIncreaseDepth(dragItem) {\n  const { maxDepth, childrenProp, collapsed } = this.props;\n  const pathFrom = this.getPathById(dragItem.id);\n  const itemIndex = pathFrom[pathFrom.length - 1];\n  const newDepth = pathFrom.length + this.getItemDepth(dragItem);\n\n  // has previous sibling and isn't at max depth\n  if (itemIndex > 0 && newDepth <= maxDepth) {\n    const prevSibling = this.getItemByPath(\n      pathFrom.slice(0, -1).concat(itemIndex - 1),\n    );\n    // previous sibling is not collapsed\n    if (!prevSibling[childrenProp].length || !this.isCollapsed(prevSibling)) {\n      const pathTo = pathFrom\n        .slice(0, -1)\n        .concat(itemIndex - 1)\n        .concat(prevSibling[childrenProp].length);\n\n      // if collapsed by default\n      // and was no children here\n      // open this node\n      let collapseProps = {};\n      if (collapsed && !prevSibling[childrenProp].length) {\n        collapseProps = this.onToggleCollapse(prevSibling, true);\n      }\n\n      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n    }\n  }\n}\n"],
-  "mappings": "AAAA;ACAO,0BAA0B,UAAU;AACzC,QAAM,EAAE,UAAU,cAAc,cAAc,KAAK;AACnD,QAAM,WAAW,KAAK,YAAY,SAAS;AAC3C,QAAM,YAAY,SAAS,SAAS,SAAS;AAC7C,QAAM,WAAW,SAAS,SAAS,KAAK,aAAa;AAGrD,MAAI,YAAY,KAAK,YAAY,UAAU;AACzC,UAAM,cAAc,KAAK,cACvB,SAAS,MAAM,GAAG,IAAI,OAAO,YAAY;AAG3C,QAAI,CAAC,YAAY,cAAc,UAAU,CAAC,KAAK,YAAY,cAAc;AACvE,YAAM,SAAS,SACZ,MAAM,GAAG,IACT,OAAO,YAAY,GACnB,OAAO,YAAY,cAAc;AAKpC,UAAI,gBAAgB;AACpB,UAAI,aAAa,CAAC,YAAY,cAAc,QAAQ;AAClD,wBAAgB,KAAK,iBAAiB,aAAa;AAAA;AAGrD,WAAK,SAAS,EAAE,UAAU,UAAU,UAAU;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/components/Nestable/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import Nestable from "./Nestable";
-var Nestable_default = Nestable;
-export {
-  Nestable_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Nestable/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Nestable from './Nestable';\n\nexport default Nestable;\n"],
-  "mappings": "AAAA;ACAA;AAEA,IAAO,mBAAQ;",
-  "names": []
-}

package/dist/esm/components/QueryBuilderContext/QueryBuilderContext.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-const QueryBuilderContext = React2.createContext({});
-export {
-  QueryBuilderContext
-};
-//# sourceMappingURL=QueryBuilderContext.js.map

package/dist/esm/components/QueryBuilderContext/QueryBuilderContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderContext/QueryBuilderContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const QueryBuilderContext = React.createContext({});\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,sBAAsB,OAAM,cAAc;",
-  "names": []
-}

package/dist/esm/components/QueryBuilderImpl.js

@@ -1,196 +0,0 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import Nestable from "./Nestable";
-import { QueryBuilderContext } from "./QueryBuilderContext/QueryBuilderContext";
-import { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from "./helpers/types";
-import QueryBuilderStore from "./helpers/store";
-import AndOrController from "./AndOrController/AndOrController";
-import QueryBuilderItem from "./QueryBuilderItem/QueryBuilderItem";
-import DisplayOutput from "./DisplayOutput/DisplayOutput";
-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({
-        ...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 = ({ format, ...newFilters }) => {
-      this.setState({ 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 ");
-        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 !== void 0 && 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 { condition } = mapGroups[main];
-    return /* @__PURE__ */ React2.createElement(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
-      }
-    }, /* @__PURE__ */ React2.createElement("div", {
-      ...containerProps,
-      className: `nested-main-group ${condition !== true ? "is-or-group" : "is-and-groupL"} ${singleRow ? "query-main-single-row" : "query-main-multiple-row"}`
-    }, /* @__PURE__ */ React2.createElement(Nestable, {
-      isAndItem: condition === true,
-      isDraggableItem: this.isDraggableItem,
-      isOrItem: condition !== true,
-      items,
-      onChange: this.onOrderDragAndDrop,
-      renderItem: QueryBuilderItem,
-      setDraggableItems: this.setDraggableItems,
-      step,
-      singleRow
-    }), !singleRow && /* @__PURE__ */ React2.createElement("div", {
-      className: "rule-container-options"
-    }, /* @__PURE__ */ React2.createElement(AndOrController, {
-      allowUnGroup: false,
-      condition,
-      handleRuleContainerOperator: (value) => this.handleRuleContainerOperator(main, value),
-      handleRuleContainerUnGroup: () => this.handleRuleContainerUnGroup(main),
-      isMain: true,
-      onAddFilter: () => this.onAddFilterToGroup(main),
-      showDragController: false,
-      step,
-      toolTipZIndex
-    }))), (displayOutput || displayFixedOutput) && /* @__PURE__ */ React2.createElement(DisplayOutput, {
-      displayFixedOutput,
-      hideLabel: displayOutputLabel.hide,
-      showLabel: displayOutputLabel.show,
-      show: displayOutputLabel.open
-    }));
-  }
-}
-var QueryBuilderImpl_default = QueryBuilderImpl;
-export {
-  QueryBuilderImpl_default as default
-};
-//# sourceMappingURL=QueryBuilderImpl.js.map

package/dist/esm/components/QueryBuilderImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/QueryBuilderImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport Nestable from './Nestable';\n\nimport { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from './helpers/types';\nimport QueryBuilderStore from './helpers/store';\nimport AndOrController from './AndOrController/AndOrController';\n\nimport QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem';\nimport DisplayOutput from './DisplayOutput/DisplayOutput';\n\nclass QueryBuilderImpl extends Component {\n  isDraggableItem = true;\n\n  constructor(props) {\n    super(props);\n\n    this.store = new QueryBuilderStore(props.init, props.format);\n    this.state = this.store.getInitialState();\n  }\n\n  onOrderDragAndDrop = (items, item) => {\n    const newFilters = this.store.onOrderDragAndDrop(items, item);\n    this.sendCall('reOrderOnDragAndDrop', { items });\n    this.sendChange(newFilters);\n  };\n\n  onAddFilterToGroup = (idGroup) => {\n    const newFilters = this.store.addFilter(idGroup);\n    this.sendCall('onAddFilterToGroup', { idGroup });\n    this.sendChange(newFilters);\n  };\n\n  onAddFilter = (idGroup, idFilter) => {\n    const { addFilterMethod } = this.props;\n    const newFilters =\n      addFilterMethod === QB_ADD_FILTER_METHOD_TYPES.IN_PLACE\n        ? this.store.addFilterNextToFilterId(idGroup, idFilter)\n        : this.onAddFilterToGroup(idGroup);\n    this.sendCall('onAddFilter', { idGroup, idFilter });\n    this.sendChange(newFilters);\n  };\n\n  onAddRuleContainer = (idGroup, idFilter) => {\n    const { groupFilterMethod } = this.props;\n    const newFilters =\n      groupFilterMethod === QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE\n        ? this.store.addRuleContainerInPlace(idGroup, idFilter)\n        : this.store.addRuleContainer(idGroup, idFilter);\n    this.sendCall('onAddRuleContainer', { idGroup, idFilter });\n    this.sendChange(newFilters);\n  };\n\n  onRemoveFilter = (idFilter) => {\n    const newFilters = this.store.onRemoveFilter(idFilter);\n    this.sendCall('onRemoveFilter', { idFilter });\n    this.sendChange(newFilters);\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (\n      props.init &&\n      props.init.step !== undefined &&\n      Number.isInteger(props.init.step) &&\n      props.init.step !== state.step\n    ) {\n      const store = new QueryBuilderStore(props.init, props.format);\n      QueryBuilderImpl.recalculateStore = store;\n      return store.getInitialState();\n    }\n    return null;\n  }\n\n  componentDidUpdate() {\n    if (QueryBuilderImpl.recalculateStore) {\n      this.store = QueryBuilderImpl.recalculateStore;\n      QueryBuilderImpl.recalculateStore = null;\n    }\n  }\n\n  handleFieldChange = (data) => {\n    const { fieldsSharedActions } = this.props;\n    const newFilters = this.store.changeFilter({\n      ...data,\n      fieldsSharedActions,\n    });\n    this.sendCall('handleFieldChange', { data });\n    this.sendChange(newFilters);\n  };\n\n  handleRuleContainerOperator = (idGroup, value) => {\n    const newFilters = this.store.changeGroupOperator(idGroup, value);\n    this.sendCall('handleRuleContainerOperator', { idGroup, value });\n    this.sendChange(newFilters);\n  };\n\n  handleRuleContainerUnGroup = (idGroup) => {\n    const newFilters = this.store.unGroup(idGroup);\n    this.sendCall('handleRuleContainerUnGroup', { idGroup });\n    this.sendChange(newFilters);\n  };\n\n  /**\n   * handleFieldChange and handleDropFilter\n   * are equals right now, but they maybe\n   * will have diferents logic\n   *\n   * @param filter\n   * @param dragTo\n   */\n  handleDropFilter = (filter, dragTo) => {\n    const { position: oldPosition, idGroup, idFilter } = filter;\n    const { position: newPosition, targetIdGroup } = dragTo;\n    const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n    this.sendCall('handleDropFilter', { filter, dragTo });\n    this.sendChange(newFilters);\n  };\n\n  /**\n   * handleFieldChange and handleDropFilter\n   * are equals right now, but they maybe\n   * will have diferents logic\n   *\n   * @param group\n   * @param dragTo\n   */\n  handleDropGroup = (group, dragTo) => {\n    const { position: oldPosition, idFilter, idGroup } = group;\n    const { position: newPosition, targetIdGroup } = dragTo;\n    const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n    this.sendCall('handleDropGroup', { group, dragTo });\n    this.sendChange(newFilters);\n  };\n\n  handleDrop = (dragElement, dragTo) => {\n    const { type } = dragElement;\n    if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);\n    return this.handleDropGroup(dragElement, dragTo);\n  };\n\n  sendChange = ({ format, ...newFilters }) => {\n    this.setState({ format, ...newFilters });\n    const { onChange } = this.props;\n    onChange(format, newFilters);\n  };\n\n  sendCall = (action, data) => {\n    const { [action]: callback } = this.props;\n    if (callback) callback(data);\n  };\n\n  setDraggableItems = (drag) => {\n    this.isDraggableItem = true;\n    try {\n      const ua = window.navigator.userAgent;\n      const msie = ua.indexOf('MSIE ');\n      // eslint-disable-next-line no-useless-escape\n      if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n        const { isDraggableItem } = this.state;\n        if (drag !== isDraggableItem) {\n          this.setState({ isDraggableItem: drag });\n        }\n        this.isDraggableItem = drag;\n      }\n    } catch (error) {\n      this.isDraggableItem = true;\n    }\n  };\n\n  render() {\n    const { mapGroups, main, mapFilters, step, items, format } = this.state;\n    const {\n      containerProps,\n      ruleContainerClassName,\n      fields,\n      displayFixedOutput,\n      displayOutput,\n      displayOutputLabel,\n      singleRow,\n      toolTipZIndex,\n    } = this.props;\n    // const { children } = items[0]\n    const { condition } = mapGroups[main];\n\n    return (\n      <QueryBuilderContext.Provider\n        value={{\n          toolTipZIndex,\n          fields,\n          handleDrop: this.handleDrop,\n          handleFieldChange: this.handleFieldChange,\n          handleRuleContainerOperator: this.handleRuleContainerOperator,\n          handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,\n          mapFilters,\n          mapGroups,\n          onAddFilter: this.onAddFilter,\n          onAddFilterToGroup: this.onAddFilterToGroup,\n          onAddRuleContainer: this.onAddRuleContainer,\n          onRemoveFilter: this.onRemoveFilter,\n          ruleContainerClassName,\n          showDragController: false,\n          format,\n          step,\n          items,\n          isDraggableItem: this.isDraggableItem,\n          setDraggableItems: this.setDraggableItems,\n          singleRow,\n        }}\n      >\n        <div\n          {...containerProps}\n          className={`nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${\n            singleRow ? 'query-main-single-row' : 'query-main-multiple-row'\n          }`}\n        >\n          <Nestable\n            isAndItem={condition === true}\n            isDraggableItem={this.isDraggableItem}\n            isOrItem={condition !== true}\n            items={items}\n            onChange={this.onOrderDragAndDrop}\n            renderItem={QueryBuilderItem}\n            setDraggableItems={this.setDraggableItems}\n            step={step}\n            singleRow={singleRow}\n          />\n          {!singleRow && (\n            <div className=\"rule-container-options\">\n              <AndOrController\n                allowUnGroup={false}\n                condition={condition}\n                handleRuleContainerOperator={(value) => this.handleRuleContainerOperator(main, value)}\n                handleRuleContainerUnGroup={() => this.handleRuleContainerUnGroup(main)}\n                isMain\n                onAddFilter={() => this.onAddFilterToGroup(main)}\n                showDragController={false}\n                step={step}\n                toolTipZIndex={toolTipZIndex}\n              />\n            </div>\n          )}\n        </div>\n        {(displayOutput || displayFixedOutput) && (\n          <DisplayOutput\n            displayFixedOutput={displayFixedOutput}\n            hideLabel={displayOutputLabel.hide}\n            showLabel={displayOutputLabel.show}\n            show={displayOutputLabel.open}\n          />\n        )}\n      </QueryBuilderContext.Provider>\n    );\n  }\n}\n\nexport default QueryBuilderImpl;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext";
-import { QB_DRAG_TYPES } from "../helpers/types";
-import AndOrController from "../AndOrController/AndOrController";
-import QueryBuilderRow from "../QueryBuilderRow/QueryBuilderRow";
-const QueryBuilderItem = ({ item }) => {
-  const { element } = item;
-  const { type, idFilter, idGroup, condition } = element;
-  return /* @__PURE__ */ React2.createElement(QueryBuilderContext.Consumer, null, ({
-    fields,
-    handleFieldChange,
-    onAddFilter,
-    onAddFilterToGroup,
-    onAddRuleContainer,
-    onRemoveFilter,
-    showDragController,
-    handleRuleContainerOperator,
-    handleRuleContainerUnGroup,
-    step,
-    items,
-    isDraggableItem,
-    setDraggableItems,
-    singleRow,
-    toolTipZIndex
-  }) => {
-    if (type === QB_DRAG_TYPES.FILTER) {
-      return /* @__PURE__ */ React2.createElement(QueryBuilderRow, {
-        ...element,
-        fields,
-        handleFieldChange,
-        isDraggableItem,
-        items,
-        onAddFilter: () => onAddFilter(idGroup, idFilter),
-        onAddRuleContainer: () => onAddRuleContainer(idGroup, idFilter),
-        onRemoveFilter: () => onRemoveFilter(idFilter),
-        setDraggableItems,
-        showDragController,
-        step,
-        singleRow,
-        toolTipZIndex
-      });
-    }
-    if (singleRow)
-      return null;
-    return /* @__PURE__ */ React2.createElement(AndOrController, {
-      allowUnGroup: true,
-      condition,
-      handleRuleContainerOperator: (value) => handleRuleContainerOperator(idGroup, value),
-      handleRuleContainerUnGroup: () => handleRuleContainerUnGroup(idGroup),
-      multipleSize: false,
-      onAddFilter: () => onAddFilterToGroup(idGroup),
-      showDragController: true,
-      step,
-      toolTipZIndex
-    });
-  });
-};
-var QueryBuilderItem_default = QueryBuilderItem;
-export {
-  QueryBuilderItem_default as default
-};
-//# sourceMappingURL=QueryBuilderItem.js.map

package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES } from '../helpers/types';\nimport AndOrController from '../AndOrController/AndOrController';\nimport QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';\n\nconst QueryBuilderItem = ({ item }) => {\n  const { element } = item;\n  const { type, idFilter, idGroup, condition } = element;\n  return (\n    <QueryBuilderContext.Consumer>\n      {({\n        fields,\n        handleFieldChange,\n        onAddFilter,\n        onAddFilterToGroup,\n        onAddRuleContainer,\n        onRemoveFilter,\n        showDragController,\n        handleRuleContainerOperator,\n        handleRuleContainerUnGroup,\n        step,\n        items,\n        isDraggableItem,\n        setDraggableItems,\n        singleRow,\n        toolTipZIndex,\n      }) => {\n        if (type === QB_DRAG_TYPES.FILTER) {\n          return (\n            <QueryBuilderRow\n              {...element}\n              fields={fields}\n              handleFieldChange={handleFieldChange}\n              isDraggableItem={isDraggableItem}\n              items={items}\n              onAddFilter={() => onAddFilter(idGroup, idFilter)}\n              onAddRuleContainer={() => onAddRuleContainer(idGroup, idFilter)}\n              onRemoveFilter={() => onRemoveFilter(idFilter)}\n              setDraggableItems={setDraggableItems}\n              showDragController={showDragController}\n              step={step}\n              singleRow={singleRow}\n              toolTipZIndex={toolTipZIndex}\n            />\n          );\n        }\n        if (singleRow) return null;\n        return (\n          <AndOrController\n            allowUnGroup\n            condition={condition}\n            handleRuleContainerOperator={(value) =>\n              handleRuleContainerOperator(idGroup, value)\n            }\n            handleRuleContainerUnGroup={() =>\n              handleRuleContainerUnGroup(idGroup)\n            }\n            multipleSize={false}\n            onAddFilter={() => onAddFilterToGroup(idGroup)}\n            showDragController\n            step={step}\n            toolTipZIndex={toolTipZIndex}\n          />\n        );\n      }}\n    </QueryBuilderContext.Consumer>\n  );\n};\n\nexport default QueryBuilderItem;\n"],
-  "mappings": "AAAA;ACCA;AAEA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,CAAC,EAAE,WAAW;AACrC,QAAM,EAAE,YAAY;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,cAAc;AAC/C,SACE,qCAAC,oBAAoB,UAArB,MACG,CAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,QACI;AACJ,QAAI,SAAS,cAAc,QAAQ;AACjC,aACE,qCAAC,iBAAD;AAAA,WACM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,MAAM,YAAY,SAAS;AAAA,QACxC,oBAAoB,MAAM,mBAAmB,SAAS;AAAA,QACtD,gBAAgB,MAAM,eAAe;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAIN,QAAI;AAAW,aAAO;AACtB,WACE,qCAAC,iBAAD;AAAA,MACE,cAAY;AAAA,MACZ;AAAA,MACA,6BAA6B,CAAC,UAC5B,4BAA4B,SAAS;AAAA,MAEvC,4BAA4B,MAC1B,2BAA2B;AAAA,MAE7B,cAAc;AAAA,MACd,aAAa,MAAM,mBAAmB;AAAA,MACtC,oBAAkB;AAAA,MAClB;AAAA,MACA;AAAA;AAAA;AAAA;AAQZ,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js

@@ -1,190 +0,0 @@
-import * as React from "react";
-import React2, { 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";
-import ConditionController from "../ConditionController/ConditionController";
-import DragControllerRow from "../DragControllerRow/DragControllerRow";
-const RenderField = ({
-  target,
-  component,
-  valueProp,
-  additionalInfo,
-  handleMouseEnterInput,
-  handleMouseLeaveInput,
-  onChangeHandler,
-  hasError
-}) => {
-  const ref = React2.useRef();
-  const id = React2.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: `em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? "row-input-error" : ""}`,
-    onMouseDownCapture: () => {
-      const _refInput = ref.current?.querySelector(`#${id}`);
-      if (_refInput && _refInput.focus)
-        setTimeout(_refInput.focus());
-      handleMouseEnterInput();
-    },
-    onMouseEnter: () => handleMouseEnterInput(),
-    onMouseLeave: () => handleMouseLeaveInput()
-  }, /* @__PURE__ */ React2.createElement("div", {
-    ref,
-    className: "em-ds-query-builder-row__input-controller"
-  }, React2.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__ */ React2.createElement("div", {
-    style: { width: "40px" }
-  }, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
-    text: hasError.errorMessage
-  }, /* @__PURE__ */ React2.createElement("div", {
-    tabIndex: 0,
-    className: "row-icon-alert",
-    "data-testid": "qb-error-state-icon",
-    role: "alert"
-  }, /* @__PURE__ */ React2.createElement(AlertsDetail, {
-    width: 20,
-    height: 20,
-    color: ["danger", 900],
-    title: hasError.errorMessage
-  })))) : null);
-};
-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: value2, checked } = e.target;
-      if (value2 || value2 === "" || typeof value2 === "boolean")
-        eventValue = value2;
-      else
-        eventValue = checked || e;
-    }
-    handleFieldChange({
-      [target]: eventValue,
-      idFilter,
-      idGroup,
-      additionalInfo: {
-        ...additionalInfo,
-        [target]: extraData,
-        [`${target}_error`]: hasError,
-        [`${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__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
-      className: cssClassName,
-      onMouseEnter: this.handleMouseEnterRow,
-      onMouseLeave: this.handleMouseLeaveRow,
-      style: {
-        gridTemplateColumns
-      }
-    }, !singleRow && /* @__PURE__ */ React2.createElement(DragControllerRow, {
-      className: classNameElement("drag-controller"),
-      onMouseDownCapture: () => this.handleMouseLeaveInput()
-    }), test.map((renderField) => {
-      const { target, component } = renderField;
-      const { [target]: valueProp } = this.props;
-      const isTouched = additionalInfo && additionalInfo[`${target}_touched`];
-      const hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
-        field,
-        operator,
-        value,
-        additionalInfo
-      }) : false;
-      return /* @__PURE__ */ React2.createElement(RenderField, {
-        component,
-        target,
-        valueProp,
-        onChangeHandler: (e, target2, extraData) => {
-          this.onChangeHandler(e, target2, extraData, hasError);
-        },
-        handleMouseEnterInput: this.handleMouseEnterInput,
-        handleMouseLeaveInput: this.handleMouseLeaveInput,
-        additionalInfo,
-        hasError: isTouched && hasError
-      });
-    }), !singleRow && /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("controller")
-    }, /* @__PURE__ */ React2.createElement(ConditionController, {
-      handleTooltipRow: this.handleTooltipRow,
-      isOpen,
-      items,
-      onAddFilter,
-      onAddRuleContainer,
-      onRemoveFilter,
-      toolTipZIndex
-    }))));
-  }
-}
-var QueryBuilderRow_default = QueryBuilderRow;
-export {
-  QueryBuilderRow_default as default
-};
-//# sourceMappingURL=QueryBuilderRow.js.map

package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { Component } from 'react';\nimport { AlertsDetail } from '@elliemae/ds-icons';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n  target,\n  component,\n  valueProp,\n  additionalInfo,\n  handleMouseEnterInput,\n  handleMouseLeaveInput,\n  onChangeHandler,\n  hasError,\n}) => {\n  const ref = React.useRef<HTMLElement>();\n  const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n  return (\n    <div\n      className={`em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? 'row-input-error' : ''\n        }`}\n      onMouseDownCapture={() => {\n        // eslint-disable-next-line no-underscore-dangle\n        const _refInput = ref.current?.querySelector(`#${id}`);\n        if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n        handleMouseEnterInput();\n      }}\n      onMouseEnter={() => handleMouseEnterInput()}\n      onMouseLeave={() => handleMouseLeaveInput()}\n    >\n      <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n        {React.cloneElement(component, {\n          id,\n          onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n          value: valueProp != null ? valueProp : '',\n          checked: valueProp === true,\n          additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},\n          'aria-invalid': Boolean(hasError),\n        })}\n      </div>\n      {hasError && hasError.errorMessage ? (\n        <div style={{ width: '40px' }}>\n          <DSTooltipV3 text={hasError.errorMessage}>\n            {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n            <div tabIndex={0} className=\"row-icon-alert\" data-testid=\"qb-error-state-icon\" role=\"alert\">\n              <AlertsDetail width={20} height={20} color={['danger', 900]} title={hasError.errorMessage} />\n            </div>\n          </DSTooltipV3>\n        </div>\n      ) : null}\n    </div>\n  );\n  // return React.useMemo(\n  //   () => (\n  //     <div\n  //       className={`em-ds-query-builder-row-input child-type-${target}`}\n  //       onMouseDownCapture={() => {\n  //         // eslint-disable-next-line no-underscore-dangle\n  //         const _refInput = ref.current.querySelector(`#${id}`);\n  //         if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n  //         handleMouseEnterInput();\n  //       }}\n  //       onMouseEnter={() => handleMouseEnterInput()}\n  //       onMouseLeave={() => handleMouseLeaveInput()}\n  //     >\n  //       <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n  //         {React.cloneElement(component, {\n  //           id,\n  //           onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n  //           value: valueProp != null ? valueProp : '',\n  //           checked: valueProp === true,\n  //           additionalInfo: additionalInfo ? additionalInfo[target] : {},\n  //         })}\n  //       </div>\n  //     </div>\n  //   ),\n  //   [target, component, valueProp, additionalInfo],\n  // );\n};\nclass QueryBuilderRow extends Component<any, any> {\n  constructor(props: any) {\n    super(props);\n    this.state = {\n      isOpen: false,\n    };\n  }\n\n  onChangeHandler(e, target, extraData, hasError) {\n    const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;\n    let eventValue = e;\n    if (e && e.target) {\n      const { value, checked } = e.target;\n      if (value || value === '' || typeof value === 'boolean') eventValue = value;\n      else eventValue = checked || e;\n    }\n    handleFieldChange({\n      [target]: eventValue,\n      idFilter,\n      idGroup,\n      additionalInfo: {\n        ...additionalInfo,\n        [target]: extraData,\n        [`${target}_error`]: hasError,\n        [`${target}_touched`]: true,\n      },\n      target,\n    });\n  }\n\n  handleMouseEnterRow = () => { };\n\n  handleMouseLeaveRow = () => {\n    this.handleTooltipRow(false);\n  };\n\n  handleMouseEnterInput = () => {\n    const { setDraggableItems } = this.props;\n    setDraggableItems(false);\n  };\n\n  handleMouseLeaveInput = () => {\n    const { setDraggableItems } = this.props;\n    setDraggableItems(true);\n  };\n\n  handleTooltipRow = (isOpen) => {\n    this.setState({ isOpen });\n  };\n\n  render() {\n    const { isOpen } = this.state;\n    const {\n      fields,\n      onAddFilter,\n      onRemoveFilter,\n      onAddRuleContainer,\n      field,\n      operator,\n      value,\n      additionalInfo,\n      items,\n      singleRow,\n      toolTipZIndex,\n      error,\n    } = this.props;\n    const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n      'query-builder-row',\n      isOpen ? 'has-open-tooltip' : 'has-close-tooltip',\n      singleRow ? 'is-single-row' : 'is-multiple-row',\n    );\n    const test = resolveDependencies(\n      {\n        field,\n        operator,\n        value,\n        additionalInfo,\n      },\n      fields,\n    );\n\n    const gridTemplateColumns = [\n      '24px',\n      ...test.map((r) => {\n        if (r.handleWidth) {\n          return r.handleWidth(this.props[r.target], {\n            field,\n            operator,\n            value,\n            additionalInfo,\n          });\n        }\n        return 'minmax(0, 1fr)';\n      }),\n      '30px',\n    ].join(' ');\n\n    return (\n      <>\n        <div\n          className={cssClassName}\n          onMouseEnter={this.handleMouseEnterRow}\n          onMouseLeave={this.handleMouseLeaveRow}\n          style={{\n            gridTemplateColumns,\n          }}\n        >\n          {!singleRow && (\n            <DragControllerRow\n              className={classNameElement('drag-controller')}\n              onMouseDownCapture={() => this.handleMouseLeaveInput()}\n            />\n          )}\n          {test.map((renderField) => {\n            const { target, component } = renderField;\n            const { [target]: valueProp } = this.props;\n\n            const isTouched = additionalInfo && additionalInfo[`${target}_touched`];\n            const hasError =\n              renderField && renderField.validation\n                ? renderField.validation(valueProp, {\n                  field,\n                  operator,\n                  value,\n                  additionalInfo,\n                })\n                : false;\n            return (\n              <RenderField\n                component={component}\n                target={target}\n                valueProp={valueProp}\n                onChangeHandler={(e, target, extraData) => {\n                  this.onChangeHandler(e, target, extraData, hasError);\n                }}\n                handleMouseEnterInput={this.handleMouseEnterInput}\n                handleMouseLeaveInput={this.handleMouseLeaveInput}\n                additionalInfo={additionalInfo}\n                hasError={isTouched && hasError}\n              />\n            );\n          })}\n          {!singleRow && (\n            <div className={classNameBlock('controller')}>\n              <ConditionController\n                handleTooltipRow={this.handleTooltipRow}\n                isOpen={isOpen}\n                items={items}\n                onAddFilter={onAddFilter}\n                onAddRuleContainer={onAddRuleContainer}\n                onRemoveFilter={onRemoveFilter}\n                toolTipZIndex={toolTipZIndex}\n              />\n            </div>\n          )}\n        </div>\n      </>\n    );\n  }\n}\n\nexport default QueryBuilderRow;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import GrowRight from "@elliemae/ds-shared/Animations/GrowRight";
-const ToolBarAnimation = (props) => /* @__PURE__ */ React2.createElement(GrowRight, {
-  ...props,
-  key: "popper-animation-key",
-  from: 0.5,
-  to: 1
-});
-export {
-  ToolBarAnimation
-};
-//# sourceMappingURL=ToolBarAnimation.js.map

package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ToolBarAnimation/ToolBarAnimation.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport GrowRight from '@elliemae/ds-shared/Animations/GrowRight';\n\nconst ToolBarAnimation = props => (\n  <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />\n);\n\nexport { ToolBarAnimation };\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,mBAAmB,WACvB,qCAAC,WAAD;AAAA,KAAe;AAAA,EAAO,KAAI;AAAA,EAAuB,MAAM;AAAA,EAAK,IAAI;AAAA;",
-  "names": []
-}

package/dist/esm/components/format/format.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { sqlFormat } from "./sqlFormat";
-import { xmlFormat } from "./xmlFormat";
-import { sqlSafeFormat } from "./sqlSafeFormat";
-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 format_default = new QueryBuilderFormat();
-export {
-  format_default as default
-};
-//# sourceMappingURL=format.js.map

package/dist/esm/components/format/format.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/format/format.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { sqlFormat } from './sqlFormat';\nimport { xmlFormat } from './xmlFormat';\nimport { sqlSafeFormat } from './sqlSafeFormat';\n\nclass QueryBuilderFormat {\n  format = {\n    defaultFormat: query => query,\n    sqlFormat,\n    xmlFormat,\n    sqlSafeFormat,\n  };\n\n  currentFormat = 'sqlFormat';\n\n  setDefaultFormat = formatName => {\n    if (this.format[formatName]) this.currentFormat = formatName;\n  };\n\n  addFormat = (formatName, format) => (this.format[formatName] = format);\n\n  run = (query, formatName) => {\n    if (this.format[formatName]) return this.format[formatName](query);\n    return this.format[this.currentFormat](query);\n  };\n}\n\nexport default new QueryBuilderFormat();\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,yBAAyB;AAAA,EAAzB,cAJA;AAKE,kBAAS;AAAA,MACP,eAAe,WAAS;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA;AAGF,yBAAgB;AAEhB,4BAAmB,gBAAc;AAC/B,UAAI,KAAK,OAAO;AAAa,aAAK,gBAAgB;AAAA;AAGpD,qBAAY,CAAC,YAAY,WAAY,KAAK,OAAO,cAAc;AAE/D,eAAM,CAAC,OAAO,eAAe;AAC3B,UAAI,KAAK,OAAO;AAAa,eAAO,KAAK,OAAO,YAAY;AAC5D,aAAO,KAAK,OAAO,KAAK,eAAe;AAAA;AAAA;AAAA;AAI3C,IAAO,iBAAQ,IAAI;",
-  "names": []
-}