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

package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js

@@ -0,0 +1,235 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 QueryBuilderRow_exports = {};
+__export(QueryBuilderRow_exports, {
+  default: () => QueryBuilderRow_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_tooltip = require("@elliemae/ds-tooltip");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_dependencies = require("../helpers/dependencies");
+var import_ConditionController = __toESM(require("../ConditionController/ConditionController"));
+var import_DragControllerRow = __toESM(require("../DragControllerRow/DragControllerRow"));
+const RenderField = ({
+  target,
+  component,
+  valueProp,
+  additionalInfo,
+  handleMouseEnterInput,
+  handleMouseLeaveInput,
+  onChangeHandler,
+  hasError
+}) => {
+  const ref = import_react.default.useRef();
+  const id = import_react.default.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);
+  return /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", {
+    ref,
+    className: "em-ds-query-builder-row__input-controller"
+  }, import_react.default.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__ */ import_react.default.createElement("div", {
+    style: { width: "40px" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV3, {
+    text: hasError.errorMessage
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    tabIndex: 0,
+    className: "row-icon-alert",
+    "data-testid": "qb-error-state-icon",
+    role: "alert"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.AlertsDetail, {
+    width: 20,
+    height: 20,
+    color: ["danger", 900],
+    title: hasError.errorMessage
+  })))) : null);
+};
+class QueryBuilderRow extends import_react.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: __spreadProps(__spreadValues({}, 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 } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-row", isOpen ? "has-open-tooltip" : "has-close-tooltip", singleRow ? "is-single-row" : "is-multiple-row");
+    const test = (0, import_dependencies.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__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: cssClassName,
+      onMouseEnter: this.handleMouseEnterRow,
+      onMouseLeave: this.handleMouseLeaveRow,
+      style: {
+        gridTemplateColumns
+      }
+    }, !singleRow && /* @__PURE__ */ import_react.default.createElement(import_DragControllerRow.default, {
+      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__ */ import_react.default.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__ */ import_react.default.createElement("div", {
+      className: classNameBlock("controller")
+    }, /* @__PURE__ */ import_react.default.createElement(import_ConditionController.default, {
+      handleTooltipRow: this.handleTooltipRow,
+      isOpen,
+      items,
+      onAddFilter,
+      onAddRuleContainer,
+      onRemoveFilter,
+      toolTipZIndex
+    }))));
+  }
+}
+var QueryBuilderRow_default = QueryBuilderRow;
+module.exports = __toCommonJS(QueryBuilderRow_exports);
+//# sourceMappingURL=QueryBuilderRow.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js

