@elliemae/ds-query-builder 2.3.0-alpha.2 → 2.3.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -61,12 +61,16 @@ class DisplayOutput extends import_react.Component {
|
|
|
61
61
|
}
|
|
62
62
|
if (displayFixedOutput) {
|
|
63
63
|
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
64
|
-
className: cssClassName
|
|
64
|
+
className: cssClassName,
|
|
65
|
+
"data-testid": "qb-fixed-output-wrapper"
|
|
65
66
|
}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
66
67
|
p: "xxs"
|
|
67
|
-
}, /* @__PURE__ */ import_react.default.createElement("strong",
|
|
68
|
+
}, /* @__PURE__ */ import_react.default.createElement("strong", {
|
|
69
|
+
"data-testid": "qb-fixed-output-label"
|
|
70
|
+
}, displayFixedOutput)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
68
71
|
pl: "xxs",
|
|
69
|
-
pr: "xxs"
|
|
72
|
+
pr: "xxs",
|
|
73
|
+
"data-testid": "qb-fixed-output-content"
|
|
70
74
|
}, display));
|
|
71
75
|
}
|
|
72
76
|
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DisplayOutput/DisplayOutput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"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"],
|
|
5
|
-
"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,
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -30,12 +30,16 @@ class DisplayOutput extends Component {
|
|
|
30
30
|
}
|
|
31
31
|
if (displayFixedOutput) {
|
|
32
32
|
return /* @__PURE__ */ React2.createElement("div", {
|
|
33
|
-
className: cssClassName
|
|
33
|
+
className: cssClassName,
|
|
34
|
+
"data-testid": "qb-fixed-output-wrapper"
|
|
34
35
|
}, /* @__PURE__ */ React2.createElement(Grid, {
|
|
35
36
|
p: "xxs"
|
|
36
|
-
}, /* @__PURE__ */ React2.createElement("strong",
|
|
37
|
+
}, /* @__PURE__ */ React2.createElement("strong", {
|
|
38
|
+
"data-testid": "qb-fixed-output-label"
|
|
39
|
+
}, displayFixedOutput)), /* @__PURE__ */ React2.createElement(Grid, {
|
|
37
40
|
pl: "xxs",
|
|
38
|
-
pr: "xxs"
|
|
41
|
+
pr: "xxs",
|
|
42
|
+
"data-testid": "qb-fixed-output-content"
|
|
39
43
|
}, display));
|
|
40
44
|
}
|
|
41
45
|
return /* @__PURE__ */ React2.createElement("div", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DisplayOutput/DisplayOutput.tsx"],
|
|
4
|
-
"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"],
|
|
5
|
-
"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,
|
|
4
|
+
"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"],
|
|
5
|
+
"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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-query-builder",
|
|
3
|
-
"version": "2.3.0-alpha.
|
|
3
|
+
"version": "2.3.0-alpha.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Query Builder",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -168,17 +168,17 @@
|
|
|
168
168
|
"build": "node ../../scripts/build/build.js"
|
|
169
169
|
},
|
|
170
170
|
"dependencies": {
|
|
171
|
-
"@elliemae/ds-accordion": "2.3.0-alpha.
|
|
172
|
-
"@elliemae/ds-button": "2.3.0-alpha.
|
|
173
|
-
"@elliemae/ds-classnames": "2.3.0-alpha.
|
|
174
|
-
"@elliemae/ds-form": "2.3.0-alpha.
|
|
175
|
-
"@elliemae/ds-grid": "2.3.0-alpha.
|
|
176
|
-
"@elliemae/ds-icon": "2.3.0-alpha.
|
|
177
|
-
"@elliemae/ds-icons": "2.3.0-alpha.
|
|
178
|
-
"@elliemae/ds-popper": "2.3.0-alpha.
|
|
179
|
-
"@elliemae/ds-shared": "2.3.0-alpha.
|
|
180
|
-
"@elliemae/ds-tooltip": "2.3.0-alpha.
|
|
181
|
-
"@elliemae/ds-utilities": "2.3.0-alpha.
|
|
171
|
+
"@elliemae/ds-accordion": "2.3.0-alpha.3",
|
|
172
|
+
"@elliemae/ds-button": "2.3.0-alpha.3",
|
|
173
|
+
"@elliemae/ds-classnames": "2.3.0-alpha.3",
|
|
174
|
+
"@elliemae/ds-form": "2.3.0-alpha.3",
|
|
175
|
+
"@elliemae/ds-grid": "2.3.0-alpha.3",
|
|
176
|
+
"@elliemae/ds-icon": "2.3.0-alpha.3",
|
|
177
|
+
"@elliemae/ds-icons": "2.3.0-alpha.3",
|
|
178
|
+
"@elliemae/ds-popper": "2.3.0-alpha.3",
|
|
179
|
+
"@elliemae/ds-shared": "2.3.0-alpha.3",
|
|
180
|
+
"@elliemae/ds-tooltip": "2.3.0-alpha.3",
|
|
181
|
+
"@elliemae/ds-utilities": "2.3.0-alpha.3",
|
|
182
182
|
"classnames": "~2.2.6",
|
|
183
183
|
"prop-types": "~15.7.2",
|
|
184
184
|
"react-addons-update": "~15.6.3",
|