@elliemae/ds-query-builder 2.3.0-alpha.1 → 2.3.0-alpha.6

package/{cjs → dist/cjs}/components/DisplayOutput/DisplayOutput.js

@@ -61,12 +61,16 @@ class DisplayOutput extends import_react.Component {
       }
       if (displayFixedOutput) {
         return /* @__PURE__ */ import_react.default.createElement("div", {
-          className: cssClassName
+          className: cssClassName,
+          "data-testid": "qb-fixed-output-wrapper"
         }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
           p: "xxs"
-        }, /* @__PURE__ */ import_react.default.createElement("strong", null, displayFixedOutput)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+        }, /* @__PURE__ */ import_react.default.createElement("strong", {
+          "data-testid": "qb-fixed-output-label"
+        }, displayFixedOutput)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
           pl: "xxs",
-          pr: "xxs"
+          pr: "xxs",
+          "data-testid": "qb-fixed-output-content"
         }, display));
       }
       return /* @__PURE__ */ import_react.default.createElement("div", {

package/{cjs → dist/cjs}/components/DisplayOutput/DisplayOutput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/DisplayOutput/DisplayOutput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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}>\n                <Grid p=\"xxs\">\n                  <strong>{displayFixedOutput}</strong>\n                </Grid>\n                <Grid pl=\"xxs\" pr=\"xxs\">\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,iBAAiB,oDAA0B;AAEnD,4BAA4B,uBAAU;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,mDAAC,+CAAoB,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,mDAAC,OAAD;AAAA,UAAK,WAAW;AAAA,WACd,mDAAC,qBAAD;AAAA,UAAM,GAAE;AAAA,WACN,mDAAC,UAAD,MAAS,sBAEX,mDAAC,qBAAD;AAAA,UAAM,IAAG;AAAA,UAAM,IAAG;AAAA,WACf;AAAA;AAMT,aACE,mDAAC,OAAD;AAAA,QAAK,WAAW;AAAA,SACd,mDAAC,iCAAD;AAAA,QAAa,aAAa;AAAA,QAAM,UAAU,KAAK;AAAA,SAC7C,mDAAC,qCAAD;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,OAAO,OAAO,YAAY;AAAA,QAC1B,OAAK;AAAA,SAEL,mDAAC,OAAD,MAAM;AAAA;AAAA;AAAA;AAWxB,IAAO,wBAAQ;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,iBAAiB,oDAA0B;AAEnD,4BAA4B,uBAAU;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,mDAAC,+CAAoB,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,mDAAC,OAAD;AAAA,UAAK,WAAW;AAAA,UAAc,eAAY;AAAA,WACxC,mDAAC,qBAAD;AAAA,UAAM,GAAE;AAAA,WACN,mDAAC,UAAD;AAAA,UAAQ,eAAY;AAAA,WAAyB,sBAE/C,mDAAC,qBAAD;AAAA,UAAM,IAAG;AAAA,UAAM,IAAG;AAAA,UAAM,eAAY;AAAA,WACjC;AAAA;AAMT,aACE,mDAAC,OAAD;AAAA,QAAK,WAAW;AAAA,SACd,mDAAC,iCAAD;AAAA,QAAa,aAAa;AAAA,QAAM,UAAU,KAAK;AAAA,SAC7C,mDAAC,qCAAD;AAAA,QACE,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,OAAO,OAAO,YAAY;AAAA,QAC1B,OAAK;AAAA,SAEL,mDAAC,OAAD,MAAM;AAAA;AAAA;AAAA;AAWxB,IAAO,wBAAQ;",
   "names": []
 }

package/{esm → dist/esm}/components/DisplayOutput/DisplayOutput.js

@@ -30,12 +30,16 @@ class DisplayOutput extends Component {
       }
       if (displayFixedOutput) {
         return /* @__PURE__ */ React2.createElement("div", {
-          className: cssClassName
+          className: cssClassName,
+          "data-testid": "qb-fixed-output-wrapper"
         }, /* @__PURE__ */ React2.createElement(Grid, {
           p: "xxs"
-        }, /* @__PURE__ */ React2.createElement("strong", null, displayFixedOutput)), /* @__PURE__ */ React2.createElement(Grid, {
+        }, /* @__PURE__ */ React2.createElement("strong", {
+          "data-testid": "qb-fixed-output-label"
+        }, displayFixedOutput)), /* @__PURE__ */ React2.createElement(Grid, {
           pl: "xxs",
-          pr: "xxs"
+          pr: "xxs",
+          "data-testid": "qb-fixed-output-content"
         }, display));
       }
       return /* @__PURE__ */ React2.createElement("div", {

package/{esm → dist/esm}/components/DisplayOutput/DisplayOutput.js.map

@@ -1,7 +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}>\n                <Grid p=\"xxs\">\n                  <strong>{displayFixedOutput}</strong>\n                </Grid>\n                <Grid pl=\"xxs\" pr=\"xxs\">\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,WACd,qCAAC,MAAD;AAAA,UAAM,GAAE;AAAA,WACN,qCAAC,UAAD,MAAS,sBAEX,qCAAC,MAAD;AAAA,UAAM,IAAG;AAAA,UAAM,IAAG;AAAA,WACf;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;",
+  "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": []
 }