@@ -0,0 +1,58 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 ToolBarAnimation_exports = {};
+__export(ToolBarAnimation_exports, {
+  ToolBarAnimation: () => ToolBarAnimation
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_GrowRight = __toESM(require("@elliemae/ds-shared/Animations/GrowRight"));
+const ToolBarAnimation = (props) => /* @__PURE__ */ import_react.default.createElement(import_GrowRight.default, __spreadProps(__spreadValues({}, props), {
+  key: "popper-animation-key",
+  from: 0.5,
+  to: 1
+}));
+module.exports = __toCommonJS(ToolBarAnimation_exports);
+//# sourceMappingURL=ToolBarAnimation.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ToolBarAnimation/ToolBarAnimation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAsB;AAEtB,MAAM,mBAAmB,WACvB,mDAAC,0BAAD,iCAAe,QAAf;AAAA,EAAsB,KAAI;AAAA,EAAuB,MAAM;AAAA,EAAK,IAAI;AAAA;",
+  "names": []
+}

package/dist/cjs/components/format/format.js

@@ -0,0 +1,59 @@
+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 format_exports = {};
+__export(format_exports, {
+  default: () => format_default
+});
+var React = __toESM(require("react"));
+var import_sqlFormat = require("./sqlFormat");
+var import_xmlFormat = require("./xmlFormat");
+var import_sqlSafeFormat = require("./sqlSafeFormat");
+class QueryBuilderFormat {
+  constructor() {
+    this.format = {
+      defaultFormat: (query) => query,
+      sqlFormat: import_sqlFormat.sqlFormat,
+      xmlFormat: import_xmlFormat.xmlFormat,
+      sqlSafeFormat: import_sqlSafeFormat.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();
+module.exports = __toCommonJS(format_exports);
+//# sourceMappingURL=format.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/format/format.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAC1B,uBAA0B;AAC1B,2BAA8B;AAE9B,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": []
+}

package/dist/cjs/components/format/sqlFormat.js

@@ -0,0 +1,94 @@
+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 sqlFormat_exports = {};
+__export(sqlFormat_exports, {
+  sqlFormat: () => sqlFormat
+});
+var React = __toESM(require("react"));
+var import_types = require("../helpers/types");
+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
+  } = import_types.QB_OPERATOR_TYPES;
+  if (condition === EQUAL)
+    return ` = '${value}'`;
+  if (condition === NOT_EQUAL)
+    return ` <> '${value}'`;
+  if (condition === GREATER_THAN)
+    return ` > ${value}`;
+  if (condition === LESS_THAN)
+    return ` < ${value}`;
+  if (condition === CONTAINS)
+    return ` LIKE '%${value}%'`;
+  if (condition === NOT_CONTAINS)
+    return ` NOT LIKE '%${value}%'`;
+  if (condition === BETWEEN)
+    return ` BETWEEN ${value[0]} AND ${value[1]} `;
+  if (condition === GREATER_THAN_OR_EQUAL)
+    return ` >= ${value}`;
+  if (condition === LESS_THAN_OR_EQUAL)
+    return ` <= ${value}`;
+  if (condition === START_WITH)
+    return ` LIKE '${value}%'`;
+  return condition;
+};
+const renderFilterSQl = (filter) => {
+  const { field, operator, value } = filter.element;
+  return `${field} ${conditionSql(operator, value) || ""}`;
+};
+const sqlFormat = ({ main, mapGroups, items }) => {
+  const groupSql = (item, idGroup) => {
+    if (idGroup === main) {
+      const groupCondition2 = mapGroups[idGroup].condition === true ? "AND" : "OR";
+      return ` ( ${filterSql(item, groupCondition2)} ) `;
+    }
+    const groupCondition = item.element.condition === true ? "AND" : "OR";
+    return ` ( ${filterSql(item.children, groupCondition)} ) `;
+  };
+  const filterSql = (filters, groupCondition) => {
+    const filterGroup = filters.map((filter) => {
+      if (filter.element.type === "filter")
+        return ` ${renderFilterSQl(filter)} `;
+      return ` ${groupSql(filter) || ""} `;
+    });
+    return filterGroup.join(groupCondition);
+  };
+  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ""} `;
+  return sql;
+};
+module.exports = __toCommonJS(sqlFormat_exports);
+//# sourceMappingURL=sqlFormat.js.map

package/dist/cjs/components/format/sqlFormat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/format/sqlFormat.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport { QB_OPERATOR_TYPES } from '../helpers/types';\n\nconst conditionSql = (condition, value) => {\n  const {\n    EQUAL,\n    NOT_EQUAL,\n    GREATER_THAN,\n    LESS_THAN,\n    CONTAINS,\n    NOT_CONTAINS,\n    BETWEEN,\n    GREATER_THAN_OR_EQUAL,\n    LESS_THAN_OR_EQUAL,\n    START_WITH,\n  } = QB_OPERATOR_TYPES;\n\n  if (condition === EQUAL) return ` = '${value}'`;\n  if (condition === NOT_EQUAL) return ` <> '${value}'`;\n  if (condition === GREATER_THAN) return ` > ${value}`;\n  if (condition === LESS_THAN) return ` < ${value}`;\n  if (condition === CONTAINS) return ` LIKE '%${value}%'`;\n  if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;\n  if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;\n  if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;\n  if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;\n  if (condition === START_WITH) return ` LIKE '${value}%'`;\n  return condition;\n};\n\nconst renderFilterSQl = (filter) => {\n  const { field, operator, value } = filter.element;\n\n  return `${field} ${conditionSql(operator, value) || ''}`;\n};\nexport const sqlFormat = ({ main, mapGroups, items }) => {\n  const groupSql = (item, idGroup) => {\n    if (idGroup === main) {\n      const groupCondition =\n        mapGroups[idGroup].condition === true ? 'AND' : 'OR';\n      return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line\n    }\n    const groupCondition = item.element.condition === true ? 'AND' : 'OR';\n    return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line\n  };\n\n  const filterSql = (filters, groupCondition) => {\n    const filterGroup = filters.map((filter) => {\n      if (filter.element.type === 'filter')\n        return ` ${renderFilterSQl(filter)} `;\n      return ` ${groupSql(filter) || ''} `;\n    });\n    return filterGroup.join(groupCondition);\n  };\n\n  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;\n\n  return sql;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAElC,MAAM,eAAe,CAAC,WAAW,UAAU;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,MAAI,cAAc;AAAO,WAAO,OAAO;AACvC,MAAI,cAAc;AAAW,WAAO,QAAQ;AAC5C,MAAI,cAAc;AAAc,WAAO,MAAM;AAC7C,MAAI,cAAc;AAAW,WAAO,MAAM;AAC1C,MAAI,cAAc;AAAU,WAAO,WAAW;AAC9C,MAAI,cAAc;AAAc,WAAO,eAAe;AACtD,MAAI,cAAc;AAAS,WAAO,YAAY,MAAM,UAAU,MAAM;AACpE,MAAI,cAAc;AAAuB,WAAO,OAAO;AACvD,MAAI,cAAc;AAAoB,WAAO,OAAO;AACpD,MAAI,cAAc;AAAY,WAAO,UAAU;AAC/C,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,WAAW;AAClC,QAAM,EAAE,OAAO,UAAU,UAAU,OAAO;AAE1C,SAAO,GAAG,SAAS,aAAa,UAAU,UAAU;AAAA;AAE/C,MAAM,YAAY,CAAC,EAAE,MAAM,WAAW,YAAY;AACvD,QAAM,WAAW,CAAC,MAAM,YAAY;AAClC,QAAI,YAAY,MAAM;AACpB,YAAM,kBACJ,UAAU,SAAS,cAAc,OAAO,QAAQ;AAClD,aAAO,MAAM,UAAU,MAAM;AAAA;AAE/B,UAAM,iBAAiB,KAAK,QAAQ,cAAc,OAAO,QAAQ;AACjE,WAAO,MAAM,UAAU,KAAK,UAAU;AAAA;AAGxC,QAAM,YAAY,CAAC,SAAS,mBAAmB;AAC7C,UAAM,cAAc,QAAQ,IAAI,CAAC,WAAW;AAC1C,UAAI,OAAO,QAAQ,SAAS;AAC1B,eAAO,IAAI,gBAAgB;AAC7B,aAAO,IAAI,SAAS,WAAW;AAAA;AAEjC,WAAO,YAAY,KAAK;AAAA;AAG1B,QAAM,MAAM,4BAA4B,SAAS,OAAO,SAAS;AAEjE,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/components/format/sqlSafeFormat.js

@@ -0,0 +1,98 @@
+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 sqlSafeFormat_exports = {};
+__export(sqlSafeFormat_exports, {
+  specialChar: () => specialChar,
+  sqlSafeFormat: () => sqlSafeFormat
+});
+var React = __toESM(require("react"));
+var import_types = require("../helpers/types");
+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
+  } = import_types.QB_OPERATOR_TYPES;
+  const valueDisplay = isNaN(value) ? `'${value}'` : value;
+  if (condition === EQUAL)
+    return ` = ${valueDisplay}`;
+  if (condition === NOT_EQUAL)
+    return ` <> ${valueDisplay}`;
+  if (condition === GREATER_THAN)
+    return ` > ${valueDisplay}`;
+  if (condition === LESS_THAN)
+    return ` < ${valueDisplay}`;
+  if (condition === CONTAINS)
+    return ` LIKE '%${value}%'`;
+  if (condition === NOT_CONTAINS)
+    return ` NOT LIKE '%${value}%'`;
+  if (condition === BETWEEN)
+    return ` BETWEEN ${value[0]} AND ${value[1]} `;
+  if (condition === GREATER_THAN_OR_EQUAL)
+    return ` >= ${value}`;
+  if (condition === LESS_THAN_OR_EQUAL)
+    return ` <= ${value}`;
+  if (condition === START_WITH)
+    return ` LIKE '${value}%'`;
+  return condition;
+};
+const renderFilterSQl = (filter) => {
+  const { field, operator, value } = filter.element;
+  const fieldDisplay = /[.]/.test(field) || !isNaN(field) ? `\\"${field}\\"` : field;
+  return `${fieldDisplay} ${conditionSql(operator, value) || ""}`;
+};
+const sqlSafeFormat = ({ main, mapGroups, items }) => {
+  const groupSql = (item, idGroup) => {
+    if (idGroup === main) {
+      const groupCondition2 = mapGroups[idGroup].condition === true ? "AND" : "OR";
+      return ` ( ${filterSql(item, groupCondition2)} ) `;
+    }
+    const groupCondition = item.element.condition === true ? "AND" : "OR";
+    return ` ( ${filterSql(item.children, groupCondition)} ) `;
+  };
+  const filterSql = (filters, groupCondition) => {
+    const filterGroup = filters.map((filter) => {
+      if (filter.element.type === "filter")
+        return ` ${renderFilterSQl(filter)} `;
+      return ` ${groupSql(filter) || ""} `;
+    });
+    return filterGroup.join(groupCondition);
+  };
+  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ""} `;
+  return sql;
+};
+module.exports = __toCommonJS(sqlSafeFormat_exports);
+//# sourceMappingURL=sqlSafeFormat.js.map

