@elliemae/ds-query-builder 2.2.1 → 2.3.0-alpha.4

package/esm/components/DisplayOutput/DisplayOutput.js

@@ -1,83 +1,63 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { Component } from 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';
-import { ChevronRight, ChevronDown } from '@elliemae/ds-icons';
-import { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';
-
-const {
-  cssClassName
-} = convertPropToCssClassName('query-builder-output');
-
+import * as React from "react";
+import React2, { Component } from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
+import { ChevronDown, ChevronRight } from "@elliemae/ds-icons";
+import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext";
+const { cssClassName } = convertPropToCssClassName("query-builder-output");
 class DisplayOutput extends Component {
   constructor(props) {
     super(props);
-
     this.handleChange = () => {
-      this.setState(_ref => {
-        let {
-          show
-        } = _ref;
-        return {
-          show: !show
-        };
-      });
+      this.setState(({ show }) => ({
+        show: !show
+      }));
     };
-
     this.state = {
       show: props.show
     };
   }
-
   render() {
-    var _Grid;
-
-    const {
-      show
-    } = this.state;
-    const {
-      showLabel,
-      hideLabel,
-      displayFixedOutput
-    } = this.props;
-    return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
-      let {
-        format
-      } = _ref2;
-      let display = '';
-
+    const { show } = this.state;
+    const { showLabel, hideLabel, displayFixedOutput } = this.props;
+    return /* @__PURE__ */ React2.createElement(QueryBuilderContext.Consumer, null, ({ format }) => {
+      let display = "";
       try {
-        display = typeof format === 'object' ? JSON.stringify(format) : format;
+        display = typeof format === "object" ? JSON.stringify(format) : format;
       } catch (e) {
         display = e;
       }
-
       if (displayFixedOutput) {
-        return /*#__PURE__*/_jsx("div", {
-          className: cssClassName
-        }, void 0, _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
+        return /* @__PURE__ */ React2.createElement("div", {
+          className: cssClassName,
+          "data-testid": "qb-fixed-output-wrapper"
+        }, /* @__PURE__ */ React2.createElement(Grid, {
           p: "xxs"
-        }, void 0, /*#__PURE__*/_jsx("strong", {}, void 0, displayFixedOutput))), /*#__PURE__*/_jsx(Grid, {
+        }, /* @__PURE__ */ React2.createElement("strong", {
+          "data-testid": "qb-fixed-output-label"
+        }, displayFixedOutput)), /* @__PURE__ */ React2.createElement(Grid, {
           pl: "xxs",
-          pr: "xxs"
-        }, void 0, display));
+          pr: "xxs",
+          "data-testid": "qb-fixed-output-content"
+        }, display));
       }
-
-      return /*#__PURE__*/_jsx("div", {
+      return /* @__PURE__ */ React2.createElement("div", {
         className: cssClassName
-      }, void 0, /*#__PURE__*/_jsx(DSAccordion, {
+      }, /* @__PURE__ */ React2.createElement(DSAccordion, {
         activeValue: show,
         onChange: this.handleChange
-      }, void 0, /*#__PURE__*/_jsx(DSAccordionItem, {
+      }, /* @__PURE__ */ React2.createElement(DSAccordionItem, {
         iconClosed: ChevronRight,
         iconOpened: ChevronDown,
         title: show ? hideLabel : showLabel,
         value: true
-      }, void 0, /*#__PURE__*/_jsx("div", {}, void 0, display))));
+      }, /* @__PURE__ */ React2.createElement("div", null, display))));
     });
   }
-
 }
-
-export { DisplayOutput as default };
+var DisplayOutput_default = DisplayOutput;
+export {
+  DisplayOutput_default as default
+};
+//# sourceMappingURL=DisplayOutput.js.map