package/dist/cjs/components/format/sqlSafeFormat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/format/sqlSafeFormat.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport { QB_OPERATOR_TYPES } from '../helpers/types';\n\n// eslint-disable-next-line no-useless-escape\nexport const specialChar = /[ !@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]/;\n\nconst conditionSql = (condition, value) => {\n  const {\n    EQUAL,\n    NOT_EQUAL,\n    GREATER_THAN,\n    LESS_THAN,\n    CONTAINS,\n    NOT_CONTAINS,\n    BETWEEN,\n    GREATER_THAN_OR_EQUAL,\n    LESS_THAN_OR_EQUAL,\n    START_WITH,\n  } = QB_OPERATOR_TYPES;\n  // eslint-disable-next-line no-restricted-globals\n  const valueDisplay = isNaN(value) ? `'${value}'` : value;\n\n  if (condition === EQUAL) return ` = ${valueDisplay}`;\n  if (condition === NOT_EQUAL) return ` <> ${valueDisplay}`;\n  if (condition === GREATER_THAN) return ` > ${valueDisplay}`;\n  if (condition === LESS_THAN) return ` < ${valueDisplay}`;\n  if (condition === CONTAINS) return ` LIKE '%${value}%'`;\n  if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;\n  if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;\n  if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;\n  if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;\n  if (condition === START_WITH) return ` LIKE '${value}%'`;\n  return condition;\n};\n\nconst renderFilterSQl = (filter) => {\n  const { field, operator, value } = filter.element;\n  // eslint-disable-next-line no-restricted-globals\n  const fieldDisplay =\n    // eslint-disable-next-line no-restricted-globals\n    /[.]/.test(field) || !isNaN(field) ? `\\\\\"${field}\\\\\"` : field;\n  return `${fieldDisplay} ${conditionSql(operator, value) || ''}`;\n};\nexport const sqlSafeFormat = ({ main, mapGroups, items }) => {\n  const groupSql = (item, idGroup) => {\n    if (idGroup === main) {\n      const groupCondition =\n        mapGroups[idGroup].condition === true ? 'AND' : 'OR';\n      return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line\n    }\n    const groupCondition = item.element.condition === true ? 'AND' : 'OR';\n    return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line\n  };\n\n  const filterSql = (filters, groupCondition) => {\n    const filterGroup = filters.map((filter) => {\n      if (filter.element.type === 'filter')\n        return ` ${renderFilterSQl(filter)} `;\n      return ` ${groupSql(filter) || ''} `;\n    });\n    return filterGroup.join(groupCondition);\n  };\n\n  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;\n\n  return sql;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAG3B,MAAM,cAAc;AAE3B,MAAM,eAAe,CAAC,WAAW,UAAU;AACzC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,eAAe,MAAM,SAAS,IAAI,WAAW;AAEnD,MAAI,cAAc;AAAO,WAAO,MAAM;AACtC,MAAI,cAAc;AAAW,WAAO,OAAO;AAC3C,MAAI,cAAc;AAAc,WAAO,MAAM;AAC7C,MAAI,cAAc;AAAW,WAAO,MAAM;AAC1C,MAAI,cAAc;AAAU,WAAO,WAAW;AAC9C,MAAI,cAAc;AAAc,WAAO,eAAe;AACtD,MAAI,cAAc;AAAS,WAAO,YAAY,MAAM,UAAU,MAAM;AACpE,MAAI,cAAc;AAAuB,WAAO,OAAO;AACvD,MAAI,cAAc;AAAoB,WAAO,OAAO;AACpD,MAAI,cAAc;AAAY,WAAO,UAAU;AAC/C,SAAO;AAAA;AAGT,MAAM,kBAAkB,CAAC,WAAW;AAClC,QAAM,EAAE,OAAO,UAAU,UAAU,OAAO;AAE1C,QAAM,eAEJ,MAAM,KAAK,UAAU,CAAC,MAAM,SAAS,MAAM,aAAa;AAC1D,SAAO,GAAG,gBAAgB,aAAa,UAAU,UAAU;AAAA;AAEtD,MAAM,gBAAgB,CAAC,EAAE,MAAM,WAAW,YAAY;AAC3D,QAAM,WAAW,CAAC,MAAM,YAAY;AAClC,QAAI,YAAY,MAAM;AACpB,YAAM,kBACJ,UAAU,SAAS,cAAc,OAAO,QAAQ;AAClD,aAAO,MAAM,UAAU,MAAM;AAAA;AAE/B,UAAM,iBAAiB,KAAK,QAAQ,cAAc,OAAO,QAAQ;AACjE,WAAO,MAAM,UAAU,KAAK,UAAU;AAAA;AAGxC,QAAM,YAAY,CAAC,SAAS,mBAAmB;AAC7C,UAAM,cAAc,QAAQ,IAAI,CAAC,WAAW;AAC1C,UAAI,OAAO,QAAQ,SAAS;AAC1B,eAAO,IAAI,gBAAgB;AAC7B,aAAO,IAAI,SAAS,WAAW;AAAA;AAEjC,WAAO,YAAY,KAAK;AAAA;AAG1B,QAAM,MAAM,4BAA4B,SAAS,OAAO,SAAS;AAEjE,SAAO;AAAA;",
+  "names": []
+}