package/esm/components/DisplayOutput/DisplayOutput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DisplayOutput/DisplayOutput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\n\nconst { cssClassName } = convertPropToCssClassName('query-builder-output');\n\nclass DisplayOutput extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n  }\n\n  handleChange = () => {\n    this.setState(({ show }) => ({\n      show: !show,\n    }));\n  };\n\n  render() {\n    const { show } = this.state;\n    const { showLabel, hideLabel, displayFixedOutput } = this.props;\n    return (\n      <QueryBuilderContext.Consumer>\n        {({ format }) => {\n          let display = '';\n          try {\n            display = typeof format === 'object' ? JSON.stringify(format) : format;\n          } catch (e) {\n            display = e;\n          }\n          if (displayFixedOutput) {\n            return (\n              <div className={cssClassName} data-testid=\"qb-fixed-output-wrapper\">\n                <Grid p=\"xxs\">\n                  <strong data-testid=\"qb-fixed-output-label\">{displayFixedOutput}</strong>\n                </Grid>\n                <Grid pl=\"xxs\" pr=\"xxs\" data-testid=\"qb-fixed-output-content\">\n                  {display}\n                </Grid>\n              </div>\n            );\n          }\n\n          return (\n            <div className={cssClassName}>\n              <DSAccordion activeValue={show} onChange={this.handleChange}>\n                <DSAccordionItem\n                  iconClosed={ChevronRight}\n                  iconOpened={ChevronDown}\n                  title={show ? hideLabel : showLabel}\n                  value\n                >\n                  <div>{display}</div>\n                </DSAccordionItem>\n              </DSAccordion>\n            </div>\n          );\n        }}\n      </QueryBuilderContext.Consumer>\n    );\n  }\n}\n\nexport default DisplayOutput;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BAA0B;AAEnD,4BAA4B,UAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM;AAMR,wBAAe,MAAM;AACnB,WAAK,SAAS,CAAC,EAAE,WAAY;AAAA,QAC3B,MAAM,CAAC;AAAA;AAAA;AAPT,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA;AAAA;AAAA,EAUhB,SAAS;AACP,UAAM,EAAE,SAAS,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,uBAAuB,KAAK;AAC1D,WACE,qCAAC,oBAAoB,UAArB,MACG,CAAC,EAAE,aAAa;AACf,UAAI,UAAU;AACd,UAAI;AACF,kBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,UAAU;AAAA,eACzD,GAAP;AACA,kBAAU;AAAA;AAEZ,UAAI,oBAAoB;AACtB,eACE,qCAAC,OAAD;AAAA,UAAK,WAAW;AAAA,UAAc,eAAY;AAAA,WACxC,qCAAC,MAAD;AAAA,UAAM,GAAE;AAAA,WACN,qCAAC,UAAD;AAAA,UAAQ,eAAY;AAAA,WAAyB,sBAE/C,qCAAC,MAAD;AAAA,UAAM,IAAG;AAAA,UAAM,IAAG;AAAA,UAAM,eAAY;AAAA,WACjC;AAAA;AAMT,aACE,qCAAC,OAAD;AAAA,QAAK,WAAW;AAAA,SACd,qCAAC,aAAD;AAAA,QAAa,aAAa;AAAA,QAAM,UAAU,KAAK;AAAA,SAC7C,qCAAC,iBAAD;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,OAAO,OAAO,YAAY;AAAA,QAC1B,OAAK;AAAA,SAEL,qCAAC,OAAD,MAAM;AAAA;AAAA;AAAA;AAWxB,IAAO,wBAAQ;",
+  "names": []
+}

package/esm/components/DragContainerController/DragContainerController.js

@@ -1,39 +1,36 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';
-import { GripperVertical, MoreOptionsVert } from '@elliemae/ds-icons';
-
-var _div;
-
-const DragContainerController = _ref => {
-  let {
-    color = DSIconColors.NEUTRAL,
-    icon: Icon = GripperVertical,
-    size = DSIconSizes.S,
-    multipleSize = false,
-    onClick
-  } = _ref;
-  const {
-    cssClassName
-  } = convertPropToCssClassName('query-builder-drag-group');
-  return /*#__PURE__*/_jsx("div", {
-    className: "".concat(cssClassName)
-  }, void 0, /*#__PURE__*/_jsx(Icon, {
-    color: color,
-    size: size
-  }), _div || (_div = /*#__PURE__*/_jsx("div", {
+import * as React from "react";
+import React2 from "react";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
+import { MoreOptionsVert, GripperVertical } from "@elliemae/ds-icons";
+const DragContainerController = ({
+  color = DSIconColors.NEUTRAL,
+  icon: Icon = GripperVertical,
+  size = DSIconSizes.S,
+  multipleSize = false,
+  onClick
+}) => {
+  const { cssClassName } = convertPropToCssClassName("query-builder-drag-group");
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: `${cssClassName}`
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    color,
+    size
+  }), /* @__PURE__ */ React2.createElement("div", {
     className: "separator"
-  })), /*#__PURE__*/_jsx(MoreOptionsVert, {
-    color: color,
-    onClick: onClick,
-    size: size
-  }), multipleSize && /*#__PURE__*/_jsx(Icon, {
+  }), /* @__PURE__ */ React2.createElement(MoreOptionsVert, {
+    color,
+    onClick,
+    size
+  }), multipleSize && /* @__PURE__ */ React2.createElement(Icon, {
     className: "additional-drag",
-    color: color,
-    onClick: onClick,
-    size: size
+    color,
+    onClick,
+    size
   }));
 };
-
-export { DragContainerController as default };
+var DragContainerController_default = DragContainerController;
+export {
+  DragContainerController_default as default
+};
+//# sourceMappingURL=DragContainerController.js.map

package/esm/components/DragContainerController/DragContainerController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragContainerController/DragContainerController.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { MoreOptionsVert, GripperVertical } from '@elliemae/ds-icons';\n\nconst DragContainerController = ({\n  color = DSIconColors.NEUTRAL,\n  icon: Icon = GripperVertical,\n  size = DSIconSizes.S,\n  multipleSize = false,\n  onClick,\n}) => {\n  const { cssClassName } = convertPropToCssClassName('query-builder-drag-group');\n  return (\n    <div className={`${cssClassName}`}>\n      <Icon color={color} size={size} />\n      <div className=\"separator\" />\n      <MoreOptionsVert color={color} onClick={onClick} size={size} />\n      {multipleSize && <Icon className=\"additional-drag\" color={color} onClick={onClick} size={size} />}\n    </div>\n  );\n};\nexport default DragContainerController;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ,aAAa;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,EACnB,eAAe;AAAA,EACf;AAAA,MACI;AACJ,QAAM,EAAE,iBAAiB,0BAA0B;AACnD,SACE,qCAAC,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,KACjB,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAc;AAAA,MACpB,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,MACf,qCAAC,iBAAD;AAAA,IAAiB;AAAA,IAAc;AAAA,IAAkB;AAAA,MAChD,gBAAgB,qCAAC,MAAD;AAAA,IAAM,WAAU;AAAA,IAAkB;AAAA,IAAc;AAAA,IAAkB;AAAA;AAAA;AAIzF,IAAO,kCAAQ;",
+  "names": []
+}

package/esm/components/DragControllerRow/DragControllerRow.js

@@ -1,39 +1,22 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { DSIconSizes } from '@elliemae/ds-icon';
-import { GripperVertical } from '@elliemae/ds-icons';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["className", "color", "icon", "size"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DragControllerRow = _ref => {
-  let {
-    className = 'drag-controller',
-    color = ['neutral', '500'],
-    icon: Icon = GripperVertical,
-    size = DSIconSizes.M
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-    className: className
-  }, rest), {}, {
-    children: /*#__PURE__*/_jsx(Icon, {
-      color: color,
-      size: size
-    })
-  }));
+import * as React from "react";
+import React2 from "react";
+import { DSIconSizes } from "@elliemae/ds-icon";
+import { GripperVertical } from "@elliemae/ds-icons";
+const DragControllerRow = ({
+  className = "drag-controller",
+  color = ["neutral", "500"],
+  icon: Icon = GripperVertical,
+  size = DSIconSizes.M,
+  ...rest
+}) => /* @__PURE__ */ React2.createElement("div", {
+  className,
+  ...rest
+}, /* @__PURE__ */ React2.createElement(Icon, {
+  color,
+  size
+}));
+var DragControllerRow_default = DragControllerRow;
+export {
+  DragControllerRow_default as default
 };
-
-export { DragControllerRow as default };
+//# sourceMappingURL=DragControllerRow.js.map

package/esm/components/DragControllerRow/DragControllerRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragControllerRow/DragControllerRow.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { GripperVertical } from '@elliemae/ds-icons';\n\nconst DragControllerRow = ({\n  className = 'drag-controller',\n  color = ['neutral', '500'],\n  icon: Icon = GripperVertical,\n  size = DSIconSizes.M,\n  ...rest\n}) => (\n  <div className={className} {...rest}>\n    <Icon color={color} size={size} />\n  </div>\n);\nexport default DragControllerRow;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW;AAAA,EACpB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,KAChB;AAAA,MAEH,qCAAC,OAAD;AAAA,EAAK;AAAA,KAA0B;AAAA,GAC7B,qCAAC,MAAD;AAAA,EAAM;AAAA,EAAc;AAAA;AAGxB,IAAO,4BAAQ;",
+  "names": []
+}

package/esm/components/FieldControllerRow/FieldControllerRow.js

@@ -1,27 +1,26 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { DSComboBox, DSTextBox } from '@elliemae/ds-form';
-
-const FieldControllerRow = _ref => {
-  let {
-    className = '',
-    onChange = () => null,
-    options = [],
-    value = '',
-    type = 'DSComboBox'
-  } = _ref;
-  return /*#__PURE__*/_jsx("div", {
-    className: className
-  }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx(DSComboBox, {
-    onChange: onChange,
-    options: options,
-    value: value
-  }), type === 'DSTextBox' && /*#__PURE__*/_jsx(DSTextBox, {
-    fluidWidth: true,
-    onChange: onChange,
-    options: options,
-    value: value
-  }));
+import * as React from "react";
+import React2 from "react";
+import { DSTextBox, DSComboBox } from "@elliemae/ds-form";
+const FieldControllerRow = ({
+  className = "",
+  onChange = () => null,
+  options = [],
+  value = "",
+  type = "DSComboBox"
+}) => /* @__PURE__ */ React2.createElement("div", {
+  className
+}, type === "DSComboBox" && /* @__PURE__ */ React2.createElement(DSComboBox, {
+  onChange,
+  options,
+  value
+}), type === "DSTextBox" && /* @__PURE__ */ React2.createElement(DSTextBox, {
+  fluidWidth: true,
+  onChange,
+  options,
+  value
+}));
+var FieldControllerRow_default = FieldControllerRow;
+export {
+  FieldControllerRow_default as default
 };
-
-export { FieldControllerRow as default };
+//# sourceMappingURL=FieldControllerRow.js.map

package/esm/components/FieldControllerRow/FieldControllerRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/FieldControllerRow/FieldControllerRow.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTextBox, DSComboBox } from '@elliemae/ds-form';\n\nconst FieldControllerRow = ({\n  className = '',\n  onChange = () => null,\n  options = [],\n  value = '',\n  type = 'DSComboBox',\n}) => (\n  <div className={className}>\n    {type === 'DSComboBox' && <DSComboBox onChange={onChange} options={options} value={value} />}\n    {type === 'DSTextBox' && <DSTextBox fluidWidth onChange={onChange} options={options} value={value} />}\n  </div>\n);\nexport default FieldControllerRow;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,MAEP,qCAAC,OAAD;AAAA,EAAK;AAAA,GACF,SAAS,gBAAgB,qCAAC,YAAD;AAAA,EAAY;AAAA,EAAoB;AAAA,EAAkB;AAAA,IAC3E,SAAS,eAAe,qCAAC,WAAD;AAAA,EAAW,YAAU;AAAA,EAAC;AAAA,EAAoB;AAAA,EAAkB;AAAA;AAGzF,IAAO,6BAAQ;",
+  "names": []
+}